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