bab 4 implementasi dan evaluasi 4.1 perancangan 4.1.1 ...thesis.binus.ac.id/doc/bab4/2010-1-00844-ka...

79

BAB 4

IMPLEMENTASI DAN EVALUASI

4.1 Perancangan

4.1.1 Narasi Sistem E-Marketing dan Reservasi Online Pada Website Hasil

Perancangan

Pada awalnya, pelanggan akan memasuki halaman website Restaurant Angke.

Setelah pelanggan memasuki website, maka pelanggan akan dipersilahkan untuk

melihat menu – menu yang ditawarkan oleh website, yang meliputi:

1. Bagian menu Home

Di bagian ini pelanggan dapat melihat event dan promosi yang ada di Restaurant

Angke.

2. Bagian Menu Location

Di bagian menu ini memberikan gambaran kepada pelanggan tentang bagian

interior dari ruangan yang dapat dipakai untuk pesta.

3. Bagian Menu Wedding & Function

Di bagian menu ini pelanggan dapat melihat paket meja prasmanan dan paket

pesta meja yang dapat dipesan oleh pelanggan. Di bagian menu ini pelanggan

juga dapat melakukan reservasi tetapi pelanggan harus terlebih dahulu tedaftar

sebagai member.

4. Bagian Menu Features

Di bagian menu ini terdapat sub menu Angke Fren, Photo Gallery, Sekilas

Angke dan Peta Angke. Sub menu Angke Fren memberikan informasi kepada

pelanggan tentang penukaran point. Pada sub menu photo gallery pelanggan

80

dapat melihat foto – foto menu makanan, foto – foto ruangan yang dapat dipakai

untuk wedding reception dan foto – foto Restaurant Angke di jaman dahulu. Sub

menu Sekilas Angke memberikan informasi tentang sejarah dari Restaurant

Angke. Sub menu Peta Angke memberikan informasi kepada pelanggan tentang

denah / arah jalan untuk menuju Restaurant Angke.

5. Bagian Menu Contact Us

Di bagian menu ini pelanggan dapat memberikan pertanyaan, kritik dan saran

tentang Restaurant Angke.

6. Bagian Menu Registrasi

Pada bagian ini pelanggan dapat melakukan registrasi untuk melakukan reservasi

secara online.

7. Bagian Log in pelanggan

Pada bagian ini pelanggan dapat melihat biodata dari pelanggan itu sendiri dan

melakukan update jika terjadi perubahan biodata.

8. Bagian Log in admin

Pada bagian ini setelah admin melakukan log in, admin dapat melihat laporan

dari Tr_booking, Tr_reservasi, Tr_pembayaran dan Ms_pelanggan. Admin disini

hanya dapat melakukan perubahan pada Tr_booking hal ini digunakan untuk

menjaga pengendalian internal pada sistem.

81

4.1.2 Use Case Proses Bisnis E-Marketing Sistem yang Dirancang

Gambar 4.1.2 Gambar Use Case Sistem e-marketing yang Dirancang

82

4.1.3 Overview Acti vity Diagram E-Marketing Sistem Yang Dirancang

Gambar 4.1.3 Overview Activity Diagram Sistem Yang Dirancang

83

4.1.4 Narasi Overview Acti vity Diagram E-Marketing

Marketing akan merancang menu paket baru dan mencetak rancangan paket

tersebut,setelah mencetak bagian marketing akan mengusulkan rancangan

tersebut pada saat rapat Direksi. Kalau Directur utama setuju dengan rancangan

bagian marketing, bagian marketing akan memberikan rancangan tersebut ke

bagian admin. Bagian admin akan mengupdate Ms_Paket, menambahkan

Ms_paket baru dan menghapus Ms_paket . Kemudian admin akan menampilkan

update ataupun tambahan dari Ms_paket ke halaman home. Admin disini juga

dapat mereply email dari pelanggan yang bertanya tentang produk yang

ditawarkan. Sedangkan jika Directur utama tidak setuju dengan usulan atau

rancangan menu yang dibuat oleh bagian marketing, maka directur utama akan

meminta bagian marketing merancang lagi menu yang lain.

84

4.1.5 Use Case reservasi online yang diusulkan

Gambar 4.1.5 gambar use case system reservasi online yang diusulkan

85

4.1.6 Overview Acti vity Diagram Reservasi yang Diusulkan

Gambar 4.1.6 Overview Activity Diagram reservasi online yang diusulkan

86

4.1.7 Narasi Overview Acti vity Diagram dari reservasi online yang diusulkan

Pada awalnya pelanggan masuk ke website kemudian membuka Web Restaurant

Angke untuk melihat-lihat paket wedding baik yang prasmanan maupun yang

paket meja, yang di ambil pada Ms_Paket. Jika pelanggan berminat untuk

melakukan reservasi maka pelanggan akan mengklik header reservasi dan

kemudian pelanggan harus melakukan log in terlebih dahulu. Bagi pelanggan

yang bukan member maka pelanggan di minta untuk mengisi form registrasi,

sedangkan pelanggan yang sudah member pelanggan akan langsung mengisi

form reservasi . di form reservasi data pelanggan akan diambil dari

Ms_Pelanggan dan jenis-jenis paket diambil dari Ms_Paket. Pada form reservasi

pelanggan bisa memilih tempat,tanggal dan tahun wedding.

Setelah pelanggan selesai maka bagian admin akan mengecek apakah ada

pelanggan yang melakukan reservasi, kalau ada bagian admin akan membuka

Tr_Reservasi dengan mengecek tanggal yang dipilih pelanggan, apakah tanggal

tersebut tersedia atau tidak tersedia. Jika tanggal yang dipilih pelanggan tidak

tersedia maka bagian admin akan melakukan konfirmasi kepada pelanggan

melalui email, sedangkan bagi pelanggan yang tempatnya tersedia bagian Admin

akan langsung memberikan kode booking dan nomer rekening dari Restaurant

Angke kepada pelanggan untuk melakukan pembayaran. Setelah pelanggan

mendapatkan kode booking, pelanggan melakukan pembayaran seperti yang

sudah ditentukan di website Restaurant Angke kemudian pelanggan akan

mengisi formulir pembayaran sebagai bukti bahwa pelanggan telah melakukan

pembayaran.

87

Bagian admin akan mengecek Tr_booking,Tr_Reservasi dan

Tr_Pembayaran,dengan membuka Tr_booking,Tr_Reservasi dan Tr_Pembayaran

dan mencetaknya. Bagian admin akan memberikan Tr_booking,Tr_Reservasi

dan Tr_Pembayaran ke bagian finance yang nantinya bagian finance akan

mengecek ke Bank , apakah uang yang dari pelanggan sudah masuk atau belum ,

jika uang pelanggan sudah masuk maka bagian finance akan membuat laporan

sesuai dengan mengambil data dari Tr_booking, Tr_reservasi dan

Tr_pembayaran. Kemudian bagian finance akan mengkonfirmasi bagian admin

jika bagian finance sudah membuat laporan, bagian admin pun akan melakukan

konfirmasi ke pelanggan melalui Email. Sedangkan bagi pelanggan yang

uangnya belum masuk maka bagian Admin akan melakukan pengecekan ulang .

88

4.1.8 Class Diagram Sistem Yang Disulkan

Gambar 4.1.5 Class Diagram Sistem Yang Disulkan

4.1.9 Narasi Class Diagram Yang Diusulkan

Dalam perancangan web ini diperlukan 5 class yaitu:

1. Ms_Pelanggan

- Primary key : Id_pelanggan

- Foreign key : n/a

89

- Description : Class ini berfungsi untuk menyimpan data pelanggan yang

telah melakukan reservasi guna memudahkan untuk melakukan

konfirmasi dan memudahkan pelanggan untuk melakukan reservasi

selanjutnya karena data pelanggan telah tersimpan.

2. Tr_.Reservasi

- Primary key : Kd_reservasi

- Foreign key : Kd_paket , Tr_booking, Id_pelanggan, Tr_pembayaran

- Description : Class ini berfungsi untuk menyimpan data reservasi yang

disubmit oleh pelanggan guna memudahkan admin melakukan konfirmasi

dan mengupdate status booking.

3. Ms_Paket

- Primary key : Kd_paket

- Foreign key : n/a

- Description : Class ini berfungsi untuk menyimpan data paket – paket apa

saja yang disediakan oleh Restaurant Angke.

4. Tr_Booking

- Primary key : Kd_booking

- Foreign key : Kd_reservasi

- Description : Class ini berfungsi untuk menyimpan kode booking yang

digenerate oleh komputer untuk memudahkan admin untuk melihat

pelanggan mana saja yang telah melakukan pembayaran.

5. Tr_Pembayaran

- Primary key : Kd_pembayaran

90

- Foreign key : Kd_booking

- Description : berfungsi untuk menyimpan data pembayaran untuk

memudahkan admin melakukan update status booking pada Tr_booking.

6. Admin

- Primary key : Id_admin

- Foreign key :n/a

- Description : Class ini berfungsi untuk menyimpan data – data admin.

Admin disini berguna untuk membantu dalam proses reservasi online.

4.1.10 Rancangan Database Yang Diusulkan

1. Ms_pelanggan

Ms_Pelanggan berisi data-data customer yang melakukan reservasi

Primary key : Id_Pelanggan

Nama Field Tipe Panjang Field Keterangan

Id_pelanggan Char 15 Kode Pelanggan

Nama Char 25 Nama Pelanggan

Gender Char 6 Jenis Kelamin

Tanggal_lahir Date 10 Tanggal lahir

Alamat Char 40 Alamat Pelanggan

Email Char 30 Email Pelanggan

No_Ktp Int 20 No Ktp Pelanggan

Username Char 20 Username Pelanggan

Password Char 15 Password Pelanggan

91

Tabel Ms_pelanggan

2. Ms_ paket

Ms_Paket berisi data-data paket menu yang terdapat pada Restaurant Angke

Primary key : Kd_paket


kd_paket Char 10 Kode Paket Wedding

Jenis_Paket Char 25 Jenis Paket Wedding

Deskripsi Char 50 Keterangan Paket Wedding

Harga Int 15 Harga Jenis Paket Wedding

Tabel Ms_ paket

3. Tr_reservasi

Tr_Reservasi berisi data-data yang perlu diisi dalam melakukan reservasi

Primary key : kd_reservasi


Jenis_paket_prasmanan

_gading

Char 15 Jenis paket prasmanan gading

Jenis_paket_prasmanan

_Ketapang

Char 15 Jenis paket prasmanan ketapang

Jenis paket meja gading Char 15 Jenis paket meja gading

Jenis paket meja ketapang Int 5 Jenis paket meja ketapang

Total_book_desk Int 5 Total meja yang dipesan

92

Tanggal reservasi Date 10 Tanggal reservasi

Jam reservasi Int 5 Jam reservasi

No telepon Int 15 No telepon

Pesan Pesan reservasi

Tabel Tr_reservasi

4. Tr_Booking

Tr_Booking berisi data-data reservasi pelanggan

Primary Key : Kd_Booking


Kd_booking Char 15 Kode Booking

Kd_Reservasi Char 15 Kode Reservasi

Tabel Tr_ booking

5. Tr_Pembayaran

Tr_Pembayaran berisi data-data pembayaran DP pelanggan

Primary Key: Kd_Pembayaran


Kd_pembayaran Char 15 Kode Pembayaran

Kd_Booking Char 15 Kode Booking

Nama_Rekening Char 25 Nama Rekening Pelanggan

No_Rekening Int 20 No Rekening Pelanggan

Total_Pembayaran Int 15 Total Pembayaran

93

Tabel Tr_ pembayaran

6. Ms_admin

Ms_admin berisi biodata admin

Primary Key : Id_admin


Id_Admin Char 15 Kode Admin

Nama Char 25 Nama Admin

Alamat Char 40 Alamat Admin

Email Char 30 Email Admin

No_Ktp Int 20 No Ktp Admin

No_Telepon Int 15 No Telepon Admin

Username Char 20 Username Admin

Password Char 15 Password Admin

Tabel Ms_admin

4.2 Implementasi

4.2.1 Kebutuhan Sumber Daya

Sumber daya yang dibutuhkan untuk menjalankan sistem reservasi online

di Restaurant Angke terdiri dari : perangkat keras, perangkat lunak,

jaringan, dan sumber daya manusia.

Penjelasan rinci dari masing-masing sumber daya tersebut dijelaskan

dibawah ini.

94

4.2.2 Kebutuhan Perangkat Keras

Perangkat keras yang dibutuhkan untuk membangun sistem ini terdiri dari:

a. Sumber daya perangkat keras untuk sistem developer

Sumber daya ini merupakan perangkat keras yang dibutuhkan untuk menjadi

server untuk sistem reservasi pada Restaurant Angke .

Spesifikasi yang dipakai penulis untuk membangun sistem penjualan online

ini antara lain :

1. Processor : Intel Pentium III 750 Mhz atau lebih

2. Memory : 256 Mb

3. Harddisk : 40 Gb

4. Optical Drive : CD ROM

5. VGA Card : 32 Mb

6. Keyboard

7. Mouse

8. Monitor

9. Jaringan yang terhubung dengan internet

b. Sumber daya perangkat kelas untuk client

Spesifikasi perangkat keras yang paling minim untuk menjalankan

aplikasi ini sebagai client antara lain :

1. Processor : Intel Pentium III 750 Mhz atau lebih

2. Memory : 256 Mb

3. Harddisk : 40 Gb

4. Optical Drive : CD ROM

95

5. VGA Card : 32 Mb

6. Keyboard

7. Mouse

8. Monitor

9. Jaringan yang terhubung dengan internet

4.2.3 Kebutuhan Perangkat Lunak

Perangkat lunak yang dibutuhkan untuk menjalankan sistem pemesanan ini

adalah:

a. Kebutuhan perangkat lunak untuk web server :

1. Sistem Operasi : Microsoft Windows XP Professional

2. Web Container : BlueDragon Server 6.2

3. Database : MySQL

4. Browser : Mozzila Firefox 3 (recommended)

5. Web Design : Macromedia Dreamweaver MX 2004

b. Kebutuhan perangkat lunak untuk client :

1. Sistem Operasi : Microsoft Windows XP Professional

2. Browser : Internet Explorer / Mozzila Firefox 3

4.2.4 Kebutuhan Jaringan

Sebagai website pemasaran , jaringan internet merupakan salah satu sumber

daya yang sangat penting dalam sistem reservasi ini. Jaringan ini berfungsi untuk

menghubungkan web server dengan client yang mengakses website ini

96

4.2.5 Kebutuhan Sumber Daya Manusia

Untuk menjalankan sistem ini, dibutuhkan sumber daya manusia yang berperan

sebagai:

1. Customer

User ini berperan sebagai pemesan dalam sistem pemesanan ini.

2. Administrator

Sistem administrator ini beperan sebagai orang di balik layar yang mengurus

semua data di dalam database sistem pemesanan ini. Dia juga berperan dalam

proses maintainance sistem kelak.

97

4.3 Perancangan Layar

4.3.1 Rancangan layar yang diusulkan

A . Rancangan Layar Umum

Gambar A Rancangan Layar Umum

Pada halaman ini, user bisa melihat gambaran umum Restaurant Angke serta promo-

promo yang ada dan event-event di Restaurant Angke.

Logo Perusahaan

Home Location Wedding&Function Features Contact Us

Promosi

Sejarah perusahaan dan gambaran umum

perusahaan

Username :

Password :

Login Register

Login/Register

Klikbca.com

Copyright & Alamat perusahaan

98

Logo Perusahaan


Lokasi 1

Lokasi 2


Angke Kelapa Gading

Angke Ketapang

B. Rancangan Halaman Location

Gambar b Rancangan Halaman Location

Halaman ini menampilkan gambaran lokasi Restaurant Angke , baik lokasi yang berada

di Kelapa Gading dan Ketapang.

99

C. Rancangan Halaman Wedding & Function

Gambar C Rancangan Halaman Wedding & Function

Pada halaman ini ditampilkan produk-produk wedding & function seperti paket pesta

prasmanan di Angke Kelapa Gading dan Ketapang.

Logo Perusahaan


Lokasi 1 Angke Kelapa Gading

Lokasi 2 Angke Ketapang


Paket Pesta Prasmanan

Paket Pesta Meja

Reservasi

100

D. Rancangan Halaman Wedding and Function

Paket Pesta Prasmanan Restaurant Angke Kelapa Gading

Gambar D Rancangan Halaman Wedding and Function

Pada halaman ini user bisa melihat informasi paket pesta prasmanan untuk wedding di

lokasi Restaurant Angke Kelapa Gading

Logo Perusahaan


Paket 1 Oriental Wedding

Banquet

Paket 2 Imperial Wedding

Banquet


Paket Pesta Prasmanan Kelapa Gading

Paket 3 Cupid Bliss Wedding

Banquet

101

E. Wedding and Function

Paket Pesta Paket Meja Restaurant Angke Kelapa Gading

Gambar E Rancangan Wedding and Function

Pada halaman ini user bisa melihat informasi paket pesta meja untuk wedding di lokasi

Restaurant Angke Kelapa Gading

Logo Perusahaan


Paket 1

Menu


Paket Pesta Paket Meja Kelapa Gading

Paket 3

Menu

Paket 5

Menu

Paket 7

Menu

Paket 2

Menu

Paket 4

Menu

Paket 6

Menu

Paket 8

Menu

102

F. Wedding and Function

Paket Pesta Paket Meja Restaurant Angke Ketapang

Gambar F Rancangan Halaman Wedding and Function

Pada halaman ini user bisa melihat informasi paket pesta meja untuk wedding di lokasi

Restaurant Angke Ketapang

Logo Perusahaan


Paket 1

Menu


Paket Pesta Paket Meja Ketapang

Paket 3

Menu

Paket 2

Menu

Paket 4

Menu

103

G. Reservasi

Gambar G. Rancangan Halaman Reservasi

Logo Perusahaan


Reservasi


/

Jenis Paket Prasmanan Gading :

Jenis Paket Prasmanan Ketapang :

Jenis Paket Meja Gading:

Jenis Paket Meja Ketapang :

Tanggal Reservasi :

Jam Reservasi :

Nomor Tlp / Handphone :

Pesan :

/ s/d

Welcome. xxx

Log out

Submit

104

Pada halaman ini user yang terdaftar bisa melakukan reservasi, di dalam reservasi user

dapat memilih menu paket sesuai keinginan user, serta tanggal, bulan, tahun dan jam

untuk reservasi.

H. Rancangan Halaman Feature

Gambar H. Rancangan Halaman Feature

Pada halaman ini terdapat link informasi mengenai feature-feature yang ada pada

Restaurant Angke

Logo Perusahaan

Home Location Wedding&Function

Features Contact Us


Angke Fren Photo Gallery

Sekilas Peta Angke

Angke Fren Photo Gallery

Sekilas Angke Photo Gallery

105

I . Rancangan Halaman Feature

Rancangan Halaman Feature Angke Fren

Gambar I . Rancangan Halaman Feature Angke Fren

Pada halaman feature ini terdapat informasi mengenai feature angke fren yaitu sebuah

member untuk para pelanggan angke, kecuali untuk pelanggan wedding. Pada halaman

ini dijelaskan point-point hadiah dan merchandise seperti : payung, handphone

,minuman,dan sebagainya .

Logo Perusahaan


Features Contact Us


Angke Fren Angke Fren

Photo Gallery

Sekilas Angke Menu

Menu

Menu

106

J . Rancangan Feature

Rancangan Halaman Feature Photo Gallery

Gambar J . Rancangan Feature Photo Gallery

Pada halaman ini terdapat foto – foto Restaurant Angke, dan menu makanan yang ada di

Restaurant Angke.

Logo Perusahaan


Features Contact Us


Angke Fren

Photo Gallery Sekilas Angke

Peta Angke

Kelapa Gading Menu Doloe

107

K. Rancangan Halaman Rancangan Halaman Feature Photo Gallery Kelapa

Gading

Gambar K . Rancangan Halaman Rancangan Halaman Feature Photo Gallery Kelapa

Gading

Pada halaman ini terdapat foto – foto Restaurant Angke Kelapa Gading

Logo Perusahaan


Features Contact Us


Photo Gallery Kelapa Gading

Photo

Photo

Photo

Photo

Photo

Photo

Photo

Photo

Photo

Photo

Photo

Photo

Photo

Photo

Photo

108

L. Rancangan Halaman Feature Photo Gallery Menu

Gambar L Rancangan Halaman Feature Photo Gallery Menu

Pada halaman ini terdapat gambar menu-menu yang ada di Restaurant Angke

Logo Perusahaan


Features Contact Us


Photo Gallery Menu

Photo Menu

Photo Menu

Photo Menu

Photo Menu

Photo Menu

Photo Menu

Photo Menu

Photo Menu

Photo Menu

Photo Menu

Photo Menu

Photo Menu

Photo Menu

Photo Menu

Photo Menu

109

M. Rancangan Halaman Feature Photo Gallery Restaurant Angke Ketapang

Gambar M Rancangan Halaman Feature Photo Gallery Restaurant Angke Ketapang

Pada halaman ini terdapat foto – foto Restaurant Angke Ketapang

Logo Perusahaan


Features Contact Us


Photo Gallery Ketapang

Photo

Photo

Photo

Photo

Photo

Photo

Photo

Photo

Photo

Photo

110

N. Rancangan Halaman Feature Sekilas Sejarah Restaurant Angke

Gambar n Rancangan Layar Sekilas Sejarah Angke

Halaman ini menjelaskan tentang sejarah Restaurant Angke, dari usaha kecil – kecilan

hingga sekarang ini.

Logo Perusahaan


Sekilas Sejarah Angke


111

O . Rancangan Layar Peta Lokasi Angke

Gambar O Rancangan Layar Peta Lokasi Angke

Halaman ini terdapat peta yang akan memudahkan user untuk petunjuk jalan, jadi bagi

user yang belum mengetahu letak Restaurant Angke baik yang di kelapa gading maupun

di Ketapang, user dapat melihat petunjuk jalan lewat halaman ini.

Logo Perusahaan


Peta Angke Ketapang Peta Angke Kelapa Gading

MAP OF ANGKE RESTAURANT


112

P. Rancangan Halaman Contact Us

Gambar P Rancangan Layar Contact Us

Pada halaman ini user dapat mengirimkan keluhan atau kritik dan saran kepada

Restaurant Angke, user dapat membuka halaman ini. Di halaman ini juga terdapat

alamat dan no telepon Restaurant Angke.

Logo Perusahaan


CONTACT US

Nama Anda

Email Anda

Pesan

Kirim


Alamat Perusahaan

113

Q . Rancangan Halaman Registrasi Member

Gambar Q Rancangan Halaman Registrasi Member

Halaman registrasi member baru .

Logo Perusahaan


Registrasi

Username

Password

Nama Lengkap

Kirim


Konfirmasi password

Jenis Kelamin

Tanggal Lahir

Alamat

No. KTP

E-mail

Pria Wanita

Bulan / / Tgl Tahun

114

R . Rancangan Layar My Profile

Gambar R Rancangan Halaman My Profile

Halaman ini menampilkan My Profile member .

Logo Perusahaan


My Profile

Nama Lengkap

Update


Jenis Kelamin

Tanggal Lahir

Alamat

No. KTP

E-mail

Pria Wanita

Bulan / / Tgl Tahun

Welcome. xxx

Log out

115

S. Rancangan Layar Admin

Gambar S. Rancangan Layar Admin

Halaman ini menampilkan daftar pelanggan yang sudah melakukan registrasi

Logo Perusahaan


Daftar Pelanggan

<<Prev

Admin

Log out

Kode Pelanggan Nama Telepon Action

Pxxxxx

Pxxxxx

Pxxxxx

xxxx

xxxx

xxxx

xxxxx

xxxxx

xxxxx

Next>>


Menu

- Home - Pelanggan - Produk - Reservasi - Pembayaran - Booking - Log out

Detail Delete

Detail Delete

Detail Delete

116

T . Rancangan Halaman Daftar Produk

Gambar T. Rancangan Halaman Daftar Produk

Logo Perusahaan


Daftar Produk

<<Prev

Admin

Log out

Kode Paket Jenis Paket Harga Deskripsi

PKxxxxx

PKxxxxx

PKxxxxx

xxxx

xxxx

xxxx

xxxxx

xxxxx

xxxxx

Next>>


Menu


Detail Delete

Detail Delete

Detail Delete

Gading Ketapang

117

Menampilkan daftar produk yang ada pada Restaurant Angke

U . Rancangan Halaman Reservasi

Gambar U Rancangan Halaman Reservasi

Logo Perusahaan


Reservasi

<<Prev

Admin

Log out

Kode Reservasi Kode pelanggan Tanggal transaksi Total

KDxxxxx

KDxxxxx

KDxxxxx

Pxxxx

Pxxxx

Pxxxx

dd-mm-yyyy

dd-mm-yyyy

dd-mm-yyyy

Rpxxxxx

Rpxxxxx

Rpxxxxx

Grand Total Rpxxxxx

Next>>


Menu


118

Halaman ini menampilkan daftar reservasi yang dilakukan oleh member

V . Rancangan Halaman Pembayaran

Gambar V. Rancangan Halaman Pembayaran

Halaman ini menampilkan status pembayaran member

Logo Perusahaan


Daftar Konfirmasi Pembayaran

<<Prev

Admin

Log out

Kode Transaksi Nama Kode booking Action

KDxxxxx

KDxxxxx

KDxxxxx

xxxx

xxxx

xxxx

xxxxx

xxxxx

xxxxx

Next>>


Menu


Detail Delete

Detail Delete

Detail Delete

119

W. Rancangan Halaman Booking

Gambar W. Rancangan Halaman Booking

Halaman ini menampilkan daftar booking yang telah dipesan oleh member

Logo Perusahaan


Daftar Booking

<<Prev

Admin

Log out

Kode Booking Kode Reservasi Nama Action

KDxxxxx

KDxxxxx

KDxxxxx

xxxx

xxxx

xxxx

xxxxx

xxxxx

xxxxx

Next>>


Menu


Detail Delete

Detail Delete

Detail Delete

Gading Ketapang

120

Rancangan Layar Konfirmasi Pembayaran

Gambar X. Rancangan layar konfirmasi pembayaran

Halaman ini menampilkan form pembayaran untuk user yang telah melakukan reservasi

Logo Perusahaan


Kd_booking :

Submit


Total Pembayaran :

No. Rekening :

Welcome. xxx

Log out

Pesan :

121

Rancangan Layar Konfirmasi Pembayaran

Gambar Y. Rancangan Halaman konfirmasi pembayran

Halaman ini menampilkan layar konfirmasi pembayaran yang telah dilakukan oleh user

Logo Perusahaan


Terimakasih telah melakukan transaksi

Kode pembayaran anda adalah : kdxxx


Welcome. xxx

Log out

122

Rancangan Layar Site Map

Gambar Z. Rancangan Halaman Site Map

123

Halaman ini menampilkan navigasi dari web yang dirancang

4.3.2 Hasil Tampilan Web

Gambar tampilan layar Home

Halaman Home ini mengacu pada rancangan Gambar A , menampilkan gambaran umum

Restaurant Angke serta promo-promo yang ada dan event-event di Restaurant Angke.

124

Gambar tampilan layar Location

Halaman Location ini mengacu pada rancangan Gambar B , menampilkan gambaran

lokasi Restaurant Angke , baik lokasi yang berada di Kelapa Gading dan Ketapang

125

Gambar tampilan layar Wedding&Function

Halaman Wedding&Function ini mengacu pada rancangan Gambar C , menampilkan

produk-produk wedding & function seperti paket pesta prasmanan di Angke Kelapa

Gading dan Ketapang.

126

Gambar tampilan layar Paket Meja Kelapa Gading

Halaman Wedding&Function Paket Pesta Meja Kelapa Gading ini mengacu pada

rancangan Gambar D , Pada halaman ini user bisa melihat informasi paket pesta Paket

Meja untuk wedding di lokasi Restaurant Angke Kelapa Gading

127

Gambar tampilan layar Pesta Prasmanan Kelapa Gading

Halaman Wedding&Function Paket Pesta Meja Kelapa Gading ini mengacu pada

rancangan Gambar E Pada halaman ini user bisa melihat informasi Paket Pesta

Prasmanan untuk wedding di lokasi Restaurant Angke Kelapa Gading

128

Gambar tampilan layar Pesta Prasmanan Ketapang

Halaman Wedding&Function Paket Prasmanan Ketapang ini mengacu pada rancangan

Gambar F Pada halaman ini user bisa melihat informasi Paket Pesta Prasmanan untuk

wedding di lokasi Restaurant Angke Ketapang

129

Gambar tampilan layar Paket Pesta Meja ketapang

Halaman Wedding&Function Paket Pesta Meja ketapang ini mengacu pada rancangan

Gambar F Pada halaman ini user bisa melihat informasi paket pesta meja untuk wedding

di lokasi Restaurant Angke Ketapang

130

Gambar tampilan layar Reservation

Halaman Reservation ini mengacu pada rancangan Gambar G Pada halaman ini user

yang terdaftar bisa melakukan reservasi, di dalam reservasi user dapat memilih menu

paket sesuai keinginan user, serta tanggal, bulan, tahun dan jam untuk reservasi.

131

Gambar tampilan layar Features

Halaman ini mengacu pada rancangan Gambar H , Pada halaman ini terdapat link

informasi mengenai feature-feature yang ada pada Restaurant Angke

132

Gambar tampilan layar Feature Angke Fren

Halaman ini mengacu pada rancangan Gambar I, Pada halaman feature ini terdapat

informasi mengenai feature angke fren yaitu sebuah member untuk para pelanggan

angke, kecuali untuk pelanggan wedding. Pada halaman ini dijelaskan point-point

hadiah dan merchandise seperti : payung, handphone ,minuman,dan sebagainya

133

Gambar Photo Gallery

Halaman ini mengacu pada rancangan Gambar J , Pada halaman ini terdapat foto – foto

Restaurant Angke, dan menu makanan yang ada di Restaurant Angke.

134

Gambar tampilan layar Feature Photo Gallery

Halaman ini mengacu pada rancangan Gambar K , Pada halaman ini terdapat foto – foto

Restaurant Angke Kelapa Gading

135

Gambar tampilan layar Feature Photo Gallery Menu

Halaman ini mengacu pada rancangan Gambar L , Pada halaman ini terdapat gambar

menu-menu yang ada di Restaurant Angke

136

Gambar tampilan layar Feature Photo Gallery Sejarah

Halaman ini mengacu pada rancangan Gambar N , Halaman ini menampilkan foto-foto

Restaurant Angke pada jaman dulu .

137

Gambar tampilan layar Feature Sekilas Sejarah Angke

Halaman ini mengacu pada rancangan Gambar N , Halaman ini menjelaskan tentang

sejarah Restaurant Angke, dari usaha kecil – kecilan hingga sekarang ini.

138

Gambar tampilan layar Feature Map Peta Lokasi

Halaman ini mengacu pada rancangan Gambar O , Halaman ini terdapat peta yang akan

memudahkan user untuk petunjuk jalan, jadi bagi user yang belum mengetahu letak

Restaurant Angke baik yang di kelapa gading maupun di Ketapang, user dapat melihat

petunjuk jalan lewat halaman ini.

139

Gambar tampilan layar Contact Us

Halaman ini mengacu pada rancangan Gambar P , Pada halaman ini user dapat

mengirimkan keluhan atau kritik dan saran kepada Restaurant Angke, user dapat

membuka halaman ini. Di halaman ini juga terdapat alamat dan no telepon Restaurant

Angke.

140

Gambar Rancangan Halaman Registrasi Member

Halaman ini mengacu pada rancangan Gambar Q , menampilkan halaman registrasi

member baru .

141

Gambar Halaman My Profile

Halaman ini mengacu pada rancangan Gambar R , menampilkan My Profile member . .

142

Gambar Halaman Konfirmasi Pembayran

Halaman ini menampilkan form pembayaran untuk user yang telah melakukan reservasi

143

Gambar Halaman Daftar Pelanggan

Halaman ini mengacu pada rancangan Gambar S , halaman ini menampilkan daftar

pelanggan yang sudah melakukan registrasi

144

Gambar Halaman Daftar Produk

Halaman ini mengacu pada rancangan Gambar T , menampilkan daftar produk yang ada

pada Restaurant Angke

145

Gambar Halaman Daftar Reservasi

Halaman ini mengacu pada rancangan Gambar U, menampilkan daftar reservasi yang

dilakukan oleh member

146

Gambar Halaman Daftar Kondirmasi Pembayaran

Halaman ini mengacu pada rancangan Gambar V, menampilkan status pembayaran

member .

147

Gambar Halaman Daftar Booking

Halaman ini mengacu pada rancangan Gambar W , menampilkan daftar booking yang

telah dipesan oleh member .

148

4.4 Evaluasi Sistem

Hasil dari evaluasi analisis dan perancangan aplikasi e-merketing dan e-

commerce pada Restaurant Angke adalah sebagai berikut :

1. Kelebihan dari sistem ini adalah :

• Dengan adanya website ini , maka jangkauan pemasaran dari Restaurant

Angke semakin luas .

• Sistem reservasi online yang memudahkan pelanggan untuk melakukan

reservasi .

• Memberikan kemudahan kepada pelanggan untuk mendapatkan informasi

mengenai produk yang ditawarkan oleh Restaurant Angke

2. Kekurangan dari sistem ini adalah :

• Tidak mempunyai sistem untuk pembayaran secara langsung tanpa

melalui pihak ketiga.

bab 4 implementasi dan evaluasi 4.1 perancangan 4.1.1 ...thesis.binus.ac.id/doc/bab4/2010-1-00844-ka...

Documents