Input Edit Delete pada web dengan PHP

STUDI KASUS

MEMBUAT WEB MOBIL

Database dan Tabel

Buatlah database, pada kasus ini dengan nama db_ukk. Setelah database selesai dibuat, buatlah tabel “mobil” yang field-field nya seperti pada gambar

Tampilan database db_ukk

Struktur penyimpanan file

Struktur penyimpanan file di C:Xampp/htdocs/webmobil. Dalam kasus ini nama web nya adalah webmobil. Di dalam folder web mobil terdapat folder gambar, yang nanti akan di gunakan untuk menampung file-file gambar. Dan folder admin, untuk menyimpan file-file admin.

Struktur penyimpanan file

Koneksi database

mysql_connect('localhost','root','');

mysql_select_db('db_ukk');

?>

File koneksi ini di simpan di folder admin

Halaman index admin

Tampilan index.php

View Mobil

Ketika di klik link mobil, maka akan muncul data mobil beserta link EDIT dan DELETE

Tampilan view_mobil.php

Script dari view_mobil.php

include('koneksi.php');

$baris=1;

echo "

Kode Mobil

Merk

Type

Warna

Harga

Gambar

Action

";

 if(empty($_GET['tcari']))

 {

 $query=mysql_query("SELECT * FROM mobil");

 }

 else

 $query=mysql_query("SELECT * FROM mobil WHERE kode_mobil LIKE '%".$_GET['tcari']."%'");

 while($data=mysql_fetch_array($query))

 {

 $warna=($baris% 2==1) ? "#999999" : "#0099FF";

 echo "

$data[kode_mobil]

$data[merk]

$data[type]

$data[warna]

Rp $data[harga_mobil],00

EDIT

DELETE

";

 $baris++;

 }

echo "

";

echo "";

?>

Uploadmobil.php

Klik link “input lagi” untuk menambahkan data mobil, maka admin akan di arahkan ke  halaman “upload_mobil.php”

Tampilan dari upload_mobil.php

Script dari upload_mobil.php

Penggalan script yang di mulai dari tag

Kode Mobil

:

Merk

:

Type

:

Warna

:

Harga

:

Gambar

:

Ketika seorang admin selesai menginput data mobil, kemudian di klik tombol kirim maka akan di arahkan ke halaman input_mobil.php

Tampilan dari input_mobil.php

Script dari input_mobil.php

include('koneksi.php');

$nama=$_FILES['gambar']['name'];

$lokasi=$_FILES['gambar']['tmp_name'];

$direktori="../gambar/$nama";

$move=move_uploaded_file($lokasi,"$direktori");

$query=mysql_query("INSERT INTO mobil (kode_mobil,merk,type,warna,harga_mobil,gambar)

VALUES ('$_POST[mobil]','$_POST[merk]','$_POST[type]','$_POST[warna]','$_POST[harga]','$nama')");

echo "";

?>

 

Edit mobil

Untuk melakukan editing/merubah data mobil, maka klik pada tombol link edit. Maka banti akan muncul data mobil yang akan di edit

Tampilan edit_mobil.php

Script edit_mobil.php

include('koneksi.php');

$query=mysql_query("SELECT * FROM mobil WHERE kode_mobil='$_GET[kode_mobil]'");

$edit=mysql_fetch_array($query);

echo "

Kode Mobil

:

                       

Merk

:

Type

:

Warna

:

Harga

:

           

Gambar

:

Pilih Gambar

:

"

?>

Setelah di edit data nya, kemudian klik kirim. Maka akan di arahkan ke halaman update_mobil.php

update_mobil.php

halaman update_mobil.php

script update_mobil.php

include('koneksi.php');

$nama=$_FILES['gambar']['name'];

$lokasi=$_FILES['gambar']['tmp_name'];

$direktori="../gambar/$nama";

$move=move_uploaded_file($lokasi,"$direktori");

if(empty($nama))

{

$query=mysql_query("UPDATE mobil SET kode_mobil='$_POST[mobil]',merk='$_POST[merk]',type='$_POST[type]',warna='$_POST[warna]',

harga_mobil='$_POST[harga]' WHERE kode_mobil='$_POST[kode_mobil]'");

echo "";

}

else if(!empty($nama))

{

$query=mysql_query("UPDATE mobil SET kode_mobil='$_POST[mobil]',merk='$_POST[merk]',type='$_POST[type]',warna='$_POST[warna]',

harga_mobil='$_POST[harga]',gambar='$nama' WHERE kode_mobil='$_POST[kode_mobil]'");

echo "";

}

?>

Hapus mobil

Untuk menghapus data mobil, klik link DELETE. Maka nanti data akan langsung terhapus dan muncul kotak dialog, pada file del_mobil.php

Kotak dialog del_mobil.php

Script dari Del_mobil.php

include('koneksi.php');

$query=mysql_query("DELETE FROM mobil WHERE kode_mobil='$_GET[kode_mobil]'");

echo "";

?>

19.36 | 0 komentar | Read More

Rangkuman Materi Keyboard

RANGKUMAN MATERI KEYBOARD

Berikut ini adalah rangkuman singkat tentang penemu dan perkembangan keyboard serta jenis-jenis dari keyboard.

Christopher Latham Sholes Lahir (14 Februari 1819 - 17 Februari 1890) adalah penemu dari Amerika yang menemukan mesin tik praktis pertama dan keyboard QWERTY dan masih digunakan sampai sekarang.

Keyboard Klockenberg dibuat dengan maksud menyempurnakan jenis keyboard qwerty, yaitu dengan memisahkan kedua bagian keyboard (bagian kiri dan kanan). Bagian kiri dan kanan keyboard dipisahkan dengan sudut 15 derajat dan dibuat miring ke bawah.

Tata letak keyboard palantype mempunyai 3 kelompok karakter. Kelompok pada bagian kiri menunjukkan konsonan awal sebuuah kata, bagian tengah menunjukkan kelompok vokal dan bagian kanan menunjukkan kelompok konsonan terakhir dari sebuah kata atau suku kata

Keyboard serial Menggunakan Din 5 male dan biasanya digunakan pada computer tipe AT

Fungsi tombol keyboard:

Fungsi F1
*.Biasanya tombol ini lebih difungsikan untuk menampilkan layar bantuan (help) dari hampir semua jenis aplikasi komputer.
*.Untuk mengakses beberapa jenis BIOS.
*.Pada Microsoft Office kombinasitombol Windows Key + F1 akanmenampilkan Microsoft Windows help and support center.
*.Kombinasi Ctrl + F1 akan menampilkan Task Pane pada Microsoft Office.
*.Mengaktifkan dan menonaktifkan fungsi mouse komputer.
Fungsi F2
*.Pada Windows biasa digunakanuntuk mengubah/renameikon ataupun file.
*.Kombinasi tombol Alt + Ctrl + F2 digunakan untuk membuka sebuah file dokumen pada Microsoft Word.
*.Kombinasi Ctrl + F2 akan menampilkanPrint Previewpada Microsoft Word.
*.Biasa digunakan untuk mengakses CMOS Setup.
Fungsi F3
*.Pada MS–DOS berguna untuk mengulangi perintah terakhir.
*.Kombinasi tombol Shift + F3 akan mengubah teks dalam Microsoft Word dari huruf kecil menjadi huruf besar.
*.Mengaktifkan maupun menonaktifkan fungsi Wi-Fi

Fungsi F4
*.Untuk mengulangi aksi/perintah terakhir pada komputer(Undo).
*.Kombinasi tombol Alt + F4 akanmenutup program yang sedang aktif pada Microsoft Windows secara bersamaan.
*.Kombinasi Ctrl + F4 akan menutup jendela yang sedang terbuka dalam jendela yang sedang aktif dalam Microsoft Windows.
*.Mengaktifkan maupun menonaktifkan suara/volume

06.55 | 0 komentar | Read More