EAS Pemrograman Web 2022

Nama: Elbert Dicky Aristyo

NRP: 5025201231

Kelas: PWEB B 

Untuk EAS ini, saya akan merancang aplikasi pendaftaran dan pelaksanaan ujian untuk seleksi pegawai dari Kementerian Kelautan dan Perikanan.


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:

    Berdasarkan alur aplikasi, kita dapat menggunakan sistem pembuatan akun untuk membedakan antara calon pendaftar dan panitia, dimana panitia akan memiliki akses dalam database berkas pendaftaran dan dapat memverifikasi dan memberi akses pencetakan kartu ujian. Calon pendaftar akan membuat akunnya sendiri dengan verifikasi KTP, sedangkan panitia sudah memiliki akun yang telah dibuat admin.

    Saat calon pendaftar ingin membuat akun, akan diminta mengisi username dan password yang diinginkan, beserta isi data KTP, seperti NIK, nama lengkap, tempat tanggal lahir, dan jenis kelamin. Setelah calon pendaftar membuat akun, mereka bisa mengupload berkas pendaftaran, foto diri, beserta data tambahan seperti kualifikasi pendidikan, formasi jabatan, dan foto tanda tangan. Calon pendaftar juga dapat memilih lokasi ujian yang diinginkan.

    Panitia akan memverifikasi berkas dari calon pendaftar, dan memberi akses mencetak kartu ujian pada berkas yang lolos. Peserta dapat mengecek status verifikasi di homepage (Belum verifikasi, Lolos verifikasi, Tidak lolos verifikasi).  Kartu ujian akan berisi data calon pendaftar yang telah diisi, beserta instansi dan lokasi kerja.
    
    Akan dibuat asumsi berdasarkan alur aplikasi bahwa jadwal pelaksanaan akan diumumkan di kemudian hari sehingga tidak tercetak di kartu peserta ujian. Kemudian, diasumsikan bahwa pendaftar yang tidak lolos verifikasi masih bisa mendaftar lagi, Diasumsikan juga bahwa nomor peserta ujian yang diperoleh dibuat secara otomatis.

UI / Prototype Aplikasi: Figma


Tabel / Database:



Algoritma untuk Backend:

Proses-proses algoritma didalam backend adalah sebagai berikut:

- Authentikasi akun user calon pendaftar atau admin (log-in dan register).

Jika user adalah admin:

- Akses CRUD database pendaftar.
- Verifikasi akses cetak kartu ujian (menggunakan Update).

Jika user adalah calon pendaftar:

-Proses mengisi pendaftaran ujian (menggunakan Create).
-Proses melihat data yang telah diisi dan status verifikasi (menggunakan Read).
-Proses mencetak kartu ujian. 
-Proses pengolahan nomor peserta ujian.


Komentar

Posting Komentar

Postingan populer dari blog ini

Latihan Backend PHP + MYSQL

Gambar
Repository Github:  Poodoop/Tugas-CRUD-PHP-MYSQL (github.com)  Untuk latihan PHP, saya membuat sistem CRUD (Create, Read, Update, Delete) pendaftaran siswa menggunakan PHP dan MYSQL. Referensi yang dipakai adalah  Tutorial PHP dan MySQL: Membuat Aplikasi CRUD [Studi Kasus Pendaftaran Siswa Baru] (petanikode.com) .  Pertama, kita menggunakan phpmyadmin untuk membuat database yang bisa diakses website. Kita bisa menghubungkan database tersebut dengan PHP pada file config.php yang akan dibuat dengan MYSQLI. kode website akan dibuat didalam folder xampp/htdocs agar bisa diakses. <?php $server = "localhost" ; $user = "root" ; $password = "" ; $nama_database = "pendaftaran_siswa" ; $db = mysqli_connect ( $server , $user , $password , $nama_database ); if ( ! $db ){     die ( "Gagal terhubung dengan database: " . mysqli_connect_error ()); } else {     echo "koneksi berhasil" ; } ? > Pada halaman indeks, ada dua link, ya
Baca selengkapnya

Pertemuan 3 Javascript

Gambar
     Berikut ini adalah contoh pengimplementasian javascript di html, dimana akan dibuat login dan signup form.      Untuk source codenya, saya menggunakan tag input text, password, submit, dan button. Pengimplementasian javascript bisa menggunakan tag script, dan disini saya memakai javascript untuk memberikan alert sukses login jika form disubmit, dan membuat halaman html signup jika button signup dipencet. index.html <! DOCTYPE html > < html lang = "en" > < head >     < meta charset = "UTF-8" >     < meta http-equiv = "X-UA-Compatible" content = "IE=edge" >     < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >     < title > Login Form </ title >     < link rel = "stylesheet" href = "style.css" > </ head > < body > < h3 > Login </ h3 > < form="Login_form" onsubmit = " submit
Baca selengkapnya

LATIHAN WEBSITE BOOTSTRAP

Gambar
 Minggu ini, kita akan membuat website dengan bantuan grid container bootstrap. Link Website:  Link Link Repository:  Repository Penjelasan:  Di head html, kita menambah import file bootstrap dan jquery agar bisa digunakan,  <!DOCTYPE html> <html lang="en"> <head> <title>Template Web Responsive dengan Bootstrap</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="bootstrap.min.css"> <script src="bootstrap.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js"></script> Untuk header, bisa digunakan class navbar. <nav class="navbar navbar-expand-md bg-dark navbar-dark"&g
Baca selengkapnya