• Tidak ada hasil yang ditemukan

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">

Dokumen terkait