BAB III PERANCANGAN. Bab ini akan membahas perancangan hardware dan software Water Level

Transkripsi

1 BAB III PERANCANGAN Bab ini akan membahas perancangan hardware dan software Water Level Monitoring Berbasis Arduino dan Visual Basic. Arduino akan mengolah data yang didapatkan oleh sensor yang nantinya akan dikirimkan ke komputer melalui port serial dan akan ditampilkan melalui Graphical User Interface (GUI) yang dibangun dengan aplikasi buatan Microsoft, yakni Visual Basic 6.0. Antarmuka grafis yang dibangun nantinya akan dirancang sedemikian rupa sehingga program bisa berinteraksi dengan Arduino, sehingga selain mengambil data dari Arduino, program antarmuka nantinya juga dapat mengolah, sekaligus mengirim data ke Arduino. Pembuatan alat dibagi dalam beberapa kelompok yang masing masing mempunyai fungsi sendiri sendiri. 3.1 Persiapan Pembuatan Alat Tahap pertama dalam suatu perancangan suatu sistem kendali, tentunya adalah menyiapkan segala sesuatu yang dibutuhkan terlebih dahulu. Setelah segala sesuatu yang dibutuhkan tersedia, barulah melangkah ke tahap berikutnya. 34

2 35 Dan, agar lebih mudah dalam proses pembuatan alat nantinya, perlu disiapkan komponen komponen beserta alat yang diperlukan, antara lain : 1. Arduino board 2. Modul sensor ultrasonik 3. Komponen komponen, berupa buzzer, resistor, LED, relay, transistor, pin header (male + female), shrink tube, timah, PCB bolong, pin soket. 4. Alat alat, berupa solder, obeng, pemotong (cutter), multitester. 5. Komponen pendukung, berupa kabel, box, dan lain lain. 3.2 Proses Pembuatan Alat Setelah semua bahan dan peralatan serta alat pendukung tersedia, langkah selanjutnya dalam perancangan dan pembuatan alat sistem monitoring level air adalah pembuatan alat secara hardware dan software Prinsip Kerja Sistem Seperti disebutkan sebelumnya, sistem yang akan dibangun dirancang sedemikian rupa sehingga nantinya program antarmuka dapat berinteraksi antar perangkat penyusunnya. Adapun diagram alir dari prinsip kerja alat yang akan dibangun adalah sebagai berikut :

3 Gambar 3.1 Diagram Alir Prinsip Kerja Alat 36

4 37 Alat dirancang agar dapat dikendalikan melalui program Graphical User Interface ( antarmuka grafis ), terdiri dari 2 ( dua ) buah pompa yakni pompa input yang digunakan untuk mengisi tangki dan pompa output yang digunakan sebagai pompa distribusi. Pompa input dirancang agar dapat dikendalikan secara otomatis dan manual. Mode otomatis sepenuhnya dikendalikan oleh nilai setelan tinggi permukaan air dalam tangki. Pada saat level minimum, pompa input diset agar pompa input bekerja mengisi tangki sampai level setelan maksimum tercapai. Mode manual dirancang agar pompa dapat dihidup-matikan dari program grafis yang dibangun dengan Visual Basic. Sebagai pengaman agar tidak terjadi tumpahnya air karena penuhnya tangki, dalam mode manual disetel agar pompa input teap akan mati jika level maksimu setelan tercapai. Pompa output yang digunakan sebagai pompa distribusi dipasang agar aliran air mempunyai tekanan yang cukup kuat, sehingga jarak distribusi air dapat lebih jauh. Kontrol pompa distribusi dirancang hanya dalam mode manual, hal ini dikarenakan keberadaan pompa distribusi merupakan sebuah pilihan, itu artinya pompa distribusi ini dapat dipasang ataupun tidak, disesuaikan dengan kebutuhan pemakaian. Alat yang dibuat disediakan kontrol untuk pompa distribusi yang dipasang dengan sebuah solenoid valve yang bekerja secara bergantian. Pada saat pompa distribusi tidak bekerja, maka solenoid valve akan bekerja sehingga akan membuka pipa output dan langsung mendistribusikan air dalam tangki. Begitupun sebaliknya, pada saat pompa output bekerja, solenoid valve akan OFF sehingga jalur pipa dalam solenoid akan menutup,dan selanjutnya air akan didistribusikan oleh pompa output, dengan begitu, tekanan air pun akan lebih kuat.

5 38 Secara garis besar, sistem yang akan dibangun terdiri dari blok rangkaian berikut di bawah ini : Sensor Ultrasonik Arduino Board Komputer ( VB 6.0 ) Relay Shield #1 Relay Shield #2 Gambar 3.2 Diagram Blok Rangkaian Water Level Monitoring System Berdasarkan gambar diagram blok di atas, maka secara sederhana dapat dijelaskan prinsip kerja sistem yang akan dibangun adalah sebagai berikut : 1. Sensor ultrasonik, merupakan indera dari sistem yang akan dibangun. Sensor ultrasonik memperoleh data berupa besaran pulsa listrik, yang nantinya akan diolah oleh Arduino sehingga diperoleh jarak, yakni jarak antara level ketinggian air dan posisi sensor ultrasonik sendiri. 2. Arduino, merupakan komponen utama dari sistem yang akan dibangun. Arduino akan mengolah data pulsa listrik yang diterima dari sensor ultrasonik, mengirimnya ke komputer melalui port serial, dan sebaliknya, mengolah data yang dikirim komputer, serta mengirim hasil pengolahan berupa output digital ke Relay Shield. 3. Komputer, merupakan alat penunjang sistem yang dipakai untuk memberikan gambaran visual dari hasil pengolahan sensor ultrasonik dan Arduino, selain

6 39 itu, komputer juga dipakai untuk memberikan perintah / kontrol ke Arduino agar Arduino menghidupkan relay shield. 4. Relay shield, merupakan rangkaian yang digunakan sebagai output kontrol dari Arduino, yang mempunyai komponen utama berupa relay yang nantinya akan digunakan untuk menghidupkan dan mematikan pompa air dan solenoid valve Pengawatan / Wiring Hardware Skema pengawatan hardware, Arduino dengan seluruh komponen secara keseluruhan sebagai berikut : Gambar 3.3 Skema Pengawatan Hardware

7 40 Pembuatan Relay Shield Rangkaian relay shield sangat sederhana dan komponen komponen penyusunnya sangat mudah didapatkan di pasaran. Setelah komponen diperoleh maka langkah selanjutnya adalah merangkainya sesuai dengan skema relay shield berikut ini : Gambar 3.4 Skema Rangkaian Relay Shield 3.3 Pembuatan Program Arduino Sebelum membahas lebih dalam program Arduino secara keseluruhan untuk sistem kendali yang akan dibangun, berikut akan dibahas prinsip dasar dari masing masing bagian program arduino yang dipakai Konsep Dasar Pemrograman Arduino Pemrograman Arduino menggunakan bahasa pemrograman Arduino yang dibangun berbasis bahasa Wiring dan lingkungan pengembangannya (Arduino Environment Development) dibangun berbasis Processing. Wiring menurut situs reminya di merupakan kerangka pemrograman yang

8 41 bersifat open source yang digunakan untuk memprogram mikrokontroler. Sedangkan processing menurut situs resminya di processing merupakan bahasa pemrograman yang bersifat terbuka (open source) dan merupakan lingkungan pengembangan yang ditujukan untuk orang orang yang ingin membuat gambar, animasi, dan interaksi. Processing pada awalnya dikembangkan sebagai perangkat lunak untuk menghasilkan sketchbook dan digunakan untuk mengajarkan dasar dasar pemrograman komputer dalam konteks visual. Setiap programmer komputer pada awal belajarnya akan memulai belajar pemrograman dengan menampilkan kalimat Hello World! di layar monitor. Hello World! dalam lingkungan komputasi fisik yakni berupa LED (Light Emitting Diode = Dioda emisi cahaya) yang berkedip, nyala dalam waktu tertentu kemudian padam beberapa saat kemudian dan nyala lagi untuk beberapa saat, begitu seterusnya. LED merupakan indikator berupa lampu kecil yang membutuhkan daya yang relatif kecil untuk bekerja. Dan, di papan Arduino sudah built in LED yang terhubung ke pin digital 13. Untuk menyalakan LED secara berkedip, diperlukan kode yang cukup sederhana. Hal pertama yang harus dituliskan dalam kodenya adalah menentukan variabel yang mendefinisikan pin Arduino mana yang terhubung dengan LED. Uniknya, dalam bahasa pemrograman Arduino, variabel ini nantinya akan memakai nomor pin-nya saja, sehingga kita dapat dengan mudah mengubah nomor pin sesuai keinginan jika sewaktu waktu diperlukan. Sebagai contoh, dalam kode untuk LED berkedip ini memakai variabel integer (dalam Arduino disebut int ).

9 42 1. int led = 13; Hal kedua yang perlu dilakukan adalah mengkonfigurasi pin yang terhubung ke LED sebagai output. Konfigurasi pin Arduino sebagai output dapat dilakukan dengan memaki fungsi pinmode ( ) yang diletakkan dalam fungsi setup ( ). 1. void setup ( ) 2. { 3. pinmode (led, OUTPUT ); 4. } Akhirnya, untuk menghidupkan dan mematikan LED, kita dapat memakai fungsi digitalwrite ( ). Untuk menghidupkan digunakan logika HIGH, dan untuk mematikan LED digunakan logika LOW. Karena keterbatasan kemampuan mata manusia, maka apabila kita hanya memakai fungsi digitalwrite dengan logika HIGH dan LOW saja, maka kita tidak dapat melihat perubahan yang terjadi pada LED, karena nyala dan padamnya LED terlalu cepat. Untuk menyiasati masalah tersebut, kita harus menambahkan fungsi delay ( ) untuk memperlambat nyala dan padamnya LED. Fungsi delay ( ) dalam bahasa pemrograman Arduino menggunakan satuan milidetik, sehingga misalnya kita menginginkan tundaan waktu 1 (satu) detik, maka kita harus menggunakan delay sebesar 1000.

10 43 1. void loop( ) { 2. digitalwrite(led, HIGH); 3. delay(1000); 4. digitalwrite(led, LOW); 5. delay (1000); 6. } Kode keseluruhan untuk menyalakan dan memadamkan LED adalah sebagai berikut : 1. /* LED Berkedip 2. Menyalakan LED selama sedetik, kemudian memadamkan 3. selama sedetik 4. */ // Pin 13 terhubung dengan LED di hampir semua Arduino. 7. int led = 13; // nama variabel LED // bagian setup, jalan sekali ketika tombol reset ditekan: void setup ( ) { 12. pinmode (led, OUTPUT); // set pin digital sebagai output. 13. }

11 // fungsi yang akan terus diulang: 15. void loop ( ) { 16. digitalwrite (led, HIGH); // menyalakan LED 17. delay(1000); // tunda 1 detik 18. digitalwrite (led, LOW); // memadamkan LED 19. delay(1000); // tunda 1 detik 20. } Keterangan kode program : - Keterangan program dapat dijadikan komentar dengan cara menambahkan tanda /* dan diakhiri tanda */ jika yang ingin dijadikan komentar lebih dari satu baris, sebagai contoh dari program di atas adalah baris ke-1 sampai baris ke-4. Selain itu, komentar dapat diperoleh dengan cara menambahkan tanda // jika hanya 1 (satu) baris yang akan dijadikan komentar. Sebagai contoh yakni baris ke-5, ke-8, dst. Komentar tidak akan dieksekusi oleh program Arduino, karena dianggap bukan kode program. - Kode LED berkedip ini merupakan kode dasar yang nantinya dapat dipakai untuk menghidupkan relay shield yang akan digunakan dalam sistem kendali yang akan dibangun Konsep Komunikasi Serial Arduino Seperti disinggung di Bab II, komunikasi serial yang dipakai untuk komunikasi Arduino ke komputer dan sebaliknya, dilakukan oleh kombinasi pin RX dan TX di masing masing bagian, yakni di Arduino dan komputer itu

12 45 sendiri. Karena tuntutan kemajuan zaman, dimana port serial standar yang berbasis RS 232 makin jarang ditemui di komputer yang beredar di pasaran, Arduino memakai port USB (Universal Serial Bus). Walaupun demikian sebenarnya komunikasi serial masih berlangsung, hanya saja dalam komunikasi serial tersebut melalui sebuah rangkaian terintegrasi yang berfungsi mengkonversi data RX dan TX mikrokontrol Arduino ke mode USB. TX Arduino RX Komputer TX RX 0 5 V (-15) (+15) V TTL RS 232 Rangkaian Konverter Gambar 3.5 Diagram Komunikasi Serial Arduino komputer Rangkaian konverter serial yang dipakai menggunakan komponen utama berupa IC ATMega8U (Arduino Uno R2) atau ATMega16U2 (Arduino Uno R3).

13 46 Gambar 3.6 Chip ATMega16U2 sebagai konverter RS-232 Sebelum membahas lebih dalam mengenai konsep pemrograman komunikasi serial, akan lebih baik jika kita mempelajari konsep pemrograman pengkondisian terlebih dahulu. Dan, hanya konsep pemrograman pengkondisian yang dipakai saja yang akan dibahas, yakni if dan if else. if Konsep pemrograman pengkondisian if yang biasanya diikuti dengan tanda / operator perbandingan, yang terdiri dari : Tabel 3.1 Tanda operator Perbandingan dan Contoh Pemakaiannya Tanda Misal Keterangan == X == Y X sama dengan Y!= X!= Y X tidak sama dengan Y < X < Y X lebih kecil daripada Y

14 47 > X > Y X lebih besar daripada Y <= X <= Y X lebih kecil atau sama dengan Y >= X >= Y X lebih besar atau sama dengan Y NB : Di dalam bahasa pemrograman Arduino, tanda operator sama dengan tunggal ( = ) dan tanda sama dengan ganda ( == ) mempunyai arti berbeda, jika hanya menggunakan tanda = maka mempunyai arti bahwa tanda tersebut menyatakan nilai sebuah variabel, misal x = 10, maka ini berarti mengeset nilai dari variabel x sebesar 10. Dengan kata lain, menetapkan nilai x sebesar 10, dan biasanya ini diletakkan di awal program atau di bagian deklarasi. Sedangkan tanda sama dengan ganda ( == ) merupakan tanda dari sebuah perbandingan, artinya tanda ini akan mengecek apakah suatu variabel mempunyai nilai yang sama atau tidak dengan variabel yang dibandingkan. Setelah mengerti dan memahami pemakaian operator perbandingan, maka dapat kita ketahui cara pemakaiannya dalam struktur pemrograman bahasa Arduino, sebagai contoh : 1. if (suatu_variabel > 50) { 2. // lakukan sesuatu di sini 3. }

15 48 if else Konsep pemrograman pengkondisian if else mempunyai karakteristik yang mirip dengan konsep pemrograman if, yang membedakan adalah pada pemakaian logika if else ini memungkinkan kontrol yang lebih besar, lebih banyak kemungkinan yang akan dilakukan, dibanding jika hanya menggunakan logika if. Hal ini dimungkinkan karena dalam pemakaian logika if else dapat dilakukan beberapa tes yang dikelompokkan secara bersamaan. Sebagai contoh, nilai suatu pengukuran dapat dites dan satu tindakan dilakukan jika bernilai 20, tindakan lain akan dilaksanakan jika hasil pengukuran bernilai 30 atau lebih besar. Setelah memahami konsep dasar pemrograman pengkondisian if dan if else, maka kita dapat melanjutkan ke konsep pemrograman komunikasi serial, karena dalam pemrograman serial ini juga menggunakan logika pengkondisian if dan if else. 1. if (Input < 500) { 2. // aksi A 3. } 4. else 5. { 6. // aksi B 7. } else dapat memproses logika if yang lain, sehingga logika pengkondisiannya lebih dari satu, dan biasanya pengetesan logika pengkondisian

16 49 dapat dilakukan secara bersamaan. Prinsip dasar dari logika pengkondisian if else ini adalah pada setiap pengecekan kondisi, tiap kondisi akan dicek apakah sudah sesuai dengan kondisi yang diinginkan atau belum, jika belum maka akan melanjutkan pengecekan kondisi berikutnya sampai kondisi yang diinginkan ditemukan. Jika sudah ditemukan kondisi yang diinginkan, maka program akan melaksanakan kode program dalam blok kode terkait. Jika pengecekan kondisi yang diinginkan tidak ditemukan, maka program akan melaksanakan program default, program standar selain program yang terdapat pada baris kode if. Logika pengkondisian else if dapat menjalankan logika pengkodisian dengan jumlah tak terbatas. Dan, perlu diingat, pemakaian logika pengkondisian else if dapat diakhiri dengan else, namun dapat juga tanpa diakhiri dengan else. 1. if (Input < 500) { 2. // laksanakan A 3. } 4. else if (Input >= 1000) { 5. // laksanakan B 6. } 7. else 8. { 9. // laksanakan C 10. }

17 50 Selanjutnya, logika pengkondisian if dapat dikembangkan dalam konsep pemrograman komunikasi serial di Arduino. Namun, seperti dalam contoh program LED berkedip, dalam deklarasinya harus ditambahkan suatu deklarasi yang berhubungan dengan komunikasi serial, yakni inisialiasi serial. Berikut kode program inisialisasi serial yang dimaksud : 1. Serial.begin (9600); Selanjutnya, dalam konsep pemrograman serial terdapat beberapa macam kode instruksi. Namun, tentunya yang akan dibahas lebih dalam hanya yang akan dipakai saja terkecuali begin ( ), karena sudah ditulis sebelumnya. Berikut kode instruksi serial program Arduino yang dipakai : print ( ) konsep pemrograman serial jenis ini difungsikan untuk mengirim data ke port serial komputer dari Arduino dan dikirim sebagai text ASCII yang bisa dibaca manusia. Bentuk dari command ini dapat berbentuk dalam berbagai format. Nomr dikirim menggunakan karakter ASCII untuk setiap digit, float dikirim sebagai digit ASCII yang mirip, dengan acuan standar sebanyak 2 (dua) tempat desimal, byte dikirm sebagai karakter tunggal, dan, karakter dan string dikirim seperti aslinya. Contoh : - Serial.print(78) menghasilkan "78" - Serial.print( ) menghasilkan "1.23" - Serial.print('N') menghasilkan "N" - Serial.print("Hello world.") menghasilkan "Hello world."

18 51 Sebagai pilihan, penulisan parameter kedua dalam kode program ini dengan penulisan basis bilangan yang dipakai. Dan, nilai yang diperbolehkan adalah BIN (untuk bilangan biner, atau basis 2), OCT (bilangan oktal, basis 8), DEC (desimal, basis 10), HEX (hexadesimal, basis 16). Untuk bilangan pecahan, penulisan parameter kedua menunjukkan jumlah bilangan pecahan yang akan ditampilkan. Contoh : - Serial.print(78, BIN) menghasilkan " " - Serial.print(78, OCT) menghasilkan "116" - Serial.print(78, DEC) menghasilkan "78" - Serial.print(78, HEX) menghasilkan "4E" - Serial.println( , 0) menghasilkan "1" - Serial.println( , 2) menghasilkan "1.23" - Serial.println( , 4) menghasilkan "1.2346" available ( ) Digunakan untuk mendapatkan byte maupun karakter yang tersedia dari serial port yang sebelumnya sudah diterima dan disimpan oleh buffer penerima (berukuran 64 byte), sintaksnya : 1. Serial.available ( ) read ( ) Seperti namanya, fungsi dari kode program ini adalah untuk membaca data serial yang masuk ke port serial. Mempunyai sintaks sebagai berikut : 1. Serial.read ( )

19 52 Itulah beberapa kode pemrograman serial yang akan dipakai, jadi secara keseluruhan, kode program bagian serial ini adalah kurang lebih seperti berikut ini: 1. void setup ( ) { 2. Serial.begin (9600); // inisialisasi program serial 3. } 4. Void loop ( ) { 5. if (Serial.available ( ) > 0) { // jika ada data serial 6. int data = Serial.read ( ) ; // data = pembacaan data serial 7. } 8. if (data == 1 ) { // jika data = 1 9. digitalwrite (led, HIGH) ; // menyalakan LED 10. Serial.print ( LED ON ); 11. } 12. if (data == 0 ) { // jika data = digitalwrite ( led, LOW ) ; // memadamkan LED 14. Serial.print ( LED OFF ); // kirim LED OFF ke serial 15. }

20 Program Arduino untuk Sensor Ultrasonik Seperti telah disebutkan sebelumnya, jenis sesor ultrasonik yang dipakai adalah yang berjenis HC-SR04. Dalam IDE Arduino standar, contoh library untuk sensor ini belum ada, untuk itu kita mengunduh library yang dibuat oleh Tim Eckel di alamat Library ini pada mulanya dibuat didasarkan pada ketidak puasan Tim Eckel pada performa sensor ultrasonik yang dipakainya. Dan, setelah dipelajari ternyata disebabkan oleh library yang digunakan, bukan karena sensornya. Kelebihan library yang sudah mencapai versi 1.5 ini selain bisa digunakan untuk sensor ultrasonik HC-SR04, juga dapat dipakai untuk tipe sensor ultrasonik SRF05, SRF06,DYP-ME007 dan Parallax PING))). Hal pertama yang harus dilakukan setelah proses pengunduhan library selesai, kemudian ekstrak berkas yang telah diunduh, kemudian pindahkan folder hasil ekstrakan ke dalam folder libraries yang ada di dalam folder aplikasi IDE Arduino kita. Selanjutnya, ketika kita membuka aplikasi IDE Arduino, di bagian File > Examples, maka akan muncul contoh sketch bernama NewPing. Selanjutnya kita dapat memakai library tersebut untuk alat yang akan kita buat. Kita dapat menyesuaikan pin Arduino yang dipakai, berikut skema pengawatan HC-SR04 dan Arduino :

21 54 Gambar 3.7 Skema Pengawatan Arduino dan HC-SR04 gunakan : Dan, berikut library HC-SR04 buatan Tim Eckel yang akan penulis 1. // // Contoh library NewPing 3. // #include <NewPing.h> 6. #define TRIGGER_PIN 12 // pin Arduino untuk trigger 7. #define ECHO_PIN 11 // pin Arduino echo 8. #define MAX_DISTANCE 200 // jarak maks (cm) 9. NewPing sonar(trigger_pin, ECHO_PIN, MAX_DISTANCE);

22 void setup( ) { 11. Serial.begin(115200); 12. } void loop( ) { 15. delay (50) ; 16. int cm = sonar.ping_cm(); 17. Serial.print("Ping: "); 18. Serial.print(cm); 19. Serial.println("cm"); 20. } 3.4 Pembuatan Program dengan Visual Basic 6.0 Visual Basic merupakakan bahasa pemrograman yang dibuat oleh Microsoft, merupakan perangkat lunak untuk menyusun program aplikasi yang bekerja dalam lingkungan Windows. Visual Basic menawarkan kepada penggunanya kemudahan dalam menyusun program aplikasi dengan tampilan grafis yang menawan dala waktu yang relatif singkat. Sehingga diharapkan dengan adanya program Visual Basic ini pengguna Windows dapat memanfaatkan kemampuan Windows secara optimal.

23 Komponen dan Bahasa Pemrograman yang Dipakai Pemakaian komponen atau obyek dalam perancangan dan pembuatan aplikasi berbasis bahasa pemrograman apapun adalah mutlak, tak terkecuali bahasa pemrograman Visual Basic. Obyek dalam Visual Basic digunakan sebagai elemen antarmuka dalam program yang akan dibuat. Prinsip sederhana dari pemakaian obyek ini adalah kita harus memindah, mengubah ukuran, mengatur tata letak atau setting property-nya. Berikut contoh contoh obyek dalam Visual Basic beserta fungsinya secara singkat : 1. TextBox (tempat input/menampilkan teks, bebas diubah) 2. Label (teks pada form; tidak dapat langsung di ubah) 3. Command Button (menjalankan perintah/proses jika di tekan) 4. Frame (pengelompokan kontrol-kontrol secara visual/fungsional) 5. CheckBox (menampilkan kondisi Y/N atau T/F) 6. Form (tempat kerja program aplikasi) 7. ComboBox (kombinasi textbox & listbox, pilih dari list atau ketik) 8. ListBox (multiselect) 9. PictureBox (menampilkan gambar) 10. Image (menampilkan gambar, tapi tidak bisa sebagai kontainer kontrol) 11. Option Button (mirip dengan checkbox, tapi hanya satu pilihan yg dapat di pilih) 12. HS/VS ScrollBar (scrollbar Horizontal dan Vertikal) 13. Line (membentuk garis)

24 Data (data binding) 15. OLE Object Lingking and Embedding (lokasi program eksternal, ex : word ms, dll.) 16. Project (sekumpulan modul aplikasi itu sendiri) 17. Module (modul fungsi-fungsi kontrol) 18. Code Editor (tempat sintaks/coding) 19. Pointer (untuk memilih kontrol) Pada pemrograman Visual BASIC, form digunakan sebagai komponen utama untuk mendesain tampilan program. Secara umum sebuah komponen/objek dalam Visual BASIC memiliki 3 karakteristik utama yaitu: Properti Event Metode 1. Properti, adalah karakteristik yang melekat pada sebuah obyek yang menunjukkan ciri / karakteristik suatu obyek. Misalnya BackColor menunjukkan warna latar belakang, Font menunjukkan jenis dan ukuran font yang digunakan, dan sebagainya. Pengaturan property suatu objek dapat diatur dengan 2 cara. Cara pertama adalah dengan mengatur komponen melalui Property Window, dan cara kedua adalah dengan memberi baris program pada Code Window. Contoh : Untuk mengatur judul/caption form1 menjadi Program Pertama dapat dilakukan dengan memberi kode program:

25 58 1. Form1.Caption = WATER LEVEL Seperti pada gambar berikut : Gambar 3.8 Mengubah Judul Form dengan Pengaturan Porperty Gambar 3.9 Mengubah Judul Form dengan Kode (Perubahan dilihat pada Kondisi Run)

26 59 2. Event, peristiwa atau kejadian yang diterima oleh suatu objek, misalnya klik, seret, tunjuk dan lain-lain. Event yang diterima objek akan memicu MS-Visual Basic menjalankan kode program yang ada di dalamnya. Misalnya kejadian ketika command1 diklik (event Command1_Click), kejadian ketika form loading pertama kali (event Form_Load), dan sebagainya. Contoh : 1. Private Sub Form_Load() 2. Form1.Caption = WATER LEVEL 3. End Sub Keterangan : Program akan mengubah caption dari form1 menjadi WATER LEVEL ketika form pertama kali ditampilkan (Form_Load). 3. Metode (Method), adalah prosedur yang dikerjakan pada satu objek. Metode merupakan suatu tindakan di mana objek dapat di bentuk. Contoh : 1. Form1.Cls Keterangan : Perintah ini digunakan untuk membersihkan form. Berikut beberapa komponen yang akan dipakai dalam program : Menampilkan Tanggal dan Jam Memanggil fungsi tanggal dan jam dalam bahasa pemrograman Visual Basic 6.0 sangatlah mudah. Untuk menampilkan tanggal dan jam dalam Visual

27 60 Basic 6.0 dalam 2 (dua) buah label, kita memerlukan tambahan komponen berupa Timer. Berikut adalah sintaks programnya : 1. Private Sub Form_Load() 2. Timer1.Interval = Timer1.Enabled = True End Sub Private Sub Timer1_Timer( ) 6. Label1.Caption = Format(Date, "dd mmmm yyyy") 7. Label2.Caption = Format(Time, "hh:mm:ss") 8. End Sub 9. Gambar 3.10 Komponen untuk Menampilkan Tanggal dan Jam Setelah di Run

28 61 Menampilkan Port yang Tersedia di Komputer Pemilihan port komputer yang tepat adalah mutlak untuk mendapatkan data yang dikirim Arduino dan kemudian diambil datanya, diolah, kemudian ditampilkan ke dalam program yang akan dibuat nantinya. Komponen MSCOMM yang diambil dari Component diperlukan sebagai komponen port serial, dan untuk menampilkan ke dalam sebuah CmboBox, berikut sintaks program dan gambarnya : Gambar 3.11 Komponen untuk Menampilkan Port yang Tersedia di Komputer 1. Private Sub Form_Load() 2. On Error Resume Next Dim I As Integer For I = 1 To MSComm1.CommPort = I 8. MSComm1.PortOpen = True

29 62 9. If MSComm1.PortOpen Then 9. Combo1.AddItem "COM " & I 10. MSComm1.PortOpen = False 11. Else 12. End If 13. Next 14. End Sub Selanjutnya, agar terjadi komunikasi antara Arduino dan komputer, perlu ditambahkan beberapa baris kode berikut yang berfungsi untuk membuka port yang telah dipilih, yang tentunya port yang sesuai dengan port Arduino, menyetel baudrate, Parity, databit dan stopbit-nya, mengaktifkan oncom event, dan sebagainya. 1. With MSComm1 2. If.PortOpen Then.PortOpen = False 3..CommPort = Val(Mid(Combo1.Text, 4, 2)) 4..Settings = "9600,N,8,1" 5..DTREnable = True 6..RTSEnable = True 7..RThreshold = 2 8..SThreshold = 0 9..PortOpen = True 10. End With 11. End Sub

30 63 Setelah komunikasi antara Arduino dan komputer terlaksana, agar data dari Arduino dapat ditampilkan ke dalam program yang kita buat, perlu ditambahkan baris kode berikut : 1. Private Sub MSComm1_OnComm() Dim strinput, strhsl() As String 4. Dim strfilter() As String 5. Dim I As Integer 6. Dim hsl, temp, angka As String 7. Dim jarak As Integer With MSComm1 10. Select Case.CommEvent 11. Case comevreceive 12. strinput =.Input 13. temp = temp + strinput 14. End Select 15. Text1.Text = Text1.Text & temp 16. Text1.SelStart = Len(Text1.Text) 17. strhsl = Split((Text1.Text), vbcrlf) 18. For I = 0 To UBound(strHsl)

31 hsl = strhsl(i) 20. Next strfilter = Filter(strHsl, "cm", True, vbtextcompare) 23. For I = 0 To UBound(strFilter) 24. jarak = Val(Mid(strFilter(I), 9, 3)) 25. Next 26. nilai.caption = ((jarak / 100) * 100) 27. ProgressBar1.Value = nilai.caption 28. End With 29. End If 30. End Sub

32 65 Kode program di atas diperlukan untuk mendapatkan data yang dikirim oleh Arduino. Data yang telah diperoleh akan diolah dengan sintaks bahasa Visual Basic di atas, yang akan memanipulasi data yang diterima. Data yang dikirim Arduino yang berupa string perlu dimanipulasi agar bisa diambil data yang diperlukan. Berikut sintaks manipulasi data string yang dipakai : Tabel 3.2 Fungsi Fungsi Manipulasi String Nama Fungsi Keterangan Contoh Penggunaan Len Menentukan panjang sebuah string Len ( Pipit ) Menghasilkan 5 Mid Val Menghasilkan karakter yang dihitung dari tengah-tengah string dimulai dari titik awal tertentu Menghasilkan angka numerik yang terkandung dalam string Mid ( abcdefg, 3, 3) Menghasilkan cde Val (12.34abcde) Menghasilkan 12,34 Berikutnya, setelah semua komponen bahasa pemrograman Visual Basic 6 dipilah dan diperoleh yang sekiranya diperlukan, tahap berikutnya adalah perancangan GUI (Graphical User Inteface = Antarmuka Grafis). Program yang akan dibangun didesain seperti gambar di bawah. GUI yang dibangun menggunakan komponen Timer, MSComm, TextBox, CommandButton, Image, Frame, Label, ProgressBar.

33 66 Gambar 3.12 Rancangan GUI Membuat File EXE Visual Basic menyediakan fitur pembuatan berkas bertipe.exe. berkas bertipe EXE ini akan mempermudah kita dalam mengakses program yang telah kita buat sehingga kita tidak perlu lagi membuka program Visual Basic terlebih dahulu. Caranya pun sangat mudah, hanya beberapa klik, tunggu hingga kompilasi selesai, dan jadilah berkas EXE-nya.

34 67 Gambar 3.13 Menu untuk Membuat Berkas EXE Gambar 3.14 Ikon Program EXE yang Dihasilkan Membuat Berkas Instalasi Program Program EXE yang baru saja dibuat dapat berjalan mulus di komputer kita yang sudah terpasang program Visual Basic, akan tetapi belum tentu dapat berjalan dengan baik di komputer lain. Sebuah program EXE akan memerlukan file file pendukung yang digunka oleh program tersebut, misalnya file file control ActiveX atau file file DLL (Dynamic Link Library).

35 68 Visual Basic telah menyediakan fasilitas pembuatan file setup program sehingga program dapat diinstal di komputer lain. Langkah langkahnya adalah sebagai berikut : 1. Klik ikon Start, pilih All Programs, kemudian pilih Microsoft Visual Studio 6.0, lalu pilih Package and Deployment Wizard, akan tampil seperti gambar berikut : Gambar 3.15 Package and Deployment Wizard 2. Tentukan nama program yang akan dibuat file setup-nya dengan terlebih dahulu mengeklik tombol Browse untuk menentukan letak lokasi program yang akan dibuatkan file setup-nya. Setelah itu pilih tombol Package, dan akan tampil seperti gambar berikut :

36 69 Gambar 3.16 Proses setelah Browse dan Package ditekan Gambar 3.17 Proses Pembuatan File Setup

37 70 3. Klik Next saja, kemudian akan muncul gambar berikut : Gambar 3.18 Folder Tujuan Hasil Pembuatan File Setup 4. Klik tombol Next, akan muncul peringatan, klik Yes dan Next saja, sehingga akan muncul gambar berikut : Gambar 3.19 Kotak Dialog Penentuan File Anggota

38 71 5. Klik Next, akan muncul seperti gambar yang memerintakan kita untuk memilih ukuran file cab. Penentuan ukuran file Cab ini berguna nantinya jika kita ingin mendistribusikan program yang telah kita buat, Single cab bisa dipilih jika nantinya kita ingin mendistribusikan program yang telah kita buat melalui media dengan ukuran yang besar seperti CD-ROM. Jika nantinya kita ingin mendistribusikan program yang dibuat dengan media dengan ukuran kecil, misalnya Floppy disk, kita harus memilih Multiple cab. Tampilannya akan seperti gambar berikut : Gambar 3.20 Kotak Dialog Penentuan File cab 6. Klik tombol Next, akan muncul kotak dialog yang berisi nama program yang bisa kita rubah untuk nama instalasinya.

39 72 Gambar 3.21 Kotak Dialog Penentuan Judul Instalasi 7. Klik Next, akan muncul seperti gambar berikut : Gambar 3.22 Kotak Dialog Lokasi Hasil Setup program

40 73 8. Tampilan selanjutnya adalah lokasi program disimpan di media penympanan pada komputer baru. Klik lagi tombol Next, akan muncul tampilan kotak dialog pilihan Shared Files : Gambar 3.23 Kotak Dialog Lokasi Hasil Setup 9. Berikutnya, kita perlu mengeklik Next lagi, hingga muncul kotak dialog pilihan shared files seperti gambar berikut ini :

41 74 Gambar 3.24 Kotak Dialog Pilihan Shared Files 10. Kita harus memberi tanda cek jika kita ingin file hasil setup dapat dipakai bersama sama oleh beberapa user, kemudian klik Next lagi. Gambar 3.25 Kotak Dialog Script Name

42 Klik tombol Finish, maka program akan membuat file setup. Tunggu sampai proses selesai, setelah itu akan tampil report. Klik tombol Save Report untuk menyimpan catatan atau Close untuk menutup Report tanpa menyimpannya. Gambar 3.26 Tampilan Report Pada tahap ini, proses pembuatan file setup telah selesai. Kita dapat menyalin file file hasil setup ini ke media lain, misal USB Flash Disk atau CD-ROM untuk diinstal ke komputer lain.