Alamat website : https://yusrilhm.000webhostapp.com/
Penjelasan web :
Saya membuat web portofolio/blog pribadi yang menjelaskan tentang materi-materi yang saya post di
blogger dan youtube tentang programing dan jaringan komputer, nantinya saya akan membuat web ini untuk memperkenalkan tentang tulisan dan video saya, dr web ini pengunjung bisa memilih materi mana yang ingin di pelajari, dan sebuah form untuk mendaftar menjadi member, dengan data tersebut nantinya saya mengirimkan update tentang materi yang saya buat,
Tampilan dan coding
disini saya membuat 4 buah file yang saya beri nama index.php, form.php, koneksi.php, header.php
1. untuk file index.php saya membuat link untuk mengkonekkan ke file bootstrap, dan saya menambahkan kode php untuk memanggil file-file lain seperti header.php, form.php untuk ditampilkan, dengan menggunakan perintah include
2. pada file header.php saya membuat menu navbar untuk memudahkan pengunjung menjelajahi halaman website, disini saya menggunakan style bawaan bootstrap dengan class=navbar, dengan warna dark, ukuran large, dan saya menambahkan fixed-top agar ketika halaman website discrol kebawah navbar tetap berada diatas halaman, dengan link-link yang menghubungkan ke halaman home, page, jumbotron, artikel dan form
tampilannya seperti ini :
3. kemudian saya membuat carousel/slider agar lebih menarik untuk memasukkan gambar dan caption dan link yang menghubungkan ke halaman blogger dan youtube saya, dengan class="carousel slide"
dan saya memasukkan gambar dengan frmtat d-block dan ukuran w-100, agar lebih menarik untuk botton saya custom dengan btn-outline-warning agar botton terlihat transparant dan berwana orange.
dan tampilannya seperti ini :
4. untuk bagian contact, profil saya embuat jubotron dengan ukuran p-5 warna text = light dan bg-dark untuk warna background, di dalamnya saya memberikan gambar saya dengan class rounded circle agar gambar menjadi lingkarang, dan saya menambahkan media yang saya linkan ke akun media social saya
dan seperti inilah tampilannya :
5. kemudian untuk halaman artikel saya membuat card, yang didalamnya terdapat materi singkat dan tomol button yang mengarah ke artikel blogger saya, dengan menggunakan class card-body dengan bg warning, disini saya membuat 4 artikel
dan seperti ini tampilannya:
6. kemudian saya membuat footer yang berisi copy right,
dan seperti ini tampilannya :
7. kemudian pada file form.php saya membuat sebuah form yang digunakan untuk menginputkan nama, email, dan alamat untuk mendaftar menjadi member, dengan email tersebut nantinya saya mengirimkan update tentang materi yang saya buat, didalam form saya menggunakan methode post, dengan ukuran p-5 m-2, kemudian di dalam form ada kolom dengan ukuran col-3, dan saya menambahkan tombol submit untuk menginputkan data ke dalam database
dan tampilannya seperti ini :
8. saya juga membuat database yang mana data yg diinputkan dr form akan tersimpan didalam database mysql, dengan nama daftar dan didalamnya saya membuat tabel dengan nama data_member dan didalam tabel terdapat kolom nama, email dan alamat
9. didalam file koneksi.php saya membuat perintah untuk menghubungkan halaman website dengan database mysql. saya membuat variabel $koneksi dengan perintah mysql_connect saya konekkan ke localhost dengan user root, jika tidak ada password maka dikosongi "" jika ada maka password wajib diisi, dan saya konekkan ke daftar (nama database), kemudian untuk mengecek apakah web terkoneksi dengan data base atau tidak saya membuat perintah jika (if) $koneksi terhubung maka tampilkan (echo) koneksi berhasil, jika tidak (false) maka tampilkan koneksi gagal, karena web saya sudah terhubung maka echonya saya matikan.
10. kemudian untuk menginputkan data dari form ke database saya membuat sebuah perintah pertama saya koneksikan antara halaman form.php dengan koneksi.php dengan include, kemudian saya membuat sebuah kondisi if(isset($_POST['proses]) jika tombol proses diklik maka mysqli_query($koneksi,"insert into data_member set maka jalankan query nya dengan memanggil $koneksi dan masukkan ke data_member (nama tabel) set nama akan diisi dengan apa yg kita post pd $_POST begitupula dengan email, dan asal_kota
11. kemudian saya menampilkan isi tabel di dalam website, saya membuat tabel sesuai dengan tabel di dalam database
kemudian saya membuat sebuah perintah php, dengan kondisi , pertama saya membuat varibel $no="1" , saya membuat variabel $ambildata ambil data dari mysql_query dari $koneksi, kemudian select *(menampilkan seluruh data) from data_member, lalu fungsu while untuk mengulang ketika datanya masih ada, ambil data baru dengan mysql_fetch_array dari $ambildata, kemudian tampilkan (echo)
$no,$tampil = nama, $tampil= email $tampil = asal kota, kemudian $no++ fungsinya untuk proses looping atau while pada barisnya masih ada maka variabel $no akan berjalan sampai habis.
dan seperti ini hasilnya setelah saya mencoba menginput beberapa data :
12. kemudian saya mengupload website ke webhoting
dan saya mengexport database di mysql untuk saya inport ke database web hosting, kemudan saya membuat database di webhost seperti gambar dibawah :
kemudian saya menginport database dari database mysql xampp yang sudah saya export tadi, karena saya membuat database dengan nama dan password baru maka saya mengganti koneksi di file koneksi.php agar terhubung dengan database yg saya buat di web hosting
hasil akhir :
sekian tugas uas ini saya buat , kurang lebihnya mohon maaf.
