Betapa menariknya jika kita bisa mengendalikan Arduino menggunakan beberapa kontrol GUI (misalnya Buttons) atau mewakili hasil sensor ke layar pada grafik atau slider atau text-box atau tombol-tombol. Akan sangat menyenangkan. Bukan?
Jika Anda memiliki ide dasar pemrograman Arduino maka Anda benar-benar siap untuk pergi. Jika tidak punya, tetap bukan masalah besar. Ini sangat sederhana.Dalam proyek ini Anda akan belajar bagaimana membuat GUI yang bagus untuk mengendalikan
Arduino dan pada akhirnya saya yakin Anda akan dapat membuat GUI Anda sendiri dan saya harap Anda akan menyukainya.PersyaratanSeperti yang Anda inginkan untuk mengendalikan Arduino, IDE Arduino adalah kebutuhan pertama. Dan untuk membuat GUI yang anda butuhkan adalah Processing IDE (atau anda bisa menyebutnya Processing sketchbook). Sekarang mari kita lihat apa yang diolah singkatnya?
Apa itu Pengolahan?Pengolahan adalah buku sketsa perangkat lunak fleksibel dan bahasa untuk belajar bagaimana kode dalam konteks seni visual. Pengolahan platform yang sangat berguna bagi para penggemar, peneliti, pelajar untuk belajar dan prototyping. Beberapa fiturnya adalah:- Gratis dan open source
- Untuk semua platform (GNU / Linux, Mac OS X, Windows, Android, dan ARM)
- Didokumentasikan dengan baik
- Banyak perpustakaan
- Komunitas yang baik ">Arduino IDEUntuk mendownload Arduino IDE buka di sini:Arduino IDE Download page
ARDUINO IDE DOWNLOAD |
Untuk mendownload Pengolahan disini: Processing Download page
Procesing Download |
Saat Anda mengklik Download Processing, file tersebut mendownload satu file zip. Unzip file itu dan di dalam folder unzip Anda akan menemukan aplikasi Pengolahan (lihat gambar berikut). Dan untuk menjalankan Processing, klik dua kali ikon itu.
Ada banyak perpustakaan untuk aplikasi yang berbeda. Anda juga bisa memasang beberapa perpustakaan tambahan secara manual atau langsung dari menu.
Untuk menginstal library baru dari menu, masuk ke: Sketch -> Import Library ... -> Add Library ...
Tapi saat ini kami hanya tertarik pada desain GUI. Dan ada perpustakaan yang sangat bagus bernama ControlP5 yang tersedia untuk membuat proyek kami. ControlP5 adalah library yang ditulis oleh Andreas Schlegel untuk lingkungan pemrograman Processing. Untuk menambahkan library ControlP5 ke Processing ikuti saja proses penambahan library dan cari ControlP5 lalu klik install. Sekarang Anda siap untuk membuat aplikasi GUI Anda.
Setelah Anda menginstal ControlP5, mulailah dengan membuat jendela sederhana. Lihat video di bawah untuk mendapatkan ide dasar bagaimana membuat jendela dan menambahkan tombol ke jendela.
Langkah selanjutnya adalah menulis sketsa Arduino. Tuliskan kode sedemikian rupa sehingga ketika Arduino menerima karakter apapun melalui port serial, ia melakukan beberapa tugas tertentu. Sebagai contoh
if(val == 'r'){ //if r received
digitalWrite(11, HIGH); //turn on pin 11 (red led in our case)
}
Jadi ketika Arduino menerima char 'r', ia menetapkan pin 11 ke High. Silakan periksa kode di bagian kode di bawah ini untuk mendapatkan ide yang tepat.Sekarang datang bagian Pengolahan. Ada sebuah perpustakaan Serial dalam Pengolahan dan kita dapat menggunakannya untuk membaca dan menulis ke port serial. Jadi apa yang kita lakukan sekarang adalah kita menetapkan sebuah fungsi ke masing-masing tombol untuk mengirim beberapa karakter ke port serial, jadi saat Anda menekan sembarang tombol, ia akan mengirim char tertentu ke port serial. Misalnya misalkan kita memiliki sebuah tombol yang disebut red, saat anda menekan tombol red maka akan mengirimkan char 'r' ke port serial.
void red(){
port.write('r');
}
Di ujung lain, Arduino menerima bahwa char 'r' dan menurut char yang diterima itu mengubah keadaan pin.Silakan periksa kode, jadi Anda bisa mendapatkan ide yang tepat bagaimana menambahkan tombol dan menetapkan fungsi pada tombolnya.
Kode ada di bagian Kode. Di sana Anda akan menemukan kode untuk keduanya, Arduino dan Processing. Pertama kompilasi dan upload sketsa Arduino ke arduino dan kemudian jalankan sketsa Processing.
Komponen dan Sirkuit
Jendela pengolahan akan terlihat seperti berikut jika Anda menggunakan kode yang disediakan di bawah ini.
Ringkasan proyek ada di video berikut.
https://youtu.be/5WjEQSMiqMQ
CODE
void setup() {
pinMode(10, OUTPUT); //set pin as output , blue led
pinMode(11, OUTPUT); //set pin as output , red led
pinMode(12, OUTPUT); //set pin as output , yellow led
Serial.begin(9600); //start serial communication @9600 bps
}
void loop(){
if(Serial.available()){ //id data is available to read
char val = Serial.read();
if(val == 'r'){ //if r received
digitalWrite(11, HIGH); //turn on red led
}
if(val == 'b'){ //if b received
digitalWrite(10, HIGH); //turn on blue led
}
if(val == 'y'){ //if y received
digitalWrite(12, HIGH); //turn on yellow led
}
if(val == 'f'){ //if f received
digitalWrite(11, LOW); //turn off all led
digitalWrite(12, LOW);
digitalWrite(10, LOW);
}
}
}
Komentar