-->
6/Tutorial/slider

Memasukkan Record ke Banyak Tabel dari Satu Form

5 comments
Hari ini saya mau berbagi tips untuk memasukkan data (record) ke banyak tabel atau istilahnya multiple table dari satu form. Contoh saya buat kasus seperti ini:

Saya misalkan di sebuah website ada kolom feedback dari pengunjung. Nah, pada bagian feedback pengunjung ini saya misalkan ada 4 form yang harus diisi.
1. Form Nama
2. Form Email
3. Form Subjek
4. Form Pesan / Masukan

Form ke 1 dan 2 ingin saya masukan ke tabel 'pengunjung'. Lalu form ke 3 dan 4 saya masukan ke tabel 'feedback'.
Seperti itulah kasusnya. Nah sekarang langsung ke langkah-langkahnya:
1. Buat database dengan nama bebas. Disini saya buat dengan nama "Tes"
2. Buat tabel "pengunjung" dan "feedback" pada database yang telah dibuat tadi. Saya anggap sudah bisa dalam pembuatan tabel ini..
3. Pada tabel pengunjung buat 3 field, yaitu "id", "nama" dan "email"
4. Pada tabel feedback buat 3 field juga, yaitu "id", "subjek", dan "pesan"
5. Jika sudah buat tabel, sekarang ke pembuatan formnya. Buat dengan nama 'form.html' dengan script seperti berikut:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Feedback</title>
</head>

<body style="margin:50px 25% 0px 25%;">
 <h1>Feedback</h1>
 <form method="post" action="pengolah.php">
       Nama <br><input name="nama" type="text" size="50"><br><br>
    Email <br><input name="email" type="text" size="50"><br><br>
    Subjek <br><input name="subjek" type="text" size="50"><br><br>
    Pesan <br><textarea name="pesan" style="height:250px; width:675px;"></textarea><br><br>
    <p style="text-align:right;"><input type="submit" value="Kirim Pesan"></p></form>
    </form>
</body>
</html>


6. Setelah form dibuat maka sekarang buat file php yang mengkoneksikan ke database dan memasukkan datanya. Karena pada script form diatas actionnya ke "pengolah.php", maka kita buat file php ini dengan nama "pengolah.php". Berikut scriptnya:
<?php

// koneksi ke database
$user = 'root';
$pass = '';
$dbh = new PDO ('mysql:host=localhost;dbname=tes', $user,$pass);

// Memberi variabel pada data yg didapat dari form
$nama = $_POST["nama"];
$email = $_POST["email"];
$subjek = $_POST["subjek"];
$pesan = $_POST["pesan"];

// kondisi jika salah satu form ada yang tidak diisi
if ($nama == "" || $email == "" || $subjek == "" || $pesan == "") {echo "ada yg belum diisi";}

// kondisi selain if di atas
else {
 $sql = "INSERT INTO pengunjung (nama,email) VALUES (:nama,:email)"; // Perintah memasukkan nama dan email ke tabel pengunjung
 $stmnt = $dbh->prepare($sql);
 $stmnt->execute(array(':nama'=>$nama,':email'=>$email));
 $sql2 = "INSERT INTO feedback (subjek,pesan) VALUES (:subjek,:pesan)"; // Perintah memasukkan subjek dan pesan ke tabel feedback
 $stmnt = $dbh->prepare($sql2);
 $stmnt->execute(array(':subjek'=>$subjek,':pesan'=>$pesan));
 echo "pesan telah terkirim";} // Tulisan yang ditampilkan jika sukses
?>

Disini saya menggunakan PDO untuk koneksi ke database-nya. Saya tidak akan menjelaskan PDO itu apa silahkan cari sendiri di google karena saya sendiri masih kurang mengerti mengenai PDO ini. Tapi yang saya ketahui PDO ini memliki kelebihan dibanding mysql* ataupun mysql_* yaitu lebih aman dari serangan SQL Injection dan juga fleksibel jika ingin pindah ke database yang lain.

Nah seperti itulah caranya memasukkan data dari satu form ke banyak tabel (disini 2 tabel)..

Semoga bisa membantu..

Download source code : disini

Row Hover pada Tabel dengan CSS

No comments
Tutorial kali ini adalah tentang menghias tabel dengan css. Namun di artikel kali ini dikhususkan pada bagian row hover.
Apa maksudnya? Jadi begini, sebenernya masalah ini baru saja saya alami..

Saya buat tabel seperti biasa, dan hasil yang saya inginkan adalah ketika kursor mengarah ke salah satu record, maka seluruh record dalam row (baris) tersebut background-color nya berubah.. Namun yang saya dapatkan justru hanya satu record (dalam tag "td") saja yang berubah warna backgroundnya.
Lalu saya coba pada cssnya dengan menggunakan parameter:
tr:hover {background:#kodewarna}


Namun parameter di atas justru tidak menghasilkan apa - apa.. Setelah dicoba diulik akhirnya berhasil juga dengan script berikut:
tr:hover td {background:#kodewarna}


Jadi contoh script selengkapnya seperti berikut:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Row Hover pada Tabel dengan CSS</title>
</head>

<body>

<table id="rowhover">
<tr><th>Tabel Header 1</th><th>Tabel Header 2</th><th>Tabel Header 3</th></tr>
<tr><td>Record Baris Pertama</td><td>Record Baris Pertama</td><td>Record Baris Pertama</td></tr>
<tr><td>Record Baris Kedua</td><td>Record Baris Kedua</td><td>Record Baris Kedua</td></tr>
<tr><td>Record Baris Ketiga</td><td>Record Baris Ketiga</td><td>Record Baris Ketiga</td></tr>
<tr><td>Record Baris Keempat</td><td>Record Baris Keempat</td><td>Record Baris Keempat</td></tr>
</table>

<style type="text/css">
#rowhover {font-family:Arial, Helvetica, sans-serif; text-align:left; font-size:12px; line-height:1.4em; padding:4px; margin:0px; border:1px solid #999; border-collapse:collapse; border-spacing:0px;}
#rowhover th {background:#999; padding:10px; color:#000;}
#rowhover td {padding:10px; text-align:left;}
#rowhover tr:hover td {background:#CCCCCC;}
</style>

</body>
</html>


Download source code : disini

Jadi seperti itulah tips membuat hover pada satu baris dengan css.. Jika ingin tampilan lebih cantik silahkan di edit saja css-nya..

Masalah audio di windows xp service pack 3

2 comments

Dari judul di atas mungkin ada pertanyaan seperti ini: Hari gini masih pake xp??
Mungkin pertanyaan seperti itu memang benar. Apalagi sekarang udah jaman windows 7. Malah sebentar lagi tanggal 26 Oktober nanti Microsoft secara resmi bakal merilis Windows 8.

Yap, Kembali ke judul.. Jadi apa sih maksud dari judul di atas??
Jadi gini.. Pertama kali aku nemu kasus ini waktu diminta temen install ulang komputernya. Itu sekitar 2 tahun lalu kalo ga salah. Jadi setelah install windows nya beres, aku install driver-drivernya. Nah ternyata setelah install driver audionya masih aja belum keluar suara si windowsnya itu.
Karena merasa aneh, aku coba uninstall si driver audionya itu lalu install lagi. Tapi hasilnya tetap sama saja. Karena sudah menyerah, akhirnya aku coba browsing. Akhirnya nemu blog yang ngejelasin kasusnya. Aku coba caranya dan berhasil. Ya karena sudah berhasil ya sudah deh..

Tapi beberapa hari yang lalu aku diminta menginstalkan xp sp3 lagi di laptop orang. Dan kasusnya sama, audionya ga keluar padahal udah diinstal drivernya. Karena caranya sudah lupa jadi browsing lagi. Dan ga tau apa keywordnya waktu itu jadi susah browsingnya walaupun akhirnya ketemu lagi blog itu yang tadi. Makanya sekarang aku post di blog-ku sendiri takutnya nanti dapet kasus kaya gini lagi jadi gampang nyarinya ga usah kemana - mana.

Jadi gini caranya bagi yang punya kasus seperti kasusku ini:
*Jika sebelumnya sudah menginstal driver audionya, sebaiknya diuninstall dulu

1. Download Microsoft UAA Patch disini
2. Jika sudah buka regedit dengan cara tekan tombol "Windows + R" lalu ketikkan "Regedit".
3. Masuk ke bagian ini: HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Control\Windows
4. Klik 2x pada "CSDVersion"
5. Ganti yang asalnya valuenya 300 menjadi 200
6. Restart komputer
7. Install Microsoft UAA Patch
8. Ganti lagi CSDVersion menjadi 300
9. Restart komputer
10. Install driver audionya
11. Selesai

Jadi caranya seperti itu.. Mudah"an membantu buat yang punya masalah kaya gini

Kalo cara itu masih ga bisa coba kunjungi sumbernya disini

Membuat Relasi Tabel Database di PhpMyAdmin

13 comments
Haduh haduh haduh udah lama banget ga posting nih..
Jadi terbengkalai deh ni blog. OK deh langsung aja kali ini saya kasih tutorial cara me-relasikan tabel dalam database menggunakan phpmyadmin.

Berikut langkah-langkahnya:
1. Pertama tentunya buat database dulu. Disini saya buat databse dengan nama "library".

2. Selanjutnya masuk ke database tersebut dan buat tabel dengan nama "category".

3. Langkah selanjutnya yaitu buat field dengan nama "category_id". Saya setting field ini auto increment dan juga sebagai primary key.

4. Sebelum di save, jangan lupa ubah tipe tabel menjadi "InnoDB". Kenapa? Karena hanya tipe inilah yang dapat membuat foreign key dan relasi. Cara menggantinya lihat pada bagian "Storage Engine" dan ganti menjadi "InnoDB". Karena biasanya ada yang defaultnya tipe "MyISAM" walaupun ada juga yang dari default sudah "InnoDB".

5. Setelah di setting, save.
6. Selanjutnya buat tabel kedua. Disini saya membuat tabel bernama "book".

7. Isi fieldnya. Disini saya membuat field “book_id” yang di setting “auto_increment” dan sebagai “primary key”. Pada tabel “book” ini, buat field "category_id" lalu field “category_id” ini akan digunakan sebagai foreign key. Caranya adalah pada bagian index pilih “INDEX”.
8. Sebelum di save jangan lupa tipe tabel harus "InnoDB".

9. Setelah membuat kedua tabel, maka selanjutnya adalah me-relasikan kedua tabel dengan field “category_id”. Ingat, field “category_id” harus ada pada kedua tabel.
10. Masuk ke tabel "book". Pindah ke tab menu “structure” lalu klik “Relation View” yang terdapat di bawah struktur tabel.

11. Karena field “category_id” dalam tabel “book” ini akan direlasikan dengan field “category_id” pada tabel “category” (sebagai tabel master) maka selanjutnya kita set relasinya seperti berikut ini:

12. Jika berhasil, maka setelah di-save seperti ini:

13. Setelah membuat relasi, kita coba memasukkan record ke dalam tabel yang tadi dibuat. Disini saya memasukkan data (record) ke tabel “category” seperti gambar berikut ini:

14. Pada tabel “category” ini, saya memasukkan beberapa record. Salah satu diantaranya saya memasukkan “category_id = 12345” dengan “category_name = Mystery”
15. Selanjutnya Masukkan data ke tabel “Book”. Berikut ini data yang saya masukkan:

16. Karena sudah direlasikan, saat pengisian data pada tabel “book” ini, pada field “category_id” sudah terdapat pilihan yang tadi telah dimasukkan di tabel “category”. Contoh: Saya memasukkan data dengan judul buku “Harry Potter” dan pada category_id saya pilih “12348” yang merupakan kategori “magic”

17. Berikut ini data yang dimasukkan pada tabel “Book”.

18. Pada gambar di atas category_id-nya berupa link. Jika di klik maka akan diarahkan ke tempat category itu sendiri. Contoh saya meng-klik category_id 12348. Hasilnya seperti ini:

19. Jadi, seperti itulah fungsi dari relasi tabel, yaitu menghubungkan antar tabel.

Ya.. cukup sekian tutorial kali ini mudah"an bisa berguna. Aamiin.

Hymne SMKN 1 Cimahi

No comments
Udah lama nih ga posting..
Kebetulan lagi inget sama sekolahku tercinta SMKN 1 Cimahi, ga kerasa bentar lagi lulus.

Kemarin adalah hari ulang tahun sekolahku yang ke 35 (secara resmi). Dan pada saat upacara diesnatalis kemarin, seperti biasa dinyanyikan lagu hymne smkn 1 cimahi. Aku sendiri ngga' begitu hafal lirik hymne sekolahku ini. Tapi yang aku dengar sih seperti ini:

Berdiri kokoh tegak dan pasti.
Mengemban tugas mulia.
Mendidik putra putri bangsa.
Menyongsong masa depan cerah ceria.
Tiada hari tanpa bakti.
Padamu Pertiwi.
Setialah s’lalu pada tekadmu SMK Negri 1 Cimahi.

Terpatri niat di sanubari .
Menimba ilmu berguna.
Tuk bekal jalani hari nanti.
Berbakti mengabdi kepada negeri.
Tegak pasti langkah kami.
Membangun negeri.
Jayalah slalu almamaterku SMK Negeri 1 Cimahi


Seperti itu, mudah"an ga salah..

Selesai..
An ENTJ Person. A software engineer, experienced in web development, especially in Java. The best graduate of engineering field of Bandung State Polytechnic. Self-motivated and adaptable person. Highly passionate about IT stuff. A fast learner, always curious and loves to learn something new. Has a strong logical and analytical thinking. [Faris Arifiansyah] (https://lh4.googleusercontent.com/9-OcR6PfTb9wECGLmzP0uzrFor9GiXdbMHRt_eXiIh9D_kdopGPGDogIuhWVlCaeBfGONpDMz54MuZHfm98s=w1920-h925)