Anda di halaman 1dari 127

30

BAB 3
ANALISIS DAN PERANCANGAN SISTEM

3.1. Gambaran Umum Studi Kasus


3.1.1 Sejarah Perusahaan
Sebastian Coffee Shop berdiri sejak tahun 2010 dan terus berkembang
hingga saat ini. Perusahaan ini adalah perusahaan yang bergerak di bidang
penjualan food and beverages, khususnya pada penjualan minuman olahan kopi.
Hingga saat ini Sebastian Coffee Shop sudah memiliki 3 outlet di bilangan
Jakarta dan akan terus berkembang lagi seiring dengan demand masyarakat yang
cukup tinggi terhadap produk produk yang dihasilkan oleh Sebastian Coffee
Shop. Sebastian Coffee Shop merupakan anak perusahaan dari PT. Catur Nawa
Sumberartha yang bergerak di bidang food and beverages, catering dan restoran.
Sebastian Coffee shop sendiri termasuk di dalam divisi food and beverages pada
PT. Catur Nawa Sumberartha. Selain menjual berbagai varian kopi yang
diproduksi sendiri, Sebastian Coffee Shop juga menyediakan berbagai makanan
ala eropa dan asia, snack dan aneka cake.
Target pasar dari Sebastian Coffee Shop antara lain :
1.
2.
3.
4.

Warga di perumahan sekitar outlet Sebastian Coffee Shop


Pegawai di perkantoran sekitar outlet Sebastian Coffee Shop
Kalangan mahasiswa
Masyarakat umum

Untuk usaha di bidang coffee shop di Jakarta sendiri, Sebastian Coffee Shop
memiliki beberapa pesaing pada usaha sejenis, mulai dari coffee shop dengan
brand internasional seperti Starbucks Coffee, Black Canyon Coffee, Gloria Jeans

31
Coffee hingga brand lokal seperti Coffee Toffe, Kopi Luwak, Anomali Coffee,
Brew Coffee dan masih banyak lagi yang lainnya. Untuk dapat bersaing dengan
berbagai pesaing pada usaha sejenis yang ada, Sebastian Coffee Shop melakukan
pengembangan untuk membuat usahanya lebih besar dan memiliki semakin
banyak pelanggan. Usaha yang dilakukan antara lain :
1. Membuka outlet-outlet cabang baru untuk menjangkau lebih banyak
pelanggan.
2. Menggunakan bahan baku terbaik untuk menghasilkan produk yang
berkualitas dan dapat memuaskan pelanggan.
3. Memberikan layanan delivery order kepada pelanggan untuk dapat
meningkatkan angka penjualan dan juga memberikan extra service kepada
pelanggan.
4. Memeberikan pelayanan terbaik kepada customer sehingga perusahaan ini
dapat menjadi referensi bagi calon customer yang belum mencoba produk
yang ada di perusahaan.
5. Mengadakan event dan promosi pada suatu waktu tertentu untuk menarik
minat pelanggan agar mencoba produk produk dari perusahaan.
6. Memiliki hotspotarea di setiap outlet perusahaan.
Hingga saat ini Sebastian Coffee Shop telah memiliki 3 buah outlet yang
tersebar di wilayah Bintaro, BSD dan Sudirman dengan Sebastian Coffee Shop
Bintaro sebagai outlet pertama sekaligus yang terbesar diantara outlet-outlet yang
ada.
Omset penjualan Sebastian Coffee Shop termasuk cukup tinggi untuk
kategori pemain baru dalam bidang coffee shop. Berikut rataan pendapatan
bulanan dari tiap- tiap outlet Sebastian Coffee Shop :
1. Sebastian Coffee Shop Bintaro
Rata rata omset per bulan : Rp 55.000.000,-

32
2. Sebastian Coffee Shop cabang BSD
Rata rata omset per bulan : Rp 28.000.000,3. Sebastian Coffee Shop cabang Sudirman
Rata rata omset per bulan : Rp 40.000.000,-

3.1.2 Struktur Organisasi Perusahaan (Bisnis Unit)


Sebastian Coffee Shop memiliki 5 divisi, yaitu : divisi Owner / Vice
President, divisi Supervisor, Staff Admin, Staff Operasional dan Staff Umum.
Kegiatan yang dilakukan oleh divisi Owner adalah memimpin perusahaan dan
bertanggung

jawab

penuh

terhadap

seluruh

kelangsungan

hidup

perusahaan.Dalam menjalankan tugasnya untuk mengelola perusahaan, Owner


dibantu oleh 3 orang supervisor yang terbagi di tiap tiap cabang outlet
perusahaan.Setiap supervisor bertanggung jawab untuk mengawasi kegiatan
yang berlangsung di outlet masing-masing. Tugas dari seorang supervisor adalah
memberikan pembinaan mengenai tata cara operasional, mengawasi kegiatan
bisnis di outlet, pembayaran gaji karyawan, menentukan strategi pemasaran
produk, menentukan standar harga produk. Staff admin bertugas dalam
pembukuan toko/alur kas, melayani order customer via telepon dan email.Staff
Operasional bertugas dalam menyediakan dan mengolah produk yang dijual
oleh perusahaan.Sementara Staff Umum bertugas dalam bidang pelayanan
customer yang datang ke outlet, pengantaran pesanan delivery order, dan
kegiatan pendukung lainnya di outlet-outlet perusahaan.

33

Gambar 3.1 Gambar Struktur Organisasi Perusahaan

3.2 Analisis Permasalahan


3.2.1 Analisis Proses Bisnis Berjalan Pada Perusahaan
Daftar proses bisnis dan aktor dari sistem yang berjalan dapat dilihat pada
tabel 3.1
Tabel 3.1 Tabel Daftar Proses Bisnis Dan Aktornya

34
No.
1.

Nama Proses
Pemesanan

Aktor
Customer

produk langsung
2.

di outlet
Pelayanan

Dokumen
Memilih produk yang ada di catalog, order
produk, menerima pesanan, menerima struk

Staff Umum

belanja,melakukan pembayaran.
Melayani customer yang datang di outlet,

customer

menerima

langsung di outlet

memberi data pmesanan ke staff operasional


dan

data

staff

admin,

pemesanan

mengantar

customer,

pesanan

3.

Menyiapkan

Staff Operasional

customer.
Menerima data pesanan customer dari staff

4.

pesanan customer
Pengecekan

Staff Admin

umum, menyiapkan pesanan customer.


Menerima data pesanan customer dari staff

seluruh
5.

6.

order

customer
Pemesanan

umum, mencetak struk belanja customer.


Customer

Menanyakan tentang menu produk yang

produk by phone

ada, melakukan pemesanan, memberikan

Informasi produk Customer

data alamat pengiriman.


Customer melihat informasi produk-produk

customer

yang ada melalui brosur, kalalog dan iklan-

7.

Pengiriman

8.

produk
Penerimaan
produk

Staff Umum

iklan yang ada di media cetak.


Menerima data pengiriman barang dari

Customer

admin, mengantar pesanan customer.


Menerima struk belanja, membayar
pesanan, menerima pesanan.

Permasalahan yang dibahas dalam skripsi ini adalah:


1.

Kurangnya sarana yang mendukung dari bagian pemasaran (supervisor)


dalam melakukan promosi. Media yang digunakan hanya terbatas pada
brosur, iklan media cetak, yang harus diupdate dalam setiap periode waktu

35
tertentu.
2.

Informasi ketersediaan produk yang kurang akurat sehingga customer


kadang masih menanyakan jenis-jenis produk yang disediakan oleh
Sebastian Coffee Shop.

3.

Pemesanan produk by phone yang kurang customer friendly karena


customer tidak mengetahui wujud fisik produk yang akan dibeli dan harganya
sehingga dalam prosesnya memakan waktu dan biaya bagi customer saat
melakukan order.

4.

Pemesanan produk by phone pada saat traffic hour, sulit untuk ditangani pihak
Staff Operasional
Customer
perusahaan karena pesanan masuk di saat yang bersamaan dan terkendala
START
masalah jumlah operator
yang menangani pemesanan.

Memilih jenis
Produk

Order Produk

Menerima
Order Produk

Melakukan
Pembayaran

Menerima
Pembayaran

Menerima
Order Produk
dan Bukti
Pembayaran

END

36

Staff Operasional
Staff Admin
Staff Umum
Customer
Gambar 3.2 Gambar DAD Pemesanan Produk Secara Langsung
Customer datang ke toko dan langsung dilayani oleh staff umum, customer
memilih jenis makanan atau minuman yang diinginkan, lalu melakukan order
produk, staff umum mencatat order produk yang diinginkan oleh Customer, selanjutnya
customer melakukan pembayaran, pembayaran tesebut diterima oleh staff admin. Staff
umum kemudian menyerahkan order pesanan dan struk pembelian kepada customer.

37

Gambar 3.3 Gambar DAD Pemesanan Produk By Phone

Customer melakukan order produk melalui telepon, staff admin


bertugas untuk mencatat order produk yang diinginkan customer dan order
tersebut kemudian dicek ketersediannya dan dikonfirmasi ulang kepada
customer. Bila customer tidak setuju customer bisa kembali melakukan order
produk sedangkan bila customer setuju proses dilanjutkan oleh customer
dengan memberikan data penerima kepada staff admin. Selanjutnya Staff
Admin kemudian mencetak struk pembelian dan data pengiriman yang akan
diserahkan kepada staff operasional. Staff Operasional kemudian menyiapkan
order customer dan menyerahkan seluruh order tersebut beserta data
pengiriman dan struk pembelian kepada staff umum. Staff Umum bertugas

38
untuk

mengantarkan

pesanan

kepada

customer.

Customer

kemudian

melakukan pembayaran kepada staff umum. Selanjutnya Staff Umum


menyerahkan order pesanan dan struk pembelian kepada customer.

Keterangan

: Yang menjadi masalah di proses ini ketika customer

melakukan order pesanan melalui telepon. Order pesanan dan Pencatatan data
penerima menghabiskan banyak waktu, mengingat staff admin yang melayani
pemesanan customer via telepon hanyalah seorang. Bila pada saat yang
bersamaan ada customer lain yang ingin melakukan pemesanan mereka harus
menunggu terlebih dahulu customer yang sebelumnya selesai melakukan
order pesanan.

Customer

39

Gambar 3.4 Gambar DAD Informasi Produk Customer

Customer melihat brosur yang berisikan menu-menu yang ditawarkan oleh


Sebastian Coffee Shop, selanjutnya Customer melakukan delivery order melalui
telepon.

Keterangan

: Yang menjadi masalah di proses ini ketika customer

melakukan akan melakukan delivery order. Tanpa brosur menu Sebastian Coffee
Shop,

customer

akan

kesulitan

menetapkan

pesanan

hanya

melalui

pemberitahuan dari staff admin. Hal ini tentu juga akan menghabiskan banyak
waktu dan biaya.

40
Supervisor

Gambar 3.5 Gambar DAD Pemasaran Produk

Supervisor bertugas dalam melakukan pencetakan brosur Sebastian


Coffee Shop, dan melakukan promosi, pengadaan event dan iklan pada media
cetak.

Keterangan

: Yang menjadi masalah di proses ini ketika supervisor

melakukan promosi terkait mengenai info, event, maupun promo yang


berkaitan dengan Sebastian Coffee Shop. Biaya cetak brosur-brosur menu dan
promosi melalui media cetak akan menghabiskan biaya yang tidak sedikit.

41
Berdasarkan daftar proses bisnis berjalan dalam studi kasus dapat
diketahui permasalahan yang dapat dilihat pada tabel 3.2

Tabel 3.2 Tabel Permasalahan Pada Proses Bisnis


No.

Nama Proses

Masalah

Verifikasi Studi Literatur

1. 1.

Pemesanan
Produk by
phone /
Transaksi

Masalah yang
terjadi pada proses
pemesanan barang
yaitu masih
menggunakan
sistem offline.

Menurut Adi Nugroho (2003,p8 )


Permasalahan dalam pemesanan
barang pada sistem offline yang
menyebabkan kurangnya
pemasaran produk. Kondisi ini
membuat outlet perusahaan
kurang dikenal dan terhambat
gerak expansinya.

2.

Pemesanan
Produk by
phone /
transaksi

Pada saat traffic


hour, pemesenan
produk by phone
menghambat
proses bisnis yang
berjalan karena
order dari
pelanggan harus
dilayani oleh
perusahaan by
phone satu persatu
di saat yang
bersamaan.

Dewasa ini ada beberapa metode


yang digunakan dalam metode
penjualan selain melalui metode
manual dan via telepon. Menurut
Adi Nugroho (2003,p3) internet
dapat dijadikan sebagai alternatif
dalam
metode
penjualan.
Keunggulan internet :
1. Kemampuan dan kecepatan
dalam
komunikasi
serta
integrasi data dan informasi
2. Efisiensi biaya komunikasi serta
waktu distrubusi data dan
informasi.

Informasi
ketersediaan
produk

Kurang akuratnya
data informasi
ketersediaan
produk pada
sistem yang masih
offline

3. 3.

Menurut McLeod (2005,p27), informasi


adalah data yang telah diproses atau
diatur
menjadi
bentuk
berguna.
Informasi diperoleh dari kumpulan data
yang diharapkan memiliki kegunaan
untuk pengguna.

Supervisor melakukan promosi dengan cara bertemu langsung dengan


pelanggan atau penyebaran brosur-brosur promosi tentang toko ke daerah sekitar outlet.
Kurang maksmilanya strategi promosi dan pengenalan produk dari Sebastian Coffe Shop jika
hanya mengandalkan sistem yang ada pada proses berjalan.

42

3.2.2

Analisis Survei

Analisis survei terhadap beberapa model usaha sejenis dari Sebastian Coffee Shop :

Tabel 3.3 Tabel Analisis Survei


Nama
Perusahaan

Jumlah
Outlet

Coffee Toffee 115 (Seluruh


Indonesia)
Anomali
3
Coffee
Kopi Luwak
17
Brew and Co
Coffee and
Co
Bengawan
Solo
Black
Canyon
Coffee
Roasted
Sebastian
Coffee Bean

Layanan
Delivery
Order
Ada

Cara
Delivery
Order
Telepon

Hotspot
Area

Website
Resmi

Ada

Ada

Ada

Telepon

Ada

Ada

Ada

Ada

Ada

Ada
Ada

Ada
Ada

4
2

Ada
Ada

Online /
telepon
Telepon
Online

26 (Jakarta)

Ada

Telepon

Ada

Ada

7 (Jakarta)

Tidak ada

Ada

Ada

Ada

Ada

Ada

42 (Jakarta)

Ada

Telepon /
online
Telepon

Ada

Ada

Berdasarkan hasil survei yang dilakukan pada beberapa model usaha sejenis
dengan Sebastian Coffee Shop, maka didapatkan sebuah fakta bahwa rata-rata
model usaha sejenis tersebut sudah memiliki sebuah website resmi perusahaan dan
pelayanan delivery order kepada customer mereka masing-masing.

3.2.2 Analisis Wawancara


Berdasarkan proses bisnis berjalan pada studi kasus, maka diperlukan

43
verifikasi dengan pihak Owner dari Sebastian Coffee Shop menggunakan
analisis wawancara yang berisi beberapa pertanyaan agar dapat menemukan solusi
terbaik.

Berikut dibawah ini adalah hasil dari wawancara :


Tabel 3.4 Tabel Analisis Wawancara
Nama :
Roy Sebastian
Jabatan :
Owner
Tanggal Wawancara : 19-03-2012
Jam Wawancara :
09.00-09.20
Tempat :
Outlet Sebastian Coffee Shop di Jalan Veteran, Bintaro
Daftar Pertanyaan :
i.
Apakah outlet seebastian coffee shop sudah difasilitasi dengan jaringan
internet?

Jawaban : Seluruh outlet Sebastian coffe shop sudah dilengkapi dengan


fasilitas internet. Pengunjung disini juga diberikan fasilitas wifi gratis agar
bisa mengakses internet saat mengunjungi outlet kami.

Alasan : menanyakan kepada user (owner) apakah outlet sudah difasilitasi


internet. Karena dengan adanya internet akan menentukan solusi yang akan
dibuat bisa berjalan atau tidak.

ii.

Bagaimanakah proses pembelian produk yang berlaku di sebastian coffee


shop?

44
Ada dua proses dalam pembelian produk di sebastian coffee. Yang pertama,
seperti kebanyakan coffee shop pada umumnya proses pembelian
berlangsung secara langsung dalam arti pengunjung datang ke outlet kami,
memesan produk, menerima produk, dan kemudian membayar produk yang
mereka beli tersebut. Untuk proses yang kedua kami menawarkan terobosan
baru dalam sebuah bisnis kopi,yaitu menyediakan fasilitas pesan antar
kepada konsumen. Karena kami sudah memiliki 3 buah outlet maka fasilitas
ini dirasa menjanjikan dan respon konsumen sangat positif terhadap layanan
ini. Untuk prosesnya, konsumen menelepon ke outlet sebastian coffee,
kemudian melakukan pesanan / order terhadap produk yang ingin dibeli.
Barang yang diorder tersebut kami antarkan melalui kurir (staff umum)
yang ada di masing-masing outlet kami. Kemudian pembayaran dilakukan
pada saat produk sampai di tangan customer.

Alasan : Menanyakan proses pembelian produk yang sedang berjalan di


sebastian coffee shop.

iii.

Apakah ada kendala yang dihadapi dalam proses yang sedang berjalan
tersebut?

Kendala terdapat pada proses order melalui telepon biasanya. Karena


seringkali konsumen yang ingin mengorder tidak memiliki gambaran
tentang produk yang dibeli sehingga diperlukan banyak konfirmasi dalam
proses ini. Bagian admin juga harus mencatat secara manual order-order via

45
telepon ini. Sehingga banyak waktu yang terbuang. Selain itu pada saat
traffic hour, pemeseanan by phone terkadang sulit untuk ditangani oleh
admin karena order pesanan berdatangan di waktu yang bersamaan. Kita
juga belum memiliki sistem informasi perusahaan sebagai sarana pemasaran
dan pengenalan brand kita untuk lebih dikenal luas lagi.

Alasan : Menanyakan masalah yang ada pada proses berjalan untuk


menemukan solusinya kemudian.

iv.

Apakah anda mempunyai pengalaman melakukan pembelian barang melalui


internet?

Ya cukup sering. Induk perusahaan Sebastian Coffee Shop yaitu PT.Catur


Nawa Sumberartha melakukan beberapa transaksi pembelian lewat internet.
Hal tersebut dilakukan karena akses yang cepat dan mudah jika dilakukan
lewat jaringan internet, walaupun terkadang ada resiko juga di dalamnya.

Alasan : Menanyakan kepada owner sebagai orang yang berinteraksi


langsung dengan case-case di perusahaan, apakah mempunyai pengalaman
dalam pembelian produk secara online. Jika sudah maka akan ada gambaran
bagi owner terhadap solusi yang akan kami berikan.

v.

Bagaimana menurut anda tentang pembuatan website yang berisi tentang


informasi perusahaan dan juga fitur pemesanan produk secara online?

46

Menurut saya menarik. Selain kita belum punya sarana berpromosi di dunia
maya, kita juga membutuhkan sebuah sistem informasi antara perusahaan
dengan mitra dan customer kami.Selain itu karena masyarakat sekarang
rata-rata sudah menggunakan internet sebagai kebutuhan hidup dan
penggunanya sudah sangat banyak. Jadi menurut saya sistem pemesanan
produk via internet cukup menarik sebagai alternatif lain dari pemesanan
order via telepon. Dan itu bisa diterapkan di sebastian coffee shop ke
depannya karena infrastruktur kita mendukung dilakaukannya solusi
tersebut.

Alasan : Menanyakan pendapat owner tentang pemesanan produk secara


online.

vi.

Fitur fitur apa saja yang anda inginkan dalam website yang nantinya akan
dirancang sebagai sebuah solusi dari permasalahan yang ada ?
Kami ingin adanya informasi produk produk yang kami jual, company
profile, informasi tentang mitra bisnis kami, review dari customer tentang
produk kami dan juga sistem pemesanan secara online.
Alasan : untuk mengetahui fitur-fitur yang dibutuhkan oleh perusahaan
dalam pembuatan website.

47
Nama :
Andre
Jabatan :
Supervisor Sebastian Coffeee Bintaro
Tanggal Wawancara : 19-03-2012
Jam Wawancara :
10.00-10.20
Tempat :
Outlet Sebastian coffee shop di Jalan Veteran
Daftar Pertanyaan :
vii.
Apakah karyawan di Sebastian Coffee Shop, khususnya Staff Admin dapat
menggunakan komputer dan internet?

Jawaban : Bisa. Di setiap outlet kami terkoneksi dengan jaringan internet.


Proses pembayaran / transaksi produk di outlet pun sudah terkomputerisasi
dengan staff admin sebagai user / orang yang mengerjakannya.

Alasan : menanyakan kepada user apakah karyawan yang bekerja di outlet


Sebastian Coffee Shop dapat mengoperasikan komputer agar solusi yang
dirancang nantinya bisa dieksekusi langsung oleh user dalam hal ini staff
admin.

viii.

Bagaimanakah sistem pemasaran produk yang sedang berjalan sebastian


coffee shop ?

Terkadang kami beriklan di beberapa media cetak yang berhubungan


dengan kuliner. Biasanya kami juga membagikan brosur kepada
pengunjung-pengunjung yang datang ke outlet. Brosur tersebut berisi
promo-promo kami,produk dan terkadang diskon khusus. Selain itu kami
masih menggunakan strategi pemasaran dari mulut ke mulut. Menurut saya

48
strategi yang ada masih perlu perbaikan mengingat perkembangan jaman
dan teknologi yang sudah maju seperti sekarang.

Alasan : Menanyakan proses pemasaran produk yang sedang berjalan di


sebastian coffee shop.

ix.

Apakah ada kendala yang dihadapi dalam proses yang sedang berjalan
tersebut?

Kendala yang kadang muncul adalah kita kesulitan dalam memberikan


informasi produk kepada pasar. Karena medianya terbatas.

Alasan : Menanyakan masalah yang ada pada proses berjalan untuk


menemukan solusinya kemudian

x.

Apakah anda mempunyai pengalaman melakukan browsing informasi


melalui internet?

Ya tentunya. Setiap hari saya selalu mengakses internet dan browsing


informasi tentunya. Menurut saya internet adalah sebuah media yang sangat
up to date untuk mendapatkan informasi dan berita.

Alasan : Menanyakan kepada supervisor sebagai orang yang berinteraksi


langsung dengan pemasaran produk, apakah mempunyai pengalaman dalam

49
mengakses informasi lewat internet. Jika sudah maka akan ada gambaran
bagi supervisor terhadap solusi yang akan kami berikan.

xi.

Fitur fitur apa yang menarik perhatiaan anda saat membuka sebuah
website ?

Menurut saya konten informasi yang ada di dalamnya menjadi hal paling
penting. Yang kedua tampilan yang menarik tentunya.

Alasan : Menanyakan pendapat supervisor mengenai hal hal menarik apa


yang mungkin dimasukkan ke dalam website yang nantinya akan dijadikan
sebuah solusi dari permasalahan yang ada.

Nama :
Irma
Jabatan :
Staff Admin Sebastian Coffee Shop Bintaro
Tanggal Wawancara : 19-03-2012
Jam Wawancara :
12.00-12.20
Tempat :
Outlet Sebastian coffee shop di Jalan Veteran
Daftar Pertanyaan :
xii.
Apakah tugas dari seorang staff admin dalam kegiatan / proses bisnis di
Sebastian Coffee Shop?

Jawaban : Tugas utamanya adalah memproses transaksi yang terjadi di


outlet coffee shop. Untuk fasilitas delivery order, kami bertugas untuk
menerima order pesanan customer via telepon.

50
Alasan : Menanyakan job desk dari seorang staff admin

xiii.

Bagaimanakah proses dari pemesanan / delivery order via telepon tersebut ?

Pertama kita menerima telepon dari customer yang akan melakukan


pemesanan, kemudian customer memberikan data data produk yang ingin
dipesan. Setelah itu kita mencatat pesanan mereka dan mengecek
ketersediaan produknya. Setelah itu kami konfirmasi lagi ke customer
mengenai ketersediaan pesanan, kemudian customer memberikan data
alamat pengiriman dan kami memberikan total biaya dari pesanan customer
tersebut. Setelah itu order kita buat laporannya untuk kemudian
dipersiapkan oleh staff operasional dan kemudian dilakukan pengiriman
oleh staff umum kami ke tempat customer.

Alasan : Menanyakan proses pemesanan produk by phone yang sedang


berjalan di sebastian coffee shop.

xiv.

Apakah ada kendala yang dihadapi dalam proses yang sedang berjalan
tersebut?

Kadang banyak customer yang masih menanyakan produk-produk yang


kami sediakan. Selain itu pada jam-jam ramai pesanan, yaitu hari kerja
sekitar pukul 13.00-15.00 order via telepon cukup banyak yang masuk
sehingga kita kadang kelabakan dalam menangani pemesanan tersebut

51
karena semua proses kita lakukan lewat telfon. Kita kadang mendapat
komplain dari customer tentang pelayanan yang lambat dalam menangani
permintaan mereka, tapi karena fasilitas dan sumberdaya yang terbatas kita
tidak bisa berbuat apa apa.

Alasan : Menanyakan masalah yang ada pada proses berjalan untuk


menemukan solusinya kemudian

xv.

Apakah anda mempunyai pengalaman melakukan pembelian / pemesanan


barang melalui internet?

Ya tentunya. Kadang ketika outlet sedang sepi saya browsing internet di


outlet dan mencari barang-barang kebutuhan sehari - hari, biasanya lewat
kaskus karena situsnya cukup populer dan sangat beragam produk-produk
yang dijual.

Alasan : Menanyakan kepada Staff Admin sebagai orang yang berinteraksi


langsung dengan pemesanan produk, apakah mempunyai pengalaman dalam
mengakses informasi lewat internet. Jika sudah maka akan ada gambaran
bagi staff admin terhadap solusi yang akan kami berikan.

Berdasarkan proses binis yang berjalan pada studi kasus, maka diperlukan

52
juga verifikasi dengan pelanggan menggunakan analisis kuesioner yang berisi
beberapa pertanyaan agar dapat menemuka solusi yang terbaik.
Kuesioner ini disebar di 3 outlet Sebastian Coffee Shop. Diisi oleh pelanggan
yang mengunjungi outlet. Jumlah populasi yang digunakan sebagai sampel
adalah 100 orang.

Tabel 3.5 Tabel Kuesioner


No
.
1.

Daftar
pertanyaan
Apakah
anda
pengguna
internet

2.

Berapakah
frekuensi
penggunaan
internet
anda dalam
1 hari

Alternatif jawaban

Analisis
Mengetahui
apakah
konsumen
adalah
pengguna
dari
garis
besar solusi
yang akan
dibuat
dalam studi
kasus
Mengeteahu
i
karakteristik
konsumen
berkaitan
dengan
perancangan
solusi
di
studi kasus

53
No
.
3.

Daftar
Alternatif jawaban
pertanyaan
Berapakah
frekuensi
anda
membeli
produk dari
sebastian
coffee shop
dalam
1
bulan

Analisis

4.

Darimanaka
h
anda
mendapatka
n informasi
tentang
sebastian
coffee shop

Menganalisa
sebaran
informasi
dari
studi
kasus
di
mata
konsumen

5.

Melalui
media apa
anda
membeli
produk dari
sebastian
coffe shop?

Menganalisa
karakteristik
dari
konsumen
di
studi
kasus

Menganalisa
loyalitas
dari
konsumen
studi kasus

54
No
.
6.

Daftar
Alternatif jawaban
pertanyaan
Apakah
anda pernah
melakukan
transkasi
pembelian
melalui
internet?

Analisis

7.

Berapakah
frekuensi
anda
melakukan
transaksi
pembelian
melalui
internet
dalam
1
bulan?

Meenganalis
a
karakteristik
konsumen
yang equal
dengan
solusi yang
akan dibuat
dalam studi
kasus

8.

Menurut
anda, Jika
sebastian
coffee shop
menggunak
an
sistem
pemesanan
produk
/
delivery
order secara
online,
apakah
memeberika
n
kemudahan
buat anda
dalam
membeli
produk
kami?

Untuk
menanyakan
kepada
konsumen
tentang
solusi yang
akan dibuat
apakah akan
memberi
kemudahan
atau tidak

Menganalisa
kemungkina
n konsumen
menggunaka
n
solusi
yang akan
dibuat
terhadap
studi kasus

55
No
.
9.

Daftar
Alternatif jawaban
pertanyaan
Menurut
anda
jika
sebastian
coffee shop
membuat
sebuah
website,
apakah akan
membantu
anda dalam
mendapatka
n informasi
tentang
produk dan
event

event yang
sedang
berlansung

10. Masalah apa


yang anda
hadapi
dalam
bertransaksi
dengan
sebastian
coffee shop

11.

Service
/
pelayanan
apa
yang
anda
harapkan
terhadap
sebastian
coffee shop
dimasa
mendatang?

Analisis
Untuk
menanyakan
konsumen
apakah
website
dapat
memberi
kemudahan
informasi
kepada
mereka

Untuk
menanyakan
kepada
konsumen
menganai
masalah
yang sering
dihadapi
dalam
bertransaksi
dengan
sebastian
coffee shop
Untuk
menanyakan
konsumen
layanan apa
yang
diharapkan
dari
sebastian
coffee shop
di
masa
mendatang

56

Dari hasil wawancara dan kuesioner diatas dapat disimpulkan sebagai


berikut :

Tabel 3.6 Tabel Hasil Wawancara & Kuesioner Terhadap Permasalahan


No.
1.

2.

3.

Permasalahan
Yang Muncul
Banyak
konfirmasi dan
kesulitan
penanangan order
saat traffic hour
pada proses
pemesanan
produk by phone

Target Pengguna Yang


Mengalami Permasalahan
Staff Admin

Kurangnya
informasi
ketersediaan
produk sebagai
gambaran
bagi
customer
yang
ingin memesan
produk

Customer

Keterbatasan
media yang
digunakan untuk
memasarkan
produk

Evaluasi Dari :
Wawancara dari pertanyaan 14 :
Kendala apa saja yang dihadapi pada
sistem yang sedang berjalan ?
Analisa Permasalahan :
Owner selaku pemimpin perusahaan dan
staff admin sebagai pengeksekusi proses
yang mengalami masalah menyatakan
bahwa muncul beberapa masalah yang
terjadi pada saat proses pemesanan
produk by phone.
Kuesioner dari pertanyaan 10 :
Masalah apa yang anda hadapi dalam
bertransaksi dengan sebastian coffee
shop ?
Analisa Permasalahan :

Supervisor

Masih banyak pelanggan yang masih


kekurangan informasi dari produk
produk dan layanan yang diberikan oleh
sebastian coffee shop.
Wawancara dari pertanyaan 9 :
Apakah anda mengalami kesulitan pada
saat memasarkan produk ?

Analisa Permasalahan :

57
No.

Permasalahan
Yang Muncul

Target Pengguna Yang


Mengalami Permasalahan

Evaluasi Dari :
Supervisor mengakui kurangnya media
informasi yang digunakan untuk
memasrakan produk dari Sebastian coffee
shop.

Tabel 3.7 Tabel Hasil Wawancara & Kuesioner Terhadap Solusi


No.
1.

Target
Pengguna
Customer

Informasi/Data/Fungs
i Yang Diperlukan
Sistem pemesanan
yang didukung oleh
informasi
ketersediaan produk
secara detail.

2.

Staff Admin

Sistem pemesanan
yang mampu
menampung order
dari pelanggan. Berisi
data pesanan dan
alamat pengiriman.

3.

Supervisor

Sarana / media dalam


melakukan promosi
dan pemasaran
produk.

Value Yang
Diharapkan
Pelanggan
mendapatkan
informasi yang
lengkap mengenai
produk dan dapat
melakukan
pemesanan produk
dengan mudah.
Dengan adanya
sistem pemesanan
online, staff admin
cukup memeriksa
order yang dilakukan
oleh customer dan
melakukan
konfirmasi
pengiriman.
Dengan adanya media
untuk melakukan
promosi dan
pemasaran maka
supervisor dapat
mengembangkan
market dari
perusahaan.

Mengapa Mau Kembali


Menggunakan Solusi
Kepuasan pelanggan
merupakan hal yang
paling utama suatu
bisnis dapat terus
berjalan.

Untuk mempermudah
proses pemesanan,
data mengenai
konsumen dan produk
yang dipesan terdimpan
dalam basis data agar
mudah diproses.
Semakin banyak media
yang digunakan untuk
melakukan promosi
maka produk
perusahaan akan
semakin dikenal luas
oleh masyarakat.

Dengan sistem yang sedang berjalan saat ini, sistem pemesanan produk
by phone dan sarana dalam melakukan promosi / pemasaran produk menjadi
masalah utama.Masalah dalam sistem pemesanan produk sendiri terjadi mulai
dari pencatatan order, informasi produk dan kesulitan penanganan order pada

58
saat traffic hour. Berdasarkan hasil wawancara dan kuesioner yang telah
dilakukan, maka solusi terbaik yang dapat kami berikan adalah perancangan
sebuah website perusahaan yang bisa menangani proses pemesenan order produk
dari pelanggan secara online. Selain itu website ini juga bisa digunakan sebagai
media promosi dan sistem informasi perusahaan dalam memperkenalkan serta
mengembangkan bisnisnya. Sistem pemesanan secara online ini dapat
diaplikasikan ke seluruh outlet Sebastian Coffee Shop sehingga penanganan
order dari customer menjadi lebih mudah dan dapat menjadi sokusi alternatif lain
selain dengan pemesanan produk by phone.

3.2.3

Identifikasi Permasalahan
Dari hasil analisa wawancara dan kuesioner pada studi kasus, maka
didapatlah ringkasan terhadap permasalahan yang nampak untuk mendapatkan
solusi yang terbaik.

Tabel 3.8 Rangkuman Permasalahan Dalam Studi Kasus


No.
1.

Permasalahan Yang
Diidentifikasi
Proses pemesanan
produk by phone yang
tidak efisien dan
memerlukan banyak
konfirmasi.
Berdasarkan
wawancara yang
dilakukan dengan
pihak perusahaan,
proses ini memerlukan
perbaikan karena dirasa
belum efisien untuk
menghadapi pesanan

Sumber Identifikasi
Verifikasi Dengan Landasan
Permasalahan
Teori
Wawancara dengan bagian staff Menurut Adi Nugroho
admin dan owner Sebastian (2003 :pp8 )
Coffee Shop.
Memahami Perdangan
Modern di Dunia Maya :
Pemilik usaha cukup
medigitalisasi informasi
informasi tentang barang dan
jasa yang di jualnya.

59
No.

2.

3.

Permasalahan Yang
Diidentifikasi
yang dilakukan
customer. Sehingga
pelayanannya menjadi
tidak maksimal.

Pendataan order
customer masih
dilakukan secara
manual.

Sumber Identifikasi
Permasalahan

Verifikasi Dengan Landasan


Teori

Wawancara dengan bagian staff


admin Sebastian Coffee Shop

Menurut Conolly dan Begg


(2010,p16) basis data adalah
suatu sistem piranti lunak
yang memungkinkan user
untuk mendifinisikan,
merawat dan mengontrol
akses terhadap data.

Dengan proses manual


yang sedang berjalan,
maka efisiensi waktu
pelayanan order
customer menjadi
terhambat.
Kurangnya informasi Wawancara dengan bagian staff
produk.
admin Sebastian Coffee Shop
dan kuisioner yang disebarkan
Konsumen kesulitan
kepada customer.
dalam membeli produk
by phone karena belum
tahu tampilan dari
produk yang akan
dibeli beserta informasi
harganya. Sehingga
harus melakukan
banyak konfirmasi
dengan pihak operator
dalam memesan
produk by phone.

Menurut McLeod (2005,p5),


informasi adalah data yang
telah diproses atau diatur
menjadi bentuk berguna.
Informasi diperoleh dari
kumpulan data yang
diharapkan memiliki
kegunaan untuk pengguna.

60
No.
4.

5.

Permasalahan Yang
Diidentifikasi
Pemasaran dan
pengenalan produk
yang belum
maksimal.
Perusahaan masih
membutuhkan media
pemasaran dan
pengenalan produk
yang efektif dan
beragam untuk
berthana
memenangkan
persaingan bisnis
dengan perusahaan
sejenis.
Kurangnya media
dan sistem informasi
perusahaan
Customer
menginginkan adanya
sebuah media dan
sistem informasi yang
up to date mengenai
kelangsungan bisnis
perusahaan. Di
dalamnya mencakup
informasi produk
produk terbaru, event
dan perkembangan
perusahaan lainnya.

Sumber Identifikasi
Verifikasi Dengan Landasan
Permasalahan
Teori
Wawancara dengan supervisor Pasar tidak dapat diraih jika
Sebastian Coffee Shop.
kita hanya menggunakan
salah satucara, tetapi strategi
pemasaran yang baik adalah
memasuki pasar dengan
berbagai cara dan media,
melalui perhitungan yang
tepat (Kotler dan Armstrong,
2008, p25).

Wawancara dengan bagian Menurut McLeod (2005,p5),


owner dan customer Sebastian informasi adalah data yang
Coffee Shop
telah diproses atau diatur
menjadi bentuk berguna.
Informasi diperoleh dari
kumpulan data yang
diharapkan memiliki
kegunaan untuk pengguna.

Dari hasil sumber identifikasi yang kami lakukan melalui wawancara dan
kuesioner, terlihat bahwa permasalahan yang nampak pada sistem yang berjalan
pada saat ini adalah proses pemesanan yang belum efisien, informasi produk
yang tidak lengkap dan up to date, tidak adanya media dan sistem informasi
perusahaan, pendataan order yang masih dilakukan secara manual serta belum
masksimalnya media yang digunakan dalam melakukan pemasaran dan
pengenalan produk.

61
3.3 Analisis Pemecahan Masalah

Tabel 3.9 Rangkuman Solusi Untuk Permasalahan Studi Kasus


No.
1.

2.

3.

Permasalahan Yang
Diidentifikasi
Proses pemesanan
produk by phone
yang tidak efisien
dan memerlukan
banyak konfirmasi.
Berdasarkan
wawancara yang
dilakukan dengan
pihak perusahaan,
proses ini memerlukan
perbaikan karena
dirasa belum efisien
untuk menghadapi
pesanan yang
dilakukan customer.
Sehingga
pelayanannya menjadi
tidak maksimal.
Pendataan order
customer masih
dilakukan secara
manual.

Solusi Untuk Permasalahan

Verifikasi Dengan Landasan


Teori
Merancang sistem pemesanan Menurut Adi Nugroho
online melalui sebuah website. (2003 :pp8 )
Dengan
adanya
website Memahami Perdangan Modern
tersebut
customer
dapat di Dunia Maya :
dengan memudah melakukan Pemilik usaha cukup
pemesanan produk dimanapun medigitalisasi informasi
dan kapanpun dengan cepat informasi tentang barang dan
dan perusahaan pun dapat jasa yang di jualnya.
dengan cepat
dan mudah
menangani order tersebut.

Merancang database untuk


menampung
seluruh
data
order konsumen. Data yang
ditampung di database didapat
dari
order-order
yang
dilakukan konsumen melalui
website yang telah dirancang.
Dengan adanya database ini,
order dari customer dapat
lebih cepat ditangani.

Dengan proses manual


yang sedang berjalan,
maka efisiensi waktu
pelayanan order
customer menjadi
terhambat.
Kurangnya informasi Memasukan seluruh informasi
produk.
produk ke dalam website.
Dengan adanya informasi
Konsumen kesulitan
tersebut,
customer
dapat
dalam membeli produk dengan mudah melihat lihat
by phone karena
produk yang ada dengan jelas
belum tahu tampilan
dan dapat langsung melakukan
dari produk yang akan pesanan tentunya.
dibeli beserta
informasi harganya.
Sehingga harus

Menurut Conolly dan Begg


(2010,p16) basis data adalah
suatu sistem piranti lunak yang
memungkinkan user untuk
mendifinisikan, merawat dan
mengontrol akses terhadap
data.

Menurut McLeod (2005,p5)


informasi adalah data yang
telah diproses atau diatur
menjadi bentuk berguna.
Informasi diperoleh dari
kumpulan data yang
diharapkan memiliki kegunaan
untuk pengguna.

62
No.

Permasalahan Yang
Diidentifikasi
melakukan banyak
konfirmasi dengan
pihak operator dalam
memesan produk by
phone.

Solusi Untuk Permasalahan

Verifikasi Dengan Landasan


Teori

4.

Pemasaran dan
pengenalan produk
yang belum
maksimal.

Menggunakan internet sebagai


media promosi perusahaan.
Ada banyak cara yang dapat
dilakukan dalam berpromosi
melalui internet antara lain :
membuat sebuah website yang
dapat
dijadikan
brand
ambassador perusahaan di
dunia maya, pembuatan akun
sosial
media
terkait
perusahaan.

Menurut Kotler dan Armstrong


(2008, p74)E-Marketing
adalah gambaran usaha-usaha
perusahaan untuk
menginformasikan,
berkomunikasi,
mempromosikan, dan
memasarkan produk dan
jasanya melalui internet.

Merancang sistem informasi


perusahaan ke dalam website.
Informasi yang diberikan
mengenai dengan kegiatan
bisnis perusahaan, mitra bisnis
terkait
yang
dimiliki
perusahaan dan media untuk
menampung
feedback
customer mengenai pelayanan
perusahaan.

Menurut McLeod (2005,p5)


sistem informasi merupakan
kombinasi teratur apapun dari
orang-orang,
hardware,software, jaringan
komunikasi dan sumber daya
data yang dapat
mengumpulkan, mengubah
dan menyebarkan sistem
informasi dalam sebuah
organisasi. Dari pengertian
diatas sistem informasi
merupakan gabungan dari
beberapa elemen-elemen yang
digunakan untuk memberikan
informasi yang berarti.

5.

Perusahaan masih
membutuhkan media
pemasaran dan
pengenalan produk
yang efektif dan
beragam untuk
berthana
memenangkan
persaingan bisnis
dengan perusahaan
sejenis.
Kurangnya media
dan sistem informasi
perusahaan
Customer
menginginkan adanya
sebuah media dan
sistem informasi yang
up to date mengenai
kelangsungan bisnis
perusahaan. Di
dalamnya mencakup
informasi produk
produk terbaru, event
dan perkembangan
perusahaan lainnya.

Dari keseluruhan permasalahan yang sudah diidentifikasi maka kami

63
memiliki pilihan solusi untuk membuat sebuah sistem pemesanan secara online
melalui sebuah website yang dapat mempermudah customer dalam melakukan
delivery order produk serta mempercepat pelayanan dari perusahaan dalam
menangani order customer. Selain itu website yang dirancang juga bisa dijadikan
sebagai media informasi perusahaan yang menampung seluruh informasi
kegiatan bisnis perusahaan dan tentunya sebagai media promosi dan pengenalan
produk perusahaan agar lebih dikenal oleh masyarakat luas.

3.4 Perancangan Solusi


Perancangan proses bisnis dimulai dari customer yang akan memilih produk
yang akan dipesannya, lalu mengisi form pemesanan dan data pengiriman. Setelah itu
admin membuka halaman data order dan melihat produk yang dipesan oleh pelanggan
untuk kemudia melakukan konfirmasi kepada customer yang melakukan pemesanan.
Tampilan layar website pada proses bisnis yang kami usulkan terbagi menjadi dua jenis,
yaitu tampilan Admin dan Customer.

3.4.1 Perancangan Proses Bisnis Diusulkan Pada Solusi

64

Customer
START

Masuk kedalam
website Sebastian
Coffee Shop

Masuk
kehalaman
Product

Melihat
produk

Staff Admin
END

Gambar 3.6 Gambar DAD Proses melihat Produk


START

Proses melihat produk dimulai ketika pengguna mengakses halaman


website Sebastian Coffee Shop. Kemudian customer dapat melihat produk
dengan mengklik Product padaAdmin
aksesmengakses
menu utama ataupun panel kiri sidebar dari
website Sebastian
Coffee Shop

website ini. Keseluruhan produk baik makanan maupun minuman akan


ditampilkan pada halaman ini. Dengan mengklik tombol detail pada tiap produk
makanan atau minuman pelanggan dimungkinkan untuk melihat produk tersebut
secara detail. Proses melihat

Memasukan
username dan
produk
selesai.
password

END

65

Staff Admin
START

Gambar 3.7 Gambar DAD Proses Admin Login


Admin
membuka
website
Sebastian
Coffee Shop

Proses ini dimulai admin dengan mengakses halaman website Sebastian


Coffee Shop. Untuk dapat mengakses halaman utama Control Panel, admin
harus memasukan username dan password terlebih dahulu untuk menjaga
Mengisi
username dan
password

keamanan data. Proses Admin Login selesai.

Mengakses
halaman
utama dan
membuka
menu Manage
Order

Melihat data order customer, melakukan


checlist konfirmasi pesanan via telepon/
email dan melakukan pengiriman produk

END

66

Gambar 3.8 Gambar DAD Proses Admin Manage Order


Proses ini dimulai admin dengan mengakses halaman website Sebastian
Coffee Shop. Untuk dapat mengakses halaman utama Control Panel, admin
harus memasukan username dan password terlebih dahulu. Kemudian admin
mengakses halaman Manage Order. Didalammnya terdapat keseluruhan order
dari

customer. Admin

melakukan

konfirmasi

order

pesanan

dengan

menghubungi customer via telepon dan email. Bila konfirmasi disetujui


customer, admin akan melakukan pencetakan struk bukti pembelian, pembuatan

67
surat jalan dan melakukan pengiriman produk dengan dibantu oleh Staff Umum.
Proses Admin Manage Order selesai.

Customer

Staff Admin

68

Gambar 3.9 Gambar DAD Proses Pemesanan Produk

Proses order produk dimulai dari customer masuk kedalam website


Sebastian Coffee Shop. Keseluruhan produk ditampilkan pada menu Product
yang tedapat pada menu utama maupun sidebar kiri pada halaman website.

69
Customer kemudian melakukan order produk makanan atau minuman yang
diinginkan. Pada halaman Cart akan ditampilakan keseluruhan makanan dan
minuman yang customer pilih pada halaman Product. Untuk dapat melakukan
eksekusi order produk, customer harus mendaftarkan diri terlebih dahulu, form
isian customer tersebut akan menjadi data customer. Sedangkan bagi customer
yang sebelumnya telah mendaftarkan diri dapat login dengan memasukkan email
pada halaman already registered. Pada bagian akhir order produk customer
dimungkinkan untuk mengedit
order
kembali baik membatalkan, menambah
Staff
Admin
order, dll. Finalisasi order produk menjadi data order yang akan digunakan oleh
admin. Admin membuka website Sebastian Coffee Shop, memasukkan username
dan password untuk dapat login dan masuk kedalam layar control panel admin.
Pada halaman control panel admin Manage order admin dapat melihat
keseluruhan order produk dari customer. Proses pemesanan produk selesai.

70

Gambar 3.10 Gambar DAD Proses Update Admin

Proses Admin Update dimulai dari Admin mengakses halaman website


Sebastian Coffee Shop. Setelah Login, Admin akan memasuki halaman Control
Panel Admin yang menampilkan menu-menu diantaranya Product, Event,

71
Partnership, Advertise, Manage Order dan Log Out. Pada menu Product admin
dapat melakukan update product dengan mengisi Product Name, Type, Description,
Price, Image File Name, Status dan mengklik tombol update admin dapat
menambahkan produk baru kedalam website. Pada menu Partnership, admin dapat
melakukan update partnership dengan mengisi Partnership Name, Website Url, dan
mengklik tombol update. Pada menu Advertise, admin dapat melakukan update
dengan mengisi Image location, Website URL, Status, Description, dan mengklik
tombol update. Pada menu Event admin dapat melakukan update pada event dan
promo dengan mengisi Event Name, Description dan mengklik tombol update.
Terakhir pada menu Manage Order, admin dapat melakukan checklist order
customer yang akan dikonfirmasi maupun yang telah dieksekusi pesanannya. Proses
Update Admin selesai.

3.4.2 Perancangan DFD Diusulkan Pada Solusi


3.4.2.1 Perancangan Diagram Konteks Pada Solusi

72

Gambar 3.10 Gambar Diagram Konteks

Pada gambar 3.10 mengambarkan sistem secara garis besar , sistem digambarkan
dengan adanya dua aktor yaitu customer dan admin. Masing-masing aktor melakukan
transaksi pengiriman data kepada sistem dan juga mendapat kemampuan untuk melihat
isi sistem.
3.4.2.2 Perancangan DFD Level Nol Pada Solusi

73

3.4.2 Perancangan Struktur Fungsi/Menu Pada Solusi


Perancangan proses bisnis baru memerlukan fungsi/menu yang
digunakanuntuk membantu proses bisnis terutama dalam kaitan proses yang
akandiusulkan. Berikut ini, merupakan hak-hak akses yang terhubung dengan
prosesbisnis.

74

Tabel 3.10 Tabel Fungsi/Menu vs Pengguna


No.

1.

Fungsi/Menu
Aplikasi
Login

Aktor dan Hak Akses Yang


Akan Menggunakan
Fungsi/Menu Tersebut
Admin
Hak Akses :
- Menginput Data

2.

Admin Product

Admin
Hak Akses :
- Mengupdate Produk
- Insert Produk
- Delete Produk

Data Yang Akan Dientri, Proses Yang


Akan Dilakukan atau Informasi Yang
Akan Dihasilkan oleh Fungsi/Menu
Terhadap Aktor
a. Data Entri :
- Username
- Password
b. Proses yang Dilakukan :
Admin melakukan insert username dan
password untuk dapat mengakses panel
admin
c. Informasi Yang Dihasilkan :
Panel admin. Hak akses terhadap seluruh
aplikasi yang ada di website, baik insert
infromasi, update produk, lihat data
order pemesanan.
a. Data Entri :
- Nama Produk
- Jenis Produk
- Deskripsi
- Harga
- Nama file gambar
- Status
b. Proses yang Dilakukan :
Admin melakukan insert
- Nama Produk
- Jenis Produk
- Deskripsi
- Harga
- Nama file gambar
- Status

3.

Admin Event

Admin

c. Informasi Yang Dihasilkan :


Informasi produk yang tersedia pada
tampilan produk di website Sebastian
Coffee Shop
a. Data Entri :

75
No.

Fungsi/Menu
Aplikasi

Aktor dan Hak Akses Yang


Akan Menggunakan
Fungsi/Menu Tersebut
Hak Akses :
- Mengupdate event
- Insert event
- Delete event

4.

Admin
Partnership

Admin
Hak Akses :
- Mengupdate mitra
bisnis
- Insert mitra bisnis
- Delete mitra bisnis

5.

Admin ADS

Admin
Hak Akses :
- Mengupdate iklan
- Insert iklan
- Delete iklan

6.

7.

Admin
Testimonials

Admin Manage

Admin
Hak Akses :
- Deletetestimonials
- Lihat testimonials
Admin

Data Yang Akan Dientri, Proses Yang


Akan Dilakukan atau Informasi Yang
Akan Dihasilkan oleh Fungsi/Menu
Terhadap Aktor
- Nama event
- Deskripsi event
b. Proses yang Dilakukan :
Admin melakukan insert
- Nama event
- Deskripsi event
c. Informasi Yang Dihasilkan :
Informasi event yang tersedia pada
tampilan event di website Sebastian
Coffee Shop
a. Data Entri :
- Nama mitra bisnis
- Alamat website mitra bisnis
b. Proses yang Dilakukan :
Admin melakukan insert
- Nama mitra bisnis
- Alamat website mitra bisnis
c. Informasi Yang Dihasilkan :
Informasi mitra bisnis yang tersedia
pada tampilan mitra bisnis di website
Sebastian Coffee Shop
a. Data Entri :
- Alamat gambar
- Alamat website
- Status tampil
- Keterangan
b. Proses yang Dilakukan :
Admin melakukan insert
- Alamat gambar
- Alamat website
- Status tampil
- Keterangan
c. Informasi Yang Dihasilkan :
Informasi iklan yang tersedia pada
tampilan website Sebastian Coffee Shop
b. Proses yang Dilakukan :
Admin melakukan delete dan lihat
- testimonial
a. Proses yang dilakukan :

76
No.

Fungsi/Menu
Aplikasi

Aktor dan Hak Akses Yang


Akan Menggunakan
Fungsi/Menu Tersebut

Order
Hak Akses :
- Memproses pesanan
customer
Hak Akses :
- Melihat Data Pemesanan
- Menghapus Data
Pemesanan
8.

Product

Customer
Hak Akses :
- Melihat Informasi Produk

9.

Detail Product

Customer
Hak Akses :
- Melihat Informasi Detail
Produk

10.

Cart

Customer
Hak Akses :
- Menginput produk yang
dipesan
- remove produk yang
dibeli
- melakukan pemesanan
produk lain

11.

Register

Customer
Hak Akses :
- Mengisi data pengiriman
pesanan

Data Yang Akan Dientri, Proses Yang


Akan Dilakukan atau Informasi Yang
Akan Dihasilkan oleh Fungsi/Menu
Terhadap Aktor
Admin melihat data pemesanan atau
menghapus data pemesanan
b. Informasi yang dihasilkan :
Admin dapat melihat semua
Pemesanan dari pelanggan

Data

a. Proses yang Dilakukan :


Customer melihat informasi produk
b. Informasi yang dihasilkan :
Informasi Produk
a. Proses yang Dilakukan :
Customer melihat informasi
produk

detail

b. Informasi yang dihasilkan :


Informasi detail produk
a. Data Entri :
- Jumlah produk
- Remove produk
- Belanja lagi
b. Proses yang Dilakukan :
Customer melakukan insert
- Jumlah produk
- Remove produk
- Belanja lagi
c. Informasi Yang Dihasilkan :
Total Belanja dari produk yang dipesan
Customer
a. Data Entri :
- Email
- Nama lengkap
- Nomer kontak
- Alamat
- Pilih Outlet
- Catatan
b. Proses yang Dilakukan :
Customer melakukan insert
- Email

77
No.

12.

Fungsi/Menu
Aplikasi

Already
Registered

Aktor dan Hak Akses Yang


Akan Menggunakan
Fungsi/Menu Tersebut

Customer
Hak Akses :
- Mengisi data pengiriman
pesanan
- Update data pengiriman
pesanan

13.

How to Order

Customer
Hak Akses :
- Melihat informasi tentang
tata cara pemesanan
produk / delivery order
secara online

14.

About Us

Customer
Hak Akses :
- Melihat informasi tentang
profil perusahaan

15.

Contact Us

Customer
Hak Akses :
- Melihat informasi tentang
kontak perusahaan

16.

Partnership

Customer
Hak Akses :
- Melihat informasi tentang
mitra bisnis perusahaan

Data Yang Akan Dientri, Proses Yang


Akan Dilakukan atau Informasi Yang
Akan Dihasilkan oleh Fungsi/Menu
Terhadap Aktor
- Nama lengkap
- Nomer kontak
- Alamat
- Pilih Outlet
- Catatan
c. Informasi Yang Dihasilkan :
Tampilan data diri pengiriman pesanan
a. Data Entri :
- Email
b. Proses yang Dilakukan :
Customer melakukan insert
- email
c. Informasi Yang Dihasilkan :
Tampilan data diri pengiriman pesanan
yang sudah pernah diisi oleh Customer
a. Proses yang Dilakukan :
Customer melihat informasi cara
pemesanan.
b. Informasi yang dihasilkan :
Informasi cara pemesanan produk secara
online.
a. Proses yang Dilakukan :
Customer melihat informasi
perusahaan.

profil

b. Informasi yang dihasilkan :


Informasi profil perusahaan.
a. Proses yang Dilakukan :
Customer melihat informasi
perusahaan.

kontak

b. Informasi yang dihasilkan :


Informasi kontak perusahaan.
a. Proses yang Dilakukan :
Customer melihat informasi mitra bisnis
perusahaan.
b. Informasi yang dihasilkan :
Informasi mitra bisnis perusahaan.

78
No.

17.

Fungsi/Menu
Aplikasi

Aktor dan Hak Akses Yang


Akan Menggunakan
Fungsi/Menu Tersebut

Testimonials

Customer
Hak Akses :
- mengisi saran dan kritik
bagi perusahaan

Data Yang Akan Dientri, Proses Yang


Akan Dilakukan atau Informasi Yang
Akan Dihasilkan oleh Fungsi/Menu
Terhadap Aktor
a. Data Entri :
- Nama
- Isi testimonial
- Captcha / kode
b. Proses yang Dilakukan :
Customer melakukan insert
- Nama
- Isi testimonial
- Captcha / kode

18.

ADS

Customer
Hak Akses :
- melihat informasi iklan
yang ditampilkan
perusahaan

19.

Data Admin

Admin
-

20.

Data Pelanggan

b. Informasi yang dihasilkan :


Informasi iklan-iklan yang ditampilkan
di dalam website.
a. Data Entri :
- Username
- Password
- Outlet

Hak Akses :
Menambah admin
Delete admin
Melihat
daftar b. Proses yang Dilakukan :
admin
Admin melakukan insert
- Username
- Password
- Outlet

Admin
-

c. Informasi Yang Dihasilkan :


Tampilan data testimonial yang diisi
oleh Customer.
a. Proses yang Dilakukan :
Customer melihat informasi iklan
perusahaan.

Hak Akses :
Melihat data
pelanggan dari
customer yang
melakukan order
produk melalui
website.

c. Informasi Yang Dihasilkan :


Tampilan admin-admin dari tiap outlet
Sebastian Coffee Shop. Tiap admin
memiliki hak akses menangani order
yang masuk ke database admin.
a. Proses yang Dilakukan :
Admin melihat informasi data pelanggan
yang melakukan order produk melalui
website.
b. Informasi Yang Dihasilkan :
Daftar pelanggan secara lengkap mulai
dari alamat, nama, telepon yang berguna
untuk alamat pengiriman order.

79

3.4.3

Perancangan Layar (Storyboard) Pada Solusi


Aplikasi web merupakan aplikasi yang mengutamakan pentingnya

interaksi antara manusia dan komputer. Maka dari itu, sebelum aplikasi dibuat,
perancangan layarperlu dibuat terlebih dahulu.

Tabel 3.11 Fungsi/Menu vs Layar


No.
1.

Fungsi/Menu
Aplikasi
Login

Digunakan Pada
Proses Bisnis Baru
- Proses Login

Nama Layar (Storyboard)

Data Admin

Proses Update
Admin

3.

Admin Product

Proses Update
Panel Admin

4.

Admin Event

Proses Update
Panel Admin

1.d Admin Event :


Halaman admin event dapat digunakan oleh
admin untuk mengupdate event-event dan
promo yang ada di website.

5.

Admin
Partnership

Proses Update
Panel Admin

1.e Admin Event :


Halaman admin event dapat digunakan oleh
admin untuk mengupdate event-event dan
promo yang ada di website

1a. Login admin :


Halaman login admin adalah halaman
pembuka tampilan layar admin. Admin
dapat melakukan login pada layar ini.
1.b Admin List
Halaman ini digunakan untuk menambah
daftar admin yang ada. Apabila ada
penambahan outlet baru dan butuh seorang
admin untuk mengelola order, maka admin
baru dapat ditambahkan pada layar ini.
1c. Admin Product :
Halaman admin product dapat digunakan
oleh admin untuk mengupdate produkproduk yang dijual oleh Sebastian Coffee
Shop.

80
No.
6.

Fungsi/Menu
Aplikasi
Admin ADS

Digunakan Pada
Proses Bisnis Baru
- Proses Update
Panel Admin

7.

Admin
Testimonials

Proses Update
Panel Admin

8.

Data Pelanggan

Proses Melihat
Data Order

9.

Admin
Order

Proses Melihat
Data Order

10.

Product

Proses Melihat
Produk

11.

Detail Product

Proses Melihat
Produk

12.

Cart

Proses
Pemesanan
Produk

13.

Register

Proses
Pemesanan
Produk

14.

Already
Registered

Proses
Pemesanan
Produk

Manage

Nama Layar (Storyboard)


1.f Admin Advertise :
Halaman admin ADS dapat digunakan oleh
admin untuk mengupdate iklan-iklan yang
ditampilkan di website.
1.g Admin Testimonials :
Halaman ini dapat digunakan admin untuk
mengupdate daftar testimonial yang diisi
oleh customer pada website.
1.h Customer List
Halaman ini dapat digunakan admin untuk
melihat data pelanggan yang melakukan
order dengan lengkap. Data pelanggan
tersebut dibutuhkan untuk informasi
pengiriman order ke tempat customer.
1.i Admin Manage Order
Halaman ini dapat digunakan admin untuk
melihat dan memproses daftar order produk
yang dilakukan oleh customer.
1.j Product
Halaman ini dapat digunakan oleh customer
untuk
melihat
produk-produk
yang
disediakan oleh Sebastian Coffee Shop.
Selain itu juga disediakan menu buy untuk
melakukan pemesanan produk secara
online.
1.k Detail Product
Halaman ini dapat digunakan oleh customer
untuk melihat produk-produk yang ada
secara lebih detail dan terperinci.
1.l Cart
Halaman ini dapat digunakan customer
untuk melihat daftar produk yang ingin
dipesan lengkap dengan total harganya.
1.m Register
Halaman ini dapat digunakan customer
untuk mendaftarkan data alamat pengiriman
dari produk yang sudah dipesan / dipilih
sebelumnya.
1.n Already Registered
Halaman ini dapat digunakan customer yang
sudah pernah melakukan pemesanan produk
secara online. Data pengiriman masih
tersimpan
dalam database
sehingga
customer tidak perlu mengisi lagi data
alamat
pengiriman,
terkecuali
ada
pergantian pada pengisian form dari data
alamat pengiriman.

81
No.
15.

Fungsi/Menu
Aplikasi
How to Order

16.

About Us

17.

Contact Us

18.

Partnership

19.

Testimonials

20.

ADS

Digunakan Pada
Nama Layar (Storyboard)
Proses Bisnis Baru
- Proses Melihat 1.o How to Order
Informasi
Halaman ini dapat digunakan customer
untuk melihat informasi cara pemesanan
produk secara online melalui website
Sebastian Coffee Shop.
- Proses Melihat 1.p About Us
Informasi
Halaman ini dapat digunakan oleh customer
untuk melihat informasi sejarah dan
perkembangan Sebastian Coffee Shop.
- Proses Melihat 1.q Contact Us
Informasi
Halaman ini dapat digunakan customer
untuk melihat informasi lengkap mengenai
outlet-outlet Sebastian Coffee Shop beserta
dengan kontak yang dapat dihubungi.
- Proses Melihat 1.r Partnership
Informasi
Halaman ini dapat digunakan customer
untuk melihat daftar mitra bisnis dari
Sebastian Coffee Shop dan membuka direct
link langsung menuju website dari mitra
bisnis.
- Proses Melihat 1.s Testimonials
Informasi
Halaman ini dapat digunakan customer
untuk memberikan saran dan kritik terhadap
Sebastian Coffee Shop baik dari segi
kualitas produk, pelayanan dan lainnya.
- Proses Melihat 1.t Advertise
Informasi
Halaman ini dapat digunakan oleh customer
untuk melihat iklan-iklan yang ditampilkan
pada website Sebastian Coffee Shop.

82
a. Perancangan Halaman Admin Login

Gambar 3.11 Gambar Rancangan Layar Admin Login

Layar Login Admin ini hanya bisa diakses oleh admin. Layar login ini akan
mengotorisasihalaman panel Admin melalui validasi username dan password
terlebih dahulu. Tombol Login digunakan untuk memasuki halaman utama. Pada
sidebar kiri rancangan layar ini terdapat tanggal dan waktu.

83
b. Perancangan Halaman Admin List

Gambar 3.12 Gambar Rancangan Layar Admin List

Layar Admin List hanya bisa diakses oleh admin. Admin dapat
menambahkan list daftar admin yang baru dengan mengisi field username,
password dan outlet. Keseluruhan dafar admin akan ditampilkan pada Admin List.

84
c. Perancangan Halaman Admin Product

Gambar 3.13 Gambar Rancangan Layar Admin Product

Layar Admin Product ini hanya bisa diakses oleh admin. Layar ini
digunakan admin untuk mengupdate produk yang akan ditampilkan kedalam
website Sebastian Coffee Shop. Dengan terlebih dahulu mengisi form produk untuk
menambahkan produk-produk baru. Dimana field-field tersebut adalah Product
Name, Type, Description, Price, Image File Name, Status. Dimana Code Status

85
berfungsi sebagai informasi bagi admin untuk menetapkan Status Produk tersebut
apakah merupakan produk baru atau lama. Keseluruhan list Produk akan
ditampilkan pada Product Data, dimana admin dimungkinkan untuk melakukan
pengeditan ulang data maupun menghapus data produk yang telah diinput
sebelumnya.

d. Perancangan Halaman Admin Event

Gambar 3.14 Gambar Rancangan Layar Admin Event

86
Layar Update Event ini hanya bisa diakses oleh Admin. Layar ini digunakan
oleh Admin untuk mengupdate event yang akan ditampilkan kedalam halaman Event
pada website Sebastian Coffee Shop. Adapun field yang harus diisi oleh admin
untuk mengupdate halaman ini adalah Event Name, dan Description. ListEvent akan
ditampilkan dibawah form Eventform. Pada rancangan halaman ini terdapat fasilitas
edit dan delete event. Edit digunakan untuk mengedit event yang sebelumnya telah
diinput admin sedangkan Delete untuk menghapus event yang tidak lagi ingin
ditampilkan kedalam halaman website.

87
e. Perancangan Halaman Admin Partnership

Gambar 3.15 Gambar Rancangan Layar Admin Partnership

Layar Update Partnership ini hanya bisa diakses oleh Admin. Layar ini
digunakan admin untuk mengupdate mitra bisnis yang akan ditampilkan kedalam
halaman Partnership pada website Sebastian Coffee Shop. Field yang harus diisi
adalah Partnership Name dan Website Url.List Partnership akan ditampilkan
dibawah Partnership form. Dan fasilitas delete partnership dapat digunakan untuk
menghapus listmitra bisnis yang tidak lagi ingin ditampilkan kedalam halaman

88
website Sebastian Coffee Shop.

f. Perancangan Halaman Admin Advertise

Gambar 3.16 Gambar Rancangan Layar Admin Advertise


Layar Admin Advertise ini hanya bisa diakses oleh Admin. Layar ini
digunakan admin untuk mengupdate iklan yang akan ditampilkan kedalam halaman
Advertise pada website Sebastian Coffee Shop. Adapun field yang harus diisi oleh
admin untuk mengupdate halaman ini adalah Image location, Website URL, Status,
dan Description. List Advertise akan ditampilkan dibawah formAdvertise form. Dan
fasilitas Delete Advertise dapat digunakan untuk menghapus listiklan yang tidak lagi
ingin ditampilkan kedalam halaman website.

89
g. Perancangan Halaman Admin Testimonials

Gambar 3.17 Gambar Rancangan Layar Admin Testimonials


Layar Admin Testimonials ini hanya bisa diakses oleh Admin. Layar ini
digunakan admin untuk melakukan seleksi testimonials yang akan ditampilkan
kedalam website Sebastian Coffee Shop. Delete pada Testimonial List dapat
digunakan untuk menghapus testimonial yang tidak lagi ingin ditampilkan / ingin
dihilangkanpada halaman website.

h. Perancangan Halaman Customer List

90

Gambar 3.18 Gambar Rancangan Layar Customer List


Layar Customer List ini hanya bisa diakses oleh admin. Halaman ini
digunakan oleh admin untuk melihat alamat dan data diri lengkap dari customer
yang melakukan pemesanan produk melalui website.

91
i. Perancangan Halaman Admin Manage Order

Gambar 3.19 Gambar Rancangan Layar Admin Manage Order


Layar Admin Manage Order ini hanya bisa diakses oleh admin. Layar ini
digunakan admin untuk mengeksekusi pesanan yang dilakukan oleh user. Pada
layar ini terdapat date, name, note, outlet, product, quantity, total, dan sent.
Ketika order sudah masuk dan ditangani oleh admin, admin akan mengklik
tombol menu sent sebagai tanda order sudah terkirim kepada customer.

92
j. Perancangan Halaman Product

Gambar 3.20 Gambar Rancangan Layar Product


Layar Product merupakan salah satu menu utama website Sebastian Coffee
Shop. Layar ini digunakan customer untuk melihat keseluruhan produk mulai dari
berbagai minuman, coffee , appetizer, dan main course yang ditawarkan oleh
Sebastian Coffee Shop. Layar ini dapat diakses oleh user melalui sidebar menu
ataupun main menu yang terdapat pada panel kiri main menu pada bagian atas
website. Pada halaman ini ditampilkan gambar product maupun deskripsi lengkap
produk terkait mulai dari kode produk, nama produk, dan harga produk. Pada layar

93
ini juga terdapat tombol detail dan buy dimana tombol detail menampilkan
keseluruhan tampilan dan detail produk sedangkan buy berfungsi mengarahkan user
ke layar cart untuk mengeksekusi pemesanan.

k. Perancangan Halaman Detail Product

Gambar 3.21 Gambar Rancangan Layar Detail Product


Layar Detail Product menampilkan secara terperinci suatu produk yang
ditawarkan oleh Sebastian Coffee Shop. Tombol Buy untuk menambahkan pesanan

94
kedalam Cart sedangkan tombol Back untuk kembali kelayar Product.

l. Perancangan Halaman Cart

Gambar 3.22 Gambar Rancangan Layar Cart

Layar Cart merupakan salah satu menu utama website Sebastian Coffee
Shop. Layar ini digunakan user untuk melihat keseluruhan produk yang telah
dipesan sebelumnya pada halaman product. Pada halaman ini ditampilkan gambar,
nama, harga, aksi, kuantitas, dan total harga. User dapat melakukan remove product

95
yang telah dipilih dengan menggunakan panel aksi yang telah disediakan. Halaman
ini juga melakukan kalkulasi total harga pada keseluruhan produk yang user telah
pilih. Melalui halaman ini pula user dapat melakukan pemesanan lagi pada produk
lain dengan menekan tombol Order Another Product. Kolom information
menyediakan informasi bagi user bagaimana cara menggunakan / mengakses
halaman cart untuk melakukan pemesanan produk. Dibagian akhir halaman terdapat
dua tombol Already Registereddan Register. Dimana Already Registered dapat
membawa user yang sebelumnya telah terdaftar untuk melakukan eksekusi akhir
pesanan sedangkan register membawa user yang belum terdaftar ke halaman
Registration sebelum melakukan eksekusi akhir pesanan.

96
m. Perancangan Halaman Register

Gambar 3.23 Gambar Rancangan Layar Register


Layar Register merupakan bagian dari layar Cart yang akan digunakan
user untuk memasukkan data alamat pengiriman produk dan

melakukan

eksekusi pesanan terhadap produk yang sebelumnya telah user pilih. Pada bagian
atas Registration Form terdapat Cart yang bersikian keseluruhan produk yang
sebelumnya telah user pilih. Adapun field form yang harus diisi customerpada
layar ini adalah Email, Name, Address, Contact Number, Outlet dan Notes.

97
n. Perancangan Halaman Already Registered

Gambar 3.24 Gambar Rancangan Layar Already Registered


Layar Already Registered merupakan bagian dari layar Cart yang akan
digunakan user untuk menginput data alamat pengiriman produk dari Sebastian
Coffee Shop. Bagi user yang sudah pernah melakukan pemesanan produk
melalui website, hanya tinggal memasukan email yang digunakan saat
melakukan pemesanan sebelumnya. Setelah itu akan muncul tampilan data
alamat pengiriman yang sudah pernah diisi oleh user yang tersimpan dalam
database website.

98
o. Perancangan Halaman How to Order

Gambar 3.25 Gambar Rancangan Layar How to Order


Layar How to Order ini digunakan user untuk melihat cara melakukan
pemesanan produk yang ditampilkan pada website Sebastian Coffee Shop.
Panduan langkah-langkah pemesanan secara rinci ditampilkan pada layar ini.

99
p. Perancangan Halaman About Us

Gambar 3.26 Gambar Rancangan Layar About Us


Layar About Us ini digunakan user untuk melihat informasi dan
sejarahdari Sebastian Coffee Shop sejak awal berdiri hingga sekarang.

100
q. Perancangan Halaman Contact Us

Gambar 3.27 Gambar Rancangan Layar Contact Us


Layar Contact Us digunakan customer untuk melihat keseluruhan
informasi outlet dari Sebastian Coffee Shop. Mulai dari nama outlet, alamat,
maupun telepon dan kontak lain dari outlet tersebut.

101
r. Perancangan Halaman Partnership

Gambar 3.28 Gambar Rancangan Layar Partnership


Layar Partnership digunakan user untuk melihat keseluruhan Mitra
Bisnis dari Sebastian Coffee Shop beserta dengan websitenya masing-masing.

102
s. Perancangan Halaman Testimonials

Gambar 3.29 Gambar Rancangan Layar Testimonials


Layar Testimonials digunakan customer untuk memberikan komentar
terkait dengan produk dan pelayanan yang diberikan oleh Sebastian Coffee Shop.
Dengan mengisi field nama, email, dan komentar, testimonialcustomer
dimungkinkan untuk ditampilkan dibagian akhir halaman testimonials Sebastian
Coffee Shop.

103
t. Perancangan Halaman Advertise

Gambar 3.30 Gambar Rancangan Layar Advertise


Layar Advertise ditampilkan pada sidebar dari website Sebastian Coffee
Shop. Menampilkan keseluruhan iklan yang ingin dipromosikan pada website
Sebastian Coffee Shop.

104
3.4.4

Perancangan Basis Data Pada Solusi

Berdasarkan dari fungsi pada proses bisnis baru, data entry dan informasi
yang akan ditampilkan pada rancangan proses bisnis baru dan layar aplikasi
diusulkan, maka pada tahapan ini akan dirancang basis data yang akan digunakan
pada aplikasi. Keluaran dari tahapan ini adalah rancangan tabel-tabel beserta
field-field yang akan digunakan. Tabel ini secara keseluruhan akan dirangkum
dalam diagram Entity Relationship Diagram (ERD).
Rancangan tabel-tabel pada aplikasi ini akan diimplementasikan dengan
menggunakan database engine : Mysql Webserver versi yang digunakan adalah
versi 5.0.51b.
Berikut ini merupakan definisi dari tabel-tabel yang akan digunakan pada
aplikasi yang diusulkan :

Tabel DataAdmin
Fungsi tabel ini digunakan untuk menyimpan data admin yang
memiliki hak akses terhadap website sepenuhnya.
Primary Key dari tabel ini: ID Admin

105
Tabel 3.12 Tabel DataAdmin
No.

1.

Nama Field
ID Admin

Tipe Data
Varchar(10)

Keterangan
PK, sebagai identitas utama dari
admin

2.

Username

Varchar(10)

Username yang digunakan oleh


admin. Digunakan saat login

3.

Password

Varchar(10)

Password dari admin. Digunakan


saat login

4.

ID Outlet

Int

FK1 : identitas dari outlet admin.


Tiap outlet dari Sebastian Coffee
Shop memiliki admin masing

Tabel 3.13 Contoh isi Tabel DataAdmin


ID Admin
1

Username
Wasy

Password
123456

ID Outlet
1

Joshue

Jos232

Tabel DataDiriPelanggan
Tabel ini digunakan untuk menyimpan data diri pelanggan yang
melakukan order produk via website.. Primary Key dari tabel ini:
ID Pelanggan

106

Tabel 3.14 Tabel Pelanggan


No.
1.

Nama Field
ID Pelanggan

Tipe Data
Varchar(10)

Keterangan
PK : Identitas utama

2.

Email

Varchar(20)

Email yang digunakan customer saat


melakukan order

3.

Nama Pelanggan

Varchar(30)

Nama customer yang melakukan


order produk

4.
5.

Alamat
ID Outlet

Longtext
Int

Alamat customer
FK 2 : ID Lokasi outlet Sebastian
coffe shop terdekat yang ingin
dipilih oleh customer saat
melakukan order produk

6.

Catatan

Longtext

Catatan ingin disampaikan customer


saat melakukan order produk

Tabel 3.15 Contoh isi Tabel DataDiriPelanggan


ID
Pelang
gan

EmailID

Nama
Pelanggan

Alamat

ID
Outle
t

Catatan

rere@yahoo.
com

Wasi

Jl. Pisangan raya

Kopi tidak
pakai gula

bags@yahoo.
com

Bagus

Jl. Ciputat raya

Mushroomn
ya extra
pedas

Tabel HeaderOrder
Fungsi tabel adalah sebagai header dari transaksi pemesanan produk yang
dilakukan oleh customer via website. Primary key dari tabel ini : ID Order

107
Tabel 3.16 Tabel HeaderOrder
No.

Nama Field

Tipe Data

Keterangan

1.

ID Order

Varchar(10)

PK, sebagai identitas utama sebuah


order dari customer.
FK1: sebagai identitas yang
penghubung relasi kepada tabel
detail order.

2.

Tanggal

Date

Tanggal dari transaksi pemesanan


yang dilakukan oleh customer.

3.

Grand Total

Int

Total harga dari transaksi yang


dilakukan customer.

4.

Alamat Pengiriman

Longtext

Tabel 3.17 Contoh isi Tabel HeaderOrder


ID Order

Tanggal

Grand Total

13-05-2012

115000

06-06-2012

130000

Tabel DetailOrder
Fungsi tabel ini digunakan untuk menyimpan data detail order
dari transaksi pemesanan produk yang dilakukan oleh customer
via website. Primary Key dari tabel ini: ID Order

108
Tabel 3.17 Tabel DetailOrder
No.

Nama Field

Tipe Data

Keterangan

ID Order

Varchar(10)

PK, sebagai identitas utama sebuah


order produk produk

ID Produk

Varchar(10)

FK1 : identitas utama sebuah


produk yang dibeli oleh customer

Harga

Int

Harga satuan produk yang dibeli


oleh customer

5.

Qty

Int

Jumlah produk (kuantitas) yang


dibeli oleh customer

6.

Harga Total

Int

Total harga produk (satuan) dikali


dengan kuantitas-nya

Tabel 3.18 Contoh isi Tabel DetailOrder


ID
ID
Order Produk
1
13
1

12

Harga

Qty

Harga Total

25000

25000

30000

90000

Tabel Produk
Fungsi tabel ini digunakan untuk menyimpan data produk
produk yang dimasukkanAdmin ke dalam website.Primary Key
dari tabel ini: ID Produk

109
Tabel 3.19 Tabel Produk
No.

Nama Field

Tipe Data

Keterangan

1.

ID Produk

Varchar(10)

PK : sebagai identitas utama sebuah produk.

2.

ID Kategori

Varchar(10)

FK1 : identitas utama sebuah kategori


produk.

3.

Nama Produk

varchar(30)

Nama Produk produk yang ada di


website Sebastian coffee shop.

4.

Deskripsi Produk

Longtext

5.

Harga

Int

Deskripsi produk-produk yang ada di


website Sebastian coffee shop.
Harga satuan produk.

Tabel 3.20 Contoh isi Tabel Produk


ID
ID Kategori
Produk

Nama produk

Deskripsi Produk
Dibuat dari biji kopi terbaik, dengan aroma
nusantara
Fillet ikan dicampur dengan mushroom
digoreng dengan tepung yang sempurna

13

Espresso coffe

12

Mushroom fillet

Tabel kategori
Fungsi tabel ini digunakan untuk menyimpan data kategori dari
produk yang ada.. Primary Key dari tabel ini: ID Kategori

110
Tabel 3.21 Tabel Kategori
No.

Nama Field

Tipe Data

1.

ID Kategori

Varchar(10)

2.

Nama Kategori

varchar(20)

Keterangan
PK : sebagai identitas utama sebuah
kategori
Nama kategori produk

Tabel 3.22 Contoh isi Tabel Kategori


ID Kategori

Nama Kategori

Beverages

Food

Tabel Event
Fungsi tabel ini digunakan untuk menyimpan data event dan
promo yang dimasukkan Admin ke dalam website. PrimaryKey
dari tabel ini: ID Event

Tabel 3.23 Tabel Event


No.

Nama Field

Tipe Data

Keterangan

1.

ID Event

Varchar(10)

PK, sebagai identitas utama sebuah


event

2.
3.

Nama Event

Varchar(30)

Nama dari event

Deskripsi

Longtext

Deskripsi dari event

111
Tanggal

4.

Date

Tanggal dari event

Tabel 3.24 Contoh isi Tabel Event


ID Event

Nama event

Deskripsi event

Tanggal

Ramadhan promo

Khusus bagi yang berbuka puasa di 10-10-2012


Sebastian coffee free takjil +
dessert

Accoustic night @ outlet


Veteran

Come and join acoustic night @ 12-10-2012


sebastiaan coffee veteran starring :
seringai, KOIL

Tabel MitraBisnis
Fungsi tabel ini digunakan untuk menyimpan data mitra bisnis
dari Admin. PrimaryKey dari tabel ini: ID Mitra Bisnis

Tabel 3.25 Tabel MitraBisnis


No.

Nama Field

Tipe Data

Keterangan

1.

ID Mitra Bisnis

Varchar(10)

PK, sebagai identitas utama mitra


bisnis

2.

Nama Mitra

varchar(20)

Nama dari mitra bisnis

3.

Alamat website

Varchar(30)

Link / alamat website dari mitra


bisnis

112

Tabel 3.26 Contoh isi Tabel MitraBisnis


ID Mitra
Bisnis

Nama Mitra

Alamat website

KASKUS Indonesia

http://www.kaskus.us/

Indonesian brands

http://indonesianbrands.com
/home

Tabel Iklan
Fungsi tabel ini digunakan untuk menyimpan data iklan dari
Admin. Primary Key dari tabel ini: ID Iklan

Tabel 3.27 Tabel Iklan


No.

Nama Field

Tipe Data

Keterangan

1.

ID Iklan

Varchar(10)

PK, sebagai identitas utama dari iklan

2.

Alamat Gambar

Varchar(15)

Alamat dari gambar yang ingin


dijadikan icon iklan yang
dimasukkan ke dalam website

3.

Alamat website

Varchar(30)

Link / alamat website dari iklan yang


ingin ditampilkan di website

4.

Status tampil

Int

Status tampil dari iklan, 0 untuk


iklan lama, 1 untuk iklan baru

5.

Keterangan

Varchar(30)

Keterangan dari iklan yang ingin


ditampilkan di website

113

Tabel 3.28 Contoh isi Tabel Iklan


ID
Iklan

Alamat gambar

Alamat website

Status
tampil

Keterangan

Twit.jpg

http://twitter.com/

OFFICIAL
TWITTER
SEBASTIA
N COFFEE

Tabel Testimonials
Fungsi tabel ini digunakan untuk menyimpan data testimonial dari
pelanggan. Primary Key dari tabel ini: ID Testi

Tabel 3.29 Tabel Testimonials


No.

Nama Field

Tipe Data

Keterangan

1.

ID Testi

Varchar(10)

PK, sebagai identitas utama dari


testimonial

2.

Nama Pelanggan

varchar(30)

Nama pelanggan yang menuliskan


testimonials

3.

Testimonials

Longtext

Isi dari testimonial yang diisi oleh


pelanggan

Tabel 3.30 Contoh isi Tabel Testimonials


ID Testi

Nama Pelanggan

Testimonial

114
1

Wasih

Manteb banget Sebastian coffee bisa order via internet,


praktis, cepet dan produknya mantab!

Nyoman

Great services, great product, great price!!

Tabel Outlet
Fungsi tabel ini digunakan untuk menyimpan data testimonial dari
pelanggan.Primary Key dari tabel ini: ID Outlet

Tabel 3.31 Tabel Outlet


No.

Nama Field

Tipe Data

Keterangan

1.

ID Outlet

Varchar(10)

PK, sebagai identitas utama dari


sebuah outlet Sebastian Coffee Shop

2.

Nama Outlet

varchar(20)

Nama outlet

3.

Alamat

Longtext

Alamat lengkap dari masing


masing outlet

4.

Telepon

Varchar(10)

Nomor telepon dari masing


masing outlet

Tabel 3.32 Contoh isi Tabel Outlet


ID
Outlet

Nama Outlet

Alamat

Telepon

Sebastian Coffee Shop


Bintaro

JL. Veteran Raya no.11A,


Bintaro

0214390219

115
1. Berikut ini merupakan diagram yang menggambarkan keterhubungan antar tabeltabel yang telah didefinisikan di atas :

Gambar 3.31 Gambar ERD (Entity Relationship Diagram)

116
2. Berikut ini merupakan pemetaan antara tabel-tabel yang digunakan dengan layar
pada aplikasi diusulkan

Tabel 3.33 Pemetaan Tabel dengan Layar


No.
1.
2.
3.
4.
5.
6.
7.
8.

Nama Layar (Storyboard)


Login
Admin Product
Admin Event
Admin Partnership
Admin ADS
Admin Testimonials
Admin Outlet
Admin Manage Order

9.
10.
11.
12.

Product
Detail Product
Cart
Register

13.

Already Registered

14.
15.
16.
17.
18.

Partnership
Testimonials
Advertise
Admin List
Customer List

Tabel Yang Digunakan Pada Layar Tersebut


DataAdmin
Produk
Event
MitraBisnis
Iklan
Testimonials
Outlet
DataDiriPelanggan
DetailOrder
Outlet
HeaderOrder
Produk
Produk
DetailOrder
DataDiriPelanggan
Outlet
DataDiriPelanggan
Outlet
MitraBisnis
Testimonials
Iklan
DataAdmin
Data DiriPelanggan
DetailOrder
Outlet
HeaderOrder

117
3.4.5 Perancangan STD (State Transition Diagram)
3.4.5.1 Spesifikasi Proses STD Pada Admin

Gambar 3.32 Gambar STD Admin Login

Pada layar ini ditampilkan layar login yang hanya bias digunakan oleh admin.
Jika username dan password tidak valid maka layar akan kembali kelayar login. Jika
data username dan password sesuai dengan data maka akan ditampilkan layar Home
Admin.

Pada layar ini terdapat menu-menu yang digunakan untuk berpindah ke layar lain
, yaitu :
1. Menu login untuk berpindah ke layar Home Admin.

118

Gambar 3.33 Gambar STD Home Admin

Pada layar ini ditampilkan layar Home Admin. Di tengah halaman terdapat
berbagai menu pilihan yang digunakan admin untuk mengedit dan mengupdate
halaman website. Admin List untuk mengedit/mengupdate admin yang dapat
mengakses halaman Home Admin, Admin Event untuk mengedit/mengupdate
keseluruhan promo dan kegiatan yang dilakukan oleh Sebastian Coffee Shop, Admin
Product untuk mengedit/mengupdate produk makanan dan minuman, Admin
Partnership untuk mengedit/mengupdate keseluruhan mitra kerja dari Sebastian
Coffee Shop, Admin Advertise untuk mengedit/mengupdate keseluruhan ikaln yang
akan ditampilkan kedalam halaman website, Admin Testimonial untuk mengatur

119
komentar /testimonial customer yang akan ditampilkan pada halaman website, Admin
Manage Order untuk menangani delivery order dari customer, Admin Outlet untuk
mengedit/mengupdate keseluruhan outlet-outlet dari Sebastian Coffee Shop, dan Log
Out untuk keluar dari halaman Home Admin. Pada layar ini terdapat menu-menu yang
digunakan untuk berpindah ke layar lain, yaitu :

1. Menu Admin Listuntuk berpindah ke layar Admin List.


2. Menu Admin Event untuk berpindah ke layar Admin Event.
3. Menu Admin Product untuk berpindah ke layar Admin Product
4. Menu Admin Partnership untuk berpindah ke layar Admin Partnership.
5. Menu Admin Ads untuk berpindah ke layar Admin Ads.
6. Menu Admin Testimonial untuk berpindah ke layar Admin Testimonial.
7. Menu Admin Manage Orderuntuk berpindah ke layar Manage Order.
8. Menu Log Out untuk berpindah ke layar Admin Login.

120

Gambar 3.34 Gambar STD Admin List

Pada layar ini ditampilkan layar Admin List yang hanya bisa digunakan oleh
admin untuk mengedit/mengupdate admin yang dapat mengakses halaman Home
Admin. Pada layar ini terdapat menu-menu yang digunakan untuk berpindah ke layar
lain, yaitu :

1. Menu Back to Menu untuk berpindah ke layar Home Admin.

Gambar 3.35 Gambar STD Admin Product

Pada layar ini ditampilkan layar Admin Product yang hanya bisa digunakan
oleh admin mengedit/mengupdate produk makanan dan minuman yang akan
ditampilkan kedalam halaman website Sebastian Coffee Shop. Pada layar ini terdapat

121
menu-menu yang digunakan untuk berpindah ke layar lain, yaitu :

1. Menu Back to Menu untuk berpindah ke layar Home Admin.

Gambar 3.36 Gambar STD Admin Event

Pada layar ini ditampilkan layar Admin Event yang hanya bisa digunakan oleh
admin untuk mengedit/mengupdate keseluruhan promo dan kegiatan yang dilakukan
oleh Sebastian Coffee Shop.Pada layar ini terdapat menu-menu yang digunakan untuk
berpindah ke layar lain, yaitu :

1. Menu Back to Menu untuk berpindah ke layar Home Admin.

122

Gambar 3.37 Gambar STD Admin Partnership

Pada layar ini ditampilkan layar Admin Partnership yang hanya bisa
digunakan oleh admin untuk mengedit/mengupdate keseluruhan mitra kerja dari
Sebastian Coffee Shop. Pada layar ini terdapat menu-menu yang digunakan untuk
berpindah ke layar lain, yaitu :

1. Menu Back to Menu untuk berpindah ke layar Home Admin.

Gambar 3.38 Gambar STD Admin Advertise

123
Pada layar ini ditampilkan layar Admin Advertise yang hanya bisa digunakan
oleh admin untuk mengedit/mengupdate keseluruhan iklan yang akan ditampilkan
kedalam halaman website Sebastian Coffee Shop. Pada layar ini terdapat menu-menu
yang digunakan untuk berpindah ke layar lain, yaitu :

1. Menu Back to Menu untuk berpindah ke layar Home Admin.

Gambar 3.39 Gambar STD Admin Manage Order

Pada layar ini ditampilkan layar Admin Manage Order yang hanya bisa
digunakan oleh admin untuk untuk menangani manage delivery order dari customer.
Pada layar ini terdapat menu-menu yang digunakan untuk berpindah ke layar lain,
yaitu:

1. Menu Back to Menu untuk berpindah ke layar Home Admin.

124

Gambar 3.40 Gambar STD Admin Customer List

Pada layar ini ditampilkan layar Admin Customer List yang hanya bisa
digunakan oleh admin untuk melihat secara keseluruhan customer yang medaftarkan
diri kedalam website Sebastian Coffee Shop. Pada layar ini terdapat menu-menu yang
digunakan untuk berpindah ke layar lain, yaitu:

1. Menu Back to Menu untuk berpindah ke layar Home Admin.

Gambar 3.41 Gambar STD Admin Testimonials

Pada layar ini ditampilkan layar Admin Testimonials untuk mengatur komentar
/testimonial customer yang akan ditampilkan pada halaman website Sebastian Coffee

125
Shop. Pada layar ini terdapat menu-menu yang digunakan untuk berpindah ke layar
lain, yaitu:

1. Menu Back to Menu untuk berpindah ke layar Home Admin.

3.4.5.2 Spesifikasi Proses STD Pada Customer

Gambar 3.42 Gambar STD Home Customer

Pada layar ini ditampilkan layar Home Customer, Pada bagian atas halaman
terdapat menu Home, Product, Cart, About Us, dan How to Order. Sedangkan pada
panel kiri halaman website terdapat menu Testimonials, Event, Partnership Contact

126
Us, dan Advertise

Pada layar ini terdapat menu-menu yang digunakan untuk berpindah ke layar
lain, yaitu :

1. Menu Product untuk berpindah ke layar Product.


2. Menu Cart untuk berpindah ke layar Cart.
3. Menu About Us untuk berpindah ke layar About Us.
4. Menu How to Order untuk berpindah ke layar How to Order.
5. Menu Testimonials untuk berpindah ke layar Testimonials.
6. Menu Eventuntuk berpindah ke layar Event.
7. Menu Partnership untuk berpindah ke layar Partnership.
8. Menu Contact Us untuk berpindah ke layar Contact Us.
9. Menu Advertise untuk berpindah ke layar Advertise.

127

Gambar 3.43 Gambar STD Product

Pada layar ini ditampilkan layar Product, Pada bagian atas halaman terdapat
menu Home, Product, Cart, About Us, dan How to Order. Sedangkan pada panel kiri
halaman website terdapat menu Testimonials, Event, Partnership Contact Us, dan

128
Advertise. Dengan menekan tombol menu Detail customer akan diarahakan menuju
halaman Product Detail dari produk tersebut. Saat customer menekan tombol menu
buy customer akan dirahkan menuju halaman Cart dimana customer dapat melihat
keseluruhan produk makanan/minuman yang sebelumnya telah customer pesan
melalui halaman Product

Pada layar ini terdapat menu-menu yang digunakan untuk berpindah ke layar
lain, yaitu :

1. Menu Product untuk berpindah kembali ke layar Product.


2. Menu Cart untuk berpindah ke layar Cart.
3. Menu About Us untuk berpindah ke layar About Us.
4. Menu How to Order untuk berpindah ke layar How to Order.
5. Menu Testimonials untuk berpindah ke layar Testimonials.
6. Menu Event untuk berpindah ke layar Event.
7. Menu Partnership untuk berpindah ke layar Partnership.
8. Menu Contact Usuntuk berpindah ke layar Contact Us.
9. Menu Advertise untuk berpindah ke layar Advertise.
10. Menu Detail untuk berpindah ke layar Product Detail.
11. Menu Buy untuk berpindah ke layar Cart.

129

Gambar 3.44 Gambar STD Cart

Pada layar ini ditampilkan layar Cart, Pada bagian atas halaman terdapat menu
Home, Product, Cart, About Us, dan How to Order. Sedangkan pada panel kiri
halaman website terdapat menu Testimonials, Event, Partnership Contact Us, dan

130
Advertise. Terdapat tombol menu Register bagi customer yang belum mendaftarkan
diri untuk dapat melanjutkan order, saat ditekan customer akan diarahakan menuju
halaman Register. Dan tombol menu Already Registered diperuntukkan bagi customer
yang telah mendaftarkan diri untuk dapat melanjukan order pesanan, saat ditekan
customer akan diarahakan menuju halaman Already Registered.

Pada layar ini terdapat menu-menu yang digunakan untuk berpindah ke layar
lain, yaitu :

1. Menu Product untuk berpindah kembali ke layar Product.


2. Menu Cart untuk berpindah kembali ke layar Cart.
3. Menu About Us untuk berpindah ke layar About Us.
4. Menu How to Order untuk berpindah ke layar How to Order.
5. Menu Testimonials untuk berpindah ke layar Testimonials.
6. Menu Event untuk berpindah ke layar Event.
7. Menu Partnership untuk berpindah ke layar Partnership.
8. Menu Contact Usuntuk berpindah ke layar Contact Us.
9. Menu Advertise untuk berpindah ke layar Advertise.
10. Menu Registeruntuk berpindah ke layar Register.
11. Menu Already Registered untuk berpindah ke layar Already Registered.

131

Gambar 3.45 Gambar STD Register

Pada layar ini ditampilkan layar Register, Pada bagian atas halaman terdapat
menu Home, Product, Cart, About Us, dan How to Order. Sedangkan pada panel kiri
halaman website terdapat menu Testimonials, Event, Partnership Contact Us, dan

132
Advertise. Tombol menu Send digunakan untuk medaftarkan diri sebagai customer
baru untuk dapat melanjutkan order. Sedangkan tombol menu Cancel untuk kembali
kehalaman Product.

Pada layar ini terdapat menu-menu yang digunakan untuk berpindah ke layar
lain, yaitu :

1. Menu Product untuk berpindah kembali ke layar Product.


2. Menu Cart untuk berpindah ke layar Cart.
3. Menu About Us untuk berpindah ke layar About Us.
4. Menu How to Order untuk berpindah ke layar How to Order.
5. Menu Testimonials untuk berpindah ke layar Testimonials.
6. Menu Event untuk berpindah ke layar Event.
7. Menu Partnership untuk berpindah ke layar Partnership.
8. Menu Contact Usuntuk berpindah ke layar Contact Us.
9. Menu Advertise untuk berpindah ke layar Advertise.
10. Menu Register untuk berpindah ke layar Register.
11. Menu Already Registered untuk berpindah ke layar Already Registered.
12. Menu Send untuk berpindah ke layar Cart.
13. Menu Cancel untuk berpindah ke layar Product.

133

Gambar 3.46 Gambar STD Already Registered

Pada layar ini ditampilkan layar Already Registered, Pada bagian atas halaman
terdapat menu Home, Product, Cart, About Us, dan How to Order. Sedangkan pada
panel kiri halaman website terdapat menu Testimonials, Event, Partnership Contact
Us, dan Advertise. Tombol menu Search digunakan untuk mencari customer dan
melakukan auto searching data bagi customer dengan email yang sama untuk dapat

134
melanjutkan pemesanan.

Pada layar ini terdapat menu-menu yang digunakan untuk berpindah ke layar
lain, yaitu :

1. Menu Product untuk berpindah kembali ke layar Product.


2. Menu Cart untuk berpindah ke layar Cart.
3. Menu About Us untuk berpindah ke layar About Us.
4. Menu How to Order untuk berpindah ke layar How to Order.
5. Menu Testimonials untuk berpindah ke layar Testimonials.
6. Menu Event untuk berpindah ke layar Event.
7. Menu Partnership untuk berpindah ke layar Partnership.
8. Menu Contact Usuntuk berpindah ke layar Contact Us.
9. Menu Advertise untuk berpindah ke layar Advertise.
10. Menu Register untuk berpindah ke layar Register.
11. Menu Already Registered untuk berpindah ke layar Already Registered.
12. Menu Search untuk berpindah ke layar Already Registered.

135

Gambar 3.47 Gambar STD About Us

Pada layar ini ditampilkan layar About Us, Pada bagian atas halaman terdapat
menu Home, Product, Cart, About Us, dan How to Order.Sedangkan pada panel kiri
halaman website terdapat menu Testimonials, Event, Partnership Contact Us, dan
Advertise.Pada layar ini ditampilan sekilas keterangan dan informasi mengenai
Sebastian Coffee Shop.

136
Pada layar ini terdapat menu-menu yang digunakan untuk berpindah ke layar
lain, yaitu :

1. Menu Product untuk berpindah kembali ke layar Product.


2. Menu Cart untuk berpindah ke layar Cart.
3. Menu About Us untuk berpindah kembali ke layar About Us.
4. Menu How to Order untuk berpindah ke layar How to Order.
5. Menu Testimonials untuk berpindah ke layar Testimonials.
6. Menu Event untuk berpindah ke layar Event.
7. Menu Partnership untuk berpindah ke layar Partnership.
8. Menu Contact Usuntuk berpindah ke layar Contact Us.
9. Menu Advertise untuk berpindah ke layar Advertise.

137

Gambar 3.48 Gambar STD Contact Us

Pada layar ini ditampilkan layar Contact Us, Pada bagian atas halaman
terdapat menu Home, Product, Cart, About Us, dan How to Order. Sedangkan pada
panel kiri halaman website terdapat menu Testimonials, Event, Partnership Contact
Us, dan Advertise. Pada layar halaman ini ditampilan informasi mengenai keseluruhan
lokasi outlet-outlet penjualan, dan nomor telpon outlet dari Sebastian Coffee Shop.

138
Pada layar ini terdapat menu-menu yang digunakan untuk berpindah ke layar
lain, yaitu :

1. Menu Product untuk berpindah kembali ke layar Product.


2. Menu Cart untuk berpindah ke layar Cart.
3. Menu About Us untuk berpindah kembali ke layar About Us.
4. Menu How to Order untuk berpindah ke layar How to Order.
5. Menu Testimonials untuk berpindah ke layar Testimonials.
6. Menu Event untuk berpindah ke layar Event.
7. Menu Partnership untuk berpindah ke layar Partnership.
8. Menu Contact Us untuk berpindah kembali ke layar Contact Us.
9. Menu Advertise untuk berpindah ke layar Advertise.

139

Gambar 3.49 Gambar STD How to Order

Pada layar ini ditampilkan layar How to Order, Pada bagian atas halaman
terdapat menu Home, Product, Cart, About Us, dan How to Order. Sedangkan pada
panel kiri halaman website terdapat menu Testimonials, Event, Partnership Contact
Us, dan Advertise. Pada layar halaman ini ditampilan bagaimana cara melakukan
delivery order dengan menggunakan website Sebastian Coffee Shop.

140
Pada layar ini terdapat menu-menu yang digunakan untuk berpindah ke layar
lain, yaitu :

1. Menu Product untuk berpindah kembali ke layar Product.


2. Menu Cart untuk berpindah ke layar Cart.
3. Menu About Us untuk berpindah ke layar About Us.
4. Menu How to Order untuk berpindah kembali ke layar How to Order.
5. Menu Testimonials untuk berpindah ke layar Testimonials.
6. Menu Event untuk berpindah ke layar Event.
7. Menu Partnership untuk berpindah ke layar Partnership.
8. Menu Contact Us untuk berpindah ke layar Contact Us.
9. Menu Advertise untuk berpindah ke layar Advertise.

141

Gambar 3.50 Gambar STD Partnership

Pada layar ini ditampilkan layar Partnership, Pada bagian atas halaman
terdapat menu Home, Product, Cart, About Us, dan How to Order. Sedangkan pada
panel kiri halaman website terdapat menu Testimonials, Event, Partnership Contact
Us, dan Advertise. Pada layar halaman ini ditampilan keseluruhan mitra kerja dari
Sebastian Coffee Shop.

142
Pada layar ini terdapat menu-menu yang digunakan untuk berpindah ke layar
lain, yaitu :

1. Menu Product untuk berpindah kembali ke layar Product.


2. Menu Cart untuk berpindah ke layar Cart.
3. Menu About Us untuk berpindah ke layar About Us.
4. Menu How to Order untuk berpindah ke layar How to Order.
5. Menu Testimonials untuk berpindah ke layar Testimonials.
6. Menu Event untuk berpindah ke layar Event.
7. Menu Partnership untuk berpindah kembali ke layar Partnership.
8. Menu Contact Us untuk berpindah ke layar Contact Us.
9. Menu Advertise untuk berpindah ke layar Advertise.

143

Gambar 3.51 Gambar STD Event

Pada layar ini ditampilkan layar Event, Pada bagian atas halaman terdapat
menu Home, Product, Cart, About Us, dan How to Order.Sedangkan pada panel kiri
halaman website terdapat menu Testimonials, Event, Partnership Contact Us, dan
Advertise.Pada layar halaman ini ditampilan keseluruhan event, promosi yang
diadakan oleh Sebastian Coffee Shop.

144
Pada layar ini terdapat menu-menu yang digunakan untuk berpindah ke layar
lain, yaitu :

1. Menu Product untuk berpindah kembali ke layar Product.


2. Menu Cart untuk berpindah ke layar Cart.
3. Menu About Us untuk berpindah ke layar About Us.
4. Menu How to Order untuk berpindah ke layar How to Order.
5. Menu Testimonials untuk berpindah ke layar Testimonials.
6. Menu Event untuk berpindah kembali ke layar Event.
7. Menu Partnership untuk berpindah ke layar Partnership.
8. Menu Contact Us untuk berpindah ke layar Contact Us.
9. Menu Advertise untuk berpindah ke layar Advertise.

145

Gambar 3.52 Gambar STD Testimonials

Pada layar ini ditampilkan layar Partnership, Pada bagian atas halaman
terdapat menu Home, Product, Cart, About Us, dan How to Order. Sedangkan pada
panel kiri halaman website terdapat menu Testimonials, Event, Partnership Contact
Us, dan Advertise. Pada layar halaman ini ditampilan keseluruhan testimonial yang
diberikan oleh seluruh customer setia Sebastian Coffee Shop mengenai keunggulan
produk maupun pelayanan yang telah diberikan.

146
Pada layar ini terdapat menu-menu yang digunakan untuk berpindah ke layar
lain, yaitu :

1. Menu Product untuk berpindah kembali ke layar Product.


2. Menu Cart untuk berpindah ke layar Cart.
3. Menu About Us untuk berpindah ke layar About Us.
4. Menu How to Order untuk berpindah ke layar How to Order.
5. Menu Testimonials untuk berpindah kembali ke layar Testimonials.
6. Menu Event untuk berpindah ke layar Event.
7. Menu Partnership untuk berpindah ke layar Partnership.
8. Menu Contact Usuntuk berpindah ke layar Contact Us.
9. Menu Advertise untuk berpindah ke layar Advertise.

147
3.4.6 Perancangan Spesifikasi Proses (Pseudocode)
3.4.6.1 Spesifikasi Proses Pada Admin
1. Spesifikasi proses menampilkan layar Login
Tampilkan Modul Login
Input Username dan Password
Jika Username tidak valid
Maka kembali ke halaman Login
Tampilkan pesan Username atau Password Anda tidak benar
Jika input Username dan Password sesuai dengan data Username dan
Password

Maka tampilkan modul Home Admin


2. Spesifikasi proses menampilkan layar Home Admin
Tampilkan Modul Home Admin
Jika pilih Admin List
Maka buka modul Admin List
Jika pilih Admin Event
Maka buka modul Admin Event
Jika pilih Admin Product
Maka buka modul Admin Product

148
Jika pilih Admin Partnership
Maka buka modul Admin Partnership
Jika pilih Admin Advertise
Maka buka modul Admin Advertise
Jika pilih Admin Testimonials
Maka buka modul Admin Testimonials
Jika pilih Admin Manage Order
Maka buka modul Admin Manage Order
Jika pilih Admin Outlet
Maka buka modul Admin Outlet
Jika pilih Logout
Maka buka modul Login
Akhiri Modul Home
3. Spesifikasi proses menampilkan layar Admin List
Tampilkan modul Admin List
Input Username, Password dan Outlet
Jika pilih Simpan
Maka tampilkan Daftar Admin
Jika pilih Batal
Maka kembali ke modul Admin List

Jika pilih Kembali ke Menu Utama

149
Maka buka modul Home Admin

Akhiri modul Admin List

4. Spesifikasi proses menampilkan layar Admin Product


Tampilkan modul Admin Product
Input Nama Produk, Jenis, Deskripsi, Harga, Nama File Gambar, Status,
Keterangan kode status
Jika pilih Simpan
Maka tampilkan data produk
Jika pilih batal
Maka tampilkan modul Admin Product
Jika pilih Kembali ke Menu Utama
Maka buka modul Home Admin
Akhiri modul Admin Product
5. Spesifikasi proses menampilkan layar Admin Event
Tampilkan modul Admin Event
Input Nama Event dan Deskripsi
Jika pilih Simpan
Maka tampilkan data event
Jika pilih Batal
Maka tampilkan modul Admin Event
Jika pilih Kembali ke Menu Utama
Maka buka modul Home Admin
Akhiri modul Admin Event
6. Spesifikasi proses menampilkan layar Admin Partnership
Tampilkan modul Admin Partnership
Input Nama Mitra dan Alamat Website
Jika pilih Simpan
Maka tampilkan data mitra
Jika pilih Batal
Maka tampilkan modul Admin Partnership
Jika pilih Kembali ke Menu Utama
Maka buka modul Home Admin
Akhiri modul Admin Partnership
7. Spesifikasi proses menampilkan layar Admin Advertise
Tampilkan modul Admin Advertise
Input Alamat Gambar, Alamat Website, Status Tampil dan Keterangan
Jika pilih Simpan
Maka tampilkan data iklan
Jika pilih Batal
Maka tampilkan modul Admin Advertise

150
Jika pilih Kembali ke Menu Utama
Maka buka modul Home Admin
Akhiri modul Admin Advertise
8. Spesifikasi proses menampilkan layar Admin Manage Order
Tampilkan modul Admin Manage Order
Input Nama Outlet, Alamat, Telepon, Order
Jika pilih Sent
Maka Hilangkan pesanan dari List Manage Order
Jika pilih Kembali ke Menu Utama
Maka buka modul Home Admin
Akhiri modul Admin Manage
9. Spesifikasi proses menampilkan layar Admin Outlet
Tampilkan modul Admin Outlet
Input Nama Outlet, Alamat, Telepon
Jika pilih Simpan
Maka tampilkan data outlet
Jika pilih Batal
Maka tampilkan modul Admin Outlet
Jika pilih Kembali ke Menu Utama
Maka buka modul Home Admin
Akhiri modul Admin Outlet
10. Spesifikasi proses menampilkan layar Admin Testimonials
Tampilkan modul Admin Testimonials
Jika pilih Delete
Maka hapus data Testimonial
Jika pilih ke Menu Utama
Maka buka modul Home Admin
Akhiri modul Admin Testimonials

3.4.6.2 Spesifikasi Proses Pada Customer


1. Spesifikasi proses menampilkan layar Home
Tampilkan modul Home
Jika pilih Product
Maka tampilkan Modul Product

Jika pilih Cart

151
Maka tampilkan Modul Cart
Jika pilih How to Order
Maka tampilkan Modul How to Order
Jika pilih Contact Us
Maka tampilkan Modul Contact Us
Jika pilih About Us
Maka tampilkan Modul About Us
Jika pilih Event
Maka tampilkan Modul Event
Jika pilih Testimonials
Maka tampilkan Modul Testimonials
Jika Pilih Partnership
Maka tampilkan Modul Partnership

Akhiri Modul Home

2. Spesifikasi proses menampilkan layar Product


Tampilkan modul Product
Jika pilih Cart
Maka tampilkan Modul Cart
Jika pilih How to Order
Maka tampilkan Modul How to Order
Jika pilih Contact Us
Maka tampilkan Modul Contact Us
Jika pilih About Us
Maka tampilkan Modul About Us
Jika pilih Event
Maka tampilkan Modul Event
Jika pilih Testimonials
Maka tampilkan Modul Testimonials
Jika pilih Partnership
Maka tampilkan Modul Partnership
Jika pilih Home
Maka tampilkan Modul Home
Jika pilih Buy
Maka tampilkan Modul Cart
Jika pilih Detail
Maka tampilkan Modul Detail Product
Akhiri modul Product
3. Spesifikasi proses menampilkan layar Cart
Tampilkan modul Cart

152
Input jumlah produk
Jika pilih Order Another Product
Maka tampilkan modul Product
Jika pilih Register
Maka tampilkan modul Register
Jika pilih Already Registered
Maka tampilkan modul Already Registered
Jika pilih How to Order
Maka tampilkan Modul How to Order
Jika pilih Contact Us
Maka tampilkan Modul Contact Us
Jika pilih About Us
Maka tampilkan Modul About Us
Jika pilih Event
Maka tampilkan Modul Event
Jika pilih Testimonials
Maka tampilkan Modul Testimonials
Jika pilih Partnership
Maka tampilkan Modul Partnership
Jika pilih Product
Maka tampilkan Modul Product
Jika pilih Home
Maka tampilkan Modul Home
Akhiri modul Cart
4. Spesifikasi proses menampilkan layar Register
Tampilkan modul Register
Input Email, Nama Lengkap, Alamat Lengkap, Telepon, Catatan, Outlet
Jika pilih Kirim
Maka tampilkan Order Sukses
Jika pilih Batal
Maka tampilkan modul Register
Jika pilih Already Registered
Maka tampilkan modul Already Registered
Jika pilih How to Order
Maka tampilkan Modul How to Order
Jika pilih Contact Us
Maka tampilkan Modul Contact Us
Jika pilih About Us
Maka tampilkan Modul About Us
Jika pilih Event
Maka tampilkan Modul Event
Jika pilih Testimonials
Maka tampilkan Modul Testimonials
Jika pilih Partnership
Maka tampilkan Modul Partnership
Jika pilih Home
Maka tampilkan Modul Home

153
Jika pilih Product
Maka tampilkan Modul Product
Akhiri modul Register
5. Spesifikasi proses menampilkan layar Already Registered
Tampilkan modul Already Registered
Input email
Jika pilih Cari
Maka tampilkan hasil Register yang sudah diisi
Jika pilih Order Another Product
Maka tampilkan modul Product
Jika pilih Register
Maka tampilkan modul Register
Jika pilih Already Registered
Maka tampilkan modul Already Registered
Jika pilih How to Order
Maka tampilkan Modul How to Order
Jika pilih Contact Us
Maka tampilkan Modul Contact Us
Jika pilih About Us
Maka tampilkan Modul About Us
Jika pilih Event
Maka tampilkan Modul Event
Jika pilih Testimonials
Maka tampilkan Modul Testimonials
Jika pilih Partnership
Maka tampilkan Modul Partnership
Jika pilih Product
Maka tampilkan Modul Product
Jika pilih Home
Maka tampilkan Modul Home
Akhiri modul Already Registered
6. Spesifikasi proses menampilkan layar About Us
Tampilkan modul About Us
Jika pilh Product
Maka tampilkan Modul Product
Jika pilih Cart
Maka tampilkan Modul Cart
Jika pilih How to Order
Maka tampilkan Modul How to Order
Jika pilih Contact Us
Maka tampilkan Modul Contact Us
Jika pilih About Us
Maka tampilkan Modul About Us
Jika pilih Event
Maka tampilkan Modul Event
Jika pilih Testimonials

154
Maka tampilkan Modul Testimonials
Jika pilih Partnership
Maka tampilkan Modul Partnership
Jika pilih Home
Maka tampilkan Modul Home
Akhiri modul About Us
7. Spesifikasi proses menampilkan layar Contact Us
Tampilkan modul Contact Us
Jika pilh Product
Maka tampilkan Modul Product
Jika pilih Cart
Maka tampilkan Modul Cart
Jika pilih How to Order
Maka tampilkan Modul How to Order
Jika pilih About Us
Maka tampilkan Modul About Us
Jika pilih Event
Maka tampilkan Modul Event
Jika pilih Testimonials
Maka tampilkan Modul Testimonials
Jika pilih Partnership
Maka tampilkan Modul Partnership
Jika pilih Home
Maka tampilkan Modul Home
Akhiri modul Contact Us
8. Spesifikasi proses menampilkan layar How to Order
Tampilkan modul How to Order
Jika pilh Product
Maka tampilkan Modul Product
Jika pilih Cart
Maka tampilkan Modul Cart
Jika pilih Contact Us
Maka tampilkan Modul Contact Us
Jika pilih About Us
Maka tampilkan Modul About Us
Jika pilih Event
Maka tampilkan Modul Event
Jika pilih Testimonials
Maka tampilkan Modul Testimonials
Jika pilih Partnership
Maka tampilkan Modul Partnership
Jika pilih Home
Maka tampilkan Modul Home
Akhiri modul How to Order

155

9. Spesifikasi proses menampilkan layar Partnership


Tampilkan modul Partnership
Jika pilh Product
Maka tampilkan Modul Product
Jika pilih Cart
Maka tampilkan Modul Cart
Jika pilih Contact Us
Maka tampilkan Modul Contact Us
Jika pilih About Us
Maka tampilkan Modul About Us
Jika pilih Event
Maka tampilkan Modul Event
Jika pilih Testimonials
Maka tampilkan Modul Testimonials
Jika pilih How to Order
Maka tampilkan Modul How to Order
Jika pilih Home
Maka tampilkan Modul Home
Akhiri modul Partnership
10. Spesifikasi proses menampilkan layar Event
Tampilkan modul Event
Jika pilh Product
Maka tampilkan Modul Product
Jika pilih Cart
Maka tampilkan Modul Cart
Jika pilih Contact Us
Maka tampilkan Modul Contact Us
Jika pilih About Us
Maka tampilkan Modul About Us
Jika pilih Partnership
Maka tampilkan Modul Partnership
Jika pilih Testimonials
Maka tampilkan Modul Testimonials
Jika pilih How to Order
Maka tampilkan Modul How to Order
Jika pilih Home
Maka tampilkan Modul Home
Akhiri modul Event
11. Spesifikasi proses menampilkan layar Testimonials
Tampilkan modul Testimonials
Input Nama, Email, Pesan, Kode
Jika pilih Simpan
Maka tampilkan hasil testimonial yang sudah diisi
Jika pilh Product

156
Maka tampilkan Modul Product
Jika pilih Cart
Maka tampilkan Modul Cart
Jika pilih Contact Us
Maka tampilkan Modul Contact Us
Jika pilih About Us
Maka tampilkan Modul About Us
Jika pilih Partnership
Maka tampilkan Modul Partnership
Jika pilih Event
Maka tampilkan Modul Event
Jika pilih How to Order
Maka tampilkan Modul How to Order
Jika pilih Home
Maka tampilkan Modul Home
Akhiri modul Testimonial

Anda mungkin juga menyukai