BAB 3 ANALISIS SISTEM YANG BERJALAN

Transkripsi

1 BAB 3 ANALISIS SISTEM YANG BERJALAN 3.1 Analisis Permasalahan Sistem yang Sedang Berjalan Semua orang suka dengan hal-hal yang mudah dan cepat baik dalam bisnis,makanan,maupun apa yang mereka lakukan. Begitu juga dengan dunia hiburan seperti sistem pembelian tiket. Sekarang ini terdapat sistem pembelian tiket secara mudah dan cepat yang ditawarkan oleh beberapa bioskop seperti XXI dan Blitz Megaplex. Dimana XXI menawarkan sistem M-Tix untuk pembelian tiket secara praktis,sedangkan Blitz Megaplex menawarkan Blitzcard sebagai sistem pembelian tiketnya. Berikut ini dijelaskan tentang cara melakukan pembelian tiket menggunakan M-tix dan Blitzcard : Sistem yang Sedang Berjalan Pada Bioskop XXI Sistem yang berjalan dalam Bioskop XXI adalah M-Tix. M-Tix Adalah layanan transaksi pembelian tiket nonton jarak jauh (Remote Transaction). Yang merupakan layanan nilai tambah untuk pelanggan 21/XXI. Ada 3 cara untuk melakukan pembelian tiket melalui M-Tix antara lain: 39

2 40 1. SMS(Pesan Singkat) Untuk bertransaksi menggunakan SMS user bisa menggunakan HP apapun yang bisa mengirimkan SMS. Berikut ini adalah cara mudah untuk melakukan transaksi dengan menggunakan SMS : Ketik: Pesan (Jumlah Tiket) (Kode Film) (Kode Bioskop) (Jam Tayang) (Tanggalbulan) (PIN) Kirim ke: 2121 Contoh : Ketik: Pesan 4 AV3D PI1XXI 12: Kirim ke: 2121 Apabila transaksi berhasil, maka beberapa saat kemudian user akan mendapatkan konfirmasi status transaksi dan kode transaksi melalui SMS. Dan jika transaksi gagal, maka user juga akan mendapatkan konfirmasi transaksi tidak berhasil. Apabila user tidak menerima SMS balasan, user juga bisa melihat status transaksi user di web M-Tix pada menu My M-Tix di section transaction history atau user.

3 41 PERHATIAN! Untuk mencegah ketidaknyamanan dalam bertransaksi melalui SMS, ada beberapa hal yang perlu user perhatikan sebelum melakukan transaksi antara lain: Sesuai ketentuan operator selular, SMS menggunakan nomor pendek akan dikenakan tarif premium dalam hal ini akan dikenakan tarif Rp.1.000,-/SMS (sebelum ppn) untuk melakukan 1 transaksi dibutuhkan 1 sampai dengan 3 SMS. Untuk itu apabila user menggunakan kartu prabayar admin mohon periksa saldo kartu prabayar user sebelum melakukan transaksi untuk mencegah tidak dikirimkannya SMS balasan. (mencegah kegagalan pengiriman sms) Untuk mendapatkan kode bioskop dan kode film user bisa mengakses jadwal film melalui SMS 2121, sebagai contoh ; user ingin mengetahui kode bioskop dan kode film Pondok Indah 1 caranya : Ketik : PONDOK INDAH 1 Kirim ke : 2121 SMS Balasan : PONDOK INDAH 1 XXI (PI1XXI) SAMMYS ADVENTURE (SAMM) CENTURION (CENT) DARAH GARUDA (DARA)

4 42 SANG PENCERAH (PENC) DAWAI 2 ASMARA (DAWA) GROWNS UPS (GROW) Dari SMS balasan diatas yang dimaksud dengan kode Bioskop Pondok Indah 1 XXI adalah PI1XXI dan yang dimaksud dengan kode film CENTURION adalah CENT. Admin mengharapkan user memberikan alamat akun yang valid pada saat melakukan registrasi. Karena selain dikirim melalui SMS, admin juga mengirim status transaksi user melalui . Untuk user yang ingin menambahkan (memperbaiki) data bisa melalui SMS dengan format pesan seperti berikut ini: Ketik: Kode ( kamu) Kirim ke: 2121 Contoh: kode m-tix@yahoo.com Kirim ke: 2121 Setiap 1 transaksi untuk jam tayang yang sama, maksimal user hanya bisa membeli 8 tiket. 2. Call center Untuk melakukan pembelian dengan menggunakan call center user tinggal menghubungi nomor customer service M-Tix di (021) 3190

5 atau (021) User akan terhubung dengan IVR (Interactive Voice Response) dan akan diverifikasi no HP dan MPIN user. Jika sukses, user akan dipandu oleh M-Tix Care Assistant untuk melakukan transaksi. Apabila transaksi berhasil kami akan mengirimkan konfirmasi transaksi sukses dan kode transaksi tiket user melalui SMS dan . PERHATIAN! Untuk mendapatkan SMS hasil transaksi, user harus terlebih dahulu melakukan registrasi via SMS seperti dibawah ini : Ketik: REG MTIX Kirim ke: 2121 Apabila user sudah pernah melakukan langkah diatas, berarti tidak perlu dilakukan lagi. 3. Web Keunggulan membeli M-Tix melalui web adalah user bisa memilih posisi kursi user. Berikut adalah 5 langkah mudah melakukan transaksi menggunakan web : a. Langkah 1 Klik menu mobilezone.21cineplex.com atau mtix.21cineplex.com

6 44 b. Langkah 2 Login dihalaman tersebut dengan no HP dan MPIN kamu. c. Langkah 3 bioskop. Pilih prioritas pembelian, berdasarkan film atau lokasi d. Langkah 4 Memilih kursi yang diinginkan. e. Langkah 5 tersebut. Mendapatkan SMS dan konfirmasi atas transaksi PERHATIAN! Demi kenyamanan user bertransaksi melalui web untuk user yang belum melakukan aktivasi notifikasi SMS, user harus melakukan registrasi notifikasi melalui SMS seperti berikut ini : Ketik: REG MTIX Kirim ke: 2121 Apabila user sudah pernah melakukan langkah diatas, berarti tidak perlu dilakukan lagi.

7 Sistem yang Sedang Berjalan Pada Bioskop Blitz Megaplex Blitzcard adalah alat pembayaran di Blitmegaplex. Fungsinya kurang lebih hampir sama dengan kartu kredit. Namun dengan promo yang berbeda. Ada 5 cara untuk melakukan pembelian tiket melalui Blitzcard antara lain : 1. Online Ticketing (Website) a. Pada home page website, klik Small banner kanan atas "Snack dan Online Ticketing" atau setelah cek schedule klik "BUY". b. Step 1: Pilih Judul Film - Lokasi Blitz - Showdate - Showtime. Klik "ENTER" c. Step 2: Pilih seat number & konfirmasi order awal. Klik "Continue" d. Step 3: Input nomor blitzcard & pin blitzcard, cek konfirmasi pembelian. Klik "Proceed" e. Step 4: Terdapat informasi final Judul Film - Showdate - Showtime - Lokasi Blitz - Nomor audi - Seat Number - Booking dan Pass Code. 2. Facebook Ticketing a. Pada facebook blitzmegaplex terdapat tombol link, atau search keyword b. Step 1: pilih lokasi untuk menonton. Klik "Next" c. Step 2: Pilih judul film.

8 46 d. Step 3: Pilih tanggal & waktu tayang. e. Step 4: Pilih nomor kursi yang ditentukan (detail info di sebelah kiri bagian layar) f. Step 5: Konfirmasi mengenai pembelian & masukan nomor blitzcard beserta PIN blitzcard g. Tertera booking Code & Pass Code untuk pengambilan melalui BCM (blitzcard Machine) 3. Smartphone Ticketing a. Untuk SmartPhone ketik pada browser, untuk download launcher device blackberry b. c. Pada tampilan mobile website terdapat pilihan lokasi & class blitzmegaplex. Klik salah satu sesuai pilihan user. d. Tampilan (1) terdapat pilihan Showdate - Judul Film - Showtime. Klik "BUY" jika confirm. e. Tampilan berikutnya berupa konfirmasi pembelian dan pilihan seat number, Klik "seat" hingga berwarna kuning lalu klik "Next" jika confirm. f. Tampilan (2) terdapat konfirmasi terakhir termasuk cost price ticket. Input no blitzcard & pin blitzcard. Kemudian klik "Continue" jika confirm.

9 47 g. Tampilan (3) terdapat informasi final Judul Film - Showdate - Showtime - Lokasi Blitz - Nomor audi - Seat Number - Booking & Pass Code. 4. YM Ticketing a. Add messenger ID-YM "blitzticket". Akan tertera 3 pilihan menu b. Ketik "Reg" untuk register blitzcard c. Ketik "Bal" untuk cek blitzcard d. Ketik "GO" untuk cek schedule & pembelian ticket. e. Setelah ketik "GO", terdapat pilihan abjad untuk lokasi - terdapat pilihan abjad untuk judul film - terdapat pilihan abjad untuk showdate - terdapat pilihan untuk showtime - ketik seat number f. Terdapat link untuk konfirmasi pembelian, dengan durasi waktu 1 menit. Klik link jika confirm untuk transaksi. 5. blitzdroid Ticketing a. Install pada device OS berbasis Android, pada Android Market ketik "blitzdroid" b. Masuk pada aplikasi blitzdroid kemudian pilih schedules. c. Pilih film, lokasi, jam, & tanggal yang ditentukan kemudian pilih "Buy Tickets". d. Pada layar konfirmasi pilih "Continue". e. Pilih seat number yang ditentukan, maksimum 5 tiket dalam 1 transaksi. Jika sudah sesuai pilih "Continue".

10 48 f. Pada layar konfirmasi harga pilih continue, kemudian masukan 16 digit nomor blitzcard dan 6 digit PIN Number. g. Kemudian tertera info akhir beserta kode Booking Code & Passcode Permasalahan yang Dihadapi Permasalahan pada sistem M-Tix Berikut ini merupakan identifikasi permasalahan yang didapatkan dari hasil analisis yang telah dilakukan,yaitu : 1. Tidak adanya bukti fisik Apabila kode booking hilang maka tiket akan hangus dan para pengguna tidak bisa menonton film yang diinginkannya. 2. Kesulitan dalam top up Apabila ingin melakukan pembayaran maka user menggunakan kartu kredit. 3. Pembelian dibatasi hanya sampai jam 11 siang (kecuali advance sale) Jadi pengguna M-Tix hanya bisa melakukan pembelian tiket hanya sampai jam 11 siang tidak seperti sistem mobile ticketing di Blitz Megaplex yang dapat dilakukan 30 menit sebelum film dimulai.

11 49 4. Hanya untuk lokasi 21/XXI tertentu Dalam hal ini, sistem M-Tix hanya berlaku di beberapa tempat tertentu yang mendukung layanan M-Tix. 5. Tidak bisa melakukan pemilihan tempat duduk Pemilihan tempat duduk tidak bisa melalui web tetapi dilakukan di kasir sewaktu menukarkan kode booking yang dikirim lewat sms dengan tiket yang asli Permasalahan pada sistem Blitzcard Berikut ini merupakan identifikasi permasalahan yang didapatkan dari hasil analisis yang telah dilakukan,yaitu : 1. Harus memiliki BlitzCard Setiap pengguna yang ingin menggunakan fasilitas Mobile Ticketing ini harus register di Bioskop Blitz Megaplex yang terdekat untuk mendapatkan BlitzCard tidak bisa register secara langsung di web. 2. Pengiriman kode booking tidak bisa melalui sms Para pengguna harus mencatat kembali kode booking yang didapat melalui web dan mobile ticketing. Selain itu pencatatan kode booking ini digunakan sebagai backup apabila terjadi masalah pada sistem mobile ticketing ini

12 Solusi Permasalahan Berdasarkan identifikasi permasalahan yang telah dilakukan pada sistem M-Tix maupun Blitz Megaplex,maka untuk dapat mengatasi permasalahan tersebut akan dirancang aplikasi yang memiliki fitur: 1. Tidak adanya bukti fisik Adanya QR Code dalam pemesanan tiket yang apabila hilang pengguna cukup login kembali ke website mobile movie ticketing maka akan langsung muncul kembali QR Codenya. 2. Kesulitan dalam top up Dalam aplikasi ini, tidak disediakan fasilitas top up saldo menggunakan kartu kredit dikarenakan untuk mengakses kartu kredit user diperlukan keamanan informasi yang secure (https) dan juga kerjasama dengan pihak bank terkait. 3. Pembelian dibatasi hanya sampai jam 11 siang Pembelian dapat dilakukan kapan saja, dan dimana saja hingga 30 menit sebelum film dimulai. 4. Hanya untuk lokasi Bioskop tertentu Diterapkannya sistem Mobile Movie Ticketing tidak hanya ke cabang yang terdekat dengan pusat tetapi diterapkan ke semua cabang Bioskop yang ada dimanapun.

13 51 5. Tidak bisa melakukan pemilihan tempat duduk Dalam Aplikasi ini, disediakan fasilitas untuk pemilihan tempat duduk berdasarkan keinginan user. 6. Harus memiliki Member Card Dalam aplikasi ini, User tidak perlu memiliki Member Card tetapi dapat langsung meregistrasikan diri secara langsung didalam aplikasi tersebut. 7. Pengiriman kode booking tidak bisa melalui sms Dalam aplikasi ini, ada semacam QR Code yang dapat dideteksi oleh Barcode Reader sehingga tidak perlu adanya kode booking melalui sms. Apabila hilang pengguna cukup login kembali maka QR Code akan muncul kembali.

14 Perancangan Sistem Use Case Diagram Mobile Movie Ticketing System Login Register View Data Member Order Food Modifikasi Film Order Beverages Modifikasi Trailer Film View Lokasi User Modifikasi Food Admin View Movie and Trailer Movie Modifikasi Beverages View Cinema Approve Komentar Input Rating Film Melakukan Proses Booking Film Melakukan Pembayaran View Food and Beverages View Booking Code and QR Code Input Komentar Gambar 3.1 Use Case Diagram Mobile Movie Ticketing

15 53 Use Case Description 1. Use Case Login Deskripsi: User dan Admin login ke dalam aplikasi untuk melihat informasi film dan melakukan pemesanan tiket bioskop serta Admin login ke dalam aplikasi untuk memodifikasi film, trailer film, makanan dan minuman, melihat data member, serta mengapprove komentar dari user. Aktor: user dan admin Langkah-langkah: a. User dan admin membuka aplikasi. b. User dan admin memasukkan Username dan Password. c. Klik Login. d. Apabila Username dan Password benar maka akan langsung secara otomatis masuk ke Halaman Home. 2. Use Case Register Deskripsi: User yang belum terdaftar sebagai member harus melakukan registrasi terlebih dahulu Aktor: User Langkah-langkah: a. User membuka aplikasi b. User mengklik tombol sign up c. Lalu user mengisi data-data yang diminta oleh form aplikasi. d. Setelah terdaftar, user akan menerima balasan dari admin yang dapat digunakan untuk login ke aplikasi.

16 54 3. Use Case View Lokasi Deskripsi: User mencari lokasi yang terdekat untuk menonton film. Aktor: User Langkah-langkah: a. User menuju halaman booking ticket b. User menuju halaman cinema c. User memilih salah satu cinema. d. Aplikasi akan menampilkan lokasi bioskop. 4. Use Case View Movie and Trailer Movie Deskripsi: User melihat film-film yang diputar dan melihat trailernya. Aktor: User. Langkah-langkah: a. User membuka aplikasi. b. Kolom Now Playing untuk film-film yang diputar sekarang, atau Coming Soon untuk melihat film-film yang bakal diputar. c. Klik film yang diinginkan akan muncul gambar film, sinopsisnya beserta trailernya. d. Apabila User ingin melihat trailernya tinggal mengklik tombol View Trailer yang ada di halaman tersebut. 5. Use Case View Cinema Deskripsi: User melihat daftar-daftar bioskop yang ada di sekitar tempat user berada. Aktor: User

17 55 Langkah-langkah: a. User telah login ke dalam aplikasi. b. User mengklik halaman booking ticket. c. User memilih gedung bioskop yang diinginkan. 6. Use Case View Food and Beverages Deskripsi: User melihat makanan dan minuman yang telah dipesan user sebelum memasuki bioskop Aktor: User Langkah-langkah: a. User login ke dalam aplikasi. b. User membuka halaman My Food and Beverages. c. Setelah itu akan ditampilkan daftar makanan dan minuman yang telah dipesan oleh user. 7. Use Case Order Food and Beverages Deskripsi: User melihat daftar makanan dan minuman lalu memesan makanan dan minuman yang ditawarkan. Aktor: User. Langkah-langkah: a. User membuka aplikasi. b. Klik Order Food and Beverages untuk melihat daftar makanan dan minuman yang ditawarkan. c. User melakukan pemesanan makanan dan minuman dengan mengisikan jumlah dan tertera juga disitu harga satuan. d. Klik Next

18 56 e. Secara otomatis, makanan dan minuman yang ingin dibeli akan masuk ke dalam sistem. f. Lalu sistem akan merespon pemesanan user dengan memberikan QR Code. 8. Use Case Modifikasi Film Deskripsi: Admin memodifikasi film dan meliputi Insert, Update, Delete film. Aktor: Admin Langkah-langkah: a. Admin membuka aplikasi web. b. Admin login ke dalam aplikasi web. c. Admin langsung menuju ke halaman movie. d. Apabila ingin menambahkan film terbaru admin dapat menuju halaman Input Form Modification Movie. Lalu apabila ingin mengupdate salah satu data dapat mengklik icon update. Apabila ingin menghapus data dapat mengklik icon delete. 9. Use Case Modifikasi Trailer Film Deskripsi: Admin memodifikasi trailer film dan meliputi Insert, Update, Delete Film dan Trailer film Aktor: Admin Langkah-langkah: a. Admin membuka aplikasi web. b. Admin login ke dalam aplikasi web. c. Admin langsung menuju ke halaman trailer movie.

19 57 d. Apabila ingin menambahkan trailer film terbaru admin dapat menuju halaman Input Form Modification Trailer Movie. Lalu apabila ingin mengupdate salah satu data dapat mengklik icon update. Apabila ingin menghapus data dapat mengklik icon delete. 10. Use Case Modifikasi Food Deskripsi: Admin memodifikasi food dan meliputi Insert, Update, Delete food Aktor: Admin Langkah-langkah: a. Admin membuka aplikasi web. b. Admin login ke dalam aplikasi web. c. Admin langsung menuju ke halaman food. d. Apabila ingin menambahkan makanan terbaru admin dapat menuju halaman Input Form Modification food. Lalu apabila ingin mengupdate salah satu data dapat mengklik icon update. Apabila ingin menghapus data dapat mengklik icon delete Use Case Modifikasi Beverages Deskripsi: Admin memodifikasi beverages yang ada di bioskop meliputi: Insert, update, dan delete beverages. Aktor: Admin Langkah-langkah: a. Admin membuka aplikasi web. b. Admin login ke dalam aplikasi web. c. Admin langsung menuju ke halaman beverages.

20 58 d. Apabila ingin mengupdate salah satu data dapat mengklik icon update. Apabila ingin menghapus data dapat mengklik icon delete. 12. Use Case Input Komentar Deskripsi: User menginput komentar suatu film. Aktor: User. Langkah-langkah: a. User membuka aplikasi. b. Klik Now Playing untuk film-film yang diputar sekarang, atau Coming Soon untuk melihat film-film yang bakal diputar. c. Klik film yang diinginkan akan muncul gambar film beserta sinopsisnya. d. Lihat trailer film tersebut. e. Masukkan komentar tentang film tersebut lalu klik submit. 13. Use Case Approve Komentar Deskripsi: Admin mengapprove komentar dari user. Aktor: Admin Langkah-langkah: a. Admin membuka aplikasi web. b. Admin mengakses halaman comment. c. Admin menyeleksi komentar-komentar dari User dan menghapus comment yang kurang baik dengan mengklik icon delete. 14. Use Case Input Rating Film Deskripsi: User memberikan rating terhadap sebuah film. Aktor: User. Langkah-langkah:

21 59 a. User membuka aplikasi. b. Klik Now Playing untuk film-film yang diputar sekarang, atau Coming Soon untuk melihat film-film yang bakal diputar. c. Klik film yang diinginkan akan muncul gambar film beserta sinopsisnya. Berilah rating pada film tersebut dengan mengklik 1 bintang -5 bintang yang ada dalam halaman tersebut. 1 Bintang apabila film tersebut sangat jelek. 5 Bintang apabila film tersebut sangat bagus. 15. Use Case View Data Member Deskripsi: Admin melihat data-data member yang terdapat dalam aplikasi mobile movie ticketing. Aktor: Admin Langkah-langkah: a. Admin login ke dalam aplikasi web. b. Admin masuk ke halaman member. c. Lalu sistem akan menampilkan daftar member yang terdaftar dalam aplikasi mobile movie ticketing. d. Admin juga dapat menghapus member atau juga mengupdate data member. 16. Use Case Melakukan Proses Booking Film Deskripsi: User melakukan proses Booking Film. Aktor: User. Langkah-langkah: a. User login ke aplikasi. b. Pilih kota tempat tinggal.

22 60 c. Pilih bioskop terdekat. d. Pilih film beserta jam tayangnya. e. Pilih tempat duduk. f. Klik Next lalu akan masuk ke halaman pembayaran. 17. Use Case Melakukan Pembayaran Deskripsi: User melakukan pembayaran tiket yang dibeli. Aktor: User. Langkah-langkah: a. Setelah user melakukan proses booking film, maka user dapat melakukan pembayaran dengan cara autodebet dari kartu kredit/rekening bank. b. Apabila berhasil, admin akan mengirimkan QRCode dan Booking Code kepada User. 18. Use Case View Booking Code and QR Code Deskripsi: User dapat melihat Booking Code dan QR Code. Aktor: User. Langkah-langkah: a. User login ke dalam aplikasi. b. Setelah user selesai melakukan proses booking film dan melakukan pembayaran, user dapat mengakses halaman My Ticket untuk melihat koleksi tiket2 pesanan user. c. Lalu apabila ingin memasuki studio bioskop user menunjukkan salah satu QR Code kepada petugas untuk dilakukan scanning.

23 Class Diagram Gambar 3.2 Class Diagram Mobile Movie Ticketing System

24 Activity Diagram 1. Login a. User Gambar 3.3 Activity Diagram Login User

25 63 b. Admin Admin Sistem Buka Aplikasi Menampilkan Halaman Login Input Username dan Password Klik Submit Benar Salah Menampilkan Halaman Member Gambar 3.4 Activity Diagram Login Admin

26 64 2. Register User Sistem Buka Aplikasi Menampilkan Halaman Home Klik Register Menampilkan Halaman Register Input Form Klik Register Klik Back Salah Benar Menampilkan Halaman Home Menyimpan ke DB Gambar 3.5 Activity Diagram Register

27 65 3. View Lokasi User Sistem Menampilkan Halaman Home Klik Booking Ticket Menampilkan Halaman Pilih Cinema Pilih Cinema Klik Next Menampilkan Halaman Location Gambar 3.6 Activity Diagram View Lokasi

28 66 4. Activity Diagram View Movie and Trailer Movie Gambar 3.7 Activity Diagram View Movie and Trailer Movie 5. Activity Diagram View Cinema User Sistem Menampilkan Halaman Home Klik Booking Ticket Menampilkan Halaman Cinema Gambar 3.8 Activity Diagram View Cinema

29 67 6. View Food and Beverages User Sistem Menampilkan Halaman Home Klik My Food and Beverages Menampilkan Halaman My Food and Beverages Gambar 3.9 Activity Diagram View Food and Beverages

30 68 7. Order Food and Beverages Gambar 3.10 Activity Diagram Order Food and Beverages

31 69 8. Input Komentar Gambar 3.11 Activity Diagram Input Komentar

32 70 9. Activity Diagram Input Rating Film Gambar 3.12 Activity Diagram Rating Film

33 Melakukan Proses Booking Film Gambar 3.13 Activity Diagram Booking Ticket

34 Melakukan Pembayaran User Sistem Menampilkan Halaman Home Memilih Halaman Pembayaran Menampilkan Halaman Pembayaran Klik Submit Klik Cancel Menyimpan ke DB Mengirim Booking Code dan QR Code Gambar 3.14 Activity Diagram Melakukan Pembayaran

35 View Booking Code and QR Code Gambar 3.15 Activity Diagram View Booking Code and QR Code

36 Activity Diagram View Data Member Gambar 3.16 Activity Diagram View Data Member

37 Activity Diagram Modifikasi Film a. Insert Film Gambar 3.17 Activity Diagram Insert Film

38 76 b. Update Film Gambar 3.18 Activity Diagram Update Film

39 77 c. Delete Film Gambar 3.19 Activity Diagram Delete Film

40 Activity Diagram Modifikasi Trailer Film a. Insert Trailer Film Admin Sistem Menampilkan Halaman Trailer Movie Klik Input Form Modification Trailer Movie Menampilkan Halaman Form Insert Trailer Movie Mengisi form insert trailer movie Klik Reset Klik submit Salah Benar Menyimpan ke DB Menampilkan Halaman Trailer Movie Gambar 3.20 Activity Diagram Insert Trailer Film

41 79 b. Update Trailer Film Gambar 3.21 Activity Diagram Update Trailer Film

42 80 c. Delete Trailer Film Gambar 3.22 Activity Diagram Delete Trailer Film

43 Activity Diagram Modifikasi Food a. Insert Food Admin Sistem Menampilkan Halaman Food Klik Input Form Modification Food Menampilkan Halaman Form Insert Food Mengisi form insert food Klik Reset Klik submit Salah Benar Menyimpan ke DB Menampilkan Halaman Food Gambar 3.23 Activity Diagram Insert Food

44 82 b. Update Food Gambar 3.24 Activity Diagram Update Food

45 83 c. Delete Food Admin Sistem Menampilkan Halaman Food Klik Icon Delete Tidak Ya Menghapus dari DB Menampilkan Halaman Food Gambar 3.25 Activity Diagram Delete Food

46 Activity Diagram Modifikasi Beverages a. Insert Beverages Admin Sistem Menampilkan Halaman Beverages Klik Input Form Modification Beverages Menampilkan Halaman Form Insert Beverages Mengisi form insert beverages Klik Reset Klik submit Salah Benar Menyimpan ke DB Menampilkan Halaman Beverages Gambar 3.26 Activity Diagram Insert Beverages

47 85 b. Update Beverages Gambar 3.27 Activity Diagram Update Beverages

48 86 c. Delete Beverages Admin Sistem Menampilkan Halaman Beverages Klik Icon Delete Tidak Ya Menghapus dari DB Menampilkan Halaman Beverages Gambar 3.28 Activity Diagram Delete Beverages

49 Activity Diagram Approve Komentar Admin Sistem Menampilkan Halaman Komentar View Halaman Komentar Tidak Hapus Klik Icon Delete Menghapus dari DB Menampilkan Halaman Komentar Gambar 3.29 Activity Diagram Approve Komentar

50 Entity Relationship Diagram (ERD) Movie PK movie_id movie_img movie_name movie_desc movie_trailer movie_comment Movie_rating Seat PK seat_id seat_status Ticket PK ticket_id FK1 booking_id FK2 seat_id FK3 movie_id FK4 cinema_id time date price Booking PK booking_id QR_code_image Beverages PK bev_id bev_img bev_name bev_desc DetailTransactionFoodandBeverages PK,FK1 bev_id PK,FK2 Food_id PK,FK3 transaction_id qty_food qty_bev Food PK Food_id food_img food_name food_desc Cinema PK cinema_id FK1 location_id cinema_name DetailTransactionTicket PK,FK1 ticket_id PK,FK2 transaction_id HeaderTransaction PK transaction_id FK1 user_id Location PK location_id location_name Register PK register_id user_id User PK user_id FK1 register_id username password address telp creditcard Gambar 3.30 ERD Mobile Movie Ticketing

51 Sequence Diagram Sequence Diagram Client Side 1. Login User Gambar 3.31 Sequence Diagram Login User

52 90 2. Register Gambar 3.32 Sequence Diagram Register

53 91 3. Order Food Gambar 3.33 Sequence Diagram Order Food

54 92 4. Order Beverages Gambar 3.34 Sequence Diagram Order Beverages

55 93 5. View Lokasi Window:Location :Location User create() get_location_detail(location_id) result Gambar 3.35 Sequence Diagram View Lokasi

56 94 6. View Movie and Trailer Movie Gambar 3.36 Sequence Diagram View Movie and Trailer Movie

57 95 7. View Cinema Gambar 3.37 Sequence Diagram View Cinema

58 96 8. View Food and Beverages Gambar 3.38 Sequence Diagram View Food and Beverages

59 97 9. Input Komentar Gambar 3.39 Sequence Diagram Input Komentar

60 Input Rating Film Gambar 3.40 Sequence Diagram Input Rating Film

61 Melakukan Proses Booking Film Gambar 3.41 Sequence Diagram Proses Booking Film

62 Sequence Diagram Melakukan Pembayaran Gambar 3.42 Sequence Diagram Melakukan Pembayaran

63 View Booking Code and QR Code Gambar 3.43 Sequence Diagram View Booking Code and QR Code

64 Sequence Diagram Admin Side 1. Login Admin Gambar 3.44 Sequence Diagram Login Admin

65 View Data Member Gambar 3.45 Sequence Diagram View Data Member

66 Modifikasi Film Gambar 3.46 Sequence Diagram Modifikasi Film

67 Modifikasi Trailer Film Gambar 3.47 Sequence Diagram Modifikasi Trailer Film

68 Modifikasi Food Gambar 3.48 Sequence Diagram Modifikasi Food

69 Modifikasi Beverages Gambar 3.49 Sequence Diagram Modifikasi Beverages

70 Approve Komentar Gambar 3.50 Sequence Diagram Approve Komentar

71 Perancangan Layar Perancangan Layar Client Side 1. Halaman Login User Gambar 3.51 Rancangan Layar Halaman Login User Pada halaman ini user yang memiliki ID dapat melakukan login. Terdapat button login yang ketika di klik maka user yang ada dapat mengakses lembar selanjutnya, forgot password untuk user yang telah memiliki account namun lupa password dan button register untuk user yang ingin membuat ID baru. Terdapat beberapa film yang sedang ada sekarang, dan menu film yang akan datang. Lalu terdapat kolom New dan Coming Soon. Pada kedua kolom, terdapat image yang merupakan

72 110 gambar daripada film yang terbaru dan yang akan datang yang terdapat di bioskop. 2. Halaman Register Gambar 3.52 Rancangan Layar Halaman Register Pada halaman ini user melakukan pendaftaran dengan cara mengisi username, password, dan sesuai pada Textbox yang tersedia. Setelah selesai melakukan pengisian data, user dapat menekan tombol Register untuk mendaftar dan menekan tombol Back untuk membatalkan pendaftaran.

73 Halaman Home Gambar 3.53 Rancangan Layar Halaman Home Pada halaman ini user berada di halaman home dimana user disambut dengan welcome. Ini adalah halaman home yang awalnya user mengakses halaman ini sebelum dia mengakses halaman movie, food, ataupun beverages, lalu terdapat new dan coming soon untuk menjelaskan film yang sedang ada dan akan datang. Lalu terdapat button untuk user mengakses halaman booking ticket, order food and beverage. Selain itu terdapat button untuk user dapat mengakses halaman my ticket dan my food & beverage dimana user dapat melihat tiket yang telah di beli, maupun makan dan minuman yang telah di beli.

74 Halaman Movie Gambar 3.54 Rancangan Layar Halaman Movie Pada halaman ini user dapat melihat judul, gambar, dan video dari suatu film. Lalu juga terdapat deskripsi dari film tersebut, yang menjelaskan cerita singkat tentang film yang sedang di tayangkan di bioskop tersebut. Video trailer film yang menunjukan pemutaran singkat film tersebut, dan terdapat kotak comment sehingga user dapat menginput comment sehingga mereka dapat memberikan kesan atau pesan mereka setelah mereka menonton film tersebut, dan menggunakan button submit untuk mengepost comment yang diberikan. Juga terdapat last comment dimana user dapat melihat tanggapan terakhir dari user lain tentang film tersebut.

75 Halaman Booking Ticket a. Halaman Cinema Gambar 3.55 Rancangan Layar Halaman Cinema Pada halaman ini, user dapat memilih bioskop yang menjadi tempat tujuan dimana setelah itu akan ditunjukan dimana letak dan filmfilm yang akan ditayangkan. User dapat memilih bioskop yang ada/tersedia, setelah selesai memilih user dapat menekan tombol next untuk lanjut ke halaman berikutnya, dan menekan tombol back untuk kembali ke halaman sebelumnya.

76 114 b. Halaman Choose Location Gambar 3.56 Rancangan Layar Halaman Choose Location Pada halaman ini dijelaskan tentang lokasi dimana user dapat memilih lokasi sesuai dengan daerah masing-masing dengan memilih pilihan pada radio button. User memilih daerah yang menjadi tempat tujuan, setelah selesai user dapat memilih tombol next untuk lanjut ke halaman selanjutnya, dan tombol back jika ingin kembali ke halaman sebelumnya.

77 115 c. Halaman Choose Mal Location Gambar 3.57 Rancangan Layar Halaman Choose Mal Location Halaman ini menjelaskan tentang lokasi bioskop terdekat(gedung/pusat perbelanjaan). Terdapat radio button dimana user memilih lokasi gedung dimana terdapat bioskop tersebut. Terdapat tombol back untuk kembali ke halaman sebelumnya, sedangkan ketika user menekan tombol next maka user akan ke halaman selanjutnya.

78 116 d. Halaman Choose Movie Gambar 3.58 Rancangan Layar Halaman Choose Movie Halaman ini menjelaskan tentang daftar film yang diputar di bioskop tersebut. User dapat memilih salah satu film yang diinginkan untuk ditonton beserta jam tayangnya. Setelah memilih, user dapat mengklik button next untuk lanjut ke halaman selanjutnya dan mengklik button back untuk kembali ke halaman sebelumnya.

79 117 e. Halaman Choose Seat Gambar 3.59 Rancangan Layar Halaman Choose Seat Pada halaman ini menjelaskan tentang user memilih tempat duduk sesuai jumlah tiket yang di pesan. User dapat menekan tombol next untuk lanjut ke halaman selanjutnya dan menekan tombol back untuk kembali ke halaman sebelumnya.

80 118 f. Halaman Payment Ticket Gambar 3.60 Rancangan Layar Halaman Payment Ticket Halaman ini menjelaskan tentang terdapat username dari user, judul film, no tempat duduk, no studio, dan harga tiket. Akan muncul QRCode dari tiket dan ketika selesai terdapat tombol submit untuk mengakhiri pembelian tiket.

81 Halaman Order Food and Beverages a. Halaman Food Gambar 3.61 Rancangan Layar Halaman Food Pada halaman ini user melakukan pembelian makanan sesuai dengan apa yang diinginkan. Terdapat gambar dari makanan yang dapat di pesan, lalu user dapat melihat menu- menu apa saja yang ada dalam menu food ini dan mengisi qty untuk jumlah dari makanan yang di pesan melalui box yang ada, dan list harga dari makanan. Ketika selesai melakukan pemesanan, user dapat menekan tombol next untuk pergi ke halaman berikutnya.

82 120 b. Halaman Beverages Gambar 3.62 Rancangan Layar Halaman Beverages Pada halaman ini user melakukan transaksi untuk pembelian minuman. Pada halaman ini terdapat gambar dari minuman yang dapat di pesan, lalu user dapat melihat menu-menu apa saja yang ada dalam menu Beverages ini dan mengisi qty untuk jumlah dari minuman yang di pesan melalui box yang ada di qty, beserta dengan harga dari minuman yang ada. User dapat memilih qty sesuai dengan yang di inginkan. Juga terdapat tombol next untuk ke halaman selanjutnya.

83 Halaman Payment Food and Beverages Gambar 3.63 Rancangan Layar Halaman Payment Food and Beverages Halaman ini menjelaskan tentang terdapat username dari user,makanan dan minuman yang akan dibeli beserta harganya. Akan muncul QRCode dari tiket dan ketika selesai terdapat tombol submit untuk mengakhiri pembelian makanan dan minuman. Lalu tombol back untuk kembali ke halaman sebelumnya.

84 Halaman My Ticket Gambar 3.64 Rancangan Layar Halaman My Ticket Pada halaman ini, user mengecek film-film yang telah dipesannya. Di halaman ini terdapat juga QR Code dari film-film tersebut. User juga dapat menghapus film-film yang tidak diinginkan untuk ditonton dengan memilih dahulu mana film yang ingin dihapus lalu langsung menekan button delete. Apabila user ingin kembali ke halaman home maka dapat menekan tombol back.

85 Halaman My Food and Beverages Gambar 3.65 Rancangan Layar Halaman My Food and Beverages Pada halaman ini, user mengecek makanan dan minuman yang telah dipesannya. Di halaman ini terdapat juga QR Code dari makanan dan minuman tersebut. User juga dapat menghapus makanan dan minuman yang tidak diinginkan untuk dibeli dengan memilih dahulu mana makanan dan minuman yang ingin dihapus lalu langsung menekan button delete. Apabila user ingin kembali ke halaman home maka dapat menekan tombol back.

86 Rancangan Layar Admin Side 1. Halaman Login Admin Gambar 3.66 Rancangan Layar Halaman Login Admin Pada halaman ini, admin melakukan login terlebih dahulu untuk dapat melakukan modifikasi data meliputi modifikasi member, movie, trailer movie, food, beverages. Apabila telah selesai mengisikan username dan password dapat mengklik button submit.

87 Halaman Member Gambar 3.67 Rancangan Layar Halaman Member Pada halaman ini, admin dapat melihat jumlah member yang telah melakukan registrasi beserta data-data member yang telah melakukan registrasi. Terdapat button delete untuk menghapus data. Lalu button update untuk mengakses halaman update. Terakhir, button logout untuk keluar ke halaman login.

88 Halaman Update Member Gambar 3.68 Rancangan Layar Halaman Update Member Pada halaman ini, admin dapat melakukan update data member meliputi update username, password, address, , telp, credit card. Apabila telah selesai melakukan update data member dapat langsung mengklik button save untuk menyimpannya.

89 Halaman Movie Gambar 3.69 Rancangan Layar Halaman Movie Pada halaman ini, admin dapat melihat daftar film baik yang sedang tayang maupun yang akan tayang beserta deskripsi masing-masing film tersebut. Terdapat button input data form modification movie untuk mengakses halaman insert. Lalu terdapat juga button delete untuk menghapus data, dan button update untuk mengakses halaman update.

90 Halaman Form Modification Movie Gambar 3.70 Rancangan Layar Halaman Form Modification Movie Pada halaman ini, admin melakukan insert data film dengan mengisikan gambar, nama, dan deskripsi film tersebut. Apabila telah selesai memasukkan data dapat mengklik tombol submit dan apabila ingin mengulang kembali pengisian dapat mengklik tombol reset.

91 Halaman Update Movie Gambar 3.71 Rancangan Layar Halaman Update Movie Pada halaman ini, admin dapat melakukan update pada gambar, nama, dan deskripsi film. Apabila telah selesai melakukan update data film dapat langsung mengklik button save untuk menyimpannya.

92 Halaman Trailer Movie Gambar 3.72 Rancangan Layar Halaman Trailer Movie Pada halaman ini, admin dapat melihat jumlah video trailer film beserta video dari masing-masing film yang ada. Terdapat button input data form modification trailer movie untuk mengakses halaman insert. Lalu terdapat juga button delete untuk menghapus data, dan button update untuk mengakses halaman update.

93 Halaman Form Modification Trailer Movie Gambar 3.73 Rancangan Layar Halaman Form Modification Trailer Movie Pada halaman ini, admin melakukan insert video film dengan mengisikan nama film dan memilih video yang akan ditampilkan dalam aplikasi android Eo- Max. Apabila telah selesai memasukkan data dapat mengklik tombol submit dan apabila ingin mengulang kembali pengisian dapat mengklik tombol reset.

94 Halaman Update Trailer Movie Gambar 3.74 Rancangan Layar Halaman Update Trailer Movie Pada halaman ini, admin dapat melakukan update pada trailer-trailer film yang telah ada sebelumnya. Apabila telah selesai melakukan update data trailer film dapat langsung mengklik button save untuk menyimpannya.

95 Halaman Food Gambar 3.75 Rancangan Layar Halaman Food Pada halaman ini, admin dapat melihat jumlah makanan yang ada. Lalu admin juga dapat melihat daftar makanan beserta dengan deskripsi dari masingmasing makanan yang ada. Terdapat button input data form modification food untuk mengakses halaman insert. Lalu terdapat juga button delete untuk menghapus data, dan button update untuk mengakses halaman update.

96 Halaman Form Modification Food Gambar 3.76 Rancangan Layar Halaman Form Modification Food Pada halaman ini, admin melakukan insert data makanan dengan mengisikan gambar, nama, dan deskripsi makanan tersebut. Apabila telah selesai memasukkan data dapat mengklik tombol submit dan apabila ingin mengulang kembali pengisian dapat mengklik tombol reset.

97 Halaman Update Food Gambar 3.77 Rancangan Layar Halaman Update Food Pada halaman ini, admin dapat melakukan update pada gambar, nama, dan deskripsi makanan. Apabila telah selesai melakukan update data food dapat langsung mengklik button save untuk menyimpannya.

98 Halaman Beverages Gambar 3.78 Rancangan Layar Halaman Beverages Pada halaman ini, admin dapat melihat jumlah minuman yang ada. Lalu admin juga dapat melihat daftar minuman beserta dengan deskripsi dari masingmasing minuman yang ada. Terdapat button input data form modification beverages untuk mengakses halaman insert. Lalu terdapat juga button delete untuk menghapus data, dan button update untuk mengakses halaman update.

99 Halaman Form Modification Beverages Gambar 3.79 Rancangan Layar Halaman Form Modification Beverages Pada halaman ini, admin melakukan insert data minuman dengan mengisikan gambar, nama, dan deskripsi minuman tersebut. Apabila telah selesai memasukkan data dapat mengklik tombol submit dan apabila ingin mengulang kembali pengisian dapat mengklik tombol reset.

100 Halaman Update Beverages Gambar 3.80 Rancangan Layar Halaman Update Beverages Pada halaman ini, admin dapat melakukan update pada gambar, nama, dan deskripsi minuman. Apabila telah selesai melakukan update data beverages dapat langsung mengklik button save untuk menyimpannya.

101 Halaman Comment Gambar 3.81 Rancangan Layar Halaman Comment Pada halaman ini, admin dapat melihat komentar-komentar terhadap suatu film dari user. Admin dapat langsung menerima komentar tersebut dengan mengklik button accept dan menampilkannya di aplikasi ataupun menghapus komentar tersebut dengan mengklik button decline.