BAB 3 ANALISIS DAN PERANCANGAN SISTEM

(1)

38

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.

(2)

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.

(3)

Berikut ini adalah Flow Chart daripada sistem food ordering Foodpanda :

(4)

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

(5)

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

(6)

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.

(7)

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.

(8)

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.

(9)

Berikut ini adalah Flow Chart daripada sistem food ordering GrubHub :

(10)

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.

(11)

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.

(12)

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.

(13)

3.3 Kuesioner Analisis

Kuisioner ini disebarkan secara

https://docs.google.com/spreadsheet/viewform?formkey=dFVTSklT WV9HVVpIRVp5TzRzbWVETEE6MQ

mengisi kuisioner melalui media internet

responden yang telah mengisi kuisioner tersebut. Berikut adalah hasil kuisioner:

1. Jumlah responden yang pernah memesan makanan

Tabel 3.1 Jumlah reponden yang pernah Pilihan Jawaban

Gambar 3.8 Diagram banyaknya orang Kuesioner Analisis 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:

Jumlah responden 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%

Gambar 3.8 Diagram banyaknya orang yang pernah memesan makanan

dengan menggunakan https://docs.google.com/spreadsheet/viewform?formkey=dFVTSklT

responden hanya perlu .Terdapat 57 orang responden yang telah mengisi kuisioner tersebut. Berikut adalah hasil

(14)

2. Sumber informasi menu makanan yang pernah didapatkan oleh responden

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%

Gambar 3.9 Diagram sumber informasi menu makanan yang pernah didapatkan

(15)

3. Media yang digunakan responden 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%

Gambar 3.10 Diagram media yang digunakan untuk delivery makanan

(16)

4. Jumlah waktu ideal pesanan sampai di tempat menurut responden

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%

Gambar 3.11 Diagram waktu ideal pesanan sampai di tempat

(17)

5. Jumlah responden yang khawatir apabila menunggu pesanan yang 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%

Gambar 3.12 Diagram jumlah responden yang khawatir bila menunggu lama

(18)

6. Jumlah responden yang pernah menggunakan GPS

Tabel 3.6 Jumlah responden yang pernah menggunakan GPS Pilihan Jawaban Responden Persentase

Ya 29 responden 51%

Gambar 3.13 Diagram jumlah responden yang pernah menggunakan

(19)

7. Jumlah responden yang merasa tidak begitu khawatir, seandainya bisa menggunakan GPS untuk mengetahui lokasi kurir.

Tabel 3.7 Jumlah responden yang merasa tidak begitu khawatir, seandainya bisa menggunakan GPS untuk mengetahui lokasi kurir

Ya 27 responden 47%

Gambar 3.14 Diagram jumlah responden tidak begitu khawatir

(20)

8. Jumlah responden yang akan menggunakan jika ada aplikasi pemesanan makanan melalui mobile

Tabel 3.8 Jumlah responden yang akan menggunakan jika ada aplikasi pemesanan makanan melalui mobile

Ya 44 responden 77%

Gambar 3.15 Diagram jumlah responden yang akan menggunakan

(21)

9. Jumlah responden yang menggunakan aplikasi pemesanan makanan dan akan menganjurkan ke kerabat.

Tabel 3.9 Jumlah responden yang menggunakan aplikasi pemesanan makanan dan akan menganjurkan ke kerabat

Ya 43 responden 75%

Gambar 3.16 Diagram jumlah responden yang akan menganjurkan ke kerabat

(22)

10.Kekurangan pemesanan makanan mobile menurut responden

Tabel 3.10 Kekurangan pemesanan makanan mobile menurut responden

Keamanan Kurang 1 responden 8%

Tidak Praktis 7 responden 54%

Belum Terbiasa 8 responden 62%

Other / Lainnya 2 responden 15%

Gambar 3.17 Diagram kekurangan pemesanan makanan mobile

(23)

11.Jenis smartphone yang dimiliki oleh responden

Tabel 3.11 Jenis smartphone yang dimiliki oleh responden

Android 26 responden 46%

iOS 13 responden 23%

Windows Phone 3 responden 5%

Gambar 3.18 Diagram jenis smartphone yang dimiliki oleh responden

(24)

12.Pendapat responden tentang aplikasi mobile seperti apa yang 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%

Gambar 3.19 Diagram pendapat responden tentang aplikasi menarik

(25)

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

(26)

3.5 PerancanganSistem

Arsitektur dari sistem yang akan dibangun akan digambarkan dengan menggunakan Unified Modeling Language (UML).

3.5.1 Use Case Diagram

(27)

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’.

Melalui ‘Manage Favorite’:

5) Customer memilih menu ‘Favorite’.

(28)

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’.

(29)

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:

(30)

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’.

(31)

3) Admin memasukan form yang diperlukan.

4) Admin memilih‘Register’. Update member:

2) Admin memilih ‘Update’

3) Admin mengubah form yang ingin diubah.

4) Admin memilih‘Update’. Delete member:

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’.

17. Use Case: Manage Item

Goals: Admin melakukan update stock atau recommended pada item. Precondition: Admin sudah login.

Steps:

1) Admin memilih ‘Manage Item’.

(32)

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’.

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.

(33)

3.5.2 _{Class Diagram}

(34)

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

(35)

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

(36)

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

(37)

3.5.3.7 Sequence Diagram Manage Favorite

Gambar 3.28 Sequence Diagram Manage Favorite

3.5.3.8 Sequence Diagram View Recent Order

(38)

3.5.3.9 Sequence Diagram Track Order

Gambar 3.30 Sequence Track Order

3.4.3.10 Sequence Diagram Register

(39)

3.4.3.11 Sequence Diagram Login

Gambar 3.32 Sequence Diagram Login

3.4.3.12 Sequence Diagram Logout

(40)

3.5.3.13 Sequence Diagram View Order

Gambar 3.34 Sequence Diagram View Order

3.5.3.14 Sequence Diagram Track Customer

(41)

3.5.3.15 Sequence Diagram Manage Account

(42)

3.5.3.16 Sequence Diagram Manage Promo

(43)

3.5.3.17 Sequence Diagram Manage Item

(44)

3.5.3.18 Sequence Diagram Manage Transaction

(45)

3.4.3.19 Sequence Diagram Search (Account)

Gambar 3.40 Sequence Diagram Search (Account) 3.4.3.20 Sequence Diagram Search (Promo)

(46)

3.4.3.21 Sequence Diagram Search (Item)

Gambar 3.42 Sequence Diagram Search (Item) 3.4.3.22 Sequence Diagram Search (Transaction)

(47)

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.

(48)

(49)

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: -

(50)

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.

(51)

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: 04, 08, TC-09, TC-10, TC-11

(52)

Screen Description: Ini adalah tampilan layar register atau sign-up. Terdapat tombol

back untuk kembali ke main menu.

(53)

Screen Description: Ini adalah tampilan ketika customer memilih category. Pada halaman ini customer dapat memilih category makanan. Terdapat gambar sesuai dengan category.

(54)

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: 04, 05, TC-06, TC-07

(55)

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.

(56)

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.

(57)

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.

(58)

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: 02, 07, TC-09

(59)

Screen Description: Tampilan layar contact us. Pada halaman ini terdapat logo, deskripsi perusahaan serta button yang digunakan untuk melakuan panggilan/sms.

(60)

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).

(61)

Screen Description: Tampilan layar Track. Terdapat peta disekitar lokasi customer berada serta lokasi pesanan.

(62)

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.

(63)

Screen Description: Tampilan layar help. Digunakan untuk customer yang belum mengetahui bagaimana menggunakan aplikasi.

(64)

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: -

(65)

Screen: 1 of 4 Screen ID: TK-01

Screen Description: Tampilan layar login untuk courier.

(66)

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.

(67)

Screen Description: Tampilan layar Track. Terdapat peta disekitar lokasi courier berada serta lokasi customer.

(68)

Screen Description: Tampilan layar detail order. Berisi daftar makanan yang dipesan oleh customer. Tombol back digunakan untuk kembali ke daftar pesanan.

(69)

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: -

(70)

Screen: 1 of 12 Screen ID: TA-01

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 Username

Login Password

Treat Control Panel

(71)

Screen Description: Tampilan halaman utama web setelah admin login.

Link From Screen ID: TA-01 Link to Screen ID: 01, 03, TA-06,TA-08,TA-010 Manage Account Manage Item Manage Promo Manage Transaction Logout

WELCOME

(72)

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:01, 03, TA-04, TA-05, TA-06, TA-08, TA-010 Manage Account Manage Item Manage Promo Manage Transaction Logout --Choose One-- Search Submit

Today is Sunday, 27 January 2013 05:31:04 AM

Type _V

(73)

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: 01, 03, TA-06, TA-08, TA-010 Manage Account Manage Item Manage Promo Manage Transaction Logout asdasdas M0001 Update user user@yahoo.com 7456345 Binus Account ID Username Email FullName Address Phone Role _Member _V Default

Today is Sunday, 27 January 2013 05:31:04 AM Update Account Data

(74)

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: 01, 03, TA-06, TA-08, TA-010 Manage Account Manage Item Manage Promo Manage Transaction Logout Register Username Password Email FullName Address Phone Status

Today is Sunday, 27 January 2013 05:31:04 AM Insert New Account

(75)

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: 01, 03, TA-06, TA-07, TA-08, TA-010

Manage Account Manage Item Manage Promo Manage Transaction Logout --Choose One-- Search Submit

(76)

a

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: 01, 03,

TA-06, TA-08, TA-010 Manage Account Manage Item Manage Promo Manage Transaction Logout

I001 Chicken Barbeque _Available _Yes

Item ID Name Stock Recommend

V V

Update Default

(77)

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 to Screen ID: 01, 03, TA-06, TA-08, TA-09, TA-010

Manage Account Manage Item Manage Promo Manage Transaction Logout --Choose One-- Search Submit

(78)

a

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: 01, 03, TA-06, TA-08, TA-010 Manage Account Manage Item Manage Promo Manage Transaction Logout

I001 Combo 1 Available

Item ID Name Stock

V

Update Default

(79)

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 to Screen ID: 01, 03, TA-06, TA-08, TA-010, TA-11, TA-12 Manage Account Manage Item Manage Promo Manage Transaction Logout -- Search Submit

(80)

a

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.

I001 1/27/2013 _kurirr _Delivered

Transaction ID Date Courier Order Status

V V

Update Default

user Buyer

(81)

a

Screen Description: Tampilan bila admin memilih detail pada layar TA-10. Terdapat informasi tambahan mengenasi pesanan.