Praktikum 30 : Delete Data

Assalamu'alaikum warrahmatullahi wabarakatuh.

Hehe, udah ketemu lagi aja nih. Huaaa udah praktikum 30 aja nih gan :')

Kali ini juga masih nyambung kok sama yang sebelumnya. Kalo yang sebelumnya kita bahas tentang mengedit data, kalo sekarang nih kita menghapus data gan, yuk langsung simak aja yuk.

Simpel banget deh delete ini, kita cuma bakal bikin aksi delete nya aja.

Pertama tuh buat link delete dulu di tabel nya, yaitu di file v_index.php kaya gini nih.


Kalo tadi untuk edit kita bikin file baru yaitu edit.php untuk aksi editnya, maka sekarang kita bakal bikin file delete.php untuk aksi delete. Berikut kodenya.



Bentuk umum query delete tuh gini guys

DELETE FROM nama_tabel WHERE key = 'value'

Kita gak perlu bikin v_delete, karena tidak menampilkan view apapun saat delete, hanya action delete saja. Ayok deh cobain bikin sendiri atau copas coding di atas lalu Run untuk melihat gimana hasilnya. Bayangannya seperti ini nih.

Kalau disini masih bisa lihat baris nama Nisrina Nada Agnela dan belum ada link untuk delete disitu. Setelah ditambah kan link delete dan aksinya lalu coba klik delete maka...

Taraaaaaa~ baris tersebut terhapus dari tabel dan juga database nya. Kalau masih penasaram boleh banget kalian coba sendiri codingannya buat lihat sendiri gimana aksinya~

Jadi, postingan kali ini segitu aja deh, hehe dikit banget ya. Gapapa deh, ga bosen-bosennya aku bilang makasih sama yang udah mau berkunjung ke blog ku iniiii, hehe.

Aku pamit, wassalamu'alaikum warrahmatullahi wabarakatuh~

Praktikum 29 : Edit Data

Assalamu'alaikum warrahmatullahi wabarakatuh.

Heyyooo ketemu lagi sama Hamster disini. Kangen gak nih? Btw, sudah praktikum 29 aja ya, huhu cepet banget.

Di postingan kali ini Hamster masih mau bahas tentang database nih. Kalau kemaren bahas tentang read dan create data, kali ini Hamster mau bahas edit data. Tabel dan database nya masih sama dengan kemarin kok. Bila pada pertemuan sebelumnya Hamster bilang, Hamster tidak bisa mengeluarkan output nya, tapi setelah bertanya pada teman sekelas akhirnya Hamster bisa, hehe.

Jadi,kesalahan Hamster kemarin adalah belum membuat kolom baru pada tabel database nya dan salah mengedit file edit.php nya. Insyaallah sekarang gaakan terulang lagi kok. Jadi ayok deh kita bahas edit data ini.

Kalo kemaren kita membuat tabel dan bisa membaca dan membuatnya, kali ini kita akan mengeditnya. Pertama, ayo masuk ke file v_index.php dan menambahkan kolom baru, yaitu Aksi sebagai berikut.


Digunakan untuk membuat link yang mengarah ke file edit.php dengan parameter GET nis. Parameter GET nis digunakan untuk mendapatkan data siswa berdasarkan nis yang nantinya form akan terisi data siswa tersebut.

Selanjutnya buka file edit.php dan menambahkan kode sebagai berikut.


$nis = $_GET['nis']; digunakan untuk mengambil value dari GET parameter dengan key nis.

if (empty($nis)) header ('location: index.php'); digunakan untuk memeriksa apakah parameter nis ada pada url. Jika tidak ada arahkan halaman kembalii ke index.php

$sql, $query, $siswa untuk mengambil data dari tabel siswa berdasarkan nis sesuai dengan parameter GET nya.

$query->fetch_array() tanpa looping artinya hanya mengambil hasil query baris pertama saja (1 data).

if (empty($nis)) header ('location: index.php'); digunakan untuk memeriksa apakah data siswa dengan nis tersebut ada pada tabel siswa. Jika tidak ada maka arahkan halaman kembali ke index.php (Data tidak ditemukan). Pada kondisi ini anda bisa saja menampilkan pesan error data tidak ditemukan atau aksi lainnya sesuai dengan kebutuhan anda.

if ($_SERVER['REQUEST_METHOD'] == 'POST') digunakna untuk memeriksa apakah ada request dalam bentuk POST yang dikirim ke halaman ini.

$nis = $_POST['nis']; dsb digunakan untuk mengambil data dalam bentuk POST dari form.

$sql = "UPDATE siswa SET......" digunakan untuk membuat SQL string untuk mengubah data pada tabel siswa.

Bentuk umum QUERY UPDATE
UPDATE nama_tabel SET FIELD1 = 'VALUE1', FIELD2 ='VALUE2', ...
WHERE key = '$key'

Selanjutnya buka file v_tambah.php dan tambahkan kode seperti berikut.


Untuk melakukan edit data, kita menggunakan form tambah yang sudah kita buat dengan menambahkan kondisi untuk menentukan kapan form menjadi mode tambah dan kapan form menjadi mode edit. Form mode tambah ketika tidak ada variabel $siswa yang dikirim ke views v_tambah.php. Form mode edit ketika ada variable $siswa yang dilewatkan ke views v_tambah.php

$action Kondisi tersebut disimpan di baris paling awal file v_tambah.php dan action pada form diganti menggunakan variabel.

Value ="<?= @$siswa['nis'] ?>" digunakan untuk memberikan value pada input text tersebut. Value berasal dari data siswa. Simbol @ digunakan untuk menyembunyikan warning apabila variable undefined. Berguna untuk mempersingkat baris program sehingga kita tidak perlu menambahkan baris program untuk memeriksa apakah variable terdefinisikan atau tidak menggunakan function empty.

Untuk memberikan value pada input radio digunakan perintah seperti diatas menggunakan if-ternary. Jika $siswa['jenis_kelamin'] sama dengan 'L' maka input radio tersebut berstatus 'checked' atau terpilih.

Untuk memberikan value pada input select digunakan perintah seperti diatas menggunakan if-ternary juga. Jika $siswa['kelas\] sama dengan 'XII-RPL1' maka input radio tersebut berstatus 'selected' atau terpilih.

Begitu tampilannya apabila di Run dan klik edit untuk mengedit datanya. Silahkan coba sendiri ya^^

Kayanya cukup segini aja dulu buat postingan kali ini. Terimakasih yaaa yang sudah berkunjung~

Wassalamu'alaikum warrahmatullahi wabarakatuh.

Praktikum 27-28 : Read dan Create Data

Assalamu'alaikum warrahmatullahi wabarakatuh

Bertemu lagi dengan postingan mingguan bucin Wonjin ini yang tak jauh dari tugas dan pemrograman web. Hamster lagi galau nih gara-gara banyak fanwar sama masalah Sulli :(

Heup, berhenti bahas war karena disini adalah lapak nugas. Tapi, kalau kalian mau bahas war sama aku boleh banget, hayu mutualan di Twitter, hehe.

Jadi, back to the topic, kali ini tuh sesuai judul, aku bakal bahas soal read dan create data. Hm? Asing banget ya? Dimana tuh bikinnya?

Pengunjung setia blog Hamster, pernah denger database ga? Pasti pernah lah ya kalau kalian sudah cukup lama berkecimpung di dunia coding ini. Nah, sekarang kita bakal belajar bikin database nya ini nih, guys.

Sebelumnya, kita udah pernah install XAMPP untuk menjalankan program PHP kita kan. Lalu masih ingat juga kan cara kita untuk menjalankan program tersebut adalah dengan mengetikkan alamat file di address bar pada Google Chrome atau browser apapun yang kamu pakai. Nah, cara kita untuk membuka dan membuat database pun seperti itu teman-teman, bagaimana sih caranya?

Begini nih, teman-teman tinggal mengetikkan localhost/phpmyadmin pada adress bar, sebelum itu, jangan lupa nyalakan XAMPP nya ya!

Nah, setelah kita membuka itu, kita akan disambut tampilan seperti ini nih.

Untuk membuat sebuah database (basis data) kita bisa mengklik Basis Data atau Baru.

Disitu kita isi nama database lalu klik Buat.

Setelah itu kita membuat kolom dan menentukan tipe serta panjang datanya dan menentukan primary key dari tabel tersebut.

Misal nih, untuk tugas kali ini, Hamster disuruh untuk membuat lima kolom seperti berikut.

nis int(10)
nama_lengkap varchar(100)
jenis_kelamin char(1)
kelas varchar(10)
jurusan varchar(50)

Setelah itu kita dapat mengisi tabel sesuai yang kita inginkan (minimal 3 data deh).

Dannnnn setelah ini kita beralih ke pemrogramannya nih teman, huhu pusing banget.

Sebelum itu, Hamster minta kalian untuk membuat struktur folder terlebih dahulu. Struktur folder dibuat agar memudahkan kita memisahkan file-file yang berhubungan dengan web kita. Simpan file yang berhubungan dengan library pembantu pada folder lib. Simpan file yang berhubungan dengan program inti pada folder root. Simpan file yang berhubungan dengan tampilan pada folder views. Simpan file yang berhubungan dengan asset (images, css, js, dsb) pada folder assets.

Buat file library.php dan simpan pada folder lib. Buat isinya sebagai berikut, nama database disesuaikan dengan nama database yang kalian buat ya teman-teman.


session_start digunakan untuk menciptakan session, session digunakan untuk menyimpan data atau state pada server.

Konfigurasi awal untuk koneksi ke database.

• Host adalah host database Anda.
• User adalah username database Anda. Default nya root.
• Pass adalah password database Anda. Default nya kosong.
• DB adalah database yang sudah Anda buat.

Sedangkan mysqli_connect adalah perintah untuk melakukan koneksi ke database dengan konfigurasi yang sudah kita atur sebelumnya.

Setelah itu, buat file v_index.php disimpan pada folder views dan buat tabel sebagai berikut.

Untuk HTML kalian tambahkan sendiri ya hehe, diatas cuma bagian tabelnya saja.

Lalu buat file index.php diluar semua folder diatas dan isinya sebagai berikut.



Setelah itu tambahkan query pada file index.php sebagai berikut.


$sql adalah variable untuk menyimpan query Anda. Query yang dibuat harus mengikuti kaidah penulisan SQL. Query yang ditulis dapat dalam bentuk apapun (WHERE, JOIN, GROUP, ORDER, dsb) sesuai dengan kebutuhan Anda.

Pada baris berikutnya melakukan query ke database. Variabel $mysqli didapat dari library.

Selanjutnya bukalah file v_index.php dan tambahkan berikut ini.


fetch_array() digunakan untuk mendapatkan data dalam bentuk array kemudian dilakukan iterasi sejumlah data yang ada dari hasil query.

$siswa['nis'] digunakan untuk mendapatkan data NIS pada tabel. Nama array asosiatif yang dipanggil harus sesuai dengan nama field/kolom pada tabel yang Anda buat.

Cobalah Run di browser dan lihat sendiri bagaimana hasilnya, hehe <3

Selanjutnya kita akan beralih pada create data alias membuat data nih.

Pertama, buka file v_index.php lalu tambahkan sebagai berikut.


Digunakan untuk membuat link yang mengarah ke file tambah.php

Buat file v_tambah.php pada folder views dan berikut isinya.


Buat juga file tambah.php di luar semua folder yang isinya sebagai berikut.


Coba Run di Browser dan klik Tambah Data untuk melihat seperti apa outputnya.

Klik Tambah Data.

Setelah itu buka lagi file tambah.php dan tambahkan sebagai berikut.


if $_SERVER['REQUEST_METHOD'] == 'POST' digunakan untuk memeriksa apakah ada request dalam bentuk POST yang dikirim ke halaman ini (halaman tambah.php)

$nis = $_POST['nis'] digunakan untuk mengambil data dalam bentuk POST dari form.

$sql digunakan untuk membuat SQL string untuk memasukkan data ke tabel siswa.

Bentuk umum dari query insert adalah
INSERT INTO nama_tabel (FIELD1, FIELD2, FIELD3, ...)
VALUES ('VALUE1', 'VA;UE2', 'VALUE3', ...)

$mysqli->query digunakan untuk melakukan query ke SQL. Apabila error maka akan muncul pesan error nya.

header digunakan untuk mengarahkan (redirect) halaman ke index.php

Selanjutnya ada studi kasus, yaitu menambahkan kolom alamat, golongan darah dan nama ibu kandung, berikut codingnya.

Pada file v_index.php



Pada v_tambah.php



Pada tambah.php


Sedangkan pada file index.php nya sama saja seperti diatas.

Untuk output, Hamster gabisa upload nih. Soalnya output nya ga keluar, Hamster gatau letak kesalahan codingan Hamster ada dimana, temen-temen ada yang mau bantuin ga nih? Di kolom komentar aja yuk kalau mau, Hamster tunggu <3

Jadi, sekian aja deh untuk postingan kali ini. Iyaaa postingan kali ini beda, Hamster gabungin dua materi dalam satu postingan aja soalnya masih berkesinambungan nih.

Terimakasih bagi yang sudah berkunjung ke blog akuuuu. ILY 3000 deh hehe.

Wassalamu'alaikum warrahmatullahi wabarakatuh.

Praktikum 26 : Fungsi pada PHP

Assalamu'alaikum warrahmatullahi wabarakatuh~

Bertemu lagi dengan saya di postingan yang baru, kali ini saya akan membahas hal baru nih, yaitu fungsi. Apa sih fungsi?

Fungsi adalah kumpulan dari beberapa statement yang dibuat dengan tujuan untuk menyelesaikan tugas tertentu. Fungsi juga digunakan untuk mencegah script di eksekusi pada saat halaman website di load, karena untuk mengeksekusinya kita harus memanggil fungsi tersebut.

Pembuatan fungsi bentuk umumnya adalah sebagai berikut

function nama_fungsi(parameter) {
      //isi fungsi
}

Ketika fungsi yang kita buat ingin mengembalikan nilai maka tambahkan return sebelum fungsi ditutup.

function nama_fungsi(parameter) {
        //isi fungsi
        return variable;
}

Macam-macam fungsi ada banyak, berikut beberapa macam fungsi :

• Fungsi Aritmatika
• Fungsi Aritmatika Terapan
• Fungsi String
• Fungsi Array
• Fungsi Date => date(string_format)

Berikut akan saya berikan contoh pembuatan fungsi

Praktikum 25 : Array dan CSS Media Querry

Assalamu'alaikum warrahmatullahi wabarakatuh

Bertemu lagi dengan saya bucinnya hamster, hehe. Jangan bosan-bosan ya untuk berkunjung kesini. Kali ini saya masih membahas array nih, tapi ditambah materi baru juga. Apa tuh? Yuk ah simak di bawah ini.

Array yang akan dibahas disini adalah array asosiatif nih guys. Apa sih array asosiatif ini?

Array asosiatif adalah tempat menyimpan data dengan tipe data yang berbeda-beda, gimana tuh? Lihat contohnya yuk.


Dan beginilah hasilnya.

Jadi, array asosiatif adalah array yang tidak menggunakan angka sebagai kunci di setiap nilainya. Jika tidak ditentukan kunci dari sebuah elemen di array, PHP akan otomatis memberikan kuncinya berupa angka.

Satu lagi contoh array asosiatif dengan looping.

Dan begini hasilnya bila di Run.

Saya mempunyai studi kasus untuk menampilkan sebuah tabel dengan menggunakan array asosiatif, berikut source code nya.


Dan begini hasilnya.

Sekian untuk postingan kali ini, terimakasih sudah berkunjung~

Wassalamu'alaikum warrahmatullahi wabarakatuh.

Praktikum 24 : Nested Looping & Array

Assalamu'alaikum warrahmatullahi wabarakatuh

Haiiiiii, ketemu lagi nih sama saya si bucinnya Ham Wonjin, bosen gak? T^T jangan bosen ketemu saya ya, saya orang baik kok, hehe.

Kali ini saya kembali dengan membawa si looping lagi nih, masih dengan si PHP. Dan kita hari ini juga akan kenalan dengan array nih. Apa pada postingan sebelumnya saya sudah pernah membahas array? Sepertinya sudah ya. Mungkin kalian bisa cek sendiri, hehe.

Nah, jadi apa sih nested looping ini? Looping saja sudah pusing, ini ditambah nested segala. Apa sih nested?

Jadi, nested looping adalah looping bersarang alias ada looping di dalam sebuah looping. Nah loh, kebayang gak gimana bentuknya?

Nih saya kasih gimana bentuk umumnya.





Dan ini tampilannya bila di Run.

Lanjuuuut ada studi kasus pertama nih.



Begitu sudah di Run, masukkan angka lalu klik Submit dan begini contoh tampilannya.

Selanjutnya mari kita bahas si array nih.

Array adalah kumpulan data/elemen yang memiliki tipe data yang sama dan tersimpan dalam satu variable.

Berikut adalah contoh array 2 dimensi dan looping.



Dan ini adalah tampilannya.

Sekian saja untuk postingan kali ini, terimakasih sudah berkunjung.

Wassalamu'alaikum warrahmatullahi wabarakatuh~

Praktikum 23 : Loop pada PHP

Assalamu'alaikum warrahmatullahi wabarakatuh

Hai, bertemu lagi nih di postingan baru. Masih aja yaaa kita membahas si PHP ini loooh. Gimana gais? Pusing ngga? Saya sih jujur aja pusing, banget malah. Tapi ya apa daya yaaa bagi saya sendiri belajar PHP ini adalah kewajiban saya sebagai pelajar di jurusan Rekayasa Perangkat Lunak ini. Ett ett ini kenapa saya jadi curhat deh T^T

Yak, kali ini yang akan saya bahas adalah looping, masih ingat tidak? Saya sudah pernah membahas looping sebelumnya ya meski saya sebetulnya belum paham betul dengan looping alias pengulangan ini.

Looping yang akan saya bahas disini adalah for dan while.

Mari kita lihat bentuk umum for.


Beginilah tampilannya apabila di Run.

Dan ini adalah bentuk umum while.


Beginilah tampilannya apabila di Run.

Selanjutnya ada studi kasus yang pertama, yaitu membuat perulangan untuk menginput data siswa, seperti berikut.




Dan begini tampilannya bila di Run. Masukkan angka pada textbox yang tersedia lalu klik Submit maka akan muncul perulangan sesuai dengan angka yang dimasukkan seperti berikut.

Studi kasus kedua yaitu perulangan untuk menginput jurusan.


Dan begini tampilannya begitu di Run, masukkan angka pada textbox dan klik Submit maka akan muncul perulangan sesuai angka yang dimasukkan.

Dan terakhir studi kasus ketiga adalah untuk menghitung jumlah huruf vokal pada sebuah nama.



Berikut tampilannya.

Saya coba hitung huruf a pada nama saya sendiri yaitu nisrina nada agnela, dan begini hasilnya.

Penasaran tidak? Kalau penasaran yuk dicoba sendiri saja~

Sekian saja untuk postingan kali ini, lagi-lagi dan tak bosan-bosannya saya berterima kasih kepada Anda semua yang sudah berkunjung <3

Wassalamu'alaikum warrahmatullahi wabarakatuh~