BAB IV IMPLEMENTASI DAN ANALISA

Transkripsi

1 digilib.uns.ac.id 39 BAB IV IMPLEMENTASI DAN ANALISA 4.1 Implementasi Database Implementasi database dalam pembuatan Aplikasi Pemesanan Delivery Makanan Berbasis SMS Gateway dapat dilihat pada gambar berikut. Gambar 4.1 Implementasi Tabel Menu Gambar 4.2 Implementasi Tabel Customer Gambar 4.3 Implementasi Tabel Penjualan Gambar 4.4 commit Implementasi to user Tabel Detail

2 digilib.uns.ac.id 40 Gambar 4.5 Implementasi Tabel Inbox Gambar 4.6 Implementasi Tabel Sentitems Gambar 4.7 Implementasi Tabel Header 4.2 Implementasi Pemesanan Customer Melihat Data Untuk mengetahui cara pemesanan, customer harus melihat cara melakukan pemesanan dengan melihat pada menu how to order. Menu how to order merupakan halaman yang menampilkan cara pemesanan makanan, tampilannya seperti commit pada to user gambar 4.8.

3 digilib.uns.ac.id 41 Gambar 4.8 Halaman How To Order Untuk cara melakukan pemesanan, customer harus mempunyai id customer dengan melakukan registrasi terlebih dahulu dan untuk order selanjutnya customer dapat menggunakan id customer yang telah dimiliki. Selain itu, customer harus mengetahui kode makanan yang akan dipesan dengan melihat pada menu daftar makanan. Pemesanan dilakukan melalui SMS dengan format seperti pada gambar 4.9 dan contoh pengiriman SMS seperti pada gambar PESAN (titik) ID CUSTOMER (titik) ALAMAT PENGIRIMAN (titik) KODE MAKANAN 1 (titik) JUMLAH (titik) KODE MAKANAN 2 (titik) JUMLAH Gambar 4.9 Format Pengiriman Pesan Contoh: PESAN.C001.Gang Sidodadi RT 09 RW 03 Kost Pondok Astrid Depan Kampus UNS.P1.3.P2.5 Kirim Ke Gambar 4.10 Contoh Pengiriman Pesan

4 digilib.uns.ac.id 42 Customer dapat memesan lebih dari satu makanan kemudian customer akan mendapat SMS balasan otomatis yang berupa jumlah tagihan yang harus dibayar, namun SMS balasan otomatis ini akan membalas tagihan satu persatu tiap makanan yang dipesan. Selanjutnya yaitu customer melihat daftar makanan pada menu daftar makanan yang menampilkan daftar makanan yang dapat dipesan customer, tampilannya seperti pada gambar Gambar 4.11 Halaman Daftar Makanan Customer Pada halaman daftar makanan tersebut customer dapat melihat daftar makanan apa saja yang dapat dipesan beserta harga dan gambarnya. Pada masing-masing makanan terdapat kode makanan yang kemudian digunakan untuk melakukan pemesanan Customer Melakukan Registrasi Untuk melakukan pemesanan, customer harus mempunyai id customer dengan melakukan registrasi terlebih dahulu dan untuk order selanjutnya customer dapat menggunakan id customer yang telah dimiliki.

5 digilib.uns.ac.id 43 Untuk melakukan registrasi dengan memilih menu registrasi customer. Untuk registrasi customer kita harus memasukkan nama, nomor handphone, dan alamat, tampilannya seperti pada gambar Gambar 4.12 Form Registrasi Customer Setelah diinputkan, maka customer akan mendapatkan id customer yang dapat digunakan untuk melakukan pemesanan. Namun, id customer ini harus diingat baik-baik karena id customer ini digunakan untuk melakukan pemesanan seterusnya. Contoh hasil registrasi customer dapat dilihat pada gambar Gambar 4.13 Hasil Registrasi Customer

6 digilib.uns.ac.id Customer Melakukan Pemesanan Untuk melakukan pemesanan, customer harus mengirimkan SMS dengan format yang telah ditentukan. Contoh pemesanan dapat dilihat pada gambar Gambar 4.14 Pesan Makanan PESAN merupakan kata awalan untuk memesan makanan. C002 adalah id customer yang telah didapatkan customer setelah melakukan registrasi. Gang Mendung Kost Mega merupakan alamat pengiriman untuk mengantarkan pesanan. P4 dan P2 merupakan kode makanan yang dipesan. 2 dan 1 adalah jumlah makanan yang dipesan pada tiap-tiap makanan Customer Mendapatkan SMS Balasan Apabila format SMS telah dikirim dengan benar, maka customer akan mendapatkan balasan secara autoreply seperti pada gambar 4.15 dan gambar 4.16.

7 digilib.uns.ac.id 45 Gambar 4.15 Balasan Pesanan 1 Gambar 4.16 Balasan Pesanan 2 Balasan SMS akan dikirim secara autoreply satu persatu sesuai jumlah pesanan tiap makanan. Balasan tersebut berisi keterangan kode makanan dan nama makanan yang dipesan, nama customer dan alamat pengiriman customer yang memesan, dan jumlah tagihan yang harus dibayar oleh customer.

8 digilib.uns.ac.id 46 Dalam pemesanan makanan juga dapat terjadi kesalahan-kesalahan. Contoh kesalahan pemesanan yang pertama yaitu apabila customer salah dalam memesan kode makanan atau kode makanan yang dimaksud tidak ada. Contoh pemesanan yang salah dalam menuliskan kode makanan dapat dilihat pada gambar Gambar 4.17 Pesan Kode Makanan Salah Pesanan dengan kode makanan P8 tidak ada dalam daftar makanan yang tersedia, maka customer akan mendapatkan balasan secara autoreply seperti pada gambar Gambar 4.18 Balasan Pesanan Kode Makanan Salah

9 digilib.uns.ac.id 47 Contoh kesalahan pemesanan yang kedua yaitu apabila customer salah dalam mengetikkan id customer atau id customernya belum terdapat dalam database. Contoh pemesanan yang salah dalam menuliskan id customer dapat dilihat pada gambar Gambar 4.19 Pesan Id Customer Salah Id customer C020 tidak ada dalam data customer, maka customer akan mendapatkan balasan secara autoreply seperti pada gambar Gambar 4.20 Balasan Pesanan Id Customer Salah

10 digilib.uns.ac.id Implementasi Aplikasi Operator Kita harus login terlebih dahulu untuk dapat masuk ke dalam sistem. Berikut tampilan login operator seperti terlihat pada gambar Gambar 4.21 Halaman Login Operator Pada login operator kita harus memasukkan username dan password terlebih dahulu agar dapat masuk ke dalam sistem. Apabila kita salah memasukkan username dan password maka akan muncul peringatan Login Gagal Silahkan Anda Login Kembali!. Tampilannya seperti pada gambar 4.22 Gambar 4.22 Operator Gagal Login

11 digilib.uns.ac.id 49 Kemudian apabila kita benar memasukkan username dan password maka akan muncul menu operator seperti pada gambar Gambar 4.23 Menu Operator Dalam menu operator terdapat 5 menu utama yaitu menu inbox, menu sentitems, menu penjualan, menu laporan penjualan dan menu logout Operator Melihat Daftar SMS Masuk Operator melihat daftar SMS masuk dengan memilih menu inbox yaitu halaman yang menampilkan SMS pesanan yang telah masuk. Dalam tampilan halaman inbox ditampilan waktu pengiriman, nomor pengirim yang memesan makanan, dan isi pesan. Tampilannya seperti pada gambar 4.24.

12 digilib.uns.ac.id 50 Gambar 4.24 Halaman Inbox Operator Melihat Daftar SMS Terkirim Operator melihat daftar SMS terkirim dengan memilih menu sentitems yaitu halaman yang menampilkan SMS balasan yang telah dikirim. Dalam tampilan halaman sentitems di tampilan waktu pengiriman, nomor tujuan yang memesan makanan, isi balasan, dan status pengiriman. Tampilannya seperti pada gambar Gambar 4.25 Halaman Sentitems

13 digilib.uns.ac.id Operator Melihat Daftar Penjualan Operator melihat daftar penjualan dengan memilih menu penjualan yaitu halaman yang menampilkan daftar penjualan. Dalam tampilan halaman penjualan ditampilan kode penjualan, id customer, alamat pengiriman dan tanggal penjualan. Tampilannya seperti pada gambar Gambar 4.26 Halaman Penjualan Operator Melihat Daftar Detail Penjualan Pada daftar penjualan terdapat detail penjualan yang menampilkan detail penjualan. Dalam detail penjualan menampilkan kode penjualan, id customer, alamat pengiriman, dan tanggal penjualan. Kemudian terdapat tabel yang berisi kode makanan, nama makanan, jumlah, harga makanan, total harga, dan total tagihan yang harus dibayar. Tampilannya seperti pada gambar 4.27.

14 digilib.uns.ac.id 52 Gambar 4.27 Halaman Detail Penjualan Operator Mencetak Struk Pada detail penjualan terdapat button cetak struk yang digunakan untuk mencetak struk yang kemudian dapat dicetak dan diberikan kepada customer ketika makanan diantarkan. Tampilan struknya seperti pada gambar Gambar 4.28 Cetak Struk

15 digilib.uns.ac.id Operator Mencetak Laporan Penjualan Per Periode Operator mencetak laporan penjualan per periode dengan memilih menu laporan penjualan yaitu halaman untuk memilih periode yang akan dicetak. Tampilannya seperti pada gambar Gambar 4.29 Cetak Laporan Penjualan Contoh hasil laporan penjualan dapat dilihat pada gambar Laporan penjualan ini berfungsi untuk melihat hasil penjualan per periode. Gambar 4.30 Laporan Penjualan

16 digilib.uns.ac.id Implementasi Aplikasi Admin Kita harus login terlebih dahulu untuk dapat masuk ke dalam sistem. Berikut tampilan login admin seperti terlihat pada gambar Gambar 4.31 Halaman Login Admin Pada login admin kita harus memasukkan username dan password terlebih dahulu agar dapat masuk ke dalam sistem. Apabila kita salah memasukkan username dan password maka akan muncul peringatan Login Gagal Silahkan Anda Login Kembali!. Tampilannya seperti pada gambar Gambar 4.32 Admin Gagal Login

17 digilib.uns.ac.id 55 Kemudian apabila kita benar memasukkan username dan password maka akan muncul menu admin seperti pada gambar Gambar 4.33 Menu Admin Dalam menu admin terdapat 4 menu utama yaitu menu input makanan, menu daftar makanan, menu setting header, dan menu logout Admin Melakukan Panambahan Daftar Makanan Admin melakukan penambahan daftar makanan dengan memilih menu tambah yaitu halaman yang digunakan untuk menambahkan data makanan baru. Dalam tampilan halaman tambah terdapat form isian yang harus diisi untuk menambahkan data makanan baru, yaitu kode makanan, nama makanan, harga makanan, dan gambar makanan. Tampilannya seperti pada gambar 4.34.

18 digilib.uns.ac.id 56 Gambar 4.34 Form Tambah Makanan Apabila kita sudah lengkap mengisi form makanan dengan benar kemudian kita klik input maka akan muncul tampilan pesan Data Berhasil Ditambahkan!. Artinya data makanan baru telah berhasil ditambahkan. Tampilannya seperti pada gambar Gambar 4.35 Berhasil Menambahkan Data Makanan Namun apabila kita salah dalam mengisi form makanan misalnya kode makanan yang diisikan sudah ada maka akan muncul tampilan

19 digilib.uns.ac.id 57 pesan Data Gagal Ditambahkan!. Artinya data makanan baru gagal ditambahkan. Tampilannya seperti pada gambar Gambar 4.36 Gagal Menambahkan Data Makanan Admin Melakukan Edit Data Makanan Admin melakukan edit data makanan dengan memilih data makanan yang akan diedit. Tampilannya seperti pada gambar Gambar 4.37 Halaman Daftar Makanan. Setelah memilih data makanan yang akan diedit maka akan muncul form yang menampilkan data makanan sebelumnya. Yang diedit

20 digilib.uns.ac.id 58 yaitu kode makanan, nama makanan, harga makanan, dan gambar makanan. Tampilannya seperti pada gambar Gambar 4.38 Form Edit Data Makanan Apabila kita sudah selesai mengedit data makanan dengan benar kemudian kita klik edit maka akan muncul tabel data menu dan muncul tampilan pesan Data Berhasil Diedit!. Artinya data makanan telah berhasil diperbarui. Tampilannya seperti pada gambar Gambar 4.39 Berhasil Mengedit Data Makanan

21 digilib.uns.ac.id Admin Melakukan Penghapusan Data Makanan Admin melakukan penghapusan data makanan dengan memilih data makanan yang akan dihapus. Setelah memilih data makanan yang akan dihapus maka akan muncul pesan konfirmasi data yang akan dihapus. Tampilannya seperti pada gambar Gambar 4.40 Konfirmasi Delete Data Makanan Apabila kita memilih Batal maka data batal dihapus dan apabila kita memilih Ya maka akan muncul tampilan pesan Data Berhasil Dihapus!. Artinya data makanan telah berhasil dihapus. Tampilannya seperti pada gambar 4.41.

22 digilib.uns.ac.id 60 Gambar 4.41 Berhasil Menghapus Data Makanan Admin Melakukan Setting Header Admin melakukan setting header dengan memilih menu setting header yaitu halaman yang digunakan untuk mengatur gambar yang ingin ditampilkan. Tampilannya seperti pada gambar Gambar 4.42 Halaman Setting Header

23 digilib.uns.ac.id 61 Admin melakukan penambahan daftar header dengan memilih gambar header kemudian klik input maka akan muncul tampilan pesan Data Berhasil Ditambahkan!. Artinya data header baru telah berhasil ditambahkan. Tampilannya seperti pada gambar Gambar 4.43 Menambahkan Data Header Setelah gambar header ditambahkan maka secara otomatis header akan ditampilkan seperti terlihat pada gambar Gambar 4.44 Tampilan Header Baru

24 digilib.uns.ac.id 62 Admin melakukan setting data header dengan memilih gambar header mana yang ingin ditampilkan yaitu dengan memilih edit data header. Kemudian admin akan mengatur pilihan Ya atau Tidak apakah gambar ingin ditampilkan atau tidak. Tampilannya seperti pada gambar Gambar 4.45 Setting Tampilan Header Apabila memilih Ya maka gambar header akan ditampilkan tetapi apabila memilih Tidak maka gambar header tidak akan ditampilkan. Admin juga dapat menghapus gambar header dengan memilih delete data. Setelah memilih gambar header yang akan dihapus maka akan muncul pesan konfirmasi data yang akan dihapus. Tampilannya seperti pada gambar 4.46.

25 digilib.uns.ac.id 63 Gambar 4.46 Konfirmasi Delete Gambar Header Apabila kita memilih Batal maka data batal dihapus dan apabila kita memilih Ya maka akan muncul tampilan pesan Data Berhasil Dihapus!. Artinya gambar header telah berhasil dihapus. Tampilannya seperti pada gambar Gambar 4.47 Gambar Header Terhapus