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
Owner
Koordinator
Kurir Antar
Pembukuan dan Keuangan
Customer Service
Staff Dapur
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.
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?
23 (jumlah) persen : 61%
15 (jumlah) persen : 39%
Ya Tidak
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 ?
6 (jumlah) persen : 16%
11 (jumlah) persen : 29%
Kurang efektif Cukup efektif
21 (jumlah) persen : 55%
Sudah efektif
Gambar 3.4 Jawaban Hasil Kuesioner Pertanyaan no.2
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?
3 (jumlah) persen : 8% Ya Tidak 35 (jumlah) persen : 92%
Gambar 3.5 Jawaban Hasil Kuesioner Pertanyaan no.3
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?
1 (jumlah) persen : 3% Ya Tidak 37 (jumlah) persen : 97%
Gambar 3.6 Jawaban Hasil Kuesioner Pertanyaan no.4
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
13 (jumlah) persen :34%
7 (jumlah) persen :18%
Tidak ingin Ingin
18 (jumlah) persen :48%
Sangat ingin
Gambar 3.7 Jawaban Hasil Kuesioner Pertanyaan no.5
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 caloncalon 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
Website Selera
- Sarana bagi untung
memperluas jangkauan
Catering (front
(dengan tool url)
pemasarannya.
end).
- Forum
Adanya permintaan oleh pihak
Website Selera
Selera Catering untuk
Catering
meningkatkan kinerja Selera
(backoffice).
Catering dengan bantuan komputer.
43 3.8 Perancangan Aplikasi Berikut adalah sistem baru Selera Catering yang digambarkan lewat DFD. 3.8.1 DFD dari Aplikasi yang Dirancang
Koordinator
Supplier
Daftar Pesanan Menu
Form Pemesanan
Selera Catering
Pemesanan Bahan Baku
Data Terbaru
Web Hosting
Member
Form Pemesanan
Laporan Keuangan
Calon Member
Keuangan
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.
Web Hosting
Koordinator
Data Makanan kategori_makanan
1. Pemasaran
makanan
menu_harian Form Pendaftaran
menu_pesta Calon Member
member
Supplier
pendapatan_lain
Pemesanan Bahan Baku
pengeluaran
2. Pemesanan
transaksi_harian
transaksi_pesta Form Pemesanan Laporan Keuangan Member
Keuangan
Gambar 3.9 Diagram 0 dari Sistem Baru Selera Catering
45
kategori_makanan
Calon Member
makanan Form Pendaftaran
menu_harian
1.1 Tambah member baru
1.3 Edit Data Makanan
menu_pesta
member
1.2 Upload data terbaru
Web Hosting
pendapatan_lain
Laporan Keuangan 2.1 Pencatatan Pesanan
Data Makanan pengeluaran
Keuangan
Koordinator transaksi_harian
Form Pemesanan
transaksi_pesta
Daftar Pesanan Menu
Member Pemesanan Bahan Baku
2.2 View Pesanan
Supplier
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
Login
Home
Catering
Data diri
Transaksi
Forum
About Us
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.
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.
Login
Transaksi
Menu
Member
Komisi
Gambar 3.12 Struktur Menu Backoffice Website Selera Catering
Logout
51 3.9 Perancangan layar Berikut adalah rancangan layar dari website Selera Catering.
judul
tanggal & counter
text login
menu Home Catering DataDiri Transaksi Forum AboutUs
Nama : Pass : tombol text
text
gif
text 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
judul
tanggal & counter
text
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.
judul
tanggal & counter
text
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.
judul menu Home Catering DataDiri Transaksi Forum AboutUs
tanggal & counter
text
Home
text
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
judul
tanggal & counter
menu Home Catering DataDiri Transaksi Forum AboutUs
text
Catering pesta text button harian text
gif
button gif
text
Gambar 3.17 Layar Catering
Keterangan gambar : Ini merupakan halaman menu. Di halaman menu ini, user dapat memilih pesanan harian atau pesanan pesta.
55
judul
tanggal & counter
menu
Catering pesta
Home Catering DataDiri Transaksi Forum AboutUs
text gambar
text
tombol
text gif
gambar
tombol
text
gif gambar
tombol
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.
judul menu Home Catering DataDiri Transaksi Forum AboutUs
tanggal & counter
text
Catering pesta - nama paket
daftar menu
gif
gif
form
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.
judul menu
tanggal & counter
text
Catering pesta konfirmasi
Home Catering DataDiri Transaksi Forum AboutUs
text
gif
gif
tombol
tombol
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
judul menu Home Catering DataDiri Transaksi Forum AboutUs
tanggal & counter
text
Catering pesta
text
gif
gif
tombol
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
judul
tanggal & counter
menu
text
Catering harian
Home Catering DataDiri Transaksi Forum AboutUs
text
gif
gif
tombol
Gambar 3.22 Layar Catering Harian Keterangan gambar : Ini merupakan halaman pemesanan menu harian. User dapat memilih menu yang ingin dipesan dengan mencentangnya.
judul menu
tanggal & counter
text
Catering harian konfirmasi
Home Catering DataDiri Transaksi Forum AboutUs
text
gif
gif
tombol
tombol
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.
judul menu Home Catering DataDiri Transaksi Forum AboutUs
tanggal & counter
text
Catering harian
text
gif
gif
tombol
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
judul
tanggal & counter
menu
Data Diri
Home Catering DataDiri Transaksi Forum AboutUs
text
text
gif
gif
link
link
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.
judul
tanggal & counter
menu
Ubah Data Diri
Home Catering DataDiri Transaksi Forum AboutUs
form
text
gif
gif
tombol
Gambar 3.26 Layar Ubah Data Diri
61 Keterangan gambar : Ini merupakan halaman untuk mengubah data diri.
judul
tanggal & counter
text
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
judul
tanggal & counter
text
link
form tombol
Gambar 3.28 Layar Ubah Password Keterangan gambar : Ini merupakan halaman untuk mengubah password pada saat login.
judul menu Home Catering DataDiri Transaksi Forum AboutUs gif
tanggal & counter
text
Transaksi
link link
text
gif
Gambar 3.29 Layar Transaksi Harian
63 Keterangan gambar : Pada halaman ini, user dapat melihat pesanan – pesanan yang pernah dilakukan sebelumnya.
judul menu Home Catering DataDiri Transaksi Forum AboutUs gif
tanggal & counter
text
Transaksi
link link
text
gif
Gambar 3.30 Layar Transaksi Pesta
Keterangan gambar : Pada halaman ini user dapat melihat menu pesta yang dipesan.
64
judul menu
tanggal & counter
text
About Us
Home Catering DataDiri Transaksi Forum AboutUs
text gif
gif
Gambar 3.31 Layar About Us Keterangan gambar : Melalui About Us, Selera Catering diperkenalkan lebih dalam
judul menu Home Catering DataDiri Transaksi Forum AboutUs gif
tanggal & counter
text
Peraturan link link link
text
gif
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 name password tombol
Gambar 3.33 Layar Login Backoffice
Keterangan gambar : Ini merupakan tampilan utama pada backoffice. Setiap pemakai harus melakukan login.
66
judul Navigator transaksi menu member komisi logout
Gambar 3.34 Layar Home Backoffice
Keterangan gambar : Menu utama pada backoffice adalah menu transaksi, menu, member dan komisi.
67
judul Navigator transaksi menu member komisi logout
Transaksi Pesanan Harian Pesanan Pesta Tambah Pendapatan Tambah Pengeluaran Laporan Perbulan Pembayaran Admin
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 Navigator transaksi menu member komisi logout
Menu Tambah menu perbulan Cek menu / edit Tambah makanan Cek / edit makanan
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 Navigator transaksi menu member komisi logout
Member Registrasi member Cari / edit member
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
judul Navigator
Transaksi - pesanan
transaksi menu member komisi logout
hari tanggal jml senin 18 Jan 05 18 selasa 19 Jan 05 22
Back
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
judul Navigator transaksi menu member komisi logout
Transaksi - pesanan id transaksi nama alamat no.telp tgl byr jml byr 00004
Jesa
Syh
2222
2 Jan
5000
Back
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
judul Navigator
Transaksi - pesanan
transaksi menu member komisi logout
hari tanggal jml senin 18 Jan 05 18 selasa 19 Jan 05 22
Back
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
judul Navigator transaksi menu member komisi logout
Transaksi - pesanan id transaksi nama alamat no.telp tgl byr jml byr 00004
Jesa
Syh
2222
2 Jan
5000
Back
Gambar 3.41 Layar Transaksi Pesta Detail Backoffice Ini adalah tampilan untuk layar transaksi pesta secara detil.
transaksi_tambah_income_admin.php
judul Navigator transaksi menu member komisi logout
Transaksi - tambah pendapatan Pesanan harian Pesanan pesta Lain-lain
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.
judul Navigator Transaksi > Tambah Pendapatan > Pesanan Harian transaksi menu member komisi logout
Masukkan ID Member : Tanggal
II
2006-01-10
Ikan Asam
Aym Keju
III Cap Cay
2006-01-11
Ikan Asin
Empal
Syr Bng
Ikn Presto
Rica - rica
kcg Pnjg
2006-10-12
I
Pilih
Gambar 3.43 Layar Transaksi Tambah Pendapatan Catering Harian Backoffice
Keterangan : Pada halaman ini, Customer Sevice dapat mengentry pesanan dari pelanggan.
75
judul
tanggal & counter
text
menu Transaksi Menu Member Komisi
Transaksi > Tambah Pendapatan > Pesanan Pesta Pilih Paket Harga
Rp.5.000
Pilih Menu Paket
text
text
Catata n 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
judul Transaksi < Tambah Pendapatan < Lain - lain
Navigator transaksi menu member komisi logout
Bulan
Tahun
Tanggal
Jenis Pendapatan Jumlah
Catata n
Kirim
Back
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
judul Transaksi < Tambah Pengeluaran
Navigator transaksi menu member komisi logout
Bulan
Tahun
Tanggal
Nama Pengeluaran Jumlah Jenis Pengeluaran Catata n Back
Kirim
Gambar 3.46 Layar Transaksi Tambah Pengeluaran Backoffice
Keterangan : Pada halaman ini, bagian keuangan dapat menentry segala pengeluaran yang dikeluarkan oleh Selera Catering.
78
judul Transaksi < Laporan Perbulan
Navigator transaksi menu member komisi logout
Bulan
Tahun
Lihat
Pendapatan
Catata n Back
Kirim
Gambar 3.47 Layar Transaksi Laporan Perbulan Backoffice
Keterangan : Pada layar transaksi laporan perbulan, diperlihatkan rincian pengeluaran dan pemasukan Selera Catering perbulan.
79
judul Transaksi < Pembayaran Admin
Navigator transaksi menu member komisi logout
Masukkan ID Pemesan : Jenis
Kirim
Back
Gambar 3.48 Layar Transaksi Pembayaran Admin Backoffice
Keterangan : Pembayaran Admin digunakan untuk mengentry setiap pembayaran yang dilakukan oleh pelanggan.
80
judul Menu < Tambah Menu Perbulan
Navigator transaksi menu member komisi logout
Bulan
Tahun
Tanggal
Pilih Menu Tambah
Back
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
judul Menu < Cek / Edit Menu
Navigator transaksi menu member komisi logout
Tahun
Bulan
Tanggal
I
Tanggal
II
Lihat
III
Action
Back
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
judul Menu < Tambah Makanan
Navigator transaksi menu member komisi logout
Jenis Makanan Nama Makanan
Tambah
Back
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
judul Menu < Cek / Edit Makanan
Navigator transaksi menu member komisi logout
Jenis Makanan
Nama Makanan
Action
Back
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
judul Menu < Cek / Edit Makanan
Navigator transaksi menu member komisi logout
Jenis Makanan Nama Makanan
Edit Back
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
judul Member < Registrasi Member
Navigator transaksi menu member komisi logout
Back
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
judul Navigator transaksi menu member komisi logout
Member > Cek / Edit Member Masukkan Nama : Nama
tombol 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
judul Navigator
Member > Cek / Edit Member > Edit Member
transaksi menu member komisi logout
form
back
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
judul Komisi
Navigator
Jumlah Kumulatif Komisi
transaksi menu member komisi logout
Nama
Komisi
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
Ketik Url Selera Catering Tampilkan Halaman Login
Masukan User Name , password klik :"Go" Jika valid tampilkan Halaman HOME Halaman Login
Halaman HOME
Klik "Sign Up" Tampilkan Halaman Register
Klik "Log Out" Tampilkan Halaman Login
Klik "Submit" Tampilkan Halaman HOME
Halaman Register
Gambar 3.58 STD Login
Klik "Submit" Tampilkan Halaman Registrasi Sukses jika tidak ada kolom yang salah Halaman Registasi Sukses
Halaman Registrasi
Gambar 3.59 STD Registrasi
Halaman Registrasi Sukses
Halaman Login Klik "Login" Tampilkan Halaman Login
Gambar 3.60 STD Registrasi Sukses
90 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 Halaman HOME Klik "Melihat Peraturan" Halaman Peraturan Umum Klik "Mengubah Data Diri" Tampilkan Halaman Ubah Data Diri
Klik "Mengubah Password" Tampilkan Halaman Ubah Password
Halaman Catering
Tampilkan Halaman Data Diri
Halaman Data Diri
Halaman Peraturan Umum
Halaman Ubah Data Diri
Halaman Ubah Password
Klik "Melihat Alamat / No.T elp Seleca Catering" Tampilkan Halaman About Us Halaman About Us Klik "Log Out " Tampilkan Halaman Login Halaman Login
Gambar 3.61 STD HOME
91
Halaman Catering Pesta
Klik "Pesta" Tampilkan Halaman Catering Pesta Halaman Catering
Halaman Catering Harian Klik "Harian" Tampilkan Halaman Catering Harian
Gambar 3.62 STD Catering
Halaman Catering Pesta
Klik "Pilih" Tampilkan Halaman Catering Menu Pesta
Halaman Catering Menu Pesta
Gambar 3.63 STD Catering Pesta
Klik "Halaman Catering Menu Pesta Konfirmasi" Halaman Catering Menu Pesta Konfirmasi
Tampilkan Halaman Catering Menu Pesta Konfirmasi
Halaman Catering Pesta Akhir
Klik "Back" Tampilkan Halaman Catering Menu Pesta
Halaman Catering Menu Pesta
Gambar 3.64 STD Catering Menu Pesta Konfirmasi
92
Halaman Catering Harian Klik "lanjut" Tampilkan Halaman Catering Harian Konformasi
Halaman Catering
Harian Konfirmasi
Gambar 3.65 STD Catering Harian
Klik "Back" Tampilkan Halaman Catering Harian
Halaman Catering Harian Konfirmasi Klik "Lanjut" Tampilkan Halaman Catering Harian Akhir
Halaman Catering Harian Akhir
Gambar 3.66 STD Catering Harian Konfirmasi
93 Klik "Ubah Data Diri" Tampilkan Halaman Ubah Data Diri
Halaman Ubah Data Diri
Halaman Data Diri Klik "Ubah Password" Tampilkan Halaman Ubah Password
Halaman Ubah Password
Gambar 3.67 STD Data Diri
Halaman Ubah
Klik "Submit" Tampilkan Halaman Ubah Data Diri Berhasil
Data Diri
Halaman Ubah Data Diri Berhasil
Gambar 3.68 STD Ubah Data Diri
Halaman Ubah Data Diri Berhasil
Klik "Data Diri" Tampilkan Halaman Data Diri
Halaman Data Diri
Gambar 3.69 STD Ubah Data Diri Berhasil
Halaman Ubah
Klik "Submit" Tampilkan Halaman Data Diri
Password
Gambar 3.70 STD Ubah Password
Halaman Data Diri
94 3.10.1 Perancangan STD sisi backoffice Masukan User Name , password klik "Login" Jika valid tampilkan Halaman Home Backoffice
Ketik Url Back Ofice Loading Url Back Office
Tampilkan Halaman Login Backoffice
Halaman Login Backoffice
Halaman Home Backoffice
Klik Log Out Tampilkan Halaman Login Backoffice
Gambar 3.71 STD Loading Url Backoffice
Klik "Transaksi" Tampilkan Halaman Transaksi Backoffice
Klik "Menu" Tampilkan Halaman Menu Backoffice
Klik "Member" Tampilkan Halaman Member Backoffice Halaman Home Backoffice
Klik "Komisi" Tampilkan Halaman Komisi Backoffice Klik "Log out" Tampilkan Halaman Login
Halaman Transaksi Backoffice
Halaman Menu Backoffice
Halaman Member Backoffice
Halaman Komisi Backoffice
Halaman Login
Gambar 3.72 STD Home Backoffice
95 Klik "Pesanan Harian" Tampilkan Halaman Transaksi Harian Backoffice
Klik "Pesanan Pesta" Tampilkan Halaman Transaksi Pesta Backoffice
Klik "Tambah Pendapatan" Tampilkan Halaman Transaksi Tambah Pendapatan Backoffice Halaman Transaksi Backoffice
Halaman Transaksi Harian Backoffice
Halaman Transaksi Pesta Backoffice
Halaman Transaksi Tambah Pendapatan Backoffice
Klik "Tambah Pengeluaran" Tampilkan Halaman Transaksi Tambah Pengeluaran Backoffice
Klik "Laporan Perbulan" Tampilkan Halaman Transaksi Tambah Pengeluaran Backoffice
Klik "Pembayaran Admin" Tampilkan Halaman Pembayaran Admin Backoffice
Halaman Transaksi Tambah Pengeluaran Backoffice
Halaman Transaksi Tambah Pengeluaran Backoffice Halaman Pembayaran Admin Backoffice
Gambar 3.73 STD Transaksi Backoffice
96
Klik "Tanggal yang diinginkan" Tampilkan Halaman Halaman Transaksi Harian Backoffice
Transaksi Harian Detail Backoffice
Halaman Transaksi Harian Detail Backoffice
Gambar 3.74 Transaksi Harian Backoffice
Klik "Tanggal yang diinginkan" Tampilkan Halaman Halaman Transaksi Pesta Backoffice
Transaksi Pesta Detail Backoffice
Halaman Transaksi Pesta Detail Backoffice
Gambar 3.75 STD Transaksi Pesta Backoffice
97
Klik "Pesanan Pesta" Tampilkan Halaman Transaksi Tambah Pendapatan Catering Pesta Backoffice
Halaman Transaksi Tambah Pendapatan Catering Pesta Backoffice
Klik "Pesanan Harian" Halaman Transaksi Tambah Pendapatan Backoffice
Tampilkan HalamanTransaksi Tambah Pendapatan Catering Harian Backoffice
Halaman Transaksi Tambah Pendapatan Catering Harian Backoffice
Klik "Pesanan Lain -lain" Tampilkan Halaman Transaksi Tambah Pendapatan Lain - lain Backoffice
Halaman Transaksi Tambah Pendapatan Lain - lain Backoffice
Gambar 3.76 STD Transaksi Tambah Pendapatan Backoffice
98 Klik "Tambah Menu Perbulan" Tampilkan Halaman Tambah Menu Paket Harian Backoffice
Klik "Cek / edit Menu" Tampilkan Halaman Cek / edit Menu Paket Harian Backoffice Halaman Menu Backoffice
Halaman Tambah Menu Paket Harian Backoffice
Halaman Cek / edit Menu Paket Harian Backoffice
Klik "Tambah Makanan" Halaman Tambah Makanan Backoffice
Halaman Tambah Makanan Backoffice
Klik "Cek / edit Makanan" Halaman Cek / edit Makanan Backoffice
Halaman Cek / edit Makanan Backoffice
Gambar 3.77 STD Menu Backoffice
Halaman Cek / Edit Menu Paket Harian Backoffice
Klik "Edit / Hapus" Tampilkan Halaman Edit Makanan Backoffice
Halaman Edit Makanan Backoffice
Gambar 3.78 STD Cek / Edit Menu Paket Harian Backoffice
99 Klik "Registrasi Member" Tampilkan Halaman Tambah Menu Harian Backoffice
Halaman Registrasi Member Backoffice
Halaman Member Backoffice Klik "Cek Member" Tampilkan Halaman Cek Member Backoffice Halaman Cek Member Backoffice
Gambar 3.79 STD Member Backoffice
Klik "Edit"
Halaman Cek Member Backoffice
Tampilkan Halaman Edit Member Backoffice
Halaman Edit Member Backoffice
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
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")
Tanggal lahir member
101 Tabel
: menu_harian
Fungsi tabel
: Tabel ini berisikan daftar menu harian.
Key
: id_menu – Primary Key
Tabel 3.3 Spesifikasi Tabel menu_harian Nama Field
Tipe
Panjang
Keterangan
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 Nama Field
Tipe
Panjang
Keterangan
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 Nama Field
Tipe
Panjang
Keterangan
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 Nama Field
Tipe
Panjang
Keterangan
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
tgl_bayar
date
cara_byr
char
10
Cara pembayaran
ket
char
255
Rincian biaya
2
Status untuk mengetahui sudah bayar atau belum Tanggal dilunasinya pembayaran
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 Nama Field
Tipe
Panjang
menu_paket
char
255
Keterangan 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 Nama Field
Tipe
Panjang
Keterangan
id_paket
char
4
Nomor id paket pesta
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 Nama Field
Tipe
Panjang
Keterangan
id_transaksi_pesta
int
10
Nomor id transaksi pesta
id_member
char
20
Nama pengenal member
id_paket
char
4
Nomor id paket pesta
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
jml_piring
int
tgl_pesta
date
Tanggal pesta diadakan
jam_pesta
time
Jam dimulainya pesta
alamat_pesta
char
catatan
text
Catatan tambahan
bts_byr
date
Tanggal batas akhir pelunasan dp dan pengubahan
status_byr
int
tgl_bayar
date
cara_byr
char
10
Cara pembayaran
dp
int
10
Besar uang muka yang harus dibayar
ket
char
255
Rincian pembayaran
Tanggal waktu pemesanan paket pesta 4
40
2
Jumlah piring yang dipesan
Alamat tempat pesta
Status untuk mengetahui sudah dibayar atau belum Tanggal biaya dilunaskan
105 Tabel
: komisi
Fungsi tabel
: Tabel ini berisikan data-data komisi .
Key
: id_komisi – Primary Key
Tabel 3.10 Spesifikasi Tabel komisi Nama Field
Tipe
Panjang
Keterangan
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 Nama Field
Tipe
Panjang
Keterangan
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 Nama Field
Tipe
Panjang
Keterangan
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 Nama Field
Tipe
Panjang
Keterangan
id_pengeluaran
int
10
No id pengeluaran
nama_pengeluaran
char
255
Nama dari pengeluaran
jumlah
int
10
Jumlah dalam rupiah
tanggal
date
jenis
char
Tanggal di submit 10
Jenis pengeluaran