Implementasi Sistem Hasil Perancangan Aplikasi Simulasi Vending Machine Berbasis Web

BAB 4 IMPLEMENTASI SISTEM

4.1 Implementasi Sistem

Implementasi adalah kegiatan yang dilakukan untuk menguji data dan menerapkan sistem yang diperoleh dari kegiatan seleksi. Implementasi merupakan salah satu unsur pertahapan dari keseluruhan pembangunan sistem komputerisasi, dan unsur yang harus dipertimbangkan dalam pembangunan sistem komputerisasi yaitu masalah perangkat lunak software, karena perangkat lunak yang digunakan haruslah sesuai dengan masalah yang akan diselesaikan, disamping masalah perangkat keras hardware itu sendiri A. Kadir, 2003. Implementasi merupakan tahap penerapan rancangan yang sudah dibuat kedalam bahasa pemrograman yang digunakan. Pada tahap ini akan dijelaskan mengenai cara dan hasil pembuatan simulasi vending machine. Universitas Sumatera Utara

4.2 Hasil

4.2.1 Halaman Utama

Pertama kali kita membuka aplikasi vending machine melalui web browser, maka akan muncul tampilan simulasi vending machine seperti berikut: Gambar 4.1 Halaman Utama Universitas Sumatera Utara

4.2.2 Form Produk

Pada bagian ini berisi tentang produk-produk yang dijual, baik itu makanan dan minuman ataupun produk-produk lain yang ingin kita jual. Pada form ini terdapat rak dengan 5 baris dan 6 kolom produk yang berisi makanan dan minuman yang dijual, dengan rincin 3 baris untuk makanan dan 2 baris untuk minuman. Pada setiap baris disertai juga dengan jumlah stok produk yang tersedia, harga produk dan kode produk. Tampilannya adalah sebagai berikut : Gambar 4.2 Form Produk Universitas Sumatera Utara

4.2.3 Form Input

Form ini berisi tentang inputan uang dan kode produk yang kita inginkan. Apabila transaksi pembelian yang kita lakukan benar ataupun salah, maka akan muncul informasi tentang transaksi yang dilakukan. Tampilannya adalah sebagai berikut : Gambar 4.3 Form Input

4.2.4 Form Output

Pada form ini berisi tentang outputan barang dan juga informasi yang ditampilkan apabila transaksi pembelian yang kita lakukan benar ataupun salah. Maka akan muncul informasi tentang transaksi yang dilakukan. Tampilannya adalah sebagai berikut : Gambar 4.4 Form Output Universitas Sumatera Utara

4.2.4.1 Form Informasi Jika Transaksi Benar dan Barang Dikeluarkan

Form informasi ini akan ditampilkan jika proses transaksi yang kita lakukan sesuai tahapan. Pada form ini akan ditampilkan juga rincian produk yang kita beli, baik itu merk produk, harga, jumlah uang yang kita masukkan, dan sisa uang kita. Dan jika uang kita bersisa, kita dapat melakukan transaksi pembelian lagi atau jika tidak, kita dapat menekan tombol selesai. Gambar 4.5 Form Informasi Jika Transaksi Benar

4.2.4.2 Form Informasi Jika Uang Yang Diinputkan Kurang

Pada form ini akan ditampilkan informasi jika uang yang diinputkan kurang. Jika uang kurang, pembeli tidak akan bisa melakukan transaksi pembelian barang dan harus menambahkan uang jika masih ingin melanjutkan pembelian. Tampilannya adalah sebagai berikut : Universitas Sumatera Utara Gambar 4.6 Form Informasi Jika Uang Kurang

4.2.4.3 Form Informasi Jika Kode Yang Diinputkan Salah

Pada form ini akan ditampilkan informasi jika kode yang kita inputkan salah atau tidak sesuai dengan kode yang telah ditentukan. Tampilannya adalah sebagai berikut : Gambar 4.7 Form Informasi Jika Kode Salah

4.2.4.4 Form Informasi Jika Kode Belum Diinputkan

Pada form ini akan ditampilkan informasi jika kode produk belum diinputkan dan pembeli langsung menekan tombol OK. Tampilannya adalah sebagai berikut : Universitas Sumatera Utara Gambar 4.8 Form Informasi Jika Kode Belum Diinput

4.2.4.5 Form Informasi Jika Uang Yang Diinputkan Terlalu Banyak

Pada form ini akan ditampilkan informasi jika uang yang diinputkan terlalu banyak atau melebihi uang yang telah ditentukan sebesar Rp.10000. Jika uang pembeli terlalu banyak, maka mesin akan mengembalikanuang tersebut. Tampilannya adalah sebagai berikut : Gambar 4.9 Form Informasi Jika Uang Terlalu Banyak Universitas Sumatera Utara

4.2.4.6 Tampilan Output Produk Jika Proses Berhasil

Apabila proses transaksi yang kita lakukan benar dan sesuai, seperti menginputkan uang sesuai harga dan kode sesuai kode produk maka produk akan dioutputkan. Tampilannya adalah sebagai berikut : Gambar 4.10 Tampilan Output Jika Proses Berhasil

4.2.4.7 Tampilan Output Jika Uang Terlalu Banyak

Uang akan dikembalikan jika uang terlalu banyak diinputkan. Batasan uang paling besar yang bisa diterima mesin adalah senilai Rp.10000, selain itu akan dikembalikan oleh mesin. Tampilannya adalah sebagai berikut : Gambar 4.11 Tampilan Output Jika Uang Terlalu Banyak Universitas Sumatera Utara

4.2.5 Form Input Uang

Pada form ini kita akan menginputkan uang sesuai dengan harga yang ditentukan mesin. Terdapat beberapa nominal uang yang digunakan, seperti uang Rp.1000, Rp.2000, Rp.5000, Rp.10000 dan uang kelipatan. Tampilannya adalah sebagai berikut : Gambar 4.12 Form Input Uang

4.2.6 Form Tombol Kode

Pada form ini terdapat tombol-tombol yang nantinya kita pilih sesuai dengan kode produk yang telah tersedia. Tampilannya adalah sebagai berikut : Universitas Sumatera Utara Gambar 4.13 Form Tombol Kode

4.2.7 Tampilan Jumlah Produk Setelah Transaksi Dilakukan

Jumlah produk akan berkurang untuk setiap jenis produk yang telah dibeli. Jumlah normal produk adalah 10 buah untuk setiap jenis. Tampilannya adalah sebagai berikut : Gambar 4.14 Tampilan Jumlah Produk Sebelum dan Sesudah Transaksi Universitas Sumatera Utara

4.3 Pengoperasian Sistem Simulasi