Tugas Praktikum 12 || Pemrograman Web Dimanis

-

 Membuat Project Login Register


Langkah - langkahnya sebagai berikut :

1.Pastikan di app xampp apche dan mysql sudah di start

2.lalu masuk ke localhost/phpmyadmin pada browser, klik database db_barangku yang sudah kita buat pada pertemuan sebelumnya, lalu buat tabel baru dengan nama 'tb_user', lalu set seperti gambar berikut ini :

3. setelah itu, download file pendukung untuk CSS agar tampilan aplikasi lebih menarik, 
unduh di : https://bit.ly/login-register-asset, lalu letakan pada folder project CRUD pertemuan minggu kemarin, disini folder saya 'Praktikum11'.

4. lalu ubah file koneksi,php pada folder seperti berikut :
5.lalu berikutnya membuat file register.php, seperti gambar dibawah ini :
    jalankan pada browser maka tampilanya akan seperti ini :

6. selanjutnya membuat file baru dengan nama login.php, dengan script seperti berikut :
    jalankan file login.php maka tampilannya akan seperti ini :
7. lalu membuat file baru dengan nama home.php, seperti pada gambar dibawah ini:

8. lalu selanjutnya membuat logout.php seperti bibawah ini :

9.Proses Jalannya Program Login-Register
Tampilan Login

Melakuan Proses Register untuk login

 Melakukan Proses Login/Sign In

Tampilan Halaman Home setelah user melakukan Login

saat user mengklik tombol logout, maka akan kembali ke form login









Komentar

Posting Komentar

Postingan populer dari blog ini

Pertemuan 3 - JavaScript Perulangan

-
Gambar
Perulangan Perulangan akan membantu kita mengeksekusi kode yang berulang-ulang, berapapun yang kita mau. Ada lima macam bentuk perulangan di Javascript. Secara umum, perulangan ini dibagi dua. Yaitu:  counted loop  dan  uncounted loop . Perbedaanya: Counted Loop  merupakan perulangan yang jelas dan sudah tentu banyak perulangannya. Sedangkan  Uncounted Loop , merupakan perulangan yang tidak jelas berapa kali ia harus mengulan. Perulangan yang termasuk dalam  Counted Loop : Perulangan For Perulangan Foreach Perulangan Repeat Perulangan yang termasuk dalam  Uncounted Loop : Perulangan While Perulangan Do/While Perulangan For Perulangan  for  merupakan perulangan yang termasuk dalam  couted loop , karena sudah jelas berapa kali ia akan mengulang. Contoh Script: Hasil: Contoh Script: Hasil: Contoh Script: Hasil: Perulangan While Perulangan  while  merupakan perulangan yang termasuk dalam perulangan  uncounted loop . Perulangan...
Baca selengkapnya

Tugas Praktikum 13 || Pemrograman Web Dinamis

-
Gambar
  Fitur Upload,Report (Pdf dan Excel),Import dan Grafik - PHP Fitur Upload BLOB ke Database 1. Pastikan apache dan mysql pada app xampp sudah di start 2. buka localhost/phpmyadmin pada browser lalu pilih database db_barangku, dan buat table baru dengan nama tb_gambar dan set sebagai berikut : 3. lalu buat folder baru pada directory C:/xampp/htdocs/pw, beri nama Praktikum13 4. Lalu pada folder praktikum13 buat new file koneksiblob.php dengan script sebagai berikut : 5.Selanjutnya membuat form_upload.php dengan script sebagai berikut :     Saat dijalankan pada browser maka tampilannya seperti ini : mencoba mengisi gambar cek pada database apakah sudah masuk atau belum 6. Membuat file image_view.php untuk menampilkan gambar dari database 7. Selanjutnya membuat file tampil_gambar.php untuk menampilkan data hasil upload yang kita lakukan : saat dijalankan maka tampilanya akan seperti ini : 8.  Lalu membuat file delete_gambar.php dengan script seperti berikut : coba hapus ...
Baca selengkapnya

Pertemuan 1 - Cara Penulisan Kode JavaScript

-
Gambar
1. Tag <SCRIPT> cara yang umum dipakai adalah menuliskannya dalam tag <script> dikenal dengan istillah embed. Tag <script> bisa dibuat didalam tag <head>, maupun di dalam tag <body>.            bisa dilihat pada gambar dibawah ini :             2. File External tidak ingin kode javascript bercampurr aduk dengan HTML, kita bisa menuliskannya pada file terpisah, Caranya buatlah sebuah file yang berekstensi .js, misalnya isinya berikut ini :   Kemudian , kita perlu menghubungkan file eksternal tersebut dengan file HTML, caranya, gunakan tag <script> dengan attribute src, untuk menentukan lokasi file javascriptnya, seperti gambar dibawah ini : 3.Atribute Event Cara yang ketiga ini sering digunakan untuk memanggil fungsi pada event tertentu dikenal dengan istilah inline.  Misalnya ketika suatu elemen diklik, maka jalankan fungsi javascript. Con...
Baca selengkapnya