Kontrol Arduino Menggunakan GUI/Android (Arduino + Processing)

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

Pengolahan IDE

Untuk mendownload Pengolahan disini: Processing Download page

Procesing Download

Menjalankan Pengolahan

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);
      }     
    }
  }

Schematics