RANCANG BANGUN WEB SERVER SEBAGAI DATA STORAGE AND DISPLAY DARI RASPBERRY PI

Transkripsi

1 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 POLITEKNIK NEGERI SRIWIJAYA PALEMBANG 2017

2 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 Pembimbing I Palembang, Juli 2017 Pembimbing II Ade Silvia Handayani, S.T., M.T NIP Martinus Mujur Rose, S.T., M.T NIP Mengetahui, Ketua Jurusan Teknik Elektro Ketua Program Studi Teknik Telekomunikasi DIII Yudi Wijanarko, S.T.,M.T Ciksadan, S.T., M.Kom NIP NIP

3 PERNYATAAN KEASLIAN Saya yang bertanda tangan di bawah ini : Nama : FRADITA DAMAYANTI NIM : Program Studi Jurusan : Teknik Telekomunikasi : 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 FRADITA DAMAYANTI

4 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 Bangsa, Negara dan Almamater

5 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 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. Kata Kunci : Raspberry Pi, XAMPP, Web Server, Apache, MySQL, phpmyadmin

6 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 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. Keywords: Raspberry Pi, XAMPP, Web Server, Apache, MySQL, phpmyadmin

7 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

8 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 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 Penulis

9 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 Rumusan Masalah Tujuan Penelitian Manfaat Penelitian Batasan Masalah Metodologi Penulisan Metode Studi Pustaka Metode Observasi Metode Wawancara Metode Cyber Sistematika Penulisan... 4 BAB II TINJAUAN PUSTAKA 2.1 Web Server Web Server Apache Dukungan Apache Keunggulan Web Server Apache Fasilitas atau Ciri Khas dari Apache... 7

10 2.1.2 PHP MySQL Kelebihan MySQL Kekurangan MySQL phpmyadmin Fitur phpmyadmin Fungsi-fungsi pada phpmyadmin Perangkat Raspberry Pi Sistem Operasi Raspberry Pi Raspberry Pi 3 Model B Spesifikasi Raspberry Pi 3 Model B Fitur-fitur Raspberry Pi 3 Model B Database Warna Konversi dari RGB ke HSV BAB III RANCANG BANGUN 3.1 Pendahuluan Tujuan Perancangan Diagram Blok Rangkaian Diagram Blok Perancangan Elektronik Diagram Blok Perancangan Mekanik Diagram Blok Perancangan Web Server Langkah-langkah Perancangan Instalasi XAMPP Persiapan Instalasi Proses Instalasi XAMPP Desain Database Metode Pengaktifan Web Server Flowchart BAB IV PEMBAHASAN 4.1 Deskripsi... 40

11 4.2 Tujuan Langkah-langkah Kerja Data Percobaan Pengujian dengan Robot Merah Pengujian dengan Robot Kuning Pengujian dengan Robot Hijau Pengujian dengan Robot Biru Pengujian dengan 4 Warna Robot Analisa BAB V KESIMPULAN DAN SARAN 5.1 Kesimpulan Saran DAFTAR PUSTAKA LAMPIRAN

12 DAFTAR GAMBAR Gambar 2.1 Logo phpmyadmin Gambar 2.2 Logo Raspberry Pi Gambar 2.3 Tampak Atas Raspberry Pi 3 Model B Gambar 2.4 Tampak Bawah Raspberry Pi 3 Model B Gambar 3.1 Blok Diagram Perancangan Elektronik Gambar 3.2 Tampak Atas dari Raspberry Pi dan Pi Camera Gambar 3.3 Tampak Bawah dari Raspberry Pi dan Pi Camera Gambar 3.4 Tiang Penyangga Raspberry Pi dan Pi Camera Gambar 3.5 Diagram Blok Perancangan Rancang Bangun Web Server Gambar 3.6 Gambar File xampp-win vc14-installer Gambar 3.7 Window Setup XAMPP Gambar 3.8 Window Select Components Gambar 3.9 Window Folder Instalasi Gambar 3.10 Window Bitnami for XAMPP Gambar 3.11 Window Ready to Install Gambar 3.12 Window Proses Instalasi Gambar 3.13 Window Instalasi Selesai Gambar 3.14 Tampilan Awan phpmyadmin Gambar 3.15 Langkah Awal Membuat Tabel Gambar 3.16 Menentukan Jumlah Kolom Tabel Gambar 3.17 Menentukan Keterangan pada Tabel Gambar 3.18 Struktur Tabel Database di phpmyadmin Gambar 3.19 Metode Pengaktifan Web Server Gambar 3.20 Flowchart Penyimpanan Data di Web Server Gambar 4.1 Ikon XAMPP Control Panel Gambar 4.2 Window XAMPP Control Panel Gambar 4.3 Window XAMPP yang Aktif Gambar 4.4 Window Netbeans Project Gambar 4.5 Window Xlaunch Display Settings... 42

13 Gambar 4.6 Window Select How to Start Xming Gambar 4.7 Window Specify Parameter Settings Gambar 4.8 Window Configuration Complete Gambar 4.9 Tampilan PuTTY Gambar 4.10 Tampilan PuTTY Deteksi Robot Merah Gambar 4.11 Tampilan phpmyadmin Deteksi Robot Merah Gambar 4.12 Tampilan Xming (a) Original (b) Thresholded Red Gambar 4.13 Tampilan PuTTY Deteksi Robot Kuning Gambar 4.14 Tampilan phpmyadmin Deteksi Robot Kuning Gambar 4.15 Tampilan Xming (a) Original (b) Thresholded Yellow Gambar 4.16 Tampilan PuTTY Deteksi Robot Hijau Gambar 4.17 Tampilan phpmyadmin Deteksi Robot Hijau Gambar 4.18 Tampilan Xming (a) Original (b) Thresholded Green Gambar 4.19 Tampilan PuTTY Deteksi Robot Biru Gambar 4.20 Tampilan phpmyadmin Deteksi Robot Biru Gambar 4.21 Tampilan Xming (a) Original (b) Thresholded Blue Gambar 4.22 Tampilan PuTTY Deteksi 4 Warna Robot Gambar 4.23 Tampilan phpmyadmin Deteksi 4 Warna Robot Gambar 4.24 Tampilan Xming (a) Original (b) Thresholded Green (c) Thresholded Red (d) Thresholded Blue (e) Thresholded Yellow... 53

14 DAFTAR TABEL Tabel 2.1 Tabel Kode Warna RGB ke HSV Tabel 4.1 Tabel Pengujian dengan Robot Merah Tabel 4.2 Tabel Pengujian dengan Robot Kuning Tabel 4.3 Tabel Pengujian dengan Robot Hijau Tabel 4.4 Tabel Pengujian dengan Robor Biru Tabel 4.5 Tabel Pengujian dengan 4 Robot... 51

15 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