Video Tutorial Penggunaan Aplikasi Kendali Navigasi Robot Soccer Berbasis Komputer

0

Posted by Abdullah Sani

Pada postingan sebelumnya sudah dijelaskan pembuatan GUI/aplikasi kendali navigasi robot soccer. Untuk tampilan aplikasi secara keseluruhan dapat dilihat pada gambar dibawah ini.

Image

Pada aplikasi ini menggunakan komunikasi data serial untuk mengirimkan data ke robot, pembahasan komunikasi data serial dapat dilihat pada postingan yang ada di blog ini. Pada tutorial ini menggunakan virtual port serial dari eltima software sebagai jalur untuk komunikasi data. Pada kondisi aktual aplikasi ini sudah berfungsi dengan baik seperti yang diperlihatkan pada video tutorial penggunaan di bawah ini.

+++++++++++++++++++++++++++++

Video Created by Abdullah Sani

+++++++++++++++++++++++++++++

Pembuatan GUI Kendali Navigasi Robot Soccer

0

Posted by Abdullah Sani

Pada kesempatan kali ini akan dijelaskan bagaimana pembuatan GUI kendali navigasi robot soccer menggunakan komponen instrumentlab dari mitov dan microsoft visual studio 2010 dengan bahasa pemrograman C#. Pada postingan sebelumnya sudah dijelaskan bagaimana cara menggunakan komponen instrumentlab. Di bawah ini video singkat cara pembuatan GUI kendali navigasi robot soccer berbasis komputer. Untuk tampilan keseluruhan GUI dapat anda lihat pada postingan berikutnya.

Video Keseluruhan Sistem

0

Setelah postingan sebelumnya selalu berkutat dengan program aplikasi + program pada robot, pada postingan kali ini tim robosoccer mempersembahkan sebuah video perkembangan terhadap sistem yang dibuat. walaupun belum sempurna, aplikasi dan robot sudah bisa saling berkomunikasi dan bertukar data.

Berikut ini adalah video perkembangan/kemajuan dari sisi robot. Dikatakan demikian karena sisi aplikasi tidak ditampakkan pada video ini. Tapi saat pembuatan video ini, pergerakan robot sudah dikontrol melalui aplikasi.

Tanpa berpanjang lebar lagi, silahkan nikmati video pergerakan robot yang telah dikemas menarik dan sedemikian rupa, yang khusus dipersembahkan oleh tim Robosoccer D4 ITB.

Anggota Tim :
Abdullah Sani
Arya Haswardhana
Eko Rudiawan
Gery Reynaldi
Rifqi Amalya Fatekha
Riska Analia

Semoga bermanfaat dan memberikan inspirasi…. 🙂

Video Aplikasi Monitoring Kecepatan Robot Soccer

0

Monitoring kecepatan robot soccer dilakukan setelah aplikasi menerima data yang dikirimkan oleh robot. Data yang diterima tersebut kemudian di-parsing agar data-data yang penting dapat ditampilkan dilayar aplikasi. Bentuk screen shoot dari aplikasi yang telah dibuat dapat dilihat pada gambar berikut ini.

sreenshot aplikasi saat di-run

untuk menjalankan aplikasi yang telah dibuat, dapat dilihat pada link disini.

 

*************Semoga Bermanfaat*************

 

By: Riska Analia…… ^_^

 

Cara Konfigurasi XBee

3

Posted By Abdullah Sani

Sebelum menggunakan XBee terlebih dahulu harus dikonfigurasi. Berikut ini adalah beberapa langkah yang dilakukan agar XBee pada PC/laptop dan XBee pada robot dapat saling bertukar data.

  • Hubungkan XBee ke PC/laptop dengan menggunakan XBee adapter seperti pada gambar 4.2.
  • Jalankan program X-CTU yang telah diinstal sebelumnya.
  • Pada tampilan X-CTU, pilih COM port yang digunakan oleh XBee. Untuk mengetahui COM port yang digunakan XBee buka device manager pada PC/laptop dengan cara klik kanan pada computer lalu pilih Manage kemudian Device Manager. Pilih tanda panah pada bagian Ports (COM & LPT) dan lihat usb port yang aktif. Untuk lebih jelasnya lihat gambar dibawah

usb com

Gambar. Com port XBee yang  terbaca di PC/Laptop

  • Setelah itu lakukan pengaturan baudrate, flow control, data bits, parity, dan stop bits. Kemudian tekan tombol “Test Query”.         Seperti di bawah ini.
  • setting port

Gambar. Parameter Com Port

  • Jika koneksi antara X-CTU dengan XBee gagal, maka akan muncul sebuah pesan kesalahan dan jika koneksi berhasil, maka akan tampil modem type dan firmware version dari XBee yang sedang digunakan. Seperti pada gambar di bawah ini.
  • test query

Gambar. Hasil Query

  • Setelah koneksi berhasil, pilih tab Modem Configuration untuk mengkonfigurasi parameter-parameter yang diperlukan.
  • Tekan tombol “Read”, untuk membaca dan menampilkan pengaturan yang sedang digunakan XBee.
  • Agar dapat melakukan komunikasi lakukan pengaturan pada beberapa parameter berikut ini :
  1. PAN IDserver = PAN IDsemua robot, 
  2. DLserver = MYsemua robot,
  3. DLsemua robot = MYserver.
  • Setelah selesai melakukan konfigurasi beberapa parameter, langkah terakhir yaitu menyimpan konfigurasi yang telah dilakukan pada XBee. Untuk menyimpan konfigurasi tersebut, cukup dengan menekan tombol “Write” pada X-CTU. Di bawah ini gambar hasil read dan write XBee.
  • read xbee
  • Gambar. KOnfigurasi, Read dan Write XBee

Dibawah ini merupakan screenshot dan video pengiriman data dari XBee pada sisi PC/laptop ke XBee penerima

2013-02-20 11.41.43

Gambar. Koneksi XBee

xbee uji

Gambar Hasil Pengujian

video pengiriman data XBee

Menampilkan Gauge di Visual C# dengan InstrumentLab

0

Posted by Abdullah Sani

Pada Tugas Akhir ini digunakan beberapa gauge untuk menampilkan data input yang diberikan oleh pengguna. Di kesempatan kali ini akan dijelaskan bagaimana menampilkan gauge pada aplikasi dengan menggunakan bahasa pemrograman Visual C# dan komponen .NET yaitu InstrumentLab. Sebelum melanjutkan install terlebih dahulu komponen .NET InstrumentLab.

Buka Visual C# dan buatlah project baru. Setelah selesai tambah komponen .NET InstrumentLab ke project baru tadi caranya, pilih project pada menu lalu pilih Add Reference dapat dilihat pada gambar di bawah ini.

Image

Kemudian pilih tab browse lalu masuklah ke folder tempat anda menginstal komponen .NET InstrumentLab seperti lokasi berikut C:\Program Files\LabPacks\DotNET\Bin\4.0. Pilih file  Mitov.InstrumentLab.dll lalu tekan tombol OK seperti terlihat pada gambar di bawah ini.

Image

Berikutnya kita akan memasukan komponen gauge dari InstrumentLab ke toolbox Visual C#. Caranya, klik kanan pada toolbox lalu pilih Choose Items seperti terlihat pada gambar di bawah ini.

Image

Kemudian pada kolom Namespace cari Mitov.InstrumentLab, lalu pilih gauge yang ingin dimasukkan ke dalam toolbox Visual C# dan tekan tombol OK seperti terlihat pada gambar di bawah ini.

Image

Lihatlah pada toolbox Visual C# maka akan muncul komponen gauge yang ditambah tadi. Seperti terlihat pada gambar dibawah ini.

Image

Untuk menggunakannya cukup drag and drop pada komponen InstrumentLab yang ingin digunakan. Kali ini akan dicoba komponen angular gauge dan trackbar. Tempatkan komponen tersebut di form project sepert terlihat pada gambar di bawah ini.

Image

Nah sekarang kita buat programnya. Angular gauge akan menunjukan nilai tertentu ketika trackbarnya digeser-geser. Klik dua kali pada trackbar dan tuliskan listing programnya seperti di bawah ini.

Image

Setelah selesai  gantilah nilai maksimum trackbarnya menjadi 100 pada propertiesnya dan jalankan projectnya lalu geserlah trackbar maka angular akan menampilkan nilai trackbarnya.

Sekian penjelasannya semoga bermanfaat..

Komunikasi Serial di C#

3

Komunikasi serial merupakan salah satu cara untuk melakukan koneksi antara beberapa peralatan dalam lingkungan yang berbeda selama masih peralatan tersebut saling terhubung pada serial port. biasanya komunikasi serial digunakan untuk melakukan pengontrolan ataupun memantau keadaan sebuah alat.

Agar melakukan komunikasi serial menjadi lebih menarik dan mudah untuk dioperasikan oleh orang lain, maka diperlukan IDE (Integrated Development Environment) sebagai software yang nantinya dapat digunakan untuk melakukan pemantauan ataupun pengontrolan peralatan yang terhubung pada serial port. salah satu IDE yang dimaksud adalah C# untuk membuat komunikasi serial secara sederhana, dapat dilakukan dengan cara berikut.

  1. Buka aplikasi visual studio ultimate, kemudian buat lah projek baru (File -> New-> Project)ImageGanti pilih Windows Forms Application dan ganti nama aplikasi sesuai dengan yang diinginkan seperti yang lingkari.
  2. Setelah projek baru selesai dibuat, maka akan muncul form untuk memulai membuat aplikasi. Seperti pada gambar berikut.Image
  3. Selanjutkan ambil tools yang ingin digunakan pada bagian toolbox nya, untuk membuat sebuah aplikasi komunikasi baca dan kirim data dapat dilakukan dengan cara berikut ini. Pilih button, kemudian ganti namanya jasi Start, pilih 2 combobox untuk memilih commport dan baudrate dan richtextbox untuk melihat data yang masuk serta serialport, jika telah dilakukan maka akan terlihat pada gambar berikut ini.Image
  4. Klik dua kali pada tombol start untuk memasukkan listing programnya. Setelah diklik dua kali masukkan program berikut ini.
    
    private void button1_Click(object sender, EventArgs e)
            {
                if (!serialPort1.IsOpen)
                    try
                    {
                        serialPort1.PortName = Convert.ToString(comboBox1.SelectedItem);
                        serialPort1.BaudRate = Convert.ToInt32(comboBox2.SelectedItem);
                        serialPort1.Open();
                        button1.Text = "Stop";
                        richTextBox1.ReadOnly = false;
                    }
                    catch
                    {
                        MessageBox.Show("Erorr, Pastikan serial port yang digunakan benar dan telah terhubung!!!");
                    }
                else
                {
                    serialPort1.Close();
                    button1.Text = "Start";
    
                }
            }
  5. Kemudian pada properties seriapPort1 pilih even yang berbentuk seperti tanda petir seperti pada gambar dalam kotak berikut ini. Imagesetelah gambar petir tersebut dipilih, maka akan muncul option, pilih DataReceive dan klik dua kali jika telah diklik, maka masukkan script berikut ini.
    string RXstring;
            private void serialPort1_DataReceived(object sender, System.IO.Ports.SerialDataReceivedEventArgs e)
            {
                 RXstring = serialPort1.ReadExisting();
                this.Invoke(new EventHandler(tampil_kata));
            }
  6. jangan lupa untuk membuat fungsi tampil_kata() seperti pada script berikut.
    private void tampil_kata(object sender, EventArgs e)
            {
                richTextBox1.AppendText(RXstring);
            }
  7. untuk richtextbox, berikan perlakuan yang sama seperti pada serialport. pilih even keypress, kemudian klik dua kali dan masukkan script berikut ini.
    private void richTextBox1_KeyPress(object sender, KeyPressEventArgs e)
            {
                if (!serialPort1.IsOpen) return;
                char[] buff = new char[1];
                buff[0] = e.KeyChar;
               // serialPort1.Write(buff,0,1);//mengirim data ke serial
                serialPort1.Read(buff,0,1);//membaca data yang dikirim dari serial
                e.Handled = true;
            }
  8. bagian richtexbox ini, terdapat sintax untuk mengirim dan menerima data dari atau ke serial port.
  9. hal terahir yang harus dilakukan untuk memastikan bahwa portserial telah di tutup setelah aplikasi sesesai dijalankan. untuk melakukan ini, diperlukan sebuah even dari form yang telah dibuat tadi, sama hal nya dengan mencari even pada serialport dan richtextbox. setelah even dipilih, maka cari FormClosing bukan Form Closed, setelah itu klik dua kali pada even FormClosing dan masukkan script berikut.
    private void Form1_FormClosing(object sender, FormClosingEventArgs e)
            {
                if (serialPort1.IsOpen) serialPort1.Close();
            }

langkah untuk membangun sebuah komunikasi serial sederhana di C# telah selesai, sehingga hasil nya akan seperti berikut. saat apikasi tidak memilih comport, maka akan keluar message box seperti gambar ini.Image

jika kita telah memilih comport dan baudrate, maka aplikasi akan dapat melakukan komunikasi secara serial, selama aplikasi terhubung dengan serial port pada perangkat yang lain. untuk memudahkan percobaan, dapat dilakukan dengan menggunakan virtual serial, sehingga port serial dapat tersedia di komputer kita. hasil dari aplikasi ini adalah sebagai berikut

  1. membaca data yang dikirim oleh serial port di COM2Image
  2. Mengirim data ke serial port COM2Image

pada saat pengiriman data, pada aplikasi tidak terlihat data apa yang dikirim, ini karena even keypress, jadi data yang diambil sesuai dengan data yang diketikan di keybord. Demikian lah Komunikasi Serial di C# sederhana semoga bermanfaat dan selamat mencoba….. ^_^

************** Riska Analia**************