Pemrograman Web (B) - EAS Pemrograman Web 2022

Pendaftaran Pegawai Baru KKP

Blog ini merupakan laporan pengerjaan EAS Pemrograman Web B tahun 2022. Berikut untuk detail dari pengerjaan sesuai dengan soal yang diberikan

Penyusun:

Nur Muhammad Ainul Yaqin (5025201011)

Soal:

Kementrian Kelautan dan Perikanan sedang membutuhkan pegawai baru untuk menjalankan tugas di wilayah Provinsi Jawa Timur. Untuk melaksanakan seleksi pegawai membutuhkan sebuah aplikasi pendaftaran dan pelaksanaan ujian.

Alur Aplikasi:

1. Calon Pendaftar membuat user name dengan verifikasi data ktp
2. Calon Pendaftar mengupload berkas pendaftaran dan foto diri
3. Panitia memverifikasi berkas pendaftaran. Bagi peserta yang lolos berkas, diberi akses mencetak kartu ujian masuk.
4. Pendaftar yang lolos verifikasi, mencetak kartu ujian. Kartu Peserta ujian seperti nampak pada gambar di atas.
5. Pendaftar melaksanakan ujian secara offline sesuai dengan lokasi yang ditentukan.

Deskripsi Aplikasi disertai Asumsi Potensial:

Aplikasi pendaftaran dan pelaksanaan ujian untuk Kementrian Kelautan dan Perikanan Provinsi Jawa Timur ini akan membantu panitia dalam melakukan seleksi pegawai baru. Aplikasi akan secara otomatis memberikan jadwal serta lokasi ujian kepada calon pegawai baru. Aplikasi ini akan membantu panitia dalam mengelola data calon pendaftar dan melakukan verifikasi secara cepat dan akurat.

Penggunaan aplikasi ini cukup jelas dan singkat. Aplikasi ini akan memungkinkan calon pendaftar untuk membuat username dan memverifikasi data KTP sebelum mengupload berkas pendaftaran dan foto diri. Setelah berkas pendaftaran diupload, panitia akan melakukan verifikasi dan hanya calon pendaftar yang lolos verifikasi yang akan diberi akses untuk mencetak kartu ujian masuk. Pendaftar yang lolos verifikasi tersebut akan dapat mencetak kartu ujian sesuai dengan format yang telah ditentukan. Pendaftar yang sudah memiliki kartu ujian dapat melaksanakan ujian secara offline sesuai dengan lokasi yang telah ditentukan.

Terdapat beberapa asumsi yang mungkin perlu ditambahkan di luar alur yang telah diberikan tersebut. Beberapa di antaranya adalah sebagai berikut.

1. Calon pegawai (pendaftar) yang telah terdaftar tidak boleh mendaftar lagi (double register). Hal itu untuk menghilangkan potensi kecurangan di mana seorang calon pegawai telah terdaftar ujian di suatu lokasi, bisa mengikuti ujian di lokasi lain atau waktu lain sehingga tidak fair untuk calon pegawai lain.
2. Pendaftar yang tidak lolos dapat mendaftar lagi.
3. Verifikasi pendaftaran dan berkas dilakukan secara manual dari sisi admin.

Rancang UI atau Prototipe:

Beberapa rancang UI atau prototipe ditunjukkan sebagai berikut di bawah. 

Tampilan Awal Sisi Pendaftar

Tampilan Login Sisi Pendaftar

Tampilan Formulir Pendaftaran Sisi Pendaftar

Tampilan Pasca Formulir Sisi Pendaftar

Selengkapnya, dapat dilihat pada tautan Figma berikut.

Link Desain UI: https://www.figma.com/file/VA......

Link Prototipe: https://www.figma.com/proto/VA......

Rancang Tabel dan Database:

Rancang tabel dan database adalah sebagai berikut.

DB Diagram

Atau dapat diakses pada tautan berikut.

Link DB Diagram: https://dbdiagram.io/d/639......

Algoritma dan Proses (Back End):

Secara singkat, beberapa algoritma dan proses yang berjalan pada back end adalah sebagai berikut*.

1. Untuk Sisi Admin
• Autentikasi login (akun Admin).
• Proses CRUD (Create, Read, Update, Delete) data peserta.
• Proses menampilkan data dan verifikasi (meliputi proses READ, UPDATE, DELETE).
2. Untuk Sisi Pengguna
• Autentikasi register dan login (akun Pendaftar).
• Auto generate lokasi dan waktu (sesuai kuota yang masih tersedia).
• Proses pengunggahan isian dan berkas (meliputi proses CREATE).
• Proses mengecek status pendaftaran (meliputi proses READ).
• Proses pengecekan hasil ujian (meliputi proses READ).

*Daftar tersebut dapat bertambah sesuai kebutuhan saat pengerjaan.

Pengerjaan Kelompok

Sebagai lanjutan tugas EAS individu di atas, pengerjaan website dilakukan secara berkelompok. Kelompok terdiri dari anggota sebagai berikut.

1. Rahmat Faris Akbar (50525201003)
2. Helsa Nesta Dhaifullah (5025201005)
3. Nur Muhammad Ainul Yaqin (5025201011)

Implementasi Rancangan yang telah Dibuat 

Implementasi dilakukan dengan menggunakan gabungan dari masing-masing rancangan anggota kelompok. Sehingga, terdapat perbedaan dengan apa yang telah dirancang pada poin-poin di atas (individu). Perbedaan tersebut meliputi rancangan tabel database, serta alur pada saat peserta menunggu hasil verifikasi admin, dimana pada hasil yang telah dikerjakan, dibuat semudah dan sesingkat mungkin untuk alur tersebut.

Hasil dari pengerjaan kelompok adalah sebagai berikut.

Tautan Repository Github:

https://github.com/helsanesta/finalproject_pweb

Tautan Website (Deployed):

https://seleksi-kkpjatim.online/

Akun Admin: admin

Password: admin123

*Problem telah solved!

Presentasi Demo Website yang telah Dibuat

Video presentasi demo website dapat disimak dalam tautan YouTube berikut.

Tautan Video:

https://youtu.be/4bhKpaZBl_c

Dokumentasi:

User

Tampilan Panduan (User)

Tampilan Form Daftar Seleksi (User)

Tampilan File Manager Hosting Server

Tampilan Database Server

Tampilan Dashboard (Admin)

Terima kasih!