EAS Pemrograman Web

EAS Pemrograman Web

EVALUASI AKHIR SEMESTER

Christhoper Marcelino Mamahit

NRP: 5025201249

Kelas: Pemrograman Web B

Deskripsi Aplikasi

1.1 Deskripsi

Kementerian Kelautan dan Perikanan (KKP) merupakan kementerian dalam pemerintahan Indonesia yang bergerak dalam bidang urusan kelautan dan perikanan. KKP sedang membutuhkan pegawai baru untuk bertugas di wilayah Jawa Timur. Untuk melaksanakan hal tersebut, diperlukan adanya sistem pendaftaran dan pelaksanaan ujian yang handal dan mudah diakses oleh para calon pendaftar. Oleh karena itu, pihak terkait akan mengembangkan sistem teknologi informasi dan komunikasi berupa website untuk mendukung terselenggaranya proses pendaftaran tersebut. Aplikasi bentuk website dipilih sifatnya cross-platform dan ringan sehingga memiliki tingkat aksesibilitas tinggi bagi para penggunanya.

1.2 Rumusan Masalah

Masalah yang dirancang terkait pengembangan aplikasi ini adalah sebagai berikut.

  • Bagaimana cara menyediakan alur pendaftaran pegawai baru bagi KKP?
  • Bagaimana cara memastikan solusi yang ditawarkan sesuai?

1.3 Tujuan

Tujuan pengembangan aplikasi ini adalah sebagai berikut.

  • Menyediakan sistem daring untuk pendaftaran pegawai baru KKP
  • Menyediakan sistem website yang handal, mudah dioperasikan, dan memiliki aksesibilitas tinggi sesuai kriteria alur bisnis dan pengguna

Manfaat

Bagi Masyarakat

Memungkinan akses pendaftaran yang mudah secara daring.

Bagi Kementerian Kelautan dan Perikanan

Memenuhi kebutuhan pendaftaran pegawai baru.

1.5 Asumsi

Beberapa asumsi terkait pengembangan aplikasi ini adalah sebagai berikut.

  • Aplikasi berupa website
  • Aplikasi dapat diakses oleh publik
  • Target pengguna aplikasi adalah masyarakat usia dewasa
  • Terdapat dua jenis pengguna, yaitu pendaftar dan panitia (admin)

Spesifikasi

Spesifikasi yang digunakan untuk mendukung proses pengembangan aplikasi adalah sebagai berikut.

  • Bahasa pemrograman : HTML, CSS, Javascript, dan PHP
  • Library tambahan : Bootstrap CSS, JQuery, FPDF
  • Database : MySQL
  • Software desain : Figma

User Interface / Prorotipe Aplikasi

Halaman detail register akun (sisi user)


Halaman login akun (sisi user)


Halaman detail pendafaran aktif - belum mendaftar (sisi user)


Halaman buat pendaftaran (sisi user)


Halaman detail pendaftaran aktif - belum terverifikasi (sisi user)


Halaman detail pendaftaran aktif - sudah terverifikasi (sisi user)


Halaman detail pendaftar (sisi admin)


Halaman daftar pendaftar (sisi admin)


Rancang Database dan Tabel

3.1 CDM

Algoritma dan Proses Backend

Daftar Proses

Berikut dijelaskan daftar proses backend beserta perannya.

No Nama Proses Peran Proses
1 register.php Menangani pembuatan akun (username dan data lainnya) untuk pendaftar baru
2 login.php Menangani proses masuk akun oleh pendaftar yang sudah terdaftar berdasarkan username dan password
3 create-registration.php Menangani proses pendaftaran, yaitu unggah berkas dan foto diri
4 verification.php Menangani proses verikasi pendaftaran oleh panitia/admin
5 export-test-document.php Menangani proses cetak kartu ujian bagi pendaftar yang sudah terverifikasi

Alur Proses

Alur aplikasi dijelaskan melalui flowchart di bawah ini

Komentar

Posting Komentar

Postingan populer dari blog ini

Membuat Website Profil Diri

Gambar
Tugas 1 PWeb Link Penting Lihat Website Lihat Portofolio Deskripsi Tugas Pada tugas ini, saya membuat website profil diri yang berisikan biodata dan pengalaman saya. Dokumentasi Website Penjelasan Kode File index.html Pada header, saya meng- import font Monserrat dan file style.css Potongan kode di atas mempresentasikan halaman awal yang muncul pertama kali saat web dibuka. Section ini berisi gambar beserta teks pelengkap seperti nama, jurusan, serta link icon menuju sosial media. Section ini mempresentasikan bagian tentang diri saya yang hanya berisi heading dan teks. Section ini mempresentasikan preferensi teknologi y...
Baca selengkapnya

Membuat Form Upload Gambar

Gambar
Tugas 7 PWeb Link Lihat Portofolio Deskripsi Tugas Pada tugas ini, saya membuat aplikasi CRUD menggunakan PHP dan MySQL yang form-nya memiliki input gambar. Dokumentasi Website Halaman awal Halaman form pendaftaran Redirect ke halaman awal setelah pendaftaran sukses Halaman daftar siswa Halaman edit data Redirect ke halaman daftar siswa setelah berhasil melakukan perubahan data. Nama data pertama berubah dari ITS menjadi ITS Surabaya Jika tombol hapus ditekan, maka data terhapus. Gambar di bawah m...
Baca selengkapnya

Membuat Web dengan Styling Bootstrap

Gambar
Tugas 5 PWeb Link Penting Lihat Website Lihat Portofolio Deskripsi Tugas Pada tugas ini, saya membuat website dengan styling bootstrap Dokumentasi Website Penjelasan Kode File index.html Pada head HTML di atas, saya menuliskan judul web pada tag title dan meng- import file bootstrap serta css custom milik saya. Kode di atas mempresentasikan header pada web. Saya mengisi navbar di dalam tag header. Styling navbar dibentuk dengan warna gelap, ditandai dengan class dark . Opsi navigasi navbar dibentuk menggunakan tag anchor . Kode di atas membentuk jumbotron atau banner pada web yang berisikan heading 1 dan teks paragraf. Kode di atas membentuk tam...
Baca selengkapnya