EAS - Pemrograman Web M

➡ EDM Arena is live now! Join us and experience the vibe! ⬅

Soal Evaluasi Akhir Semester

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

Topik Final Project:

EDM Arena: Portal Berita dan Kalender Event EDM

Proyek ini adalah sebuah aplikasi web yang berfungsi sebagai portal berita untuk penggemar musik EDM. Selain menyajikan berita terbaru tentang dunia EDM, aplikasi ini menyediakan kalender event EDM yang mencakup festival atau konser mendatang, yang dapat dicari berdasarkan lokasi, tanggal, atau genre.

Tujuan aplikasi adalah memberikan informasi yang relevan, mudah diakses, dan menarik untuk komunitas EDM, sehingga pengguna dapat tetap terhubung dengan dunia musik elektronik.

Fitur Utama:

· Berita Terkini

o Artikel tentang rilisan lagu terbaru, ulasan event, dan wawancara eksklusif dengan DJ.

o Kategori artikel seperti "New Releases," "Event Reviews," dan "Artist Insights."

· Kalender Event EDM

o Pencarian event berdasarkan lokasi, tanggal, atau genre.

o Detail event termasuk lineup DJ, harga tiket, deskripsi lokasi, dan link pembelian tiket.

o Integrasi dengan Maps untuk menampilkan lokasi event.

· Live Updates (Opsional jika event mendukung streaming)

o Streaming langsung festival tertentu.

o Setlist lagu yang dimainkan saat event berlangsung.

· Komunitas Pengguna

o Profil pengguna untuk menyimpan event favorit dan menulis ulasan event.

o Forum diskusi tentang rekomendasi lagu atau pengalaman festival.

· Konten Multimedia

o Playlist DJ.

o Highlight video festival.

2. Jelaskan Arsitektur MVC Aplikasi Final Project yang dikerjakan.

Aplikasi EDM Pulse menggunakan arsitektur Model-View-Controller (MVC) untuk memisahkan logika aplikasi, antarmuka pengguna, dan pengolahan data agar lebih terstruktur, fleksibel, dan mudah dikelola.

a. Model (M)

Model bertanggung jawab untuk menangani data dan logika bisnis aplikasi.

Contoh dalam aplikasi:

· Tabel Database:

o events: Menyimpan data event seperti nama event, lokasi, tanggal, lineup, dan harga tiket.

o users: Menyimpan data pengguna seperti nama, email, dan daftar event favorit.

o articles: Menyimpan berita EDM, kategori, dan konten artikel.

· Logika Bisnis:

o Fungsi untuk menambahkan, mengedit, atau menghapus data event.

o Fungsi untuk memfilter event berdasarkan kriteria pencarian pengguna.

b. View (V)

View bertanggung jawab untuk menampilkan data kepada pengguna dengan desain antarmuka yang menarik.

Contoh dalam aplikasi:

· Halaman utama: Menampilkan berita terbaru dan daftar event populer.

· Halaman detail event: Menampilkan informasi lengkap event dengan integrasi peta.

· Halaman profil pengguna: Menampilkan event favorit yang disimpan oleh pengguna.

c. Controller (C)

Controller bertindak sebagai penghubung antara Model dan View, menerima input pengguna, memprosesnya, dan mengarahkan data ke Model atau View sesuai kebutuhan.

Contoh dalam aplikasi:

· Input pengguna:

o Pengguna mencari event dengan filter lokasi dan tanggal.

· Proses:

o Controller mengambil data dari Model sesuai dengan filter yang diberikan.

· Output:

o Controller mengirimkan data event yang sesuai ke View untuk ditampilkan.

3. Buatlah Desain UI dari aplikasi dan jelaskan fungsinya.