EAS PEMROGRAMAN WEB C 2022/2023

-

Studi Kasus Pembuatan Aplikasi :

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 :

  • 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.

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

2. Implementasikan rancangan yang telah dibuat kemudian hostingkan dan diberi nama domain yang profesional. Bisa dikerjakan berkelompok maksimal 3, dikumpulkan paling lambat 20 Desember 2022 pukul 13.00

3. Buat presentasi di youtube dan dokumentasikan di blog, selanjutnya posting link, di komentar 


Answer:

1. Deskripsi Aplikasi berdasarkan Studi Kasus di atas!
Aplikasi (belum tau namanya) merupakan aplikasi yang menyediakan proses pendaftaran dan pelaksanaan ujian bagi karyawan baru yang akan dilakukan perekrutan oleh Kementrian Kelautan dan Perikanan. Pada pembuatan aplikasi ini dibutuhkan beberapa case yaitu:
a. Proses pendaftaran akun oleh user (para pelamar pekerjaan), yang berupa form pendaftaran akun
b. Setelah validasi akun berhasil.. maka selanjutnya peserta akan diberikan akses kedalam aplikasi berupa halaman akun user.
c. Peserta(user) akan diberikan form pendaftaran yang berisikan data data sebagai berikut:

dan juga cv ataupun fortofolio dari peserta sebagai pendukung memlih mereka.
d. Setelah itu, admin akan memeriksa dokumen yang telah diserahkan oleh peserta. Kemudian admin akan memilih peserta yang lolos..
e. Bagi peserta yang lolos, akan diberikan akses untuk mencetak kartu ujian dan bagi yang tidak lolos akan tidak diberi kartu ujian. Admin juga akan mengirimkan pemberitahuan lolos ke dlam email pelamar.
f. Peserta yang lolos kemudian akan melakukan ujian offline sesuai dengan tempat yang akan diumumkan oleh panitia.

2. UI/Prototype Aplikasi 
- Tampilan Awal

- Tampilan Form


3. Database yang dibutuhkan

Conceptual database


Pyhcical database

4.Buat algoritma dan nama proses yang diperlukan sebagai back end aplikasi

Layaknya aplikasi berbasis web yang lain, aplikasi ini dikembangkan menggunakan bahasa HTML dan  CSS untuk front-endnya serta JavaScript dan PHP untuk back-endnya. Untuk mempermudah pengembangannya, dimanfaatkan framework Laravel dan Bootstrap. Fitur-fitur yang terdapat di aplikasi ini yaitu CRUD (create, read, update, dan delete), otentikasi, otorisasi, dan pengonversian ke pdf. CRUD dilakukan dengan memanfaatkan controller resource pada Laravel. Otentikasi dilakukan dengan memanfaatkan fitur bawaan otentikasi yaitu middleware pada Laravel. Otorisasi dilakukan dengan memanfaatkan fitur bawaan otorisasi yaitu gate pada Laravel. Pengonversian ke pdf dilakukan menggunakan DOMPDF Laravel yang harus di-install lagi ke proyek Laravel.


Komentar

Posting Komentar

Postingan populer dari blog ini

Tugas 11 - Pemrograman Perangkat Bergerak

-
Gambar
Hesekiel Nainggolan 5025201054 PPB I UNSCRAMBLE WORDS Pada pertemuan kali ini, kita akan mencoba membuat aplikasi Unscramble Words.  Aplikasi Unscramble adalah game pengacak ejaan kata untuk satu pemain. Aplikasi menampilkan kata acak, dan pemain harus menebak kata tersebut menggunakan semua huruf yang ditampilkan. Pemain akan mendapatkan poin jika kata tersebut benar. Jika tidak, pemain dapat mencoba menebak kata sebanyak-banyaknya. Aplikasi ini juga memiliki opsi untuk melewati kata saat ini. Di pojok kanan atas, aplikasi menampilkan jumlah kata, yaitu jumlah kata acak yang dimainkan dalam game saat ini. Ada 10 kata acak per game. Kita dapat menggunakan sumber code dari  Github . Tahapan awal dari aplikasi ini adalah Buka project dengan kode awal di Android Studio, Jalankan aplikasi di perangkat Android atau di emulator, dan Ketuk tombol Submit dan Skip untuk menguji aplikasi. Panduan Kode WordsData.kt  :  File ini berisi daftar kata yang digunakan dalam game, kons...
Baca selengkapnya

Tugas 13 - Pemrograman Perangkat Bergerak

-
Gambar
 Hesekiel Nainggolan 5025201054 PPB I FLUTTER - MUSIC APPLICATION (MyArtist) Pada pertemuan kali ini kita akan membuat sebuah aplikasi musik, MyArtist, sebuah aplikasi pemutar musik tempat penggemar dapat terus mengikuti kabar terbaru dari artis favoritnya. Bagian ini membahas cara memodifikasi desain aplikasi Anda agar terlihat bagus di berbagai platform. Code program dapat kita lihat pada link  Github . Sebenarnya aplikasi ini sudah jadi dalam bentuk web dan windows, namun dalam bentuk android, bentuk dari aplikasi ini masih tidak bagus. Jadi pada pertemuan ini, kita akan coba memperbaiki tampilan aplikasinya dalam bentuk android. Menerapkan Kode Buka lib/src/features/home/view/home_screen.dart , yang berisi hal berikut: File ini mengimpor material.dart dan menerapkan widget stateful menggunakan dua class: Pernyataan import akan menyediakan Komponen Material. Class HomeScreen merepresentasikan seluruh halaman yang ditampilkan. Metode build() class _HomeScreenState akan me...
Baca selengkapnya

Tugas 12 - Pemrograman Perangkat Bergerak

-
Gambar
 Hesekiel Nainggolan 5025201054 PPB I FRAMEWORK FLUTTER 1 -  NAMER Halo, pada pertemuan kali ini, kita akan membahas mengenai framework flutter.  Flutter adalah toolkit UI Google untuk membangun aplikasi untuk perangkat seluler, web, dan desktop dari codebase tunggal. Untuk implementasi kali ini, kita akan membuat aplikasi Namer.  Aplikasi ini menghasilkan nama yang terkesan keren, seperti "newstay", "lightstream", "mainbrake", atau "graypine". Pengguna dapat meminta nama berikutnya, memfavoritkan nama saat ini, dan meninjau daftar nama yang difavoritkan di halaman terpisah. Aplikasi ini responsif terhadap berbagai ukuran layar: Sebelum kita melakukan pembuatan aplikasinya, pertama sekali kita harus menyiapkan beberapa tools yang diperlukan: Visual Studio Code Android Studio Visual Studio Instalasi SDK flutter yang digunakan Untuk detail dari instalasi nya dapat menonton melalui halaman link  Youtobe . Selanjutnya, kita akan mulai membuat aplikas...
Baca selengkapnya