Membuat Gui Arduino Memakai C# Visual Studio 2010

Selamat malam gan. Kali ini ane akan share bagaimana cara Membuat GUI Arduino Menggunakan C# Visual Studio 2010... Ok pribadi aja ane akan bahas cara menjalankan GUI yang telah ane buat dan dilanjutkan membahas sekilas ihwal programnya. Cekidot...

Pertama-tama kita harus menciptakan dulu jadwal mengirimkan serial memakai Arduino, pada pola dibawah ini ane buat jadwal mengirimkan 3 buah data random dari 0 - 10 yang dimisalkan sebagai data dari sensor dengan pengiriman data secara pararel.

Mengirimkan 3 data serial memakai Arduino

Selanjutnya buat GUI memakai C# Form Application Visual Studio 2010, kurang lebih tampilannya ibarat gambar dibawah ini. Selanjutnya, isikan COM-PORT dan BAUDRATE sesuai dengan Arduino, Lalu tekan tombol STAR CONNECTION, maka data yang dikirim oleh Arduino akan ditampilan pada Rich Text Box dan Grafik.

Tampilan GUI saat dijalankan

Tekan STOP CONNECTION untuk menghentikan program, maka penerimaan data dari Arduino akan berhenti. Pada GUI ini juga terdapat sajian untuk menyimpan data yang diterima dalam form .TXT, caranya tekan tombol SAVE DATA (pastikan sebelumnya edit jadwal untuk daerah penyimpanan file, ini juga berlaku untuk penyimpanan gambar nantinya)

Menyimpan data serial dalam form .TXT

Untuk menyimpan gambar Grafik yang dihasilkan dengan menekan tombol SAVE CHART. maka gambar akan tersimpan. Gambar yang dihasilkan memakai format .PNG

Menyimpan Grafik dengan format .PNG

Hasil penyimpanan data serial dan gambar grafik

Gimana seru kan, ok kali ini ane akan ulas sedikit ihwal jadwal dari GUI C# Microsoft Visual Studio 2010, Cekidottt...

Program untuk Koneksi Serial dan Menampilkannya pada Rich Text Box dan Grafik:

private void button1_Click(object sender, EventArgs e) //Start Conection
        {
                myport = new SerialPort();
                myport.BaudRate = Convert.ToInt32(comboBox2.Text);
                myport.PortName = Convert.ToString(comboBox1.Text);
                myport.DataReceived += terima;
            try
            {
                myport.Open();
            }
            catch (Exception)
            {
                richTextBox2.Text = "Koneksi Arduino Gagal !";
            }
            button1.Enabled = false;
            button2.Enabled = false;
            button3.Enabled = true;
            button4.Enabled = false;
        }

        void terima(object sender, SerialDataReceivedEventArgs e)
        {
            data = myport.ReadLine();
            this.Invoke(new EventHandler(display));
            j++;
        }

        private void display(object sender, EventArgs e) //Program untuk menampilkan
        {
            data1 = data.Substring(0, 1); //Parsing tiga buah data
            data2 = data.Substring(2, 1);
            data3 = data.Substring(4, 1);
            kalender = DateTime.Now;
            string time = kalender.Hour + ":" + kalender.Minute + ":" + kalender.Second;
            progressBar1.Value = Convert.ToInt32((Convert.ToInt32(data1) + Convert.ToInt32(data2) + Convert.ToInt32(data3))/3);
            richTextBox1.AppendText(time + "\t\t" + data + "\n");
            richTextBox2.Text = "Koneksi Arduino Sukses !";
            this.chart1.Series["Data1"].Points.AddXY(j, Convert.ToInt32(data1));
            this.chart1.Series["Data2"].Points.AddXY(j, Convert.ToInt32(data2));
            this.chart1.Series["Data3"].Points.AddXY(j, Convert.ToInt32(data3));
        }

Program untuk Stop Koneksi:

private void button3_Click(object sender, EventArgs e) //Stop Connection
        {
            myport.Close(); //Memutuskan komunikasi serial
            richTextBox2.Text = "Koneksi Arduino Terputus !";
        }

Program Menyimpan Data Serial:

private void button2_Click(object sender, EventArgs e) //Save Data
        {
            simpan = @"E:\MOVE ON\PROJECT C#\ProjectCoba12\File Saved\"; //Alamat penyimpanan
            string nama_file = "data.txt";
            System.IO.File.WriteAllText(simpan + nama_file, richTextBox1.Text);
            MessageBox.Show("Data telah tersimpan di " + simpan + nama_file);
        }

Program Menyimpan Gambar Grafik:

private void button4_Click(object sender, EventArgs e) //Save Chart
{
simpan = @"E:\MOVE ON\PROJECT C#\ProjectCoba12\File Saved\"; //Alamat penyimpanan

            string nama_gambar = "data.png";
            this.chart1.SaveImage(simpan + nama_gambar, System.Windows.Forms.DataVisualization.Charting.ChartImageFormat.Png);
            MessageBox.Show("Gambar telah tersimpan di " + simpan + nama_gambar);
        }

Gimana tertarik untuk membuatnya... Ok Ok Ok ane akan share juga file mentahan yang terdiri dari jadwal Arduino dan Visual Studio 2010... Yup2 selamat berguru ya... Semoga bermanfaat...

DOWNLOAD PROGRAM LENGKAP