Pemograman Web - Berliana Panca: EAS

NAMA : Berliana Panca Dewi Nurhidayah

NRP : 5053231028

KELAS : RPL

Deskripsi : Jawaban EAS

1. Deskripsikan Topik Final Project yang dikerjakan, dan jelaskan fitur yang tersedia di dalam aplikasi

Topik final project yang kami kerjakan adalah sistem pemesanan tiket bioskop berbasis web, yang bertujuan untuk memudahkan pengguna dalam melihat jadwal film, membaca informasi detail film,

dan memesan tiket secara online. Aplikasi ini dirancang agar pengguna dapat menikmati pengalaman

yang praktis dan efisien tanpa perlu datang langsung ke bioskop.

Fitur fitur yang disediakan yaitu :

1. Halaman Utama (Homepage)

Kami menampilkan daftar film yang sedang tayang (now showing) beserta poster-poster film tersebut.

Kami menyediakan fitur pencarian untuk membantu pengguna menemukan film yang mereka inginkan dengan cepat.

2. Informasi Detail Film

Sinopsis film.
Genre film.
Nama sutradara dan aktor utama.
Durasi penayangan.

3. Pemilihan Jadwal Penayangan

Kami menyediakan fitur untuk memilih jadwal penayangan berdasarkan tanggal dan jam sesuai preferensi pengguna.

4. Pemesanan Tiket

Tombol "Buy Ticket" pada halaman detail film memungkinkan pengguna memesan tiket secara langsung.
Setelah memilih jadwal dan jumlah tiket, pengguna diarahkan ke halaman pembayaran

5. Desain Responsif

Aplikasi kami dirancang dengan desain responsif sehingga dapat digunakan dengan nyaman di perangkat desktop maupun mobile.

6. Integrasi Database

Kami mengintegrasikan database MySQL untuk menyimpan data film, jadwal, dan pemesanan tiket, sehingga proses pengelolaan data lebih terstruktur

2. Jelaskan Arsitektur MVC Aplikasi Final Project yang dikerjakan

Arsitektur aplikasi final project kami dirancang menggunakan Model-View-Controller (MVC), yang memisahkan logika aplikasi menjadi tiga komponen utama untuk mempermudah pengelolaan dan pengembangan aplikasi. Berikut adalah penjelasan masing-masing komponen MVC yang kami terapkan dalam aplikasi sistem pemesanan tiket bioskop berbasis web

1. Model

Fungsi:
Komponen Model bertanggung jawab untuk mengelola logika data dan berinteraksi langsung dengan database. Dalam aplikasi kami, Model digunakan untuk:

Mengambil data film, jadwal penayangan, dan informasi pemesanan dari database MySQL.
Menyimpan data pemesanan tiket yang dilakukan oleh pengguna.
Melakukan validasi atau manipulasi data yang diperlukan.

Contoh Implementasi:

Model akan mengambil daftar film dari tabel movies di database dan mengirimkannya ke Controller.
Ketika pengguna melakukan pemesanan, data tiket akan disimpan di tabel bookings.

2. View

Fungsi:
Komponen View bertanggung jawab untuk menampilkan data kepada pengguna dalam bentuk antarmuka yang menarik dan mudah digunakan. Dalam aplikasi kami, View:

Menyediakan halaman utama yang menampilkan daftar film yang sedang tayang.
Menampilkan halaman detail film yang berisi sinopsis, informasi genre, durasi, dan tombol untuk memesan tiket.
Memberikan form pemesanan tiket dan menampilkan informasi jadwal film yang dipilih pengguna.

Contoh Implementasi:

Halaman HTML, CSS, dan JavaScript yang mendukung fitur seperti tampilan daftar film, detail film, dan form pemesanan.
View berinteraksi dengan Controller untuk menampilkan data dinamis, seperti informasi film yang dipilih atau jadwal yang tersedia.

3. Controller

Fungsi:
Komponen Controller menjadi penghubung antara Model dan View. Controller menerima input dari pengguna (misalnya, klik pada poster film atau form pemesanan tiket), memproses permintaan tersebut, dan mengarahkan hasilnya ke View.

Tugas Controller dalam aplikasi kami:

Menerima permintaan pengguna, seperti mengklik poster film untuk melihat detail atau memesan tiket.
Mengambil data yang sesuai dari Model berdasarkan permintaan tersebut.
Mengirim data ke View agar ditampilkan kepada pengguna.

Contoh Implementasi:

Ketika pengguna mengklik poster Spider-Man, Controller akan memanggil Model untuk mengambil detail film dari database, lalu mengirim data tersebut ke View untuk ditampilkan.
Ketika pengguna mengisi form pemesanan tiket, Controller akan memproses data tersebut dan mengarahkan pengguna ke halaman konfirmasi atau pembayaran.

Alur Kerja MVC pada Aplikasi:

Pengguna melakukan interaksi di View
- Contoh: Mengklik poster film "Spider-Man".
Permintaan diteruskan ke Controller
- Controller menerima permintaan dan memutuskan tindakan yang perlu dilakukan. Dalam hal ini, Controller memanggil Model untuk mengambil data film "Spider-Man".
Model memproses data
- Model mengambil informasi lengkap tentang film "Spider-Man" dari database dan mengembalikannya ke Controller.
Controller mengarahkan data ke View
- Controller mengirimkan data detail film ke View, yang kemudian menampilkan informasi tersebut kepada pengguna.

Keunggulan Arsitektur MVC:

Pemeliharaan Mudah: Pemisahan tugas antara Model, View, dan Controller memudahkan pengelolaan kode.
Fleksibilitas: Jika ada perubahan pada antarmuka (View) atau logika bisnis (Model), perubahan dapat dilakukan tanpa memengaruhi komponen lainnya.
Skalabilitas: Struktur MVC memudahkan pengembangan aplikasi ke fitur yang lebih kompleks di masa depan.

Dengan menerapkan arsitektur MVC, aplikasi kami memiliki struktur yang rapi, mudah dikembangkan, dan memberikan pengalaman yang lebih baik bagi pengguna.

3. Buatlah Desain UI dari aplikasi dan jelaskan fungsinya