Tutorial pembuatan Form Login Bootstrap dengan Phpmyadmin

Nama : Fawaz Fauzan

                Sansan Gunawan

Kelas : 3 A PTI

Tutorial Pembuatan Form Login dengan Bootstrap dan Phpmyadmin

1.      Persiapan

·         Salah satu fitur yang sangat penting pada sebuah system adalah fitur untuk login sebuah system, Karena fitur ini dapat dengan memudahkan siapa saja yang mempunyai hak untuk melakukan login atau masuk ke system yang sudah ada, mengubah data menyimpan data untuk masing-masing user.

Dan disini sekarang kita akan membahas tata cara untuk pembuatan form login dengan menggunakan phpmyadmin dan mysql.

Pertama-tama kita pastikan terlebih dahulu computer yang akan membuat form login sudah terinstal XAMPP dengan phpmyadmin. Jika sudah ada silahkan buka aplikasi XAMPP kemudian nyalakan modul Apache dan mysql.

Sebelum memulai membuat kode php, kita harus memiliki database yang berisikan password dan username yang akan digunakan untuk login.

Caranya adalah dengan mengetikkan pada browser url sebagai berikut : localhost/phpmyadmin

Setelah itu akan muncul halaman awal dari phpmyadmin

    Kemudian masuk/ buka browser pada computer anda kemudian tulis atau ketik localhost/phpmyadmin/ seperti ini kemudian tekan enter lalu akan tampil menu utama dari Phpmyadmin 

 Kemudian tuliskan nama database yang akan anda buat di dalam database name contoh mahasiswa lalu klik create

  

 Lalu berikutnya masukkan nama untuk menamai table database yang akan anda buat yaitu contohnya seperti tabel1 dan untuk kolom yang akan anda butuhkan itu tergantung anda ingin memakai 2, 3, atau 4 kolom sekalipun anda dapat mengaturnya sesuai dengan yang anda butuhkan.

·         Kemudian anda klik tombol Go dan masuk ke tampilan berikutnya mengisi kolom yang akan anda pakai didalam table tersebut.

·         Isi semua kolom yang akan anda pakai kolom pertama yaitu id, dan kolom kedua username, kolom ketiga password, dan yang terakhir anda bebas ingin memasukkan apa dikolom yang nomor 4 dan untuk type nya kolom satu Integer (11) kolom dua Varchar (50) kolom ketiga (50) dan kolom keempat Varchar (50) kemudian di kolom id kita cari index untuk merubah nya menjadi Primary keys jika sudah lalu klik Go/Save

2. Penulisan Skript Bootstrap

               

Yang pertama kita siapkan dulu buka Notepad++ atau bisa dengan Sublime Text untuk menuliskan Skript tampilan form login nya

Index.php

Nah ini tampilan sebagian dari skrip index.php untuk menampilkan form login Bootstrap kemudian yang dibawah ini sisanya atau sebagian lagi gambar skrip index.php nya

Kemudian kita masukan skrip koneksi dengan databasenya

Kemudian kita lakukan login dengan menuliskan dalam form login yang sudah jadi ini berikut dengan username dan password yang sudah kita buat tadi di awal pembahasan

Untuk peng entrian Username dan Passwordnya

Username : sansan

Password : pti2016

Nah seperti ini tampilan form login Bootstrap dengan Phpmyadmin yang sudah selesai kita buat dan dirancang sedemikan rupa untuk tahapan berikutnya pemasukkan form login ke menu dashboard masih dalam tahap pembuatan

Semoga bermanfaat sebuah project kecil dari saya 

Terimakasih.

disini tersedia file yang ada dapat mendownloadnya dengan gratis

sansangunawan135@gmail.com