Rabu, 28 Maret 2018

Tutorial Praktek Pertemuan 1-7

Rangkuman Praktek pemrograman web pertemuan 1-7.

#Membuat Form Login.
#Membuat Peringatan Gagal Login 3x Menggunakan Javascript.
#Membuat Show Modal Menggunakan Javascript.
#Mengkoneksikan SQLyog Dengan PHP.

#Membuat Form Login
1. Siapkan file.



2. Buka XAMPP dan jalankan apache.



3. Buka Netbeans - File - New Project - PHP.



4. Buat folder assets didalam folder Source Code - Buat folder css, images, & jss didalam folder assets - Masukkan file bootstrap.css & floating-labels.css kedalam folder css - Masukkan file bootstrap-solid.svg & favicon.ico kedalam folder images.



5. Ketik Coding ini didalam file index.php



6. Buat file login.php dengan cara klik kanan pada folder Source File - New - PHP File.



7. Ketik Coding ini dalam file login.php



8. Hasil





# Membuat Peringatan Gagal Login 3x Menggunakan Javascript
1. Siapkan file.




2. Masukkan file tersebut kedalam folder jss yang ada didalam folder assets.



3. Ketik Coding ini di paling bawah 



4. Membuat SESSION gagal login.



5. Membuat warningnya.



6. Membuat waktu warningnya.



7. Isi file index.php



8. Hasil




#Membuat Show Modal Menggunakan Javascript.
1. Membuat Form show modalnya. judul dan isi modalnya.



2. Membuat Button show modal.



3. Membuat Function show modal.



4. Isi file index.php



5. Hasil




#Mengkoneksikan SQLyog dengan PHP
1. Buka XAMPP dan jalankan mysql


2. Buka SQLyog dan buat database baru.


3. Buka Netbeans dan buat project PHP baru.

4. Buat folder config didalam folder Source Files.


5. Buat file PHP didalam folder config dao.php dan dbconfig.php


6. Isi file index.php


7. Isi file dao.php


8. Isi dile dbconfig.php


Percobaan PHP Fundamental

Gagal login 3 kali.

Flowchart



Code index.php



Code login.php




Rabu, 14 Maret 2018

Membuat Aksi dengan JavaSricpt

Membuat Aksi dengan JavaSricpt

Tutorial kali ini saya akan membuat aksi dengan java script dengan menggunakan tampilan login yang telah dibuat dari postingan sebelumnya.

Saya akan membuat tutorial gagal login 3 kali diblokir menggunakan java script.

1. Siapkan file boot.strap.min.js, jquery.min.js, popper.min.js.


2. Buat folder Js didalam folder Assets.


3. Masukkan file tadi kedalam folder Js.


4. Ketik coding ini dipaling bawah sebelum </bodi> </html>.


5. Buat file login.php: klik kanan Source file - New - PHP File.



6. Ketik coding ini didalam login.php.


7. Ketik coding ini dipaling atas sebelum <html>.


8. Sekarang kita akan membuat warning/peringantannya. Ketik coding ini dibawah <h1> Selamat Datang</h1> </div>.


9. Membuat waktu warning/peringatanya muncul. Ketik coding ini dibawah <link rel="stylesheet"href="assets/css/floating-labels.css">.


10. Isi file index.php.




11. Isi file login.php.


12. Kemudian Run dan lihat hasil.