EAS - Pemrograman Web A 

Nama    : Syaiful Bahri Dirgantara
NRP      : 5025201203
Kelas     : Pemrograman Web A
Tahun    : 2022/2023


Aplikasi Pendaftaran Ujian Pegawai Kementrian Kelautan dan Perikanan

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

Pertanyaan.

1. Dikerjakan sesuai jam kuliah dan secara mandiri/ bukan kelompok
  • a. Buatlah deskripsi aplikasi berdasarkan studi kasus di atas dan asumsi-asumsi yang diperlukan.
  • b. Rancang UI/ Prototipe aplikasi.
  • c. Rancang tabel dan database yang dipakai
  • d. Buat algoritma dan nama proses yang diperlukan sebagai back end aplikasi


Jawab :

1. Deskripsi Aplikasi

    Aplikasi pendaftaran dan pelaksanaan ujian perekrutan pegawai Kementrian Kelautan dan Perikanan Provinsi Jawa Timur. Aplikasi ini akan dikembangkan dalam bentuk website. Aplikasi ini diharapkan nantinya dapat memudahkan panitia ujian dalam hal pendaftaran. Dengan aplikasi ini, panitia ujian akan lebih mudah mengelola data pendaftar dan memverifikasinya. Di dalam website ini akan ada 2 tipe user, yaitu admin dan pendaftar. User admin akan memiliki username dan password default, sedangkan pendaftar membuatnya saat melakukan pendaftaran. Pendaftar memiliki akses untuk membuat akun, mengunggah berkas pendaftaran dan foto diri, serta mencetak kartu peserta ujian ketika telah terverifikasi. Admin memiliki akses untuk mengelola data pendaftar dan memverifikasi data setiap pendaftar yang masuk.

2. Asumsi yang digunakan

    Di dalam pembuatan aplikasi ini tentunya perlu beberapa asumsi yang akan membatasi lingkup pengembangannya. Asumsi-asumsi tersebut adalah sebagai berikut :

1. Pendaftar hanya bisa mendaftarkan dirinya sebanyak sekali. Tidak ada NIK yang dapat didaftarkan lebih dari sekali.

2. Pendaftar yang telah terverifikasi tidak akan diubah kembali statusnya ke tidak terverifikasi.

3. Pendaftar yang belum terverifikasi bisa diubah statusnya ke terverifikasi hingga pada waktu yang ditentukan.

4. Semua Panitia mengakses aplikasi dengan username dan password default untuk menjadi admin.

3. Rancangan UI / Prototipe Aplikasi

    Berikut merupakan rancangan UI / Prototipe dari aplikasi yang akan dibuat :

- Landing Page


- Sign Up Page


- Login Page


- Home Page


- Form Pendaftaran


- Tampilan Lolos Pendaftaran


- Tampilan Tidak Lolos Pendaftaran


- Page Cetak Kartu Peserta


- Admin Page



4. Rancangan Database Aplikasi

    Berikut merupakan rancangan database yang akan digunakan dalam aplikasinya.




5. Rancangan Proses Back End Aplikasi

    Berikut merupakan algoritma dan proses back end secara singkat. Algoritma dibedakan berdasarkan pengguna web.

A. Untuk Pendaftar
- Autentikasi dan validasi sign up dan login
- Pengisian form dan pengunggahan berkas (CREATE)
- Pengecekan kelolosan pendaftaran (READ)
- Pencetakan Kartu Peserta (READ)

B. Untuk Panitia
- Autentikasi dan validasi login sebagai admin
- CRUD data peserta
- Verifikasi kelolosan data peserta (READ)

*Semua rancangan diatas dapat berubah sewaktu-waktu untuk penyesuaian pengerjaan.

Sekian, Terima kasih.

Komentar

Posting Komentar

Postingan populer dari blog ini

Tugas 7 - View Model & State in Compose

Gambar
  Tugas 7 - View Model & State in Compose Nama     : Syaiful Bahri Dirgantara Kelas     : PPB F Pendahuluan Pada pertemuan kali ini dijelaskan mengenai penggunaan dari ViewModel dan State dalam Kotlin menggunakan compose. Kali ini diimplementasikan ke dalam sebuah game scramble world. Fungsi penggunaan ViewModel dan State dalam compose ini adalah supaya ketika terjadi suatu perubahan seperti saat berpindah dari portrait ke landscape aplikasi tidak mulai dari awal lagi. Tampilan implementasi Tampilan aplikasi sebelum mendapatkan kata yang benar skor masih 0 Tampilan aplikasi setelah mendapatkan kata yang benar maka skor bertambah menjadi 20 Tampilan saat aplikasi dipindah ke landscape skor tetap Source Code :  1. MainActivity.kt package com.example.unscramble import android.os.Bundle import androidx.activity.ComponentActivity import androidx.activity.compose.setContent import androidx.activity.enableEdgeToEdge import androidx.compose.foundation.layout.fi...
Baca selengkapnya

Tugas 6 - Image Scroll

Gambar
 Tugas 6 - Image Scroll Nama     : Syaiful Bahri Dirgantara Kelas     : PPB F Pendahuluan Pada pertemuan ini dijelaskan bagaimana membuat image scroll menggunakan material design. Digunakan Card untuk membuat image scroll ini. Dalam pembelajarannya juga disertakan referensi video dari You Tube. Berikut hasil implementasi saya. Sebelum scrolling : Setelah scrolling : Source Code : 1. MainActivity.kt package com.example.affirmations import android.os.Bundle import androidx.activity.ComponentActivity import androidx.activity.compose.setContent import androidx.compose.foundation.Image import androidx.compose.foundation.layout.Column import androidx.compose.foundation.layout.fillMaxSize import androidx.compose.foundation.layout.fillMaxWidth import androidx.compose.foundation.layout.height import androidx.compose.foundation.layout.padding import androidx.compose.foundation.lazy.LazyColumn import androidx.compose.foundation.lazy.items import androidx.compose.material3....
Baca selengkapnya

Tugas 4 - Komponen Button

Gambar
   Tugas 4 - Komponen Button Nama     : Syaiful Bahri Dirgantara Kelas     : PPB F Pendahuluan Pertemuan ini menjelaskan bagaimana menambahkan komponen button untuk aplikasi Andorid. Penambahan komponen button ini diimplementasikan dengan membuat aplikasi dice roller. Berikut merupakan implementasinya. Source Code :  package com.example.diceroller import android.os.Bundle import androidx.activity.ComponentActivity import androidx.activity.compose.setContent import androidx.compose.foundation.Image import androidx.compose.foundation.layout.Column import androidx.compose.foundation.layout.Spacer import androidx.compose.foundation.layout.fillMaxSize import androidx.compose.foundation.layout.height import androidx.compose.foundation.layout.wrapContentSize import androidx.compose.material3.Button import androidx.compose.material3.MaterialTheme import androidx.compose.material3.Surface import androidx.compose.material3.Text import androidx.compose.runtime. C...
Baca selengkapnya