BAB IV PEMBAHASAN
B. Tahap Perancangan
Dalam rancangan ini dilakukan analisis kebutuhan yaitu mengidentifikas i dan mencari kebutuhan yang diperlukan dalam merancang website. Proses identifikasi kebutuhan tersebut dilakukan dengan cara melakukan observasi atau pengamatan secara langsung dilapangan pada saat melaksanakan on the job training (OJT) di Airnav Cabang Solo.
2. Perancangan
Pada tahap ini dilakukan perancangan dari proses analisa kebutuhan yang sudah dilaksanakan sebelumnya. Ada beberapa perancangan yang dilakukan untuk membangun web server dan program reproducer ATIS, yaitu :
a. Mempersiapkan kebutuhan hardware 1) Mempersiapkan Raspberry Pi 3
Raspberry Pi adalah sebuah micro computer yang memilik i fungsi sama seperti computer pada umumnya yang bisa digunakan untuk memproses sebuah data serta fungsi lainnya.
Raspberry Pi juga dilengkapi dengan beberapa port seperti USB Port, Ethernet, HDMI, dan juga Port Audio Jack yang membuat kemampuan nya hampir setara dengan computer namun dalam skala yang lebih kecil. Sebelum Raspberry bisa digunakan, perlu adanya sumber daya dan micro secure digital (SD) card sebagai media penyimpanan data dan juga sistem operasi yang nantinya akan diinstall
2) Kabel adaptor Raspberry Pi 3
Untuk menghidupkan Raspberry Pi 3 dibutuhkan power supply unit (PSU) atau kabel adaptor yang mempunyai tegangan 5 Volt 2 Ampere sebagai sumber tegangan.
3) Micro SD Card
SD card adalah singkatan dari Secure Digital, yang merupakan memory card flash ultra kecil. Kegunaan utama SD card
tentunya untuk menyimpan data dan file pada smartphone, kamera, camcorder, voice recorder, dan perangkat lainnya.
Sampai saat ini mikro SD adalah jenis memori yang paling cepat berkembang dan saat ini menjadi jenis kartu memori yang paling populer karena bentuknya yang kecil, namun bisa menampung kapasitas besar.
SD card dirancang untuk menyediakan memori berkapasitas tinggi dalam ukuran yang kecil. SD card sendiri bisa dikategorikan berdasarkan ukuran dan kapasitasnya. Untuk pilihan SD card yang akan digunakan adalah mikro SD berukuran 11 x 15 mm dengan kapasitas 16GB. Mikro SD dibutuhkan sebagai media penyimpanan pada Raspberry Pi.
b. Mempersiapkan kebutuhan software 1) Instalasi Sistem Operasi Raspberry Pi 3
Dalam pengoperasian nya Raspberry Pi juga membutuhkan suatu sistem operasi atau biasa disebut Operating System (OS) yang berfungsi untuk mengelola data yang nanti nya akan digunakan pada Raspberry Pi. Sistem Operasi ini biasanya juga digunakan sebagai penghubung atau interface antara user dengan Raspberry Pi. Terdapat beberapa OS yang bisa digunakan pada Raspberry Pi, tentunya hal ini bisa disesuaikan dengan tujuan penggunaan Raspberry Pi tersebut. Pada rancangan ini OS yang dipakai adalah Raspberry Pi OS.
Raspberry Pi OS merupakan sistem operasi resmi yang dikeluarkan oleh Raspberry Pi Foundation untuk mendukung penggunaan Raspberry Pi secara normal. Berikut ini merupakan cara yang dilakukan dalam proses instalasi sistem operasi pada Raspberry Pi 3 :
a) Untuk Langkah pertama dalam proses instalasi sistem operasi Raspberry Pi OS adalah dengan mengunduh
23
Raspberry Pi OS yang terdapat pada laman resmi Raspberry Pi : https://www.raspberrypi.com/software/
b) Unduh “Raspberry Pi OS with desktop and recommended software”
c) Setelah berhasil mengunduh Raspberry Pi OS, selanjutnya unduh juga aplikasi Raspberry Pi Imager untuk meng-install OS pada Micro SD yang sudah disediakan. Unduh aplikasi
tersebut pada laman web:
Gambar IV. 2 Laman web resmi Raspberry
Gambar IV. 3 Unduh Raspberry Pi OS
https://www.raspberrypi.com/software/, karena laptop yang dipakai untuk meng-install menggunakan sistem operasi Windows, maka pilih “Download for windows”
d) Sementara menunggu proses download selesai, lakukan proses format pada micro SD yang akan digunakan untuk instalasi OS untuk memastikan bahwa SD card yang tersedia telah bersih dari file-file yang tidak diperlukan. Sebelumnya hubungan micro SD dengan Card Reader agar bisa terbaca di laptop. Setelah itu buka File Manager lalu temukan lokasi SD card yang terbaca pada laptop. Kemudian klik kanan pada lokasi SD card, pilih format lalu akan muncul jendela seperti berikut ini
Gambar IV. 4 Unduh Raspberry Pi Imager
25
Klik “Start” lalu proses format SD card akan dimulai.
e) Setelah proses sebelumnya telah selesai dilakukan, install Raspberry Pi OS menggunakan Raspberry Pi Imager. Pilih Operating System yang sudah di unduh dan pilih lokasi install OS pada bagian “SD Card”. Pilih “Write” maka proses instalasi akan mulai dilakukan.
Gambar IV. 5 Formatting SD Card
Gambar IV. 6 Proses instalasi Raspberry Pi OS
f) Setelah selesai, masukan micro SD yang telah selesai di instalasi ke dalam Raspberry Pi, lalu nyalakan Raspberry Pi dengan kabel adaptor.
2) Pembuatan Database dan Web server
a) Pada Raspberry Pi buka terminal pada desktop yang berada di pojok kiri atas. Lalu install Apache dengan mengetik
“sudo apt-get install apache2”. Apache merupakan salah satu web server yang paling populer dan paling banyak digunakan di seluruh dunia. Perintah sudo digunakan untuk menjalankan perintah dengan root privilege.
b) Setelah proses instalasi Apache telah selesai dilakukan, lakukan restart Apache server dengan mengetikan perintah
“sudo service apache2 restart”
Gambar IV. 7 Install Apache Server
Gambar IV. 8 Me-restart Apache Server
27
c) Selanjutnya lakukan pengecekan apakah Apache telah benar- benar berhasil di-install dengan cara membuka browser dan memasukan alamat IP Raspberry 192.168.89.152 pada laman web. Selanjutnya akan terbuka tampilan seperti berikut ini yang menandakan bahwa Apache sudah berhasil di-install.
d) Selanjutnya adalah melakukan instalasi PHP. PHP digunakan untuk menjalankan sistem yang diakses secara online. PHP akan mengelola kode program menjadi tampilan halaman sistem, pada kasus ini adalah halaman website. Selain PHP ada beberapa modul yang perlu di- install.
e) Setelah itu masukan perintah “sudo apt-get install PHP libapache2-mod-PHP php-mysql php-curl php-gd php-json php-mcrypt php-zip” pada terminal Raspberry untuk melakukan instalasi PHP beserta ekstensi lainnya. Perintah ini akan menginstal versi terbaru dan stabil dari PHP dan
Gambar IV. 9 Cek Instalasi Apache Server
beberapa modul tambahan yang nantinya akan dibutuhkan aplikasi web agar dapat bekerja dengan maksimal
f) Selanjutnya lakukan instalasi MySQL. MySQL merupakan sistem manajemen basis data relasional yang digunakan untuk mengelola database pada sistem. MySQL berperan dalam menjalankan segala bentuk proses komunikasi yang melibatkan database. Hal ini dikarenakan MySQL juga berperan untuk menyimpan beberapa data SQL yang sewaktu-waktu dibutuhkan oleh sistem online. Proses instalasinya cukup sederhana, hanya dengan melakukan instalasi paket mysql-server. Pada command prompt yang terbuka, ketikkan perintah “sudo apt-get install mysql- server”
Selanjutnya install PHPMyAdmin untuk memudahan dalam melakukan management database system MySQL dengan memasukan perintah “sudo apt install phpMyAdmin”
Gambar IV. 10 Instalasi PHP
Gambar IV. 11 Instalasi MySQL
29
i) Lalu pilih server yang akan digunakan untuk menjalankan database PHPMyAdmin yaitu Apache
j) Setelah melakukan proses instalasi, akses PHPMyAdmin dengan membuka laman http://ip-address/phpmyadmin
k) Gambar IV. 12 Install PHPMyAdmin
Gambar IV. 13 Pilih server Apache
Gambar IV. 14 Akses PHPMyAdmin
l) Langkah selanjutnya adalah pembuatan database dengan data-data yang nantinya akan ditampilkan di web. Database yang dibuat di PHPMyAdmin secara otomatis akan tersimpan pada web server LAMP.
m) Untuk memudahkan proses pengisian database buatlah
nama database yang berhubungan dengan data yang akan dibuat, kali ini nama yang akan dituliskan adalah ta_galuh, lalu lanjutkan pembuatan database dengan membuat tabel- tabel yang dibutuhkan didalam pembuatan database tersebut Gambar IV. 15 Memulai pembuatan database
Gambar IV. 16 Pembuatan database
31
n) Buatlah tabel – tabel sesuai dengan field yang ada pada data yang sudah didapat dari BMKG
o) Setelah field tersebut diisi dengan data-data yang berasal dari BMKG, maka data - data tersebut akan tersusun seperti berikut ini
Dalam pembuatan web ini dibutuhkan adanya database yang digunakan untuk menyimpan semua data yang dibutuhkan.
Database yang dibuat memiliki beberapa tabel yang digunakan Gambar IV. 17 Pengisian data BMKG
Gambar IV. 18 Field yang sudah berhasil di isi
untuk mempermudah dalam hal pengelompokan data. Masing- masing tabel yang digunakan mempunyai tipe datanya masing masing. Berikut ini merupakan tipe data yang digunakan pada database yang dibuat :
- Int
Tipe data ini menyimpan data dalam bentuk angka (numerik), baik berupa bilangan positif ataupun negatif - Varchar
Tipe data untuk menyimpan data berbentuk string (karakter)
- Date
Tipe data yang biasa digunakan dalam bentuk satuan waktu
3) Pembuatan Web Aplikasi
a) Untuk membangun aplikasi web digunakan bahasa PHP dan Text editor yaitu Microsoft Visual Studio Code. Install terlebih dahulu Microsoft Visual Studio Code melalui laman web berikut https://code.visualstudio.com/Download. VS Code adalah aplikasi teks editor yang di kembangkan oleh Microsoft. Aplikasi ini dapat berjalan di platform Windows, Linux dan MacOS dan memiliki tampilan yang simple serta fitur yang cukup lengkap.
33
b) Langkah selanjutnya adalah memulai proses pembuatan aplikasi web dengan menggunakan aplikasi Visual Studio dan menggunakan bahasa PHP
Gambar IV. 19 Instalasi Visual Studio Code
Gambar IV. 20 Tampilan Visual Studio Code
c) Pembuatan web aplikasi dilakukan menggunakan Visual Studio Code, halaman pertama yang dibuat merupakan halaman login, lalu dilakukan pembuatan halaman home, status dan juga meteorological information.
d) Pada halaman meteorological information ditambahkan pembuatan form yang akan berisi data BMKG yang berasal dari database
Gambar IV. 21 Flowchart pembuatan web aplikasi
35
e) Setelah itu, dibuat juga kolom ATIS message preview untuk menampilkan baris data BMKG yang nantinya akan dirubah kedalam bentuk audio
f) Lalu dilakukan pembuatan button, dalam hal ini ada 2 fungsi button yang dibuat yaitu :
- Play
Digunakan untuk memutar audio dari data BMKG yang telah dirubah sesuai dengan format pembacaan berita ATIS. Audio yang keluar pada saat tombol play ditekan akan diputar secara berulang ulang (looping) sesuai dengan standar berita ATIS
- Stop
Digunakan untuk memberhentikan audio ATIS yang sedang diputar.
g) Setelah itu dibuat koneksi sebagai penghubung antara web dengan database
<?php
//buat koneksi database $koneksi =
mysqli_connect("localhost","root","571000","ta_ga luh");
if(!$koneksi){
die("koneksi
gagal!".mysqli_connect_error());
}
?>
h) Setelah selesai, simpan file tersebut dan copy ke flashdisk.
Hubungkan flashdisk pada Raspberry Pi dan pindahkan file pada folder “Var/www/html” maka akan terbentuk aplikasi web