IMPLEMENTASI DAN PENGUJIAN

Transkripsi

1 BAB 4. IMPLEMENTASI DAN PENGUJIAN Setelah tahap analisa dan perancangan selesai dilakukan, maka tahap selanjutnya adalah implementasi dan pengujian terhadap sistem yang telah dibangun. Pada tahap ini akan dilakukan beberapa tahapan untuk merealisasikan perancangan yang telah dibuat sebelumnya seperti spesifikasi kebutuhan sistem yang terdiri dari perangkat keras (hardware) dan perangkat lunak (software). Kemudian pada tahap implementasi yang terdiri dari pembuatan basis data, implementasi program, dan implementasi dari aplikasi secara keseluruhan Spesifikasi Pada pembuatan aplikasi ini dibutuhkan dua perangkat, yaitu perangkat keras (hardware) dan perangkat lunak (software) dengan spesifikasi sebagai berikut: Spesifikasi Hardware Procesor : Intel Core i3 RAM : 4 GB Harddisk : 500 GB Spesifikasi Software Operasi : Windows 7 Ultimate Dokumentasi : Microsoft Office 2010 Web Server : Apache, MySQL Database Pemrograman : HTML, PHP, CSS, Javascript Media Koding : Sublime Text Editor Library CSS : SASS Browser : Google Chrome, Mozilla Firefox 4.2. Implementasi Basis Data Basis data yang digunakan untuk membangun tabel-tabel fungsional dalam aplikasi ini adalah MySQL. Tahapan-tahapan dalam pembuatannya sebagai berikut: 34

2 Apache dan MySQL di XAMPP Sebelum memulai untuk membuat database aplikasi dan untuk dapat mengakses web server, hal yang harus dilakukan adalah dengan menghidupkan web service yang ada di XAMPP Control Panel. Versi XAMPP yang digunakan adalah versi Localhost Web Server Setelah memastikan bahwa web service Apache dan MySQL telah dihidupkan, maka dilanjutkan dengan mengakses web server dengan mengetikkan url: di browser Database Selanjutnya dapat dilakukan dengan pembuatan database beserta tabel-tabel fungsional yang diperlukan untuk menjalankan aplikasi. Nama Database : AppOrder 35

3 Jumlah Tabel : 5 Tabel, dengan rincian: 1. Tabel Kamar 2. Tabel Koki 3. Tabel Makanan 36

4 4. Tabel Pesan Kamar 5. Tabel Pesan Makanan 4.3. Implementasi Program Setelah implementasi pada database, selanjutnya adalah implementasi dari hasil pemrograman/ koding yang dilakukan. Hasil koding merupakan tampilan beberapa interface yang akan digunakan oleh seorang user. 37

5 Implementasi Interface Administrator Administrator terdiri dari dua bagian yang masingmasingnya memiliki fungsi berbeda satu sama lain. Bagian pertama (atas) adalah bagian yang informasi ruangan yang sedang dipakai. Panel informasi tersebut terdiri dari nama ruangan yang dipesan, nama pemesan ruangan, status ruangan, dan jam selesai pemakaian ruangan karaoke. Bagian kedua merupakan halaman pendaftaran. Ketika seorang konsumen ingin menyewa ruangan maka administrator yang bertugas harus melakukan pengisian terhadap field-field yang tersedia, seperti nama pemesan, lama waktu sewa, dan memilihkan ruangan yang tersedia. Proses akhir dari pendaftaran itu adalah administrator harus menekan button sistem mengeluarkan sebuah nomor unik pemesanan yang nantinya nomor tersebut digunakan oleh konsumen sebagai akses masuk ke dalam interface konsumen. 38

6 Implementasi Interface Konsumen Konsumen terdiri atas dua halaman yang berbeda. pertama adalah halaman login. login ini berfungsi sebagai portal agak konsumen dapat masuk ke halaman pesan makanan. Konsumen yang ingin masuk ke halaman pesan makan harus memasukkan nomor pemesanan yang didapatkannya dari pendaftaran tadi. Setelah memasukkan nomor pendaftaran tersebut, sistem akan melakukan validasi terhadap nomor pemesanan yang dimasukkan konsumen. Jika sistem berhasil memvalidasi nomor pemesanan yang dimasukkan konsumen, maka konsumen berhak masuk ke dalam halaman pesan makan. Namun, jika sistem gagal memvalidasi kode yang dimasukkan, maka sistem akan memunculkan notifikasi error bahwa kode tidak valid. Dengan kata lain, hanya konsumen yang memiliki kode tersebut yang dapat masuk ke halaman pesan makan. 39

7 Setelah sistem berhasil memverifikasi nomor pemesanan yang dimasukkan konsumen, maka halaman akan berpindah ke halaman pesan makan. pesan makan terdiri dari tiga bagian yang ketiganya memiliki fungsi yang berbeda. Pada tampilan Side Bar akan detail informasi berupa nama tempat karaoke, nama ruangan yang dipesan, nama pemesan ruangan, dan waktu karaoke tersisa. Di bagian body halaman terbagi atas dua bagian. Bagian pertama merupakan form yang harus diisi konsumen ketika ia ingin memesan makanan. Konsumen yang ingin memesan hanya perlu memilih setidaknya satu makanan di menu dropdown-list di field memilih, maka konsumen harus memasukkan jumlah pesanannya. Setelah melakukan pengisian, konsumen harus menekan button 40

8 men-submit pesanannya ke bagian dapur dan memunculkan pesanannya di panel Daftar Makanan yang Dipesan. Di panel Daftar Makanan yang Dipesan akan memunculkan detail pesanan yang tadi telah disubmit konsumen. Detail pesanan yang ditampilkan antara lain nama makanan, jumlah pesanan, subtotal pembayaran, status pesanan, total harga pembayaran, dan estimasi waktu pesanan selesai diproses Implementasi Interface Operator Koki Operator Koki merupakan halaman dimana setiap pesanan yang telah disubmit oleh konsumen diproses. ini merupakan pengaturan dari segala macam bentuk pemrosesan pesanan. ini terdapat dua buah panel yang masing-masingnya informasi yang berbeda. Panel atas merupakan bagian yang data koki yang sedang mengerjakan pesanan. Detail informasi yang ditampilkan berupa nama koki yang sedang mengerjakan pesanan, nama makanan yang diproses, dan nama 41

9 kamar yang memesan. Disamping nama kamar yang memesan terdapat sebuah Di panel kedua, merupakan bagian untuk memberikan pekerjaan kepada koki untuk memproses makanan. Seorang Operator koki hanya perlu memilih koki yang tersedia di dropdown-list Pilih Koki. Setelah memilih koki, Operator muncul secara otomatis di field nama makanan akan diproses oleh koki yang dipilih. Dan, nama koki yang telah dipilih tadi akan muncul di panel daftar koki yang sedang memproses pesanan beserta detailnya Implementasi Algoritma Algoritma First In First Out (FIFO) Implementasi algoritma fifo pada aplikasi ini terletak pada saat ketika konsumen melakukan submit pesanan dengan menekan button seorang konsumen melakukan submit, sistem akan memverifikasi pesanan tersebut berdasarkan waktu tercepat pesanan tersebut disubmit. Pesanan yang lebih dulu disubmit akan muncul lebih dulu secara otomatis di halaman Operator koki. Operator koki hanya bisa memilihkan koki untuk memproses makanan. Setelah pesanan selesai diproses, maka pesanan di urutan selanjutnya akan muncul otomatis di halaman Operator koki. Pesanan yang berada dalam daftar tunggu harus menunggu hingga koki telah menyelesaikan pesanan sebelumnya. Submit Pesanan Ke - Antrian Ke - Status Pesanan Ke-1 Antrian Ke-1 Mengantri Pesanan Ke-2 Antrian Ke-2 Mengantri Pesanan Ke-3 Antrian Ke-3 Mengantri Secara default, pesanan yang baru disubmit oleh konsumen akan 42

10 makanan. yang berjalan bukanlah sistem otomatsi yang mengkesekusi pesanan tanpa melakukan action pada aplikasi. Jadi selama user yang bertugas tidak melakukan apa-apa maka sistem menganggap pesanan dalam antrian. Submit Pesanan Ke - Antrian Ke - Status Pesanan Ke-1 Sedang Diproses Diproses Pesanan Ke-2 Antrian Ke-1 Mengantri Pesanan Ke-3 Antrian Ke-2 Mengantri Ketika user telah melakukan pemrosesan pesanan diaplikasi, maka otomatis berubah. Pesanan ke-1 tidak lagi masuk ke dalam antrian karena sedang diproses, sedangkan Pesanan ke-2 naik ke urutan teratas dalam pemrosesan selanjutnya. Submit Pesanan Ke - Antrian Ke - Status Pesanan Ke-1 Telah Diproses Selesai Pesanan Ke-2 Sedang Diproses Diproses Pesanan Ke-3 Antrian Ke-1 Mengantri Begitupun seterusnya, ketika Pesanan ke-1 telah selesai diproses dan Pesanan ke-2 sedang diproses, maka Pesanan ke-3 akan otomatis masuk ke antrian teratas. Proses tersebut berlangsung hingga semua antrian diproses dan diselesaikan Metode Pengujian Metode pengujian bertujuan untuk mematikan apakan aplikasi yang telah dibuat dan dibangun telah sesuai dengan kebutuhan yang diharapkan atau belum. Dengan diterapkannya sebuah pengujian bertujuan untuk menghindari terhadinya 43

11 ketidaknyamanan terhadap pengguna aplikasi setelah mengimplementasikan aplikasi dengan kondisi yang sebenarnya. Metode pengujian yang digunakan adalah pengujian Black-Box. Metode pengujian Black-Box merupakan sebauh pengujian yang dilakukan hanya dengan mengamati eksekusi melalui data uji dan memberikan fungsional dari perangkat lunak. Dengan kata lain, pengujian ini berdasarkan pada sesuatu yang dilihat atau berfokus pada fungsionalitas dan output Skenario Uji Coba a. Pengujian User Administrator No Rancangan Proses Uji Coba Hasil yang Diharapkan Y N tidak 1 User menjalankan halaman Administrator Administrator informasi ruangan yang sedang dipakai dan form informasi ruangan yang sedang dipakai dan form pendaftaran pendaftaran 2 User menginput nama konsumen yang akan memesan ruangan baru Administrator Bagian Pendaftaran nama yang diinput user tidak data yang diinput user 3 User menginput lawa waktu konsumen menyewa Administrator Bagian Pendaftaran lama waktu konsumen menyewa tidak lama waktu konsumen menyewa 44

12 ruangan ruangan ruangan 4 User memilihkan ruangan yang tersedia untuk konsumen Administrator Bagian Pendaftaran pilihan ruangan yang tersedia untuk konsumen tidak pilihan ruangan yang tersedia untuk konsumen 5 User menekan Administrator Bagian Pendaftaran kode unik pemesanan di layar pop-up. Detail konsumen yang memesan tertera di panel ruangan yang tidak kode unik pemesanan. pesan kesalahan dipesan b. Pengujian User Konsumen No Rancangan Proses Uji Coba Hasil yang Diharapkan Y N 1 User pertama kali menjalankan aplikasi Login User halaman login tidak halaman login 2 User memasukkan User Validasi berhasil. sistem User Validasi gagal. sistem 45

13 kode pemesanan unik Login berhasil login, user masuk ke halaman pesan makan pesan kesalahan halaman pesan 3 User masuk ke halaman pesan makan User Pesan Makan makan dan detail informasi ruangan (nama ruangan, nama tidak halaman pesan makan pemesan, dan waktu karaoke tersisa) tidak 6 User memilih makanan User Pesan Makan makanan yang makanan yang dipilih dipilih 7 User memilih jumlah pesanan User Pesan Makan menambah/ mengurangi jumlah pesanan tidak menambah/ mengurangi jumlah pesanan 8 User menekan button User Pesan Makan notifikasi berhasil menambah pesanan. Pesanan tampil di panel gagal menambah pesanan. pesan kesalahan 46

14 daftar yang dipesan makanan c. Pengujian User Operator Koki No Rancangan Proses Uji Coba Hasil yang Diharapkan Y N tidak 1 User pertama kali menjalankan aplikasi Operator Koki daftar koki yang sedang bekerja dan daftar makanan yang daftar koki yang sedang dan pesanan bekerja daftar yang belum diproses belum diproses User memilih 2 koki yang tersedia untuk memproses yang masuk di field daftar Operator Koki nama koki yang dipilih gagal nama koki yang dipilih makanan 3 User menekan button Operator Koki informasi popup bahwa koki pop-up bahwa sistem gagal yang dipilih memverifikasi akan memproses koki yang dipilih 47

15 makanan. Status akan memproses pesanan menjadi makanan berhasil mengkonfirmasi bahwa pesanan memunculkan 4 User menekan button Operator Koki telah selesai diproses. Status kesalahan ketikan user pesanan menjadi menekan button Browser refresh Analisa Hasil Uji Coba Berdasarkan pengujian yang telah dilakukan, maka didapatkan beberapa analisa terhadap aplikasi tersebut. Aplikasi terdiri dari tiga interface yang berbeda namun ketiganya masih memiliki keterkaitain satu sama lain. Yang pertama adalah halaman Administrator. ini berisikan informasi ruangan yang sedang dipakai dan form untuk pendaftaran pemesanan ruangan baru. Ketika konsumen yang ingin memesan, maka administrator harus menginput data-data yang diperlukan seperti nama konsumen, lama waktu, dan ruangan yang tersedia. Fase akhir dari pendaftaran adalah administrator yang bertugas harus menekan button yang berguna sebagai akses masuk konsumen ke dalam ruangan yang dipesannya. Yang kedua merupakan halaman konsumen. Ketika pertama kali halaman konsumen dijalankan, sistem akan meminta konsumen memasukkan kode pemesanan yang tadi didapatkannya dari administrator ketika mendaftar. Kode tersebut selanjutnya akan divalidasi oleh sistem. Jika 48

16 kode sesuai maka konsumen dapat masuk ke halaman pesan makan. Jika tidak maka sistem akan memunculkan pesan bahwa kode tidak valid. Di halaman pesan makan, konsumen akan menemukan beberapa informasi yang dibutuhkannya seperti nama ruangan dan sisa waktu karaoke yang tersisa. Ketika konsumen ingin memesan makanan, konsumen dapat langsung memesan makanan dari pilihan yang ada di layar. Konsumen harus memilih makanan dan memasukkan jumlah pesanannya. Setelah itu, mit pesanannya ke halaman koki dan memunculkan detail pesanannya di panel daftar makanan yang dipesan. Detail pesanan yang muncul berupa nama makanan, jumlah pesanan, subtotal pembayarn, status pesanan, total pembayaran, dan estimasi pembuatan makanan. yang ketiga adalah halaman Operator Koki. ini akan memunculkan informasi koki yang sedang memproses makanan dan daftar makanan yang belum diproses. Pada makanan yang belum diproses, operator koki harus memilih salah satu koki yang tersedia lalu menekan dipilih. Detail pesanan tersebut akan muncul di panel daftar koki yang sedang mengerjakan pesanan. Setelah pesanan selesai, maka operator koki konfirmasi bahwa pesanan telah selesai. 49