BAB 3 ANALISIS DAN PERANCANGAN SISTEM

BAB 3 ANALISIS DAN PERANCANGAN SISTEM 3.1 Analisis Sistem Sejenis 3.1.1 Foodpanda Gambar 3.1 Foodpanda welcome screen Foodpanda adalah salah satu website yang menawarkan sebuah sistem delivery and order untuk makanan dan minuman pada restoran tertentu yang berpusat di singapura. Pada halaman awal user langsung diharapkan memilih area untuk menentukan tempat dia berada sehingga didapatkan restoran yang dilayani www.foodpanda.co.id pada tempat tersebut. Untuk melakukan pemesanan pada Foodpanda user harus sudah mendaftar terlebih dahulu dan juga apabila user ingin mendapat informasi yang up to date, maka user dapat melihat pada facebook dan twitterfood panda. 38

39 Gambar 3.2 Foodpanda restaurant list Terdapat fitur sorting pada halaman daftar restoran yang ada, sehingga user dapat mengurutkan nama restoran berdasarkan abjad ataupun berdasarkan kedekatan lokasi setiap restoran. Selain fitur di atas disediakan juga filteryang mempermudah user dalam memilih pesanan seperti filter by searchyang berfungsi untuk menyaring hasil berdasarkan kata kunci yang diberikan oleh user, filter by category yang berfungsi untuk menyaring hasil berdasarkan kategori yang dipilih oleh user, filter by price yang berfungsi untuk menyaring hasil berdasarkan rentang harga yang dipilih oleh user, serta filter by optional menusyang berfungsi untuk menyaring hasil berdasarkan pilihan menu oleh user. User juga dapat memberikan feedback melalui telepon dan email serta secara langsung dapat dilakukan melalui web yaitu dengan memasukkan nama restoran yang belum dapat delivery and order, namun user menginginkan dapat melakukan order pada restoran tersebut.

40 Foodpanda : Berikut ini adalah Flow Chart daripada sistem food ordering Gambar 3.3 Flowchart Foodpanda

41 Sistem pada foodpanda dimulai dengan dilakukannya IP Checkagar foodpanda mengetahui keberadaan user, sehingga user hanya dapat melihat menu yang tersedia, namun tidak dapat membeli jika restoran yang dipilih tidak melayani penjualan ke lokasi user. Sistem yang ada dibagi pada 2 kondisi yaitu user login dan user yang tidak login terlebih dahulu. Langkah untuk user yang melakukan login atau tidak: 1. User akan diminta untuk memasukkan area tempat dia berada pada sebuah menu yang muncul / pop-up menu. 2. Apabila area yang dimasukkan tersedia, maka akan ditampilkan restoran pada area tersebut. Tetapi jika user tidak memasukkan area maka user harus memilih melihat restoran yang dilayani oleh foodpanda pada waktu itu. 3. Jika user memasukkan area tertentu, maka user harus memilih salah satu restoran yang ingin dilihat menunya dan setelah memilih terjadi pengecekan terhadap restoran yang dipilih untuk mengetahui restoran tersebut masih melayani pemesanan atau tidak. Jika user tidak memasukkan area tertentu, maka user juga diharuskan memilih restoran yang ingin dilihat menunya namun daftar restoran yang sudah di filter berdasarkan waktu pelayanannya. 4. Kemudian user diminta untuk memasukkan makanan dan minuman yang ingin dipesan. 5. Jika user pada awalnya sudah memasukkan area, maka user akan masuk halaman order. Namun jika user belum memasukkan area, maka akan dilakukan pengecekan area yang dilayani oleh restoran tersebut

42 dan apabila restoran tersebut melayani delivery pada area user, maka pemesanan baru dapat dilakukan. Langkah lanjutan untuk user yang tidak login: 6. Setelah user setuju untuk memesan makanan atau minuman, maka user diharuskan mendaftarkan diri atau login terlebih dahulu agar alamat serta nomor telepon user dapat diketahui sehingga pengiriman pesanan dapat dilakukan. 7. Apabila user sudah mendaftar / login, user lalu menuju ke halaman payment, dimana user dapat memilih ingin membayar dengan metode yang diinginkan. Metode pembayaran yang tersedia tergantung dari restoran yang dipilih oleh user, namun biasanya terdiri dari transfer atau COD (Cash on Delivery). 8. Kemudian user diberikan sebuah konfirmasi form pesanan yang dibuat. Apabila user membatalkan, maka pesanan tidak jadi dibuat. Namun jika user sudah yakin terhadap pesanannya, maka pesanan akan dikirim. Langkah lanjutan untuk user yang sudah login: 6. Setelah itu user menuju ke halaman payment, dimana user dapat memilih ingin membayar dengan metode yang diinginkan. Metode pembayaran yang tersedia tergantung dari restoran yang dipilih oleh user, namun biasanya terdiri dari transfer atau COD (Cash on Delivery) 7. Kemudian user diberikan sebuah konfirmasi form pesanan yang dibuat. Apabila user membatalkan, maka pesanan tidak jadi dibuat. Namun jika user sudah yakin terhadap pesanannya, maka pesanan akan dikirim.

43 3.1.2 GrubHub Gambar 3.4 GrubHub home page GrubHub merupakan sebuah website yang menawarkan sebuah sistem yang membuat user dapat menentukan restoran mana yang mengirimkan makanan dan minuman kepadanya. Untuk melakukan pemesanan, user diharuskan untuk sudah mendaftar terlebih dahulu dan GrubHub juga menyediakan facebook dan twitter untuk dikunjungi agar mempermudah user jika ingin mendapatkan informasi yang selalu up to date. User yang ingin melakukan pemesanan dapat langsung memasukkan data yang diperlukan agar mendapatkan informasi tentang restoran terdekat di sekitar user. User dapat mencari lebih spesifik dengan bantuan filter berupa delivery, pickup, dan delivery and pickup untuk mencari restoran yangmenyediakan jasa antar atau hanya bisa diambil di tempat. Terdapat juga fitur search by city yang memudahkan user apabila ingin memesan dari tempat lain yang agak jauh dari tempat dia berada.

44 GrubHub memberikan user kebebasan untuk melihat pesanan terakhir, restoran favorit, memberikan masukan dan melihat masukan user lain, serta sebuah games yang dapat dimainkan user setelah user 3 kali memesan pada GrubHub. Gambar 3.5 GrubHub mobile Selain berbasiskan web, GrubHub juga menyediakan pemesanan makanan menggunakan mobile phone berbasis ios. Pada tampilan awal user harus memasukan alamat tempat tinggalnya dan juga terdapat daftar area yang dapat diantar melalui GrubHub. Applikasi ini menyediakan fitur searching by restaurant name yang digunakan untuk mendapatkan daftar restoran yang ada di sekitar user beserta jarak restoran tersebut dari tempat tinggal user dan searching by delivery service yang akan mencari restoran mana yang menyediakan jasa antar atau hanya dapat diambil oleh user.

45 Gambar 3.6 GrubHub create order dan search filter Tampilan di atas menggambarkan tampilan menu yang ada di daerah Machu Picchu dimana user dapat melakukan pemesanan minuman melalui tanda > yang terletak disebelah harga. Minuman tersebut akan masuk ke dalam cart user. User juga disediakan privacy berupa menu Refine yang diperuntukkan untuk melakukan penyaringan data yang ditampilkan pada hasil search yang dilakukan user. Selain itu terdapat dua pilihan kategori cara mendapatkan pesanan yaitu delivery yang merupakan makanan akan diantar oleh pihak restoran dan pickup yang merupakan pilihan untuk user yang akan mengambil sendiri ke restoran yang bersangkutan. Restoran yang tersedia dikelompokan berdasarkan dua kategori ini.

46 GrubHub : Berikut ini adalah Flow Chart daripada sistem food ordering Gambar 3.7 Flowchart GrubHub

47 Sistem pada GrubHub dimulai dengan 2 kondisi yaitu user login, dan user yang tidak login terlebih dahulu. Langkah untuk user yang melakukan login atau tidak: 1. Jika user memasukkan alamat, maka akan dicari restoran terdekat dengan alamat user. Namun jika user tidak memasukkan data, maka user hanya dapat melakukan pencarian restoran berdasarkan nama kota. 2. Kemudian user dapat memilih restoran yang menunya ingin dilihat baik berdasarkan alamat terdekat, berdasarkan kota yang dipilih, ataupun berdasarkan jenis makanan tertentu. 3. Jika user sudah memilih restoran, maka user diperbolehkan memberikan rating. Namun apabila user ingin memberikan rating user diharuskan untuk melakukan login terlebih dahulu. Tetapi jika user tidak ingin memberikan rating user dapat langsung melihat dan memilih daftar makanan dan minuman yang tersedia. 4. Kemudian user diperbolehkan untuk memilih makanan dan minuman yang diinginkan untuk dipesan. Jika restoran yang dilihat user tersebut dipilih berdasarkan alamat terdekat, maka user dapat memilih restoran lain apabila menu tidak sesuai yang diinginkan. Akan tetapi apabila restoran yang dilihat user tersebut dipilih berdasarkan kota tertentu, maka user tidak bisa langsung memilih restoran lain apabila menu tidak sesuai yang diinginkan.

48 5. Jika user sudah memilih makanan atau minuman yang ada pada suatu restoran,user boleh langsung memasukkan alamat kemana pesanan akan dikirimkan. Namun user juga boleh tidak memasukkan alamat kemana pesanan yang akan dikirimkan terlebih dahulu. 6. Jika setelah itu user yakin untuk memesan pada restoran tersebut, maka user akan diminta untuk mengisi alamat kemana pesanan akan dikirimkan. Namun jika user masih tidak yakin untuk memesan atau ingin menambah menu lain, maka user boleh memilih menu lain yang tersedia di restoran tersebut. Langkah lanjutan untuk user yang tidak login: 7. Jika button order dipilih, maka user diharuskan untuk melakukan register. 8. Setelah register dilakukan user akan diminta untuk memasukkan alamat user atau alamat kemana pesanan akan dikirimkan. 9. Kemudian user diharuskan untuk melakukan pemilihan jenis pembayaran yang akan dilakukan dan tip yang akan diberikan. 10. Setelah metode pembayaran sudah dipilih berarti pesanan akan segera dibuat dan dikirim kepada user. Langkah lanjutan untuk user yang sudah login: 1. Apabila button order dipilih user akan diminta untuk memasukkan alamat user atau alamat kemana pesanan akan dikirimkan. 2. Kemudian user diharuskan untuk melakukan pemilihan jenis pembayaran yang akan dilakukan dan tip yang akan diberikan. 3. Setelah metode pembayaran sudah dipilih berarti pesanan akan segera dibuat dan dikirim kepada user.

49 3.2 Permasalahan Penelitian yang dilakukan saat ini adalah penelitian tentang sebuah sistem pemesanan makanan melalui mobile device. Penelitian ini dilakukan karena sampai saat ini pengguna mobile device semakin meningkat akibat fleksibilitas yang ditawarkan oleh sebuah mobile device. Selain akibat fleksibilitas yang handal, perkembangan mobile device ini disertai juga dengan perkembangan internet yang semakin cepat dan mudah diakses melalui mobile device yang makin mempermudah aktivitas sehari hari. Melihat perkembangan tersebut akhirnya penelitian ini mulai difokuskan pada pembuatan sebuah aplikasi mobile yang akan membantu pengguna dalam memesan makanan, sehingga pemesanan tidak hanya dapat dilakukan melalui telepon yang akan menghabiskan dana, waktu, dan terjadinya kesalahan pemesanan akibat data yang kurang lengkap atau kurang jelas. Pembuatan aplikasi mobile ini harus memiliki fungsi dasar seperti : 1. Penampilan jenis makanan yang tersedia dan melayani penjualan makanan kepada user. 2. Selain itu aplikasi mobile ini harus berisi fitur utama yang sudah terdapat pada website lain ataupun restoran umum sehingga user tidak merasa bingung ketika menggunakan aplikasi ini. Untuk perangkat mobile yang digunakan adalah perangkat mobile yang digunakan adalah berbasis ios, dikarenakan ios adalah salah satu sistem operasi yang mudah digunakan karena tampilannya yang menarik sehingga membuat user yang menggunakan mobile device yang berbasis ios tersebut nyaman.

50 3.3 Kuesioner Analisiss User Kuisioner ini disebarkan secara online dengan menggunakan https://docs.google.com/spreadsheet/viewform?formkey=dfvtsklt WV9HVVpIRVp5TzRzbWVETEE6MQ, jadi responden hanya perlu mengisi kuisioner melalui media internet.terdapat 57 orang responden yang telah mengisi kuisioner tersebut. Berikut adalah hasil kuisioner: 1. Jumlah responden yang pernah memesan makanan Gambar 3.8 Diagram banyaknya orang yang pernah memesan makanan Tabel 3..1 Jumlah reponden yang pernah memesan makanan Pilihan Jawaban Responden Persentase Ya 53 responden 93% TIdak 4 responden 7%

51 2. Sumber informasi menu makanan yang pernah didapatkan oleh responden Gambar 3.9 Diagram sumber informasi menu makanan yang pernah didapatkan Tabel 3.2 Sumber informasi menu makanan yang pernah didapatkan Pilihan Jawaban* Responden Persentase Keluarga/Teman/Kerabat 24 responden 45% Brosur 45 responden 85% Rumah makan yang bersangkutan 31 responden 58% Lainnya 9 responden 17% *Responden dapat memilih lebih dari satu pilihan, jumlah persentase dapat melebihi 100%

52 3. Media yang digunakan responden untuk delivery makanan Gambar 3.10 Diagram media yang digunakan untuk delivery makanan Tabel 3.3 Media yang digunakan untuk delivery makanan Pilihan Jawaban* Responden Persentase Telepon 48 reponden 91% Web 11 responden 21% Aplikasi Mobile 1 responden 2% Lainnya 3 responden 6% *Responden dapat memilih lebih dari satu pilihan, jumlah persentase dapat melebihi 100%

53 4. Jumlah waktu ideal pesanan sampai di tempat menurut responden Gambar 3.11 Diagram waktu ideal pesanan sampai di tempat Tabel 3.4 Waktu ideal pesanan sampai di tempat Pilihan Jawaban Responden Persentase <15 menit 13 responden 23% 15 30 menit 36 responden 63% >30 menit 4 responden 7%

54 5. Jumlah responden yang khawatir apabila menunggu pesanan yang lama Gambar 3.12 Diagram jumlah responden yang khawatir bila menunggu lama Tabel 3.5 Jumlah responden yang khawatir apabila menunggu pesanan yang lama Pilihan Jawaban Responden Persentase Ya 45 responden 79% Tidak 8 responden 14%

55 6. Jumlah responden yang pernah menggunakan GPS Gambar 3.13 Diagram jumlah responden yang pernah menggunakan GPS Tabel 3.6 Jumlah responden yang pernah menggunakan GPS Pilihan Jawaban Responden Persentase Ya 29 responden 51% Tidak 16 responden 28%

56 7. Jumlah responden yang merasa tidak begitu khawatir, seandainya bisa menggunakan GPS untuk mengetahui lokasi kurir. Gambar 3.14 Diagram jumlah responden tidak begitu khawatir Tabel 3.7 Jumlah responden yang merasa tidak begitu khawatir, seandainya bisa menggunakan GPS untuk mengetahui lokasi kurir Pilihan Jawaban Responden Persentase Ya 27 responden 47% Tidak 2 responden 4%

57 8. Jumlah responden yang akan menggunakan jika ada aplikasi pemesanan makanan melalui mobile Gambar 3.15 Diagram jumlah responden yang akan menggunakan aplikasi Tabel 3.8 Jumlah responden yang akan menggunakan jika ada aplikasi pemesanan makanan melalui mobile Pilihan Jawaban Responden Persentase Ya 44 responden 77% Tidak 13 responden 23%

58 9. Jumlah responden yang menggunakan aplikasi pemesanan makanan dan akan menganjurkan ke kerabat. Gambar 3.16 Diagram jumlah responden yang akan menganjurkan ke kerabat Tabel 3.9 Jumlah responden yang menggunakan aplikasi pemesanan makanan dan akan menganjurkan ke kerabat Pilihan Jawaban Responden Persentase Ya 43 responden 75% Tidak 1 responden 2%

59 10. Kekurangan pemesanan makanan mobile menurut responden Tabel 3.10 Kekurangan pemesanan makanan mobile menurut responden Pilihan Jawaban* Responden Persentase Keamanan Kurang 1 responden 8% Tidak Praktis 7 responden 54% Belum Terbiasa 8 responden 62% Other / Lainnya 2 responden 15% *Responden dapat memilih lebih dari satu pilihan, jumlah persentase dapat melebihi 100% Gambar 3.17 Diagram kekurangan pemesanan makanan mobile

60 11. Jenis smartphone yang dimiliki oleh responden Gambar 3.18 Diagram jenis smartphone yang dimiliki oleh responden Tabel 3.11 Jenis smartphone yang dimiliki oleh responden Pilihan Jawaban* Responden Persentase Android 26 responden 46% ios 13 responden 23% Windows Phone 3 responden 5% Lainnya 31 responden 54% *Responden dapat memilih lebih dari satu pilihan, jumlah persentase dapat melebihi 100%

61 12. Pendapat responden tentang aplikasi mobile seperti apa yang menarik Gambar 3.19 Diagram pendapat responden tentang aplikasi menarik Tabel 3.12 Jumlah pendapat responden tentang aplikasi mobile seperti apa yang menarik Pilihan Jawaban* Responden Persentase Harga Terjangkau 18 responden 32% Gratis 43 responden 75% Memiliki Banyak Fitur 32 responden 56% Desain Antarmuka Menarik 34 responden 60% Sesuai dengan Kebutuhan 37 responden 65% Other / Lainnya 3 responden 5% *Responden dapat memilih lebih dari satu pilihan, jumlah persentase dapat melebihi 100%

62 3.4 Usulan Pemecahan Masalah Dari pembahasan masalah diatas, maka diusulkan pemecahan masalah berupa: Pembuatan sebuah aplikasi mobile berbasis ios Pembuatan aplikasi ini menggunakan developer tools XCode. Fitur yang ada pada aplikasi ini berupa: a. Halaman login dan register pada aplikasi, b. Melihat menu makanan berdasarkan categorynya, c. Melihat menu minuman, d. Melihat promo yang tersedia, e. Melihat cart, makanan atau minuman favorit, history pesanan, tracking pesanan, f. Melihat detail makanan atau minuman, g. Memberikan like atau rating, h. Melihat contact us. Pembuatan sebuah web admin control panel menggunakan php yang memiliki fitur: a. Admin dapat melakukan update pada stock makanan, b. Admin dapat memberikan rekomendasi menu kepada user, c. Admin dapat melihat daftar user yang sudah terdaftar serta mendaftarkan customer dan courier.

63 3.5 PerancanganSistem Arsitektur dari sistem yang akan dibangun akan digambarkan dengan menggunakan Unified Modeling Language (UML). 3.5.1 Use Case Diagram Gambar 3.20 Use case diagram

64 Use Case Description 1. Use Case: View Item Goals: Customer dapat melihat list makanan yang dapat dipesan. Steps: 1) Customer memilih menu New Order. 2) Customer memilih Category yang diinginkan. 3) Customer melihat list makanan yang dapat di order. 2. Use Case: View Promo Goals: Customer dapat melihat menu yang sedang promo. Steps: 1) Customer memilih View Promo. 2) Customer dapat melihat promo yang sedang berlangsung. 3. Use Case: Add to Cart Goals: Customer dapat menambahkan barang ke Cart. Steps: Melalui View Item : 1) Customer memilih menu New Order. 2) Customer memilih Add. Melalui View Promo : 3) Customer memilih menu Promo. 4) Customer memilih Add. Melalui Manage Favorite : 5) Customer memilih menu Favorite. 6) Customer memilih Add. 4. Use Case: Remove from Cart

65 Goals: Customer dapat membatalkan pesanan yang dipilih selama berada Cart. Precondition: Sudah ada pesanan yang di Add. Steps: 1) Customer memilih Cart. 2) Customer memilih Remove. 5. Use Case: Do Order Confirmation Goals: Customer melakukan finalisasi pada list makanan yang akan dipesan. Preconditon: Harus terdapat barang dalam Cart. Steps: 1) Customer telah membuka menu cart. 2) Customer memilih Confirm Order. 6. Use Case: Give Like Goals: Customer menambah jumlah like. Precondiitons: Customer harus melakukan confirm pesanan. Steps: 1) Customer memilih Like. 2) Customer memilih Done untuk melakukan submit. 7. Use Case: Manage Favorites Goals: Customer dapat membuat list pesanan sesuai selera. Steps: Menambah daftar favorite: 1) Customer memilih menu New Order. 2) Customer memilih Food Detail.

66 3) Customer memilih add to Favorites. Menghapus daftar favorite: 4) Customer memilih menu Favorite View. 5) Customer memilih remove. 8. Use Case: View Recent Order Goals: Customer dapat melihat 5 pesanan terakhir. Steps: 1) Customer memilih Recent Order. 2) Customer dapat melihat pesanan yang terakhir dan history pesanan. 9. Use Case: Track Order Goals: Customer dapat memeriksa lokasi pesanan. Steps: 1) Customer memilih Recent Order. 2) Customer memilih Tracking pada pesanan. 10. Use Case: Register Goals: User menjadi member/customer. Precondition: Username belum terdaftar sebelumnya. Steps: 1) User memilih Create a New ID. 2) User memasukan form yang diperlukan. 3) User memilih Sign Up. 11. Use Case: Login Goals: User dapat menggunakan aplikasi. Steps: Precondition: User sudah melakukan register.

67 1) User memasukan username dan password. 2) User memilih Login. 12. Use Case: Logout Goals: User keluar dari sesi penggunaan aplikasi. Precondition: User sudah login. Steps: 1) User memilih Logout. 13. Use Case: View Order Goals: Courier dapat merubah status pesanan customer. Steps: 1) Courier memilih View Order. 2) Customer dapat melihat order yang tersedia. 14. Use Case: Track Customer Goals: Courier dapat menentukan lokasi customer. Precondition: Courier berada pada menu View Order. Steps: 1) Courier memilih View Order. 2) Courier memilih Track 15. Use Case: Manage Account Goals: Admin dapat melakukan insert/update/delete pada account. Precondition: Admin sudah login. Steps: Insert member: 1) Admin memilih Manage Account. 2) Admin memilih Insert New Member.

68 3) Admin memasukan form yang diperlukan. 4) Admin memilih Register. Update member: 1) Admin memilih Manage Account. 2) Admin memilih Update 3) Admin mengubah form yang ingin diubah. 4) Admin memilih Update. Delete member: 1) Admin memilih Manage Account. 2) Admin memilih Delete pada account. 16. Use Case: Manage Promo Goals: Admin dapat melakukan update stock promo. Precondition: Admin sudah login. Steps: 1) Admin memilih Manage Promo. 2) Admin memilih Update. 3) Admin mengganti Stock. 4) Admin memilih Update. 17. Use Case: Manage Item Goals: Admin melakukan update stock atau recommended pada item. Precondition: Admin sudah login. Steps: 1) Admin memilih Manage Item. 2) Admin memilih Update. 3) Admin mengganti Stock/Recommended.

69 4) Admin memilih Update. 18. Use Case: Manage Transaction Goals: Admin dapat melihat detail transaksi, melakukan assign courier dan mengubah status transaksi. Precondition: Admin sudah login. Steps: Mengubah status dan assign courier: 1) Admin memilih Manage Transaction. 2) Admin memilih Assign Courier. 3) Admin mengubah Courier/Status. 4) Admin memilih Update. Melihat detail transaksi: 1) Admin memilih Manage Transaction. 2) Admin memilih Detail. 19. Use Case: Search Goals: Adminmencaridenganmenggunakan kata kunci. Precondition: Admin sudahlogin. Steps: 1) Admin memilih Manage Item/Account/Promo/Transaction. 2) Admin memasukan kata kunci. 3) Admin memilih Submit.

70 3.5.2 Class Diagram Gambar 3.21 Class Diagram

71 3.5.3 Sequence Diagram 3.5.3.1 Sequence Diagram View Item Gambar 3.22 Sequence Diagram View Item 3.5.3.2 Sequence Diagram View Promo Gambar 3.23 Sequence Diagram View Promo

72 3.5.3.3 Sequence Diagram Add to Cart Gambar 3.24 Sequence Diagram Add to Cart 3.5.3.4 Sequence Diagram Remove From Cart Gambar 3.25 Sequence Remove From Cart

73 3.5.3.5 Sequence Diagram Do Order Confirmation Gambar 3.26 Sequence Diagram Do Order Confirmation 3.5.3.6 Sequence Diagram Give Like Gambar 3.27 Sequence Diagram Give Like

74 3.5.3.7 Sequence Diagram Manage Favorite Gambar 3.28 Sequence Diagram Manage Favorite 3.5.3.8 Sequence Diagram View Recent Order Gambar 3.29 Sequence Diagram View Recent Order

75 3.5.3.9 Sequence Diagram Track Order Gambar 3.30 Sequence Track Order 3.4.3.10 Sequence Diagram Register Gambar 3.31 Sequence Diagram Register

76 3.4.3.11 Sequence Diagram Login Gambar 3.32 Sequence Diagram Login 3.4.3.12 Sequence Diagram Logout Gambar 3.33 Sequence Diagram Logout

77 3.5.3.13 Sequence Diagram View Order Gambar 3.34 Sequence Diagram View Order 3.5.3.14 Sequence Diagram Track Customer Gambar 3.35 Sequence Diagram Track Customer

78 3.5.3.15 Sequence Diagram Manage Account Gambar 3.36 Sequence Diagram Manage Account

79 3.5.3.16 Sequence Diagram Manage Promo Gambar 3.37 Sequence Diagram Manage Promo

80 3.5.3.17 Sequence Diagram Manage Item Gambar 3.38 Sequence Diagram Manage Item

81 3.5.3.18 Sequence Diagram Manage Transaction Gambar 3.39 Sequence Diagram Manage Transaction

82 3.4.3.19 Sequence Diagram Search (Account) Gambar 3.40 Sequence Diagram Search (Account) 3.4.3.20 Sequence Diagram Search (Promo) Gambar 3.41 Sequence Diagram Search (Promo)

83 3.4.3.21 Sequence Diagram Search (Item) Gambar 3.42 Sequence Diagram Search (Item) 3.4.3.22 Sequence Diagram Search (Transaction) Gambar 3.43 Sequence Diagram Search (Transaction)

84 3.5.4 Entity Relationship Diagram 1. Menentukan hal yang perlu disimpan yaitu Transaction, Item, Promo, serta data Account. 2. Tiap Transaction dapat terdiri beberapa item atau promo sehingga dierlukan DetailPromoTrans dan DetailItemTrans dengan HeaderTransaction. Menentukan primary key dan foreign key untuk ketiga tabel tersebut. 3. Tiap item dibagi menjadi beberapa category sehingga diperlukan tabel category. Menentukan primary key dan foregin key untuk relationship antara Item dan Category. 4. Promo dapat merupakan item yang mendapat diskon sehingga diperlukan tabel DetailPromo. Menentukan Primary Key dan Foreign Key untuk tabel DetailPromo, Promo dan Item. 5. Account dapat dibedakan menjadi 3 yaitu Member, Courier, dan Admin seingga diperlukan tabel untuk menyimpannya. Menentukan primary key dan foreign key untuk tabel tersebut. 6. Setiap Member dapat melakukan transaksi serta Courier dapat melihat transaksi yang perlu diantar sehingga perlu dibuat relationship antara HeaderTransaction dengan Member dan Courier. Menentukan primary key dan foreign key untuk tabel tersebut. 7. User dapat melakukan like pada Item namun hanya sekali sehingga diperlukan table untuk menyimpan data tersebut dengan menggunakan table LikeCount. Menentukan primary key dan foreign key untuk tabel tersebut.

Gambar 3.44 Entity Relationship Diagram 85

86 3.5.5 Rancangan Layar 3.5.5.1 Rancangan Layar Customer Style Guide Project: Treat Customer Date: 27 Januari 2013 Color Scheme: Abu-abu(#D2D2D2, #DCDCDC), biru(#5e9ae0), merah(#ff0000) Text Attributes: System Font Size (14pt, 10pt) Still Images: addbutton.png, ButtonBack.png, ButtonCancel.png, ButtonContactUs.png, ButtonEmail.png, ButtonFavorites.png, ButtonLike.png, ButtonMinus.png, ButtonNewOrder.png, ButtonSpecialOffer.png, ButtonTelephone.png, SignIn.png, SignUp.png, Treat.png, TreatHResoluiton.png, Minuman.png, Promo_1.png, Promo_2.png, Promo_3.png, Sapi.png, Seafood.png Audio: - Video: - Animation: -

87 Multimedia Storyboard Screen: 1of 14 Screen ID: TC-01 Screen Description: Ini adalah bagian layar login, terdapat berbagai bagian seperti gambar promo, username, dan password. Pada gambar promo diperlihatkan promo yang sedang berlangsung. Bagian username dan password digunakan untuk login / sign-in ketika ingin masuk ke halaman utama, jika customer belum memiliki account, maka customer diwajibkan untuk sign-up terlebih dahulu. Link From Screen ID: - Link to Screen ID: TC-02, TC-03

88 Multimedia Storyboard Screen: 2of 14 Screen ID: TC-02 Screen Description: Pada halaman ini terdapat banyak pilihan yang dapat customer jalankan seperti new order, promo, favorites, recent order, contact us, serta help. Di halaman ini juga terdapat tombol sign-out ketika customer selesai menggunakan aplikasi. Link From Screen ID: TC-01 Link to Screen ID: TC-04, TC-08, TC- 09, TC-10, TC-11

89 Multimedia Storyboard Screen: 3of 14 Screen ID: TC-03 Screen Description: Ini adalah tampilan layar register atau sign-up. Terdapat tombol back untuk kembali ke main menu. Link From Screen ID: TC-01 Link to Screen ID: -

90 Multimedia Storyboard Screen: 4of 14 Screen ID: TC-04 Screen Description: Ini adalah tampilan ketika customer memilih category. Pada halaman ini customer dapat memilih category makanan. Terdapat gambar sesuai dengan category. Link From Screen ID: TC-02 Link to Screen ID: TC-02, TC-05

91 Multimedia Storyboard Screen: 5of 14 Screen ID: TC-05 Screen Description: Tampilan layar item list. Terdapat tombol untuk menambahkan item ke cart ataupun tombol untuk melihat detail item. Customer dapat melihat detail makanan serta melihat isi cart melalui page ini. Terdapat tombol back untuk kembali ke halaman sebelumnya. Jika tidak terdapat stock maka tombol akan menghilang. Terdapat tulisan recommended bila item tersebut disarankan. Link From Screen ID: TC-04 Link to Screen ID: TC-04, TC-05, TC- 06, TC-07

92 Multimedia Storyboard Screen: 6 of 14 Screen ID: TC-06 Screen Description: Tampilan layar ketika customer memilih salah satu icon dari menu yag ada. Pada halaman ini terdapat gambar yang lebih besar, deskripsi yang lebih lengkap dari suatu item, seperti jumlah like dan deskripsi. Pada menu ini member dapat menambahkan item ke cart serta atau ke favorite. Terdapat tombol back untuk kembali ke halaman sebelumnya. Link From Screen ID: TC-05 Link to Screen ID: TC-05

93 Multimedia Storyboard Screen: 7of 14 Screen ID: TC-07 Screen Description: Tampilan layar cart. Pada halaman ini berisi item yang ingin dipesan oleh customer, di sini customer juga dapat menambah, mengurang, dan membatalkan pesanan yang sudah dibuat. Terdapat tombol back untuk kembali ke halaman sebelumnya. Link From Screen ID:TC-05, TC-08 Link to Screen ID: TC-05, TC-08

94 Multimedia Storyboard Screen: 8of 14 Screen ID: TC-08 Screen Description: Tampilan menu favorite. Pada halaman ini berisi berbagai macam menu yang dipilih customer sebagai menu favorit, ada tombol + yang digunakan untuk menambahkan menu tersebut ke halaman cart. Terdapat tombol back untuk kembali ke halaman sebelumnya. Serta tombol check-out untuk ke halaman cart. Link From Screen ID: TC-02 Link to Screen ID: TC-02, TC-07

95 Multimedia Storyboard Screen: 9of 14 Screen ID: TC-09 Screen Description: Tampilan layar promo. Pada halaman ini terdapat gambar dari promo serta tombol untuk menambahkan promo ke cart. Terdapat pula tombol untuk melihat promo lainnya. Link From Screen ID: TC-02 Link to Screen ID: TC-02, TC-07, TC- 09

96 Multimedia Storyboard Screen: 10of 14 Screen ID: TC-10 Screen Description: Tampilan layar contact us. Pada halaman ini terdapat logo, deskripsi perusahaan serta button yang digunakan untuk melakuan panggilan/sms. Link From Screen ID: TC-02 Link to Screen ID: TC-02

97 Multimedia Storyboard Screen: 11 of 14 Screen ID: TC-11 Screen Description: Tampilan layar recent order. Pada halaman ini berisi item yang sedang dipesan oleh customer dan yang sebelumnya di pesan juga. Di sini customer dapat juga melakukan tracking serta melihat status pesanan yang sudah dilakukan oleh customer. Ada juga tombol back yang digunakan untuk balik kehalaman sebelumnya. Terdapat 3 status yaitu in the process (keadaan dimana pesanan belum diantar oleh courier), on the way (keadaan dimana pesanan sedang diantar), dan delivered (keadaan dimana pesanan sudah berada di tangan customer). Link From Screen ID: TC-02 Link to Screen ID: TC-02, TC-12

98 Multimedia Storyboard Screen: 12 of 14 Screen ID: TC-12 Screen Description: Tampilan layar Track. Terdapat peta disekitar lokasi customer berada serta lokasi pesanan. Link From Screen ID: TC-11 Link to Screen ID: TC-11, TC-12

99 Multimedia Storyboard Screen: 13 of 14 Screen ID: TC-13 Screen Description: Tampilan layar like. Layar ini muncul setelah customer melakukan confirm order. Customer dapat meninggalkan layar ini tanpa melakukan like dengan memilih tombol done. Link From Screen ID: TC-07 Link to Screen ID: TC-02

100 Multimedia Storyboard Screen: 14of 14 Screen ID: TC-14 Screen Description: Tampilan layar help. Digunakan untuk customer yang belum mengetahui bagaimana menggunakan aplikasi. Link From Screen ID: TC-02 Link to Screen ID: TC-02

101 3.5.5.2 Rancangan Layar Courier Style Guide Project: Treat Courier Date: 27 January 2013 Color Scheme: Abu-abu(#D2D2D2) Text Attributes: System Font Size (14pt, 10pt) Still Images: Still Images: ButtonBack.png, ButtonCancel.png, ButtonContactUs.png, ButtonEmail.png, ButtonOrder.png. ButtonTelephone.png, SignIn.png, Treat.png, TreatHResoluiton.png, Audio: - Video: - Animation: -

102 Multimedia Storyboard Screen: 1 of 4 Screen ID: TK-01 Screen Description: Tampilan layar login untuk courier. Link From Screen ID: - Link to Screen ID: TK-02

103 Multimedia Storyboard Screen: 2 of 4 Screen ID: TK-02 Screen Description: Tampilan layar recent order. Pada layar ini merupakan daftar pesanan yang harus dikirim. Pesanan dapat dipilih untuk kemudian menuju pada detail order. Tombol track digunakan untuk mengetahui lokasi customer berdasarkan koordinatnya dan kemudian membawa courier ke layar peta GPS. Terdapat tombol back untuk kembali ke main menu. Link From Screen ID: TK-01 Link to Screen ID: TK-01, TK-04

104 Multimedia Storyboard Screen: 3 of 4 Screen ID: TK-03 Screen Description: Tampilan layar Track. Terdapat peta disekitar lokasi courier berada serta lokasi customer. Link From Screen ID: TK-02 Link to Screen ID: TK-02

105 Multimedia Storyboard Screen: 4 of 4 Screen ID: TK-04 Screen Description: Tampilan layar detail order. Berisi daftar makanan yang dipesan oleh customer. Tombol back digunakan untuk kembali ke daftar pesanan. Link From Screen ID: TK-02 Link to Screen ID: TK-02

106 3.5.5.3 Rancangan Layar Admin Style Guide Project: Treat Admin Date: 21 Maret 2013 Color Scheme: Merah(#880000, #CC0000), Abu-abu (#D2D2D2, #333333) Text Attributes: Arial (14pt) Still Images: - Audio: - Video: - Animation: -

107 Multimedia Storyboard Screen: 1 of 12 Screen ID: TA-01 Treat Control Panel Username Password Login Today is Sunday, 27 January 201305:31:04 AM Screen Description: Tampilan layar web pada saat admin belum melakukan login dan juga merupakan tampilan setelah admin logout. Pada bagian bawah web terdapat informasi tanggal pada saat web diakses. Link From Screen ID: - Link to Screen ID: TA-02

108 Multimedia Storyboard Screen: 2 of 12 Screen ID: TA-02 Manage Account Manage Item Manage Promo Manage Transaction WELCOME Logout Today is Sunday, 27 January 2013 05:31:04 AM Screen Description: Tampilan halaman utama web setelah admin login. Link From Screen ID: TA-01 Link to Screen ID: TA-01, TA-03, TA- 06,TA-08,TA-010

109 Multimedia Storyboard Screen: 3 of 12 Screen ID: TA-03 Manage Account Search Manage Item Type --Choose One-- Submit V Manage Promo Manage Transaction Logout Insert New Member Today is Sunday, 27 January 201305:31:04 AM Screen Description: Tampilan yang muncul bila admin menekan tombol manage account. Terdapat search bar diatas dan type yang merupakan pilihan antara courier dan number. Terdapat tabel yang menunjukan informasi user dan tombol yang digunakan untuk melakukan insert, update dan delete member. Pada bagian bawah tabel terdapat link untuk paging. Link From Screen ID: TA-02,TA-03, TA-06, TA-08, TA-010 Link to Screen ID:TA-01, TA-03, TA- 04, TA-05, TA-06, TA-08, TA-010

110 Multimedia Storyboard Screen: 4 of 12 Manage Account Manage Item Screen ID: TA-04 Update Account Data Account ID M0001 Username asdasdas Manage Promo Manage Transaction Logout Email FullName Address Phone Role user@yahoo.com user Binus 7456345 Member V Update Default Today is Sunday, 27 January 201305:31:04 AM Screen Description: Tampilan bila admin memilih update pada layar TA-03. Menampilkan informasi user yang bersangkutan yang dapat diubah bila admi nmenekan updat atau kembali sebelum finalisasi bila admin menekan default. Terdapat 3 pilihan role yaitu admin, member dan courier. Link From Screen ID: TA-03 Link to Screen ID: TA-01, TA-03, TA- 06, TA-08, TA-010

111 Multimedia Storyboard Screen: 5 of 12 Manage Account Manage Item Manage Promo Manage Transaction Logout Screen ID: TA-05 Insert New Account Username Password Email FullName Address Phone Status Member Courier Register Today is Sunday, 27 January 201305:31:04 AM Screen Description: tampilan bila admin memilih insert new member pada layar TA- 03. Menampilkan field yang perlu diisi serta role yang perlu dipilih untuk membuat sebuah account. Setelah selseai maka perlu menkan tombol register. Link From Screen ID: TA-03 Link to Screen ID: TA-01, TA-03, TA- 06, TA-08, TA-010

112 Multimedia Storyboard Screen: 6 of 12 Screen ID: TA-06 Manage Account Search Manage Item Type --Choose One-- Submit V Manage Promo Manage Transaction Logout Today is Sunday, 27 January 201305:31:04 AM Screen Description: Tampilan yang muncul bila admin menekan tombol manage item. Terdapat search bar diatas dan type yang merupakan pilihan berupa category makanan seperti chicken, beef, seafood dan sebagainya. Terdapat tabel yang menunjukan informasi makanan dan tombol yang digunakan untuk melakukan update. Pada bagian bawah table terdapat link untuk paging. Link From Screen ID: TA-02, TA-03, TA-06, TA-08, TA-010 Link to Screen ID: TA-01, TA-03, TA- 06, TA-07, TA-08, TA-010

113 Multimedia Storyboard Screen: 7 of 12 a Manage Account Manage Item Manage Promo Screen ID: TA-07 Update Item Data Item ID Name Stock Recommend I001 Chicken Barbeque Available V Yes V Update Default Manage Transaction Logout Today is Sunday, 27 January 201305:31:04 AM Screen Description: Tampilan bila admin memilih update pada layar TA-06. Terdapat field yang dapat dirubah yaitu stock (available/empty) serta recommend (yes/no). Tombol update digunakanan untuk melakukan finalisasi pilihan yang dipilih oleh admin dan default untuk mengembalikan perubahan sebelum difinalisasi. Link From Screen ID: TA-06 Link to Screen ID: TA-01, TA-03, TA- 06, TA-08, TA-010

114 Multimedia Storyboard Screen: 8 of 12 Screen ID: TA-08 Manage Account Search Manage Item Type --Choose One-- Submit V Manage Promo Manage Transaction Logout Today is Sunday, 27 January 201305:31:04 AM Screen Description: Tampilan yang muncul bila admin menekan tombol manage promo. Terdapat search bar diatas dan type yang merupakan pilihan berupa jenis makanan apa yang sedang promo seperti chicken, beef, seafood dan sebagainya. Terdapat tabel yang menunjukan informasi promo dan tombol yang digunakan untuk melakukan update. Pada bagian bawah tabel terdapat link untuk paging. Link From Screen ID: TA-02, TA-03, TA-06, TA-08, TA-010 Link to Screen ID: TA-01, TA-03, TA- 06, TA-08, TA-09, TA-010

115 Multimedia Storyboard Screen: 9 of 12 a Manage Account Manage Item Manage Promo Screen ID: TA-09 Update Promo Data Item ID Name Stock I001 Combo 1 Available Update Default V Manage Transaction Logout Today is Sunday, 27 January 201305:31:04 AM Screen Description: Tampilan bila admin memilih update pada layar TA-08. Terdapat field yang dapat dirubah yaitu stock (available/empty).tombol update digunakanan untuk melakukan finalisasi pilihan yang dipilih oleh admin dan default untuk mengembalikan perubahan sebelum difinalisasi. Link From Screen ID: TA-08 Link to Screen ID: TA-01, TA-03, TA- 06, TA-08, TA-010

116 Multimedia Storyboard Screen: 10 of 12 Screen ID: TA-10 Manage Account Search Manage Item Type Submit -- V Manage Promo Manage Transaction Logout Today is Sunday, 27 January 201305:31:04 AM Screen Description: Tampilan yang muncul bila admin menekan tombol manage transaction. Terdapat search bar. Terdapat tabel yang menunjukan informasi umum transaksi. Terdapat tombol detail untuk menampilkan detail pesanan serta tombol update untuk melakukan assign pada courier dan update status pesanan. Pada bagian bawah tabel terdapat link untuk paging. Link From Screen ID: TA-02, TA-03, TA-06, TA-08, TA-010 Link to Screen ID: TA-01, TA-03, TA- 06, TA-08, TA-010, TA-11, TA-12

117 Multimedia Storyboard Screen: 11 of 12 a Manage Account Manage Item Screen ID: TA-11 Update Trans Data Transaction ID Date Buyer Courier Order Status I001 1/27/2013 user kurirr V Delivered V Manage Promo Update Default Manage Transaction Logout Today is Sunday, 27 January 201305:31:04 AM Screen Description: Tampilan bila admin memilih update pada layar TA-10. Terdapat field yang dapat dirubah yaitu courier (sesuai dengan nama kurir yang tersedia) serta order status (in the process, on the way, delivered). Tombol update digunakan untuk melakukan finalisasi pilihan yang dipilih oleh admin dan default untuk mengembalikan perubahan sebelum difinalisasi. Link From Screen ID: TA-10 Link to Screen ID: TA-02, TA-03, TA- 06, TA-08, TA-010

118 Multimedia Storyboard Screen: 12 of 12 Screen ID: TA-12 a Manage Account Manage Item Manage Promo Manage Transaction Logout Screen Description: Tampilan bila admin memilih detail pada layar TA-10. Terdapat informasi tambahan mengenasi pesanan. Today is Sunday, 27 January 2013 05:31:04 AM Link From Screen ID: TA-10 Link to Screen ID: TA-01, TA-03, TA- 06, TA-08, TA-010