Tugas 6 PBKK C - Cinema Web Application (Razor Pages)

 Pada artikel ini akan dibahas mengenai cara pembuatan Razor Page Movie Application menggunakan ASP.NET Core Web App. Cara pembuatan aplikasi ini berdasarkan tutorial berikut.

Berikut metode yang diperlukan dalam proses pembuatan Razor Page Movie:

1. Persiapan Instalasi Visual Studio Community, 

Jika belum memiliki VSC, silakan untuk melakukan instalasi Visual Studio Community. Cara instalasi dapat dilihat pada laman berikut.

2. Proses Pembuatan Project

Setelah instalasi selesai dilakukan, buka Visual Studio Community 2019, dan pilih Create a New Project.

Berikutnya, pilih ASP.NET Core Web App dan klik Next.

Berikan nama project dan tentukan direktori project, lalu klik Next.

Pilih Framework yang akan digunakan, dan klik Create.

Setelah itu, lakukan pembuatan halaman utama. Tutorial pembuatan dapat dilihat pada GitHub repository yang telah disebutkan sebelumnya.

Running Project by press F5 button.

Lakukan uji coba dengan memasukan data film dan klik Create.

Hasil penambahan data film, tampilannya seperti berikut.

Berikutnya dengan mencoba menghilangkan timestamp hanya menyisakan tanggal rilis pada kolom Release Date, dapat dilihat pada tutorial berikut.

Setelah itu, kita bisa menambahkan fitur pencarian secara manual pada address bar, sehingga menghasilkan tampilan berikut. (Berikut tutorialnya).

Namun, dapat dimodifikasi dengan membuat search box seperti pada tutorial berikut, sehingga tampilannya akan berubah menjadi seperti ini.

Setelahnya, fitur pencarian dapat dilakukan pemilahan (filter) dengan memodifikasi kode sumber sesuai dengan tutorial yang telah diberikan.

Berikut hasil demo dengan cara debugging project dengan menekan tombol F5.

Berikut GitHub repository dari Razor Pages Movie Application: GitHub-RazorPages.

Anggota Kelompok:

• 05111840000162 - Fransiskus Xaverius Kevin Koesnadi
• 05111840000077 - Joseph Eric Amadeo Seloatmodjo
• 05111840000081 - Feinard