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

form login phpmyadmin

Tutorial Membuat Form Login dengan menggunakan PHP&MySQL

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

username dan password yang akan kita isikan pada from login nantinya adalah

username : Mahasiswa

password : ipigarut

Cara membuat database pada phpmyadmin adalah dengan mengklik New pada sidebar sebelah kiri dari phpmyadmin.

Pada kolom create database ketikan nama dari database yang akan kita buat isikan dengan nama mahasiswa.

Selesai, kita sekarang memiliki sebuah database. Selanjutnya kita akan membuat table yang berisikan username dan password yang akan kita gunakan untuk melakukan login.

Pada kolom create tables silahkan isikan dengan nama user dan jumlah kolom 3.

Dan kemudian isikan kolom-kolom dengan data sebagai berikut :

  

Setelah selesai kemudian klik save.

Kemudian isikan pada table yang ada, username dan password yang sudah kita tentukan sebelumnya yaitu mahasiswa dengan mengklik tab insert pada bagian atas.

Dengan ini kita sudah dapat login menggunakan php dengan mengisikan username dan password yang sudah kita tentukan database.

2.      Menuliskan SCRIPT PHP

Pada bagian ini sekarang kita akan membuat file php berjumlah 3 buah yang akan digunakan untuk melakukan login. Perlu diingatkan bahwa file-file ini akan kita buat dalam folder xampp/htdocs/desainweb supaya kita dapat mengaksesnya dengan menggunakan browser. silahkan tulis script di bawah ini dan simpan file nya dengan nama yang sesuai.

·         Index PHP

 Setelah membuat Script index.php lalu coba masuk ke browser lalu tulis seperti ini localhost/desainweb/index.php

Nah ini adalah tampilan pada saat sudah menuliskan alamat link localhost/desainweb/index.php tampilan ini sebelum login.

Nah ini berikutnya adalah tampilan form login yang sudah berhasil terkoneksi dengan database yang dibuat di XAMPP dengan contoh folder sansangunawan.sql