METODOLOGI PENELITIAN
A. Metode Penelitian
Metode penelitian yang dipilih pada rancangan kali ini adalah metode waterfall dengan tahapan sebagai berikut [16] :
1. Analisa Kebutuhan
Tahap Analisa kebutuhan merupakan suatu tahap dimana penulis mencari tahu dan memahami kebutuhan sistem secara mendalam
2. Perancangan
Tahapan ini dilakukan untuk memberikan gambaran dari rancangan yang akan dibuat nanti nya, sehingga membantu menspesifikan kebutuhan sistem, juga mendefinisikan arsitektur sistem yang akan dibuat secara keseluruhan
3. Coding
Tahapan dimana sistem diimplementasikan pada situasi nyata dengan pemilihan perangkat keras dan penyusunan coding yang telah ditentukan 4. Pengujian
Setelah dilakukan pencodingan sesuai dengan rangkaian design yang telah digambarkan, langkah berikutnya melakukan proses uji coba sistem kendali berjalan sesuai dengan yang diharapkan, jika dalam proses pengujian rancangan tidak sesuai dengan yang diharapkan maka bisa dapat dilakukan perbaikan terhadap rancangan
5. Pemeliharaan
Pada tahap pemeliharaan, rancangan ini akan dilakukan perawatan dan pemeliharaan pada sistem aplikasi agar sistem yang sudah dibuat dapat digunakan dengan baik dan apabila terjadi kerusakan sistem maka bisa dilakukan perbaikan
17
B. Konsep Rancangan
Berdasarkan penjelasan dari latar belakang maka penulis bertujuan untuk membuat rancangan dari gagasan yang ada yakni rancangan aplikasi reproducer ATIS berbasis web, dimana aplikasi ini akan dibuat menggunakan localhost sebagai pembuatan aplikasi. Data yang masuk dari BMKG akan di proses didalam server yang telah dibuat sebuah program untuk merubah data dari bentuk teks menjadi bentuk audio, setelah itu data yang sudah berbentuk audio dapat keluar menjadi sebuah informasi melalui speaker.
C. Penentuan Alat dan Bahan
Proses pembuatan rancangan ini membutuhkan beberapa alat dan bahan sebagai berikut :
1. Laptop sebagai sarana untuk melakukan programming dan install Raspberry Pi
2. Data BMKG sebagai input data
3. Raspberry Pi sebagai media untuk menjalankan program dan sebagai server
4. Raspbian OS sebagai sistem operasi Raspberry Pi
5. LAMP sebagai software untuk membuat database dan web server 6. Ms. Visual Studio Code sebagai software untuk membuat web aplikasi 7. Kabel LAN sebagai media transmisi
8. Kabel USB sebagai input power Raspberry Pi 9. Speaker sebagai output data audio
Gambar III. 1 Rancangan sederhana alat
D. Kriteria Perancangan
Pada rancangan ini terdapat kriteria perancangan yang bisa digunakan sebagai tolak ukur keberhasilan alat, kriteria yang dimaksud adalah :
1. Data BMKG, nanti nya input data yang berasal dari BMKG akan digunakan sebagai data mentah yang akan diubah menjadi data audio
2. Raspberry Pi 3, digunakan sebagai server yang akan menjalankan program yang telah dibuat untuk nantinya dapat menampilkan informasi ATIS 3. Program Aplikasi, difungsikan sebagai bagian utama untuk pemrosesan
data yang berasal dari bmkg, dan juga berfungsi untuk mengubah data teks menjadi data audio dengan beberapa program yang telah dibuat
4. Speaker, berfungsi sebagai output data suara yang telah di proses oleh server
5. Wifi, digunakan untuk install Raspberry Pi dan koneksi untuk mengakses web server
E. Waktu dan Tempat Pelaksanaan
Waktu pengerjaan untuk membuat rancangan tugas akhir ini telah disusun sedemikian rupa sebagai acuan agar pelaksanaan nya dapat tersusun dengan baik dan juga digunakan sebagai monitoring progress dari pengerjaan tugas akhir ini. Tempat pelaksanaan pembuatan rancangan ini dilakukan di Politeknik Penerbangan Indonesia Curug dan di Perum LPPNPI Cabang Solo. Berikut ini merupakan tabel kegiatan yang telah dibuat
Tabel III. 1 Waktu Perancangan
No. Tahapan Kegiatan Bulan
Nov Des Jan Feb Mar Apr Mei Jun Jul Agu
1. Penentuan Tema 2. Penentuan Judul 3. Pengajuan Judul
19
4. Pengumpulan Data
5. Penyusunan Proposal Tugas Akhir
6. Seminar Proposal Tugas Akhir 7. Perancangan
hardware 8. Perancangan
software 9. Analisa dan
pengujian rancangan 10. Perbaikan
rancangan
11. Penulisan BAB I, II dan III
12. Penulisan BAB IV dan V 13. Konsultasi
dengan Pembimbing 14. Persiapan Sidang
Tugas Akhir 15. Sidang Tugas
Akhir
20
BAB IV PEMBAHASAN
A. Gambaran Umum Rancangan
Berdasarkan kriteria perancangan yang sudah dijelaskan pada bab sebelumnya, akan dibuat sebuah rancangan reproducer ATIS yang berfungsi untuk mengubah data teks menjadi audio. Rancangan ini akan dibuat menggunakan Raspberry Pi sebagai server-nya dengan tampilan berupa web.
Namun, dikarenakan terdapat beberapa kendala dalam pengambilan data melalui web BMKG secara otomatis, maka data yang akan di masukan kedalam reproducer ATIS merupakan data simulasi yang diperoleh dari hasil pembuatan database. Data yang dikumpulkan merupakan data yang diperoleh dari BMKG Bandara Adi Soemarmo Solo, sehingga sudah sesuai dengan format ATIS. Database yang ada akan dibuat di PHPMyAdmin yang tersedia dalam web server LAMP. Kemudian akan dibuatkan aplikasi web melalui Microsoft Visual Studio Code untuk dapat ditampilkan di laman browser dengan menggunakan Bahasa pemrograman PHP.
Raspberry Pi Laptop Pemancar ATIS
WIFI
Switch/router
Gambar IV. 1 Gambaran umum rancangan
21
B. Tahap Perancangan 1. Analisis Kebutuhan
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
C. Uji Coba Rancangan
Berdasarkan hasil rancangan yang telah dibuat, selanjutnya akan dilakukan percobaan terhadap rancangan tersebut untuk mengetahui apakah rancangan reproducer ATIS ini dapat beroperasi sesuai dengan yang diinginkan dan dapat diakses melalui web dari beberapa perangkat.
1. Melakukan uji coba sistem secara keseluruhan
Pada pengujian ini akan dilakukan proses reproduce data yang berasal dari database yang telah dibuat sebelumnya. Hal pertama yang harus dilakukan adalah mengaktifkan Raspberry Pi 3 dengan cara memberikan tegangan supply pada modul nya. Setelah Raspberry Pi menyala, hubungkan Raspberry Pi dengan perangkat pendukung lain seperti lcd, mouse, keyboard, dan juga speaker untuk menunjang pengoperasian Raspberry Pi.
Selanjutnya hubungkan raspberry pi dengan WiFi yang tersedia. Setelah itu untuk mengetahui IP dari Raspberry Pi, lakukan scanning IP dengan menggunakan aplikasi “IP Scanner”.
Lalu buka halaman browser pada perangkat yang digunakan dan ketikan IP Raspberry yang sudah terbaca. Maka akan terbuka login page dari web yang
Gambar IV. 22 Folder VAR di Raspberry Pi
37
telah dibuat sebelum nya. Masukan username dan password yaitu “admin”
lalu klik “sign up”.
Gambar IV. 23 Login Page Web ATIS
Gambar IV. 24 Home Page Web ATIS
D. Interpretasi Hasil Uji Coba Rancangan
Berdasarkan uji coba yang telah dilakukan pada percobaan sebelumnya, hasil yang didapatkan adalah berhasil masuk atau log in pada web tersebut, selain itu web yang dibuat juga telah berhasil menampilkan data ATIS yang berasal dari database yang telah dibuat sebelumnya. Data tersebut juga telah berhasil dirubah bentuk nya dari teks menjadi voice sesuai dengan format ATIS yang sudah ditentukan.
Gambar IV. 26 Kolom ATIS Message Preview Gambar IV. 25 Meteorological Information Page
39
BAB V
KESIMPULAN DAN SARAN
A. Kesimpulan
Berdasarkan tahapan perancangan, hasil uji coba, dan penjelasan yang telah dijabarkan mengenai rancangan reproducer ATIS menggunakan Raspberry Pi 3 berbasis web server, maka dapat diambil kesimpulan yaitu :
1. Rancangan ini mencuplik data ATIS yang dimasukan kedalam database sebagai simulasi data. Pada rancangan ini digunakan beberapa komponen yang berupa hardware dan software pendukung. Raspberry yang berfungsi sebagai server dan digunakan untuk menjalankan program yang dibuat.
Database yang dibuat menggunakan MySQL berfungsi untuk menyimpan data informasi ATIS yang akan dirubah kedalam bentuk audio. Visual Studio Code digunakan sebagai aplikasi untuk membuat tampilan pada web. Web yang telah dibuat merupakan web yang berbasis online untuk mempermudah penggunaan nya
2. Simulasi data yang telah dibuat kedalam database telah berhasil dirubah oleh rancangan reproducer ATIS dari bentuk teks menjadi sebuah audio yang dapat diputar secara terus menerus (looping).
B. Saran
Berdasarkan kesimpulan yang telah disebutkan dan dengan keterbatasan jarak dan waktu, pembuatan rancangan reproducer ATIS ini masih memiliki beberapa kekurangan. Adapun saran yang dapat diberikan oleh penulis, yaitu :
1. Untuk pengembangan selanjutnya, input data BMKG yang ada dapat diambil langsung dari antenna AWOS sehingga dapat menampilkan data secara realtime.
2. Dapat dibuat software tambahan agar rancangan ini bisa mengubah data langsung secara realtime dan bukan dari database
40
DAFTAR PUSTAKA
[1] S. P. Dependency, “ICAO: Annex 11,” Futures, vol. II, no. July, pp. 3–7, 2001.
[2] D. Supardam, A. Setiawan, and K. T. Prasetyo, “Manfaat Wind Display di Ruang Control Tower Terkait Keselamatan Penerbangan di Bandar Udara Hang Nadim Batam,” Jurnal Penelitian, vol. 2, no. 2, pp. 121–128, 2017, doi:
10.46491/jp.v2e2.70.121-128.
[3] A. Di, B. Udara, and E. L. Tari, “(1) , (2) , (3),” no. 1, pp. 81–90, 2005.
[4] Direktorat Jendral Perhubungan Udara KP 103 Tahun 2015, “Standar Teknis dan Operasi (Manual Of Standard CASR 171 - 02) Spesifikasi Teknis Fasilitas
Telekomunikasi Penerbangan,” vol. 126, pp. 7–8, 2015.
[5] A. A. Hamzah, “ATIS - HARDWARE,” vol. 1, pp. 7–8, 2020.
[6] “Membangun Aplikasi Elektronika dengan Raspberry Pi 2 dan - Dayat Kurniawan - Google Books.”
https://books.google.co.id/books?hl=en&lr=&id=7CtIDwAAQBAJ&oi=fnd&pg=PP 1&ots=YtPJxMklYn&sig=IZQJ6EmUukg1D0wzntgzbIhzNM4&redir_esc=y#v=onepa ge&q&f=false (accessed Jan. 20, 2022).
[7] File:Raspberry Pi 3 Model B.png - Wikimedia Commons.
[8] File:Raspberry Pi OS Logo.png - Wikimedia Commons.
[9] P. A. Nugraha, M. A. Irwansyah, and H. Priyanto, “Rancang Bangun Web Server Berbasis Linux Dengan Metode Load Balancing (Studi Kasus : Laboratorium Teknik Informatika),” Jurnal Sistem dan Teknologi Informasi (JUSTIN), vol. 3, no. 1, pp.
371–375, 2016.
[10] ADMINISTRASI SERVER DALAM JARINGAN - Google Books.
[11] Smart Conveyor Pada Outbound Dengan Arduino - Google Books.
[12] S. Hartati, “PERANCANGAN SISTEM INFORMASI INVENTARIS BARANG PADA KANTOR NOTARIS DAN PPAT R.A LIA KHOLILA, S.H MENGGUNAKAN VISUAL STUDIO CODE,” Jurnal Siskomti, vol. 3, no. 2, 2020, [Online]. Available:
http://www.ejournal.lembahdempo.ac.id
[13] File:Visual Studio Logo.svg - Wikimedia Commons.
[14] D. Saputra and Ari Waluyo, “Perancangan Sistem Informasi Alumni Berbasis Website dengan Menggunakan PHP MYSQL di Politeknik Dharma Patria Kebumen,” Jurnal E-Komtek (Elektro-Komputer-Teknik), vol. 4, no. 2, pp. 191–
199, Dec. 2020, doi: 10.37339/e-komtek.v4i2.406.
[15] A. Ramadhana, E. Roza, and ) & Irfan, PerancanganWebsite dengan Inovasi Konten Radio Streaming FISIP UHAMKA. 2016.
41
[16] Endang Supriyadi, Maya Sofiana, and Surya Dwipangga, “Sistem Kendali Lampu Defect Dan Reject Berbasis Web Server Menggunakan Raspberrry Pi 3 Model B,”
Jurnal Teknik Informatika, vol. 7, no. 1, pp. 09–15, 2021, doi:
10.51998/jti.v7i1.346.
42
LAMPIRAN
Coding pembuatan aplikasi web - Halaman Login
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="Mark Otto, Jacob Thornton, and Bootstrap contributors">
<meta name="generator" content="Hugo 0.80.0">
<title>ATIS | Galuh</title>
<!-- Bootstrap core CSS -->
<link href="assets/css/bootstrap.min.css" rel="stylesheet">
<style>
.bd-placeholder-img { font-size: 1.125rem;
text-anchor: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
@media (min-width: 768px) { .bd-placeholder-img-lg { font-size: 3.5rem;
} } </style>
<!-- Custom styles for this template -->
<link href="assets/css/floating-labels.css" rel="stylesheet">
</head>
<body>
<form class="form-signin" method="post" action="cek_login.php">
<div class="text-center mb-4">