Menyimpan Data ke Database dan Menampilkan Database dengan PHP

Berikut akan dibahas bagaimana Membuat koneksi ke database MySQL, menyimpan data ke database, Membaca data dari database & menampilkan data ke user.  Cara ini membutuhkan  pengetahuan dasar MySQL anda. Jika anda sama sekali belum memiliki pengetahuan dasar MySQL silahkan kunjungi website www.MySQL.com untuk mempelajari MySQL terlebih dahulu.

Menyimpan Data ke Database

Buatlah sebuah database dengan nama db_contactus, kemudian buat sebuah tabel dengan nama MsContactUs, contoh:

Field

Tipe Data

nama Varchar (50)
email Varchar (50)
komentar Text

Setelah selesai langkah selanjutnya yang harus anda lakukan adalah melakukan koneksi ke database. Untuk melakukan koneksi di PHP adalah menggunakan function mysql_connect(db_host, db_user, db_pass) yang mempunyai 3 parameter, yaitu : db_host adalah nama server atau host tempat database disimpan, jika database anda berada pada komputer anda sendiri anda akan mengisi parameter ini dengan localhost, db_user adalah user dari database MySQL, dan db_pass password dari user database MySQL. Contoh di bawah adalah contoh untuk melakukan koneksi database db_contactus, dimana user database MySQL dikomputer saya adalah root dan passwordnya adalah root:

$conn=mysql_connect("localhost", "root", "root");

mysql_select_db("db_contactus"); //memilih database mana yang digunakan

Langkah berikutnya adalah membuat form HTML untuk user menginputkan komentarnya. Untuk lebih jelas buatlah contoh berikut ini.

Langkah I Membuat Contact Form

Buatlah document HTML baru dengan text editor anda serta buat HTML form 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=iso-8859-1" />
<title>Contact US</title>
</head>
<body>
<form id="form1" name="form1" method="post" action="save_contact.php">
<p>Nama :
<input name="nama" type="text" id="nama" />
</p>
<p>
Email :
<input name="email" type="text" id="email" />
</p>
<p>Komentar :
<textarea name="komentar" id="komentar"></textarea>
</p>
<p>
<input type="submit" name="Submit" value="Simpan" />
</p>
</form>
</body>
</html>

Simpan HTML document tersebut dengan nama contact_form.html dan letakkan pada direktori web server anda.

Langkah II Membuat PHP Script

Buat script PHP untuk menyimpan data yang dikirim dari contact_form.html. Mulai dengan membuat inisialisasi document HTML, contoh:


<!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=iso-8859-1" />
<title>Contact Us</title>
</head>
<body>

membuat script PHP untuk koneksi ke database


<?php
//melakukan koneksi ke database
$conn=mysql_connect("localhost", "root", "root");
mysql_select_db("db_contactus");

kemudian membuat variabel untuk menyimpan data yang dikirim


$nama=$_REQUEST['nama'];
$email=$_REQUEST['email'];
$komentar=$_REQUEST['komentar'];

selanjutnya menyimpan data ke tabel, untuk menyimpan data ke tabel gunakan function mysql_query(query) yang memiliki sebuah parameter yaitu query = Query yang digunakan untuk menyimpan data (INSERT).


//membuat Query untuk menyimpan data
$sql="INSERT INTO MsContactUs (nama, email, komentar)
values ('$nama','$email','$komentar')";
//menyimpan data ke database
mysql_query($sql);

selanjutnya memberi tahu user bahwa data telah tersimpan.


echo "<h2>Data Telah Disimpan</h2>";
?>
</body>
</html>

jika dituliskan secara lengkap sebagai 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=iso-8859-1" />

<title>Contact Us</title>

</head>

<body>

<?php

//melakukan koneksi ke database

$conn=mysql_connect("localhost", "root", "root");

mysql_select_db("db_contactus");

//membuat variabel untuk

//menyimpan data yang dikirim

$nama=$_REQUEST['nama'];

$email=$_REQUEST['email'];

$komentar=$_REQUEST['komentar'];

//membuat Query untuk menyimpan data

$sql="INSERT INTO MsContactUs (nama, email, komentar) values ('$nama','$email','$komentar')";

//menyimpan data ke database
mysql_query($sql);
echo "<h2>Data Telah Disimpan</h2>";
?>
</body>
</html>

Sekarang simpan dengan nama save_contact.php dan letakkan pada direktori web server anda. Kemudian lihat hasilnya di web browser anda. Jika anda telah melakukannya dengan benar maka hasilnya akan seperti berikut:

Menampilkan Data

Setelah bisa menyimpan data ke database sekarang anda akan belajar untuk membaca data dari database dan menampilkannya ke user. Untuk membaca data dari database anda harus melakukkan koneksi terlebih dahulu ke database, baru kemudian membaca data menggunakan fungsi mysql_query() danmysql_fetch_array(). Untuk lebih jelas lakukanlah contoh berikut ini.

Buat sebuah document baru dengan text editor anda, dan mulai membuat inisialisasi document HTML.


<!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=iso-8859-1" />
<title>Membaca Data</title>
</head>
<body>

membuat koneksi ke database


<?php
$conn=mysql_connect("localhost", "root", "root");
mysql_select_db("db_contactus");

membuat query SELECT dan membaca data


//membuat query select
$sql="select * from MsContactUs";
//membaca data
$hasil=mysql_query($sql);

kemudian menampilkan data ke user dengan fungsi mysql_fetch_array()


while($row=mysql_fetch_array($hasil)){
//menampilkan field nama
echo "Nama : ".$row['nama'];
//menampilkan field email
echo "<br>Email : ".$row['email'];
//menampilkan field komentar
echo "<br>Komentar ; ".$row['komentar'];
echo "<hr>";
}
?>

code diatas akan membaca seluruh record yang ada pada tabel, selama masih ada record berikutnya akan terus dilakukan perulangan. Kode secara lengkap adalah sebagai 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=iso-8859-1" />
<title>Membaca Data</title>
</head>
<body>
<?php
//membuat koneksi ke database
$conn=mysql_connect("localhost", "root", "root");
mysql_select_db("db_contactus");
//membuat query select
$sql="select * from MsContactUs";
//membaca data
$hasil=mysql_query($sql);
//menampilkan data
while($row=mysql_fetch_array($hasil)){
//menampilkan field nama
echo "Nama : ".$row['nama'];
//menampilkan field email
echo "<br>Email : ".$row['email'];
//menampilkan field komentar
echo "<br>Komentar ; ".$row['komentar'];
echo "<hr>";
}
?>
</body>
</html>

Simpan dengan nama read_data.php dan letakkan di direktori web server anda. Kemudian lihat hasilnya dengan web browser anda. Hasilnya akan seperti berikut:

Untuk mengetahui lebih dalam mengenai PHP, silahkan kunjungi http://www.php.net

sumber: myphpturorials

Setting Cisco Router

Pertama sambungkan komputer anda dengan cisco router dengan menggunakan console dan sambungkan melalui COM1, karena router hanya bisa di setting melalui PC.

Kedua anda gunakan program hyperterminal yang ada dalam komputer anda.
klik start ==> accessories ==> communication ==> hyperterminal.

Lalu kita masuk ke hyperterminal dan akan muncul connection description, lalu masukan nama connection misal cisco dan pilih icon kesukaan anda, lalu klik OK. Lalu akan muncul connecion to lalu pilihlah COM1 karena COM1 menghubungkan PC kita dengan Cisco Router. Lalu akan mucul kembali COM1 properties lalu pilih Flow control Xon / Xoff. Lalu klik OK dan akan muncul :

System Bootstrap, Version 12.1(3r)T2, RELEASE SOFTWARE (fc1)
Copyright (c) 2000 by cisco Systems, Inc.
cisco 2620 (MPC860) processor (revision 0x200) with 60416K/5120K bytes of memory

Self decompressing the image :
########################################################################## [OK]

Restricted Rights Legend

Use, duplication, or disclosure by the Government is
subject to restrictions as set forth in subparagraph
(c) of the Commercial Computer Software – Restricted
Rights clause at FAR sec. 52.227-19 and subparagraph
(c) (1) (ii) of the Rights in Technical Data and Computer
Software clause at DFARS sec. 252.227-7013.

cisco Systems, Inc.
170 West Tasman Drive
San Jose, California 95134-1706

Cisco Internetwork Operating System Software
IOS ™ C2600 Software (C2600-I-M), Version 12.2(28), RELEASE SOFTWARE (fc5)
Technical Support: http://www.cisco.com/techsupport
Copyright (c) 1986-2005 by cisco Systems, Inc.
Compiled Wed 27-Apr-04 19:01 by miwang

cisco 2620 (MPC860) processor (revision 0x200) with 60416K/5120K bytes of memory
.
Processor board ID JAD05190MTZ (4292891495)
M860 processor: part number 0, mask 49
Bridging software.
X.25 software, Version 3.0.0.
1 FastEthernet/IEEE 802.3 interface(s)
32K bytes of non-volatile configuration memory.
16384K bytes of processor board System flash (Read/Write)

— System Configuration Dialog —

Continue with configuration dialog? [yes/no]: System Bootstrap, Version 12.1(3r)T2, RELEASE SOFTWARE (fc1)
Copyright (c) 2000 by cisco Systems, Inc.
cisco 2620 (MPC860) processor (revision 0x200) with 60416K/5120K bytes of memory

Self decompressing the image :
#####System Bootstrap, Version 12.1(3r)T2, RELEASE SOFTWARE (fc1)
Copyright (c) 2000 by cisco Systems, Inc.
cisco 2620 (MPC860) processor (revision 0x200) with 60416K/5120K bytes of memory

Self decompressing the image :
########################################################################## [OK]

Restricted Rights Legend

Use, duplication, or disclosure by the Government is
subject to restrictions as set forth in subparagraph
(c) of the Commercial Computer Software – Restricted
Rights clause at FAR sec. 52.227-19 and subparagraph
(c) (1) (ii) of the Rights in Technical Data and Computer
Software clause at DFARS sec. 252.227-7013.

cisco Systems, Inc.
170 West Tasman Drive
San Jose, California 95134-1706

Cisco Internetwork Operating System Software
IOS ™ C2600 Software (C2600-I-M), Version 12.2(28), RELEASE SOFTWARE (fc5)
Technical Support: http://www.cisco.com/techsupport
Copyright (c) 1986-2005 by cisco Systems, Inc.
Compiled Wed 27-Apr-04 19:01 by miwang

cisco 2620 (MPC860) processor (revision 0x200) with 60416K/5120K bytes of memory
.
Processor board ID JAD05190MTZ (4292891495)
M860 processor: part number 0, mask 49
Bridging software.
X.25 software, Version 3.0.0.
1 FastEthernet/IEEE 802.3 interface(s)
2 Low-speed serial(sync/async) network interface(s)
32K bytes of non-volatile configuration memory.
16384K bytes of processor board System flash (Read/Write)

— System Configuration Dialog —

Continue with configuration dialog? [yes/no]:

lalu kita ketikan No dan akan muncul :

Press RETURN to get started!

lalu ketikan tombol Enter nanti akan muncul :

Router>
lalu ketikan enable untuk masuk ke previllage area
Router>enable [ enter ]
Router# [ enter ]
Router#configure terminal [ enter ]
router(config)# [ enter ]
Router(config)#int s0/0 [ enter ]
Router(config-if)# [ enter ]
Router(config-if)#ip address 192.168.2.1 255.255.255.0 [ enter ]
Router(config-if)#clock rate 9600 [ enter ]
Router(config-if)#bandwidth 512 (ket: Untuk Setting Bandwidth)
Router(config-if)#no shut [ enter ]
Router(config-if)#no shutdown [ enter ]

setting router 2

sama seperti di atas tapi bedanya :

Router(config)#int s0/1 [ enter ]
Router(config-if)#ip add 192.168.2.2 255.255.255.0 [ enter ]
Router(config-if)#no shutdown [ enter ]

dan jika terhubung dengan router pertama maka akan mucul pesan :

%LINK-5-CHANGED: Interface Serial0/1, changed state to up
%LINEPROTO-5-UPDOWN: Line protocol on Interface Serial0/1, changed state to up
%SYS-5-CONFIG_I: Configured from console by console

untuk dapat terkoneksi antar jaringan yang kita lakukan adalah :
kita menggunakan eigrp, ingat jika kita menggunaka eigrp maka semua autonomous system harus sama dalam sebuah network tersebut.

Jakarta(config)#router eigrp 50
lalu masukan Network yang terhubung dengan router tersebut misal :
Jakarta(config-router)#network 192.168.1.0 [ enter ]
Jakarta(config-router)#network 192.168.2.0 [ enter ]

memberi nama router :
misal Jakarta
Router(config)#
Router(config)#hostname Jakarta [ enter ]
Jakarta(config)#

memberi password router, hal ini untuk memprotek router anda dari para hacker.

Misal password cisco
Jakarta(config)#enable password cisco [enter ]

Untuk encryption
Jakarta(config)#enable secret cisco [ enter ]

Agar dapat kita telnet caranya

Jakarta(config)#line vty 0 3 [ enter ]
Jakarta(config-line)#password cisco [ enter ]
Jakarta(config-line)#login [ enter ]

line vty 0 3 maksudnya hanya 4 PC yang dapat mengtelnet router tersebut.

Agar router dapat terhubung dengan jaringan Fastethernet.

Jakarta(config)#int fa0/0 [ enter ]
Jakarta(config-if)#ip add 192.168.3.1 255.255.255.0 [ enter ]
Jakarta(config-if)#no shutdown [ enter ]

lalu akan muncul :

%LINK-5-CHANGED: Interface FastEthernet0/0, changed state to up

konfigurasi yang saya gunakan mengunakan Subnetmask 24

untuk menyimpan konfigurasi router ke NVRAM

Jakarta#
Jakarta#copy running-config startup-config [ enter ]
Destination filename [startup-config]? [ enter ]
Building configuration…
[OK]

sekian dulu postingan saya, postingan ini akan berlanjut.

Motor Listrik Honda, Honda RC-E

Tokyo – Kendaraan bertenaga listrik diklaim sebagai kendaraan masa depan seiring dengan langkanya bahan bakar minyak dari fosil. Jadi, tak heran bila pabrikan otomotif berlomba untuk memproduksi mobil maupun motor bertenaga setrum itu.

Satu di antara mereka adalah Honda Motor Company (Honda) yang membuat konsep motor sport bertenaga listrik, Honda RC-E. “Belum ada rincian tentang spesifikasi teknologinya, namun Honda mengklaim motor itu akan memberi kenyamanan berkendara tak ubahnya motor sport bermesin 250 cc,” demikian laman visordown.com menulis, Jumat, 11 November 2011.

Tampilannya pun tak jauh berbeda dengan motor sport bermesin konvensional 250 cc. Jok tunggal, ban besar yang dilengkapi peranti pengereman lembaran cakram besar, dengan windshield serta shroud di bagian samping menguatkan kesan motor sport itu.

Menariknya, sumber tenaga listrik itu bisa dibongkar dan digunakan untuk keperluan lain ketika motor tak digunakan. Hanya, itu perlu kecermatan dan keahlian khusus.

Honda akan memamerkan motor itu di gelaran Tokyo Motor Show 2011 yang berlangsung 3-11 Desember mendatang.

Spesifikasi Tablet Asus Eee Pad Slider Resmi Tampil di Halaman Web Resmi Asus

ASUS telah diam-diam telah menampilkan halaman resmi untuk produk tablet Asus Eee Pad Slider yang menegaskan spesifikasi yang telah terungkap sebelumnya. Tablet yang unik memiliki 2 prosesor Tegra yang sama, layar 10 inci dengan resolusi 1280x800px, memori 1GB RAM, dan 16GB atau 32GB penyimpanan dengan built-in keyboard dengan tebal kurang lebih i 0,68 inci dan berat 2,12 pon. Tablet ini terinstall dengan Android 3,1 tapi akan bisa diupgrade ke  Android 3.2.

Tablet ini dilengkapi oleh 1 USB, mini HDMI, headphone jack, dan slot microSD. Kamera adalah sama seperti pada Asus EEE Pad Transformer yaitu kamera lima megapiksel bagian belakang dengan kamera depan 1,2-megapiksel.

Ketahanan batere tablet ini kurang lebih 8 jam dan dilengkapi oleh speaker berkualitas yang mampu menghasilkan suara Supreme SRS surround.

Asus EEE Pad Slider ini diperkirakan akan masuk ke banyak negara pada September 2011 nanti. Edisi 16GB sepertinya memiliki bandrol harga  $ 400 yang sama seperti Asus Transformer di AS tapi mungkin dibandrol harga $ 550 untuk versi 32GB.

Ingin melihat halaman web resmi Asus EEE Pad Slider ini bisa ke:http://www.asus.com/Eee/Eee_Pad/Eee_Pad_Slider_SL101

Membuat Efek Dua Warna dengan PHOTOSHOP(Photo Effect Dual Colors Max)

Efek Foto Artistik kali ini adalah membuat Edit Fotodual colors max yaitu foto hitam putih yang di mix dengan foto berwarna sehingga terjadi perpaduan yang artistik, caranya mudah…

Sebagai langkah awal Siapkan Cemilan… Buat teman ngedesain supaya tetep kenyang dan bisa konsentrasi… :)
Jangan Lupa juga mainkan Lagu2 favorit kamu agar suasana hati juga nyaman dan tenang saat mendesain…
Ok Cukup… Baik langsung saja…

Langkah – Langkahnya:

1. Download dulu gambar Mobil Balap Sport di bawah ini

Tips!!
Kamu bisa mencari gambar mobil yang lain dengan bantuan Google Service, dengan memasukkan kata kunci: Automotive Cars atau Race Cars

2. Buka gambar hasil dowload dengan program photoshop

3. Ubah Foreground menjadi hitam dan Background menjadi putih
lalu klik Edit in Quick Mask Mode (pada gambar panah 2)

Agar masuk ke menu Quick Mask

4. Pilih Brush Tool

Lalu Warnai Area Mobil menjadi seperti gambar di bawah ini

5. Sekarang ubah Edit in Standart Mode

Dan tinggal Finishing Touch (penyelesaian)
Yup… Tekan Shift + Ctrl + U (bersama-sama)

Dan…. Hasilnya…. Taraaaaaaaa!!

SELAMAT MENCOBA

Daftar Pustaka:

http://www.ilmugrafis.com

Setting Wireless Router TP-Link WR841N untuk ISP SPEEDY

Cukup mudah untuk men-seting dan meng-konfigurasi router ini dengan modem speedy, tinggal mengikuti panduan yang ada di dalam buku manualnya, sudah cukup untuk bisa digunakan akses ke internet.

Setelah menghubungkan modem + TP-Link router + laptop/PC dalam kondisi OFF, seperti gambar berikut:Ada beberapa cara untuk melakukan setting router ini, dan saya pilih cara dengan menggunakan web browser.

* Untuk bisa setting routernya, kita harus masuk ke web admin nya dengan mengetikan IP router di Web Browser, dan biasanya IP yang digunakan adalah: 192.168.1.1
* Ketika ditanya username & password, masukkan default username & password router (keterangannya ada di buku manualnya), biasanya, username: admin, password: admin
* Setelah masuk di web Administrasi router TP-Link, disarankan untuk mengganti IP router/TP-Linknya, karena modem ADSL nya sendiri biasanya di set dgn IP: 192.168.1.1
* Masuk ke menu: Network -> LAN ganti IP TP-Linknya, dalam hal ini, saya mengubah IP TP-Linknya menjadi: 192.168.2.1 dan Subnet Mask: 255.255.255.0
* Disarankan juga untuk mengganti password defaultnya dengan cara memilih menu: System Tools -> Password selain ada pilihan mengganti password, juga ada disarankan untuk mengubah username defaultnya.
* Restart TP-Link dengan memilih menu: System Tools -> Reboot
* Tunggu beberapa saat, dan untuk masuk ke halaman web admin router/TP-Link nya, gunakan IP yang baru: 192.168.2.1 dan masukan username & password yang baru
* Setelah masuk ke halaman administrator, pilih menu: Quick Setup dan ikuti langkah selanjutnya (klik tombol NEXT)
* Pada saat Choose WAN Connection Type, pilih Dynamic IP; klik tombol NEXT
* Pada halaman Wireless:
1. Wireless Radio: Enable
2. SSID: isi dengan nama ID yang akan di broadcast pada saat signal WiFi di pancarkan
3. Region: Indonesia
4. Channel: biarkan sesuai default yang ada (Dalam kasus saya, diganti dengan 11 ** channel yang biasa digunakan secara umum **)
5. Mode: 54Mbps (802.11g)
6. Next
7. Finish

* Selanjutnya, setting Gateaway & DNS nya sesuai dengan setting SPEEDY, masuk ke menu: Network -> WAN
1. Klik Renew pada bagian Gateaway, dan isi dengan IP Modem: 192.168.1.1
2. Pilih/checklist bagian Use These DNS Server
3. Primary DNS: 203.130.196.5
4. Secondary DNS: 202.134.0.155
5. Save
* Selanjutnya, setting untuk security routernya, agar tidak bisa digunakan oleh siap saja dengan memilih menu Wireless -> Wireless Setting (berikut ini contoh setting yang saya gunakan, anda bisa memilih setting yang berbeda dengan contoh di bawah ini)
1. Beberapa setting sudah dipilih sesuai dengan setting sebelumnya
2. Pilih/Klik Enable Wireless Security
3. Security Type: WEP
4. Security Option: Automatic
5. WEP Key Format: Hexadecimal
6. Key1: 1234567890 (bisa diganti); Key Type: 64bit
7. Save

* Sampai tahap ini, router sudah bisa digunakan, namun untuk lebih memastikan, ada beberapa hal yang bisa disetting terlebih dahulu sebelum router nya di REBOOT
* Setting range IP Client DHCP pada TP-Link nya dengan memilih menu: DHCP -> DHCP Setting, isi range IP sesuai dengan yang dikehendaki, misal: Start IP Address: 192.168.2.100 & End IP Address: 192.168.2.199, klik SAVE
* Cek juga setting Time dengan memilih menu: System Tools -> Time sesuaikan dengan timezone dan waktu anda, klik SAVE
* Reboot router TP-Link dengan memilih menu: System Tools -> Reboot
* Router TP-Link anda siap digunakan. Cabut kabel LAN dari laptop/PC dan aktifkan WiFi nya, coba untuk search WiFi (SSID) router dan masukkan WEP yang telah di set pada saat melakukan koneksi ke router