Tugas 8 PWeb - CRUD Upload Foto

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

Deskripsi

Pada pertemuan ketiga belas kali ini, kita diminta untuk membuat sebuah laman web sistem CRUD (Create, Read, Update, Delete) sederhana untuk mengunggah sebuah foto. Berikut adalah dokumentasi dari sistem aplikasi yang telah saya buat.

Halaman Utama

Pada halaman utama, kita dapat melihat daftar data siswa yang telah diunggah sebelumnya. Data yang ditampilkan adalah NIS, nama, jenis kelamin, alamat, dan foto siswa. Terdapat tombol "Tambah Data" yang dapat digunakan untuk menambahkan data siswa baru. Selain itu, terdapat juga dua tombol aksi pada tiap baris data, yaitu tombol untuk mengedit dan juga tombol untuk menghapus data siswa.

Halaman Tambah Data

Pada halaman ini, kita dapat menambahkan data siswa baru. Data yang harus diisi adalah NIS, nama, jenis kelamin, alamat, dan foto siswa. Setelah data berhasil ditambahkan, kita akan diarahkan kembali ke halaman utama.

Halaman Edit Data

Pada halaman ini, kita dapat mengubah data siswa yang telah ada sebelumnya. Data yang dapat diubah adalah nama, jenis kelamin, alamat, dan foto siswa. Setelah data berhasil diubah, kita akan diarahkan kembali ke halaman utama.

Hapus Data

Setelah user menekan tombol "Hapus" pada halaman utama, maka akan muncul sebuah pop-up konfirmasi untuk menghapus data siswa. Setelah user menyetujui untuk menghapus data siswa, maka data siswa terpilih akan dihapus.

Link kode sumber: GitHub

Referensi

Komentar

Posting Komentar

Postingan populer dari blog ini

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 »

Tugas Pertemuan 5 PPL - High Level Design

-
Gambar
Nama Akmal Sulthon Fathulloh NRP 5025211047 Kelas PPL - A High Level Design (HLD) atau desain tingkat tinggi adalah gambaran umum dari suatu sistem atau aplikasi. HLD menjelaskan struktur dan arsitektur sistem secara keseluruhan, tanpa terpaku pada detail implementasi. HLD biasanya dibuat pada tahap awal pengembangan perangkat lunak, sebelum desain tingkat rendah (LLD) dibuat. HLD bertujuan untuk memberikan gambaran yang jelas tentang sistem kepada para pemangku kepentingan, seperti investor, manajer, dan arsitek, membantu dalam membuat keputusan desain yang tepat, memudahkan komunikasi antar anggota tim pengembangan, dan mempermudah proses pengembangan dan pemeliharaan perangkat lunak. Pada pertemuan kelima mata kuliah Perancangan Perangkat Lunak kali ini, kita diminta untuk berlatih membuat high-level design dari sistem perangkat lunak yang sudah disediakan. Kali ini saya memilih untuk me...
Read more »

Evaluasi Tengah Semester Perancangan Perangkat Lunak

-
Gambar
Nama Akmal Sulthon Fathulloh NRP 5025211047 Kelas Perancangan Perangkat Lunak - A Pertanyaan Apakah perbedaan model analysis dengan model design ? Jelaskan output proses desain aplikasi? Visualisasikan deskripsi dari aplikasi parkir berikut! (studi kasus) Buat HLD dan LLD dari rancangan desain aplikasi parkir! (studi kasus) Gambarkan arsitektur dari aplikasi parkir yang akan dibangun! (studi kasus) Dokumentasikan dan demokan dalam video YouTube dari rancangan aplikasi yang telah dibangun! Jawaban Video Demo
Read more »