Anda di halaman 1dari 7

TUGAS

Pemograman Web
XII RPL
SMK 1 Muhammadiyah
DEADLINE 2 Minggu terhitung soal ini kalian terima tepatnya Kamis,19 Januari 2023 s/d
Kamis,2 Februari 2023
Tambahkan 2 buah file baru dengan nama edit.php dan edit_data.php
untuk file edit.php bisa kalian copy paste dari file master_data.php

Setelah di copypaste ke file edit_data.php silakan kalian hapus baris kode dari 3 sampai 14
Sehingga tag yang tersisa hanya
<?php
Include ‘../koneksi.php’;
?>
Setelah itu, silakan kalian isikan pada baris kode yang dihapus tadi seperti gambar diatas.
Silakan diperhatikan, ketika kalian sudah mencopy paste isi master_data.php ke file edit.php maka
halaman edit.php akan berisi baris kode seperti gambar berikut, silakan kalian rubah seperti
gambar dibawah ini, untuk menampilkan data tabel kedalam input field pada halaman edit data
nanti
Dan jangan lupa pada bagian form action silakan kalian arahkan ke edit_data.php sehingga baris
kodenya akan seperti dibawah ini.
<form action="edit_data.php" method="POST" enctype="multipart/form-data">>

Jika sudah selesai mengerjakan semuanya, maka seharusnya halaman edit data kalian seperti
gambar dibawah ini
Untuk layout nya cukup diabaikan untuk sementara, karna fokus kita hanya sebatas fungsional nya
terlebih dahulu, secara logika, ketika kita menekan tombol edit, pada halaman Data Perjalanan,
seharusnya mengarah ke halaman edit data, dan menampilkan tampilan seperti diatas, namun jika
tidak sama atau mengalami error, silakan kalian perbaiki secara mandiri, agar kalian terbiasa
menghadapi error dan terbiasa mengatasi error (DEBUGGING).
Mari lanjut ke file satu nya yaitu edit_data.php

Silakan kalian copy paste baris kode simpan_data.php ke file edit_data.php, dan silakan kalian
rubah beberapa baris koding nya seperti gambar diatas

Secara garis besar, antara file simpan_data.php dan edit_data.php yang membedakan hanya pada
bagian query nya saja, jika pada file simpan_data.php query nya berisi INSERT INTO, maka di
file edit_data.php query nya berisi UPDATE nama_table SET column1;

Jika program kalian memunculkan notifikasi DATA BERHASIL DIUBAH, akan tetapi DATA
nya tidak berubah sama sekali, maka kalian sedang mengalami yang nama BUG, tugas utama
kalian, silakan kalian atas BUG tersebut agar DATA nya bisa di EDIT dengan sempurna, dan
silakan kalian rapikan desain kalian, mulai dari halaman login, silakan kalian tambah gambar
seperti dibawah ini
Dan juga silakan kalian ganti tag title pada masing-masing halaman sesuai dengan fungsi dari
halaman tersebut

Tampilan title pada halaman login.

TUGAS nya
1.Atasi BUG edit data, agar bisa menyimpan perubahan dengan benar
2.Rapikan tampilan desain sebaik mungkin

NILAI TAMBAH
Apabila bisa menambahkan fitur pagination pada halaman tampil data dan membatasi data yang
tampil, sebagai contoh Halaman 1 menampilkan data 1-5, halaman 2 menampilkan data 6-10 dst

SELAMAT MENGERJAKAN

Anda mungkin juga menyukai