17
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

LAPORAN PROYEK AKHIR PROTOTIPE ... - eprints.akakom.ac.ideprints.akakom.ac.id/3906/1/1_133310005_HALAMAN_DEPAN.pdf · LAPORAN PROYEK AKHIR ... Berdasarkan permasalahan tersebut, maka

  • Upload
    lybao

  • View
    263

  • Download
    5

Embed Size (px)

Citation preview

Page 1: LAPORAN PROYEK AKHIR PROTOTIPE ... - eprints.akakom.ac.ideprints.akakom.ac.id/3906/1/1_133310005_HALAMAN_DEPAN.pdf · LAPORAN PROYEK AKHIR ... Berdasarkan permasalahan tersebut, maka

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

Page 2: LAPORAN PROYEK AKHIR PROTOTIPE ... - eprints.akakom.ac.ideprints.akakom.ac.id/3906/1/1_133310005_HALAMAN_DEPAN.pdf · LAPORAN PROYEK AKHIR ... Berdasarkan permasalahan tersebut, maka

i

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 : Teknik Komputer

Jenjang : Diploma Tiga (D3)

SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER

A K A K O M

YOGYAKARTA

2017

Page 3: LAPORAN PROYEK AKHIR PROTOTIPE ... - eprints.akakom.ac.ideprints.akakom.ac.id/3906/1/1_133310005_HALAMAN_DEPAN.pdf · LAPORAN PROYEK AKHIR ... Berdasarkan permasalahan tersebut, maka

ii

Page 4: LAPORAN PROYEK AKHIR PROTOTIPE ... - eprints.akakom.ac.ideprints.akakom.ac.id/3906/1/1_133310005_HALAMAN_DEPAN.pdf · LAPORAN PROYEK AKHIR ... Berdasarkan permasalahan tersebut, maka

iii

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.

Page 5: LAPORAN PROYEK AKHIR PROTOTIPE ... - eprints.akakom.ac.ideprints.akakom.ac.id/3906/1/1_133310005_HALAMAN_DEPAN.pdf · LAPORAN PROYEK AKHIR ... Berdasarkan permasalahan tersebut, maka

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.

Page 6: LAPORAN PROYEK AKHIR PROTOTIPE ... - eprints.akakom.ac.ideprints.akakom.ac.id/3906/1/1_133310005_HALAMAN_DEPAN.pdf · LAPORAN PROYEK AKHIR ... Berdasarkan permasalahan tersebut, maka

v

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)

Page 7: LAPORAN PROYEK AKHIR PROTOTIPE ... - eprints.akakom.ac.ideprints.akakom.ac.id/3906/1/1_133310005_HALAMAN_DEPAN.pdf · LAPORAN PROYEK AKHIR ... Berdasarkan permasalahan tersebut, maka

vi

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.

Page 8: LAPORAN PROYEK AKHIR PROTOTIPE ... - eprints.akakom.ac.ideprints.akakom.ac.id/3906/1/1_133310005_HALAMAN_DEPAN.pdf · LAPORAN PROYEK AKHIR ... Berdasarkan permasalahan tersebut, maka

vii

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.

Page 9: LAPORAN PROYEK AKHIR PROTOTIPE ... - eprints.akakom.ac.ideprints.akakom.ac.id/3906/1/1_133310005_HALAMAN_DEPAN.pdf · LAPORAN PROYEK AKHIR ... Berdasarkan permasalahan tersebut, maka

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

Page 10: LAPORAN PROYEK AKHIR PROTOTIPE ... - eprints.akakom.ac.ideprints.akakom.ac.id/3906/1/1_133310005_HALAMAN_DEPAN.pdf · LAPORAN PROYEK AKHIR ... Berdasarkan permasalahan tersebut, maka

ix

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

Page 11: LAPORAN PROYEK AKHIR PROTOTIPE ... - eprints.akakom.ac.ideprints.akakom.ac.id/3906/1/1_133310005_HALAMAN_DEPAN.pdf · LAPORAN PROYEK AKHIR ... Berdasarkan permasalahan tersebut, maka

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

Page 12: LAPORAN PROYEK AKHIR PROTOTIPE ... - eprints.akakom.ac.ideprints.akakom.ac.id/3906/1/1_133310005_HALAMAN_DEPAN.pdf · LAPORAN PROYEK AKHIR ... Berdasarkan permasalahan tersebut, maka

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

Page 13: LAPORAN PROYEK AKHIR PROTOTIPE ... - eprints.akakom.ac.ideprints.akakom.ac.id/3906/1/1_133310005_HALAMAN_DEPAN.pdf · LAPORAN PROYEK AKHIR ... Berdasarkan permasalahan tersebut, maka

xii

4.1. Kesimpulan ....................................................................... 55

4.2. Saran ................................................................................ 55

DAFTAR PUSTAKA ................................................................... 56

Page 14: LAPORAN PROYEK AKHIR PROTOTIPE ... - eprints.akakom.ac.ideprints.akakom.ac.id/3906/1/1_133310005_HALAMAN_DEPAN.pdf · LAPORAN PROYEK AKHIR ... Berdasarkan permasalahan tersebut, maka

xiii

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

Page 15: LAPORAN PROYEK AKHIR PROTOTIPE ... - eprints.akakom.ac.ideprints.akakom.ac.id/3906/1/1_133310005_HALAMAN_DEPAN.pdf · LAPORAN PROYEK AKHIR ... Berdasarkan permasalahan tersebut, maka

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

Page 16: LAPORAN PROYEK AKHIR PROTOTIPE ... - eprints.akakom.ac.ideprints.akakom.ac.id/3906/1/1_133310005_HALAMAN_DEPAN.pdf · LAPORAN PROYEK AKHIR ... Berdasarkan permasalahan tersebut, maka

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

Page 17: LAPORAN PROYEK AKHIR PROTOTIPE ... - eprints.akakom.ac.ideprints.akakom.ac.id/3906/1/1_133310005_HALAMAN_DEPAN.pdf · LAPORAN PROYEK AKHIR ... Berdasarkan permasalahan tersebut, maka

xvi

DAFTAR TABEL

Tabel 3.1 Pengujian Arduino ............................................ 34

Tabel 3.2 Pengujian Power Supply ................................. 37