BY: FITRIA DEVI, S.KOM

Membuat web

sederhana

Persiapan��Pastikan Semua Aplikasi Berikut Sudah Redy:�- Visual Studio Code�- XAMPP�- Browser, Seperti Mozila Firefox, Microsoft Edge, Google Chrome Dll.

🎯 Tujuan pembelajaran

​

​

Fitur Yang Dibuat :

• ✅ Fitur Login
• ✅ Fitur Logout
• ✅ Fitur Register
• ✅ Fitur Creat Read Update Delete (CRUD) pada Biodata
• ✅ Fitur Upload Foto (disimpan di folder /uploads)
• ✅ Menampilkan foto di tabel & halaman edit
• ✅ Tampilan Bootstrap 5 (getbootstrap.com)
• Bootstrap dari situs resmi:�👉 https://getbootstrap.com/docs/5.3/getting-started/introduction/

Buat Folder Pada Htdoc: web_sederhana_namakalian�Dengan File Berikut:�

├── koneksi.php

├── login.php

├── register.php

├── logout.php

├── index.php

├── biodata_list.php

├── biodata_add.php

├── biodata_edit.php

├── biodata_delete.php

├── style.css

├── uploads/ ← (folder untuk menyimpan foto)

└── web_sederhana.sql ← (database sql)

Praktikum

Buat database: web_sederhana_namakalian

Buat tabel biodata

Buat tabel users

- Pada folder web_sederhana_namakalian �- Lalu Buat folder uploads didalamnya (untuk menyimpan foto)�

buat file style.css

Buat file login.php

Buat file login.php

lanjutan

Tampilan file login.php

buat file logout.php

Note: Jika berhasil maka akan kembali ke halam login.php

buat file koneksi.php

Tampilan koneksi.php jika berhasil (blank)

buat file index.php

Tampilan index.php

buat file register.php

buat file register.php

Lanjutan:

Tampilan register.php

buat file biodata_list.php

buat file biodata_list.php

Next:

Tampilan biodata_list.php

Buat file biodata_edit.php

Buat file biodata_edit.php

Next:

Tampilan biodata_edit.php

Buat file biodata_add.php

Buat file biodata_add.php

Next:

Tampilan biodata_add.php

Buat file biodata_delete.php

Note: Jika berhasil makan akan terhapus dan akan

kembali ke halaman biodata_list.php