MEMBUAT FORM LOGIN SEDERHANA DENGAN PHP

MEMBUAT FORM LOGIN SEDERHANA DENGAN PHP

membuat form sederhana dengan php yang sudah di koneksi dengan database mysql
cara membuatnya disini kita memerlukan beberapa aplikasi
xampp
web browser
editor taxt
hashcalc

lanjut membuat form login sederhananya
disini saya asumsikan kalau kita telah berhasil melakukan koneksi php ke database mysql klo 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

Tutorial Cara Membuat Koneksi Database MySql dari PHP

Tutorial Cara Membuat Koneksi Database MySql dari PHP

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).

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.

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

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 

Membuat website sederhana dengan framework

Membuat website sederhana dengan framework

Framework 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, ada banyak macam framework seperti laravel bootstrap, codeigniter dll,
tapi di tutorial ini kita akan mengunakan bootstrap.
kalau belum mengerti cara pengunaan bootstrap framework silahkan baca artikel sebelumnya yang membahas tentang cara instal dan pengunaan bootstrap.

sebelum kita membuat website sederhana dengan framework sebaiknya kita persiapkan aplikasi-aplikasi yang akan kitagunakan
1. bootstrap sebagai framework
2. apache dan MySql sebagi web server dan databese server, di sini saya mengunakan XAMPP yang sudah merangkum apache dan mysql
3. notped++ sebagi editor
nb. untuk editor dan webserver bisa gunakan aplikasi lainnya yang tersedia.

sekarang kita mulai tutorialnya.
pertama buat sebuah folder di dalam file htdocs dgn cara :
buka localdisk C>xampp>htdocs dan buat folder baru dengan nama webpertama.

setelah itu buat folder asset di dalam folder webpertama dan copy paste folder bootstrap yang sudah lengkap di dalamnya dimana terdapat folder css,fonts,img, dan js

setelah itu kembali ke dalam folder webpertama dan buat file dengan nama index.php di text editor, dan tuliskan coding berikut

dan kemudian buka browser dengan mengketikan localhost/webpertama dan masuk 
akan tampil seperti berikut 

fungsi coding  adalah berisikan perintah utk membuat judul website di atas dan membuat judul besar web yang bertulikan web pertama dan juga membuat tombol2 seperti homo profile dan login tapi tombol2 tersebut belum berfungsi.

selanjuynya kita akan membuat isi konten karna kita buat judul barnya adalah premier league makan kita akan membuat konten seputar club club liga inggris

disini saya hanya akan membahas 3 club seputar sejarah club dll,

silahkan tuliskan coding berikut

buka kembali browser andan dan buka kembali localhost/webpertama maka tamilannya akan seperti berikut

untuk memangil logo2 tersebut silahkan save logo2 yang ingin di gunakan di dalam folder img yang ada dlm folder asset,

fungsi coding untuk mamasukan logo, membuat content dan membuat sub judul menjadi tombol yang mana ini juga belum difungsikan.

sekian tutorial membuat website sederhana dgn framework 

terimakasih

CARA PENGGUNAAN FRAMEWORK PADA HALAMAN WEB

CARA PENGGUNAAN FRAMEWORK PADA HALAMAN WEB

Apa itu Framework ???
Bagaimana cara penggunaan framework pada halaman web ???

Framework adalah kerangka kerja atau 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 cara penggunaan framework pada halaman web salah satu nya sebagai berikut :

1. Download Bootstrap di getboostrap.com

2. Setelah itu Instal Bootstrap yang telah di download 

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

4. Aktifkan XAMPP Control Panel 

5. Setelah itu 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 :