A1
Kode Order Pemesanan
Simpan Data Record Duplikat
tblpesan Y
N Msg Data
Duplikat Y
Hapus Edit
Hapus Record Tampil Record
Update Record N
Y N
Y
Update Record Y
N N
Gambar 3.4.4 Flowchart Pemesanan
3.5 Rancangan Desain Interface Aplikasi
Merancang Interface antar muka aplikasi merupakan bagian yang menentukan apakah aplikasi yang dibuat benar-benar user friendly atau tidak. Sebab itu, maka
penulis membuat desain interface aplikasi sesederhana mungkin. Berikut adalah sketsa interface aplikasi yang dibuat : Alur program ini menggambarkan bagaimana
sistem pendaftaran online bekerja secara tahap demi tahap proses. Antarmuka dengan user yang digunakan adalah halaman web berupa form-form pada web browser. Alur
Sistem Informasi ini dibuat agar tidak terjadinya „salah jalur‟ data yang akan diolah. Adapun perancangan aliran Program Perancangan
Universitas Sumatera Utara
Aplikasi Wedding Organizer digambarkan pertahap berikut ini :
1. Pertama, user akan dihadapkan pada sebuah halaman web utama pendaftaran
online . 2.
Pada home terdapat wedding organizer,cara bayar,hubungi kami, event organizer,testimoni,galeri,registrasi dan menu login admin.
3. Pada Registrasi terdapat form formulir pendaftaran
4. Pada Wedding organizer terdapat paket dan jenis paket
5. Pada Galeri terdapat foto
6. Pada kontak terdapat form untuk hubungi kami
Untuk lebih jelasnya dapat dilihat pada gambar 3.5.1 struktur program Perancangan Aplikasi Wedding Organizer berbasis web berikut ini.
Universitas Sumatera Utara
Gambar 3.5.1 Struktur Program Perancangan Wedding Organizer
1. Tampilan Menu Beranda
Pada form ini user membuka web sekolah maka tampilan utama sebagai berikut. Untuk lebih jelasnya dapat dilihat pada gambar 3.5.2 tampilan menu beranda berikut
ini.
WEDDING ORGANIZER
Wedding organizer
Event Organizer
Testimonia Registrasi
Galeri Login
Home Contac
login Admin
Home Input paket
Input jenis paket
pemesanan
Input slider Input galeri
testimonial Data
Member Pengaturan
Input File Input
Pendaftaran Input Hubungi
Kami
Universitas Sumatera Utara
Gambar 3.5.2 Tampilan Menu Beranda
2. Tampilan Wedding Organizer Di dalam menu profil ada jenis paket dan harga paket. Untuk lebih jelasnya dapat
dilihat pada gambar 3.5.2 tampilan menu profil berikut ini.
Universitas Sumatera Utara
Gambar 3.5.3 Tampilan Wedding Organizer
3. Tampilan Event Organizer Di dalam Event Organizer ada paket event nya. Untuk lebih jelasnya dapat dilihat
pada gambar 3.5.3 Tampilan menu pendaftaran berikut ini.
Universitas Sumatera Utara
Gambar 3.5.3 Event Organizer
4.Tampilan Testimonial Didalam Menu Tetsimonial terdapat keterangan komentar dari user yang telah
melakukan order. Untuk lebih jelasnya dapat dilihat pada gambar 3.5.4 berikut ini.
Universitas Sumatera Utara
Gambar 3.5.4 Tampilan Testimonial
4. Tampilan Registrasi Pada menu Registrasi, berisi user yang ingin mendaftar melakukan registrasi dahulu
lalu login. Untuk lebih jelasnya dapat dilihat pada gambar 3.5.5 berikut ini.
Universitas Sumatera Utara
Gambar 3.5.5 Tampilan Registrasi
5. Tampilan Menu Galeri Pada menu Galeri berisi foto foto yang telah dimuat.hal ini melibatkan user lebih
nyaman memilih apa saja yang dibutuhkan. Untuk lebih jelasnya dapat dilihat pada gambar 3.5.6 tampilan Galeri berikut ini.
Universitas Sumatera Utara
Gambar 3.5.6 Tampilan Menu Galeri
6. Tampilan Menu Login Pada menu login terdapat username dan password yang akan membantu user untuk
masuk ke web dan mulai mengorder. Untuk lebih jelasnya dapat dilihat pada gambar 3.5.7 tampilan Login berikut ini.
Universitas Sumatera Utara
Gambar 3.5.7 Tampilan Menu Login
6.Tampilan Menu Cara Bayar Pada Menu Cara Bayar ini terdapat cara cara untuk melakukan pembayarn.Setelah
selesai pembelian produk,maka konfirmasi pembayaran sesuai dengan jumlah pembelian. . Untuk lebih jelasnya dapat dilihat pada gambar 3.5.8 tampilan Cara
Bayar berikut ini.
Universitas Sumatera Utara
Gambar 3.5.8 Tampilan Menu Cara Bayar
7. Tampilan Menu Hubungi Kami Pada menu Hubungi kami terdapat beberapa kontak person ataupun sosial media yang
telah dicantumkan.berguna untuk para user yang ingin kepastian dan kejelasan dalam wedding organizer ini. Untuk lebih jelasnya dapat dilihat pada gambar 3.5.9 tampilan
Galeri berikut ini.
Universitas Sumatera Utara
Gambar 3.5.8 Tampilan Menu Hubungi Kami
Universitas Sumatera Utara
BAB 4
IMPLEMENTASI SISTEM
5.1 Definisi Implementasi Sistem
