BAB 3 ANALISIS DAN PERANCANGAN
3.1 Metodologi Penelitian Pada proses pengembangan sistem digunakan metodologi waterfall model. Waterfall model merupakan metode perancangan yang umumnya masih menggunakan urutan (sequential) yang bertahap dan teratur. Pada metode waterfall jika tahap-tahap pada waterfall belum selesai dilakukan maka tahap selanjutnya tidak dapat berjalan. Kelebihan dari metode waterfall adalah perancangan yang teratur dan berurutan sehingga ruang lingkup dari pengembangan akan terlihat jelas dari awal perancangan. Berikut adalah tahap yang dilalui dalam pengembangan sistem pemesanan makanan : 1. Communication Pada tahap communication, dilakukan studi pustaka dengan media internet untuk mencari sumber-sumber informasi yang berhubungan dengan restoran, aplikasi pemesanan dan perangkat pemesanan makanan. Dengan melihat hasil-hasil penelitian dan pengembangan aplikasi yang berkaitan dengan sebuah sistem operasional restoran dibuat rancangan project yang ingin dibuat yaitu sebuah aplikasi restoran yang khususnya menangani pemesanan makanan. Dari informasi yang didapat dilakukan observasi ke restoran yang menggunakan perangkat pemesanan makanan, yaitu D’cost dan Vegas Hotdog. Setelah melakukan observasi terhadap sistem, dicatat informasi berupa aturan operasional dan jalannya proses pemesanan pada restoran. Dari data yang
59
60
berhasil dikumpulkan dari studi pustaka dan observasi, dianalisa masalah dan kendala yang masih terjadi. Dari masalah dan kendala tersebut, dibuat rancangan kebutuhan dari sistem yang diharapkan dapat membantu menangani masalah dan kendala tersebut. 2. Planning Berdasarkan rancangan project dan kebutuhan, dibuat perancanaan dan estimasi pembuatan project sampai dengan tahap implementasi dari project. Selama perencanaan, dibuat juga point – point penting dari project yang ingin dicapai. Point – point tersebut digunakan untuk menjaga agar selama proses pengembangan, project tetap mengacu kepada tujuan awal dari aplikasi dan sesuai dengan perencanaan. 3. Modeling Pada tahap modeling, dibuat storyboard dari system restoran yang akan digunakan untuk kegiatan operasional, karena belum adanya kerjasama dengan restoran tertentu maka digunakan data dummy yang dibuat dengan estimasi individu. Dibuat storyboard dari aplikasi untuk client, yaitu aplikasi berbasis android yang akan digunakan pada perangkat tablet, lalu storyboard aplikasi berbasis web yang akan digunakan restoran untuk menangani system yang berjalan, untuk mengendalikan dan mengawasi kegiatan operasional serta penanganan masalah yang mungkin terjadi. 4. Construction Setelah storyboard selesai dibuat, dimulai perancangan dari aplikasi, dimulai dengan aplikasi pemesanan makanan yang akan menangani proses pemesanan dan melayani customer selama di dalam restoran. Setelah perancangan aplikasi
61
client selesai dibuat, dilanjutkan dengan pembuatan aplikasi untuk pihak restoran sekaligus integrasi antara aplikasi client dan aplikasi administrasi. Setelah keseluruhan system selesai dikembangkan, dilakukan testing jalannya aplikasi dengan system sederhana untuk melihat apakah aplikasi client maupun administrasi dapat berjalan sesuai dengan fungsinya dalam system. 5. Deployment Tahap terakhir dari pengembangan sistem, dilakukan evaluasi dari aplikasi yang dikembangkan, fokus dari evaluasi lebih kepada aplikasi client, yang direncanakan akan dioperasikan langsung oleh customer. Dari hasil quisioner dan mengacu kepada tujuan awal perancangan maka dapat diambil kesimpulan serta saran untuk pengembangan selanjutnya.
3.2 Analisa 3.2.1 Analisis Sistem Sejenis Yang Berjalan Sistem pemesanan yang menggunakan sistem komputerisasi sudah diterapkan di sebagian besar restoran di Jakarta. Namun untuk penggunaan perangkat pemesanan makanan jumlahnya masih terbatas, berdasarkan informasi yang berhasil dikumpulkan, ditemukan restoran yang menggunakan perangkat pemesanan makanan dan melakukan observasi pada restoran, yaitu D’cost dan Vegas Hotdog. A. D’cost D’cost merupakan restoran keluarga yang menyajikan menu makanan seafood yang sudah cukup terkenal di Jakarta. Proses pemesanan sudah dilakukan menggunakan
62
gadget, yaitu iPod touch Apple. Dengan menggunakan gadget yang dioperasikan seorang pelayan, order diinput ke dalam gadget yang terkoneksi dengan sistem sebuah server, yang sekaligus digunakan sebagai kasir dan tempat data pesanan diterima. Proses dalam sistem yaitu seorang customer datang ke restoran. Ada seorang penerima tamu yang menanyakan jumlah customer untuk melihat keadaan dalam restoran apakah ada meja tersedia sejumlah customer. Jika tidak tersedia meja karena keadaan restoran yang penuh, maka customer dapat mendaftarkan nama ke dalam waiting list dan
menunggu hingga ada meja yang tersedia. Setelah meja tersedia
penerima tamu akan memanggil customer berdasarkan urutan pendaftaran dan jumlah customer. Setelah customer masuk dan duduk di meja, pelayan memberikan menu makanan kepada customer. Biasanya tersedia banner stand di meja yang berisi menu dan bisa digunakan sebagai media informasi promo tertentu. Setelah siap memesan, customer perlu memanggil karyawan yang akan menangani pemesanan, yaitu karyawan yang memegang iPod touch. Setelah karyawan tersebut datang ke meja, customer menyebutkan menu makanan yang diinginkan, seiring karyawan meng-input menu tersebut. Setelah pesanan selesai dicatat, pesanan di-submit ke komputer utama (server). Pesanan tersebut di print menjadi note rangkap dua, satu note dijepit ke tali yang melintang di depan dapur, satu note lagi ditempelkan di meja customer. Karyawan bagian dapur membaca pesanan di note, menu ditandai lalu karyawan membuat menu tersebut. Setelah menu tersebut selesai dibuat, nama menu pada note ditandai bahwa pesanan telah dibuat dan diletakkan di depan bagian dapur.Karyawan
63
lain mengambil makanan dan mengantarkan pesanan sesuai nomor meja. Sesampai di meja nama menu pada note yang ditempelkan pada meja ditandai, menandakan bahwa menu tersebut telah disajikan. Proses berulang hingga semua menu pada pesanan selesai dibuat dan diantarkan ke meja customer. Note yang telah selesai diproses bagian dapur dicabut dari tali. Selama menunggu makanan, jika ada pembatalan pesanan dan penggantian pesanan maka customer harus memanggil karyawan untuk menyampaikannya. Dan akan ditindaklanjuti dengan konfirmasi ke dapur apakah pesanan telah selesai dibuat, dalam proses pembuatan atau belum dibuat. Jika customer memerlukan tambahan alat makan (sendok, garpu), tambahan tissue, tambahan pesanan dan berbagai pertolongan lainnya, customer dapat memanggil salah satu karyawan yang melewati meja customer. Ketika ada pesanan tambahan maka dibuat sebuah note baru untuk diproses seperti pesanan sebelumnya. Setelah selesai menikmati makanan, cutomer yang meminta tagihan (bill) memanggil karyawan untuk meminta tagihan pesanan. Karyawan menyampaikan permintaan tagihan dengan nomor meja, karyawan bagian kasir mengkalkulasi pesanan (jika ada order tambahan) kedalam satu tagihan, lalu diserahkan kepada customer. Setelah customer membayar, maka transaksi selesai. B. Vegas Hotdog Vegas Hotdog adalah restoran keluarga yang menyajikan menu utama hotdog, spaghetti dan burger. Terletak di mall Central park yang berada di daerah jakarta barat. Keberadaan restoran tersebut cukup dikenal dengan adanya tablet apple iPad yang
64
digunakan untuk memesan makanan. Namun secara operasional masih terdapat unsur pekerjaan yang manual. Proses pemesanan dimulai ketika seorang customer datang dan memilih meja, pelayan akan membawa sebuah iPad ke meja customer dan meng-input nomor meja ke dalam iPad sebelum menyerahkan kepada customer yang datang.Setelah customer menerima tablet, maka customer dapat melihat menu yang disediakan oleh restoran. Untuk memesan, customer menekan tombol add to cart yang ada pada menu yang diinginkan. Nilai quantity yang akan di set secara default adalah 1. Setelah selesai memilih maka customer harus berpindah ke halaman berisi daftar pesanan untuk mengecek kembali pesanan yang sudah dipesan beserta dengan quantity yang diinginkan. Selama proses pemesanan, pelayan akan memandu penggunaan dan menemani customer dalam penggunaan. Selesai memeriksa menu yang dipesan dan jumlah pesanan, maka tablet akan diambil kembali oleh pelayan. Tablet tersebut dibawa untuk meng-input pesanan ke dalam sistem, yang dilakukan menggunakan komputer. Selesai di-input pelayan akan memberi tahu bagian dapur menu apa saja yang dipesan dengan sebuah list pesanan yang diletakkan di bagian dapur. Customer tidak akan menerima copy atau list serupa di meja, sehingga proses pengantaran pesanan akan bergantung kepada list pesanan yang terdapat di bagian dapur. Jika terdapat penambahan pesanan, maka customer harus meminta kembali tablet untuk dapat memesan. Proses penambahan pesanan akan sama seperti proses pemesanan
65
makanan yang pertama. Namun jika tablet sedang digunakan oleh customer lain maka harus menunggu giliran untuk menggunakan tablet. Ketika customer selesai, customer harus memanggil pelayan untuk meminta tagihan pesanan. Tagihan akan dicetak pada casir dan diserahkan kepada customer. Jika terdapat penambahan pesanan tagihan akan dicetak terpisah, namun di-clip menjadi satu ketika diserahkan kepada customer. Masih terdapatnya keterbatasan pelayanan akibat jumlah karyawan dan tablet yang digunakan membuat proses pemesanan pada restoran akan terhambat ketika keadaan ramai. Pada sistem pemesanan vegas hotdog, tidak terjadi redudansi pemesanan, namun terdapat masalah antrian dari customer. Tampilan aplikasi pemesanan masih belum begitu mudah dimengerti karena tampilan yang kurang informatif sehingga masih dibutuhkan panduan dari seorang pelayan.
3.2.2 Permasalahan Proses bisnis dalam restoran D’cost dan Vegas Hotdog masih berjalan hingga sekarang, sehingga disimpulkan sistem dapat menangani proses bisnis sehari-hari. Dalam sebuah sistem restoran, proses pemesanan menjadi bagian penting dan utama dalam sebuah restoran. Penggunaan aplikasi pemesanan makanan pada kedua restoran menjadi bantuan yang juga memberi dampak berubahnya proses pemesanan makanan yang konvensional. Namun berdasarkan hasil observasi yang dilakukan pada kedua restoran, dapat diambil kesimpulan bahwa walaupun menggunakan aplikasi pemesanan makanan namun masih terdapat beberapa kendala dan masalah dalam implementasinya.
66
Dari proses yang terjadi pada restoran D’cost, dibuat analisa beberapa kendala dan masalah yang muncul dari sistem yang telah berjalan pada restoran tersebut. Beberapa kendala dan masalah yang berhasil dianalisa adalah sebagai berikut : 1. Customer tidak dapat memesan makanan sambil menunggu giliran untuk masuk ke dalam restoran. Terjadi ketika keadaan restoran penuh, dan harus menunggu ketersediaan meja. 2. Pemesanan mengandalkan jumlah gadget terbatas yang digunakan untuk order, menyebabkan saat akan memesan, perlu adanya ketersediaan pelayan yang melayani pemesanan. Contohnya ketika ada dua customer dimana perangkat pemesanan hanya tersedia satu buah. 3. Saat perlu bertanya mengenai menu dan informasi seputar makanan yang ingin dipesan seperti bahan-bahan, menu favorit dll, cenderung butuh kehadiran seorang pelayan (sekaligus menuntut pengetahuan pelayan mengenai makanan yang ada dalam restoran). 4. Pemesanan dicatat oleh seorang karyawan yang khusus melayani pemesanan, pencatatan dilakukan oleh pelayan, menimbulkan resiko human error. 5. Biasanya karyawan akan membacakan ulang pesanan setelah selesai mencatat. Mencegah human error namun menyebabkan proses pemesanan akan memakan waktu, selagi customer lain menunggu karyawan yang menangani pemesanan. 6. Saat membutuhkan bantuan seperti tambahan alat makan (sendok, garpu), tambahan tissue, tambahan pesanan, umumnya memakan waktu karena harus menunggu pelayan datang, menyampaikan kebutuhan, lalu menunggu pelayan mengambilkan bantuan dan membawakannya ke meja kembali.
67
7. Penyampaian pesan secara manual ke karyawan yang melalui meja, bisa menimbulkan redudansi pesan. Contohnya memesan sebuah menu, karena lama datang memesan lagi ke pelayan yang lain, lalu ketika dihidangkan menjadi dua porsi. Sedangkan pada restoran vegas hotdog dapat dibuat analisa beberapa kendala dan masalah yang muncul dari sistem yang telah berjalan pada restoran sebagai berikut : 1. Proses pemesanan dilakukan dengan sistem antrian, dimana ketika seseorang sedang memesan makanan, maka customer yang lain harus menunggu giliran untuk memesan. 2. Pemesanan mengandalkan satu tablet pemesanan untuk order, membuat proses pemesanan bergantung kepada adanya tablet pemesanan, dimana tidak terdapat customer lain yang menggunakan. 3. Saat menggunakan aplikasi masih dibutuhkannya keberadaan pelayan untuk dapat memandu penggunaan aplikasi pemesanan makanan. 4. Tablet akan diambil untuk input pesanan kedalam sistem yang masih memerlukan pelayan meng-input ke dalam sistem restoran. Saat input dilakukan ada resiko terjadinya human-error seperti salah input, lupa meng-input dll. 5. Hilangnya data pesanan jika aplikasi pemesanan tidak sengaja di-close, sehingga data pemesanan yang belum di-input akan hilang, butuh customer menggulang kembali proses pemesanan. 6. Sama seperti D’cost, dimana saat membutuhkan bantuan seperti tambahan alat makan (sendok, garpu), tambahan tissue, umumnya memakan waktu karena harus menunggu adanya pelayan yang bisa membantu atau melayani.
68
7. Ketika terdapat tambahan pesanan maka customer harus meminta tablet pemesanan makanan dari pelayan, dimana tablet harus dalam kondisi tidak sedang digunakan oleh customer lainnya.
3.2.3 Usulan pemecahan masalah Melalui analisa sistem didapat berbagai masalah yang masih terdapat dalam sistem pemesanan makanan pada kedua restoran yang diobservasi. Dari masalahmasalah yang ada diambil kesimpulan bahwa sistem yang telah berjalan masih bisa ditingkatkan agar lebih efektif dan efisien dalam proses pemesanan makanan. Dari berbagai kendala dan masalah yang muncul dari analisa sistem restoran D’cost dan Vegas Hotdog, muncul ide dan solusi untuk masalah yang diharapkan dapat menangani berbagai masalah tersebut. Beberapa ide dan solusi yang muncul yaitu sebagai berikut : 1. Menyediakan sebuah perangkat yang melayani pemesanan makanan di setiap meja, dengan prinsip “one customer one service”. 2. Membuat sebuah aplikasi yang bisa menggantikan fungsi utama sebuah menu sekaligus diharapkan sepenuhnya mem-fasilitasi kebutuhan dari seorang pengunjung. 3. Memberikan kemudahan bagi pengunjung untuk memilih sendiri menu dan mencari informasi mengenai menu di dalam aplikasi (self service) tanpa harus menunggu datangnya pelayan. 4. Mengurangi persentase human error dalam pemesanan karena pengunjung memesan sendiri menu yang diinginkan.
69
5. Data hasil pemesanan akan tersimpan dalam database pada perangkat setiap meja, mencegah hilangnya list dan data pesanan. Sekaligus data dapat ditampilkan berulang kali. 6. Ketika ingin meminta bantuan, pengunjung akan langsung bisa mendapatkan akses pelayanan karena dapat meminta bantuan melalui fitur aplikasi yang disediakan.
3.3 Jadwal Kegiatan
No. Kegiatan
1 2 3 4 5 6
September 2012 Minggu ke 1 2 3 4
Oktober 2012 Minggu ke 1 2 3 4
November 2012 Minggu ke 1 2 3 4
Desember 2012 Minggu ke 1 2 3 4
Januari 2013 Minggu ke 1 2 3 4
Communication Planning Modelling Construction Deployment Reporting Jadwal kegiatan berdasarkan kepada metode yang digunakan yaitu waterfall
model yang dimulai dari minggu pertama september 2012.
70
3.4 Perancangan Dalam perancangan dan pembuatan sistem dari aplikasi digunakan UML untuk menganalisa sistem kerja dari aplikasi. Hasil dari perancangan dalam bentuk use-case diagram, activity diagram, class diagram, sequence diagram dan ERD. 3.4.1 Use Case Diagram
71
Gambar 3.1 Use-Case Diagram Tabel 3.1
Skenario Start Order
Use Case: Start Order Actor : Customer Description : Customer memulai pemesanan makanan Pre-condition : Aplikasi sudah di-install pada tablet Event
Actor
System
1. Customer mengisi nama dan memilih tipe pemesanan yang ingin dilakukan. 2. Customer menekan tombol start order. 3. System akan menyimpan data berupa nama customer dan tipe pemesanan ke dalam database. Post-condition : Customer pindah ke layar menu
72
Tabel 3.2
Skenario View Menu Detail
Use Case: View Menu Detail Actor : Customer Description : Customer ingin melihat informasi menu Pre-condition : Menu sudah ditampilkan pada layar menu Event
Actor
System
1. Customer menekan icon information yang disediakan pada setiap menu, yaitu disebelah kanan nama menu dan harga 2. Akan muncul pop-up berisi informasi lengkap dari makanan yang dipilih, dan sebuah tombol close untuk menutup pop-up 3. Customer menekan tombol close yang disediakan 4. pop-up akan ditutup dan kembali ke layar menu Post-condition : Customer kembali ke layar menu setelah melihat informasi menu
73
Tabel 3.3
Skenario Modify Cart
Use Case: Modify Cart Actor : Customer Description : Customer memodifikasi isi cart Pre-condition : Ada minimal satu menu di dalam cart Event
Actor
System
1. Customer menekan icon delete 2. System akan menghapus menu dari dalam cart 3. atau menekan icon plus 4. System akan menambahkan quantity menu 5. atau menekan icon minus 6. System akan mengurangi quantity menu Post-condition : System akan melakukan perubahan terhadap cart berdasarkan pilihan customer
74
Tabel 3.4
Skenario Request Service
Use Case: Request Service Actor : Customer Description : Customer ingin meminta bantuan (berupa tissue, sendok, piring dll) Pre-condition : Customer sedang membuka layar service Event
Actor
System
1. Customer memilih bantuan yang diinginkan, contohnya : - tissue - extra dish - spoon and fork - kid’s chair - other (jika other maka customer dapat mengetikkan pesan) 2. Customer menekan tombol send request 3. System akan mengirim service request dari customer untuk segera diproses Post-condition : Akan muncul notifikasi tanda request akan segera dilayani
75
Tabel 3.5
Skenario Search
Use Case: Search Menu Actor : Customer Description : Customer ingin mencari menu berdasarkan nama menu Pre-condition : Customer sedang membuka layar menu Event
Actor
System
1. Customer mengisi keyword pencarian yang diinginkan 2. Customer menekan icon search yang disediakan 3. System akan mencari menu yang cocok dengan keyword lalu menampilkan hasil pencarian Post-condition : menu yang ditampilkan hanya menu yang sesuai dengan keyword pencarian
76
Tabel 3.6
Skenario Choose Category
Use Case: Choose Category Actor : Customer Description : Customer memilih kategori menu yang ingin dipesan Pre-condition : Customer sedang membuka layar menu Event
Actor
System
1. Customer memilih category dengan menekan tombol category yang disediakan yaitu : - all, menampilkan semua menu - food, hanya menampilkan makanan - drink, hanya menampilkan minuman 2. System akan mengecek tombol category yang ditekan oleh customer, lalu menampilkan menu berdasarkan category yang dipilih Post-condition : menu yang ditampilkan sesuai dengan kategori pilihan customer
77
Tabel 3.7
Skenario Add Menu to Cart
Use Case: Add Menu to Cart Actor : Customer Description : Customer menambahkan menu ke cart Pre-condition : Customer berada pada layar menu Event
Actor
System
1. Customer tap & hold menu yang ingin dipesan (ditandai dengan getar) dari daftar menu 2. Drag menu ke tanda plus yang akan muncul, setelah menu menyentuh tanda plus (ditandai dengan getar) drop gambar. 3. System akan menambahkan menu yang di drop ke dalam cart Post-condition : menu yang dipilih akan muncul pada cart
78
Tabel 3.8
Skenario Delete Menu from Cart
Use Case: Delete Menu from Cart Actor : Customer Description : Customer menghapus menu dari cart Pre-condition : terdapat minimal satu menu pada cart dan berada pada layar menu Event
Actor
System
1. Customer tap & hold menu yang ingin dihapus (ditandai dengan getar) dari daftar cart 2. Drag menu ke tanda delete yang akan muncul, setelah menu menyentuh tanda delete (ditandai dengan getar) drop gambar. 3. System akan menghapus menu yang di drop dari dalam cart Post-condition : menu akan dihapus dari dalam cart
79
Tabel 3.9
Skenario Login at Admin Panel
Use Case: Login at Admin Panel Actor : Manager Description : Manager login pada admin panel Pre-condition : dilakukan pada komputer Admin Event
Actor
System
1. Manager memasukkan username dan password miliknya 2. Manager menekan tombol login 3. System akan melakukan validasi username dan password yang di-input.
Post-condition : Manager berpidah ke layar home
80
Tabel 3.10
Skenario Logout at Admin Panel
Use Case: Logout at Admin Panel Actor : Manager Description : Manager ingin logout dari admin panel Pre-condition : Manager sudah login terlebih dahulu Event
Actor
System
1. Manager menekan tombol logout yang disediakan di pojok kanan atas Admin panel 2. System akan membuat konfirmasi apakah Manager akan melakukan logout 3. Manager memilih yes untuk logout Post-condition : Manager berhasil logout dari Admin panel
81
Tabel 3.11
Skenario View List Employee
Use Case: View List Employee Actor : Manager Description : Manager ingin mencari dan menyusun employee berdasarkan urutan tertentu Pre-condition : Manager pindah ke layar list employee Event
Actor
System
1. Manager mengisi keyword pencarian yang diinginkan 2. Manager menekan icon refresh yang disediakan 3. System akan mencari employee yang cocok dengan keyword lalu menampilkan hasil pencarian 4. Pada dropdown menu, Manager memilih detail yang dijadikan dasar list diurutkan 5. System akan mengurutkan list employee berdasarkan detail yang dipilih Post-condition : Manager mencari employee dan mengurutkan list employee berdasarkan urutan tertentu
82
Tabel 3.12
Skenario View List Menu
Use Case: View List Menu Actor : Manager Description : Manager ingin mencari atau menyusun menu berdasarkan urutan tertentu Pre-condition : Manager pindah ke layar list menu Event
Actor
System
1. Manager mengisi keyword pencarian yang diinginkan 2. Manager menekan icon refresh yang disediakan 3. System akan mencari menu yang cocok dengan keyword lalu menampilkan hasil pencarian 4. Pada dropdown menu, Manager memilih detail yang dijadikan dasar list diurutkan 5. System akan mengurutkan list menu berdasarkan detail yang dipilih Post-condition : Manager dapat mencari menu dan mengurutkan list menu berdasarkan urutan tertentu
83
Tabel 3.13
Skenario View List Order
Use Case: View List Order Actor : Manager, Waitress Description : Manager/Waitress ingin mencari atau menyusun order berdasarkan urutan tertentu Pre-condition : Manager/Waitress pindah ke layar list order Event Actor System 1. Manager/Waitress mengisi keyword pencarian yang diinginkan 2. Manager/Waitress menekan icon refresh yang disediakan 3. System akan mencari order dengan nama customer yang cocok dengan keyword lalu menampilkan hasil pencarian 4. Pada dropdown menu, Manager/Waitress memilih detail yang dijadikan dasar list diurutkan 5. System akan mengurutkan list promo berdasarkan detail yang dipilih Post-condition : Manager/Waitress dapat memeriksa pesanan yang ada pada restoran
84
Tabel 3.14
Skenario View List Promo
Use Case: View List Promo Actor : Manager Description : Manager ingin mencari atau menyusun promo berdasarkan urutan tertentu Pre-condition : Manager pindah ke layar list promo Event
Actor
System
1. Manager mengisi keyword pencarian yang diinginkan 2. Manager menekan icon refresh yang disediakan 3. System akan mencari promo yang cocok dengan keyword lalu menampilkan hasil pencarian 4. Pada dropdown menu, Manager memilih detail yang dijadikan dasar list diurutkan 5. System akan mengurutkan berdasarkan detail yang dipilih Post-condition : Manager dapat mencari promo dan mengurutkan list promo berdasarkan urutan tertentu
85
Tabel 3.15
Skenario View Service Request
Use Case: View Service Request Actor : Manager, Waitress Description : Manager/Waitress dapat melihat request dari customer Pre-condition : Manager/Waitress pindah ke layar list service Event
Actor
System
1. Pada dropdown menu, Manager/Waitress memilih detail yang dijadikan dasar list diurutkan 2. System akan mengurutkan list service request berdasarkan detail yang dipilih Post-condition : Manager/Waitress dapat melihat service request yang dikirim oleh customer
86
Tabel 3.16
Skenario Modify Employee
Use Case: Modify Employee Actor : Manager Description : Manager dapat memodifikasi data employee Pre-condition : Manager pindah ke layar list employee Event Actor System 1. Manager menekan icon add 2.System akan menampilkan form untuk mengisi data dari employee baru 3. Manager menekan tombol add 4.System akan menambahkan data employee baru 5. Manager menekan icon update 6.System akan mengambil data employee dan menampilkannya dalam form agar dapat diedit 7. Manager menekan tombol update 8.System akan mengubah data employee 9. Manager menekan icon delete 10.System akan melakukan konfirmasi penghapusan data Employee 11. Manager menekan tombol yes 12.System akan menghapus data employee Post-condition : Manager dapat memodifikasi data employee dari database
87
Tabel 3.17
Skenario Modify Menu
Use Case: Modify Menu Actor : Manager Description : Manager dapat memodifikasi data menu Pre-condition : Manager pindah ke layar list menu Event Actor System 1. Manager menekan icon add 2.System akan menampilkan form untuk mengisi data dari menu baru 3. Manager menekan tombol add 4.System akan menambahkan data menu baru 5. Manager menekan icon update 6.System akan mengambil data menu dan menampilkannya dalam form agar dapat diedit 7. Manager menekan tombol update 8.System akan mengubah data menu 9. Manager menekan tombol delete 10.System akan melakukan konfirmasi penghapusan data Menu 11. Manager menekan tombol yes 12.System akan menghapus data menu Post-condition : Manager dapat memodifikasi data menu dari database
88
Tabel 3.18
Skenario Modify Promo
Use Case: Modify Promo Actor : Manager Description : Manager dapat memodifikasi data promo Pre-condition : Manager pindah ke layar list promo Event Actor System 1. Manager menekan icon add 2.System akan menampilkan form untuk mengisi data dari promo baru 3. Manager menekan tombol add 4.System akan menambahkan data promo baru 5. Manager menekan icon update 6.System akan mengambil data promo dan menampilkannya dalam form agar dapat diedit 7. Manager menekan tombol update 8.System akan mengubah data promo 9. Manager menekan tombol delete 10.System akan melakukan konfirmasi penghapusan data Promo 11. Manager menekan tombol yes 12.System akan menghapus data promo Post-condition : Manager dapat memodifikasi data promo dari database
89
Tabel 3.19
Skenario View Order
Use Case: View Order Actor : Manager/Waitress Description : Manager/Waitress melihat detail pesanan atau membatalkan pesanan Pre-condition : Manager/Waitress membuka list order Event
Actor
System
1. Manager/Waitress menekan tombol view pada list order 2. Ditampilkan detail pesanan yang dilakukan, jika status pesanan ordered maka akan disediakan tombol cancel untuk membatalkan pesanan, jika status paid artinya transaksi sudah dibayar 3. Manager/Waitress melakukan pembatalan pesanan untuk kasus tertentu Post-condition : Manager/Waitress melihat detail pesanan dan dapat membatalkan pesanan
90
Tabel 3.20
Skenario Update Status Request
Use Case: Update Request Status Actor : Manager/Waitress Description : Manager/Waitress mengganti status dari request Pre-condition : Manager/Waitress sedang membuka list service Event
Actor
System
1. Manager/Waitress menekan tombol status pada request yang ingin di-update : - unread, belum dibaca - on progress, sedang ditangani - done, sudah selesai diproses 2. Status akan dirubah : - unread menjadi on progress - on progress menjadi done Post-condition : Manager/Waitress mengubah status dari request
91
3.4.2 Activity Diagram 3.4.2.1 Activity Diagram Start Order
92
Gambar 3.2
Activity Diagram Start Order
93
3.4.2.2 Activity Diagram View Menu Detail
Gambar 3.3
Activity Diagram View Menu Detail
94
3.4.2.3 Activity Diagram Modify Cart
95
Gambar 3.4
Activity Diagram Modify Cart
3.4.2.4 Activity Diagram Request Service
Gambar 3.5
Activity Diagram Request Service
96
3.4.2.5 Activity Diagram Search Menu
Gambar 3.6
Activity Diagram Search Menu
97
3.4.2.6 Activity Diagram Choose Category
Gambar 3.7
Activity Diagram Choose Category
98
3.4.2.7 Activity Diagram Add Menu to Cart
Gambar 3.8
Activity Diagram Add Menu to Cart
99
3.4.2.8 Activity Diagram Delete Menu from Cart
Gambar 3.9
Activity Diagram Delete Menu from Cart
100
3.4.2.9 Activity Diagram Login at Admin Panel
Gambar 3.10 Activity Diagram Login at Admin Panel
101
3.4.2.10 Activity Diagram Logout at Admin Panel
Gambar 3.11 Activity Diagram Logout at Admin Panel
102
3.4.2.11 Activity Diagram View List Employee
Gambar 3.12 Activity Diagram View List Employee
103
3.4.2.12 Activity Diagram View List Menu
Gambar 3.13 Activity Diagram View List Menu
104
3.4.2.13 Activity Diagram View List Order
Gambar 3.14 Activity Diagram View List Order
105
3.4.2.14 Activity Diagram View List Promo
Gambar 3.15 Activity Diagram View List Promo
106
3.4.2.15 Activity Diagram View Service Request
Gambar 3.16 Activity Diagram View Service Request
107
3.4.2.16 Activity Diagram Modify Employee
Gambar 3.17 Activity Diagram Modify Employee
108
3.4.2.17 Activity Diagram Modify Menu
109
Gambar 3.18 Activity Diagram Modify Menu
110
3.4.2.18 Activity Diagram Modify Promo
Modify promo
Click add icon
add
delete
Click delete icon
update
Click update icon
Confimation
Get data promo
no
Click no
Fill form
Click add button
Display data
yes
Edit data
Click yes
Click update button
Add promo
Update promo
Delete promo
Gambar 3.19 Activity Diagram Modify Promo
111
3.4.2.19 Activity Diagram View Order
Gambar 3.20 Activity Diagram View Order
112
3.4.2.20 Activity Diagram Update Request Status
Gambar 3.21 Activity Diagram Update Request Status
113
3.4.3 Class Diagram
Gambar 3.22 Class Diagram
114
3.4.4 Sequence Diagram 3.4.4.1 Sequence Diagram Start Order
<
> :StartWindow
Customer
<> :InitOrder
:Order
Login order(name,orderType) setOrder(name,orderType) orderID orderID orderID
Gambar 3.23 Sequence Diagram Start Order
115
3.4.4.2 Sequence Diagram View Menu Detail
Gambar 3.24 Sequence Diagram View Menu Detail
116
3.4.4.3 Sequence Diagram Modify Cart
<> :OrderWindow
Customer
<> :ModifyCart
:Cart
ModifyCart plusCart(cartID)
[alt] plusQty
plusCartQty(cartID) qty qty qty minCart(cartID)
[alt] minusQty
minCartQty(cartID) qty qty qty delete(cartID)
[alt] delete
deleteCart(cartID) cartID cartID cartID
Gambar 3.25 Sequence Diagram Modify Cart
117
3.4.4.4 Sequence Diagram Request Service
Customer
<> :ServiceWindow
<> :ModifyService
:Service
SendServiceRequest send() addRequest() serviceID serviceID serviceID
Gambar 3.26 Sequence Diagram Request Service
118
3.4.4.5 Sequence Diagram Search Menu
Customer
<> :MenuWindow
<> :ViewMenu
:Menu
Search by keyword search(keyword) searchBy(keyword) menuID menuID menuID
Gambar 3.27 Sequence Diagram Search Menu
119
3.4.4.6 Sequence Diagram Choose Category
Gambar 3.28 Sequence Diagram Choose Category
120
3.4.4.7 Sequence Diagram Add Menu to Cart
Gambar 3.29 Sequence Diagram Add Menu to Cart
121
3.4.4.8 Sequence Diagram Delete Menu from Cart
<> :MenuWindow
Customer
<> :ModifyCart
:Cart
tap & hold getCart(cartID) getCartID(cartID) cartID cartID drag & drop delete(cartID) deleteCart(cartID) cartID cartID cartID
Gambar 3.30 Sequence Diagram Delete Menu from Cart
122
3.4.4.9 Sequence Diagram Login at Admin Panel
Gambar 3.31 Sequence Diagram Login at Admin Panel
123
3.4.4.10 Sequence Diagram Logout at Admin Panel
Gambar 3.32 Sequence Diagram Logout at Admin Panel
124
3.4.4.11 Sequence Diagram View List Employee
Gambar 3.33 Sequence Diagram View List Employee
125
3.4.4.12 Sequence Diagram View List Menu
Gambar 3.34 Sequence Diagram View List Menu
126
3.4.4.13 Sequence Diagram View List Order
<> :ListOrderWindow Employee
<> :ViewOrder
:Order
ViewListOrder sortBy(value)
[alt] sort
sortOrder(value) orderID orderID orderID searchBy(keyword)
[alt] search
searchOrder(keyword) orderID orderID orderID
Gambar 3.35 Sequence Diagram View List Order
127
3.4.4.14 Sequence Diagram View List Promo
Gambar 3.36 Sequence Diagram View List Promo
128
3.4.4.15 Sequence Diagram View Service Request
Gambar 3.37 Sequence Diagram View Service Request
129
3.4.4.16 Sequence Diagram Modify Employee
Gambar 3.38 Sequence Diagram Modify Employee
130
3.4.4.17 Sequence Diagram Modify Menu
Gambar 3.39 Sequence Diagram Modify Menu
131
3.4.4.18 Sequence Diagram Modify Promo
Gambar 3.40 Sequence Diagram Modify Promo
132
3.4.4.19 Sequence Diagram View Order
Gambar 3.41 Sequence Diagram View Order
133
3.4.4.20 Sequence Diagram Update Request Status
<> :ListServiceWindow
<> :ModifyService
:Service
Employee ViewListService update() updateService() serviceID serviceID serviceID
Gambar 3.42 Sequence Diagram Update Request Status
134
3.4.5 ERD (Entity Relationship Diagram)
MSService serviceID
FK1
service message status OrderID
MSOrderHeader
MSEmployee PK
PK
employeeID employeeName employeePhoto position username password
PK
OrderID
FK1
employeeID orderType customerName tableID total bill
MSPromo PK
promoID
FK1
promoName promoImage promoDescription menuID
MSMenu MSOrderDetail PK,FK2
OrderID
FK1
menuID qty
PK
menuID menuPicture menuName menuPrice menuDescription category
Gambar 3.43 ERD (Entity Relationship Diagram)
135
3.5 Rancangan Layar 3.5.1 Rancangan Layar Client 3.5.1.1 Rancangan Layar Start Order
Gambar 3.44 Rancangan Layar Start Order Pada layar login, disediakan sebuah textbox untuk mengisi nama customer dan pilihan pemesanan yang ingin dilakukan, yaitu dine-in dan take-away. Dan juga tombol start order untuk masuk ke dalam menu.
136
3.5.1.2 Rancangan Layar Menu
Gambar 3.45 Rancangan Layar Menu Pada layar menu customer akan muncul virtual maid pada bagian sebelah kiri layar, menu akan muncul ditengah bagian layar dan dapat digeser. Pada bagian atas menu terdapat kotak untuk mengetikkan keyword pencarian dan tombol search untuk mengeksekusi pencarian, lalu tombol category untuk memilih category menu yang akan ditampilkan. Jika menu berhasil dimasukkan ke dalam cart, maka menu akan muncul pada bagian bawah menu. Terdapat simbol plus untuk menambahkan menu ke cart dan simbol delete untuk menghapus menu yang ada dalam cart. Pada tab group akan tampil
137
pilihan tab menu, promo, order, coffeebar, service yang pada setiap layar akan digunakan untuk bernavigasi ke layar lainnya. 3.5.1.3 Rancangan Layar Detail Menu
Gambar 3.46 Rancangan Layar Detail Menu Pada menu, akan muncul gambar menu, nama menu, harga menu dan tombol informasi menu, dengan menekan tombol informasi akan muncul pop-up berupa informasi yang lebih jelas dari sebuah menu. Terdapat tombol close untuk menutup popup dan kembali ke layar menu.
138
3.5.1.4 Rancangan Layar Promo
Gambar 3.47 Rancangan Layar Promo Pada layar promo akan ditampilkan promo – promo yang berlaku pada restoran, untuk navigasi promo digunakan scrollbar, yang dapat digeser oleh customer.
139
3.5.1.5 Rancangan Layar Order
Gambar 3.48 Rancangan Layar Order Layar order digunakan untuk customer memeriksa kembali menu-menu yang sudah dipesan, ditampilkan menu, harga, jumlah pesanan tiap menu, subtotal dari tiap menu. Disediakan tombol plus untuk menambahkan quantity menu dan minus untuk mengurangin quantity menu. Untuk tombol delete untuk menghapus menu. Tombol submit pada bagian bawah order list untuk mengirim pesanan ke dalam sistem.
140
3.5.1.6 Rancangan Layar About
Gambar 3.49 Rancangan Layar About Layar about akan berisi informasi dari restoran. Customer dapat melihat informasi lengkap mengenai restoran.
141
3.5.1.7 Rancangan Layar Service
Gambar 3.50 Rancangan Layar Service Pada layar service, disediakan dropdown menu berisi pilihan bantuan yang sering diminta oleh customer restoran. Untuk other, customer dapat menulis kebutuhan lalu menekan tombol send request untuk mengirim pesan ke system.
142
3.5.2 Rancangan Layar Admin 3.5.2.1 Rancangan Layar Login
Gambar 3.51 Rancangan Layar Login Layar login digunakan oleh admin untuk melakukan proses login. Terdapat dua buah textbox untuk mengisikan username dan password, dan sebuah tombol login untuk melakukan login.
143
3.5.2.2 Rancangan Layar Home
Gambar 3.52 Rancangan Layar Home Layar home akan memberikan informasi berupa fungsi dari masing – masing menu yang tersedia. Terdapat 5 buah menu pada menubar, yang selanjutkan akan digunakan untuk bernavigasi pada setiap layar. Terdapat juga informasi tentang admin yang sedang login, waktu dan tombol logout untuk melakukan logout pada kanan atas layar yang akan muncul pada setiap halaman.
144
3.5.2.3 Rancangan Layar List Employee
Gambar 3.53 Rancangan Layar List Employee Layar list employee akan menampilkan daftar employee. Terdapat dropdown menu untuk menentukan dasar pengurutan employee berdasarkan ID atau nama, kotak search untuk diisikan keyword pencarian dan tombol search untuk mencari employee berdasarkan keyword yang di-input. Juga terdapat tombol add untuk menambahkan data employee baru. Pada setiap employee pada list terdapat tombol update untuk mengubah data employee dan delete untuk menghapus data employee.
145
3.5.2.4 Rancangan Layar Add Employee
Gambar 3.54 Rancangan Layar Add Employee Pada layar add employee akan disediakan form untuk di-input data employee yang akan ditambahkan. Tersedia tombol add untuk menambahkan employee dan tombol cancel untuk kembali ke list employee.
146
3.5.2.5 Rancangan Layar Delete Employee
Gambar 3.55 Rancangan Layar Delete Employee Pada layar delete employee akan ditampilkan data-data dari employee yang akan dihapus. Tersedia tombol delete untuk mengkonfirmasi penghapusan data employee serta tombol cancel untuk kembali ke list employee.
147
3.5.2.6 Rancangan Layar Update Employee
Gambar 3.56 Rancangan Layar Update Employee Pada layar update akan ditampilkan data dari employee yang akan di-update dalam bentuk form yang dapat diubah nilainya. Tersedia tombol update untuk mengkonfirmasi perubahan data employee serta tombol cancel untuk kembali ke list employee.
148
3.5.2.7 Rancangan Layar List Menu
Gambar 3.57 Rancangan Layar List Menu Layar list menu akan menampilkan daftar menu. Terdapat dropdown menu untuk menentukan dasar pengurutan menu berdasarkan ID atau nama, kotak search untuk diisikan keyword pencarian dan tombol search untuk mencari menu berdasarkan keyword yang di-input. Juga terdapat tombol add untuk menambahkan data menu baru. Pada setiap menu pada list terdapat tombol update untuk mengubah data menu dan delete untuk menghapus data menu.
149
3.5.2.8 Rancangan Layar Add Menu
Gambar 3.58 Rancangan Layar Add Menu Pada layar add menu akan disediakan form untuk di-input data menu yang akan ditambahkan. Tersedia tombol add untuk menambahkan menu dan tombol cancel untuk kembali ke list menu.
150
3.5.2.9 Rancangan Layar Delete Menu
Gambar 3.59 Rancangan Layar Delete Menu Pada layar delete menu akan ditampilkan data-data dari menu yang akan dihapus. Tersedia tombol delete untuk mengkonfirmasi penghapusan data menu serta tombol cancel untuk kembali ke list menu.
151
3.5.2.10 Rancangan Layar Update Menu
Gambar 3.60 Rancangan Layar Update Menu Pada layar update akan ditampilkan data dari menu yang akan di-update dalam bentuk form yang dapat diubah nilainya. Tersedia tombol update untuk mengkonfirmasi perubahan data menu serta tombol cancel untuk kembali ke list menu.
152
3.5.2.11 Rancangan Layar List Order
Gambar 3.61 Rancangan Layar List Order Layar list order akan menampilkan daftar order. Terdapat dropdown menu untuk menentukan dasar pengurutan order berdasarkan ID atau nama, kotak search untuk diisikan keyword pencarian dan tombol search untuk mencari order berdasarkan keyword yang di-input. Juga terdapat tombol add untuk menambahkan data order baru. Pada setiap order pada list terdapat tombol view untuk melihat detail dari order.
153
3.5.2.12 Rancangan Layar Add Order
Gambar 3.62 Rancangan Layar Add Order Pada layar add order akan disediakan form untuk di-input data order yang akan ditambahkan. Tersedia tombol add untuk menambahkan order dan tombol cancel untuk kembali ke list order.
154
3.5.2.13 Rancangan Layar View Order
Gambar 3.63 Rancangan Layar View Order Pada layar view order akan ditampilkan detail transaksi dari order beserta dengan status dari order. Jika status ordered maka akan disediakan tombol cancel untuk membatalkan pesanan.
155
3.5.2.14 Rancangan Layar List Promo
Gambar 3.64 Rancangan Layar List Promo Layar list promo akan menampilkan daftar promo. Terdapat dropdown menu untuk menentukan dasar pengurutan promo berdasarkan ID atau nama, kotak search untuk diisikan keyword pencarian dan tombol search untuk mencari promo berdasarkan keyword yang di-input. Juga terdapat tombol add untuk menambahkan data promo baru. Pada setiap promo pada list terdapat tombol update untuk mengubah data promo dan delete untuk menghapus data promo.
156
3.5.2.15 Rancangan Layar Add Promo
Gambar 3.65 Rancangan Layar Add Promo Pada layar add promo akan disediakan form untuk di-input data promo yang akan ditambahkan. Tersedia tombol add untuk menambahkan promo dan tombol cancel untuk kembali ke list promo.
157
3.5.2.16 Rancangan Layar Delete Promo
Gambar 3.66 Rancangan Layar Delete Promo Pada layar delete promo akan ditampilkan data-data dari promo yang akan dihapus. Tersedia tombol delete untuk mengkonfirmasi penghapusan data promo serta tombol cancel untuk kembali ke list promo.
158
3.5.2.17 Rancangan Layar Update Promo
Gambar 3.67 Rancangan Layar Update Promo Pada layar update akan ditampilkan data dari promo yang akan di-update dalam bentuk form yang dapat diubah nilainya. Tersedia tombol update untuk mengkonfirmasi perubahan data promo serta tombol cancel untuk kembali ke list promo.
159
3.5.2.18 Rancangan Layar List Service
Gambar 3.68 Rancangan Layar List Service Layar list service akan menampilkan daftar request service dari customer. Terdapat dropdown menu untuk menentukan dasar pengurutan request berdasarkan ID atau status. Pada setiap request pada list terdapat status yang akan di klik ketika dibaca (unread->on progress) dan sudah selesai diproses(on progress->done).