bab 3 analisis dan perancangan - thesis.binus.ac.idthesis.binus.ac.id/asli/bab3/2006-2-01247-if-bab...

25

BAB 3

ANALISIS DAN PERANCANGAN

3.1 Riwayat Perusahaan

Berawal dari ketertarikan akan hobi memasak, Ibu Cecilia mulai menerima satu

dua pesanan dari tetangga - tetangga yang telah mengenal cita rasa makanan khas buatan

Ibu Cecilia dan ingin mencicipi masakannya. Pesanan yang diterima pun kian hari kian

bertambah, lalu timbul inisiatif Ibu Cecilia untuk menerima pesanan dari tetangga

secara permanen setiap harinya.

Akhirnya pada bulan Juli tahun 2004, Ibu Cecilia meresmikan usaha kecilnya

yang diberi nama Selera Catering. Pada saat itu jenis pesanan yang ada tidak hanya

berupa pesanan harian untuk keluarga, tetapi juga bertambah untuk pesanan pesta serta

kegiatan - kegiatan kantor yang membutuhkan tenaga catering.

3.2 Visi dan Misi Perusahaan

Visi :

Selera Catering dapat menjadi catering keluarga terpercaya dan dikenal oleh

seluruh masyarakat, khususnya masyarakat di wilayah JABOTABEK.

Misi :

- Memberikan kepuasan kepada pelanggan dengan menyajikan makanan yang

sesuai dengan selera masyarakat dengan harga terjangkau.

- Menyajikan makanan yang higienis dan sehat.

26

- Menyediakan pilihan menu masakan yang variatif dan sesuai dengan tren

masa kini.

- Memberikan kenyamanan kepada pelanggan dengan memberikan layanan

pesan antar dan kemudahan dalam pemesanan.

- Memberikan layanan profesional yang berkaitan dengan pengantaran pesanan

tepat waktu.

3.3 Struktur Organisasi

3.3.1 Diagram Struktur Organisasi

Gambar 3.1 Diagram Struktur Organisasi

Diagram diatas menunjukkan struktur organisasi di Selera Catering. Keterangan

mengenai tugas dan wewenang dari masing - masing anggota akan dijelaskan pada

subbab – subbab dibawah ini.

Owner

Koordinator

Kurir Antar

Pembukuan dan Keuangan

Staff Dapur

Customer Service

27

3.3.2 Tugas dan Wewenang

1. Owner

Sebagai pemilik dan pemegang kekuasaan tertinggi dari Selera Catering.

owner juga berperan sebagai pengawas umum di Selera Catering.

2. Koordinator

- Memberikan daftar menu pesanan dari pelanggan kepada pihak dapur

agar dapat diproses.

- Mengkoordinasi pengantaran makanan agar sampai tepat pada

waktunya.

- Memberikan laporan pemesanan makanan kepada bagian keuangan.

3. Pembukuan dan Keuangan

- Menerima pembayaran dan bukti pembayaran.

- Membuat pembukuan tentang pengeluaran dan pemasukan dari Selera

Catering. Laporan ini perbulannya akan diserahkan kepada owner.

4. Customer Service

- Melayani pelanggan baik yang hendak memesan maupun membayar.

- Memberikan daftar pesanan ke koordinator.

- Memberikan hasil pembayaran ke bagian pembukuan dan keuangan.

5. Kurir Antar

- Bertugas mengantar pesanan ke pelanggan yang memesan, sekaligus

menerima pembayaran makanan yang dipesan oleh pelanggan tersebut

(dengan catatan pembayaran belum dilakukan oleh pihak pelanggan.

Pelanggan bisa membayar langsung di Kantor Selera Catering).

- Memberikan hasil pembayaran ke bagian keuangan.

28

6. Staff Dapur

- Bertugas membeli bahan makanan serta memasaknya sesuai pesanan.

Masakan yang sudah jadi kemudian diantar oleh bagian antar.

- Memberikan bukti pembayaran bahan makanan ke bagian keuangan.

3.4 Sistem yang Sedang Berjalan

Berikut adalah gambaran sistem lama Selera Catering sebelum adanya aplikasi website

Selera Catering.

Gambar 3.2 Diagram DFD (Data Flow Diagram) Selera Catering

Keterangan dari Diagram DFD (Data Flow Diagram):

- Pelanggan memesan paket makanan di Selera Catering. Pelanggan dapat

memesan dengan datang langsung ke Selera Catering lalu mengisi serta

29

menyerahkan form pemesanan. Selain itu pelanggan dapat memesan lewat

telepon, dimana data pesanan akan dicatat oleh Customer Service.

- Daftar pemesanan paket makanan akan diurus oleh koordinator yang

bertanggung jawab atas pengiriman pesanan ke pelanggan yang tepat sesuai

dengan waktu yang ditentukan sebelumnya. Koordinator mengatur kinerja

staf dapur dan kurir antar.

- Supplier bahan baku akan menyediakan pesanan bahan baku sesuai pesanan

dari Selera Catering.

- Laporan keuangan Selera Catering ditangani oleh staf keuangan.

Analisis kekuatan dan kelemahan yang ditemukan berdasarkan DFD dan

pengamatan lapangan adalah :

• Kekuatan :

- Alur kerja sistem lama sudah baik.

- Pembagian tugas yang jelas.

• Kelemahan :

- Tingkat keefektifan kerja yang semuanya dilakukan secara manual masih

tidak terlalu tinggi.

- Adanya kemungkinan terjadi perubahan data selama data itu mengalir

akibat dari human error.

30

3.5 Permasalahan yang Dihadapi

Dalam mengumpulkan informasi yang dibutuhkan untuk menganalisis kebutuhan

aplikasi yang akan digunakan untuk membantu pemecahan permasalahan yang dihadapi

Selera Catering, kami menggunakan dua cara, yaitu kuesioner dan wawancara.

3.5.1 Keterangan Singkat Tentang Kuesioner dan Wawancara

• Kuesioner

Kuesioner dititipkan pada staf Selera Catering yang bertugas mengantar

pesanan harian (pada tanggal 3 September). Seminggu kemudian, hasil

kuesioner tersebut diambil penulis.

Kuesioner disebarkan hanya kepada para pelanggan Selera Catering dengan

dasar pemikiran, tak ada yang lebih mengenal kinerja pelayanan Selera

Catering sebaik pelanggan Selera Catering itu sendiri. Mereka yang

mengetahui kelemahan-kelemahan kinerja sistem lama dengan baik.

Perancangan pertanyaan kuesioner dibuat sedemikian rupa untuk mendapat

masukan bagi penulis tentang kinerja sistem lama Selera Catering. Dengan

mengetahui kelemahan-kelemahan sistem lama, kami dapat memperbaiki

kelemahan-kelemahan tersebut di sistem yang baru. Dengan demikian,

kualitas pelayanan Selera Catering dapat meningkat, sehingga memberi

kepuasan bagi pelanggan setia Selera Catering serta menarik perhatian

pelanggan baru Selera Catering. Selain itu pertanyaan-pertanyaan tersebut

dirancang untuk mengetahui apakah mungkin penerapan sistem yang baru

melalui media internet.

Jumlah kuesioner yang disebar: 50, jumlah kuesioner yang valid / dipakai: 38

31

• Wawancara

Proses wawancara dilakukan penulis terhadap dua pihak, yaitu pihak Selera

Catering. Wawancara ini dilakukan pada tanggal 3 September juga.

Tujuan : Mendapat masukan dalam membuat aplikasi yang dapat

memudahkan dan mengefesiensikan pekerjaan staf Selera Catering.

3.5.2 Analisis Kuesioner dan Wawancara

Berikut akan dibahas analisis mengenai hasil dari proses kuesioner dan

wawancara.

• Kuesioner

Pertanyaan 1 :

Apakah Anda selama ini kesulitan dalam mendapatkan informasi mengenai

menu-menu yang kami tawarkan?

15 (jumlah) persen :

39%23 (jumlah)

persen : 61%

YaTidak

Gambar 3.3 Jawaban Hasil Kuesioner Pertanyaan no.1

Kesimpulan :

Ya : 15 (39%), Tidak : 23 (61%).

32

Jawaban kebanyakan responden adalah tidak kesulitan dalam mendapatkan

informasi menu. Jawaban senada juga disampaikan pelanggan Selera

Catering yang diwawancarai, dengan alasan, informasi dari brosur cukup

memadai, dan apabila ada ketidakjelasan, pelanggan dapat menelepon ke

Selera Catering untuk meminta penjelasan lebih lanjut.

Pertanyaan 2 :

Efektifkah penyampaian informasi Selera Catering selama ini dengan

memakai brosur ?


29%


55%

6 (jumlah) persen :

16% Kurang efektifCukup efektifSudah efektif


Kesimpulan :

Kurang efektif : 11 (29%), Cukup efektif : 21 (55%), Sudah efektif : 6

(16%). Sebagian besar dari para responden menjawab cukup efektif.

Dengan dibuatnya aplikasi website, diharapkan nilai keefektifan

penyampaian informasi akan meningkat.

33

Pertanyaan 3 :

Apakah Anda mempunyai Internet di rumah?


92%

3 (jumlah) persen :

8%

YaTidak


Kesimpulan :

Ya : 35 (92%), Tidak : 3 (8%).

Dari 38 responden, 3 diantaranya tidak mempunyai Internet. Karena

sebagian besar responden mempunyai Internet, maka aplikasi yang berbasis

Internet dapat diimplementasikan.

34

Pertanyaan 4 :

Apakah Anda atau anggota keluarga Anda ada yang dapat menggunakan

Internet?


97%

1 (jumlah) persen :

3%

YaTidak


Kesimpulan :

Ya : 37 (97%), Tidak : 1 (3%).

Hanya 1 responden yang di keluarganya tidak dapat menggunakan Internet.

Dengan demikian sebagian besar keluarga pelanggan Selera Catering

setidaknya dapat menggunakan Internet, sehingga dapat mengakses website

Selera Catering.

Pertanyaan 5 :

Apakah Anda ingin mendapatkan kemudahan (seperti mendapatkan

informasi yang up to date, pemesanan online) dan keuntungan financial

dari Selera Catering yang mungkin direalisasikan melalui website Selera

Catering?

35

7 (jumlah) persen :18%



Tidak inginInginSangat ingin


Kesimpulan :

Tidak ingin : 7 (18%), Ingin : 18 (48%), Sangat ingin : 13 (34%).

Sebagian besar responden menyatakan ingin mendapatkan kemudahan dan

keuntungan financial yang ditawarkan lewat website Selera Catering.

Masukan ini semakin meyakinkan dalam penerapkan aspek Teknologi

Informasi sebagai solusi dalam pemecahan masalah yang dihadapi oleh

Selera Catering.

Pertanyaan 6 :

Informasi apa yang Anda harapkan dari pihak Selera Catering lewat

Internet?

Kebanyakan responden mengharapkan daftar menu yang ditawarkan Selera

Catering secara up to date lengkap dengan perinciannya. Sisanya ada yang

menyangkut kebutuhan tentang cara pembayaran maupun list harga-harga

paket untuk acara pesta.

36

• Wawancara

Berikut adalah cuplikan hasil wawancara terhadap pihak Selera Catering :

1. Pertanyaan :

Apakah yang selama ini menjadi kendala dari pihak Selera Catering?

Jawaban (owner) :

Kendala yang dihadapi hingga saat ini sebenarnya tidaklah signifikan,

tetapi dengan jumlah pelanggan sekitar 60an orang, saya rasa keuntungan

yang didapat kurang maksimal.

2. Pertanyaan :

Jadi apa yang dibutuhkan oleh Selera Catering saat ini ?

Jawaban (owner) :

Saat ini Selera Catering membutuhkan sesuatu yang baru, something new

yang bertujuan untuk meningkatkan jumlah pelanggan. Hal ini harus

segera mungkin dilakukan, agar kita kita tidak tergeser dengan

competitor – competitor lainnya. Mungkin dengan hadirnya website

untuk Selera Catering dapat menjadi solusi dari permasalahan yang kami

hadapi.

3. Pertanyaan :

Mungkin bisa dijelaskan lebih spesifik website seperti apa yang Ibu

butuhkan?

Jawaban (owner) : Tentunya yang dapat meningkatkan pemasaran dan

keuntungan kami. Selain itu saya ingin agar pelanggan dapat melihat

menu setiap hari lewat website ini.

37

4. Pertanyaan :

Apakah dalam website ini perlu ditambahkan fitur pembayaran secara

online ?

Jawaban (owner): Saya rasa tidak perlu, saya kurang percaya terhadap

pembayaran lewat Internet.

5. Pertanyaan :

Selama ini langkah apa yang Ibu ambil dalam meningkatkan pemasaran?

Jawaban (owner) : Selama ini saya hanya menggunakan media brosur

untuk memasarkan catering saya, alhasil pemasarannya hanya meliputi

daerah sekitar rumah saya.

6. Pertanyaan :

Apakah ada yang ingin ditambahkan?

Jawaban :

Saya menginginkan website ini juga dapat membantu kinerja staf kami,

seperti menampilkan daftar pesanan pelanggan dan dapat digunakan

sebagai pembanding dari aktifitas adninistrasi yang dilakukan secara

manual. Sehingga diharapkan pencatatan transaksi menjadi lebih akurat.

7. Pertanyaan :

Maksud dari pembanding aktifitas adninistrasi yang dilakukan secara

manual ?

Jawaban : Maksud saya, website ini dapat menyediakan laporan

pendapatan dan pengeluaran. Lalu datanya akan dibandingkan dengan

data pembukuan Selera Catering.

38

Dari wawancara terhadap pihak Selera Catering, didapatkan tujuan utama

mengapa dibutuhkan sistem baru, yaitu adanya keinginan Ibu Cecilia

selaku owner untuk memperluas jangkauan pemasaran catering yang

selama ini hanya terbatas pada daerah sekitar Selera Catering saja. Untuk

merealisasikan hal tersebut cukup sulit menggunakan brosur. Dan adanya

kebutuhan komputerisasi di berbagai proses pekerjaan dengan tujuan

meningkatkan kinerja dari Selera Catering.

3.5.3 Rangkuman Permasalahan

Rangkuman permasalahan yang dihadapi oleh Selera Catering adalah sebagai berikut:

1. Keinginan Selera Catering untuk memperluas jangkauan pemasarannya. (pemakaian

brosur tidak efektif untuk hal ini).

2. Adanya permintaan oleh pihak Selera Catering untuk meningkatkan keakuratan data

Selera Catering serta meningkatkan keefektifan kerja staff terutama untuk

Koordinator dengan bantuan komputer.

3.6 Analisis SWOT

Proses analisa pada lingkungan internal dan eksternal merupakan bagian yang

penting dalam merumuskan suatu strategi perancangan. Oleh karena itu, kami

melakukan analisis SWOT.

Hasil analisis berdasarkan faktor-faktor SWOT adalah sebagai berikut :

a. Kekuatan (Strengh)

- Memiliki reputasi yang baik pada klien.

- Sudah dikenal masyarakat disekitar.

39

b. Kelemahan (Weakness)

- Jangkauan pemasaran yang masih sempit.

- Ada batasan waktu pelayanan.

c. Peluang (Opportunity)

- Adanya target calon pelanggan yang tersebar di daerah sekitar.

- Perkembangan teknologi yang dapat menunjang dan meningkatkan

usaha.

d. Ancaman (Threat)

- Kualitas persaingan yang semakin meningkat akibat semakin

menjamurnya bisnis catering.

Penerapan S-O Strategies merupakan yang paling sesuai dalam menghadapi

situasi yang sedang dihadapi pihak Selera Catering. Dengan kekuatan yang dimilikinya,

serta kecocokan antara kekuatan dan kesempatan yang ada, maka perusahaan memiliki

kesempatan yang lebih baik dalam mengembangkan keuntungan kompetitif.

3.7 Usulan Pemecahan Masalah

Usulan pemecahan masalah yang sedang dihadapi oleh Selera Catering adalah

pembuatan website Selera Catering. Alasan kenapa website Selera Catering merupakan

solusi yang cocok untuk mengatasi masalah yang dihadapi Selera Catering :

- Hampir setiap orang dapat mengakses dengan mudah.

Internet sudah menjadi salah satu kebutuhan penting saat ini, sehingga

kebanyakkan orang bisa menggunakannya. Hasil kuesioner diatas

meneguhkan pernyataan tersebut, dengan hampir semua orang bisa

40

menggunakan internet. Sehingga pembuatan website Selera Catering dapat

dilakukan.

- Internet merupakan lahan yang sangat baik untuk pemasaran.

Strategi kami adalah mengenalkan website kami kepada pelanggan kami

lewat brosur yang selain berisi menu tapi juga informasi kehadiran website

Selera Catering. Disitu akan kami jelaskan keunggulan yang ditawarkan

website Selera Catering.Website Selera Catering juga kami lengkapi dengan

sarana bagi untung, dimana bila pelanggan yang telah menjadi member

diberikan alamat url. Bila pelanggan tersebut merekomendasikan Selera

Catering tersebut lewat url yang ditawarkan, dan calon pelanggan baru

tersebut masuk ke Selera Catering lewat url tersebut, mendaftarkan diri

menjadi member dan melakukan pembelian, maka pihak perekomendasi

mendapat sejumlah profit sesuai peraturan yang ditetapkan. Profit tersebut

tidak dapat diuangkan, tapi berguna sebagai potongan harga bila melakukan

pembelian lewat Selera Catering.

Forum banyak diminati saat ini, forum berfungsi sebagai daya tarik website

Selera Catering selain sarana bagi untung. Forum menampilkan artikel

tentang masakan, menu masakan, tentang informasi terbaru Selera Catering,

sehingga menarik bagi pengunjung. Dengan adanya forum, maka diharapkan

terwujutnya komunitas masak memasak di dalam website Selera Catering ini,

dimana website ini menjadi ajang pertukaran informasi masakan maupun

sekedar arisan antar anggota. Sehingga dengan daya tarik ini, diharapkan

dapat “menyedot” member-member baru, sekaligus meningkatkan calon-

calon pelanggan Selera Catering.

41

- Dengan dibuatnya website Selera Catering, pelayanan terhadap pelanggan

dapat dilakukan lebih lama.

Dengan dibuatnya website Selera Catering, pelayanan terhadap pelanggan

dapat diberikan selama 24 jam. Sehingga masalah dari sistem lama yang

berkaitan dengan batasan waktu pelayanan dapat teratasi.

- Meningkatkan keakuratan data Selera Catering

Melalui laporan keuangan perbulan di website, bagian keuangan dapat

melakukan cross check antara pembukuan dengan laporan di website.

Sehingga diharapkan pencatatan pembelian dan pengeluaran menjadi lebih

akurat.

- Mengurangi human error

Pemesanan secara online dapat mengurangi kemungkinan humen error, yang

disebabkan salah mencatat menu pesanan oleh staf Selera Catering pada

sistem lama.

- Efektif dalam menyampaikan informasi

Keefektifan dari penyampaian informasi lewat website jelas lebih unggul

daripada lewat brosur dan telepon karena website dapat menampilkan

informasi dengan lengkap sekaligus up to date dengan paduan berbagai aspek

multimedia. Sehingga meningkatkan kualitas pelayanan serta mempermudah

pelanggan dalam memesan, karena selain memperlihatkan menu, pelanggan

dapat langsung memesan secara online.

Dari hasil pengumpulan informasi, disimpulkan bahwa aplikasi website Selera

Catering tidak menggantikan sistem lama, karena dapat mengganggu kenyamanan

pelanggan yang sudah terbiasa dengan sistem lama. Jadi kami akan menduetkan sistem

42

lama dan baru, dengan tujuan memberi pilihan bagi pelanggan dalam melihat informasi,

melakukan pemesanan maupun melakukan pembayaran. Sistem baru berperan penting

dalam melakukan pemasaran.

Rangkuman usulan pemecahan masalah dari masalah-masalah yang dihadapi

Selera Catering dapat dilihat pada tabel dibawah ini.

Tabel 3.1 Rangkuman Usulan Pemecahan Masalah

Permasalahan Solusi Strategi

Keinginan Selera Catering untuk

memperluas jangkauan

pemasarannya.

Website Selera

Catering (front

end).

- Sarana bagi untung

(dengan tool url)

- Forum

Adanya permintaan oleh pihak

Selera Catering untuk

meningkatkan kinerja Selera

Catering dengan bantuan

komputer.

Website Selera

Catering

(backoffice).

43

3.8 Perancangan Aplikasi

Berikut adalah sistem baru Selera Catering yang digambarkan lewat DFD.

3.8.1 DFD dari Aplikasi yang Dirancang

SeleraCatering

Koordinator

Keuangan

Supplier

Calon Member

Daftar Pesanan Menu

Laporan Keuangan

Form Pemesanan

Pemesanan Bahan Baku

Member Web Hosting

Form Pemesanan

Data Terbaru

Gambar 3.8 Konteks Diagram dari Sistem Baru Selera Catering

Calon member mendaftar ke Selera Catering lewat 3 cara, yaitu datang langsung,

telepon atau lewat website. Member dapat melakukan pemesanan lewat 3 cara juga

seperti pada saat pendaftaran. Koordinator akan melihat daftar pesanan lewat backoffice

Selera Catering, lalu mengkoordinasi staf dapur dan kurir antar agar pesanan sampai

ditujuan tepat waktu. Staf keuangan akan memberi laporan keuangan tiap bulannya. Staf

dapur akan memesan makanan ke suppier bila kekurangan bahan.

44

Pendaftaran web hosting dilakukan pertama kali pada saat website pertama kali

akan dilaunching.Setelah itu, setiap tahunnya Selera Catering akan memperpanjang

waktu berlangganan. Setiap terjadi transaksi / perubahan pada website Selera Catering,

database akan selalu diupdate.

1.Pemasaran

Koordinator

Keuangan

Supplier

Laporan Keuangan

Form Pendaftaran

Pemesanan Bahan Baku

Calon Member

Web Hosting

Form Pemesanan

member

menu_pesta

transaksi_harian

pendapatan_lain

pengeluaran

kategori_makanan

makanan

menu_harian

Data Makanan

2.Pemesanan

transaksi_pesta

Member

Gambar 3.9 Diagram 0 dari Sistem Baru Selera Catering

45

1.2 Upload data

terbarumember

menu_pesta

transaksi_harian

pendapatan_lain

pengeluaran

kategori_makanan

makanan

menu_harian

transaksi_pesta

2.1Pencatatan

Pesanan

Koordinator

Calon Member

1.1 Tambahmember

baru

2.2View

Pesanan

1.3Edit DataMakanan

FormPendaftaran

Daftar PesananMenu

Data Makanan

Member

FormPemesanan

Supplier

Keuangan

PemesananBahan Baku

Laporan Keuangan

Web Hosting

Gambar 3.10 Diagram 1 dari Sistem Baru Selera Catering

3.8.3 Rancangan menu

Pada front end website yang dirancang, terdapat beberapa menu yang dapat

diakses :

- Home

Menu Home berisi kata-kata sambutan, informasi, maupun sejarah singkat

Selera Catering. Link-link yang berfungsi sebagai shortcut juga disertakan

disini demi kemudahan member.

46

- Catering

Menu Catering berguna untuk melihat daftar menu dan memesan menu.

Terdapat 2 pilihan pada halaman ini, yaitu : catering pesta dan catering

harian. Cara pembayaran juga disertakan dibagian bawah halaman ini.

- Data diri

Menu Data diri berisi data-data diri member serta keterangan mengenai profit

bagi untungnya, member dapat mengubah data diri dengan mengklik link

ubah data diri. Dan member juga dapat mengubah password dengan

mengklik link ubah password.

- Transaksi

Menu Transaksi berisi data-data transaksi yang telah dilakukan oleh member,

baik itu data transaksi pesta maupun harian.

- Forum

Menu Forum berisi topik-topik yang diposting baik oleh admin maupun oleh

member. Untuk memasukkan topik baru juga dapat dilakukan di halaman ini.

- About Us

Pada halaman About Us berisi data-data lengkap tentang Selera Catering,

seperti alamat, nomor telepon, dll.

47

Gambar 3.9 Struktur Menu Front End Website Selera Catering

Gambar 3.11 Rancangan menu front end

Keterangan gambar backoffice :

Ketika masuk pertama kali di backoffice Selera Catering, terdapat halaman login.

Setelah berhasil memasukkan username dan password, maka staff dapat masuk ke

halaman index. Disitu terdapat empat buah menu utama, yaitu Transaksi, Menu,

Member dan Komisi . Berikut beberapa penjelasan mengenai tiap menu.

1. Transaksi

Berisi enam pilihan menu, yaitu

a. Pesanan Harian

Melalui menu ini, staff dapat melihat jumlah pemesan makanan serta data

diri pemesan yang bersangkutan. Menu ini amat membantu koordnator

etika harus memperkirakan jumlah orang yang memesan makanan. Selain

itu, dengan dapat dicetak dan dilihatnya nama, alamat serta nomor

telepon pemesan, menjadikan coordinator lebih mudah dalam

memberikan data pemesan ke kurir antar.

Login

Home Data diri Transaksi Forum About UsCatering

48

b. Pesanan Pesta

Staf dapat melihat daftar pesanan pesta disini.

c. Tambah Pendapatan

Penambahan pendapatan Catering dapat berasal dari pesanan harian,

pesanan pesta, maupun pendapatan lain – lain.

Pesanan harian biasanya digunakan oleh Pelanggan Service untuk

mengentry pesanan harian Pelanggan, bila pelanggan yang bersangkutan

memesan secara manual.

Pesanan pesta biasanya digunakan oleh Customer Service untuk

mengentry pesanan pesta Pelanggan, bila pelanggan memesan menu

pesta tidak melalui website.

Sedangkan pendapatan lain – lain merupakan pendapatan lain yang

diterima oleh Selera Catering diuar pendapatan dari pesanan pesta

ataupun pesanan harian.

d. Tambah Pengeluaran

Yaitu untuk mengentry pengeluaran yang dikeluarkan oleh Selera

Catering. Jenis pengeluaran yang dikeluarkan antara lain pengeluaran

bahan baku dan pengeluaran lain – lain.

e. Laporan Perbulan

Pencatatan segala transaksi dilakukan secara manual (pembukuan ) dan

juga melalui website, yaitu pada menu laporn perbulan ini. Sehingga

diharapkan dengan adanya fasilitas ini, proses pencatatan keuangan lebih

mudah dan lebih transparan.

f. Pembayaran Admin

49

Digunakan untuk mengentry seluruh pembayaran dari pelanggan.

2. Menu

Berkaitan dengan segala yang berhubungan dengan makanan. Menu terbagi

menjadi empat pilihan.

a. Tambah Menu Perbulan

Biasanya fasilitas ini digunakan oleh coordinator untuk mergentry menu

perbulan, agar nantinya menu – menu yang telah dienrty tersebut dapat

dilihat oleh pelanggan untuk dipesan melalui website.

b. Cek / Edit Menu

Menu yang telah dientry, bias saja terdapat kesalahan. Pada fasilitas ini,

coordinator dapat melakukan perubahan.

c. Tambah Makanan

Makanan yang ditawarkan di website adalah makanan yang telah ter-record

di database. Fasilitas ini berguna untuk menambahkan nama makanan baru.

d. Cek / Edit Makanan

Digunakan untuk melakukan pengacekan dan mengedit nama makanan yang

telah ada di database.

3. Member

Menu member terdiri dari dua fasilitas.

a. Registrasi Member

Biasanya digunakan oleh customer service ntuk mengentry data pelanggan,

untuk setiap pelanggan yang melakukan registrasi manual.

50

b. Cari / Edit Member

Digunakan untuk melakukan pencarian data pelanggan ataupun mengubah

data pelanggan tersebut.

4. Komisi

Melalui fasilitas ini, staff dapat melihat perolehan komisi pelanggan secara

kumulatif.

Gambar 3.12 Struktur Menu Backoffice Website Selera Catering

Login

Transaksi Member Komisi LogoutMenu

51

3.9 Perancangan layar

Berikut adalah rancangan layar dari website Selera Catering.

judul tanggal & counter text

menu loginNama :Pass :

tombol

text

text

text

HomeCateringDataDiri

ForumAboutUs

Transaksi

gif

gif

Gambar 3.13 Layar Login

Keterangan gambar :

Ini merupakan halaman utama di website. Pada halaman ini, user dapat melakukan

login.Bila user belum pernah mendaftar sebelumnya maka user dapat melakukan

registrasi dahulu.

52


text

tombol

Gambar 3.14 Layar Registrasi

Keterangan gambar :

Ini merupakan halaman registrasi, dimana terdapat user diharuskan mengisi data diri

mereka, agar terdaftar di Selera Catering sebagai member.


text

tombol

Gambar 3.15 Layar Registrasi Sukses

53

Keterangan gambar :

Ini merupakan halaman konfirmasi, yang menyatakan bahwa proses registrasi telah

berhasil. Dan peada halaman ini, member akan mendapatkan sebuah url yang nantinya

dapat digunakan untuk mempromosikan ke orang lain.


menu

text

HomeHome

CateringDataDiri

ForumAboutUs

Transaksi

gif

gif

Gambar 3.16 Layar Home

Keterangan gambar :

Ini merupakan halaman pertama, bila member telah berhasil melakukan login. Pada

halaman ini ada banyak menu yang dapat dipilih.

54


menu

button

pesta

text

button

harian

text

Catering

text


ForumAboutUs

Transaksi

gif

gif

Gambar 3.17 Layar Catering

Keterangan gambar :

Ini merupakan halaman menu. Di halaman menu ini, user dapat memilih pesanan harian

atau pesanan pesta.

55


menu

gambar

text

Catering pesta

tombol

gambar

text

tombol

gambar

text

tombol


ForumAboutUs

Transaksi

gif

gif

Gambar 3.18 Layar Catering Pesta

Keterangan gambar :

Ini merupakan halaman catering pesta. User dapat memilih jenis – jenis paket yang

ditawarkan dengan harga yang berbeda.


menu Catering pesta - nama paket

daftarmenu

form


ForumAboutUs

Transaksi

gif

gif

Gambar 3.19 Layar Catering Menu Pesta

56

Keterangan gambar :

Setelah user menentukan jenis paket yang dipilih, user masuk ke halaman pemilihan

makanan. Di halaman ini, user dapat memilih makanan dengan jenis yang sama.


menu Catering pesta konfirmasi

text

tomboltombol


ForumAboutUs

Transaksi

gif

gif

Gambar 3.20 Layar Catering Pesta Konfirmasi

Keterangan gambar :

Ini merupakan halaman konfirmasi tentang menu – menu yang dipilih. Bila pesanan

yang dipilih sudah benar, user dapat melanjutkan ke halaman berikutnya.

57


menu Catering pesta

text

tombol


ForumAboutUs

Transaksi

gif

gif

Gambar 3.21 Layar Catering Pesta Akhir

Keterangan gambar :

Ini merupakan halaman konfirmasi akhir pemesanan, serta total yang biaya yang

dikeluarkan. Bila user telah memiliki child yang telah memesan, maka biaya yang harus

dibayar, terkurangi oleh komisi yang didapat.

58


menu Catering harian

text

tombol


ForumAboutUs

Transaksi

gif

gif

Gambar 3.22 Layar Catering Harian

Keterangan gambar :

Ini merupakan halaman pemesanan menu harian. User dapat memilih menu yang ingin

dipesan dengan mencentangnya.


menu Catering harian konfirmasi

text

tomboltombol


ForumAboutUs

Transaksi

gif

gif

Gambar 3.23 Layar Catering Harian Konfirmasi

59

Keterangan gambar :

Ini merupakan halaman konfirmasi menu harian yang akan dipesan. Bila pesanan sudah

benar, maka user dapat melanjutkan ke halaman selanjutnya. Bila terdapat pesanan yang

salah, makan user dapat melakukan pemesanan ulang ke halaman sebelumnya.


menu Catering harian

text

tombol


ForumAboutUs

Transaksi

gif

gif

Gambar 3.24 Layar Catering Harian Akhir

Keterangan gambar :

Ini merupakan halaman konfirmasi menu harian akhir akan dipesan. Pada halaman ini

terdapat tanggal – tanggal menu yang dipesan serta total pembayarannya.

60


menu Data Diri

text

link link


ForumAboutUs

Transaksi

gif

gif

Gambar 3.25 Layar Data Diri

Keterangan gambar :

Ini merupakan halaman profile diri user. Pada halaman ini terdapat dua pilihan

pengubahan, yaitu menu untuk mengubah password login, atau mengubah data diri.


menu Ubah Data Diri

form

tombol


ForumAboutUs

Transaksi

gif

gif

Gambar 3.26 Layar Ubah Data Diri

61

Keterangan gambar :

Ini merupakan halaman untuk mengubah data diri.


text

link

Gambar 3.27 Layar Ubah Data Diri Berhasil

Keterangan gambar :

Ini merupakan halaman konfirmasi untuk memberitahu bahwa data diri yang dirubah

telah berhasil dilakukan.

62


form

link

tombol

Gambar 3.28 Layar Ubah Password

Keterangan gambar :

Ini merupakan halaman untuk mengubah password pada saat login.

text

link


menuHome

CateringDataDiri

ForumAboutUs

Transaksi

gif

gif

link

Transaksi

Gambar 3.29 Layar Transaksi Harian

63

Keterangan gambar :

Pada halaman ini, user dapat melihat pesanan – pesanan yang pernah dilakukan

sebelumnya.

text

link


menuHome

CateringDataDiri

ForumAboutUs

Transaksi

gif

gif

link

Transaksi

Gambar 3.30 Layar Transaksi Pesta

Keterangan gambar :

Pada halaman ini user dapat melihat menu pesta yang dipesan.

64


menuHome

CateringDataDiri

ForumAboutUs

Transaksi

gif

gif

About Us

text

Gambar 3.31 Layar About Us

Keterangan gambar :

Melalui About Us, Selera Catering diperkenalkan lebih dalam

text

link


menuHome

CateringDataDiri

ForumAboutUs

Transaksi

gif

gif

link

Peraturan

link

Gambar 3.32 Layar Peraturan Umum

65

Keterangan gambar :

Pada halaman peraturan umum, dijelaskan aturan – aturan pada Selera Catering, yang

meliputi pemesanan, pembayaran, serta transaksi – transaksi lainnya.

judul

user namepassword

tombol

Gambar 3.33 Layar Login Backoffice

Keterangan gambar :

Ini merupakan tampilan utama pada backoffice. Setiap pemakai harus melakukan login.

66

judul

transaksiNavigator

menumemberkomisilogout

Gambar 3.34 Layar Home Backoffice

Keterangan gambar :

Menu utama pada backoffice adalah menu transaksi, menu, member dan komisi.

67

judul

Transaksi

Pesanan PestaTambah PendapatanTambah PengeluaranLaporan PerbulanPembayaran Admin

transaksiNavigator


Pesanan Harian

Gambar 3.35 Layar Transaksi Backoffice

Keterangan gambar :

Ada terdapat enam pilihan pada menu transaksi, yaitu pesanan harian, pesanan pesta,

tambah pendapatan, tambah pengeluaran, laporan perbulan dan pembayaran admin.

68

judul

Menu

Tambah makananCek / edit makanan

Cek menu / editTambah menu perbulantransaksi

Navigator


Gambar 3.36 Layar Menu Backoffice

Keterangan gambar :

Terdapat empat pilihan pada Menu, yaitu tambah menu perbulan, cek menu / edit,

tambah makanan dan cek / edit makanan.

69

judul

Member

Cari / edit memberRegistrasi membertransaksi

Navigator


Gambar 3.37 Layar Member Backoffice

Keterangan gambar :

Berikut adalah layar pilihan untuk menu member. Ada dua pilihan untuk member, yaitu

registrasi member dan cari / edit member.

70

Transaksi - pesanan

hari tanggal jmlsenin 18 Jan 05 18

selasa 19 Jan 05 22

Back

judul

transaksiNavigator


Gambar 3.38 Layar Transaksi Harian Backoffice

Keterangan gambar :

Ini adalah tampilan untuk layar transaksi harian. Di layar ini tercantum jumlah

pelanggan yang telah memesan.

71

Transaksi - pesanan

id transaksi alamat no.telp tgl byrnama jml byr

00004 Jesa Syh 2222 2 Jan 5000

Back

judul

transaksiNavigator


Gambar 3.39 Layar Transaksi Harian Detail Backoffice

Keterangan gambar :

Ini adalah tampilan detail dari transaksi harian. Data diri pelanggan yang terlihat adalah

id transaksi, nama. Alamat, nomor telepon, tanggal bayar dan jumlah bayar.

72

Transaksi - pesanan

hari tanggal jmlsenin 18 Jan 05 18

selasa 19 Jan 05 22

Back

judul

transaksiNavigator


Gambar 3.40 Layar Transaksi Pesta Backoffice

Keterangan:

Ini adalah tampilan untuk layar transaksi pesta. Di layar ini tercantum semua pesanan

yang belum terjadi.

73

Transaksi - pesanan

id transaksi alamat no.telp tgl byrnama jml byr

00004 Jesa Syh 2222 2 Jan 5000

Back

judul

transaksiNavigator


Gambar 3.41 Layar Transaksi Pesta Detail Backoffice

Ini adalah tampilan untuk layar transaksi pesta secara detil.

Transaksi - tambah pendapatanPesanan harianPesanan pestaLain-lain

transaksi_tambah_income_admin.php

judul

transaksiNavigator


Gambar 3.42 Layar Transaksi Tambah Pendapatan Backoffice

74

Keterangan :

Di dalam transaksi tambah pendapatan, terdapat tiga pilihan menu, yaitu pesanan harian,

pesanan pesta dan lain – lain.

Transaksi > Tambah Pendapatan > Pesanan Harian

Masukkan ID Member :

Tanggal II III Pilih2006-01-10

2006-01-11

2006-10-12

IIkan Asam

Ikan Asin

Aym Keju Cap Cay

Empal Syr Bng

Ikn Presto Rica - rica kcg Pnjg

judul

transaksiNavigator


Gambar 3.43 Layar Transaksi Tambah Pendapatan Catering Harian

Backoffice

Keterangan :

Pada halaman ini, Customer Sevice dapat mengentry pesanan dari pelanggan.

75


menuTransaksi

MenuMemberKomisi

text

text

Transaksi > Tambah Pendapatan > Pesanan PestaPilih PaketHarga Rp.5.000

Pilih Menu Paket

Catatan

Catatan :

tombol

Gambar 3.44 Layar Transaksi Tambah Pendapatan Catering Pesta

Backoffice

Keterangan :

Pada halaman ini, customer service dapat mengentry pesanan pesta dari pelanggan.

76

Catatan

Transaksi < Tambah Pendapatan < Lain - lain

Bulan Tahun Tanggal

Jenis Pendapatan

Jumlah

Kirim

Back

judul

transaksiNavigator


Gambar 3.45 Layar Transaksi Tambah Pendapatan Lain-lain Backoffice

Keterangan :

Pada halaman ini, bagian keuangan dapat mengentry pendapatan diluar pendapatan

transaksi pesta ataupun transaksi harian.

77

Catatan

Transaksi < Tambah Pengeluaran

Bulan Tahun Tanggal

Jumlah

BackKirim

Nama Pengeluaran

Jenis Pengeluaran

judul

transaksiNavigator


Gambar 3.46 Layar Transaksi Tambah Pengeluaran Backoffice

Keterangan :

Pada halaman ini, bagian keuangan dapat menentry segala pengeluaran yang dikeluarkan

oleh Selera Catering.

78

Catatan

Transaksi < Laporan Perbulan

Bulan Tahun

BackKirim

Lihat

Pendapatan

judul

transaksiNavigator


Gambar 3.47 Layar Transaksi Laporan Perbulan Backoffice

Keterangan :

Pada layar transaksi laporan perbulan, diperlihatkan rincian pengeluaran dan pemasukan

Selera Catering perbulan.

79

Transaksi < Pembayaran Admin

Masukkan ID Pemesan :

Jenis Kirim

Back

judul

transaksiNavigator


Gambar 3.48 Layar Transaksi Pembayaran Admin Backoffice

Keterangan :

Pembayaran Admin digunakan untuk mengentry setiap pembayaran yang dilakukan oleh

pelanggan.

80

Menu < Tambah Menu Perbulan

Back

Bulan Tahun Tanggal

Pilih Menu

Tambah

judul

transaksiNavigator


Gambar 3.49 Layar Tambah Menu Paket Harian Backoffice

Keterangan :

Menu tambah paket harian digunakan untuk mengentry menu harian. Pekerjaan ini

dilakukan tiap bulan oleh koordinator. Menu makanan yang telah dientry, kemudian

akan tampil di website front end.

81

Menu < Cek / Edit Menu

Back

Bulan Tahun Tanggal Lihat

Tanggal I II III Action

judul

transaksiNavigator


Gambar 3.50 Layar Cek / Edit Menu Paket Harian Backoffice

Keterangan :

Pada halaman ini, coordinator dapat melakukan perubahan dari apa yang telah dientry

dahulu.

82

Menu < Tambah Makanan

Back

Jenis Makanan

Nama Makanan

Tambah

judul

transaksiNavigator


Gambar 3.51 Layar Tambah Makanan Backoffice

Keterangan :

Menu tambah makan digunakan untuk menambah nama makanan yang belum ada di

database. Jenis makanan dibagi menjadi tiga, yaitu daging, ikan dan sayur.

83

Menu < Cek / Edit Makanan

Back

Jenis Makanan

Nama Makanan Action

judul

transaksiNavigator


Gambar 3.52 Layar Cek / Edit Makanan Backoffice

Keterangan :

Menu ini digunakan untuk merubah atau menghapus nama makanan yang ada di

database, bila hal tersebut perlu dilakukan.

84

Menu < Cek / Edit Makanan

Back

Jenis Makanan

judul

transaksiNavigator


Nama Makanan

Edit

Gambar 3.53 Layar Edit Makanan Backoffice

Keterangan :

Halaman ini merupakan halaman lanjutan dari menu edit makanan. Bila tidak jadi, dapat

langsung memilih menu back.

85

Member < Registrasi Member

Back

judul

transaksiNavigator


Gambar 3.54 Layar Registrasi Member Backoffice

Keterangan :

Pada halaman registrasi member, customer dapat mendaftarkan data calon member. Hal

ini sebagai bentuk antisipasi, bila customer melakukan registrasi secara manual ( datang

langsung atau melalui telepon ). Regustrasi ini dilakukan oleh Customer Service

86

Member > Cek / Edit Member

Masukkan Nama :

judul

transaksiNavigator


tombol

Nama Action

back

Gambar 3.55 Layar Cek Member Backoffice

Keterangan :

Pada halaman ini, staf dapat melihat seluruh data customer yang dicari. Atau untuk

mempermudah, dapat langsung mengetikkan nama yang dicari dan menekan tombol

search. Dalam sekejap, nama dicari akan tampil.

87

Member > Cek / Edit Member > Edit Member

judul

transaksiNavigator


back

form

Gambar 3.56 Layar Edit Member Backoffice

Keterangan :

Pada halaman edit member, staf dapat merubah data dari customer. Misalnya perubahan

alamat atau nomor telepon.

88

Komisi

Jumlah Kumulatif Komisi

Nama Komisi

judul

transaksiNavigator


Gambar 3.57 Layar Komisi Backoffice

Keterangan :

Pada halaman ini, staf dapat melihat komisi yang didapat oleh semua customer secara

kumulatif.

3.10 Perancangan STD

Pembuatan State Transition Diagram (Diagram Perubahan Status) dilakukan

setelah membuat hierarki menu dan rancangan layar. Tujuan pembuatan diagram ini

adalah untuk merancang dan menggambarkan proses perpindahan layar (state) yang

terjadi pada aplikasi. Berikut adalah perancangan STD dari website Selera Catering :

89

3.10.1 Perancangan STD sisi front end

Loading Url Halaman HOMEHalaman Login

Ketik Url Selera CateringTampilkan Halaman Login

Masukan User Name, password klik :"Go"Jika valid tampilkanHalaman HOME

Klik "Log Out"Tampilkan

Halaman Login

HalamanRegister

Klik "Sign Up"Tampilkan

Halaman Register

Klik "Submit"Tampilkan

Halaman HOME

Gambar 3.58 STD Login

HalamanRegistrasi

Klik "Submit"

Tampilkan Halaman Registrasi Suksesjika tidak ada kolom yang salah

HalamanRegistasi Sukses

Gambar 3.59 STD Registrasi

HalamanRegistrasi

SuksesHalaman Login

Klik "Login"

Tampilkan Halaman Login

Gambar 3.60 STD Registrasi Sukses

90

Halaman HOME

HalamanCatering

HalamanUbah Data Diri

HalamanData Diri

HalamanPeraturan

Umum

Halaman UbahPassword

TampilkanHalamanData Diri

HalamanAbout Us

Klik "Melihat dan Memesan Menu"Tampilkan Halaman

Catering

Klik "Melihat Data Diri"Tampilkan Halaman

Data Diri

Klik "Melihat Url dan Profit Anda"Tampilkan Halaman

Data Diri

Klik "Melihat Peraturan"Halaman

Peraturan Umum

Klik "Mengubah Data Diri"Tampilkan Halaman

Ubah Data Diri

Klik "Melihat Alamat / No.T elp Seleca Catering"Tampilkan Halaman

About Us

Klik "Mengubah Password"Tampilkan Halaman

Ubah Password

Halaman Login

Klik "Log Out"

Tampilkan HalamanLogin

Gambar 3.61 STD HOME

91

HalamanCatering

HalamanCatering Pesta

Klik "Pesta"Tampilkan Halaman Catering Pesta

Klik "Harian"

Tampilkan Halaman Catering Harian

HalamanCatering Harian

Gambar 3.62 STD Catering


Klik "Pilih"Tampilkan Halaman Catering Menu Pesta Halaman

Catering MenuPesta

Gambar 3.63 STD Catering Pesta

HalamanCatering Menu

PestaKonfirmasi

Klik "Halaman Catering MenuPesta Konfirmasi"


Akhir

Tampilkan Halaman Catering Menu Pesta Konfirmasi

HalamanCatering Menu

Pesta

Klik "Back"

Tampilkan Halaman Catering Menu Pesta

Gambar 3.64 STD Catering Menu Pesta Konfirmasi

92


Halaman CateringHarian

Konfirmasi

Klik "lanjut"

Tampilkan Halaman CateringHarian Konformasi

Gambar 3.65 STD Catering Harian

Gambar 3.66 STD Catering Harian Konfirmasi


Konfirmasi


Akhir

Klik "Lanjut"Tampilkan Halaman Catering

Harian Akhir

Klik "Back"Tampilkan Halaman Catering Harian

93

Halaman DataDiri

Klik "Ubah Data Diri"Tampilkan Halaman Ubah Data Diri

Halaman UbahData Diri


Klik "Ubah Password"Tampilkan Halaman Ubah Password

Gambar 3.67 STD Data Diri

Halaman UbahData Diri

Klik "Submit"Halaman Ubah

Data DiriBerhasil

Tampilkan Halaman Ubah Data Diri Berhasil

Gambar 3.68 STD Ubah Data Diri

Gambar 3.69 STD Ubah Data Diri Berhasil


Klik "Submit"

Halaman DataDiri

Tampilkan Halaman Data Diri

Gambar 3.70 STD Ubah Password

Halaman UbahData DiriBerhasil

Klik "Data Diri"

Halaman DataDiri

Tampilkan Halaman Data Diri

94

3.10.1 Perancangan STD sisi backoffice

Loading UrlBack Office

Halaman HomeBackoffice

Halaman LoginBackoffice

Ketik Url Back OficeJika valid tampilkan

Halaman Home Backoffice

Klik Log OutTampilkan

Halaman Login Backoffice

Tampilkan HalamanLogin Backoffice

Masukan User Name, password klik "Login"

Gambar 3.71 STD Loading Url Backoffice

Halaman HomeBackoffice

HalamanTransaksiBackoffice

HalamanLogin

HalamanMember

Backoffice

HalamanKomisi

Backoffice

HalamanMenu

Backoffice

Klik "Transaksi"Tampilkan Halaman

Transaksi Backoffice

Klik "Menu"Tampilkan HalamanMenu Backoffice

Klik "Member"Tampilkan HalamanMember Backoffice

Klik "Komisi"Tampilkan HalamanKomisi Backoffice

Klik "Log out"Tampilkan Halaman

Login

Gambar 3.72 STD Home Backoffice

95

HalamanTransaksiBackoffice

HalamanTransaksi

HarianBackoffice

HalamanTransaksiTambah

PengeluaranBackoffice


PendapatanBackoffice


PengeluaranBackoffice

HalamanPembayaran

AdminBackoffice

HalamanTransaksi Pesta

Backoffice

Klik "Pesanan Harian"Tampilkan Halaman

Transaksi Harian Backoffice

Klik "Pesanan Pesta"Tampilkan Halaman

Transaksi Pesta Backoffice

Klik "Tambah Pendapatan"Tampilkan HalamanTransaksi Tambah

Pendapatan Backoffice

Klik "Tambah Pengeluaran"Tampilkan HalamanTransaksi Tambah

Pengeluaran Backoffice

Klik "Laporan Perbulan"Tampilkan HalamanTransaksi Tambah

Pengeluaran Backoffice

Klik "Pembayaran Admin"Tampilkan Halaman

Pembayaran Admin Backoffice

Gambar 3.73 STD Transaksi Backoffice

96

HalamanTransaksi

Harian DetailBackoffice

Klik "Tanggal yang diinginkan"

Tampilkan HalamanTransaksi Harian Detail Backoffice

HalamanTransaksi

HarianBackoffice

Gambar 3.74 Transaksi Harian Backoffice


Backoffice


DetailBackoffice

Klik "Tanggal yang diinginkan"Tampilkan Halaman

Transaksi Pesta Detail Backoffice

Gambar 3.75 STD Transaksi Pesta Backoffice

97

Gambar 3.76 STD Transaksi Tambah Pendapatan Backoffice


PendapatanBackoffice

HalamanTransaksi Tambah

Pendapatan Lain - lainBackoffice

HalamanTransaksi TambahPendapatan CateringHarian Backoffice

HalamanTransaksi Tambah

Pendapatan CateringPesta Backoffice

Klik "Pesanan Pesta"

Klik "Pesanan Harian"

Klik "Pesanan Lain -lain"

Tampilkan Halaman Transaksi TambahPendapatan Catering Pesta Backoffice

Tampilkan HalamanTransaksi TambahPendapatan Catering Harian Backoffice

Tampilkan Halaman Transaksi TambahPendapatan Lain - lain Backoffice

98

Halaman MenuBackoffice

HalamanTambah MenuPaket HarianBackoffice

HalamanTambahMakanan

Backoffice

Klik "Tambah Menu Perbulan"Tampilkan Halaman

Tambah Menu Paket Harian Backoffice

Klik "Tambah Makanan"

HalamanTambah Makanan Backoffice

HalamanCek / edit Menu

Paket HarianBackoffice

HalamanCek / editMakanan

Backoffice

Klik "Cek / edit Menu"Tampilkan Halaman

Cek / edit Menu Paket Harian Backoffice

Klik "Cek / edit Makanan"Halaman

Cek / edit Makanan Backoffice

Gambar 3.77 STD Menu Backoffice

HalamanCek / Edit Menu

Paket HarianBackoffice

Halaman EditMakanan

Backoffice

Klik "Edit / Hapus"Tampilkan Halaman

Edit Makanan Backoffice

Gambar 3.78 STD Cek / Edit Menu Paket Harian Backoffice

99

HalamanMember

Backoffice

HalamanRegistrasiMember

Backoffice

HalamanCek MemberBackoffice

Klik "Registrasi Member"Tampilkan Halaman

Tambah Menu Harian Backoffice

Klik "Cek Member"

Tampilkan HalamanCek Member Backoffice

Gambar 3.79 STD Member Backoffice

Halaman EditMember

Backoffice

Klik "Edit"

Tampilkan HalamanEdit Member BackofficeHalaman

Cek MemberBackoffice

Gambar 3.80 STD Cek Member Backoffice

100

3.11 Perancangan database

Tabel : member

Fungsi tabel : Tabel ini berisikan semua data mengenai member

Key : id_member – Primary Key

Tabel 3.2 Spesifikasi Tabel member

Nama Field Tipe Panjang Keterangan

id_member char 20 Nomor id member

user_nm char 20 Nama pengenal member

fname char 20 Nama depan member

lname char 20 Nama belakang member

sex char 8 Jenis kelamin member

tmp_lhr char 20 Tempat lahir member

tgl_lhr date Tanggal lahir member

kode_pos int 6 Kode pos

alamat char 40 Alamat member

kota char 15 Kota tempat tinggal member

telepon int 11 Nomor telepon member

hp int 12 Nomor handphone member

email char 30 Email member

password char 10 Password untuk login

no_rek int 15 Nomor rekening bank member

my_url char 255 Alamat url member untuk sarana "komisi"

id_sumber char 20 Nomor id sumber (berkaitan dengan sarana "komisi")

101

Tabel : menu_harian

Fungsi tabel : Tabel ini berisikan daftar menu harian.

Key : id_menu – Primary Key

Tabel 3.3 Spesifikasi Tabel menu_harian


id_menu char 10 Id menu perhari

id_makanan int 3 Id makanan

tanggal date Tanggal menu perhari

Tabel : makanan

Fungsi tabel : Tabel ini berisikan data makanan yang disediakan Selera Catering.

Key : id_makanan – Primary Key

Tabel 3.4 Spesifikasi Tabel makanan


id_makanan int 3 Id makanan

nama_makanan char 20 Nama makanan

id_kategori int 2 Kode pengenal kategori

102

Tabel : kategori_makanan

Fungsi tabel : Tabel ini berisikan kategori dari tiap-tiap makanan.

Key : id_kategori – Primary Key

Tabel 3.5 Spesifikasi Tabel kategori_makanan


id_kategori int 2 Kode pengenal kategori

nama_kategori char 10 Nama kategori

Tabel : transaksi_harian

Fungsi tabel : Tabel ini berisikan data transaksi dari catering harian.

Key : id_transaksi_harian – Primary Key

Tabel 3.6 Spesifikasi Tabel transaksi_harian


id_transaksi_harian int 10 Nomor id transaksi harian

id_member char 20 Nama pengenal member

id_menu int 10 Id menu perhari

total_biaya_th int 10 Total biaya keseluruhan dari pesanan catering harian

tgl_psn_th date Tanggal waktu pemesanan menu harian

bts_byr date Batas bayar transaksi harian

status_byr int 2 Status untuk mengetahui sudah bayar atau belum

tgl_bayar date Tanggal dilunasinya pembayaran

cara_byr char 10 Cara pembayaran

ket char 255 Rincian biaya

103

Tabel : menu_pesta

Fungsi tabel : Tabel ini berisikan menu-menu paket catering pesta.

Key : menu_paket – Primary Key

Tabel 3.7 Spesifikasi Tabel menu_pesta


menu_paket char 255 Nama-nama makanan yang ditawarkan pada catering pesta

id_paket char 4 Nomor id paket pesta

id_paket_jenis char 4 Id paket jenis makanan catering pesta

Tabel : menu_pesta_hrg

Fungsi tabel : Tabel ini berisikan harga dari menu paket catering pesta.

Key : id_paket – Primary Key

Tabel 3.8 Spesifikasi Tabel menu_pesta_hrg



hrg_piring int 10 Harga piring persatuan sesuai paket

104

Tabel : transaksi_pesta

Fungsi tabel : Tabel ini berisikan daftar dari pesanan catering pesta.

Key : id_transaksi_pesta – Primary Key

Tabel 3.9 Spesifikasi Tabel transaksi_pesta


id_transaksi_pesta int 10 Nomor id transaksi pesta

id_member char 20 Nama pengenal member


id_menu_pesta char 255 Id menu yang dipesan

total_biaya_tp int 10 Total biaya keseluruhan dari pesanan catering pesta

tgl_pesan_tp date Tanggal waktu pemesanan paket pesta

jml_piring int 4 Jumlah piring yang dipesan

tgl_pesta date Tanggal pesta diadakan

jam_pesta time Jam dimulainya pesta

alamat_pesta char 40 Alamat tempat pesta

catatan text Catatan tambahan

bts_byr date Tanggal batas akhir pelunasan dp dan pengubahan

status_byr int 2 Status untuk mengetahui sudah dibayar atau belum

tgl_bayar date Tanggal biaya dilunaskan

cara_byr char 10 Cara pembayaran

dp int 10 Besar uang muka yang harus dibayar

ket char 255 Rincian pembayaran

105

Tabel : komisi

Fungsi tabel : Tabel ini berisikan data-data komisi .

Key : id_komisi – Primary Key

Tabel 3.10 Spesifikasi Tabel komisi


id_komisi int 10 Nomor id komisi

id_member int 10 Nomor id member yang mendapat profit

id_sumber int 10 Nomor id sumber penghasil profit

jumlah_komisi int 10 Jumlah profit yang didapat sesuai hasil belanja id sumber

Tabel : komisi2

Fungsi tabel : Tabel ini berisikan data persediaan komisi member .

Key : id_komisi2 – Primary Key

Tabel 3.11 Spesifikasi Tabel komisi2


id_komisi2 int 10 Nomor id komisi 2

id_member char 20 Nomor id member yang mendapat profit

jumlah_terpakai int 10 Jumlah komisi yang telah dipakai

jumlah_kumulatif int 10 Jumlah komisi yang bisa dipakai

106

Tabel : pendapatan_lain

Fungsi tabel : Tabel ini berisikan data pendapatan diluar pemesanan.

Key : id_pendapatan – Primary Key

Tabel 3.12 Spesifikasi Tabel pendapatan_lain


id_pendapatan int 10 No id pendapatan

nama_pendapatan char 255 Nama dari pendapatan

jumlah int 10 Jumlah dalam rupiah

tanggal date Tanggal di submit

Tabel : pengeluaran

Fungsi tabel : Tabel ini berisikan data pengeluaran Selera Catering.

Key : id_pengeluaran – Primary Key

Tabel 3.13 Spesifikasi Tabel pengeluaran


id_pengeluaran int 10 No id pengeluaran

nama_pengeluaran char 255 Nama dari pengeluaran

jumlah int 10 Jumlah dalam rupiah

tanggal date Tanggal di submit

jenis char 10 Jenis pengeluaran

bab 3 analisis dan perancangan - thesis.binus.ac.idthesis.binus.ac.id/asli/bab3/2006-2-01247-if-bab...

Documents