EAS Pemrograman Web B

EAS Pemrograman Web B


Nama : Wina Tungmiharja

NRP : 5025201242

Kelas : Pemrograman Web B

Tahun : 2022


Scroll ke hasil implementasi >

1. Latar Belakang

1.1 Permasalahan

Kementerian Kelautan dan Perikanan (KKP) merupakan kementerian dalam pemerintahan Indonesia yang bergerak dalam bidang urusan kelautan dan perikanan. KKP membutuhkan pegawai baru untuk menjalankan tugas di wilayah Provinsi Jawa Timur. Untuk melaksanakan seleksi pegawai membutuhkan sebuah aplikasi pendaftaran dan pelaksanaan ujian.Dengan adanya aplikasi ini, diharapkan proses seleksi pegawai baru yang dibutuhkan akan menjadi lebih cepat, aman, dan transparan.

1.2 Rumusan Masalah

  • Bagaimana mengembangkan aplikasi yang bisa mewadahi proses pegawai baru?

  • Bagaimana alur proses ujian yang tepat dan efektif untuk pelaksanaan ujian Kementerian Kelautan dan Perikanan?

1.3 Tujuan

  • Menyediakan aplikasi sebagai wadah proses pegawai baru

  • Menyediakan alur yang tepat, efektif, sesuai dengan kebutuhan yang diperlukan agar mudah dioperasikan

1.4 Manfaat

  • Bagi Kementerian Kelautan dan Perikanan

Memenuhi kebutuh Kementerian untuk pendaftaran pegawai 

  • Bagi Masyarakat Calon Pegawai

Memudahkan akses pendaftaran mudah dari manapun

Memastikan proses pendaftaran yang transparan

1.3 Asumsi

  • Terdapat 2 jenis pengguna yang menggunakan aplikasi, yaitu panitia dan pendaftar

  • Aplikasi berbentuk website dan dapat diakses oleh semua orang


1.4 UI/Prototype Aplikasi


Diatas merupakan hasil UI Prototipe yang telah dibuat dengan Figma, kemudain dibawah ini adalah tampilan tersebut, dimulai dengan pengguna berupa pendaftar:

  • Pendaftar - Login



  • Pendaftar - Register



  • Pendaftar - Membuat ajuan pendaftaran



  • Pendaftar - Melihat status pendaftaran



  • Pendaftar - Print Kartu Ujian




Selain itu, berikut ini tampilan untuk pengguna yaitu panitia :


  • Panitia - Login



  • Panitia - Register



  • Panitia - Melihat ajuan pendaftaran



  • Panitia - Melihat detail pendaftaran



  • Panitia - Melihat Daftar Jadwal



  • Panitia - Membuat Jadwal baru




1.5 Database



1.6 Algoritma


  1. Proses pendaftaran

Input: data calon pegawai (nama, tanggal lahir, jenis kelamin, alamat, no telepon, email)

Output: pendaftaran berhasil, data calon pegawai tersimpan di database

Algoritma : 

Calon pegawai mengakses website resmi Kementerian Kelautan dan Perikanan dan mengisi formulir pendaftaran yang tersedia.

Calon pegawai mengisi data diri seperti nama, tanggal lahir, jenis kelamin, alamat, no telepon, dan email.

Calon pegawai mengupload berkas-berkas yang dibutuhkan seperti foto, scan KTP, dan scan ijazah terakhir.

Sistem akan memvalidasi data yang diinput oleh calon pegawai, jika data valid maka sistem akan menyimpan data calon pegawai di database dan menampilkan pesan "Pendaftaran berhasil".

Jika data tidak valid, sistem akan menampilkan pesan error dan meminta calon pegawai untuk menginput ulang data yang tidak valid.


  1. Proses pengelolaan data panitia ujian

Input: data panitia ujian (nama, tanggal lahir, jenis kelamin, alamat, no telepon, email)

Output: data panitia ujian tersimpan di database.

Algoritma : 

Admin mengakses aplikasi dan masuk ke menu pengelolaan data panitia ujian.

Admin ataupun panitia itu sendiri bisa mengisi data panitia ujian yang akan ditambahkan, seperti nama, tanggal lahir, jenis kelamin, alamat, no telepon, dan email.

Sistem akan memvalidasi data yang diinput, jika data valid maka sistem akan menyimpan data panitia ujian di database dan menampilkan pesan "Data panitia ujian berhasil ditambahkan".

Jika data tidak valid, sistem akan menampilkan pesan error dan meminta admin untuk menginput ulang data yang tidak valid.


  1. Proses Verifikasi Berkas Pendaftar

Input: daftar calon pegawai yang telah mendaftar dan belum diverifikasi, serta berkas-berkas yang dibutuhkan seperti CV, Scan Ijazah, Scan KTP, dan foto formal

Output: status verifikasi berkas calon pegawai tersimpan di database, calon pegawai yang lulus dan di verifikasi dapat lanjut ke tahap selanjutnya yaitu pelaksanaan ujian.

Algoritma: 

Panitia mengakses website aplikasi dan masuk ke menu verifikasi berkas pendaftar.

Sistem akan menampilkan daftar calon pegawai yang telah mendaftar dan belum diverifikasi.

Panitia memilih calon pegawai yang akan diverifikasi dan mengecek berkas-berkas yang telah diupload oleh calon pegawai.

Jika berkas-berkas yang diupload valid dan lengkap, admin mencentang kolom "Diterima" pada daftar calon pegawai tersebut.

Sistem akan menyimpan status verifikasi berkas calon pegawai ke dalam database dan menampilkan pesan "Verifikasi berkas calon pegawai berhasil dilakukan".

Jika berkas-berkas yang diupload tidak valid atau tidak lengkap, admin mencentang kolom "Ditolak" pada daftar calon pegawai tersebut dan memberikan alasan penolakan.

Sistem akan menyimpan status verifikasi berkas calon pegawai ke dalam database dan menampilkan pesan "Verifikasi berkas calon pegawai berhasil dilakukan".


  1. Proses Pelaksanaan Ujian

Input : Daftar calon pegawai yang terdaftar di jadwal ujian

Output : Hasil ujian tersimpan di database.

Algoritma : 

Panitia ujian mengakses aplikasi dan masuk ke menu pelaksanaan ujian.

Panitia ujian memilih jadwal ujian yang akan dilaksanakan.

Sistem akan menampilkan daftar calon pegawai yang terdaftar di jadwal ujian tersebut.

Panitia ujian membagikan soal-soal ujian kepada calon pegawai yang hadir.

Calon pegawai mengerjakan soal-soal ujian yang diberikan oleh panitia ujian.

Setelah waktu ujian habis, calon pegawai menyerahkan jawaban ujian kepada panitia ujian.

1.7 Flow Pengguna


  1. Pendaftar Side

  1. Register

Input : Email, username, dan password

Output : Register sukses, data akun akan disimpan dalam tabel Pendaftar

Proses : Sistem akan mengambil dan memasukkan data input ke dalam database tabel Pendaftar


  1. Login dan Autentikasi

Input : Email dan password

Output : Login Berhasil

Proses : Sistem akan mencocokkan email dan password inputan dengan email dan password di dalam tabel Pendaftar


  1. Proses Pendaftaran

Input : Data masukan pendaftar

Output : Pendaftaran berhasil, status berkas menjadi menunggu verifikasi

Proses : Sistem akan mengambil dan memasukkan data input ke dalam database tabel Berkas Pendaftaran dengan foreign key Pendaftar_id menunjuk pada ID pada tabel pendaftar. Status akan secara otomatis terisi menjadi menunggu verifikasi


  1. Proses Melihat Kartu Ujian

Input : ID User

Output : Sistem menampilkan kartu ujian

Proses : Sistem akan mengambil data pada tabel Berkas_Pendaftaran dengan mencocokkan foreign keynya. Apabila status lolos berkas, sistem akan menampilkan kartu ujian yang mengambil data dari tabel Berkas_Pendaftaran dan Jadwal_Ujian


  1. Panitia Side

  1. Login dan Authentikasi

Input : Email dan password

Output : Login Berhasil

Proses : Sistem akan mencocokkan email dan password inputan dengan email dan password di dalam tabel Admin


  1. Proses Melihat Pendaftar

Input : -

Output : Menampilkan seluruh pendaftar yang melakukan upload berkas

Proses : Sistem akan mengambil seluruh data pada tabel Berkas_Pendaftaran


  1. Proses Verifikasi

Input : ID pada tabel Berkas_Pendaftaran

Output : Sukses melakukan verifikasi

Proses : Sistem akan mengambil detail berkas dari tabel Berkas_Pendaftaran. Apabila dirasa cukup, admin dapat mengubah status pada tabel Berkas_Pendaftaran menjadi Lolos Berkas atau Tidak Lolos Berkas


  1. Proses Membuat Jadwal Ujian

Input : Data masukan admin

Output : Jadwal Ujian berhasil dibuat

Proses : Pada halaman verifikasi pendaftaran, admin akan diarahkan pada halaman pembuatan jadwal ujian. Admin akan mengisi data jadwal ujian. Sistem akan menyimpan data masukan admin ke dalam database pada tabel Jadwal_Ujian dengan foreign key berupa ID dari tabel Berkas_Pendaftaran

2. Implementasi

Repository FrontEnd : Github

Repository BackEnd : Github

Dokumentasi Backend : Postman


Hasil Website : www.sbmkkp.online


  1. Sisi Pendaftar


  1. Daftar Akun



  1. Masuk Akun



  1. Melakukan Ajuan Pendaftaran



  1. Mengisi Ajuan Pendaftaran



  1. Melihat Riwayat (pending)



  1. Melihat Riwayat (verified)



  1. Melakukan preview Kartu Ujian





  1. Print Kartu Ujian




  1. Sisi Panitia


  1. Daftar Akun



  1. Masuk Akun



  1. Melihat Daftar Pendaftaran



  1. Konfirmasi Daftar Pendaftaran



  1. Hapus Daftar Pendaftaran



  1. Edit Daftar Pendaftaran



  1. Detail Daftar Pendaftaran



  1. Melihat Jadwal Pendaftaran



  1. Edit Jadwal Pendaftaran



  1. Hapus Jadwal Pendaftaran



  1. Tambah Jadwal Pendaftaran



3. Presentasi

Komentar

Postingan Populer