Skip to content

eryshandy22/Lab9Web

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 

Repository files navigation

Lab9Web

Praktikum 9 (Pemrograman Web)

Ery Shandy

312010201

TI.20.A.2

Universitas Pelita Bangsa

Langkah 1

Jalankan XAMPP dan aktifkan Apache & MySQL lalu akses http://localhost/phpmyadmin/ untuk membuat database. SS 1 lab web 9

Langkah 2

Membuat folder baru dengan nama Lab9_php_modular pada directory D:\XAMPP\htdocs SS 2 lab web 9

Langkah 3

Masukkan kode seperti berikut pada Visual Studio Code lalu simpan dengan nama header.php SS 3 lab web 9

Setelah itu, lalu taruh file header.php di folder Lab9_php_modular pada directory D:\XAMPP\htdocs\Lab9_php_modular seperti berikut. SS 4 lab web 9

Langkah 4

Masukkan kode seperti berikut pada Visual Studio Code lalu simpan dengan nama footer.php SS 5 lab web 9

Setelah itu, lalu taruh file footer.php di folder Lab9_php_modular pada directory D:\XAMPP\htdocs\Lab9_php_modular seperti berikut. SS 6 lab web 9

Langkah 5

Masukkan kode seperti berikut pada Visual Studio Code lalu simpan dengan nama home.php SS 7 lab web 9

Setelah itu, lalu taruh file home.php di folder Lab9_php_modular pada directory D:\XAMPP\htdocs\Lab9_php_modular seperti berikut. SS 8 lab web 9

Langkah 6

Masukkan kode seperti berikut pada Visual Studio Code lalu simpan dengan nama about.php SS 9 lab web 9

Setelah itu, lalu taruh file about.php di folder Lab9_php_modular pada directory D:\XAMPP\htdocs\Lab9_php_modular seperti berikut. SS 10 lab web 9

Berikut adalah hasil dari kode-kode yang di input di Visual Studio Code tadi.

Tampilan HOME

SS 11 lab web 9

Tampilan ABOUT

SS 12 lab web 9

Pertanyaan dan Tugas

Implementasikan konsep modularisasi pada kode program praktikum 8 tentang database, sehingga setiap halamannya memiliki template tampilan yang sama.

JAWABAN

Langkah 1

Membuat folder baru dengan nama Lab9_php_tugas pada directory D:\XAMPP\htdocs SS 13 lab web 9

Langkah 2

Masukkan kode seperti berikut pada Visual Studio Code lalu simpan dengan nama koneksi.php SS 14 lab web 9

Setelah itu, lalu taruh file koneksi.php tadi di folder Lab9_php_tugas pada directory D:\XAMPP\htdocs\Lab9_php_tugas seperti berikut. SS 15 lab web 9

Langkah 3

Masukkan kode seperti berikut pada Visual Studio Code lalu simpan dengan nama header.php SS 16 lab web 9

Setelah itu, lalu taruh file header.php tadi di folder Lab9_php_tugas pada directory D:\XAMPP\htdocs\Lab9_php_tugas seperti berikut. SS 17 lab web 9

Langkah 4

Masukkan kode seperti berikut pada Visual Studio Code lalu simpan dengan nama footer.php SS 18 (1) lab web 9

Setelah itu, lalu taruh file footer.php tadi di folder Lab9_php_tugas pada directory D:\XAMPP\htdocs\Lab9_php_tugas seperti berikut. SS 18 lab web 9

Langkah 5

Masukkan kode seperti berikut pada Visual Studio Code lalu simpan dengan nama home.php SS 19 lab web 9

Setelah itu, lalu taruh file home.php tadi di folder Lab9_php_tugas pada directory D:\XAMPP\htdocs\Lab9_php_tugas seperti berikut. SS 20 lab web 9

Langkah 6

Masukkan kode seperti berikut pada Visual Studio Code lalu simpan dengan nama tambah.php SS 21 lab web 9 SS 22 lab web 9

Setelah itu, lalu taruh file tambah.php tadi di folder Lab9_php_tugas pada directory D:\XAMPP\htdocs\Lab9_php_tugas seperti berikut. SS 23 lab web 9

Langkah 7

Masukkan kode seperti berikut pada Visual Studio Code lalu simpan dengan nama ubah.php SS 24 lab web 9 SS 25 lab web 9

Setelah itu, lalu taruh file ubah.php tadi di folder Lab9_php_tugas pada directory D:\XAMPP\htdocs\Lab9_php_tugas seperti berikut. SS 26 lab web 9

Langkah 8

Masukkan kode seperti berikut pada Visual Studio Code lalu simpan dengan nama hapus.php SS 27 lab web 9

Setelah itu, lalu taruh file hapus.php tadi di folder Lab9_php_tugas pada directory D:\XAMPP\htdocs\Lab9_php_tugas seperti berikut. SS 28 lab web 9

Langkah 9

Masukkan kode seperti berikut pada Visual Studio Code lalu simpan dengan nama style.css SS 29 lab web 9 SS 30 lab web 9

Setelah itu, lalu taruh file style.css tadi di folder Lab9_php_tugas pada directory D:\XAMPP\htdocs\Lab9_php_tugas seperti berikut. SS 31 lab web 9

Berikut adalah hasil dari kode-kode yang di input di Visual Studio Code tadi.

Tampilan HOME

SS 32 lab web 9

Tampilan TAMBAH BARANG

SS 33 lab web 9

Tampilan UBAH BARANG

SS 34 lab web 9