EAS Pemrograman Web

EAS Pemrograman Web

Hans Sean Nathanael | 5025201019 | 2022/2023


Pertemuan terakhir kelas pemrograman web adalah EAS yang akan berjalan selama seminggu. Tugas EAS adalah merancang sistem dari kasus yang diberikan dan dibuat sistemnya. 


Deskripsi Aplikasi


Studi Kasus

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 Penggunaan 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

Aplikasi yang dibuat adalah situs pendaftaran pegawai baru Kementrian Kelautan dan Perikanan yang akan bertugas di wilayah Provinsi Jawa Timur. Tujuan pembuatan aplikasi ini adalah untuk mempermudah pendaftaran dan pemverifikasian data calon pegawai. Calon pegawai dapat mendaftar secara online dengan mengunggah dokumen data-data pribadi pada situs dan pihak pemerintah akan memverifikasi data-data tersebut dan bila memenuhi syarat, pegawai akan mendapatkan kartu ujian.

 

Aplikasi hanya akan menangani:

  1. Pendaftaran calon pegawai baru
  2. Verifikasi data calon pegawai
  3. Pencetakan kartu ujian pegawai


Aplikasi tidak akan menangani:

  1. Ujian karena ujian akan dilakukan secara luring dengan mendatangi lokasi ujian yang telah ditentukan.


Asumsi:

  1. Pendaftar yang sudah mendaftar tidak boleh mendaftar lagi.
  2. Pendaftaran akan menggunakan NIK dan data yang berada di KTP seperti nama, tanggal lahir, tempat lahir, jenis kelamin yang akan terhubung dengan sistem pemerintah (karena ini hanya asumsi bahwa ini adalah proyek pemerintah)
  3. Admin bertugas untuk mengisi data pribadi yang dimiliki oleh calon pegawai dengan melihat dokumen pribadi pegawai yang telah diverifikasi
  4. Dokumen pribadi yang dibutuhkan adalah foto, KTP, KK, akta kelahiran, ijazah terakhir, dan harus terlegalisir.
  5. Admin (yang merupakan PNS) tidak boleh mengikuti pendaftaran.


Design Antarmuka Aplikasi: Design Antarmuka Aplikasi

Berikut beberapa potongan tampilan





Design Basis Data:




Algoritma dan Proses (Back End)

Beberapa algoritma yang perlu dibuat:

  1. Login
    1. Pengguna memasukkan NIK (calon pegawai) atau username (admin)
    2. Sistem mengecek bila panjang adalah 12 karakter angka maka mengecek pada data calon pegawai, bila panjang melebihi 12 karakter dan bukan terdiri dari angka saja maka mengecek pada data admin.
    3. Session izin akan disimpan
  2. Proses Pendaftaran Calon Pegawai
    1.  Pegawai membuat akun
    2. Pegawai memasukkan dokumen-dokumen syarat
  3. Proses Verifikasi Calon Pegawai
    1. Admin memasukkan pencarian data calon pegawai
    2. Admin membuka data calon pegawai
    3. Admin menyatakan data benar
    4. Peserta akan mendapatkan nomor peserta
  4. Pembuatan Nomor Peserta
    1. Ketika admin memverivikasi data peserta, data jumlah peserta akan bertambah
    2. Jumlah peserta digunakan untuk membuat nomor peserta
  5. Unduh Kartu Peserta
    1. Data kartu peserta akan dibuat menggunakan data akun peserta.


Komentar

Posting Komentar

Postingan populer dari blog ini

Latihan Backend PHP dan MySQL

Gambar
Latihan Backend PHP dan MySQL Hans Sean Nathanael | 5025201019 | 2022/2023          Pertemuan kesebelas kelas Pemrograman Web kali ini membahas MySQL dan cara penggunaannya pada web menggunakan bahasa PHP. Di akhir kelas terdapat tugas membuat situs sederhana berupa situs pendaftaran siswa yang mengimplementasikan backend dengan MySQL dan PHP. Situs Langkah-langkah pengerjaan terdapat pada situs  dengan sedikit modifikasi pada tampilan menggunakan bootstrap. Link situs:   situs Link repository:  repository Berikut adalah screenshot beberapa tampilan situs
Baca selengkapnya

Tugas Pemrograman Web Membuat Curriculum Vitae Menggunakan HTML dan CSS

Gambar
Tugas 1 Hans Sean Nathanael |  5025201019 | 2022/2023      Pertemuan pertama perkuliahan kelas pemrograman web dimulai dengan pengenalan mata kuliah, membahas HTML, dan sebagai tugas awal membuat sebuah curriculum vitae dengan menggunakan HTML dan CSS. Pada postingan ini saya akan membagikan apa yang telah saya buat. Saya membuat sebuah CV sederhana yang sebagian besar hanya berisikan tulisan informasi dan kualifikasi diri. Referensi yang saya gunakan berasal dari w3school dan stackoverflow. Link curriculum vitae: curriculum vitae  (situs dapat diakses, hanya saja wifi ITS susah mengakses kemungkinan karena alasan keamanan, bisa diakses bila menggunakan kuota internet HP) Link source code: repository source code   index.html 1: <!DOCTYPE html> 2: <html> 3: <head> 4: <base href="https://hanssean.000webhostapp.com/" target="_self"> 5: <title>Hans Sean's Personal Blog</title> 6: <meta charset...
Baca selengkapnya

Latihan jQuery

Gambar
 Latihan Sederhana jQuery Hans Sean Nathanael | 5025201019 | 2022/2023          Pada pertemuan keenam kuliah kelas pemrograman web membahas tentang jQuery, bagaimana cara menambahkan library jQuery pada HTML, kemudian syntax-syntax jQuery, fitur, dan cara menggunakan jQuery. Kemudian di akhir kelas terhadap latihan sederhana jQuery yaitu membuat sebuah situs dengan tombol yang dapat menampilkan angka dan angkanya akan bertambah setiap kali tombol ditekan. Perubahan HTML dilakukan dengan menggunakan function-function jQuery. Situs:  situs Repository:   repository Berikut adalah source code yang dibuat <!DOCTYPE html> <html> <head> <title>Latihan jQuery</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.1/dist/css/bootstrap.min.css" rel="stylesheet" inte...
Baca selengkapnya