Membuat Form Login Sederhana Dengan Menggunakan Php dan Mysql

membuat form sederhana dengan php yang sudah di koneksi dengan database mysql

disini saya asumsikan kalau kita telah berhasil melakukan koneksi php ke database mysql kalau belum liat tutorial sebelumnya
TUTORIAL MEMBUAT KONEKSI PHP KE DATABASE MYSQL
sekarang kita mulai membuat sebuah folder di dalam folder xampp > htdocts > praktikum > admin
di dalam folder admin saya akan meletakan koding2 nya tapi sebelum itu sekarang kita buka localhost kita dengan mengaktivkan xampp (apache dan mysql) lalu buka di web browser kita dan ketikan alamat : localhost/phpmyadim
di tutorial sebelumnya kita sudah membuat sebuah databese dengan nama praktikum dan table dengan nama user, sekarang buka table tersebut

sebelum mengisi kolom2 tersebut buka aplikasi hashcalc untuk merubah password menjadi kode atau mengenkripsikan password tanpa bisa kembali di deskripksikan 

buat password anda di kolom data sebagai contoh disini saya mengunakan password "admin"

setelah itu tekan tombol calculate di bagian bawah aplikasi , cari kolom MD5 di dalam kolom sudah berisikan kode yang panjang maka copy code tersebut seperti gambar di bawah ini

setelah di copykan isikan kode tersebut kedalam table user di kolom password, dan juga mengisi kolom2 sisahnya di localhost sebelumnya

maka hasilnya akan seperti berikut

setelah itu kita buat file tiga file (login.php, longout.php, index.php) dalam folder admin 

dan tuliskan koding ini 

setelah selesai menulis koding dan di save di dlam folder admin sekarang buka web browser untuk melihat hasilnya lalu ketikan localhost/praktikum/admin/login.php

maka akan tampil seperti berikut

sekarang masukkan username dan password sesuai yang di isikan di table user tadi dan klik masuk 

maka hasilnya akan seperti ini

kita telah berhasil membuat form login sederhana 

terimakasih

Membuat Koneksi PHP ke MySql

Tutorial kali ini kita akan membahas cara membuat koneksi PHP ke Database MySql,

adapun beberapa aplikasi yang kita butuhkan adalah 

1. xampp sebagai web hosting

2. editor disisni kita bisa menggunakan notpad++ atau dreamwever sebagai media editor text

3. browser sebagai medianya seperti google chrom atau yang lainnya.

sebelum kita mulai tutorialnya kita akan mengaktivkan xampp (apache dan mysql).

1. buka web browser kita dan ketikkan localhost/phpmyadmin dan buat semuah database.

    sebagai contoh saya membuat database dengan nama praktium, dan juga membuat sebuah table         dengan 5 kolom atau rows disini kita kasih nama user.

2. setelah berhasil membuat database dan sebuah table selanjutnya kita akan masuk kepada proses 

    melakukan konkesi ke dalam database tersebut mengunakan php

    buka folder di xampp > htdocs > praktikum. buat new folder dan bernama conn di dalam folder

    praktikum, setelah itu buka text editor anda dan buat sebuah file dengan nama conn.php di dalam 

   folder conn 

   Xampp > Htdocs > praktikum > conn > conn.php

   lalu tuliskan coding berikut

3. kemudiah liat hasilnya dengan cara membuka browser dan mengketikan  

    localhost/praktikum/conn/conn.php

    maka hasilnya akan seperti berikut 

apabila hasilnya seperti gambar diatas makan kita sudah berhasil melakukan koneksi dari php ke database mysql 

sekian tutorialnya

Terimakasih

PENGGUNAAN FRAMEWORK PADA HALAMAN WEB

sebelum nya mari kita mengenal terlebih dahulu apa itu Framework???

Framework atau bahasa Indonesianya kerangka kerja adalah sebuah software untuk memudahkan para programmer membuat aplikasi atau web yang isinya adalah berbagai fungsi, plugin, dan konsep sehingga membentuk suatu sistem tertentu. Dengan menggunakan framework, sebuah aplikasi akan tersusun dan terstruktur dengan rapi.

Framework juga dapat diartikan sebagai kumpulan script (terutama class dan function) yang dapat membantu developer/programmer dalam menangani berbagai masalah-masalah dalam pemrograman seperti koneksi ke database, pemanggilan variabel, file,dll sehingga developer lebih fokus dan lebih cepat membangunaplikasi.Bisa juga dikatakan Framework adalah komponen pemrorgaman yang siap re-use kapansaja, sehingga programmer tidak harus membuat skrip yang sama untuk tugas yang sama. Dan saya akan menggunakan Boostrap Dan Jquery.

Ada beberapa langkah untuk menggunakan Bootstrap pada halaman web, salah satu nya adalah sebagai Berikut :

1. Download terlebih dahulu bootstrap di website di bawah ini :

    getboostrap.com

2. Setelah itu instal terlebih dahulu  bootstrap 

3. Setelah itu simpan di dalam folder di local disk c:xampp>htdocs>praktikum(sesuai dengan nama folder yang telah anda buat) 

4. Hidupkan xampp control panel 

5. Buatlah sebuah file dengan nama index.php, kemudian simpan file tersebut dalam folder praktikum setelah itu panggilah module Bootstrap dan jQuery di halaman index seperti gambar di bawah ini :

Demikian tutorial cara penggunaan Bootstrap pada halaman web kali ini, Semoga bermanfaat bagi para pembaca yang sedang membutuhkan., saya ucapkan Terimakasih :)

TUTORIAL MEMBUAT HALAMAN WEBSITE SEDERHANA DENGAN MENGGUNAKAN FRAMEWORK

Sebelum kita mulai membuat halam website terlebih dahulu kita memilih Framework apa yang akan kita gunakan dalam pembuatan website, 

Nah disini saya akan menggunakan framework Bootstrap,

Bootstrap adalah front-end framework yang solek, bagus dan luar biasa yang mengedapankan tampilan untuk mobile device (Handphone, smartphone dll.) guna mempercepat dan mempermudah pengembangan website. Bootstrap menyediakan HTML, CSS dan Javascript siap pakai dan mudah untuk dikembangkan.

Berikut ini langkah - langkah dalam membuat Halaman Website dengan menggunakan Framework :

1. Download terlebih dahulu Bootstarp pada link di bawah ini 

    getbootstrap.com

    maka akan muncul gambar seperti di bawah ini :

    

2. setelah selesai mendownload bootstrap, kita harus menginstal nya terlebih dahulu

3. Setelah menginstal Bootstrap kita pilih aplikasi apa yang akan kita gunakan misalnya          seperti: notepad ++, Sublime text, Dreamwever, dan lain-lain. 

 

4.  Kemudian buat folder baru di local disk c:xampp>htdocs>praktikum(sesuai dengan nama folder yang telah anda buat) 

5. Setelah itu baru lah kita hidupkan XAMPP Control Panel dan Start 

6. Setelah itu panggil module bootstrap di halaman index, kemudian akan tampil seperti gambar di bawah ini  yang menandakan bootstrap siap digunakan \

Langkah selanjutnya adalah membuat web halaman website

7. Buatlah judul Halmanan website sesuai dengan apa yang akan kalian buat : 

 Berikut hasil dari perintah di atas :

8. Langkah selanjutnya masukan perintah berikut ini sesuai dengan apa yang akan kita mau buat :

Berikut hasil dari yang kita buat :

9. Setelah itu kita bisa menambahakan hak paten dengan membuat catatan kaki atau Footer 

Dan berikut ini hasil akhir seluruh nya :