1
Website Kedai Mie Ayam Jamur Tunggal Rasa Berbasis PHP dan MySQL
1Yola Niar Aulia, 2Hanum Putri Permatasari
1yolaniar@gmail.com, 2hanum@staff.gunadarma.ac.id
Jurusan Sistem Informasi, Fakultas Ilmu Komputer dan Teknologi Informasi
ABSTRAK
Salah satu hal yang dapat menunjang kualitas pelayanan dalam suatu restoran adalah proses pemesanan. Mie Ayam Jamur Tunggal Rasa yang berlokasi di Kota Depok masih menggunakan cara pengerjaan manual dalam pelayanannya, sistem pemesanan secara manual pada Mie Ayam Jamur Tunggal Rasa menimbulkan beberapa masalah. Yaitu, sering terjadi kekeliruan pemesanan dari pelanggan akibat banyaknya nota pemesanan yang tertumpuk saat ramai pelanggan, masalah lainnya yaitu waktu pelanggan akan tersita apabila harus mendatangi langsung tempat penjualan Mie Ayam Jamur Tunggal Rasa. Pembuatan website ini menggunakan bahasa pemrograman PHP dan basis data MySQL. Berdasarkan hasil implementasi dan pengujian dapat disimpulkan bahwa website ini mampu memberikan pelayanan yang cukup mudah dalam melakukan pemesanan makanan. Kata Kunci : Website, Kedai, Pemesanan
1. PENDAHULUAN
1. Latar Belakang
Perkembangan teknologi saat ini berkembang secara drastis, dan terus berevolusi hingga sekarang. Tidak dapat dipungkiri jika kemajuan teknologi masa kini berkembang sangat pesat.
Salah satu teknologi yang
berkembang pesat saat ini adalah website. Perkembangan website semakin banyak dalam penggunaanya, seperti media dalam penyampaian informasi berita, media dalam melakukan interaksi jual - beli dan media untuk menjalakan berbagai usaha serta jasa khususnya
2 dalam segi promosi. Perkembangan website membawa pengaruh yang cukup besar dalam segala bidang, salah satunya di bidang usaha makanan. Saat ini banyak usaha makanan yang masih mengolah segala sesuatunya dengan manual, seperti usaha makanan yang dilakukan oleh Mie Ayam Jamur Tunggal Rasa. Usaha mie ayam jamur tunggal rasa ini telah berdiri lebih dari 10 tahun, usaha ini merupakan usaha yang melayani pemesanan makanan di berbagai acara. Biasanya pemesanan mie ayam dilakukan hanya melalui telepon atau datang langsung ke tempat.
Permasalahan yang dihadapi saat pemesanan mie ayam dengan sistem proses pemesanan secara manual adalah kekeliruan pemesanan dari pelanggan akibat banyaknya nota pemesanan yang tertumpuk saat ramai pelanggan, masalah lainnya yaitu waktu pelanggan akan tersita apabila harus mendatangi langsung kedai penjualan Mie Ayam Jamur Tunggal Rasa.
Namun dengan perkembangan teknologi yang sangat pesat, dimana pada masa sekarang internet berkembang di seluruh dunia yang memudahkan dalam melakukan berbagai kegiatan seperti
reservasi, belanja atau berjualan. Selain untuk mendapatkan informasi, internet dapat digunakan sebagai alat bantu bisnis dengan membangun sebuah website. Melalui sebuah website pemilik sebuah perusahaan dapat memasarkan produk atau jasa terhadap konsumen, salah satunya adalah website pemesanan mie ayam jamur tunggal rasa. Melalui sebuah website diharapkan dapat memudahkan konsumen dalam mendapatkan infomasi menu, pemesanan online serta membayar tanpa harus datang ke tempat. Selain itu penjual mie ayam jamur tunggal rasa dapat memasarkan jasanya serta mendapatkan keuntungan dari website tersebut.
2. TINJAUAN PUSTAKA
2.1 Website
Web merupakan salah satu sumber daya internet yang berkembang pesat. Pendistribusian informasi web dilakukan melalui pendekatan hyperlink, yang memungkinkan suatu teks, gambar, ataupun objek yang lain menjadi acuan untuk membuka halaman-halaman yang lain.
3 2.2 Hypertext Markup Language (HTML)
HTML (HyperText Markup Language) adalah sebuah bahasa interpretasi yang digunakan pada sebuah
halaman website. HTML
mendeskripsikan struktur halaman website yang ditulis dengan element atau tag yang yang mengapit konten atau teks didalamnya. File HTML mempunyai ekstensi .html atau .htm. Bahasa pemrograman HTML merupakan jenis.
2.3 Database
Database adalah kumpulan data yang disimpan secara sistematis di dalam komputer yang dapat diolah atau dimanipulasi menggunakan perangkat lunak (program aplikasi) untuk menghasilkan informasi. Tujuan utama dari DBMS adalah untuk memberikan tinjauan abstrak data kepada pengguna.
2.3.1 Jenis Database
Database dapat dibagi menjadi dua jenis, yaitu database Flat – File dan Database Relasional.
• Database Flat – File
Database flat – file ideal untuk data berukuran kecil dan dapat
dirubah dengan mudah. Pada dasarnya, mereka tersusun dari sekumpulan string dalam satu atau lebih file yang dapat diurai untuk mendapatkan informasi yang disimpan. Database flat – file baik digunakan untuk menyimpan daftar atau data yang sederhana dan dalam jumlah kecil
• Database Relasional
Database relasional menggunakan sekumpulan tabel dua dimensi yang masing-masing tabel tersusun atas baris (tupel) dan kolom (atribut). Untuk membuat hubungan antara dua atau lebih tabel, digunakan key (atribut kunci) yaitu primary key di salah satu tabel dan foreign key di tabel yang lain.
2.3.3 Komponen Database
Untuk dapat membentuk database maka harus mempersiapkan hal – hal sebagai berikut :
• Data, adalah representasi fakta dunia nyata yang mewakili suatu objek yang direkam dalam bentuk angka, huruf, symbol, teks, gambar, bunyi, atau kombinasi.
4 • Perangkat keras terdiri dari semua
peralatan perangkat keras komputer yang digunakan untuk mengelola sistem database
• Perangkat Lunak Adalah sebagai perantara antara pemakai dengan data fisik pada database.
• User
2.3.3 XAMPP
XAMPP adalah perangkat lunak bebas, yang mendukung banyak sistem operasi, merupakan kompilasi dari beberapa program. XAMPP mempunyai fungsi yaitu sebagai server yang berdiri sendiri (localhost), yang terdiri atas program Apache HTTP Server, MySQL database, dan penerjemah bahasa yang ditulis dengan bahasa pemrograman PHP dan Perl.
2.3.4 MySQL
MySQL adalah pogram aplikasi database yang berbasis open source. MySQL mampu menanani database yang kompleks dan cukup besar. MySQL juga dapat menangani database client server.
2.4 PHP
PHP (Hypertext Preprocessor) adalah bahasa pemrograman yang berbentuk skrip, ditempatkan dalam server dan diproses di server. Secara khusus, PHP dirancang untuk membuat website dinamis. PHP merupakan bahasa pemrograman yang dikembangkan dari bahasa pemrograman Perl dan C++.
2.5 Unified Modelling Language (UML)
Unified Modelling Language (UML) merupakan suatu alat bantu yang sangat handal di dunia pengembangan sistem yang berorientasi objek.
2.6 Text Editor Notepad++
Notepad++ adalah program aplikasi pengembang yang berguna untuk mengedit teks dan skrip kode pemrograman. Notepad++ bisa mengenal tag dan kode dalam berbagai bahasa pemrograman.
2.7 Struktur Navigasi
Struktur navigasi adalah alur yang digunakan dalam aplikasi yang dibuat. Sebelum menyusun aplikasi, harus menentukan terlebih dahulu alur apa yang
5 akan digunakan dalam aplikasi yang dibuat.
2.8 Blackbox Testing
Black Box Testing adalah pengujian yang dilakukan hanya mengamati hasil eksekusi melalui data uji dan cek fungsional perangkat lunak. Tujuan Black Box Testing adalah untuk mencari kesalahan/kegagalan dalam operasi tingkat tinggi, yang mencakup kemampuan dari perangkat lunak, operasional/tata laksana, skenario pemakai.
2.9 Inkscape
Inkscape adalah editor grafis vektor gratis dan open source untuk GNU / Linux, Windows dan MacOS X. Inkscape menggunakan grafik vektor untuk memungkinkan hasil cetak dan rendering yang tajam pada resolusi yang tidak terbatas dan tidak terikat pada sejumlah piksel seperti grafik raster. Inkscape menggunakan format file SVG standar sebagai format utamanya, yang didukung oleh banyak aplikasi lain termasuk browser web.
3. PERANCANGAN &
IMPLEMENTASI
3.1 Gambaran Umum Website
Website pemesanan makanan dan minuman online pada Mie Ayam Jamur Tunggal Rasa ini dibuat dengan menggunakan bahasa pemrograman PHP serta database yang digunakan adalah MySQL. Semua data yang di input dari website ini akan masuk kadalam database MySQL. Ada 2 akun yang bisa melakukan login, yaitu admin dan pelanggan.
3.2 Perancangan
3.2.1 Perancangan Alur Aplikasi • Struktur Navigasi
Pada pembuatan website ini adalah struktur navigasi campuran. Struktur navigasi campuran merupakan gabungan dari ketiga struktur sebelumnya yaitu linier, non-linier dan hirarki. Struktur navigasi yang digunakana pada website ini terdiri dari dua strukutur navigasi, yaitu struktur navigasi admin dan user.
6 • Struktur Navigasi User
• Struktur Navigasi Admin
3.2.2 Perancangan User Interface Peracangan desain antar muka merupakan tahap perancangan aplikasi dengan membuat desain antar muka dalam bentuk halaman input dan output.
3.2.3 Perancangan Database
Perancangan database ini menggunakan UML (Unified Modeling Language) yaitu use case digram, class diagram, activity diagram dan tabel database.
3.3 Pembuatan
Pada tahap ini, penulis akan menjelaskan cara pembuatan website dengan menggabungkan semua rancangan aplikasi untuk ditampilkan yang nyata
3.3.1 Pembuatan Design Layout Web • Design Layout Halaman User
• Design Layout Halaman Admin
3.3.2 Pembuatan Database
Sebelum website dibuat, hal yang dilakukan adalah membuat database. Database yang dibuat pada website ini menggunakan tools phpMyadmin yang mendukung operasi SQL.
7 • Pembuatan tabel database
3.3.3 Pembuatan Halaman Website • Halaman Home User
• Halaman Menu Makanan
• Halaman Keranjang
• Halaman Home Admin
3.4 Pengujian Website
Pengujian website ini dilakukan dengan menggunakan 3 metode. Yang pertama, menggunakan blackbox testing, pengujian ini mengutamakan pada kebutuhan fungsi dari suatu program. Yang kedua, dengan metode kuisioner untuk mengetahui kepuasan pelanggan pada user dan pemahaman fungsi website pada admin. Yang ketiga, pengujian tampilan dan fungsi dengan browser, untuk mengetahui bahwa tampilan dan semua fungsi berjalan dengan baik.
3.4.1 Pengujian Fungsi Dengan Metode Blackbox Testing
Pengujian fungsi dengan metode Blackbox Testing memiliki tujuan untuk mencari kesalahan pada program, setelah dilakukan beberapa pengujian, semua link dapat berfungsi dengan baik sesuai dengan menu-menu yang terdapat didalam website. Pengujian dengan metode ini dilakukan pada sisi user dan sisi admin.
3.4.2 Pengujian Dengan Metode Kuisioner
8 Pengujian dengan metode kuisioner ini dilakukan kepada user dan admin dilakukan untuk mengetahui kepuasan pelanggan dan admin mengenai operasi dan fungsi pada website.
Dari sisi pelanggan, sebanyak 50 responden yang telah melakukan pengisian kuisioner uji coba kepuasan pelanggan dapat disimpulkan bahwa lebih banyak pelanggan yang merasa puas dengan adanya website ini daripada yang tidak puas.
Dari sisi admin, sebanyak 6 responden yang telah melakukan pengisian kuisioner uji coba kepuasan admin dapat disimpulkan bahwa lebih banyak admin yang merasa puas dengan adanya website ini daripada yang tidak puas. Dan lebih banyak admin yang merasa terbantu dengan adanya website ini.
3.4.3 Pengujian Tampilan dan Fungsi Menggunakan Browser
Pengujian tampilan dan fungsi dengan browser dilakukan dengan menggunakan device laptop dan smartphone untuk mengetahui tampilan dan fungsi website pada browser bekerja dengan baik atau tidak.
Pada pengujian tampilan dan fungsi yang dilakukan menggunakan laptop dengan pengguna user dan admin dapat disimpulkan bahwa semua berjalan baik tanpa ada kendala baik dari tampilan maupun fungsi nya.
Dari hasil pengujian yang dilakukan pada laptop dan smartphone memiliki hasil yang berbeda. Pada pengujian tampilan dan fungsi yang dilakukan menggunakan smartphone memiliki beberapa kendala terutama pada bagian tampilan halaman admin yang terpotong, namun semua fungsi dapat dijalankan dengan baik. Dan pada tampilan dan fungsi halaman user semua berjalan dengan baik.
3.5 Implementasi
Pada tahap ini dilakukan pembuatan hosting website di id.000webhost.com. website ini telah diuji coba dengan menghosting website
dengan nama domain
tunggalrasa.000webhostapp.com agar dapat dilihat semua orang yang ingin melihat website pemesanan makanan dan minuman online pada mie ayam jamur tunggal rasa.
9
4. PENUTUP
4.1 Kesimpulan
Pada penulisan ini telah berhasil membuat website kedai mie ayam jamur tunggal rasa berbasis PHP dan MySql yang berfungsi untuk membantu user dalam pemesanan dan membantu admin dalam pengelolaan pemesanan dengan mudah. Dengan adanya pengolahan data yang berbasis PHP dan MySQL, data pemesanan yang telah masuk ke database dapat dengan mudah dalam hal pengecekan
4.2 Saran
Pada pembuatan website ini, tentunya masih ada beberapa hal yang belum berhasil tercapai dan masih jauh dari kesempurnaan. Saran yang dapat diberikan oleh penulis adalah dapat melakukan pengembangan terhadap website ini seperti melanjutkan ke tahap
sistem transaksi dan system pengiriman. Selain itu, melakukan pemeliharaan pada website ini agar dapat berjalan dengan lebih baik lagi
DAFTAR PUSTAKA
[1] Abdul Kadir, 2005. Dasar Pemrograman Web dengan ASP. Andi, Yogyakarta.
[2] Munawar, 2005. Model Berorientasi Objek dengan UML, PT Elex Media Komputindo, Jakarta.
[3] Fernaldy Caesar Pratama, Aplikasi Pengisian Kartu Rencana Studi Berbasis Web Dengan Menggunakan Bootstrap dan MySQL, Penulisan Ilmiah Fakultas Ilmu Komputer dan Teknologi Informasi Universitas Gunadarma 2015
[4] Mustaqbal M. Sidi, 2015. Pengujian Aplikasi Menggunakan Black Box Testing Boundary Value Analysis. Universitas Widyatama. Bandung
[5] Sugi Mulyono dan Sartono Agus, Kumpulan Software Pilihan
10 Paling Dicari, halaman 83. mediakita.
[6] Debbie Defrina, Dewi Putrie Lestari. Aplikasi Pemesanan Makanan dan Minuman Online Berbasis Mobile Browser Pada Restoran Tiga Saudara. Jurnal Ilmiah Informatika dan Komputer Vol. 22 No. 3 Desember 2017 [7] Penda Sudarto Hasugian.
Perancangan Website Sebagai Media Promosi dan Promosi.
Journal Of Informatic Pelita Nusantara Vol. 3 No.1 Maret 2018 [8] https://inkscape.org
Perpustakaan Universitas Gunadarma BARCODE
BUKTI UNGGAH DOKUMEN PENELITIAN PERPUSTAKAAN UNIVERSITAS GUNADARMA
Nomor Pengunggahan
SURAT KETERANGAN
Nomor: 233/PERPUS/UG/2020
Surat ini menerangkan bahwa:
Nama Penulis : YOLA NIAR AULIA Nomor Penulis : 16117742
Email Penulis : yolaniar@student.gunadarma.ac.id Alamat Penulis : jl. pajaga 3 no 100
dengan penulis lainnya sebagai berikut:
Penulis ke-2/Nomor/Email : Hanum Putri Permatasari, ST., MMSI / 100501 / hanum@staff.gunadarma.ac.id
Telah menyerahkan hasil penelitian/ penulisan untuk disimpan dan dimanfaatkan di Perpustakaan Universitas Gunadarma, dengan rincian sebagai berikut :
Nomor Induk : TT//PENELITIAN/233/2020
Judul Penelitian : Website Kedai Mie Ayam Jamur Tunggal Rasa Berbasis PHP dan MySQL Tanggal Penyerahan : 30 / 10 / 2020
Demikian surat ini dibuat untuk dipergunakan seperlunya dilingkungan Universitas Gunadarma dan Kopertis Wilayah III.