Tujuan Perancangan Sistem Perancangan Antar Muka

3.4. Perancangan Sistem

Perancangan sistem adalah suatu proses yang menggambarkan bagaimana suatu sistem dibangun untuk memenuhi kebutuhan pada fase analisis. Adapun tahapan yang dilakukan dalam perancangan sistem ini membahas mengenai tujuan perancangan sistem, perancangan database dan perancangan antar muka.

3.4.1. Tujuan Perancangan Sistem

Perancangan sistem merupakan tindak lanjut dari tahap analisa. Perancangan sistem bertujuan untuk memberikan gambaran sistem yang akan dibuat. Dengan kata lain perancangan sistem didefinisikan sebagai penggambaran atau pembuatan sketsa dari beberapa elemen yang terpisah kedalam satu kesatuan yang utuh dan berfungsi. Selain itu juga perancangan bertujuan untuk lebih mengarahkan sistem yang terinci, yaitu pembuatan perancangan yang jelas dan lengkap yang nantinya akan digunakan untuk pembuatan simulasi. Aplikasi kompresi ini dibuat dengan sederhana, sehingga diharapkan user dapat dengan mudah menggunakan aplikasi kompresi ini. Manfaat lain yang didapat dari perancangan sistem adalah apabila dalam proses implementasi terjadi hambatan, dapat dilakukan perancangan ulang sistem secara lebih mudah dengan demikian pengembang dapat menghemat waktu dan mereview kembali kelemahan dari desain sistem yang lama. Maka dari uraian tersebut dapat disimpulkan bahwa perancangan sistem memegang peranan cukup penting selama proses pembuatan perangkat lunak dalam tugas akhir ini. Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

3.4.2. Perancangan Database

Perancangan database digunakan untuk menunjukkan struktur database berupa tabel-tabel yang dipergunakan dalam aplikasi tugas akhir ini. Berikut ini adalah struktur tabel yang dipergunakan :

3.4.2.1. Tabel Cabang

Tabel cabang dipergunakan untuk menyimpan data cabang restoran secara lengkap termasuk lokasi geografisnya berupa nilai longitude dan latitude. Berikut ini adalah struktur tabel cabang : Tabel 3.1. Struktur Tabel Cabang No Nama Field Tipe Keterangan 1 Id Numerik Primary Key 2 Nama_Cabang Varchar50 3 Alamat Varchar100 4 Longitude Varchar50 5 Latitude Varchar50 6 Telp Varchar20

3.4.2.2. Tabel Detail Pemesanan

Tabel detail pemesanan dipergunakan untuk menyimpan data detail pemesanan yang dilakukan oleh customer, yang terkadang perlu customisasi. Berikut ini adalah struktur tabel cabang : Tabel 3.2. Struktur Tabel Detail Pesanan No Nama Field Tipe Keterangan 1 Id_trans Numerik Primary Key Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber. 2 Id_Makanan Numerik Primary Key 3 Jumlah Numerik 4 Id Numerik No urut pesanan

3.4.2.3. Tabel Menu

Tabel menu dipergunakan untuk menyimpan data menu yang dapat dipesan oleh customer. Berikut ini adalah struktur tabel menu : Tabel 3.3. Struktur Tabel Menu No Nama Field Tipe Keterangan 1 Id_Makanan Numerik Primary Key 2 Nama_Makanan Varchar50 3 Harga Varchar20 4 Deskripsi Varchar100 5 Path_gambar Varchar50 6 Jenis Varchar20

3.4.2.4. Tabel Pemesanan

Tabel menu pemesanan dipergunakan untuk menyimpan data pesanan yang dilakukan oleh customer. Berikut ini adalah struktur tabel pemesanan : Tabel 3.4. Struktur Tabel Pemesanan No Nama Field Tipe Keterangan 1 Id Numerik Primary Key 2 Nama Varchar20 Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber. 3 Alamat Varchar20 4 Telp Varchar20 5 Longitude Varchar50 6 Latitude Varchar50 7 Cabang_pelayan Numerik 8 Jarak Numerik

3.4.2.5. Tabel Peta

Tabel peta dipergunakan untuk menyimpan data peta lokasi tujuan pengantaran berdasarkan pesanan customer. Berikut ini adalah struktur tabel Peta: Tabel 3.5. Struktur Tabel Peta No Nama Field Tipe Keterangan 1 Id Numerik Primary Key 2 Kota Enumerasi 3 Makanan Enumerasi 4 Code Enumerasi 5 Total_Harga Numerik 6 JumlahPesan Numerik 7 Alamat Varchar45 8 Unit_id Numerik 9 Latitude Varchar50 10 Longitude Varchar50 Keterangan : Kota = Enum Surabaya,Sidoarjo,Pasuruan,Gresik. Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber. Makanan = Enum Mie Ayam, Pangsit Mie, Cap Jay, Bakso Code = Enum Menu1, Menu2, Menu3, Menu4

3.4.2.6. Tabel Users

Tabel users dipergunakan untuk menyimpan data user yang mempergunakan aplikasi ini. Berikut ini adalah struktur tabel users : Tabel 3.6. Struktur Tabel Users No Nama Field Tipe Keterangan 1 Id Numerik Primary Key 2 Username Varchar 40 3 Password Varchar 34 4 Name Varchar 50

3.4.3. Perancangan Antar Muka

Perancangan antarmuka dibutuhkan untuk mewakili keadaan sebenarnya dari aplikasi yang akan dibangun. Berikut akan disajikan perancangan antarmuka dari aplikasi yang akan dibangun : Gambar 3.3. Halaman Home Gam bar berbagai menu yang t ersedia Thum bnail sem ua gam bar m enu yang t ersedia Inform asi singkat t ent ang m enu Home M enu Pem esanan Pet a Cabang Adm in Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber. Gambar 3.4. Halaman Menu Gambar 3.5. Halaman Pemesanan Gambar 3.6. Halaman Pemesanan Bagian II Home M enu Pem esanan Pet a Cabang Adm in Gam bar Nam a M akanan Harga Deskripsi Jenis Home M enu Pemesanan Pet a Cabang Adm in Gam bar Google M ap M asukkan Alam at Hasilnya ................................... Cari Cabang Terdekat Lanjut kan Home M enu Pemesanan Pet a Cabang Adm in Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber. Gambar 3.7. Halaman Peta Gambar 3.8. Halaman Daftar Cabang Gambar 3.9. Halaman Login Admin Home M enu Pem esanan Peta Cabang Adm in Gam bar Google M ap Pet unjuk Arah Dan Lokasi Pilih Cabang Alam at Tujuan Jenis Kendaraan Tam pilkan Home M enu Pem esanan Pet a Cabang Adm in Cabang Alam at Telp Longit ude Lat it ude Home M enu Pem esanan Pet a Cabang Admin User Login UserName Password Login Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber. Gambar 3.10. Halaman Pesanan Menu Admin Gambar 3.11. Halaman Makanan Menu Admin NoTrans Nam a Pem esan Alam at Telp Cabang Pelayan Jarakkm Det ail Pesanan Kelola Pesanan M akanan Cabang Logout Adm in Gam bar Nam a M akanan Harga Deskripsi Jenis Kelola Pesanan M akanan Cabang Logout Adm in Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber. Gambar 3.12. Halaman Cabang Menu Admin Nam a Cabang Alam at Telp Longit ude Lait ude Kelola Pesanan M akanan Cabang Logout Adm in Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber. Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber. 43

BAB IV IMPLEMENTASI DAN PENGUJIAN APLIKASI

4.1. Implementasi Program

Setelah melakukan analisa dan perancangan sistem, langkah berikutnya adalah melakukan implementasi hasil analisa dan perancangan ke dalam bentuk program aplikasi. Berikut ini adalah implementasinya :

4.1.1. Implementasi Database MySQL

Pembuatan database beserta tabel-tabel yang diperlukan dengan menggunakan fasilitas yang sudah tersedia dalam lingkungan phpmyadmin. Berikut ini adalah hasil implementasi pembuatan tabel-tabel dalam tugas akhir ini, yaitu : Gambar 4.1. Implementasi Tabel Cabang Gambar 4.2. Implementasi Tabel Detail_Pemesanan Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.