Perancangan Aplikasi Wedding Organizer Berbasis Web Chapter III V
41
BAB 3
ANALISA PERANCANGAN SISTEM
3.1 Analisa Sistem
Aplikasi umum yang biasa berjalan pada internet adalah sebuah halaman web yang
terletak pada sebuah situs, dimana halaman atau dokumen web tersebut dibuat dengan
menggunakan tag-tag html. Sebuah halaman web yang hanya menggunakan tag-tag
html standar yang ada akan merupakan halaman web yang statis. Untuk menjadikan
halaman web tersebut menjadi halaman web yang dinamis, interaktif, atau untuk
menjadi sebuah aplikasi diperlukan adanya tambahan pada halaman web tersebut
disamping tag yang digunakan. Pada perancangan aplikasi akan dibuat aplikasi
berbasiskan PHP. Saat ini teknologi PHP dapat dikatakan telah mendominasi
teknologi enterprise karena teknologi ini terbukti tangguh dan stabil dalam aplikasi
enterprise. Teknologi enterprise seringkali memanfaatkan interface web sehingga
teknologi PHP menjadi sangat penting.
3.2 Perancangan Sistem
Perancangan Sistem adalah upaya suatu organisasi atau lembaga untuk memulai
memiliki suatu sistem yang lebih baik lagi dari sistem yang sebelumnya. Perancangan
sistem dilakukan setelah mendapat gambaran dengan jelas apa yang harus dikerjakan.
Tujuan dari perancangan sistem adalah untuk memenuhi kebutuhan pemakai (user)
Universitas Sumatera Utara
42
mengenai gambaran yang jelas tentang perancangan sistem yang akan dibuat serta
diimplementasikan.
3.2.1 Diagram Konteks
Agar suatu sistem terstruktur, dapat dibuat suatu proses modeling dimana hasil dari
proses modeling tersebut berupa diagram konteks.Dari website tersebut akhirnya
dirancang sebuah antar muka profil dan formulir pendaftaran untuk dapat dilihat dan
diisi oleh pihak pendaftar. Untuk lebih jelasnya dapat dilihat pada gambar 3.1
diagram konteks berikut ini :
Registrasi
Pilih Paket
0.0
Pengunjung
Informasi Paket
Data Paket
Sistem Perancangan Wedding
Organizer
Administrator
Data Pemesnanan
Data Pengunjung
Gambar 3.2.1 Diagram Konteks
Universitas Sumatera Utara
43
3.2.2 Data Flow Diagram Level 0 Wedding Organizer
Data Flow Diagram level 0 adalah merupakan penjabaran dari
diagram
konteks.Untuk lebih jelasnya dapat dilihat pada gambar 3.2 data flow diagram level
0 berikut ini. :
Universitas Sumatera Utara
44
Username & Pasword
Tabel admin
D1
1.0
2.0
Login Sistem
True / False Login
Input Data Paket
Administrator
3.0
Page
Data Jenis Data Paket
Input Jenis Paket
Data
Paket
D2
Data Jenis
D3
Tabel paket
Tabel jenis paket
Emai & Password Member
D4
Administrator
Tabel member
True / False Login
Data Pemesanan
Data Paket
5.0
4.0
Pemesanan
Login Pengunjung
Halaman Pengunjung
Input Email & Password
Data Paket
tblpesan
D5
Tabel Pesan
Pengunjung
Data
Slider
Data Galeri
Data
Galeri
Data Testimonial Pengunjung
6.0
7.0
D7
Slider
Tabel Slider
Tabel Testimonia
tbltestimonial
D6
Testimonial
Data Slider
8.0
Galeri
Galeri
D8
Tabel Galeri
Gambar 3.2.2 Data Flow Diagram Level 0
3.2.3 Data Flow Diagram Level 1 Wedding Organizer
Universitas Sumatera Utara
45
Data Flow Diagram level 1 adalah merupakan dekomposisi dari diagram level
zero.Untuk lebih jelasnya dapat dilihat pada gambar 3.2.3 data flow diagram level 1
berikut ini:
2.1
Administrator
Data Paket
Input Data Paket
Data Paket
D2
Tabel Paket
Data Paket
2.2
Data Paket
Daftar Paket
Data Paket
Pengunjung
Gambar 3.2.3 Data Flow Diagram Level 1
Universitas Sumatera Utara
46
3.3 Entity Relationship Diagram(ERD)
Berikut ini adalah gambaran dari Entity Relationship Diagram (ERD) dari
perancangan Wedding Organizer Berbasis Web.Dimulai dari entitas Paket,entitas
paket memiliki tiga atribut yaitu kode paket,paket dan jenis.Paket menyajikan tabel
member
didalam
tabel
member
memiliki
enam
atribut
yaitu
id_member,email,nama,jenis kelamin,alamat dan password.Member memesan ke
tabel pemesanan,didalam tabel pemesanan memiliki sembilan atribut yaitu
kodepesan,id_pesan,tgl,id_member,kodeproduk,hrg,diskon,kodeorder,konfirmasi.Tab
el admin memiliki dua atribut yaitu user dan pass,tabel admin mengkonfirmasi ke
tabel pesan.
Universitas Sumatera Utara
47
Idmember
email
nama
Kode
paket
1
paket
jk
n
menyajikan
Paket
Member
alamat
n
jenis
pass
Memesan
kodepesan
n
user
Idpesan
n
1
Admin
mengkonfirmasi
pemesanan
tgl
pass
Idmember
kodeproduk
hrg
diskon
Kode order
konfirmasi
Gambar 3.2.4 Entity Relationship Diagram Wedding Organizer
3.4 Perancangan Database
Universitas Sumatera Utara
48
Perancangan database adalah perancangan yang dilakukan untuk menentukan file
database seperti field dan tipe data. Dalam hal merancang sebuah sistem yang
berbasis database, perancangan database merupakan hal yang perlu mendapat
perhatian khusus. Karena database berperan penting untuk memanipulasi data user
dari aplikasi yang dibuat. Kesulitan utama dalam perancangan database adalah
mengelompokkan field-field secara terstruktur ke dalam beberapa tabel sesuai dengan
informasi yang terkandung di dalamnya. Berikut adalah rancangan tabel yang
digunakan dalam membangun database :
Tabel 3.3 Tabel Admin
No
Field Nama
Data Tipe
Size
Keterangan
1
Username
Varchar
50
Username
2
Pass
Varchar
50
Password
Tabel 3.4 Tabel Galeri
No
Field Nama
Data Tipe
Size
Keterangan
1
Id
Int
11
Id
2
Gbr
Varchar
255
Gambar
3
Ket
Text
30
Keterangan
4
Kodprdk
varchar
50
Kode Produk
Universitas Sumatera Utara
49
Tabel 3.5 Tabel Gambar
No
Field Nama
Data Tipe
Size
Keterangan
1
Id
Int
11
Id
2
Gbr
varchar
255
Gambar
Tabel 3.6 Tabel Member
No
Field Nama
Data Tipe
Size
Keterangan
1
Idmember
Int
10
Id member
2
Email
Varchar
255
Email
3
Nama
Varchar
255
Nama
4
Jk
Varchar
255
Jenis kelamin
5
Almt
Varchar
255
Alamat
6
Pwd
Int
20
Password
Tabel 3.7 Tabel Paket
No
Field Nama
Data Tipe
Size
Keterangan
1
Kodepkt
Varchar
50
Kode paket
2
Pkt
Varchar
255
Paket
3
Jns
varchar
255
Jenis
Universitas Sumatera Utara
50
Tabel 3.8 Tabel Paket Jenis
No
Field Nama
Data Tipe
Size
Keterangan
1
Idpktjns
Int
11
Id paket jenis
2
Kodpkt
Varchar
50
Kode paket
3
Kodprdk
Varchar
50
Kode produk
4
Prdk
Varchar
255
Produk
5
Hrg
Double
-
Harga
6
Ket
Text
255
Keterangan
Tabel 3.9 Tabel Pengaturan
No
Field Nama
Data Tipe
Size
Keterangan
1
Krtria
Varchar
100
Kriteria
2
Nil
Text
-
Nilai
Tabel 3.10 Tabel Pesan
No
Field Nama
Data Tipe
Size
Keterangan
1
Idpsn
Int
11
Id pesan
2
Tgl
Date
-
Tanggal
3
Idmembr
Int
11
Id member
4
Kodpesn
Int
11
Kode pesan
Universitas Sumatera Utara
51
5
Kodprdk
Varchar
50
Kode produk
6
Hrg
Double
11
Harga
7
Dskn
Int
1
Diskon
8
Kodorder
Bigint
11
Kode order
9
Knfrmsi
Int
1
Konfirmasi
Tabel 3.11 Tabel Slider
No
Field Nama
Data Tipe
Size
Keterangan
1
Idslider
Int
11
Id slider
2
Gbr
Varchar
255
Gambar
3
Ket
Varchar
255
Keterangan
Tabel 3.12 Tabel Testimonial
No
Field Nama
Data Tipe
Size
Keterangan
1
Idtesti
Int
11
Id testimonial
2
Idmember
Int
11
Id member
3
Tgl
Date
-
Tanggal
4
Pesn
Text
-
Pesan
3.4 Flowchart
Flowchart
adalah
sekumpulan
simbol-simbol
yang
menunjukkan
atau
menggambarkan rangkaian kegiatan-kegiatan program dari awal hingga akhir,
Universitas Sumatera Utara
52
flowchart juga digunakan untuk menggambarkan urutan langkah-langkah pekerjaan
di suatu algoritma. Di dalam web ada beberapa flowchart, yaitu flowchart menu
utama, flowchart administrator, dan lain-lain. Berikut ini merupakan penjelasan
logika program Perancangan Wedding Organizer berbasis web berikut ini.
3.4.1 Flowchart Menu Utama
Flowchart menu utama menjelaskan bagan dari halaman menu utama website. Di
dalam tampilan halaman utama tersebut ada beberapa halaman yang telah disajikan
oleh admin agar dapat dilihat oleh user tanpa harus melakukan proses login terlebih
dahulu. Dimulai dari start masuk ke halaman pertama yaitu home.
Jika user memilih halaman home maka yang akan muncul adalah menu
dalam home yaitu paket,jenis paket,slider. Jika registrasi dibuka maka akan muncul
menu dalam halaman registrasi.Jika memilih Wedding Organizer maka akan keluar
produk dan kode beserta keterangan yang lainnya dan begitu juga jika memilih Event
organizer.Jika memilih Testimonial makan akan muncul testimoni dari beberapa
pelanggan.Jika memilih Data Order maka akan mucul jumlah harga dan apa saja yang
telah kita order lalu dilanjutkan ke menu pembayaran.Jika memilih Galeri makan
akan ditampilkan foto atau album tentang yang menyangkut dengan wedding dan
event organizer.Jika memilih halaman kontak kami maka akan muncul halaman
kontak kami. Jika tidak maka akan keluar dari aplikasi tersebut dan selesai. Untuk
lebih jelasnya dapat dilihat pada gambar 3.4.1 flowchart menu utama berikut ini.
Universitas Sumatera Utara
53
Mulai
N
Paket
Y
Form Paket
Y
Form jenis
Paket
Y
Form
Pemesaan
Y
Form Slider
A1
N
Jenis Paket
N
Pemesanan
N
Slider
Form Geleri
Form Member
Form
Pengaturan
Y
Y
Y
N
Testimonial
Y
Form
Testimonial
Galeri
N
Member
N
Pengaturan
N
Logout
N
Selesai
Y
Gambar 3.4.1 Flowchart Menu Utama
3.4.2 Flowchart Menu Administrator
Flowchart ini menjelaskan bagan dari halaman web administrator. Untuk masuk ke
halaman ini admin maka akan muncul tampilan halaman admin. Selanjutnya home
page halaman admin, maka akan muncul input link. Jika input link admin benar maka
admin dapat menginput tambah admin.jika salah maka akan mucul pesan error dan
selanjutnya jika benar maka akan dilanjutkan dan login selesai. Untuk lebih jelasnya
dapat dilihat pada gambar 3.4.2 flowchart menu administrator.
Universitas Sumatera Utara
54
Mulai
Masukkan
Username
dan
Password
Login=True
Msg Login
Error
N
Y
Selesai
Gambar 3.4.2 Flowchart Menu Administrator
3.4.3 Flowchart Tambah Paket
Flowchart ini menjelaskan bagan dari halaman web tambah paket. Dimulai dari
tambah jenis paket,kode paket,simpan data,rercord duplikat,pesan data duplikat.untuk
menghapus paket dimulai dari tampilan halaman utama,hapus,selanjutnya hapus
record,selanjutnya ke database tabel jenis paket.untuk mengedit muncul halaman
utama edit selanjutnya tampil record,update record lalu kembali ke halaman
utama.Untuk lebih jelasnya dapat dilihat pada gambar 3.4.3 flowchart menu Tambah
Paket.
Universitas Sumatera Utara
55
A1
N
N
Tambah Paket
N
Hapus
N
Edit
Y
Tampil Record
Update Record
Msg Data
Duplikat
Y
Y
Kode Paket
Paket
Jenis Paket
Y
Simpan Data
Record Duplikat
Y
N
Hapus Record
tblpaket
Update Record
Gambar 3.4.3 Flowchart Tambah Paket
3.4.4 Flowchart Pemesanan
Flowchart ini menjelaskan bagan dari halaman web pemesanan.Dimulai dari untuk
menyimpan data yaitu Pemesanan kode order simpan data,record duplikat,pesan
data duplikat. Untuk menghapus atau mengedit daftar pemesanan dimulai dari
pemesanan,hapur record,tabel pesan.update record.untuk mengedit dari pemesanan
tampil record,update record dan selanjutnya kembali ke halaman utama.Untuk lebih
jelasnya dapat dilihat pada gambar 3.4.4 flowchart menu Pemesanan.
Universitas Sumatera Utara
56
A1
N
N
Pemesanan
N
Hapus
N
Edit
Y
Tampil Record
Update Record
Msg Data
Duplikat
Y
Y
Y
Kode Order
Simpan Data
Record Duplikat
Y
N
Hapus Record
tblpesan
Update Record
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
57
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
58
WEDDING ORGANIZER
Home
Wedding
organizer
Event
Organizer
Testimonia
Registrasi
Input
Pendaftaran
Galeri
Login
Contac
Input Hubungi
Kami
Home
login
Admin
Input paket
Input jenis
paket
pemesanan
Input slider
Input galeri
testimonial
Data
Member
Pengaturan
Input File
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.
Universitas Sumatera Utara
59
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
60
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
61
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
62
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
63
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
64
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
65
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
66
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
67
Gambar 3.5.8 Tampilan Menu Hubungi Kami
Universitas Sumatera Utara
68
BAB 4
IMPLEMENTASI SISTEM
5.1 Definisi Implementasi Sistem
Implementasi sistem adalah suatu prosedur yang dilakukan untuk menyelesaikan
sistem yang ada dalam dokumen rancangan sistem yang telah disetujui dan telah
diuji, menginstal dan menggunakan sistem baru yang telah diperbaiki. Adapun
langkah-langkah yang dibutuhkan dalam implementasi sistem adalah:
1. Mendapatkan software dan hardware yang tepat serta sesuai untuk merancang
website.
2. Menyelesaikan rancangan sistem.
3. Menulis, menguji, mengontrol, dan mendokumentasikan website.
4. Mendapatkan persetujuan.
5.2 Tujuan Implementasi Sistem
Adapun tujuan implementasi sistem adalah sebagai berikut:
1. Mengkaji rangkaian sistem baik dari segi software maupun hardware sebagai
sarana pengolahan data dan penyajian informasi.
2. Menyelesaikan rancangan sistem yang ada didalam dokumen sistem yang baru
atau yang telah disetujui.
Universitas Sumatera Utara
69
3. Memastikan pengujung dapat mengoprasikan dengan mudah terhadap sistem yang
baru dan mendapat informasi yang baik dan jelas.
4. Memastikan bahwa yang telah berjalan dengan lancer dan melakukan instalasi secara
benar .
5.3 Komponen Sistem
Komponen-komponen system yang dibutuhkan dalam membangun aplikasi ini
diantaranya adalah:
a. Hardware
Hardware adalah suatu komponen yang sangat dibutuhkan dalam mewujudkan
sistem yang diusulkan. Dalam hal ini penulis merinci spesifikasi komponen hardware
yaitu:
1. Sistem Operasi menggunakan windows 7
2. PC dengan processor intel inside
3. RAM dengan kapasitas 2.00 GB.
4. Flash disk 16 GB
5. Monitor super VGA.
6.
Memory minimal 128MB.
7. Keyboard.
8. Mouse.
b. Software
Universitas Sumatera Utara
70
Hardware tidak akan pernah memecahkan suatu masalah tanpa adanya komponen
software. Adapun software yang digunakan dalam pembuatan website ini adalah :
1. Sistem Opersai Ms. Windows .
2. Internet explorer, Mozila firefox, Google Chrome sebagai browser.
3. Xampp versi 3.1.0
4. Apache 2.2.18
5. PHP versi 5.3.5
6. MySQL 5.0.20
c. Brainware
Brainware adalah semua pihak yang bertanggung jawab dalam pengembangan
sistem informasi, pemrosesan, dan penggunaan keluaran sistem informasi.
Brainware dalam sistem informasi terbagi 3 yaitu:
1. Sistem Analis : orang yang menganalisa sistem dengan mempelajari masalahmasalah yang timbul dan menentukan kebutuhan pemakai dan mengidentifikasi
pemecahan yang beralasan.
2. Programmer : orang yang membuat system dengan menggunakan salah satu
bahasa pemrograman yang dikuasai.
3. Operator : orang yang memakai sistem.
Ketika telah selesai mengerjakan tahap perancangan sistem, baik dalam
merancang tabel-tabel didalam database dengan menggunakan php Myadmin maupun
dalam merancang halaman-halaman website. Kini program tersebut dapat
Universitas Sumatera Utara
71
dijalankan.Adapun prosedur penggunaan system secara manual dapat diuraikan
sebagai berikut:
1. Aktifkan software Apache, PHP, dan MySQL yang telah diinstal pada computer
dengan cara mengklik start.
2. Kemudian buka salah satu aplikasi web browser yang ada pada komputer anda
seperti Mozila firefox.
3. Lalu ketikan pada alamat website sesuai dengan nama folder dimana disimpan,
contoh : http://locaslhost/wo dalam address bar untuk menu utama, kemudaian
tekan enter.
4. Setelah halaman menu utama terbuka, ada terdapat beberapa pilihan halaman link
yang disajikan untuk user. Pilih salah satu link tersebut.
5. Link Registrasi berisikan suatu form yang harus diisi oleh user pada waktu
mendaftar.
5.4 Tampilan Menu Utama
Pada form ini user harus mengisi form pendaftaran/registrasi agar bisa login. Untuk
lebih jelasnya dapat dilihat pada gambar 5.4.1 tampilan menu beranda Registrasi
berikut ini.
Universitas Sumatera Utara
72
Gambar 5.4.1 Tampilan Menu Beranda Registrasi
Di dalam menu login ada username dan password yamg akan digunakan untuk login.
Untuk lebih jelasnya dapat dilihat pada gambar 5.4.2 tampilan menu login berikut ini.
Universitas Sumatera Utara
73
Gambar 5.4.3 Tampilan Menu Login
Di dalam menu testimonial dapat digunakan untuk komentar ataupun pendapat
tentang wedding organizer yang sudah mengorder . Untuk lebih jelasnya dapat dilihat
pada gambar 5.4.4 Tampilan menu testimonial berikut ini.
Universitas Sumatera Utara
74
Gambar 5.4.4 Tampilan Menu Testimonial
Didalam Wedding Organizer terdapat produk yang disajikan lengkap dengan harga
dan keterangan. Untuk lebih jelasnya dapat dilihat pada gambar 5.4.5 tampilan menu
wedding organizer berikut ini.
Universitas Sumatera Utara
75
Gambar 5.4.5 Tampilan Menu Wedding Organizer
Didalam Event Organizer terdapat produk yang disajikan lengkap dengan harga dan
keterangan dalam event. Untuk lebih jelasnya dapat dilihat pada gambar 5.4.6
tampilan menu event organizer berikut ini.
Universitas Sumatera Utara
76
Gambar 5.4.6 Tampilan Menu Event Organizer
Didalam Galeri terdapat berbagai jenis foto yang berkaitan dengan wedding organizer
dan event organizer. Untuk lebih jelasnya dapat dilihat pada gambar 5.4.7 tampilan
menu event organizer berikut ini.
Universitas Sumatera Utara
77
Gambar 5.4.7 Tampilan Menu Galeri
Didalam Menu Cara Bayar terdapat bagaimana cara melakukan pembayaran dan
disertakan nomor rekening serta email dan format yang berkaitan dengan cara
pembayaran. Untuk lebih jelasnya dapat dilihat pada gambar 5.4.8 tampilan menu
Cara Bayar berikut ini.
Universitas Sumatera Utara
78
Gambar 5.4.8 Tampilan Menu Cara Bayar
Didalam Menu Hubungi Kontak ini terdapat kontak person no.hp, email dan
lokasi.contact person ini dapat memberikan kepercayaan yang lebih kepada para
pelanggan ataupun user dalam hal pemesanan. Untuk lebih jelasnya dapat dilihat pada
gambar 5.4.9 tampilan menu Hubungi Kontak berikut ini.
Universitas Sumatera Utara
79
Gambar 5.4.9 Tampilan Menu Hubungi Kontak
Universitas Sumatera Utara
80
BAB 5
KESIMPULAN DAN SARAN
6.1 Kesimpulan
Dari hasil pembahasan tentang perancangan aplikasi wedding organizer berbasis web,
maka dapat mengambil beberapa kesimpulan diantaranya adalah sebagai berikut :
1. Dengan adanya aplikasi Wedding Organizer ini, mempermudah user dalam hal
pemesanan dan mengefisienkan waktu.
2. Dengan adanya aplikasi Wedding Organizer ini, maka dapat menghemat biaya
user dalam hal mencari wedding organizer.
3. Fleksibel dengan Budget,Hal ini berkaitan erat dengan kreativitas sebuah Wedding
Organizer dalam meramu sebuah konsep.
4. Pembuatan program dengan menggunakan PHP & MYSQL lebih mudah dalam
hal perancangan maupun untuk hasil akhirnya (output).
6.2 Saran
Dari hasil pembahasan tentang perancangan Aplikasi Wedding Organizer Berbasis
Web ini, maka ada beberapa saran yaitu sebagai berikut :
1. Sebaiknya dilakukan perawatan dan pengembangan aplikasi oleh pihak tertentu
untuk lebih mengoptimalkan sitem yang telah dirancang.
2. Diharapkan program ini bermanfaat bagi para pembaca.
Universitas Sumatera Utara
BAB 3
ANALISA PERANCANGAN SISTEM
3.1 Analisa Sistem
Aplikasi umum yang biasa berjalan pada internet adalah sebuah halaman web yang
terletak pada sebuah situs, dimana halaman atau dokumen web tersebut dibuat dengan
menggunakan tag-tag html. Sebuah halaman web yang hanya menggunakan tag-tag
html standar yang ada akan merupakan halaman web yang statis. Untuk menjadikan
halaman web tersebut menjadi halaman web yang dinamis, interaktif, atau untuk
menjadi sebuah aplikasi diperlukan adanya tambahan pada halaman web tersebut
disamping tag yang digunakan. Pada perancangan aplikasi akan dibuat aplikasi
berbasiskan PHP. Saat ini teknologi PHP dapat dikatakan telah mendominasi
teknologi enterprise karena teknologi ini terbukti tangguh dan stabil dalam aplikasi
enterprise. Teknologi enterprise seringkali memanfaatkan interface web sehingga
teknologi PHP menjadi sangat penting.
3.2 Perancangan Sistem
Perancangan Sistem adalah upaya suatu organisasi atau lembaga untuk memulai
memiliki suatu sistem yang lebih baik lagi dari sistem yang sebelumnya. Perancangan
sistem dilakukan setelah mendapat gambaran dengan jelas apa yang harus dikerjakan.
Tujuan dari perancangan sistem adalah untuk memenuhi kebutuhan pemakai (user)
Universitas Sumatera Utara
42
mengenai gambaran yang jelas tentang perancangan sistem yang akan dibuat serta
diimplementasikan.
3.2.1 Diagram Konteks
Agar suatu sistem terstruktur, dapat dibuat suatu proses modeling dimana hasil dari
proses modeling tersebut berupa diagram konteks.Dari website tersebut akhirnya
dirancang sebuah antar muka profil dan formulir pendaftaran untuk dapat dilihat dan
diisi oleh pihak pendaftar. Untuk lebih jelasnya dapat dilihat pada gambar 3.1
diagram konteks berikut ini :
Registrasi
Pilih Paket
0.0
Pengunjung
Informasi Paket
Data Paket
Sistem Perancangan Wedding
Organizer
Administrator
Data Pemesnanan
Data Pengunjung
Gambar 3.2.1 Diagram Konteks
Universitas Sumatera Utara
43
3.2.2 Data Flow Diagram Level 0 Wedding Organizer
Data Flow Diagram level 0 adalah merupakan penjabaran dari
diagram
konteks.Untuk lebih jelasnya dapat dilihat pada gambar 3.2 data flow diagram level
0 berikut ini. :
Universitas Sumatera Utara
44
Username & Pasword
Tabel admin
D1
1.0
2.0
Login Sistem
True / False Login
Input Data Paket
Administrator
3.0
Page
Data Jenis Data Paket
Input Jenis Paket
Data
Paket
D2
Data Jenis
D3
Tabel paket
Tabel jenis paket
Emai & Password Member
D4
Administrator
Tabel member
True / False Login
Data Pemesanan
Data Paket
5.0
4.0
Pemesanan
Login Pengunjung
Halaman Pengunjung
Input Email & Password
Data Paket
tblpesan
D5
Tabel Pesan
Pengunjung
Data
Slider
Data Galeri
Data
Galeri
Data Testimonial Pengunjung
6.0
7.0
D7
Slider
Tabel Slider
Tabel Testimonia
tbltestimonial
D6
Testimonial
Data Slider
8.0
Galeri
Galeri
D8
Tabel Galeri
Gambar 3.2.2 Data Flow Diagram Level 0
3.2.3 Data Flow Diagram Level 1 Wedding Organizer
Universitas Sumatera Utara
45
Data Flow Diagram level 1 adalah merupakan dekomposisi dari diagram level
zero.Untuk lebih jelasnya dapat dilihat pada gambar 3.2.3 data flow diagram level 1
berikut ini:
2.1
Administrator
Data Paket
Input Data Paket
Data Paket
D2
Tabel Paket
Data Paket
2.2
Data Paket
Daftar Paket
Data Paket
Pengunjung
Gambar 3.2.3 Data Flow Diagram Level 1
Universitas Sumatera Utara
46
3.3 Entity Relationship Diagram(ERD)
Berikut ini adalah gambaran dari Entity Relationship Diagram (ERD) dari
perancangan Wedding Organizer Berbasis Web.Dimulai dari entitas Paket,entitas
paket memiliki tiga atribut yaitu kode paket,paket dan jenis.Paket menyajikan tabel
member
didalam
tabel
member
memiliki
enam
atribut
yaitu
id_member,email,nama,jenis kelamin,alamat dan password.Member memesan ke
tabel pemesanan,didalam tabel pemesanan memiliki sembilan atribut yaitu
kodepesan,id_pesan,tgl,id_member,kodeproduk,hrg,diskon,kodeorder,konfirmasi.Tab
el admin memiliki dua atribut yaitu user dan pass,tabel admin mengkonfirmasi ke
tabel pesan.
Universitas Sumatera Utara
47
Idmember
nama
Kode
paket
1
paket
jk
n
menyajikan
Paket
Member
alamat
n
jenis
pass
Memesan
kodepesan
n
user
Idpesan
n
1
Admin
mengkonfirmasi
pemesanan
tgl
pass
Idmember
kodeproduk
hrg
diskon
Kode order
konfirmasi
Gambar 3.2.4 Entity Relationship Diagram Wedding Organizer
3.4 Perancangan Database
Universitas Sumatera Utara
48
Perancangan database adalah perancangan yang dilakukan untuk menentukan file
database seperti field dan tipe data. Dalam hal merancang sebuah sistem yang
berbasis database, perancangan database merupakan hal yang perlu mendapat
perhatian khusus. Karena database berperan penting untuk memanipulasi data user
dari aplikasi yang dibuat. Kesulitan utama dalam perancangan database adalah
mengelompokkan field-field secara terstruktur ke dalam beberapa tabel sesuai dengan
informasi yang terkandung di dalamnya. Berikut adalah rancangan tabel yang
digunakan dalam membangun database :
Tabel 3.3 Tabel Admin
No
Field Nama
Data Tipe
Size
Keterangan
1
Username
Varchar
50
Username
2
Pass
Varchar
50
Password
Tabel 3.4 Tabel Galeri
No
Field Nama
Data Tipe
Size
Keterangan
1
Id
Int
11
Id
2
Gbr
Varchar
255
Gambar
3
Ket
Text
30
Keterangan
4
Kodprdk
varchar
50
Kode Produk
Universitas Sumatera Utara
49
Tabel 3.5 Tabel Gambar
No
Field Nama
Data Tipe
Size
Keterangan
1
Id
Int
11
Id
2
Gbr
varchar
255
Gambar
Tabel 3.6 Tabel Member
No
Field Nama
Data Tipe
Size
Keterangan
1
Idmember
Int
10
Id member
2
Varchar
255
3
Nama
Varchar
255
Nama
4
Jk
Varchar
255
Jenis kelamin
5
Almt
Varchar
255
Alamat
6
Pwd
Int
20
Password
Tabel 3.7 Tabel Paket
No
Field Nama
Data Tipe
Size
Keterangan
1
Kodepkt
Varchar
50
Kode paket
2
Pkt
Varchar
255
Paket
3
Jns
varchar
255
Jenis
Universitas Sumatera Utara
50
Tabel 3.8 Tabel Paket Jenis
No
Field Nama
Data Tipe
Size
Keterangan
1
Idpktjns
Int
11
Id paket jenis
2
Kodpkt
Varchar
50
Kode paket
3
Kodprdk
Varchar
50
Kode produk
4
Prdk
Varchar
255
Produk
5
Hrg
Double
-
Harga
6
Ket
Text
255
Keterangan
Tabel 3.9 Tabel Pengaturan
No
Field Nama
Data Tipe
Size
Keterangan
1
Krtria
Varchar
100
Kriteria
2
Nil
Text
-
Nilai
Tabel 3.10 Tabel Pesan
No
Field Nama
Data Tipe
Size
Keterangan
1
Idpsn
Int
11
Id pesan
2
Tgl
Date
-
Tanggal
3
Idmembr
Int
11
Id member
4
Kodpesn
Int
11
Kode pesan
Universitas Sumatera Utara
51
5
Kodprdk
Varchar
50
Kode produk
6
Hrg
Double
11
Harga
7
Dskn
Int
1
Diskon
8
Kodorder
Bigint
11
Kode order
9
Knfrmsi
Int
1
Konfirmasi
Tabel 3.11 Tabel Slider
No
Field Nama
Data Tipe
Size
Keterangan
1
Idslider
Int
11
Id slider
2
Gbr
Varchar
255
Gambar
3
Ket
Varchar
255
Keterangan
Tabel 3.12 Tabel Testimonial
No
Field Nama
Data Tipe
Size
Keterangan
1
Idtesti
Int
11
Id testimonial
2
Idmember
Int
11
Id member
3
Tgl
Date
-
Tanggal
4
Pesn
Text
-
Pesan
3.4 Flowchart
Flowchart
adalah
sekumpulan
simbol-simbol
yang
menunjukkan
atau
menggambarkan rangkaian kegiatan-kegiatan program dari awal hingga akhir,
Universitas Sumatera Utara
52
flowchart juga digunakan untuk menggambarkan urutan langkah-langkah pekerjaan
di suatu algoritma. Di dalam web ada beberapa flowchart, yaitu flowchart menu
utama, flowchart administrator, dan lain-lain. Berikut ini merupakan penjelasan
logika program Perancangan Wedding Organizer berbasis web berikut ini.
3.4.1 Flowchart Menu Utama
Flowchart menu utama menjelaskan bagan dari halaman menu utama website. Di
dalam tampilan halaman utama tersebut ada beberapa halaman yang telah disajikan
oleh admin agar dapat dilihat oleh user tanpa harus melakukan proses login terlebih
dahulu. Dimulai dari start masuk ke halaman pertama yaitu home.
Jika user memilih halaman home maka yang akan muncul adalah menu
dalam home yaitu paket,jenis paket,slider. Jika registrasi dibuka maka akan muncul
menu dalam halaman registrasi.Jika memilih Wedding Organizer maka akan keluar
produk dan kode beserta keterangan yang lainnya dan begitu juga jika memilih Event
organizer.Jika memilih Testimonial makan akan muncul testimoni dari beberapa
pelanggan.Jika memilih Data Order maka akan mucul jumlah harga dan apa saja yang
telah kita order lalu dilanjutkan ke menu pembayaran.Jika memilih Galeri makan
akan ditampilkan foto atau album tentang yang menyangkut dengan wedding dan
event organizer.Jika memilih halaman kontak kami maka akan muncul halaman
kontak kami. Jika tidak maka akan keluar dari aplikasi tersebut dan selesai. Untuk
lebih jelasnya dapat dilihat pada gambar 3.4.1 flowchart menu utama berikut ini.
Universitas Sumatera Utara
53
Mulai
N
Paket
Y
Form Paket
Y
Form jenis
Paket
Y
Form
Pemesaan
Y
Form Slider
A1
N
Jenis Paket
N
Pemesanan
N
Slider
Form Geleri
Form Member
Form
Pengaturan
Y
Y
Y
N
Testimonial
Y
Form
Testimonial
Galeri
N
Member
N
Pengaturan
N
Logout
N
Selesai
Y
Gambar 3.4.1 Flowchart Menu Utama
3.4.2 Flowchart Menu Administrator
Flowchart ini menjelaskan bagan dari halaman web administrator. Untuk masuk ke
halaman ini admin maka akan muncul tampilan halaman admin. Selanjutnya home
page halaman admin, maka akan muncul input link. Jika input link admin benar maka
admin dapat menginput tambah admin.jika salah maka akan mucul pesan error dan
selanjutnya jika benar maka akan dilanjutkan dan login selesai. Untuk lebih jelasnya
dapat dilihat pada gambar 3.4.2 flowchart menu administrator.
Universitas Sumatera Utara
54
Mulai
Masukkan
Username
dan
Password
Login=True
Msg Login
Error
N
Y
Selesai
Gambar 3.4.2 Flowchart Menu Administrator
3.4.3 Flowchart Tambah Paket
Flowchart ini menjelaskan bagan dari halaman web tambah paket. Dimulai dari
tambah jenis paket,kode paket,simpan data,rercord duplikat,pesan data duplikat.untuk
menghapus paket dimulai dari tampilan halaman utama,hapus,selanjutnya hapus
record,selanjutnya ke database tabel jenis paket.untuk mengedit muncul halaman
utama edit selanjutnya tampil record,update record lalu kembali ke halaman
utama.Untuk lebih jelasnya dapat dilihat pada gambar 3.4.3 flowchart menu Tambah
Paket.
Universitas Sumatera Utara
55
A1
N
N
Tambah Paket
N
Hapus
N
Edit
Y
Tampil Record
Update Record
Msg Data
Duplikat
Y
Y
Kode Paket
Paket
Jenis Paket
Y
Simpan Data
Record Duplikat
Y
N
Hapus Record
tblpaket
Update Record
Gambar 3.4.3 Flowchart Tambah Paket
3.4.4 Flowchart Pemesanan
Flowchart ini menjelaskan bagan dari halaman web pemesanan.Dimulai dari untuk
menyimpan data yaitu Pemesanan kode order simpan data,record duplikat,pesan
data duplikat. Untuk menghapus atau mengedit daftar pemesanan dimulai dari
pemesanan,hapur record,tabel pesan.update record.untuk mengedit dari pemesanan
tampil record,update record dan selanjutnya kembali ke halaman utama.Untuk lebih
jelasnya dapat dilihat pada gambar 3.4.4 flowchart menu Pemesanan.
Universitas Sumatera Utara
56
A1
N
N
Pemesanan
N
Hapus
N
Edit
Y
Tampil Record
Update Record
Msg Data
Duplikat
Y
Y
Y
Kode Order
Simpan Data
Record Duplikat
Y
N
Hapus Record
tblpesan
Update Record
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
57
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
58
WEDDING ORGANIZER
Home
Wedding
organizer
Event
Organizer
Testimonia
Registrasi
Input
Pendaftaran
Galeri
Login
Contac
Input Hubungi
Kami
Home
login
Admin
Input paket
Input jenis
paket
pemesanan
Input slider
Input galeri
testimonial
Data
Member
Pengaturan
Input File
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.
Universitas Sumatera Utara
59
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
60
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
61
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
62
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
63
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
64
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
65
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
66
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
67
Gambar 3.5.8 Tampilan Menu Hubungi Kami
Universitas Sumatera Utara
68
BAB 4
IMPLEMENTASI SISTEM
5.1 Definisi Implementasi Sistem
Implementasi sistem adalah suatu prosedur yang dilakukan untuk menyelesaikan
sistem yang ada dalam dokumen rancangan sistem yang telah disetujui dan telah
diuji, menginstal dan menggunakan sistem baru yang telah diperbaiki. Adapun
langkah-langkah yang dibutuhkan dalam implementasi sistem adalah:
1. Mendapatkan software dan hardware yang tepat serta sesuai untuk merancang
website.
2. Menyelesaikan rancangan sistem.
3. Menulis, menguji, mengontrol, dan mendokumentasikan website.
4. Mendapatkan persetujuan.
5.2 Tujuan Implementasi Sistem
Adapun tujuan implementasi sistem adalah sebagai berikut:
1. Mengkaji rangkaian sistem baik dari segi software maupun hardware sebagai
sarana pengolahan data dan penyajian informasi.
2. Menyelesaikan rancangan sistem yang ada didalam dokumen sistem yang baru
atau yang telah disetujui.
Universitas Sumatera Utara
69
3. Memastikan pengujung dapat mengoprasikan dengan mudah terhadap sistem yang
baru dan mendapat informasi yang baik dan jelas.
4. Memastikan bahwa yang telah berjalan dengan lancer dan melakukan instalasi secara
benar .
5.3 Komponen Sistem
Komponen-komponen system yang dibutuhkan dalam membangun aplikasi ini
diantaranya adalah:
a. Hardware
Hardware adalah suatu komponen yang sangat dibutuhkan dalam mewujudkan
sistem yang diusulkan. Dalam hal ini penulis merinci spesifikasi komponen hardware
yaitu:
1. Sistem Operasi menggunakan windows 7
2. PC dengan processor intel inside
3. RAM dengan kapasitas 2.00 GB.
4. Flash disk 16 GB
5. Monitor super VGA.
6.
Memory minimal 128MB.
7. Keyboard.
8. Mouse.
b. Software
Universitas Sumatera Utara
70
Hardware tidak akan pernah memecahkan suatu masalah tanpa adanya komponen
software. Adapun software yang digunakan dalam pembuatan website ini adalah :
1. Sistem Opersai Ms. Windows .
2. Internet explorer, Mozila firefox, Google Chrome sebagai browser.
3. Xampp versi 3.1.0
4. Apache 2.2.18
5. PHP versi 5.3.5
6. MySQL 5.0.20
c. Brainware
Brainware adalah semua pihak yang bertanggung jawab dalam pengembangan
sistem informasi, pemrosesan, dan penggunaan keluaran sistem informasi.
Brainware dalam sistem informasi terbagi 3 yaitu:
1. Sistem Analis : orang yang menganalisa sistem dengan mempelajari masalahmasalah yang timbul dan menentukan kebutuhan pemakai dan mengidentifikasi
pemecahan yang beralasan.
2. Programmer : orang yang membuat system dengan menggunakan salah satu
bahasa pemrograman yang dikuasai.
3. Operator : orang yang memakai sistem.
Ketika telah selesai mengerjakan tahap perancangan sistem, baik dalam
merancang tabel-tabel didalam database dengan menggunakan php Myadmin maupun
dalam merancang halaman-halaman website. Kini program tersebut dapat
Universitas Sumatera Utara
71
dijalankan.Adapun prosedur penggunaan system secara manual dapat diuraikan
sebagai berikut:
1. Aktifkan software Apache, PHP, dan MySQL yang telah diinstal pada computer
dengan cara mengklik start.
2. Kemudian buka salah satu aplikasi web browser yang ada pada komputer anda
seperti Mozila firefox.
3. Lalu ketikan pada alamat website sesuai dengan nama folder dimana disimpan,
contoh : http://locaslhost/wo dalam address bar untuk menu utama, kemudaian
tekan enter.
4. Setelah halaman menu utama terbuka, ada terdapat beberapa pilihan halaman link
yang disajikan untuk user. Pilih salah satu link tersebut.
5. Link Registrasi berisikan suatu form yang harus diisi oleh user pada waktu
mendaftar.
5.4 Tampilan Menu Utama
Pada form ini user harus mengisi form pendaftaran/registrasi agar bisa login. Untuk
lebih jelasnya dapat dilihat pada gambar 5.4.1 tampilan menu beranda Registrasi
berikut ini.
Universitas Sumatera Utara
72
Gambar 5.4.1 Tampilan Menu Beranda Registrasi
Di dalam menu login ada username dan password yamg akan digunakan untuk login.
Untuk lebih jelasnya dapat dilihat pada gambar 5.4.2 tampilan menu login berikut ini.
Universitas Sumatera Utara
73
Gambar 5.4.3 Tampilan Menu Login
Di dalam menu testimonial dapat digunakan untuk komentar ataupun pendapat
tentang wedding organizer yang sudah mengorder . Untuk lebih jelasnya dapat dilihat
pada gambar 5.4.4 Tampilan menu testimonial berikut ini.
Universitas Sumatera Utara
74
Gambar 5.4.4 Tampilan Menu Testimonial
Didalam Wedding Organizer terdapat produk yang disajikan lengkap dengan harga
dan keterangan. Untuk lebih jelasnya dapat dilihat pada gambar 5.4.5 tampilan menu
wedding organizer berikut ini.
Universitas Sumatera Utara
75
Gambar 5.4.5 Tampilan Menu Wedding Organizer
Didalam Event Organizer terdapat produk yang disajikan lengkap dengan harga dan
keterangan dalam event. Untuk lebih jelasnya dapat dilihat pada gambar 5.4.6
tampilan menu event organizer berikut ini.
Universitas Sumatera Utara
76
Gambar 5.4.6 Tampilan Menu Event Organizer
Didalam Galeri terdapat berbagai jenis foto yang berkaitan dengan wedding organizer
dan event organizer. Untuk lebih jelasnya dapat dilihat pada gambar 5.4.7 tampilan
menu event organizer berikut ini.
Universitas Sumatera Utara
77
Gambar 5.4.7 Tampilan Menu Galeri
Didalam Menu Cara Bayar terdapat bagaimana cara melakukan pembayaran dan
disertakan nomor rekening serta email dan format yang berkaitan dengan cara
pembayaran. Untuk lebih jelasnya dapat dilihat pada gambar 5.4.8 tampilan menu
Cara Bayar berikut ini.
Universitas Sumatera Utara
78
Gambar 5.4.8 Tampilan Menu Cara Bayar
Didalam Menu Hubungi Kontak ini terdapat kontak person no.hp, email dan
lokasi.contact person ini dapat memberikan kepercayaan yang lebih kepada para
pelanggan ataupun user dalam hal pemesanan. Untuk lebih jelasnya dapat dilihat pada
gambar 5.4.9 tampilan menu Hubungi Kontak berikut ini.
Universitas Sumatera Utara
79
Gambar 5.4.9 Tampilan Menu Hubungi Kontak
Universitas Sumatera Utara
80
BAB 5
KESIMPULAN DAN SARAN
6.1 Kesimpulan
Dari hasil pembahasan tentang perancangan aplikasi wedding organizer berbasis web,
maka dapat mengambil beberapa kesimpulan diantaranya adalah sebagai berikut :
1. Dengan adanya aplikasi Wedding Organizer ini, mempermudah user dalam hal
pemesanan dan mengefisienkan waktu.
2. Dengan adanya aplikasi Wedding Organizer ini, maka dapat menghemat biaya
user dalam hal mencari wedding organizer.
3. Fleksibel dengan Budget,Hal ini berkaitan erat dengan kreativitas sebuah Wedding
Organizer dalam meramu sebuah konsep.
4. Pembuatan program dengan menggunakan PHP & MYSQL lebih mudah dalam
hal perancangan maupun untuk hasil akhirnya (output).
6.2 Saran
Dari hasil pembahasan tentang perancangan Aplikasi Wedding Organizer Berbasis
Web ini, maka ada beberapa saran yaitu sebagai berikut :
1. Sebaiknya dilakukan perawatan dan pengembangan aplikasi oleh pihak tertentu
untuk lebih mengoptimalkan sitem yang telah dirancang.
2. Diharapkan program ini bermanfaat bagi para pembaca.
Universitas Sumatera Utara