Langsung ke konten utama

Postingan

Haikal PG - XI RPL 1 - PWPB Sesi 34

Assalamualaikum Warahmatullahi Wabarokatuh Halo teman-teman gimana kabarya? semoga sehat selalu ya.. . Pada sesi kali ini kita akan membahas tentang relasi 2 tabel. Jadi kita akan memisahkan kolom kelas dan membuatnya menjadi tabel yang bersifat dinamis. Kalau sebelumnya kita hanya memberinya value di inputan, namun sekarang berbeda karena akan mengambil data dari database. Ok langsung saja ke step by stepnya.. Relasi 2 tabel 1.Buat tabel kelas Coba teman-teman buat tabel kelas di database yang sebelumnya dengan struktur seperti berikut: Tabel diatas nanti akan kita masukkan data-data kelas, dan nama jurusan. 2.Truncate tabel siswa Di tabel siswa yang telah kita buat coba teman-teman hapus semua datanya dengan cara di truncate bukan di drop . Untuk lebih lengkap coba teman-teman tekan tabel siswa lalu di navbar ada sebuah opsi 'operation' dan coba tekan maka jika di scroll ke bawah akan ada opsi seperti ini: Nah dibawah ada pilihan empty the table (TRUNCATE). N...

Haikal PG - XI RPL 1 - PWPB Sesi 33

Assalamualaikum Warahmatullahi Wabarokatuh Halo teman-teman gimana kabarya? semoga sehat selalu ya.. . Pada sesi kali ini kita akan membahas sedikit tentang bootstrap dan ajax. Apa itu bootstrap dan ajax? Saya akan coba jelaskan bootstrap terlebih dahulu. Bootstrap merupakan framework frontend  yang dibuat untuk memudahkan kita dalam membangun sebuah UI ( User Interface ) jadi kita tidak perlu lagi menuliskan sintaks CSS yang memerlukan line code yang panjang:v jadi gunakan saja bootstrap untuk mempersingkat waktu pembuatan UI. Karena mudah digunakan, teman-teman hanya perlu memasukkan class-class yang tersedia untuk lebih lengkap silahkan klik link berikut :  Bootstrap . Selanjutnya ada AJAX merupakan singkatan dari Asynchronus javascript and XML jadi ajax ini digunakan untuk berinteraksi dengan server melalui bahasa javascript dan mempersingkat UX ( User Experience ). Langsung saja kita koding........ Bootstrap & AJAX Kita masih akan meneruskan materi sebelumnya. Jad...

Haikal PG - XI RPL 1 - PWPB Sesi 32

Assalamualaikum warahmatullahi wabarokatuh Kembali lagi dengan saya, Haikal Putra Gustiansyah di Website Pemrograman Web dan Perangkat Bergerak. Pada sesi kali ini kita  membahas tentang login,authorization dan upload file. Dengan melanjutkan topik pembahasan materi yang sebelumnya dan bagi yang belum mengikuti materi-materi sebelumnya diharapkan dibaca dulu ya... Langsung saja ke materinya. Let's go! Login Login merupakan sebuah proses masuk ke dalam jaringan dengan identitas milik kita masing-masing. Dalam  login kita memerlukan akun yang digunakan untuk memasuki website/aplikasi tertentu yang terdapat form login atau syarat loginnya. Langsung saja ke step by stepnya : 1. Buat tabel di mysql dengan nama t_login dengan struktur sebagai berikut: 2. Jika sudah, isi data tabel seperti berikut dan jangan lupa tambahkan encrypt sha1 3. Buat form login dengan nama file v_login.php dan simpan di folden views Untuk form saya membuatnya seperti ini jika tem...

Haikal PG - XI RPL 1 - PWPB Sesi 31

Assalamualaikum Warahmatullahi Wabarokatuh Kembali lagi dengan saya, Haikal Putra Gustiansyah di Website Pemrograman Web dan Perangkat Bergerak. Pada sesi kali ini kita masih membahas tentang database dan kali ini kita membuat sebuah fitur searching dan ordering. Jadi intinya kita akan membuat sebuah form search dan button untuk ordering. Oh iya, sebelumnya materi ini sejatinya masih melanjutkan materi ini yang kemarin, jadi bagi yang belum membaca artikel-artikel sebelumnya mengenai database, sebaiknya dibaca terlebih dahulu. Ya langsung saja kita mulai materi kali ini. Searching Inti dari search ini kita akan membuat sebuah form yang menginputkan data NIS atau nama yang dimana akan muncul sebuah hasil yang dicari. Langsung ke step. Step 1 Pertama-tama silahkan teman-teman buka folder views dan buka file v_index.php. Jika sudah menemukan silahkan copy kan code berikut: Cari Berdasarkan NIS dan NAMA "> Cari Simpan code diatas didalam v_index.php. Kegunaan form ...

Haikal PG - XI RPL 1 - PWPB Sesi 30

Assalamualaikum Warahmatullahi Wabarokatuh Gak kerasa ya udah sesi 30 aja.... hehe... Gimana setelah mengikuti materi PWPB hingga sesi 30 ini? Bingung? Senang? Sedih? ya apapun itu semoga ini menjadi ilmu bermanfaat yang kelak akan kalian gunakan ya.. Pembukaan sudah dan sekarang kita akan masuk ke materi sesi 30 yang temanya DELETE. Note: Jika teman-teman belum mengikuti sesi sebelumnya, alangkah baiknya teman-teman baca terlebih dahulu karena ini merupakan lanjutan dari materi database. Seperti namanya yaitu delete pasti artinya ya hapus dan digunakan untuk mengHAPUS. Menghapus data yang telah kita buat didatabse. Langsung saja ke materi... Step 1 Teman-teman buka folder views dan buka file v_index.php lalu kita akan menambahkan aksi delete. ">Delete Kita akan mengarahkan ke file delete.php dan disana nantinya terdapat query DELETE yang digunakan untuk menghapus data yang diminta. Full codenya sebagai berikut: Haikal Putra Gustiansyah XI RPL 1 Connect To Database...

Haikal PG - XI RPL 1 - PWPB Sesi 29

Assalamualaikum Warahmatullahi Wabarokatuh Apa kabar semuanya? Semoga sehat selalu ya.... Pada sesi kali ini kita akan melanjutkan materi kita tentang database dan jika teman-teman belum membaca artikel-artikel sebelumnya tentang database dan pemahaman tentang sintaks-sintaks php saya harapkan untuk dibaca terlebih dahulu ya.... Jika sebelumnya kita sudah membuat sebuah database dan mencoba menampilkan data dan juga menambah data baru. Nah, kali ini kita akan menambah aksi-aksi lain seperti edit dan juga delete. Ya, langsung saja kita mulai. Step 1 Buka file v_index.php yang telah kita buat di pertemuan sebelumnya dan berada di folder views dan coba teman-teman tambahkan aksi berikut: ">Edit Data Copy code diatas dan simpan didalam table/kolom baru. Untuk full code v_index.php sebagai berikut: Haikal Putra Gustiansyah XI RPL 1 Connect To Database Tambah Data # NIS Nama Lengkap Jenis Kelamin Kelas Jurusan Alamat ...

Haikal PG - XI RPL 1 - PWPB Sesi 28

Assalamualaikum Warahmatullahi Wabarokatuh Kembali lagi dengan saya Haikal Putra Gustiansyah, pada sesi kali ini kita akan melanjutkan sesi sebelumnya dengan materi database. Bagi teman-teman yang belum membaca materi database sebelumnya diharapkan membaca terlebih dahulu karena materi ini melanjutkan materi sebelumnya. Pada sesi sebelumnya kita dapat menambahkan data dihalaman 'admin'. Tapi jika kita ingin user yang menambahkannya melalui form bagaimana? nah disini kita akan bekerja dengan query INSERT. INSERT ini digunakan untuk memasukkan data ke sebuah database yang telah dibuat. cara penggunaanya seperti berikut: INSERT INTO nama_tabel(kolom_1, kolom_2, ...) VALUES(nilai_1, nilai_2); OK langsung saja kita mulai dan jangan lupa nyalakan Mysql dan Apache nya di XAMPP. Step 1 Teman-teman masuk ke folder views dan buka file v_index.php dan copy kan code berikut: Haikal Putra Gustiansyah XI RPL 1 Connect DB Tambah Data # NIS Nama Lengk...