RANCANG BANGUN WEB SERVER SEBAGAI DATA STORAGE AND DISPLAY DARI RASPBERRY PI
LAPORAN AKHIR
Disusun Untuk Memenuhi Syarat Menyelesaikan Pendidikan Diploma III Pada Jurusan Teknik Elektro Program Studi Teknik Telekomunikasi
Politeknik Negeri Sriwijaya
Oleh :
FRADITA DAMAYANTI 0614 3033 1205
POLITEKNIK NEGERI SRIWIJAYA PALEMBANG
RANCANG BANGUN WEB SERVER SEBAGAI DATA STORAGE AND DISPLAY DARI RASPBERRY PI
Disusun Untuk Memenuhi Syarat Menyelesaikan Pendidikan Diploma III Pada Jurusan Teknik Elektro Program Studi Teknik Telekomunikasi
Politeknik Negeri Sriwijaya
Oleh : FRADITA DAMAYANTI 0614 3033 1205 Pembimbing I Palembang, Juli 2017 Pembimbing II
Ade Silvia Handayani, S.T., M.T NIP. 197609302000032002
Martinus Mujur Rose, S.T., M.T NIP. 197412022008121002
Mengetahui,
Ketua Jurusan Ketua Program Studi
Teknik Elektro Teknik Telekomunikasi DIII
Yudi Wijanarko, S.T.,M.T Ciksadan, S.T., M.Kom NIP. 196705111992031003 NIP. 196809071993031003
PERNYATAAN KEASLIAN
Saya yang bertanda tangan di bawah ini :
Nama : FRADITA DAMAYANTI
NIM : 061430331205
Program Studi : Teknik Telekomunikasi Jurusan : Teknik Elektro
Menyatakan dengan sesungguhnya bahwa Laporan Akhir yang telah saya buat ini dengan judul “Rancang Bangun Web Server sebagai Data Storage and Display
dari Raspberry Pi” adalah benar hasil karya saya sendiri dan bukan merupakan duplikasi, serta tidak mengutip sebagian atau seluruhnya dari karya orang lain, kecuali yang telah disebutkan sumbernya.
Palembang, Juli 2017 Penulis
Motto
Tidak perlu menjelaskan tentang dirimu pada siapapun.
Karena yang menyukaimu tidak membutuhkannya dan
yang membencimu tidak akan mempercayainya.
(Ali bin Abi Thalib)
Kupersembahkan kepada:
Allah SWT
Nabi Muhammad SAW
Ayah dan Ibuku yang selalu memberikan
do’a dan dukungan untuk kesuksesanku
Adikku M. Arief Rahman yang
tersayang
Keluargaku yang selalu memberikan do’a
dan dukungan
Kedua dosen pembimbingku
Ibu Ade Silvia Handayani,S.T.,M.T. dan
Bapak Martinus Mujur Rose,S.T.,M.T.
Teman-teman seperjuanganku, 6 TD,
Teknik Telekomunikasi 2014
Sahabat terdekatku Bella, Inggit, Lutfa,
Maulydia, Alvin dan Hadi
Sahabatku tercinta Fadhila Ade
Pratiwi, Faridah Munirotul Fatwa dan
Fitriyah
Rekan-rekan team LA
ABSTRAK
RANCANG BANGUN WEB SERVER SEBAGAI DATA STORAGE AND
DISPLAY DARI RASPBERRY PI
(2017 : xiv + 55 Halaman + 48 Gambar + 6 Tabel + 12 Lampiran + Daftar Pustaka)
FraditaDamayanti 0614 3033 1205
JURUSAN TEKNIK ELEKTRO
PROGRAM STUDI TEKNIK TELEKOMUNIKASI ABSTRAK
Rancang Bangun Web Server sebagai Data Storage and Display dari Raspberry Pi merupakan rancang bangun sebuah webhost yang dapat menyimpan serta menampilkan data yang dikirim dari Raspberry Pi yang terhubung dengan Pi Camera. Pi Camera akan mendeteksi koordinat robot berdasarkan warna dari robot, kemudian diolah oleh Raspberry Pi dan dikirimkan dengan menggunakan jaringan WiFi menuju ke web server. Web server dapat dirancang dengan menggunakan aplikasi XAMPP. Aplikasi ini adalah aplikasi yang menggabungkan Apache, PHP dan MySQL menjadi satu sehingga mempermudah dalam perancangan web server. Salah satu contoh dari web server adalah phpMyAdmin. phpMyAdmin adalah sebuah localhost yang dapat diakses oleh admin dengan menjalankan Apache dan MySQL di XAMPP. Didalam phpMyAdmin terdapat database berupa tabel yang berisi nilai titik koordinat yang disimpan secara real time dari Raspberry Pi, data-data tersebut juga bisa ditampilkan dalam bentuk tabel oleh phpMyAdmin lengkap dengan tanggal dan waktu ketika data diterima oleh web server.
ABSTRACT
DESIGN OF WEB SERVER AS DATA STORAGE AND DISPLAY FROM RASPBERRY PI
(2017 : xiv + 55 Pages + 48 Images + 6 Tables + 12 Attachments + List of Refferences)
Fradita Damayanti 0614 3033 1205
ELECTRICAL ENGINEERING DEPARTMENT
MAJORING TELECOMMUNICATION ENGINEERING ABSTRACT
Design of Web Server as the Data Storage and Display of Raspberry Pi is design a webhost that can store and display data sent from Raspberry Pi that linked to the Pi Camera. Pi Camera will detect the coordinates of robot based on the color of the robot, and then processed by Raspberry Pi and delivered by using WiFi network to the web server. The Web server can use applications designed with XAMPP. This application is an application that combines Apache, PHP and MySQL into one, so it makes it easy to design in a web server. For example of a web server is phpMyAdmin. phpMyAdmin is a localhost which is accessible by admin with Apache and MySQL running on XAMPP. In phpMyAdmin there are databases in the form of a table that contains values for the point coordinates are saved in real time from Raspberry Pi, this data can also be displayed in the form of the table by phpMyAdmin complete with the date and time when the data are received by the web server.
KATA PENGANTAR
Puji syukur atas kehadirat Allah SWT yang telah melimpahkan segenap rahmat dan hidayah-Nya sehingga penulis dapat menyelesaikan Laporan Akhir yang berjudul “Rancang Bangun Web Server sebagai Data Storage and Display dari Raspberry Pi”.
Adapun tujuan dari penulisan Laporan Akhir ini adalah untuk memenuhi salah satu syarat menyelesaikan pendidikan Diploma III di Politeknik Negeri Sriwijaya. Dalam penyusunan laporan ini, penulis banyak mendapatkan bantuan dari berbagai pihak berupa bimbingan, petunjuk, keterangan dan data, baik yang diberikan secara tertulis maupun secara lisan. Oleh sebab itu dalam kesempatan ini, dengan tulus dan ikhlas penulis mengucapkan banyak terimakasih atas bantuan dan kesempatan yang telah diberikan oleh berbagai pihak sehingga penulis dapat menyelesaikan Laporan Akhir ini. Maka dalam kesempatan ini penulis ingin mengucapkan banyak terimakasih sebesar-besarnya kepada :
1. Ibu Ade Silvia Handayani, S.T, M.T. selaku Dosen Pembimbing I 2. Bapak Martinus Mujur Rose,S.T.,M.T. selaku Dosen Pembimbing II Yang telah memberikan bimbingan, pengarahan dan nasihat kepada penulis dalam menyelesaikan Laporan Akhir ini. Penulis juga mengucapkan terimakasih kepada pihak-pihak yang telah mendukung serta membantu hingga Laporan Akhir ini dapat diselesaikan, terutama kepada :
1. Bapak Dr. Dipl Ing. Ahmad Taqwa, M.T. selaku Direktur Politeknik Negeri Sriwijaya
2. Bapak Yudi Wijanarko, S.T., M.T. selaku Ketua Jurusan Teknik Elektro Politeknik Negeri Sriwijaya
3. Bapak Herman Yani, S.T., M. Eng. selaku Sekretaris Jurusan Teknik Elektro Politeknik Negeri Sriwijaya
4. Bapak Ciksadan, S.T.,M.Kom selaku Ketua Program Studi Teknik Telekomunikasi Politeknik Negeri Sriwijaya
5. Seluruh Staff Pengajar Program Studi Teknik Telekomunikasi Politeknik Negeri Sriwijaya
6. Ayah dan Ibu tercinta yang selalu memberikan do’a dan semangat 7. Adikku yang turut mendo’akan dan memberikan motivasi
8. Teman-teman seperjuangan 6 TD, Teknik Telekomunikasi 2014
9. Sahabat seperjuangan Bella Nopiyanti, Inggit Putri Naria, Maulydia dan Lutfa Nurul Lisyah yang selalu membantu dan memberi semangat 10. Sahabatku tercinta Fadhila Ade Pratiwi, Faridah Munirotul Fatwa dan
Fitriyah yang turut memberi motivasi, do’a dan semangat
11. Semua pihak yang telah membantu yang tidak dapat saya sebutkan satu persatu.
Penulis berharap semoga laporan ini dapat bermanfaat ke depannya bagi rekan-rekan untuk dijadikan referensi. Penulis menyadari bahwa dalam Laporan Akhir ini masih terdapat banyak kekurangan, untuk itu saran dari semua pihak sangat diharapkan demi kesempurnaan laporan ini.
Palembang, Juli 2017
DAFTAR ISI HALAMAN JUDUL ... ... . i HALAMAN PENGESAHAN ... ii MOTTO ... iii ABSTRAK ... iv ABSTRACT ... v KATA PENGANTAR ... vi
DAFTAR ISI ... viii
DAFTAR GAMBAR ... xi
DAFTAR TABEL ... xiii
DAFTAR LAMPIRAN ... xiv
BAB I PENDAHULUAN 1.1 Latar Belakang... 1 1.2 Rumusan Masalah ... 2 1.3 Tujuan Penelitian ... 2 1.4 Manfaat Penelitian ... 2 1.5 Batasan Masalah ... 3 1.6 Metodologi Penulisan ... 3
1.6.1 Metode Studi Pustaka ... 3
1.6.2 Metode Observasi ... 3
1.6.3 Metode Wawancara ... 3
1.6.4 Metode Cyber ... 3
1.7 Sistematika Penulisan ... 4
BAB II TINJAUAN PUSTAKA 2.1 Web Server ... 5
2.1.1 Web Server Apache ... 6
2.1.1.1 Dukungan Apache ... 6
2.1.1.2 Keunggulan Web Server Apache ... 6
2.1.2 PHP ... 8 2.1.3 MySQL ... 8 2.1.3.1 Kelebihan MySQL ... 9 2.1.3.2 Kekurangan MySQL ... 11 2.2 phpMyAdmin ... 13 2.2.1 Fitur phpMyAdmin ... 13
2.2.2 Fungsi-fungsi pada phpMyAdmin ... 14
2.3 Perangkat Raspberry Pi ... 17
2.3.1 Sistem Operasi Raspberry Pi ... 18
2.3.2 Raspberry Pi 3 Model B ... 20
2.3.3 Spesifikasi Raspberry Pi 3 Model B ... 21
2.3.4 Fitur-fitur Raspberry Pi 3 Model B ... 22
2.4 Database ... 22
2.5 Warna ... 23
2.5.1 Konversi dari RGB ke HSV ... 24
BAB III RANCANG BANGUN 3.1 Pendahuluan ... 26
3.2 Tujuan Perancangan ... 26
3.3 Diagram Blok Rangkaian ... 26
3.3.1 Diagram Blok Perancangan Elektronik ... 27
3.3.2 Diagram Blok Perancangan Mekanik ... 28
3.3.3 Diagram Blok Perancangan Web Server ... 29
3.4 Langkah-langkah Perancangan ... 29
3.4.1 Instalasi XAMPP ... 30
3.4.1.1 Persiapan Instalasi ... 30
3.4.1.2 Proses Instalasi XAMPP ... 30
3.4.2 Desain Database ... 35
3.5 Metode Pengaktifan Web Server ... 38
3.6 Flowchart ... 39
BAB IV PEMBAHASAN 4.1 Deskripsi ... 40
4.2 Tujuan ... 40
4.3 Langkah-langkah Kerja ... 40
4.4 Data Percobaan ... 45
4.4.1 Pengujian dengan Robot Merah ... 45
4.4.2 Pengujian dengan Robot Kuning ... 46
4.4.3 Pengujian dengan Robot Hijau ... 48
4.4.4 Pengujian dengan Robot Biru ... 50
4.4.5 Pengujian dengan 4 Warna Robot ... 51
4.5 Analisa ... 54
BAB V KESIMPULAN DAN SARAN 5.1 Kesimpulan ... 55
5.2 Saran ... 55 DAFTAR PUSTAKA
DAFTAR GAMBAR
Gambar 2.1 Logo phpMyAdmin ... 13
Gambar 2.2 Logo Raspberry Pi ... 18
Gambar 2.3 Tampak Atas Raspberry Pi 3 Model B ... 20
Gambar 2.4 Tampak Bawah Raspberry Pi 3 Model B ... 21
Gambar 3.1 Blok Diagram Perancangan Elektronik ... 27
Gambar 3.2 Tampak Atas dari Raspberry Pi dan Pi Camera ... 27
Gambar 3.3 Tampak Bawah dari Raspberry Pi dan Pi Camera ... 28
Gambar 3.4 Tiang Penyangga Raspberry Pi dan Pi Camera ... 28
Gambar 3.5 Diagram Blok Perancangan Rancang Bangun Web Server ... 29
Gambar 3.6 Gambar File xampp-win32-7.0.6-0-VC14-installer ... 31
Gambar 3.7 Window Setup – XAMPP ... 31
Gambar 3.8 Window Select Components ... 32
Gambar 3.9 Window Folder Instalasi ... 32
Gambar 3.10 Window Bitnami for XAMPP ... 33
Gambar 3.11 Window Ready to Install ... 33
Gambar 3.12 Window Proses Instalasi ... 34
Gambar 3.13 Window Instalasi Selesai ... 34
Gambar 3.14 Tampilan Awan phpMyAdmin ... 35
Gambar 3.15 Langkah Awal Membuat Tabel ... 36
Gambar 3.16 Menentukan Jumlah Kolom Tabel ... 36
Gambar 3.17 Menentukan Keterangan pada Tabel ... 37
Gambar 3.18 Struktur Tabel Database di phpMyAdmin ... 37
Gambar 3.19 Metode Pengaktifan Web Server ... 38
Gambar 3.20 Flowchart Penyimpanan Data di Web Server ... 39
Gambar 4.1 Ikon XAMPP Control Panel ... 40
Gambar 4.2 Window XAMPP Control Panel ... 41
Gambar 4.3 Window XAMPP yang Aktif ... 41
Gambar 4.4 Window Netbeans Project ... 42
Gambar 4.6 Window Select How to Start Xming ... 43
Gambar 4.7 Window Specify Parameter Settings ... 43
Gambar 4.8 Window Configuration Complete ... 44
Gambar 4.9 Tampilan PuTTY ... 44
Gambar 4.10 Tampilan PuTTY Deteksi Robot Merah ... 45
Gambar 4.11 Tampilan phpMyAdmin Deteksi Robot Merah ... 46
Gambar 4.12 Tampilan Xming (a) Original (b) Thresholded Red ... 46
Gambar 4.13 Tampilan PuTTY Deteksi Robot Kuning ... 47
Gambar 4.14 Tampilan phpMyAdmin Deteksi Robot Kuning ... 47
Gambar 4.15 Tampilan Xming (a) Original (b) Thresholded Yellow ... 48
Gambar 4.16 Tampilan PuTTY Deteksi Robot Hijau ... 48
Gambar 4.17 Tampilan phpMyAdmin Deteksi Robot Hijau ... 49
Gambar 4.18 Tampilan Xming (a) Original (b) Thresholded Green ... 49
Gambar 4.19 Tampilan PuTTY Deteksi Robot Biru ... 50
Gambar 4.20 Tampilan phpMyAdmin Deteksi Robot Biru ... 50
Gambar 4.21 Tampilan Xming (a) Original (b) Thresholded Blue ... 51
Gambar 4.22 Tampilan PuTTY Deteksi 4 Warna Robot ... 52
Gambar 4.23 Tampilan phpMyAdmin Deteksi 4 Warna Robot ... 52
Gambar 4.24 Tampilan Xming (a) Original (b) Thresholded Green (c) Thresholded Red (d) Thresholded Blue (e) Thresholded Yellow ... 53
DAFTAR TABEL
Tabel 2.1 Tabel Kode Warna RGB ke HSV ... 25
Tabel 4.1 Tabel Pengujian dengan Robot Merah ... 45
Tabel 4.2 Tabel Pengujian dengan Robot Kuning ... 47
Tabel 4.3 Tabel Pengujian dengan Robot Hijau ... 48
Tabel 4.4 Tabel Pengujian dengan Robor Biru ... 50
DAFTAR LAMPIRAN
Lampiran 1 Lembar Kesepakatan Bimbingan Laporan Akhir Pembimbing 1 Lampiran 2 Lembar Kesepakatan Bimbingan Laporan Akhir Pembimbing 1 Lampiran 3 Lembar Bimbingan Laporan Akhir Pembimbing 1
Lampiran 4 Lembar Bimbingan Laporan Akhir Pembimbing 2 Lampiran 5 Lembar Progress Kemajuan Laporan Akhir Lampiran 6 Lembar Rekomendasi Ujian Laporan Akhir Lampiran 7 Lembar Pernyataan Keaslian
Lampiran 8 Lembar Bukti Penyerahan Hasil Karya/Rancang Bangun Lampiran 9 Lembar Pelaksanaan Revisi Laporan Akhir
Lampiran 10 List Program XAMPP
Lampiran 11 Datasheet Raspberry Pi 3 Model B Lampiran 12 Datasheet Camera Module