Perancangan Perangkat keras Perancangan Layout Perangkat Lunak pada Android

22 Gambar 3.3. Diagram alir utama Diagram alir utama ESP 8266 12E ditunjukan pada gambar 3.3. Program utama pada esp8266 12E menunjukan proses mikrokontroler secara keseluruhan. Setelah start, program akan membaca inisialisasi terhadap port-port mikrokontroler yang digunakan untuk proses pengendalian alat. Proses pertama yaitu membaca value PWM dan data alarm yang tersimpan pada eeprom memori untuk kemudian dilakukan eksekusi data ke output. Proses kedua adalah menunggu data yang dikirim melalui android yang meliputi data PWM dan alarm. Program dilengkapi kalibrasi RTC dimana jika pewaktuan RTC tidak sesuai maka akan sistem akan mensinkronasi sesuai jam dan tanggal pada android.

3.3. Perancangan Perangkat keras

Blok sistem secara keseluruhan dapat dilihat pada gambar 3.5 sebagai berikut. PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 23 Gambar 3.5 Blok sistem Perancangan alat ini terdiri dari beberapa bagian utama, yaitu wireless mikrokontroler esp 8266, RTC, transistor driver, led RGB. Wireless mikrokontroler esp 8266 12E berfungsi untuk mengatur dan memproses data dan untuk menerima dari yang dikirimkan dari android melalui sinyal wifi. Fungsi RTC adalah sebagai penghitung waktu berjalanya alarm ketika power lampu dimatikan, fungsi transistor sebagai penguat arus dari output digital esp 8266 12E ke led RGB, dan lampu RGB yang digunakan adalah type single high power RGB led 3 watt.

3.3.1 Perancangan Rangkaian

Pada gambar 3.6 merupakan rancangan rangkaian board utama pada lampu RGB alarm, esp 8266 12E disuplay oleh regulator 3.3v, keluaran driver uln2003 menuju led adalah negatif. Teg maximum led adalah 4v untuk mengurangi tegangan supply 5v yang menuju led digunakan dioda 1n4148 yang memiliki voltage drop sebesar 0.7 v. 24 Gambar 3.6 Rangkaian board utama

3.4 Perancangan Layout Perangkat Lunak pada Android

Pada gambar 3.7 adalah desain dari tab kontrol untuk mengubah warna lampu, lingkaran warna besar adalah lokasi pick colour apabila disentuh maka lampu RGB akan menyala sesuai warna yang disentuh.

3.4.1 Tab 1 berisi Kontrol Warna

25 Gambar 3.7 Tab1 Kontrol Warna

3.4.2 Tab 2 berisi Pengaturan Alarm

Tab2 Alarm pada gambar 3.8 adalah rancangan pengaturan RGB Alarm, dimana pada tab2 ini dapat melakukan pengaturan penyalaan lampu pada jam yang kita inginkan dengan penyalaan warna yang dapat diubah-ubah setiap jamnya, cakupan hari yang dapat diatur dari senin-minggu dan pada satu hari disediakan 5 kolom perintah waktu untuk kemudian alarm akan dieksekusi berurutan sesuai berjalanya waktu pada RTC. Misalkan pada gambar 3.8 lampu RGB telah diset Alarm pada hari senin lampu akan menyala pada jam 12.52 berwarna merah dan akan berganti warna ketika jam 15.54 dengan warna biru, untuk mematikan lampu dengan cara mengubah warna penyalaan berwarna hitam. Terdapat tombol sinkronasi watktu pada tab 2 ini, fungsinya untuk melakukan penyamaan waktu pada RTC dengan waktu jam dan hari pada Android. Tab 3 berisi Fading kontrol Tab 2 Berisi pengaturan Alarm On-Off lampu manual Pengubah warna lampu manual Penampil value RGB Red Seekbar manual Green Seekbar manual Blue Seekbar manual RGB brightness manual Sample warna nyala lampu Tab 1 kontrol sekarang 26 Gambar 3.8 Tab2 Pengaturan Alarm Baca data alarm dari lampu Kirim pengaturan alarm Alarm Senin aktif Pewaktuan Alarm yang di atur Jendela Pick Colors Alarm Tekan kembali setelah pick color AreaPick Colors sentuh warna yang diinginkan Warna sample yang dipilih Sinkronaksi waktu RTC Penyamaan waktu Android ke RTC ESP 27

3.4.3 Tab 3 berisi Pengaktifan fading

Pada gambar 3.9 adalah tab3 Spesial, memiliki fungsi untuk fading led yaitu led akan fading berurutan mulai dari, merah, hijau, biru, dan kemudian mengulang dari merah lagi, untuk digunakan sebagai lampu hias. Ketika tombol fade led ditekan, maka lampu akan seketika fading dan mengabaikan fungsi alarm atau penyalaan sebelumnya, dan ketika tombol fade led ditekan lagi maka fungsi fading akan non aktif dan fungsi alarm akan berjalan lagi atau kembali ke penyalaan lampu sebelumnya. Gambar 3.9 Tab3 Spesial Fading Tombol fade 28

3.5 Uploading program ESP 8266 12E dengan Arduino IDE