Tugas 7 PWeb - CRUD Sederhana

-
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) sederhana. Berikut adalah dokumentasi dari sistem aplikasi web CRUD sederhana yang telah saya buat.

Halaman Utama

Halaman utama berisikan daftar data yang telah tersimpan dalam database. Setiap data terdiri dari: nama, umur, dan alamat email. Di setiap data juga terdapat dua tombol aksi, yakni edit (untuk melakukan perubahan/update pada data) dan juga delete (untuk menghapus data yang telah tersimpan).

Halaman Tambah Data

Setelah mengklik tombol "Add New Data" pada halaman utama, kita akan diarahkan menuju halaman tambah data. Di halaman ini terdapat formulir pendaftaran data yang terdiri dari nama, umur, dan alamat email. Pengguna dapat mengisikan data yang ingin ditambahkan lalu mengklik "Add" untuk menyimpannya dalam database. Berikut tampilan halaman utama setelah data baru ditambahkan.

Halaman Edit Data

Pada halaman ini, pengguna dapat mengedit data yang telah ditambahkan sebelumnya. Masukan data yang telah diperbarui akan diupdate dalam database sesaat setelah pengguna mengklik tombol "Update". Berikut tampilan halaman utama setelah sebuah data diupdate.

Hapus Data

Pengguna juga dapat menghapus data yang telah ditambahkan sebelumnya dengan mengklik tombol aksi "Detele" pada data yang ingin dihapus. Berikut tampilan halaman utama setelah sebuah data 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 »