Tugas 6 PWeb - CRUD Pendaftaran Siswa Baru

-
Nama Akmal Sulthon Fathulloh
NRP 5025211047
Kelas Pemrograman Web - A

Deskripsi

Pada pertemuan kesepuluh kali ini, kita diminta untuk membuat sebuah laman web sistem CRUD (Create, Read, Update, Delete) untuk sistem pendaftaran siswa baru. Berikut adalah dokumentasi dari sistem aplikasi web yang telah saya buat.

Halaman Utama

Di halaman ini terdapat 2 fitur utama, yakni daftar sebagai siswa baru dan juga lihat list pendaftar.

Halaman Daftar

Halaman pendaftaran berisi sebuah form yang meliputi nama, alamat, jenis kelamin, agama, dan juga sekolah asal. Data yang telah diinputkan user akan disimpan ke dalam database sesaat setelah user mengklik tombol "Daftar" di bawah form tersebut. Fitur ini merupakan penerapan sistem Create dalam CRUD.

Halaman Pendaftar

Halaman ini menampilkan semua data dari yang telah melakukan pendaftaran dalam tabel. Fitur ini merupakan penerapan sistem Read dalam CRUD. Di setiap data dalam tabel, terdapat 2 tombol tindakan yang dapat digunakan, yakni "Edit" dan "Hapus". Ketika pengguna mengklik tombol "Edit", maka pengguna akan diarahkan ke halaman edit (akan diterangkan lebih lanjut).

Ketika pengguna mengklik tombol "Hapus", maka akan tampil sebuah pop-up box yang berisikan konfirmasi penghapusan. Setelah pengguna menyetujui penghapusan tersebut, maka data yang berkaitan akan dihapus dari database. Fitur ini merupakan penerapan sistem Delete dalam CRUD.

Halaman Edit Data

Pada halaman ini, pengguna dapat mengedit data yang telah didaftarkan sebelumnya. Data baru yang diinputkan akan diupdate dalam database sesaat setelah pengguna mengklik tombol "Simpan". Fitur ini merupakan penerapan sistem Update dalam CRUD.

Link kode sumber: GitHub

Referensi

Komentar

Posting Komentar

Postingan populer dari blog ini

Pengantar PBKK

-
Gambar
Selamat datang di blog kelas resmi (official blog kelas) untuk dokumentasi penugasan mata kuliah Pemrograman Berbasis Kerangka Kerja (PBKK). Melalui blog ini, saya akan mengunggah dan mendokumentasikan tugas-tugas pada mata kuliah PBKK. Nama Akmal Sulthon Fathulloh NRP 5025211047 Kelas Pemrograman Berbasis Kerangka Kerja (PBKK) - A Tahun 2023 Portofolio GitHub Perkenalkan, saya Akmal Sulthon Fathulloh, biasa dipanggil Akmal, seorang mahasiswa jurusan Teknik Informatika ITS angkatan 2021. Saat ini, saya belum memiliki banyak portofolio terkait pengembangan aplikasi menggunakan kerangka kerja (framework). Namun, saya pernah mengembangkan beberapa proyek aplikasi web dalam beberapa waktu terakhir. Di antaranya sebagai berikut. Dashboard Kelas Informatika Sebuah web sederhana yang menampilkan daftar kelas mata kuliah yang saya ikuti dalam seme
Read more »

Tugas Pertemuan 15 PBKK - Membuat Aplikasi dengan Google Apps Script

-
Gambar
Nama Akmal Sulthon Fathulloh NRP 5025211047 Kelas PBKK - A Pada pertemuan ke-15 kelas PBKK kali ini, kita diminta untuk membuat sebuah aplikasi formulir sederhana dengan mengintegrasikan Google Apps Script, yang dapat menampilkan view dari hasil submit form ke dalam Google Sheets. Berikut dokumentasinya. Laman Formulir Formulir yang dibuat terdiri dari 4 inputan, yaitu nama, email, nomor telepon, dan pesan. Formulir ini dibuat menggunakan HTML dan CSS (dengan bantuan framework Bootstrap 5.3), kemudian diintegrasikan dengan Google Apps Script. Halaman web di atas dapat diakses melalui link berikut . Apps Script Script yang digunakan untuk mengintegrasikan formulir dengan Google Apps Script adalah sebagai berikut. Script di atas dideploy di Google Apps Script yang terintegrasi dengan Google Sheets yang telah dibuat sebelumnya. Akses ke Google Sheets tersebut dibuat public aga
Read more »

Tugas Pertemuan 2 PPL - Identifikasi Proses PPL

-
Gambar
Nama Akmal Sulthon Fathulloh NRP 5025211047 Kelas PPL - A Pada pertemuan kali ini, kita diminta untuk berlatih mengidentifikasi proses perancangan perangkat lunak ( software design ) berdasarkan jurnal/dokumen perancangan perangkat lunak yang digunakan sebagai referensi. Referensi Saya mengambil referensi dari sebuah jurnal DPPL "Sistem Pengarsipan Surat Masuk dan Surat Keluar" sebagai berikut. Identifikasi Proses PPL Architectural Design (Perancangan Arsitektur) Sistem pengarsipan surat ini dibangun berbasiskan web. Halaman pertama sistem ini adalah halaman login pengguna. Setelah pengguna melakukan login maka pengguna akan memasuki halaman surat masuk dan surat keluar. Gambar 3 (gambar di bawah) adalah deskripsi arsitektural dari sistem pengarsipan surat. Interface Design (Perancangan Antarmuka) Gambar 10 menunjukkan desain antar muka dari system yang akan dibangun. Des
Read more »