PERANCANGAN PROGRAM PEMESANAN PAKET
KECANTIKAN DAN PERAWATAN PADA SALON
YANI CIKAMPEK BERBASIS WEB
TUGAS AKHIR
Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma Tiga
STACIA GIOVANNI RAHARJA
NIM : 12160123
Program Studi Sistem Informasi Kampus Kabupaten Karawang Fakultas Teknik dan Informatika
Universitas Bina Sarana Informatika 2020
ii
SURAT PERNYATAAN KEASLIAN TUGAS AKHIR
Yang bertanda tangan di bawah ini:
Nama : Stacia Giovanni Raharja
Nim : 12160123
Jenjang : Diploma Tiga (D3)
Program Studi : Sistem Informasi Kampus Kabupaten Karawang Fakultas : Teknik dan Informatika
Perguruan Tinggi : Universitas Bina Sarana Informatika
Dengan ini menyatakan bahwa tugas akhir yang saya buat dengan judul:
“Perancangan Program Pemesanan Paket Kecantikan dan Perawatan pada Salon Yani Cikampek Berbasis Web”, adalah asli (orsinil) atau tidak plagiat (menjiplak) dan belum pernah di terbitkan atau di publikasikan dimanapun dan dalam bentuk apapun.
Demikian surat pernyataan ini saya buat dengan sebenar-benarnya tanpa ada paksaan dari pihak manapun juga. Apabila dikemudian hari ternyata saya memberikan keterangan palsu dan atau ada pihak lain yang mengklaim bahwa tugas akhir yang telah saya buat adalah hasil karya milik seseorang atau badan tertentu, saya bersedia diproses baik secara pidana maupun berdata dan kelulusan saya dari Universitas Bina Sarana Informatika dicabut/dibatalkan.
Dibuat di : Karawang Pada Tanggal : 12 Okt 2020 Yang Menyatakan,
iii
SURAT PERNYATAAN PERSETUJUAN PUBLIKASI KARYA
ILMIAH UNTUK KEPENTINGAN AKADEMIS
Yang bertanda tangan di bawah ini saya : Nama : Stacia Giovanni Raharja
NIM : 12160123
Jenjang : Diploma Tiga (D3)
Program Studi : Sistem Informasi Kampus Kabupaten Karawang Fakultas : Teknik dan Informatika
Perguruan Tinggi : Universitas Bina Sarana Informatika
Dengan ini menyetujui untuk memberikan ijin kepada pihak Universitas Bina Sarana Informatika, Hak Bebas Royalti Non- Eksklusif (Non-exclusive Royalti- Free Right) atas karya ilmiah kami yang berjudul: “Perancangan Program Pemesanan Paket Kecantikan dan Perawatan pada Salon Yani Cikampek Berbasis Web” beserta perangkat yang diperlukan (apabila ada).
Dengan Hak Bebas Royalti Non-Eksklusif ini pihak Universitas Bina Sarana Informatika berhak menyimpan, mengalih-media atau mem-format-kan, mengelolanya dalam pangkalan data (database), mendistribusikannya dan menampilkan atau mempublikasikannya di internet atau media lain untuk kepentingan akademis tanpa perlu meminta ijin dari kami selama tetap mencantumkan nama kami sebagai penulis/pencipta karya ilmiah tersebut.
Saya bersedia untuk menanggung secara pribadi, tanpa melibatkan pihak Universitas Bina Sarana Informatika, segala bentuk tuntutan hukum yang timbul atas pelanggaran Hak Cipta dalam karya ilmiah saya ini.
Demikian pernyataan ini saya buat dengan sebenarnya.
Di buat : Karawang Pada tanggal : 12 Okt 2020 Yang Menyatakan,
iv
PERSETUJUAN DAN PENGESAHAN TUGAS AKHIR
Tugas Akhir ini diajukan oleh:Nama : Stacia Giovanni Raharja
NIM : 12160123
Jenjang : Diploma Tiga (D3)
Program Studi : Sistem Informasi Kampus Kabupaten Karawang Fakultas : Teknik dan Informatika
Perguruan Tinggi : Universitas Bina Sarana Informatika
Judul Tugas Akhir : Perancangan Program Pemesanan Paket Kecantikan dan Perawatan Pada Salon Yani Cikampek Berbasis Web
Untuk dipertahankan pada periode II-2020 di hadapan Penguji dan diterima sebagai bagian persyaratan yang diperlukan untuk memperoleh Ahli Madya Komputer (A.Md.Kom) pada Program Diploma Tiga (D3) Program Studi Sistem Informasi Kampus Kabupaten Karawang Di Universitas Bina Sarana Informatika.
Jakarta, 21 Januari 2021 PEMBIMBING TUGAS AKHIR Dosen Pembimbing : Mohammad Syamsul Azis, M.Kom
D E W A N P E N G U J I
Penguji I : Henny Leidiyana, M.Kom.
vi
KATA PENGANTAR
Dengan mengucapkan puji syukur kepada Allah SWT yang telah melimpahkan karunia dan nikmat-Nya sehingga pada akhirnya penulis dapat menyelesaikan tugas akhir ini dengan baik. Dimana tugas akhir ini penulis sajikan dengan bentuk buku sederhana, adapun judul tugas akhir yang penulis ambil yaitu “Perancangan Program Pemesanan Paket Kecantikan dan Perawatan Pada Salon Yani Cikampek Berbasis Web”.
Dalam penulisan laporan ini, penulis merasa masih banyak sekali kekurangan-kekurangan baik pada teknis penulisan maupun materi. Mengingat akan kemampuan yang penulis miliki. Untuk itu dibutuhkan dengan sangat kritik dan saran dari semua pihak guna menyempurnakan laporan ini.
Dalam penulisan laporan ini, penulis ucapkan terimakasih yang sebesar-besarnya kepada pihak yang turut serta membantu dalam menyelesaikan laporan ini, khususnya kepada:
1. Rektor Universitas Bina Sarana Informatika.
2. Ketua Jurusan Sistem Informasi Universitas Bina Sarana Informatika. 3. Bapak Mohammad Syamsul Azis, M.Kom Dosen Pembimbing Tugas Akhir.
Seluruh Staff, Karyawan, Dosen atau yang berada di lingkungan Universitas Bina Sarana Informatika.
4. Ibu Yani selaku Pemilik Salon Yani.
5. Orang tua dan seluruh keluarga yang telah memberikan dukungan baik moral, spiritual maupun materi.
6. Rekan-rekan mahasiswa/i Universitas Bina Sarana Informatika khususnya keluarga besar 12.6A.15.
vii
7. Para sahabat, Faza Akmal, Rizki, Yusuf, Sahrul, iki, sinta, hani, sofia. Terimakasih atas kebersamaan dan dukungan kalian.
Serta semua pihak yang terlalu banyak untuk disebutkan satu persatu sehingga terwujudnya penulisan ini. Penulis menyadari bahwa penulisan tugas akhir ini masih sangat jauh dari kata sempurna, maka dari itu penulis memohon dengan sangat untuk semua kritikan dan saran yang bersifatnya membangun untuk kesempurnaan penulis dimasa yang akan datang.
Akhir kata, semoga Tugas Akhir ini dapat berguna bagi penulis khususnya dan para pembaca yang berminat pada umumnya.
Karawang, 01 Januari 2021
viii
ABSTRAK
Stacia Giovanni Raharja (12160123), Perancangan Program Pemesanan Paket Kecantikan dan Perawatan Pada Salon Yani Cikampek Berbasis Web
Perancangan Program Pemesanan Paket Kecantikan dan Perawatan merupakan hasil perkembangan teknologi aplikasi komputer yang nantinya diharapkan dapat membantu dan memudahkan pekerjaan manusia. Masalah yang sering terjadi di Salon yani adalah semua kegiatan tersebut masih dilakukan secara manual, karena sistem informasi salon tersebut belom terkelola dengan baik seperti proses pengolahan data pemesanan, pengolahan data transaksi pemesanan, pengelolaan data laporan, dan pengelolaan data customer. Metode penelitian yang digunakan dalam penelitian ini menggunakan metode pengembangan perangkat lunak waterfall. Website sistem informasi salon ini dimulai dari pembuatan desain program berupa Entity Relationship Diagram dengan lima tabel pendukung, beserta Logical Record Structure, Struktur Navigasi yang terdiri dari admin dan user, sampai pengujian program yang dilakukan untuk menyesuaikan aplikasi apakah mudah digunakan atau tidak dan mengecek apakah sistem berjalan sesuai dengan perintah atau tidak berdasarkan preferensi dan responden. Dengan adanya program aplikasi ini diharapkan dapat memberikan kemudahan dalam pengolahan data penjualan dan transaksi pembelian serta pengelolaan laporan penjualan dan laporan transaksi pembelian agar lebih tepat dan akurat.
ix
ABSTRACT
Stacia Giovanni Raharja (12160123), Designing Web-Based Beauty and Care Package Ordering Programs at Salon Yani Cikampek
The design of the Beauty and Care Package Ordering Program is the result of the development of computer application technology which is expected to help and facilitate human work. The problem that often occurs at Yani Salon is that all of these activities are still carried out manually, because the salon's information system has not been well managed, such as ordering data processing, ordering transaction data processing, reporting data management, and managing customer data. The research method used in this study uses the waterfall software development method. This salon information system website starts from making a program design in the form of an Entity Relationship Diagram with five supporting tables, along with a Logical Record Structure, a Navigation Structure consisting of an admin and a user, to testing programs carried out to adjust the application whether it is easy to use or not and checking whether the system is walk according to orders or not based on preferences and respondents. With this application program is expected to provide convenience in processing sales and purchase transaction data as well as managing sales reports and purchase transaction reports to be more precise and accurate.
x
DAFTAR ISI
Lembar Judul Tugas Akhir ... i
Lembar Pernyataan Keaslian Tugas Akhir... ii
Lembar Pernyataan Publikasi Karya Ilmiah ... iii
Lembar Persetujuan dan Pengesahan Tugas Akhir ... iv
Lembar Konsultasi Tugas Akhir... v
Kata Pengantar ... vi
Lembar Abstraksi... viii
Lembar Abstraction ... ix
Daftar Isi ... x
Daftar Simbol ... xii
Daftar Gambar ... xiii
Daftar Tabel ... xiv
Daftar Lampiran... xv
BAB I PENDAHULUAN ... 1
1.1. Latar Belakang Masalah ... 1
1.2. Tujuan dan Manfaat ... 2
1.3. Metode Penelitian ... 3
1.3.1. Metode Pengembangan Perangkat Lunak ... 3
1.3.2. Metode Pengumpulan Data ... 4
1.4. Ruang Lingkup ... 5
BAB II LANDASAN TEORI ... 6
2.1. Konsep Dasar Web... 6
2.2. Teori Pendukung ... 15
BAB III PEMBAHASAN ... 21
3.1. Tinjauan Perusahaan ... 21
3.1.1. Sejarah Perusahaan ... 21
3.1.2. Struktur Organisasi dan Fungsi ... 21
3.2. Analisa Kebutuhan ... 23
3.3. Rancangan Dokumen ... 24
3.4. Entity Relationship Diagram ... 25
3.5. Logical Record Structure ... 26
3.6. Spesifikasi File ... 26
3.7. Pengkodean ... 33
3.8. Spesifikasi Program ... 34
3.9. Spesifikasi Sistem Komputer ... 35
3.10. Implementasi ... 37
3.11. Pengujian Unit ... 43
BAB IV PENUTUP ... 45
4.1. Kesimpulan ... 45
xi
DAFTAR PUSTAKA ... 47
DAFTAR RIWAYAT HIDUP ... 49
SURAT KETERANGAN RISET/PKL ... 50
xii
DAFTAR SIMBOL
1. Simbol ERD (Entitiy Relationship Diagram)
HIMPUNAN ENTITAS
Digunakan untuk menggambarkan objek yang dapat diidentifikasikan dalam lingkungan pemakai
ATRIBUT
Menggambarkan elemen-elemen dari suatu entity yang menggambarkan entity
RELASI
Entitiy dapat berhubungan satu sama lain. Hubungan ini disebut relationship
LINK
Digunakan untuk menghubungkan entity dengan relasi dan entity dengan atribut
xiii
DAFTAR GAMBAR
Halaman
Gambar II.1. Metode Waterfall ... 13
Gambar II.2. Struktur Navigasi Linier ... 16
Gambar II.3. Struktur Navigasi Non-Linier ... 16
Gambar II.4. Struktur Navigasi Hirarki ... 17
Gambar II.5. Struktur Navigasi Campuran. ... 17
Gambar II.6. Ilustrasi Entity Relationship Diagram ... 18
Gambar II.7. Ilustrasi Logical Record Structure ... 19
Gambar III.1. Struktur Organisasi ... 22
Gambar III.2. Entity Relationship Diagram ... 25
Gambar III.3. Logical Record Structure ... 26
Gambar III.4. Struktur Navigasi Admin ... 34
Gambar III.5. Struktur Navigasi User... 35
Gambar III.6. Halaman Login Admin ... 37
Gambar III.7. Halaman Beranda Admin ... 38
Gambar III.8. Halaman Data Paket ... 38
Gambar III.9. Halaman Data Customer ... 39
Gambar III.10. Halaman Data Pemesanan ... 39
Gambar III.11. Halaman Data Pembayaran ... 40
Gambar III.12. Halaman Beranda ... 40
Gambar III.13. Halaman Paket ... 41
Gambar III.14. Halaman Tentang ... 41
Gambar III.15. Halaman Konfirmasi Pembayaran ... 42
xiv
DAFTAR TABEL
Halaman
Tabel III.1. Spesifikasi File Customer ... 27
Tabel III.2. Spesifikasi File Paket ... 28
Tabel III.3. Spesifikasi File Pemesanan... 29
Tabel III.4. Spesifikasi File Detail Pemesanan ... 30
Tabel III.5. Spesifikasi File Pembayaran ... 31
Tabel III.6. Spesifikasi File Testimoni ... 32
Tabel III.7. Spesifikasi File Admin ... 33
Tabel III.8. Blackbox Testing Terhadap Form Login Admin ... 43
Tabel III.9. Blackbox Testing Terhadap Form Input Tambah Data ... 44
xv
DAFTAR LAMPIRAN
Halaman Lampiran A.1. Laporan Data Transaksi ... 51 Lampiran B.1. Cetak Pemesanan ... 52 Lampiran B.2. Cetak Bukti Bayar ... 52
1
PENDAHULUAN
1.1. Latar Belakang Masalah
Revolusi Industri 4.0 adalah suatu tren otomasi dan pertukaran data terkini dalam teknologi publik mencakup sistem siber-fisik, internet untuk segala, komputasi awan dan komputasi kognitif. Revolusi Indrustri 4.0 telah mendorong inovasi-inovasi teknologi yang memberikan dampak disrupsi atau perubahan fundamental terhadap kehidupan masyarakat. Dampak Revolusi 4.0 yaitu pertarungan antara bisnis konvesional dan bisnis online. Publik tidak menduga bisnis online berhasil ditingkatkan kemanfaatannya dengan sistem aplikasi berbasis internet. Dampak yang ditimbulkan Revolusi Industri 4.0 lebih mudah dengan adanya bisnis online tersebut yaitu publik lebih mudah mendapatkan layanan bisnis bahkan dengan hanya diam dirumah.
Salon Yani, merupakan salon kecantikan yang menawarkan berbagai perawatan wajah. Mulai dari perawatan ujung rambut sampai ujung kaki, semua lengkap tersedia di Salon ini. Harga yang ditawarkan pun relative lebih murah dibanding salon lain, kualitasnya pun juga baik, sehingga Salon Yani mempunyai pelanggan yang banyak, dan dalam proses pelayanan maupun transaksi masih di kerjakan secara manual, sehingga di butuhkan waktu yang lama untuk memprosesnya. Oleh karena itu, kami ingin membantu menyelesaikan masalah yang ada di Salon Yani tersebut agar dalam pelayanan dan transaksi dapat ditangani dengan cepat tepat dan akurat.
2
Pada Tugas Akhir ini, akan dibuat sebuah website untuk Salon Yani yang dapat memberikan informasi untuk para pelanggan dengan sistem pemesanan online yang dilengkapi informasi lengkap mengenai Salon Yani. Website ini juga akan dilengkapi dengan fasilitas pendukung pemesanan secara online melalui web sebagai sarana untuk memesan berbagai perawatan yang ada di Salon Yani tersebut.
1.2. Tujuan dan Manfaat A. Tujuan
Adapun tujuan dari penulisan laporan Tugas Akhir (TA) ini adalah sebagai berikut:
1. Merancang aplikasi pemesanan paket kecantikan yang berbasis web pada salon yani untuk memudahkan customer bila ingin melakukan pemesanan. 2. Membangun aplikasi pemesanan paket kecantikan yang berbasis web
pada salon yani untuk mempermudah karyawan dalam pencatatan pemesanan dan membuat laporan bulanan.
3. Mengimplementasikan aplikasi pemesanan paket kecantikan berbasis web Agar hasil penelitian dapat dimanfaatkan dan digunakan oleh instansi sebagai referensi dasar untuk mengambil solusi dari permasalahan yang ada. Sedangkan manfaat penulisan tugas akhir adalah sebagai berikut:
B. Manfaat
Sedangkan manfaatnya adalah sebagai berikut: 1. Manfaat untuk penulis
Sebagai salah satu syarat kelulusan Program Diploma Tiga (D3) Program Studi Sistem Informasi di Universitas Bina Sarana Informatika.
Menghasilkan suatu sistem informasi yang cepat dan akurat dalam membantu dan memudahkan proses transaksi dan pembeliannya.
3. Manfaat untuk pembaca
Memberikan pemahaman dan wawasan mengenai konsep website sistem informasi pada pemilik salon.
1.3. Metode Penelitian
1.3.1. Metode Pengembangan Perangkat Lunak
Menurut Sukamto dan Shalahuddin, mengemukakan bahwa “Dalam hal pengembangan serta perencanaan sistem perangkat lunak penulis menggunakan metode pengembangan perangkat lunak model air terjun (waterfall)”. (Sagita & Sugiarto, 2016).
Menurut Sukamto dan Shalahuddin, “Model air terjun menyediakan pendekatan alur hidup perangkat lunak secara sekuensial atau terurut dimulai dari analisis, desain, pengkodean, pengujian dan tahap pendukung (support). (Wulandari & Prahartiwi, 2018). Tahapan yang digunakan penulis adalah sebagai berikut:
1. Analisa Kebutuhan Perangkat Lunak
Untuk menganalisa kebutuhan sistem yang dibutuhkan oleh salon yani , saya melakukan riset selama 1 bulan di tempat salon yani untuk mengetahui sistem berjalannya, dengan saya melakukan riset saya bisa mengetahui kendala yang dialami di salon yani dari sistem berjalannya, serta saya mencari penyelesaian masalah terhadap kendala tersebut.
2. Desain
Dalam proses desain penulis menggunakan UML diagram, untuk menggambarkan sistem yang berjalan pada salon yani, penulis menggunakan
4
ERD, LRS, phpmyadmin dan untuk bahasa pemrograman sistem usulan penulis menggunakan bahasa pemrograman php.
3. Pembuatan Kode Program
Penulis melakukan pembuatan kode program proses menerjemahkan desain ke dalam suatu bahasa yang biasa dimengerti oleh computer (bahasa pemrograman). Bahasa pemrograman yang digunakan penulis yaitu bahasa pemrograman PHP,phpmyadmin dan framework yang digunakan yaitu codeigniter.
4. Implementasi dan pengujian
Penulis melakukan implementasi di salon yani dengan menggunakan beberapa data yang ada di salon yani untuk diterapkan pada aplikasi atau program yang telah dibuat dengan menggunakan laptop, serta pengujian berupa black box testing. Implementasi dan pengujian unit ini bertujuan untuk mengetahui apakah aplikasi yang dibuat telah sesuai dengan kebutuhan.
1.3.2. Metode Pengumpulan Data
Untuk memperoleh data yang akurat dan relevan dalam penulisan laporan tugas akhir ini, maka penulis menggunakan beberapa metode pengumpulan data sebagai sarana untuk membantu dan memudahkan penulis dalam penyusunan laporan. Adapun metode pengumpulan data yang penulis gunakan dalam penulisan tugas akhir ini adalah :
1. Metode Observasi
Penulis melakukan pengamatan langsung terhadap kegiatan yang berhubungan dengan pencatatan, laporan, pembayaran, pemesanan pada Salon Yani yang beralamat di Jln. Jendral Ahmad Yani No.28 RT 01 RW 09
Cikampek. Hasil dari pengamatan tersebut langsung dicatat oleh saya dan dari kegiatan ini dapat diketahui prosesnya.
2. Wawancara
Dalam penulisan laporan ini, untuk mendapatkan informasi yang lebih lengkap maka saya melakukan metode wawancara dengan Ibu Yani sebagai pemilik salon yani berupa tanya jawab mengenai semua kegiatan yang berhubungan dengan salon yani.
3. Studi Pustaka
Pengumpulan data dilakukan dengan cara mengambil data-data yang terdapat dalam buku-buku yang ada pada google books,dan juga beberapa jurnal-jurnal pada repository.bsi.ac.id yang berkaitan dengan penulisan laporan.
1.4. Ruang Lingkup
Untuk mempermudah penulisan Tugas Akhir agar lebih terarah dan berjalan sesuai dengan pembahasan, maka perlu kiranya dibuat suatu batasan masalah. Ruang lingkup permasalahan yang akan dibahas dalam perancangan program pemesanan paket kecantikan dan perawatan pada salon yani cikampek berbasis web. dibatasi dengan ruang lingkup Back end yaitu admin (pengelola) admin dapat mengelola data customer, mengelola data pemesanan, mengelola data transksi, mengelola data pembayaran. dan ruang lingkup Front end yaitu user (pengguna). Customer dapat melihat daftar paket, customer dapat memesan paket, melakukan transaksi, melakukan pembayaran.
6
BAB II
LANDASAN TEORI
2.1. Konsep Dasar Web
Menurut Abdul Kadir, “Web merupakan salah satu sumber daya internet yang berkembang pesat, pendistribusian informasi web dilakukan pendekatan hyperlink, yang memungkinkan suatu teks, gambar, ataupun objek yang lain menjadi acuan untuk membuka halaman-halaman yang lain”. (Harison & Syarif, 2016).
Menurut Taufik, menyatakan bahwa “website atau situs merupakan tempat penyimpanan data dan informasi dengan menggunakan topik tertentu”. (Romadhon & Desmulyati, 2019).
2.1.1. Website
Menurut Adelheid, “Website adalah halaman informasi yang disediakan melalui jalur internet sehingga bisa diakses dimanapun selama terkoneksi dengan jaringan internet”. (Andi Saryoko, Hendri, 2019).
Menurut Simarmata, “Web adalah sebuah sistem dengan informasi yang disajikan dalam bentuk teks, gambar, suara, dan lain-lain yang tersimpan dalam sebuah server web internet yang disajikan dalam bentuk hiperteks”. (Suparwanto & Diah Pradiatiningtyas, 2017).
Menurut Rerung, mengemukakan bahwa web adalah jaringan komputer yang terdiri dari kumpulan situs internet yang menawarkan teks, grafik, suara dan sumber daya animasi melalui hypertext transfer protocol. (Farlina et al., 2020).
2.1.2. Internet
Menurut Irawan, mengemukakan bahwa “internet merupakan kependekan dari kata internet network, yang berarti rangkaian komputer yang terhubung menjadi beberapa rangkaian, dimana sistem komputer terhubung secara global dan menggunakan TCP/IP sebagai protocol”. (Adiwisastra & Hikmah, 2020).
Menurut Sibero, mengemukakan bahwa “World Wide Web adalah atau yang dikenal juga dengan istilah web adalah suatu sistem yang berkaitan dengan dokumen digunakan sebagai media untuk menampilkan teks, gambar, multimedia dan lainnya pada jaringan internet”. (Sagita & Sugiarto, 2016).
Menurut Shalahuddin dan Sukamto, dapat disimpulkan bahwa internet adalah Sekumpulan jaringan yang berbeda yang saling bersama sebagai kekuatan dengan menggunakan berbagai macam protocol, salah satunya adalah protocol TCP/IP (transmision Control Protocol/Internet Protocol). (Suparwanto & Diah Pradiatiningtyas, 2017).
2.1.3. Web Server
Menurut kurniawan, mengemukakan bahwa “Server Web adalah sebuah perangkat lunak yang berfungsi menerima permintaan http atau https dari klien yang dikenal dengan web browser dan mengirimkan kembali hasilnya dalam bentuk halaman-halaman web yang umumnya berbentuk html”. (Sagita & Sugiarto, 2016).
Web server yaitu: Komputer yang digunakan untuk menyimpan dokumen-dokumen web, komputer ini akan melayani permintaan dokumen-dokumen web dari kliennya. Web browser seperti explorer atau navigator berkomunikasi melalui jaringan (termasuk jaringan internet) dengan web server, menggunakan HTTP. Browser akan mengirimkan request ke server untuk meminta dokumen tertentu atau layanan lain yang di sediakan oleh server. Server memberikan dokumen satu layanan jika tersedia juga dengan menggunakan protocol HTTP”. Salah satu aplikasi server localhost serta
8
yang paling banyak digunakan dan cukup familiar di kalangan web developer saat ini adalah XAMPP. (Adiwisastra & Hikmah, 2020).
2.1.4. Web Browser
Menurut sibero, mengemukakan bahwa “Web Browser adalah aplikasi perangkat lunak yang digunakan untuk mengambil dan menyajikan sumber informasi web”. (Sagita & Sugiarto, 2016).
Salah satu web browser yang sering digunakan yaitu Mozilla firefox, google chrome, opera, dan masih banyak lagi browser yang bisa digunakan untuk menjalankan atau menampilkan halaman web. (Adiwisastra & Hikmah, 2020).
2.1.5. PHP (Hypertext Prepocesor)
Menurut Sibero, mengemukakan bahwa “PHP adalah pemrograman interpreter yaitu proses penerjemahan baris kode sumber menjadi kode mesin yang dimengerti komputer secara langsung pada saat baris kode dijalankan”. (Sagita & Sugiarto, 2016).
Menurut Handayani dan Purnama, “PHP adalah tool yang digunakan untuk membuat halaman web dinamis, kaya akan fitur yang membuat perancangan web dan pemrograman lebih mudah”. (Suparwanto & Diah Pradiatiningtyas, 2017).
Menurut Nugroho, “PHP banyak dipakai untuk pemrograman situs web dinamis. Karena PHP merupakan server-side scripting maka sintaks dan perintah-perintah PHP akan dieksekusi di server kemudian hasilnya dikirim ke browser dalam format HTML”. (Lavarino & Wiyli, 2016).
2.1.6. CSS (Cascading Style Sheets)
CSS merupakan sebuah pemrograman yang mempunyai kontrol terhadap semua tampilan dan desain dari sebuah halaman website. (Suparwanto & Diah Pradiatiningtyas, 2017).
Menurut Saputra dan Agustin, mengemukakan bahwa “CSS atau yang memiliki kepanjangan Cascanding Style Sheets, merupakan suatu pemrograman web yang digunakan untuk mengendalikan dan membangun berbagai komponen dalam web sehingga tampilan web akan lebih rapih, terstruktur dan seragam”. (Sagita & Sugiarto, 2016).
Sedangkan menurut Prasetio, mengemukakan bahwa “CSS adalah suatu teknologi yang digunakan untuk memperindah tampilan halaman website (situs)”. (Sagita & Sugiarto, 2016).
2.1.7. JavaScript
Menurut Sutanto & Oscar, “Javascript adalah bahasa pemrograman yang digunakan untuk membuat program yang digunakan agar dokumen HTML yang ditampilkan dalam browser menjadi lebih interaktif, tidak sekedar indah saja”. (Farlina et al., 2020).
Menurut Prasetio, mengemukakan bahwa “Javascript adalah program dalam bentuk script yang dijalankan oleh interpreter yang telah ditanamkan kedalam web, sehingga browser web dapat mengeksekusi program javascript”. (Sagita & Sugiarto, 2016).
Javascript merupakan suatu bahasa pemrograman yang sederhana, karena javascript tidak dapat digunakan untuk membuat suatu aplikasi. (Suparwanto & Diah Pradiatiningtyas, 2017)
10
2.1.8. HTML
Hypertext Markup language (HTML) adalah sebuah bahasa pemrograman untuk menampilkan konten di website. Dan disebut juga sebagai bahasa pemrograman yang bebas artinya dalam pengembangannya dapat dikembangkan bersama secara global. (Adiwisastra & Hikmah, 2020).
Menurut Hidayatullah dan Kawistara, “Hypertext Markup Language (HTML) adalah bahasa standard yang digunakan untuk menampilkan halaman web”. (Ayu & Permatasari, 2018).
HTML (Hypertext Markup language) adalah sebuah bahasa dasar untuk web scripting yang bersifat client side yang digunakan untuk menampilkan informasi dalam bentuk teks, grafik, serta multimedia dan digunakan untuk menghubungkan antar tampilan web page. (Suparwanto & Diah Pradiatiningtyas, 2017).
2.1.9. JQuery
Menurut Saputra dan Agustin, mengemukakan bahwa Jquery merupakan salah satu teknik atau kumpulan library javascript yang sangat terkenal dengan animasinya. Dengan sedikit sentuhan, animasi dalam website mudah kita ciptakan. Jquery dapat dianggap sebagai frameworknya javascript. (Sagita & Sugiarto, 2016).
JQuery merupakan sebuah Javascript Library atau bisa disebut juga sebagai perpustakaan dari kumpulan kode/listing Javascript yang siap pakai. Dalam arti sederhana, jquery dapat digunakan untuk meringkas sebuah listing javascript yang panjang dalam sebuah proyek pembuatan website. Sehingga sebagai Developer Web, akan diberikan kemudahan dalam menghadapi bagian yang mengandung javascript. (Harison & Syarif, 2016).
2.1.10. Sublime Text
Menurut Bos, “menjelaskan Sublime Text merupakan salah satu Text editor yang sangat powerful yang dapat meningkatkan produktivitas dan mengembangkan kualitas kode yang tinggi”. (Pahlevi et al., 2018).
Menurut Putra dkk, mendefinisikan “Sublime text adalah editor berbasis Python, sebuah text editor yang elegan, kaya fitur, cross platform, mudah dan simple yang cukup terkenal dikalangan developer (pengembang) dan desainer”. (Suparwanto & Diah Pradiatiningtyas, 2017).
2.1.11. Basis Data
Menurut Yuhefizar, menyatakan bahwa “Database Management System (DBMS) merupakan paket program (software) yang dibuat agar memudahkan dan mengefisienkan pemasukan, pengeditan, penghapusan dan pengambilan informasi terhadap database”. (Sagita & Sugiarto, 2016).
Basis data atau Database adalah kumpulan informasi yang disusun dan merupakan suatu kesatuan yang utuh yang disimpan di dalam perangkat keras (komputer) secara sistematis sehingga dapat diolah menggunakan perangkat lunak. Dengan sistem tersebut data yang terhimpun dalam suatu database dapat menghasilkan informasi yang berguna. (Swara & Pebriadi, 2016).
2.1.12. MySQL
Menurut Kustiyahningsih, “MySQL adalah sebuah basis data yang mengandung satu atau sejumlah tabel. Tabel terdiri atas sejumlah baris dan setiap baris mengandung satu atau sejumlah tabel”. (Firman et al., 2016).
Menurut Sibero, “MySQL adalah suatu RDMS (Relational Database Management System) yaitu aplikasi sistem yang menjalankan fungsi pengolahan data”. (Andi Saryoko, Hendri, 2019).
Menurut Madcoms, “MySQL adalah sistem manajemen Database SQL yang bersifat Open Source dan paling popular saat ini. Sistem Database MySQL mendukung beberapa fitur seperti multithreaded, multi-user dan SQL Database managemen sytem (DBMS)”. (Ayu & Permatasari, 2018).
12
2.1.13. XAMPP
Menurut Nugroho, “XAMPP merupakan sebuah paket PHP berbasis Open Source yang dikembangkan oleh sebuah komunitas Open Source”. (Suparwanto & Diah Pradiatiningtyas, 2017).
Menurut Wahana, “mengemukakan bahwa “XAMPP adalah salah satu paket instalasi apache, PHP, dan MySQL secara instant yang dapat digunakan untuk membantu proses instalasi ketiga produk tersebut”. (Suhartono, 2015).
Menurut Madcoms “Xampp adalah sebuah paket kumpulan software yang terdiri dari Apache, MySQL, PhpMyAdmin, PHP, perl, Filezilla, dan lainnya”. (Ayu & Permatasari, 2018).
2.1.14. Apache
Menurut Abdulloh, “Apache berfungsi sebagai web server, yaitu tempat penyimpanan file-file php dan lainnya yang diperlukan website”. (Sukisno & Wuni, 2017).
Apache HTTP server adalah perangkat lunak dengan platfrom operating system (OS) yang mendukung multi-tasking, dan menyediakan layanan untuk aplikasi lain yang terhubung ke dalamnya, seperti web browser. (Aziz & Tampati, 2015).
2.1.15. PhpMyAdmin
Menurut Winoto, mendefinisikan “PhpMyAdmin adalah suatu program open source yang berbasis web ini digunakan untuk mengakses database MySQL”. (Suparwanto & Diah Pradiatiningtyas, 2017).
PhpMyAdmin adalah perangkat lunak bebas yang ditulis dalam bahasa pemrograman PHP yang digunakan untuk menangani administrasi MySQL melalui Jejaring Jagat Jembar (World Wide Web). (Barri et al., 2015).
PhpMyAdmin merupakan aplikasi web php sebagai administrator MySQL, PhpMyAdmin mendukung berbagai aktivitas MySql seperti pengolahan data, table, relasi antar table dan sebagainya. (Prastyo & Wahyuni, 2019).
2.1.16. Model Pengembangan Perangkat Lunak
Menurut Sukamto dan Shalahuddin, mengemukakan bahwa “Dalam hal pengembangan serta perencanaan sistem perangkat lunak penulis menggunakan metode pengembangan perangkat lunak model air terjun (waterfall)”. (Sagita & Sugiarto, 2016).
Menurut Sukamto dan Shalahuddin, “Model air terjun menyediakan pendekatan alur hidup perangkat lunak secara sekuensial atau terurut dimulai dari analisis, desain, pengkodean, pengujian dan tahap pendukung (support). (Wulandari & Prahartiwi, 2018).
Sumber: (Wulandari & Prahartiwi, 2018)
Gambar II.1. Metode Waterfall
14
Metode pengembangan perangkat lunak yang digunakan oleh penulis adalah metode Waterfall Model. Metode pengembangan ini dimulai dari analisa kebutuhan perangkat lunak, Desain, Pembuatan Kode Program, Pengujian, dan Pendukung (support). Tahapan yang digunakan penulis adalah sebagai berikut:
1. Analisa Kebutuhan Perangkat Lunak
Proses pengumpulan kebutuhan dilakukan secara intensif untuk menspesifikasikan kebutuhan perangkat lunak agar dapat dipahami seperti apa yang dibutuhkan oleh user.
2. Desain
Desain perangkat lunak adalah proses multi langkah yang fokus pada desain pembuatan program perangkat lunak termasuk struktur data, arsitektur perangkat lunak, representasi antar muka dan prosedur pengkodean. Tahap ini mentranslasi kebutuhan perangkat dari tahap analisis kebutuhan ke reprentasi desain agar dapat di implementasikan program pada tahap selanjutnya.
3. Pembuatan Kode Program
Desain harus ditranslasikan kedalam program perangkat lunak. Hasil dari tahap ini adalah program komputer sesuai dengan desain yang telah dibuat pada tahap desain.
4. Pengujian
Pengujian fokus pada perangkat lunak dari segi logik dan fungsional serta memastikan bahwa semua bagian sudah diuji. Hal ini dilakukan untuk meminimalisir kesalahan (error) dan memastikan keluaran yang dihasilkan sesuai dengan keinginan.
Tidak menutup kemungkinan sebuah perangkat lunak mengalami perubahan ketika sudah dikirimkan ke user. Perubahan bisa terjadi karena adanya kesalahan yang muncul dan tidak terdeteksi saat pengujian atau perangkat lunak harus beradaptasi dengan lingkungan baru. Tahap pendukung atau pemeliharaan mulai dari analis spesifikasi untuk perubahan perangkat lunak yang sudah ada, tapi tidak untuk membuat perangkat lunak baru.
2.2. Teori Pendukung 2.2.1. Stuktur Navigasi
Menurut Kariadinita, mendefinisikan “Struktur navigasi adalah alur dari suatu program”. Struktur navigasi sebagai penentu alur dari visualisasi dari awal sampai akhir, dimana tampilan utamanya berisi tentang panduan serta link-link yang berfungsi untuk menghubungkan ke halaman selanjutnya. (Suparwanto & Diah Pradiatiningtyas, 2017).
Menurut Cepep “Stuktur Navigasi merupakan sistem navigasi situs web secara keseluruhan dan desain interface situs tersebut, navigasi memudahkan jalan yang mudah ketika menjelajahi situs web”. (Muhamad, 2018). Ada empat macam bentuk dasar yaitu:
1. Stuktur Navigasi Linier
Struktur navigasi linier hanya mempunyai satu rangkaian cerita yang berurut, yang menampilkan satu demi satu tampilan layar secara berurut menurut urutannya. Tampilan yang dapat ditampilkan pada struktur jenis ini adalah satu halaman sebelumnya atau satu halaman sesudahnya, tidak dapat dua halaman sebelumnya atau dua halaman sesudahnya.
16
Sumber: (Muhamad, 2018)
Gambar II.2. Struktur Navigasi Linier 2. Struktur Navigasi Non-Linier
Struktur navigasi non-linier atau struktur tidak berurut merupakan pengembangan dari struktur navigasi linier. Pada struktur ini diperkenankan membuat navigasi bercabang. Percabangan yang dibuat pada struktur
non-linier ini berbeda dengan percabangan pada struktur hirarki, karena pada
percabangan non-linier ini walaupun terdapat percabangan, tetapi tiap-tiap tampilan mempunyai kedudukan yang sama yaitu tidak ada Master Page dan
Slave Page.
Sumber: (Muhamad, 2018)
Gambar II.3.
Struktur Navigasi Non-Linier 3. Struktur Navigasi Hirarki
Struktur navigasi hirarki biasa disebut struktur bercabang, merupakan suatu struktur yang mengandalkan percabangan untuk menampilkan data berdasarkan kriteria tertentu. Tampilan pada menu pertama akan disebut sebagai Master Page (halaman utama pertama), halaman utama ini mempunyai halaman percabangan yang disebut Slave Page (halaman
pendukung). Jika salah satu halaman pendukung dipilih atau diaktifkan, maka tampilan tersebut akan bernama Master Page (halaman utama kedua), dan seterusnya. Pada struktur navigasi ini tidak diperkenankan adanya tampilan secara linier.
Sumber: (Muhamad, 2018)
Gambar II.4. Struktur Navigasi Hirarki
4. Struktur Navigasi Campuran
Struktur navigasi campuran merupakan gabungan dari ketiga struktur sebelumnya yaitu linier, non-linier dan hirarki. Struktur navigasi ini juga biasa disebut dengan struktur navigasi bebas. Struktur navigasi ini banyak digunakan dalam pembuatan website karena struktur ini dapat digunakan dalam pembuatan website sehingga dapat memberikan ke-interaksian yang lebih tinggi.
Sumber: (Muhamad, 2018)
Gambar II.5.
18
2.2.2. ERD (Entity Relationship Diagram)
Connoly dan Begg, mendefinisikan entity Relationship Diagram adalah model yang dapat digunakan untuk memberikan pengertian mengenai data yang akan digunakan oleh suatu perusahaan. (Pahlevi et al., 2018).
Menurut Rosa dan Shalahuddin, mengemukakan “Entity Relationship Diagram (ERD) Merupakan bentuk paling awal dalam melakukan perancangan basis data relasional. Jika menggunakan ODBMS maka perancangan ERD tidak perlu dilakukan”. (Prastyo & Wahyuni, 2019).
Sumber: (Sagita & Sugiarto, 2016)
Gambar II.6.
Ilustrasi Entity Relationship Diagram
2.2.3. LRS (Logical Record Structure)
Menurut Simarmata dan Paryudi, “Logical Record Structured (LRS) adalah representasi dari struktur record-record pada tabel-tabel yang terbentuk dari hasil relasi antar himpunan entitas”. Menentukan kardinalitas, jumlah tabel, dan Foreign Key (FK). (Firman et al., 2016).
Berikut adalah cara membentuk skema database atau LRS (Logical Record Struture) berdasarkan Entity Relationship Diagram:
1. Jika relasinya satu-ke-satu, maka foreign key diletakan pada salah satu dari dua entitas yang ada atau menyatukan kedua entitas tersebut.
2. Jika relasinya satu-ke-banyak, maka foreign key diletakan pada entitas Many. 3. Jika relasinya banyak-ke-banyak, maka dibuat “file konektor” yang berisi dua
foreign key yang berasal dari kedua entitas.
Sumber: (Sagita & Sugiarto, 2016)
Gambar II.7.
Ilustrasi Logical Record Structure
2.2.4. Pengujian Web
Menurut Rosa dan Shalahuddin, “Black-box testing (atau dikenal disebut pengujian kotak hitam) yaitu menguji perangkat lunak dari segi spesifikasi fungsional tanpa menguji desain dan kode program”. (Kesuma & Kholifah, 2019).
20
Pengujian web yang dilakukan pada kesempatan ini, menggunakan metode black box testing. Pengujian dimaksudkan untuk mengetahui fungsi-fungsi, masukan dan keluaran dari perangkat lunak sesuai dengan spesifikasi yang dibutuhkan dan pengujian dengan metode black box testing memungkinkan pengembang software untuk membuat himpunan kondisi input yang akan melatih seluruh syarat-syarat fungsional suatu program.
Adapun beberapa kategori kesalahan yang diuji oleh black box testing, diantaranya:
1. Fungsi-fungsi yang salah atau hilang. 2. Kesalahan interface.
3. Kesalahan dalam struktur data atau akses database eksternal. 4. Kesalahan performa.
21
PEMBAHASAN
3.1. Tinjauan Perusahaan 3.1.1. Sejarah Perusahaan
Seiring berjalannya waktu, bisnis Salon Kecantikan semakin berkembang dan semakin menjamur di berbagai daerah, otomatis persaingan yang ada semakin ketat. Untuk itu banyak salon yang menjual perawatan kecantikan yang disajikan, menawarkan tempat yang strategis agar mudah ditemukan masyarakat, juga ciri khas yang membuat salon tersebut bertambah ditengah persaingan yang hebat.
Salon Yani merupakan sebuah usaha kecil yang berdiri di tengah pertokoan di Jln. Jendral Ahmad Yani No.28 RT 01 RW 09 Cikampek. Salon ini menyediakan berbagai macam rangkaian dan jenis perawatan kecantikan dan juga harganya pun sangat terjangkau bagi masyarakat.
3.1.2. Struktur Organisasi dan Fungsi 1. Stuktur Organisasi
Untuk meningkatkan kinerja Salon Yani menjadi lebih baik lagi dibutuhkan manajerial dan pengawasan dari pemangku jabatan yang ada di dalam stuktur organisasi. Adapun stuktur organisasi di Salon Yani yaitu sebagai berikut:
22
Sumber: Salon Yani (2020)
Gambar III.1. Struktur Organisasi
2. Fungsi Struktur Organisasi
Didalam menjalankan tugas sesuai dengan struktur organisasi yang ada di Salon Yani dapat dijelaskan sebagai berikut:
a. Pemilik (Owner)
Menyusun perencanaan kerja yang bersifat strategis maupun operasional, bertanggung jawab terhadap seluruh aktivitas kegiatan operasional yang dijalankan oleh salon agar dapat tercapai visi, misi serta tujuan yang hendak di capai, mengawasi hasil pelaksanaan tugas melalui laporan, bertanggung jawab kepada semua karyawan.
b. Stylish
Menangani semua perawatan untuk kecantikan, bertanggung jawab dan siap melayani konsumen sesuai dengan permintaan dan keinginan konsumen. c. Kasir
Melakukan penerimaan pembayaran dari customer, membuat laporan keuangan tiap bulan, bertanggung jawab pada keuangan pada salon.
3.2. Analisa Kebutuhan 1. Kebutuhan Sistem
a. Sistem mengolah semua data mulai dari data Customer, data transaksi, data informasi dan data upload berkas pembayaran.
b. Sistem dapat memberikan informasi tentang Salon Yani.
c. Sistem dapat menampilkan semua data yang telah diolah pengguna sistem.
2. Kebutuhan Pengguna
Analisis pengguna menandakan siapa saja pengguna dari perangkat lunak yang di spesifikasikan dan apa saja haknya terhadap perangkat lunak tersebut. Perancangan Program Pemesanan paket Kecantikan dan Perawatan Pada Salon Yani Cikampek Berbasis Web yang dibangun memiliki dua jenis pengguna yaitu: a. User atau pengguna umum
User atau pengguna umum merupakan user yang dapat melakukan transaksi, melakukan konfirmasi pembayaran, dan melihat informasi mengenai profil Salon Yani, juga pengisian halaman testimoni sebagai sarana menyampaikan pertanyaan-pertanyaan ataupun komentar.
b. Admin
Admin berfungsi untuk mengelola data Customer, data paket, data transaksi, data laporan, data pembayaran, data informasi dan mengolah data testimoni.
24
3.3. Rancangan Dokumen
A. Rancangan Dokumen Masukan (input)
Dokumen masukan merupakan dokumen yang mengalami proses awal dari program transaksi Salon Yani. Adapun dokumen masukan yang digunakan adalah sebagai berikut:
1. Nama dokumen : Data Pemesanan Salon Yani Fungsi : Laporan Data Pemesanan
Sumber : Customer
Tujuan : Admin
Media : Kertas
Jumlah : 1 Lembar
Frekuensi : Setiap ada customer yang melakukan Pemesanan Bentuk : Lampiran A.1.
B. Rancangan Dokumen Keluaran (output)
Dokumen keluaran adalah segala bentuk dokumen yang akan mendukung kegiatan serta menerapkan hasil pencatatan dan pelaporan. Adapun dokumen keluaran yang digunakan adalah sebagai berikut:
1. Bukti Transaksi
Nama Dokumen : Bukti Transaksi
Fungsi : Untuk bukti transaksi dari customer
Sumber : Admin (web)
Tujuan : Customer
Media : Kertas
Frekuensi : Setiap ada customer melakukan transaksi Bentuk : Lampiran B.1.
2. Cetak Bukti Bayar
Nama Dokumen : Bukti Pembayaran Fungsi : Untuk bukti pembayaran
Sumber : Customer
Tujuan : Admin (web)
Media : Kertas
Jumlah : 1 Lembar
Frekuensi : Setiap ada customer melakukan pembayaran Bentuk : Lampiran B.2.
3.4. ERD (Entity Relationship Diagram)
Gambar III.2.
26
3.5. LRS (Logical Record Structure)
Gambar III.3. Logical Record Structure
Keterangan: PK= Primary Key FK= Foreign Key
3.6. Spesifikasi File
Spesifikasi file merupakan penjelasan mengenai bentuk-bentuk file database yang digunakan untuk pengolahan proses sistem. Adapun spesifikasi file yang penulis gunakan dalam Perancangan Program Pemesanan Paket Kecantikan dan Perawatan Pada Salon Yani Cikampek Berbasis Web adalah sebagai berikut:
1. Spesifikasi File Customer
Nama File : customer
Akronim : customer
Fungsi : Untuk menyimpan data customer Tipe File : File Master
Organisasi File : Indexed Sequential Akses File : Random
Media : Harddisk
Panjang Record : 225 Byte Kunci Field : id_customer Nama Database : salon.sql
Software : MySQL
Tabel III.1.
Spesifikasi File customer
No Elemen Data Tipe Panjang Keterangan
1. id_customer Varchar 15 Primary Key
2. nm_customer Varchar 30
3. Alamat Text
4. no_hp Varchar 15
5. Email Varchar 35
6. Password Varchar 30
2. Spesifikasi File Paket
Nama File : paket
Akronim : paket
28
Tipe File : File Master
Organisasi File : Indexed Sequential Akses File : Random
Media : Harddisk
Panjang Record : 142 Byte Kunci Field : id_paket Nama Database : salon.sql
Software : MySQL
Tabel III.2. Spesifikasi File paket
No Elemen Data Tipe Panjang Keterangan
1. id_paket Int 11 Primary Key
2. jenis_paket Varchar 20
3. detail_paket Varchar 50
4. Harga Int 11
5. Gambar Varchar 50
3. Spesifikasi File Pemesanan
Nama File : pemesanan
Akronim : pemesanan
Fungsi : Untuk menyimpan data pemesanan Tipe File : File Transaksi
Organisasi File : Indexed Sequential Akses File : Random
Media : Harddisk
Kunci Field : id_pemesanan Nama Database : salon.sql
Software : MySQL
Tabel III.3.
Spesifikasi File pemesanan
No Elemen Data Tipe Panjang Keterangan
1. id_pemesanan Varchar 15 Primary Key
2. id_customer Varchar 15
3. tgl_pesan Timestamp -
4. total_harga Double -
5. Status Int 10
4. Spesifikasi File Detail Pesan
Nama File : detail_pesan Akronim : detail_pesan
Fungsi : Untuk menyimpan data detail pemesanan Tipe File : File Transaksi
Organisasi File : Indexed Sequential Akses File : Random
Media : Harddisk
Panjang Record : 52 Byte Kunci Field : id_detail Nama Database : salon.sql
30
Tabel III.4.
Spesifikasi File detail pemesanan
No Elemen Data Tipe Panjang Keterangan
1. id_detail Varchar 15 Primary Key
2. id_pemesanan Varchar 15
3. id_paket Int 11
4. jenis_paket Varchar 20
5. Harga Int 11
6 jml_pesan int 11
5. Spesifikasi File Pembayaran
Nama File : pembayaran
Akronim : pembayaran
Fungsi : Untuk menyimpan data pembayaran Tipe File : File Transaksi
Organisasi File : Indexed Sequential Akses File : Random
Media : Harddisk
Panjang Record : 132 Byte Kunci Field : id_bayar Nama Database : salon.sql
Tabel III.5.
Spesifikasi File pembayaran
No Elemen Data Tipe Panjang Keterangan
1. id_bayar Varchar 15 Primary Key
2. id_pemesanan Varchar 15 3. id_customer Varchar 15 4. tgl_bayar Timestamp - 5. bukti_bayar Varchar 50 6. nm_bank Varchar 15 7. jml_bayar Int 11
6. Spesifikasi File Testimoni Nama File : testimoni Akronim : testimoni
Fungsi : Untuk menyimpan data testimoni Tipe File : File Master
Organisasi File : Indexed Sequential Akses File : Random
Media : Harddisk
Panjang Record : 181 Byte Kunci Field : id_testi Nama Database : salon.sql
32
Tabel III.6.
Spesifikasi File testimoni
No Elemen Data Tipe Panjang Keterangan
1. id_testi Int 11 Primary Key
2. tgl_testi Timestamp -
3. Nama Varchar 30
4. email_testi Varchar 40
5. isi_testi Varchar 100
7. Spesifikasi File Admin Nama File : admin
Akronim : admin
Fungsi : Untuk menyimpan data admin Tipe File : File Master
Organisasi File : Indexed Sequential Akses File : Random
Media : Harddisk
Panjang Record : 71 Byte Kunci Field : id_admin Nama Database : salon.sql
Tabel III.7. Spesifikasi File Admin
No Elemen Data Tipe Panjang Keterangan
1. id_admin Int 11 Primary Key
2. nm_admin Varchar 30
3. Username Varchar 15
4. Password Varchar 15
3.7. Pengkodean 1. Id Customer
Setiap Customer memiliki id masing-masing yang berbeda dengan nomer ketika customer melakukan pengisian data diri di setiap melakukan pemesanan. Dan membuat sistem id secara acak.
C S T 0 8 4 0 2 2 0 2
Identitas Customer Nomor Acak
Ket : CST = Untuk Identitas Customer
08402202 = Diambil dari tanggal pemesanan yang diacak
2. Id Transaksi
Setiap melakukan transaksi, akan muncul id transaksi sebagai pembeda antara customer satu dengan customer yang lainnya. Id pemesanan akan keluar secara acak yang dilakukan oleh sistem.
34
X X 9 9 9 9 9 9 9 9 9
Contoh:
P S 2 0 2 1 0 2 1 4 1 6 4 5
Identitas Pemesanan Tahun Bulan Tanggal Nomor Acak
Ket : PS = Untuk Identitas Pemesanan
202102141645= Diambil dari tahun, bulan, tanggal dan nomor diacak
3.8. Spesifikasi Program A. Struktur Navigasi
Struktur navigasi yang digunakan dalam pembuatan web yaitu struktur navigasi campuran.
1. Struktur Navigasi Admin
Gambar III.4. Struktur Navigasi Admin
2. Struktur Navigasi User
Gambar III.5. Struktur Navigasi User
3.9. Spesifikasi Sistem Komputer
Berikut ini adalah spesifikasi perangkat keras dan perangkat lunak minimum yang dibutuhkan untuk mengimplementasikan website Salon Yani:
36
1. Spesifikasi Perangkat Keras (Hardware) a. Server
1) CPU (Central Processing Unit) (a) Processor Intel® Core i3 (b) RAM DDR2 250 MB (c) Hard Disk 120 MB 2) Mouse
3) Keyboard Standart
4) Monitor dengan resolusi layar minimum 1020x768 5) Koneksi Internet dengan kecepatan 2 Mbps
b. Client
1) CPU
(a) Processor Intel® Core i3 (b) RAM DDR2 200 MB (c) Hard Disk 120 MB 2) Mouse
3) Keyboard Standart
4) Monitor dengan resolusi layar minimum 1020x768 5) Koneksi internet dengan kecepatan 2 Mbps
2. Spesifikasi Perangkat Lunak (Software) a. Server
1) Sistem operasi menggunakan Microsoft Windows.
2) Aplikasi Bundle Web Server, menggunakan XAMPP, Yang terdiri dari beberapa komponen:
(b) PHP Server v7 (c) MySQL Server v5 (d) PhpMyAdmin v4
3) Aplikasi Web Browser seperti Internet Explorer, Mozilla Firefox, Google Choreme, Opera.
b. Clinet
1) Sistem operasi menggunakan Microsoft Windows.
2) Aplikasi Web Browser seperti Internet Explorer, Mozilla Firefox, Google Choreme, Opera.
3.10. Implementasi
A. Implementasi Rancangan Antar Muka
Implementasi program adalah sebuah tahap pengaplikasian dari sistem yang telah dirancang. Aplikasi diwujudkan dengan cara memindahkan hasil desain dan database ke dalam bentuk halaman web.
1. Halaman Login Admin
Gambar III.6. Halaman Login Admin
38
2. Halaman Beranda Admin
Gambar III.7. Halaman Beranda Admin
3. Halaman Data Paket
Gambar III.8. Halaman Data Paket
4. Halaman Data Customer
Gambar III.9. Halaman Data Customer
5. Halaman Data Pemesanan
Gambar III.10. Halaman Data Pemesanan
40
6. Halaman Data Pembayaran
Gambar III.11. Halaman Data Pembayaran
7. Halaman Beranda
Gambar III.12. Halaman Beranda
8. Halaman Paket Gambar III.13. Halaman Paket 9. Halaman Tentang Gambar III.14. Halaman Tentang
42
10. Hakaman Konfirmasi Pembayaran
Gambar III.15.
Halaman Konfirmasi Pembayaran
11. Halaman Kontak Kami
Gambar III.16. Halaman Kontak Kami
3.11. Pengujian Unit
Pengujian terhadap website yang dirancang menggunakan black-box testing Yang fokus terhadap proses masukan dan keluaran website. Ada beberapa halaman yang akan diuji yaitu:
A. Pengujian terhadap Form Login Admin Tabel III.8.
Black Box Testing Terhadap Form Login Admin No
Skenario Pengujian
Test Case Hasil yang diharapkan
Hasil
Pengujian Kesimpulan
1
Username dan Password tidak diisi kemudian klik tombol login
Username: (kosong) Password : (kosong)
Sistem akan menolak dan menampilkan “login gagal periksa kembali username dan password” Sesuai Harapan Valid 2 Memasukkan Username dan Password yang tidak terdaftar kemudian klik tombol login
Username: sofasco Password: (1212)
Sistem akan menolak dan menampilkan “login gagal periksa kembali username dan password”. Sesuai Harapan Valid 3 Mengkosongkan Username dan Password diisi kemudian klik tombol login
Username: (kosong) Password: (123)
Sistem akan menolak dan menampilkan “login gagal periksa kembali username dan password”.
Sesuai
Harapan Valid
4
Memasukkan dengan kondisi salah satu data benar dan salah satu data salah lalu klik tombol login
Username: eza Password: (1234)
Sistem akan menolak dan menampilkan “login gagal periksa kembali username dan password”.
Sesuai
Harapan Valid
5
Menginputkan data login yang benar lalu klik tombol login
Username: eza Password:
(eza1234) Sistem menerima akses login kemudian masuk sebagai admin
Sesuai
44
B. Pengujian terhadap Form Input Tambah Data Tabel III.9.
Black Box Testing Terhadap Form Input Tambah Data
C. Pengujian terhadap Form Input Konfirmasi Pembayaran Tabel III.10.
Black Box Testing Terhadap Form Input Konfirmasi Pembayaran No Pengujian Skenario Test Case Hasil yang diharapkan Hasil
Pengujian Kesimpulan
1
Tidak memasukkan judul dan memasukkan detail
info dan gambar kemudian klik simpan
Judul: kosong Detail: test Gambar:test
Sistem akan menolah dan menampilakan notifikasi untuk mengisi
judul yang kosong
Sesuai
Harapan Valid
2
Memasukkan semua keperluan yang ada di
form input informasi kemudian klik simpan
Judul: test Detail: test Gambar: test
Sistem akan mengirim informasi yang sudah diinput ke web dan menyimpan ke database
Sesuai
Harapan Valid
No. Skenario Pengujian Test Case Hasil yang
diharapkan Hasil Pengujian Kesimpulan 1 Masuk ke halaman Konfirmasi pembayaran kemudian id transaksi tidak diisi kemudian klik cari
Id Transaksi (kosong) Sistem akan menolak dan menampilkan “perintah untuk isi isian ini” Id Transaksi Sesuai Harapan Valid 2 Masukan Id transaksi klik cari data
pendatfar sudah otomatis. bukti pembayaran tidak disi kemudian klik
upload Id Transaksi : PS2021140 42012 Data Transaksi (otomatis) Bukti : - Sistem akan menolak dan menampilkan “perintah untuk isi isian ini” Bukti Sesuai Harapan Valid 3 Masukan Id Transaksi klik cari, data pemesanan sudah otomatis. bukti pembayaran disi kemudian klik upload Id Transaksi : PS2021140 42012 Data Transaksi (otomatis) Bukti : (diisi) Sistem akan menerima kemudian akan menyimpan data konfirmasi dan muncul bukti konfirmasi Sesuai Harapan Valid
45
PENUTUP
4.1. Kesimpulan
Berdasarkan pada pembahasan dan uraian dari bab sebelumnya, dapat ditarik kesimpulan ssebagai berikut:
1. Pengembangan website Salon Yani Ini merupakan pengembangan layanan jasa salon yang dialihnya dengan menggunakan web. Rancangan website ini dibagi menjadi dua bagian yaitu halaman admin dan halaman user.
2. Mempermudah admin dalam mengolah data-data transaksi dan laporan penjualan.
3. Dengan adanya website salon yani ini, dapat menjadi sarana untuk mempermudah para customer untuk melakukan transaksi pemesanan salon tanpa harus datang langsung ke toko dan mempermudah admin dalam mengelola data transaksi dan laporan penjualannya.
4. Dengan adanya website salon yani dapat dengan mudah mempromosikan diri ke masyarakat luas.
4.2. Saran
Website salon yani ini tentu saja masih banyak kekurangan dan belum sepenuhnya sempurna yang dirasakan oleh penulis dalam pembuatan web ini. Maka dari itu, agar website salon yani ini berjalan dengan baik, penulis memberikan saran sebagai berikut:
46
1. Untuk meningkatkan kinerja dan mengembangkan website ini, sebaiknya dilakukan pengembangan dengan cara menggabungkan dengan sistem-sistem yang lainnya agar menjadi satu sistem/website yang lengkap dan terintegritasi.
2. Diperlukan maintenance rutin terhadap perangkat keras dan lunak untuk menghindari kerusakan yang dapat mempengaruhi file yang ada di database. 3. Melakukan pemeliharaan dan perawatan berkala terhadap website agar
kinerja website selalu maksimal setiap saat.
Selain itu, penulis juga menyadari bahwa website ini masih jauh dari kata sempurna. Oleh karena itu, kritik dan saran yang sifatnya membangun sangat diharapkan oleh penulis.
47
Adiwisastra, M. F., & Hikmah, A. B. (2020). Web Programming Desain Halaman Web dengan CSS. Graha Ilmu.
Andi Saryoko, Hendri, S. H. S. (2019). Pengukuran Kualitas E-Commerce Shopee Terhadap Kepuasan Pengguna. Paradigma: Jurnal Komputer Dan Informatika Universitas Bina Sarana Informatika, 21(2), 143–148.
https://doi.org/10.31294/p.v20i2
Ayu, F., & Permatasari, N. (2018). Perancangan Sistem Informasi Pengolahan Data Praktek Kerja Lapangan (Pkl) Pada Devisi Humas Pt. Pegadaian. Intra-Tech, 2(2), 12–26.
Aziz, A., & Tampati, T. (2015). Analisis Web Server untuk Pengembangan Hosting Server Institusi: Pembandingan Kinerja Web Server Apache dengan Nginx. Multinetics, 1(2), 12. https://doi.org/10.32722/vol1.no2.2015.pp12-20 Barri, M. W. H., Lumenta, A. S. M., Wowor, A., & Elektro-ft, J. T. (2015).
Perancangan Aplikasi Sms Gateway Untuk Pembuatan Kartu Perpustakaan Di Fakultas Teknik Unsrat. E-Journal Teknik Elektro Dan Komputer, 4(1), 23–28. https://doi.org/10.35793/jtek.4.1.2015.6522
Farlina, Y., Susilawati, D., Rohman, R. S., & Yulistria, R. (2020). Web Programming.
Firman, A., Wowor, H. F., Najoan, X., Teknik, J., Fakultas, E., & Unsrat, T. (2016). Sistem Informasi Perpustakaan Online Berbasis Web. E-Journal Teknik Elektro Dan Komputer, 5(2), 29–36. https://doi.org/10.35793/jtek.5.2.2016.11657 Harison, & Syarif, A. (2016). SISTEM INFORMASI GEOGRAFIS PEMETAAN
SARANA PRASARANA Jurnal TEKNOIF ISSN : 2338-2724. Jurnal TEKNOIF, 4(2), 76–81.
Kesuma, C., & Kholifah, D. N. (2019). Sistem Informasi Akademik Berbasis Web Pada Lkp Rejeki Cilacap. EVOLUSI - Jurnal Sains Dan Manajemen, 7(1), 82– 88. https://doi.org/10.31294/evolusi.v7i1.5026
Lavarino, D., & Wiyli, Y. (2016). RANCANG BANGUN E – VOTING BERBASIS WEBSITE DI UNIVERSITAS NEGERI SURABAYA. E-Jurnal Management Informatika, 6(2), 1–23. https://doi.org/.1037//0033-2909.I26.1.78
Muhamad, sidik cecep. (2018). Aplikasi Pengenalan Profil Negara Di Asia Berbasis Augmented Reality. 4(2), 55–64.
Pahlevi, O., Mulyani, A., & Khoir, M. (2018). Sistem Informasi Inventori Barang Menggunakan Metode Object Oriented Di Pt. Livaza Teknologi Indonesia Jakarta. Jurnal PROSISKO, 5(1). https://livaza.com/.
Prastyo, W., & Wahyuni, A. (2019). Sistem Informasi Penerimaan Karyawan Baru Berbasis Website Pada Pt . Samyang Tour & Travel. Jurnal Digit, 9(1), 132– 142. http://www.jurnaldigit.org/index.php/DIGIT/article/view/114
48
Romadhon, S. S., & Desmulyati. (2019). Perancangan Website Sistem Informasi Simpan Pinjam Menggunakan Framework Codeiginter Pada Koperasi Bumi Sejahtera Jakarta. Journal of Information System, Informatics and Computing, 3(1), 21–28.
Sagita, R. A., & Sugiarto, H. (2016). Penerapan Metode Waterfall Pada Sistem Informasi Penjualan Furniture Berbasis Web. On Networking and Security, 5(4), 13.
https://www.cliffedekkerhofmeyr.com/export/sites/cdh/en/practice-areas/downloads/Employment-Strike-Guideline.pdf
Suhartono, S. (2015). Desain Sistem Mobile Web Store Menggunakan Codeigniter, Mysql, Dan Jquery Mobile. Dinamika : Jurnal Ilmiah Teknik Mesin, 6(2), 43– 50. https://doi.org/10.33772/djitm.v6i2.287
Sukisno, & Wuni, W. F. (2017). Analisa Dan Perancangan Sistem Informasi Tracking Acuan Quality Departemen Brushing Berbasis Web Di PT .
Indotaichen Textile Industry. Journal of Informatics Engineering Vol.5 No.1 April 2017, 5(1), 43–51. http://ejournal.unis.ac.id/index.php/jutis/article/view/6 Suparwanto, & Diah Pradiatiningtyas. (2017). E-Learning Sebagai Media
Pembelajaran Berbasis Web Pada Smk N 4 Purworejo. Suparwanto, Diah Pradiatiningtyas, 7(2), 1–8.
https://ijns.org/journal/index.php/ijns/article/download/1499/1460
Wulandari, & Prahartiwi, L. I. (2018). Sistem Informasi Penjualan Alat Musik Menggunakan Model Waterfall. Khatulistiwa Informatika, VI(1), 87–96. http://ejournal.bsi.ac.id/ejurnal/index.php/khatulistiwa/article/view/3806
49
DAFTAR RIWAYAT HIDUP
I. Biodata Mahasiswa
Nim : 12160123
Nama Lengkap : Stacia Giovanni Raharja Tempat/Tanggal lahir : Karawang, 29 Juni 1998
Alamat : Jalan Jendral Ahmad Yani No. 28 Cikampek
II. Pendidikan a. Formal
1. SD Pelita Bethel Cikampek, Lulus tahun 2010 2. SMP Panca Moral Cikampek, Lulus tahun 2013 3. SMAN 1 Cikampek, Lulus tahun 2016
Cikampek, 01 Januari 2021
50
51
Lampiran-Lampiran
52
Lampiran B.1. Cetak Pemesanan
