LAPORAN PROYEK AKHIR PROTOTIPE PENGENDALIAN LAMPU PANGGUNG MENGGUNAKAN WEB BROWSER MELALUI JARINGAN LOKAL BERBASIS ARDUINO DisusunOleh : ADITYA IRFAN PUJI HANDOKO NIM : 133310005 JURUSAN : TEKNIK KOMPUTER JENJANG : DIPLOMA III SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER AKAKOM YOGYAKARTA 2017
PROYEK AKHIR PROTOTIPE PENGENDALIAN LAMPU PANGGUNG MENGGUNAKAN WEB BROWSER MELALUI JARINGAN LOKAL BERBASIS ARDUINO Diajukan sebagai salah satu syarat untuk menyelesaikan studi jenjang Diploma Tiga (D3) Program Studi Teknik Komputer dan untuk memperoleh gelar Ahli Madya Komputer Pada Sekolah Tinggi Manajemen Informatika dan Komputer AKAKOM Disusun Oleh : ADITYA IRFAN PUJI HANDOKO NIM : 133310005 Program Studi Jenjang : Teknik Komputer : Diploma Tiga (D3) SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER A K A K O M YOGYAKARTA 2017 i
ii
HALAMAN PERSEMBAHAN Puji dan syukur kehadirat Allah SWT, yang telah melimpahkan rahmat, rizki, dan juga karunia-nya kepada kita semua. Sholawat dan salam selalu tercurah kepada junjungan kita Rasulullah Muhammad SAW yang senantiasa akan menuntn kita hingga akhir zaman kelak. Penyusunan Proyek Akhir ini saya persembahkan kepada : 1. Allah SWT yang selalu memberikan rahmat, rizki, dan karunianya. 2. Nabi Muhammad SAW yang telah menjadi sauri tauladan bagi seluruh umat Islam. 3. Kedua orang tua saya yang selalu sabar dalam mendidik dan membimbing saya. 4. Adik dan kakakku tercinta, yang selalu memberikan dukungan dan doa selama ini. 5. Seluruh keluarga yang telah memberikan dukungan. 6. Keluarga besar HMJ Teknik Komputer yang telah memberikan banyak pengalaman. 7. Teman teman keluarga kece. iii
iv 8. Teman dekat yang dengan tulus selalu memberikan doa, semangat, dan dukungan kepada saya untuk menjadi pribadi yang lebih baik, Niken Triswati. 9. Teman teman mahasiswa Teknik Komputer. 10. Teman teman semuanya yang tidak dapat saya sebutkan satu persatu.
HALAMAN MOTTO "Jadilah kamu manusia yang pada kelahiranmu semua orang tertawa bahagia, tetapi hanya kamu sendiri yang menangis; dan pada kematianmu semua orang menangis sedih, tetapi hanya kamu sendiri yang tersenyum." (Mahatma Gandhi) "Banyak kegagalan dalam hidup ini dikarenakan orang-orang tidak menyadari betapa dekatnya mereka dengan keberhasilan saat mereka menyerah." (Thomas Alva Edison) YAKIN, IKHLAS, ISTIQOMAH ( TGKH. Muhammad Zainuddin Abdul Madjid ) Barangsiapa yang menghendaki kebaikan di dunia maka dengan ilmu. Barangsiapa yang menghendaki kebaikan di akhirat maka dengan ilmu. Barangsiapa yang menghendaki keduanya maka dengan ilmu (HR. Bukhori dan Muslim) v
INTISARI Pada saat ini untuk mengendalian lampu panggung masih menggunakan pengendali lampu konvensional yang terdiri dari banyak tombol. Penggunaan pengendali lampu konvensional akan menjadi sedikit sulit dan juga memerlukan waktu untuk mengoperasikan. Sehingga diperlukan sebuah alat pengendali lampu yang sederhana, efisien, dan mudah digunakan. Berdasarkan permasalahan tersebut, maka dibuat Proyek Akhir dengan judul Prototipe Pengendalian Lampu Panggung Menggunakan Web Browser Melalui Jaringan Lokal Berbasis Arduino. Pengendalian lampu panggung dilakukan melalui web browser sebagai client dan Arduino sebagai server. Prototipe lampu panggung menggunakan empat buah lampu yang dapat dikendalikan secara mandiri dan secara kelompok. Pengujian dilakukan dengan cara menghubungkan Arduino pada jaringan lokal dan dikendalikan oleh komputer melalui web browser dalam jaringan yang sama. Hasil pengujian menunjukan bahwa lampu dapat dikendalikan secara mandiri dan secara kelompok. vi
KATA PENGANTAR Dengan mengucap puji syukur kehadiran Tuhan Yang Maha Esa, atas Anugerah dan Karunia-Nya sehingga penulis dapat menyelesainkan Laporan Proyek Akhir ini yang berjudul PENGENDALIAN LAMPU PANGGUNG MENGGUNAKAN WEB BROWSER MELALUI JARINGAN LOKAL BERBASIS ARDUINO. Terwujudnya penulisan proyek akhir ini tidak lepas dari bantuan berbagai pihak, oleh kerena itu pada kesempatan ini penulis ingin menyampaikan terima kasih yang tulus kepada semua pihak yang telah membantu dalam penulisan tugas akhir ini, antara lain : 1. Bapak Cuk Subiyantoro, S.Kom., M.Kom., selaku Ketua Sekolah Tinggi Manajemen Informatika dan Komputer AKAKOM Yogyakarta. 2. Bapak Ir. Sudarmanto, M.T., selaku Pembantu Ketua I Bidang Akademik di Sekolah Tinggi Manajemen Informatika dan Komputer AKAKOM Yogyakarta. 3. Ibu L.N. Harnaningrum, S.Si., M.T., selaku Ketua Program Studi Teknik Komputer Diploma 3 Sekolah Tinggi Manajemen Informatika dan Komputer AKAKOM Yogyakarta. vii
viii 4. Bapak Totok Budioko, S.T., M.T., Selaku dosen pembimbing dalam penyusunan proyek akhir. 5. Bapak dan ibu serta keluarga yang telah memberikan doa dan restu serta memberikan semangat sehingga proyek akhir ini dapat terselesaikan. 6. Seluruh Dosen dan staf karyawan Sekolah Tinggi Manajemen Informatika dan Komputer AKAKOM Yogyakarta. 7. Keluarga besar HMJ Teknik Komputer STMIK AKAKOM Yogyakarta. 8. Teman teman seangkatan dan semua pihak yang turut membantu tersusunya proyek akhir ini. Proyek akhir ini merupakan persyaratan akhir dari mahasiswa Program Studi Teknik Komputer STMIK AKAKOM untuk memperoleh gelar ahli madya. Penulis menyadari bahwa Proyek Akhir ini jauh dari kesempurnaan, maka semua kritik dan saran yang bersifat membangun akan selalu diterima. Semoga hal ini dapat memberikan manfaat terutama bagi kelanjutan studi penulis. Yogyakarta, Desember 2017 Penulis
ix DAFTAR ISI HALAMAN JUDUL... i HALAMAN PENGESAHAN... ii HALAMAN PERSEMBAHAN... iii HALAMAN MOTTO... v INTISARI... vi KATA PENGANTAR... vii DAFTAR ISI... ix DAFTAR GAMBAR... xii DAFTAR TABEL... xv BAB I PENDAHULUAN... 1 1.1. Latar Belakang Masalah... 1 1.2. Tujuan... 2 1.3. Batasan Masalah... 2 BAB II DASAR TEORI... 3 2.1. Protokol Hypertext Transfer Protoco (HTTP)... 3 2.2. Perangkat Lunak Arduino IDE... 4 2.3. Arduino Uno R3... 6 2.3.1. Pulse Width Modulation (PWM)... 7 2.4. Ethernet Shield... 8 2.4.1. Protokol SPI... 9 2.5. MOSFET IRF540... 11 ix
x BAB III IMPLEMENTASI... 12 3.1. Rancangan Sistem... 12 3.1.1. Rancangan Perangkat Keras (Hardware)... 12 3.1.2. Rancangan Perangkat Lunak (Software)... 13 3.1.2.1. Diagram Alir Server... 14 3.1.2.2. Diagram Alir Teks htm... 18 3.2. Implementasi Perangkat Keras... 22 3.2.1. Ethernet Shield... 22 3.2.2. Modul PWM Menggunakan Mosfet IRF540... 23 3.3. Implementasi Perangkat Lunak... 24 3.3.1. Kode Program Server... 24 3.3.1.1. Penambahan Library... 24 3.3.1.2. Inisialisasi Server... 24 3.3.1.3. Penentuan I/O Pin... 25 3.3.1.4. Pengecekan SD Card... 25 3.3.1.5. Pengecekan File index.htm... 25 3.3.1.6. Pengecekan Ketersambungan Client... 26 3.3.1.7. Pengecekan HTTP Request dari Client... 26 3.3.1.7.1. HTTP Request untuk Tombol 1... 26 3.3.1.7.2. HTTP Request untuk Tombol Grup 1... 27 3.3.2. Kode Program Teks htm... 28 3.3.2.1. Tampilan Teks htm... 28 3.3.2.2. Mengirim HTTP Request... 29
xi 3.3.2.3. Fungsi Tombol Lampu... 30 3.3.2.4. Fungsi Menu Slide Lampu... 31 3.4. Hasil Uji Program... 32 3.4.1. Hasil Uji Program Server... 32 3.4.1.1. Compile Program... 32 3.4.1.2. Upload Program... 33 3.4.2. Hasil Uji Program Teks htm... 33 3.5. Pengujian Perangkat Keras... 34 3.5.1. Pengujian Arduino... 34 3.5.2. Pengujian Ethernet Shield... 35 3.5.3. Pengujian Power Supply... 36 3.6. Pengujian Keseluruhan Sistem... 37 3.6.1. Pengujian Komunikasi Client - Server... 38 3.6.2. Pengujian Lampu... 39 3.6.2.1. Lampu 1... 39 3.6.2.2. Lampu 2... 41 3.6.2.3. Lampu 3... 42 3.6.2.4. Lampu 4... 44 3.6.3. 4 Lampu 2 grup... 45 3.6.3.1. Grup 1... 46 3.6.3.2. Grup 2... 48 3.6.4. 4 Lampu 1 Grup... 51 BAB IV PENUTUP... 55
xii 4.1. Kesimpulan... 55 4.2. Saran... 55 DAFTAR PUSTAKA... 56
DAFTAR GAMBAR Gambar 2.1 Arduino IDE... 5 Gambar 2.2 Arduino UNO R3... 6 Gambar 2.3 PWM Arduino... 8 Gambar 2.4 Ethernet Shield... 9 Gambar 2.5 Blok Diagram SPI... 10 Gambar 2.6 MOSFET IRF540... 11 Gambar 3.1 Rancangan Sistem... 12 Gambar 3.2 Blok Diagram... 13 Gambar 3.3 Diagram Alir server bagian 1...14 Gambar 3.4 Diagram Alir server bagian 2...15 Gambar 3.5 Diagram Alir server bagian 3...16 Gambar 3.6 Diagram Alir server bagian 4... 17 Gambar 3.7 Diagram Alir Teks htm bagian 1... 18 Gambar 3.8 Diagram Alir Teks htm bagian 2... 19 Gambar 3.9 Diagram Alir Teks htm bagian 3... 20 Gambar 3.10 Diagram Alir Teks htm bagian 4... 21 Gambar 3.11 Schematic Ethernet Shield dan Arduino... 22 Gambar 3.12 Schematic Modul PWM... 23 Gambar 3.13 Hasil compile program... 32 Gambar 3.14 Hasil upload program... 33 Gambar 3.15 Tampilan Client... 34 xiii
xiv Gambar 3.16 Program Web Server... 35 Gambar 3.17 Hasil Uji Program Ethernet Web Server... 36 Gambar 3.18 Tampilan Uji Client Pada Web Browser... 36 Gambar 3.19 Miniatur Panggung... 38 Gambar 3.20 Komunikasi Client Server... 39 Gambar 3.21 Lampu 1 Nyala... 40 Gambar 3.22 Tampilan Client Lampu 1... 40 Gambar 3.23 Tampilan Menu Slide Lampu 1... 41 Gambar 3.24 Lampu 2 Nyala... 41 Gambar 3.25 Tampilan Client Lampu 2... 42 Gambar 3.26 Tampilan Menu Slide Lampu 2... 42 Gambar 3.27 Lampu 3 Nyala... 43 Gambar 3.28 Tampilan Client Lampu 3... 43 Gambar 3.29 Tampilan Menu Slide Lampu 3... 44 Gambar 3.30 Lampu 4 Nyala... 44 Gambar 3.31 Tampilan Client Lampu 4... 45 Gambar 3.32 Tampilan Menu Slide Lampu 4... 45 Gambar 3.33 Lampu Grup 1 Nyala... 46 Gambar 3.34 Tampilan Client Grup 1... 47 Gambar 3.35 Tampilan Menu Slide Grup 1 20%... 47 Gambar 3.36 Tampilan Menu Slide Grup 1 60%... 48 Gambar 3.37 Tampilan Menu Slide Grup 1 100%... 48 Gambar 3.38 Lampu Grup 2 Nyala... 49
xv Gambar 3.39 Tampilan Client Grup 2... 49 Gambar 3.40 Tampilan Menu Slide Grup 2 20%... 50 Gambar 3.41 Tampilan Menu Slide Grup 2 60%... 50 Gambar 3.42 Tampilan Menu Slide Grup 2 100%... 51 Gambar 3.43 4 Lampu 1 Grup... 52 Gambar 3.44 Tampilan Client 4 Lampu 1 Grup... 52 Gambar 3.45 Tampilan Menu Slide 4 Lampu 1 Grup 20%... 53 Gambar 3.46 Tampilan Menu Slide 4 Lampu 1 Grup 60%... 53 Gambar 3.47 Tampilan Menu Slide 4 Lampu 1 Grup 100%... 54
DAFTAR TABEL Tabel 3.1 Pengujian Arduino... 34 Tabel 3.2 Pengujian Power Supply... 37 xvi