Login Melihat Informasi Website User yang mengunjungi Website W.Co ini dapat melihat

Page | 39

3.1.6. SEQUENCE DIAGRAM

Gambar 3.5 Sequence Diagram Konsumen Administrator Pemilik Restoran Melihat Website Memberi Kritik Saran Laporan Website Cek Laporan Evaluasi Page | 40 3.1.7. CLASS DIAGRAM DATABASE MENU - no_menu : int - jenis : string - harga : int - status : string + set_no_menu : void + set_jenis : void + set_harga : void + edit : void + delete : void + search : void Gambar 3.6 Class Diagram DATABASE KRITIK SARAN - nama_pelanggan : string - email_pelanggan : char - komentar : char + set_nama_pelanggan : void + set_email_pelanggan : void + set_komentar : void + tampil : void + search : void DATABASE + set_database_menu : void + set_database_kritiksaran : void KRITIK SARAN - nama_pelanggan : string - email_pelanggan : char - tgl_kritik : date - komentar : char + tampil : void ADMINISTRATOR - id_admin : int - nama_admin : string + tampil : void + edit : void 1 Page | 41 3.1.8. Perancangan Arsitektur Menu Struktur perancangan arsitektur menu Website W.CO dapat dilihat dibawah ini. perancangan arsitektur terdiri dari perancangan Antarmuka. Gambar 3.7 Arsitektur Menu 3.1.8.1. Perancangan Antarmuka perancangan dapat didefinisikan sebagai menu - menu yang di sediakan di website dimana masing - masing menu tersebut memiliki isi atau konten dan masing - masing mempunyai tampilan dan halaman yang berbeda. Beranda Kritik Saran Kontak W.Co Lokasi W.Co Gallery W.Co Sajian W.Co Tentang W.Co MENU Sejarah W.Co Visi Misi W.Co Menu Makanan W.Co Cabang W.Co Kegiatan W.Co W.Co Cabang W.Co Pusat Page | 42 3.1.8.1.1. Gambaran Antarmuka Form Beranda Tampilan Utama A01 W.Co Waroeng Cobek Aneka Keterangan  Klik Beranda menju ke ke form A01  Klik Tentang W.Co menuju ke form A02  Klik Tujuan W.Co menuju form A03  Klik Galery W.Co menuju form A04  Klik Lokasi W.Co menuju A05  Klik Kontak W.Co menuju form A06  Klik pesan online menuju form A07 Slide Show Menu Daftar Menu Makanan Slide Menu Makanan CopyrightWaroeng Cobek Aneka W.Co2012 Design And Layout By Kelompok Gambar 3.8. Gambar Antarmuka Tampilan Utama Kritik Saran Kontak W.Co Bera nda Lokasi W.Co Galery W.Co Tujuan W.Co Tentang W.Co Page | 43 Form Tentang W.Co A02 W.Co Waroeng Cobek Aneka Keterangan  Klik Beranda menju ke ke form A01  Klik Tentang W.Co menuju ke form A02  Klik Tujuan W.Co menuju form A03  Klik Galery W.Co menuju form A04  Klik Lokasi W.Co menuju A05  Klik Kontak W.Co menuju form A06  Klik pesan online menuju form A07 Slide Show Menu Tentang W.Co CopyrightWaroeng Cobek Aneka W.Co2012 Design And Layout By Kelompok Gambar 3.9. Gambar Antarmuka Tentang W.Co Kritik Saran Kontak W.Co Bera nda Lokasi W.Co Galery W.Co Tujuan W.Co Tentang W.Co Page | 44 Form Tujuan W.Co A03 W.Co Waroeng Cobek Aneka Keterangan  Klik Beranda menju ke ke form A01  Klik Tentang W.Co menuju ke form A02  Klik Tujuan W.Co menuju form A03  Klik Galery W.Co menuju form A04  Klik Lokasi W.Co menuju A05  Klik Kontak W.Co menuju form A06  Klik pesan online menuju form A07 Slide Show Menu Tujuan W.Co CopyrightWaroeng Cobek Aneka W.Co2012 Design And Layout By Kelompok Gambar 3.10. Gambar Antarmuka Tujuan W.Co Kritik Saran Kontak W.Co Bera nda Lokasi W.Co Galery W.Co Tujuan W.Co Tentang W.Co Page | 45 Form Galery W.Co A04 W.Co Waroeng Cobek Aneka Keterangan  Klik Beranda menju ke ke form A01  Klik Tentang W.Co menuju ke form A02  Klik Tujuan W.Co menuju form A03  Klik Galery W.Co menuju form A04  Klik Lokasi W.Co menuju A05  Klik Kontak W.Co menuju form A06  Klik pesan online menuju form A07 Slide Show Menu Galery W.Co CopyrightWaroeng Cobek Aneka W.Co2012 Design And Layout By Kelompok Gambar 3.11. Gambar Antarmuka Gallery W.Co Kritik Saran Kontak W.Co Bera nda Lokasi W.Co Galery W.Co Tujuan W.Co Tentang W.Co Page | 46 Form Lokasi W.Co A05 W.Co Waroeng Cobek Aneka Keterangan  Klik Beranda menju ke ke form A01  Klik Tentang W.Co menuju ke form A02  Klik Tujuan W.Co menuju form A03  Klik Galery W.Co menuju form A04  Klik Lokasi W.Co menuju A05  Klik Kontak W.Co menuju form A06  Klik pesan online menuju form A07 Slide Show Menu Lokasi W.Co CopyrightWaroeng Cobek Aneka W.Co2012 Design And Layout By Kelompok Gambar 3.12. Gambar Antarmuka Lokasi W.Co Kritik Saran Kontak W.Co Bera nda Lokasi W.Co Galery W.Co Tujuan W.Co Tentang W.Co Page | 47 Form Kontak W.Co A06 W.Co Waroeng Cobek Aneka Keterangan  Klik Beranda menju ke ke form A01  Klik Tentang W.Co menuju ke form A02  Klik Tujuan W.Co menuju form A03  Klik Galery W.Co menuju form A04  Klik Lokasi W.Co menuju A05  Klik Kontak W.Co menuju form A06  Klik pesan online menuju form A07 Slide Show Menu Kontak W.Co CopyrightWaroeng Cobek Aneka W.Co2012 Design And Layout By Kelompok Gambar 3.13. Gambar Antarmuka Kontak W.Co Kritik Saran Kontak W.Co Bera nda Lokasi W.Co Galery W.Co Tujuan W.Co Tentang W.Co Page | 48 Form Pesan Online A07 W.Co Waroeng Cobek Aneka Keterangan  Klik Beranda menju ke ke form A01  Klik Tentang W.Co menuju ke form A02  Klik Tujuan W.Co menuju form A03  Klik Galery W.Co menuju form A04  Klik Lokasi W.Co menuju A05  Klik Kontak W.Co menuju form A06  Klik Pesan Online menuju form A07 Slide Show Menu Kritik dan Saran CopyrightWaroeng Cobek Aneka W.Co2012 Design And Layout By Kelompok Gambar 3. 14. Gambar Antarmuka Pesan Online W.Co Kritik Saran Kontak W.Co Bera nda Lokasi W.Co Galery W.Co Tujuan W.Co Tentang W.Co Page | 49

BAB IV IMPLEMENTASI DAN PENGUJIAN SISTEM

4.1 Implementasi

Tahap implementasi merupakan tahap penciptaan perangkat lunak, tahap kelanjutan dari kegiatan perancangan sistem. Tahap ini merupakan tahap dimana sistem siap untuk dioperasikan, yang terdiri dari penjelasan mengenai lingkungan implementasi, dan implementasi program.

4.1.1 Implementasi Perangkat Keras

Spesifikasi perangkat keras yang digunakan dalam pembangunan Website Waroeng Cobek Aneka W.Co adalah tercantum pada tabel 4.1 sebagai berikut : No Perangkat Keras Spesifikasi 1 Prosessor Centrino Core to duo 2,6 Ghz 2 Monitor Ukuran 14” Resolusi 1024x768 px 3 VGA 512 4 Memori 2 GB 5 Hard Disk 500 GB 6 Keyboard Keyboard 7 Mouse Mouse 8 Printer Hitam putih dan warna 9 Jaringan Internet LAN dan Internet Tabel 4.1 Perangkat keras yang digunakan Page | 50

4.1.2 Implementasi Perangkat Lunak

Spesifikasi perangkat lunak yang digunakan dalam membangun Website Di Waroeng Cobek Aneka W.Co adalah sebagai berikut: No Perangkat Lunak Spesifikasi 1 Sistem operasi Windows 7 2 Tools membuat program Dreamweaver 8 3 Web Browser Mozilla firefox, opera, internet explorer, google chrome 4 Database Wampserver Tabel 4.2 Perangkat Lunak yang digunakan

4.1.3 Implementasi Basisi Data

Database Management Sistem DBMS yang digukanan untuk mengimplementasikan data Sistem Informasi Website Waroeng Cobek Aneka W.Co adalah MySQL. Impementasi database dalam aplikasi yang telah dirancang adalah sebagai berikut: 1.Tabel Menu CREATE TABLE „menu‟ `id_menu` int11 NOT NULL AUTO_INCREMENT, `nama_menu` varchar35 NOT NULL, `keterangan` text NOT NULL, Page | 51 `harga` bigint20 NOT NULL, `gambar` longblob, `tersedia` tinyint1 NOT NULL, PRIMARY KEY `id_menu` ENGINE=InnoDB DEFAULT CHARSET=latin1 AUTO_INCREMENT=14 ;

2. Tabel Menu_pesanan

CREATE TABLE `menu_pesanan` `id_pelanggan` int11 NOT NULL, `id_menu` int11 DEFAULT NULL, `jml` int11 NOT NULL, KEY `id_pelanggan` `id_pelanggan`, KEY `id_menu` `id_menu` ENGINE=InnoDB DEFAULT CHARSET=latin1;

3. Tabel Pesanan

CREATE TABLE `pesanan` `id_pesanan` int11 NOT NULL AUTO_INCREMENT, `jenis_pesanan` enumdelivery,reservasi NOT NULL, `nama` varchar30 NOT NULL, `alamat` varchar50 DEFAULT NULL, `telepon` varchar15 NOT NULL, Page | 52 `email` varchar20 DEFAULT NULL, `kelurahan` varchar15 DEFAULT NULL, `kecamatan` varchar15 DEFAULT NULL, `catatan` text, `status` enumdimasak,diantar,selesai DEFAULT NULL, PRIMARY KEY `id_pesanan` ENGINE=InnoDB DEFAULT CHARSET=latin1 AUTO_INCREMENT=2 ; ENGINE=MyISAM DEFAULT CHARSET=latin1;

4. Tabel User

CREATE TABLE `user` `username` varchar10 NOT NULL, `password` varchar100 NOT NULL, `email` varchar30 NOT NULL, `jabatan` enumadmin,kasir,koki NOT NULL ENGINE=InnoDB DEFAULT CHARSET=latin1; Page | 53

4.1.4 Implementasi Antarmuka 1

. Tampilan Login Gambar 4.1 Tampilan Login 2 . Tampilan Menu Admin Gambar 4.2 Tampilan Menu Admin