UAS

 UAS web/sspro

Nama : Dinda Maulidia Afnani

NIM : 2002040915

Link website saya : Disini

Assalamu'alaikum wr. wb.

Pada kesempatan kali ini saya akan memposting tugas ujian akhir semester saya

    Web yang kali ini saya buat masih seperti sebelumnya berisi review anime haikyuu, profil, dan kontak saya tetapi terdapat form login terlebih dahulu untuk bisa mengaksesnya, jadi sebelum mengakses website, saya menyimpan data akun di dalam database sehingga hanya akun-akun yang tersimpan yang bisa mengaksesnya.

Berikut adalah databasenya :

    Pada bagian id table tb_admin terdapat tanda kunci emas yang menandani Primary Key, Nah di dalam database sudah ada 2 akun yang terdaftar sehingga akun tersebut dapat mengakses website saya.

            Kemudian terdapat beberapa macam type dari data yang akan diinputkan pada database. seperti int, varchar, date, dll

             

Berikutnya adalah coding dari halaman login 

Berikut ini merupakan beberapa keterangan dari kode di atas :

• <input type=" text"> berfungsi untuk menginputkan data
• placeholder memberikan keterangan pada kolom input
• kemudian ada input dengan type submit yang gunanya mengirimkan data

Pada bagian php diatas terdapat beberapa coding yang memiliki fungsi sebagai berikut :

• mysqli_num_rows berperan dalam menampilkan jumlah row atau baris dari database 
• $_SESSION memiliki peranan dalam berhubungan dengan interaksi user
• session_start(); menunjukkan dimulainya eksekusi session di server yang kemudian  disimpan dalam browser.
• mysqli_real_escape_string() berfungsi melindungi karakter khusus yang dapat membahayakan data termasuk dari SQL injection.
• $POST sebenarnya memiliki fungsi yang sama dengan $GET yaitu menampung data dari form sebelum dimanipulasi

Ini adalah tampilan dari login website :

Nah. antara file php dengan database diperlukan file penghubung seperti berikut ini :

            Pada coding diatas terdapat beberapa penjelasan :

• $hostname menunjukkan nama dari hostingnya
• $username menunjukkan username dari database, root merupakan username default dari database

Seperti sebelumnya coding dan tampilan website tidak jauh berbeda :

• href="" bertujuan mengarahkan ke halaman lain
• Terdapat beberapa class dalam coding di atas yang berfugsi agar saat memberi style menjadi lebih detail.
• li yang berada di dalam class dropdown berfungsi memberikan tampilan pada menu lebih teratur. Berikut ini merupakan style.css nya.

• Overflow:hidden; berfungsi menyembunyikan tampilan sub menu pada dashboard agar tidak terlihat
  
  
  
  
  
  

berikut ini tampilannya :