EAS PWEB


 WEBSITE PENDAFTARAN DAN VERIFIKASI DATA PESERTA TES CPNS

                

        Kelas : PWEB (B) 

        Anggota Kelompok :

                5025201206 - MUHAMMAD RAIHAN ATHALLAH

                5025201261 - AQIL RAMADHAN HADIONO


         DESKRIPSI APLIKASI

   Aplikasi berupa form pendaftaran tes dengan menerim beberap macam input seperti file,text, dan foto. Kemudian ada bagian admin atau dashboard panitia untuk memantau data-data yang sudah terdaftar dan melakukan verifikasi apakah data  tersebut sudah benar apa tidak. Setelah terverifikasi panitia akan memberi izin untuk mencetak kartu  peserta. Yang perlu dilakukan membuat 2 bagian aplikasi untuk pendaftar dan panitia  dengan tugas yang berbeda.

  

      ALUR APLIKASI

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

        DESAIN DATABASE (CDM)


        

        RANCANGAN UI    

https://www.figma.com/file/YGt490aHw0oDIX6sL7K5wP/EAS_PWEB?node-id=0%3A1&t=DY3bVwNSmyutqwme-1
    
        RANCANGAN ALGORITMA

    • Query untuk insert data yang diterima dari pendaftar
    • Query untuk menampilkan data pendaftar
    • Query untuk melakukan verifikasi NIK
    • Query untuk melakukan login akun
    • Pengecekan format file yang diunggah
    • Pencetakan kartu peserta

     HASIL IMPLEMENTASI

    • Tampilan awal website

        
    • Tampilan Login pendaftar

    • Tampilan Profile Pendaftar

    • Tampilan Profile Pendaftar dari sisi admin/panitia

    • Tampilan List pendaftar



    Akun Admin

    username: admin
    password: Test@12345

            Link : Daftar CPNS
            Repository :https://github.com/RaihanAthallah/EAS_PWEB
            Video Presentasi: Youtube






        

Komentar

Posting Komentar

Postingan populer dari blog ini

PBKK - KUIS APLIKASI TICKETING

Gambar
  BUS TICKETING Muhammad Raihan Athallah 5025201206 PBKK B Deskripsi Aplikasi Tiket Aplikasi Jual Tiket Bus Online adalah sebuah inovasi yang memudahkan pengguna untuk membeli tiket bus secara praktis dan efisien melalui platform digital. Dengan adanya aplikasi ini, pengguna dapat mengakses berbagai pilihan jadwal, tujuan, dan operator bus dengan mudah hanya dengan beberapa kali sentuhan layar ponsel. Keuntungan utama menggunakan aplikasi Jual Tiket Bus Online adalah kemudahan dan kecepatan dalam melakukan pemesanan tiket. Pengguna tidak perlu lagi antri di loket atau mencari agen perjalanan fisik untuk mendapatkan tiket bus. Cukup dengan beberapa langkah sederhana melalui aplikasi, pengguna dapat melakukan pembayaran menggunakan berbagai metode pembayaran yang aman dan terpercaya. Fungsi dalam Aplikasi Tiket Booking Online Pemesanan tiket bisa dilakukan secara online oleh pengguna. Pengguna dapat melihat jadwal keberangkatan kemudian memilih jadwal dan bus yang diinginkan. Setelah...
Baca selengkapnya

TUGAS 4 PWEB - Kode Post Finder

Gambar
  TUGAS 4 PWEB - Kode Post Finder Muhammad Raihan Athallah 5025201206 Kelas PWEB B Pada pertemuan sebelumnya diberikan tugas yaitu membuat pencarian kode pos dengan menggunkan javascript. Pada tugas kali ini saya menggunakan sumber data provinsi, kota, kecamatan, dan kode pos dari file json yang saya dapatkan melalui internet. Saya berhasil membuat pencarian kode pos melalui data yang berada pada file .json hanya saja performa saat tombol cari ditekan masih sangat lama karena banyak sekali data yang didapat apabila input yang dimasukkan terlalu umum. Kodepos Indonesia (raihanathallah.github.io) Berikut adalah hasil screenshoot tampilan website: dan berikut adalah source code-nya: 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-wid...
Baca selengkapnya