Praktikum 33 : CRUD Relasi 2 Tabel

Assalamu'alaikum warrahmatullahi wabarakatuh

Kembali lagi di postingan baru yang berjudul CRUD 2 Tabel.

Kalau CRUD tentulah kita sudah tau artinya kan?

CRUD = Create Read Update Delete

Adalah dasar-dasar tentang perintah SQL untuk penggunaan database yang sudah pernah saya bahas di postingan-postingan sebelumnya. Lalu sekarang ini apa? Relasi 2 tabel?

Untuk itu kita harus membuat tabel baru di database.

Kita akan membuat tabel kelas dimana ketika kita akan menambahkan data kelas, kita akan mengambil dan menyimpan data di tabel kelas tersebut.

Untuk mencegah error, kosongkan tabel siswa dengan TRUNCATE bukan DROP. Karena jika menggunakan DROP artinya menghapus tabelnya juga. TRUNCATE ada pada bagian Operasi seperti gambar dibawah.

Setelah itu ubah tabel siswa, ganti kolom kelas dengan id_kelas dan int(11).

Lalu buka file index.php dan ubah kode pada bagian :


Ubah juga pada file v_index.php sebagai berikut :

Buka file tambah.php dan tambahkan kode ini sebelum include view form siswa.

Dan buka file form siswa alias v_tambah.php dan tambahkan :

Buka file tambah.php dan ambil POST data dari form dan ditambahkan pada query INSERT nya.

Selain pada file tambah.php tambahkan juga pada file edit.php

Pada file edit.php juga jangan lupa tambahkan query untuk mengambil data kelas untuk ditampilkan di form.



Selesai~

Kiranya begitu saja postingan kali ini, terimakasih sudah berkunjung dan mohon maaf atas banyak kekurangannya.

Wassalamu'alaikum warrahmatullahi wabarakatuh~

Praktikum 34 : Bootstrap Modal dan Ajax

Assalamu'alaikum warrahmatullahi wabarakatuh

Kembali lagi di postingan baru dan materi baru tentunya. Disini kita bertemu dengan bootstrap modal dan ajax. Apa sih itu?

Modal atau biasanya kita kenal dengan istilah pop-up, digunakan untuk menampilkan pesan atau konfirmasi dari sebuah action. Anda bisa menggunakan modal ini sebagai tempat untuk menampilkan informasi seperti promosi dan lain-lain.

Modal juga dapat digunakan untuk membuat sebuah konfirmasi persetujuan contohnya seperti persetujuan dari menghapus data. Jadi biasanya kalau kita akan menghapus data, maka muncul konfirmasi pertanyaan, "Apakah Anda yakin ingin menghapus data ini?" dan ada pilihan ya atau tidak.

Bootstrap memiliki class yang bisa Anda gunakan untuk membuat modal dengan mudah.

Pertama edit pada v_index.php


Dan tambahkan ini juga pada file v_index.php sebelum penutup tag body.


Lalu tambahkan btnDelete pada button Delete.


Dan tambahkan juga javascript sebelum penutup tag body.


Terakhir, tambahkan code berikut di file delete.php


Untuk saat ini, saya tidak bisa menampilkan hasilnya karena XAMPP saya bermasalah kemarin dan database saya terhapus. Nanti akan saya upgrade isi postingan kali ini jika sudah benar kembali.

Terimakasih sudah berkunjung, mohon maaf karena banyak kekurangan.

Wassalamu'alaikum warrahmatullahi wabarakatuh.

Praktikum 33 : Upload File

Assalamu'alaikum warrahmatullahi wabarakatuh.

Balik lagi dengan postingan baru yang selanjutnya nih sekarang kita akan menambah untuk mengupload file berupa gambar di data siswa. Kuy, simak!

Sebelumnya pada postingan tentang form di HTML juga pernah membahas untuk mengupload file kan? Ayo kalau lupa lagi mari kunjungi postingan praktikum 8~

Pertama yang harus dilakukan tentu saja menambah kolom untuk file di database~

Jika sebelumnya belum membuat folder assets di folder tugas kalian, ayo buat terlebih dahulu untuk mengupload/menyimpan gambar.

Lalu buka file v_tambah.php dan tambahkan code:

Digunakan ketika form yang kita buat memiliki form upload (input type file).

Selain itu juga tambahkan template untuk mengupload file nya:

Buka file tambah.php dan tambahkan code:

Dan oh ya! Jangan lupa tambahkan pada query nya juga.

Tambahkan di file v_index.php juga sebagai berikut.

Terakhir buka file edit.php dan tambahkan code berikut ini.

Dan jangan lupa juga untuk menambahkan query nya.

Sudah selesai!

Kiranya sampai sini saja postingan kali ini, terimakasih lagi sudah berkunjung. Selamat belajar dan mencoba. Dan mohon maaf karena masih banyak kekurangannya.

Wassalamu'alaikum warrahmatullahi wabarakatuh.

Praktikum 32 : Login

Assalamu'alaikum warrahmatullahi wabarakatuh.

Sudah cukup lama sejak saya mengupload postingan. Saya baru saja kembali dari liburan sekolah dan disini sekarang untuk menulis postingan baru tentang materi baru di semester dua.

Ini masih berhubungan dengan postingan sebelumnya. Apabila postingan sebelumnya membahas soal Searching dan Ordering, maka kali ini saya akan membahas soal Login.

Pasti kata Login ini tidak asing bagi kita sebagai pengguna internet dan seisinya. Login ini adalah akses untuk masuk ke sebuah situs atau aplikasi. Untuk login kita harus mempunyai sebuah akun.

Maka dari itu, yang pertama kali dibuat adalah akun-akun untuk Login tersebut.

Buka database lalu buat tabel baru, yaitu tabel Login seperti ini:

Lalu isi tabelnya sebagai berikut.

username : admin

password : admin

level : 1

Gunakan enkripsi SHA1 pada kolom password.

Maka hasilnya seperti ini:

Selanjutnya buat file baru v_login.php untuk tampilan login sebagai berikut.

Dan buat file login.php untuk proses login nya.

Selain login, kita juga membuat untuk logout nya.

Satu lagi adalah authorization, untuk mengatur apabila user sudah login dan belum melakukan logout maka akan ditampilkan halaman utama (data siswa). Tapi jika belum login, maka user harus login terlebih dahulu baru bisa membuka data siswa.

Edit pada file library.php seperti ini.

Juga edit pada file index.php

Selesai~

Kira-kira seperti inilah materi tentang login dan authorization.

Terimakasih sudah berkunjung dan mohon maaf masih banyak kekurangannya. Selamat mencoba!

Wassalamu'alaikum warrahmatullahi wabarakatuh~