tag:blogger.com,1999:blog-17852694834836484222024-02-18T19:56:33.314-08:00-----CERIAMINI-----Ceriaminihttp://www.blogger.com/profile/00116570168940347314noreply@blogger.comBlogger89125tag:blogger.com,1999:blog-1785269483483648422.post-15961760878045869462012-12-13T03:15:00.000-08:002012-12-13T03:15:19.355-08:00PERINTAH DASAR MySQLTerlebih dahulu install AppServ atau MySQL. Kemudian buka MySQL
Command Line Client. Masukan password yang sesuai saat instalasi,
apabila tidak menggunakan password maka langsung dienter.<br />
<strong>Perintah melihat database : </strong><br />
show databases;<br />
<strong>Perintah membuat database :</strong><br />
Create database namadatabase; kemudian enter<br />
Contoh : create kuliah;<br />
<strong>Perintah menggunakan database yang telah dibuat :</strong><br />
Use namadatabase;<br />
Contoh : create kuliah;<br />
<strong>Perintah membuat table :</strong><br />
Create table namatabel (namafield1 type(length),namafield2 type(length),primary key(namafield1));<br />
Contoh : create table mahasiswa(npm char(9), nama_mahasiswa varchar(20),umur int(2),alamat text, primary key(npm));<br />
create table mata_kuliah(kode_matkul char(5), nama_matkul varchar(30), primary key(kode_matkul));<br />
create table krs(npm char(9), kode_matkul char(5), semester int(2),
tahun_ajaran char(10), primary key (npm,kode_matkul,semester));<br />
<strong>Perintah melihat table apa saja yang ada pada database :</strong><br />
Show tables;<br />
<br />
<strong>Perintah melihat deskripsi table/melihat kolom apa saja beserta type, length yang ada pada table :</strong><br />
Desc namatabel;<br />
Contoh : desc mahasiswa;<br />
<strong>Perintah menambah field pada table :</strong><br />
Alter table namatabel add namafield type(length); kemudian enter<br />
Contoh : alter table mahasiswa add jenis_kelamin int(1);<br />
<strong>Perintah menghapus table :</strong><br />
drop table namatabel;<br />
contoh : drop table mahasiswa;<br />
<strong>Perintah mengganti nama field pada table :</strong><br />
Alter table namatabel change namafield_lama namafield_baru type(length);<br />
Contoh : alter table mahasiswa change nama_mahasiswa name_student varchar(20);<br />
<strong>Perintah mengubah ukuran (length) dari suatu field :</strong><br />
Alter table namatabel modify namafield type(length) not null;<br />
Contoh : alter table mahasiswa modify name_student varchar(30);<br />
<strong>Perintah menghapus field pada table :</strong><br />
Alter table namatabel drop namafield;<br />
Contoh : alter table mahasiswa drop jenis_kelamin;<br />
<strong>Perintah menginput satu data pada table langsung untuk semua field :</strong><br />
Insert into namatabel values(‘data1’,’dataA’);<br />
Contoh : insert into mahasiswa values(‘G1A008023’,’Wiwid KZ’,’20’,’Bengkulu’);<br />
<strong>Perintah menginput beberapa data pada table langsung untuk semua field :</strong><br />
Insert into namatabel values (‘data1’,’dataA’),(‘data2’,’dataB’);<br />
Contoh : insert into mahasiswa values(‘A1F006010’,’Sanity KZ’,’23’,’Bengkulu’),(‘G1A008023’,’Wiwid KZ’,’20’,’Bengkulu’);<br />
<strong>Perintah menginput data pada table hanya untuk field tertentu :</strong><br />
Insert into namatabel (namafield) values(‘data1),(‘data2’);<br />
Contoh : insert into mahasiswa (npm) values(‘F1A006010’),(‘GiA008023’);<br />
<strong>Perintah melihat isi table keseluruhan :</strong><br />
Select * from namatabel;<br />
Contoh : select * from mahasiswa;<br />
<strong>Perintah menampilkan isi table hanya untuk field tertentu saja :</strong><br />
Select namafield from namatabel;<br />
Contoh : select npm from mahasiswa;<br />
<strong>Perintah isi/data lengkap table pada baris tertentu saja :</strong><br />
Select * from namatabel where namafield_key=’data’;<br />
Contoh : select * from mahasiswa where npm=’G1A008023’;<br />
<strong>Perintah mengubah isi dari field yang diinginkan :</strong><br />
Update namatabel set namafield=’data_baru’ where namafield_key=’data_baru’;<br />
Contoh : update mahasiswa set name_student=’Sanity Afsyawida KZ’ where npm=’A1F006010’;<br />
<strong>Perintah menghapus baris yang diinginkan:</strong><br />
Delete from namatabel where namafield_key=’data’;<br />
Contoh : delete from mahasiswa where npm=’G1A008023’;<br />
<strong>Perintah menggabungkan beberapa tabel:</strong><br />
Alter table namatabel1 add foreign key(namafield_key) references namatabel2(namafield_key);<br />
Contoh : alter table mahasiswa add foreign key(npm) references krs(npm);<br />
Alter table mata_kuliah add foreign key(kode_matkul) references krs(kode_matkul);<br />
<strong>Perintah memanggil beberapa data dari beberapa tabel :</strong><br />
Select namafield1,namafield2,namafield3 from namatabel1 inner join
namatabel2 where namatabel1.namafield_key=namatabel2.namafield_key;<br />
Contoh : select a.npm,a.nama,b.nama_matkul,c.semester from mahasiswa a
inner join mata_kuliah b inner join krs c where a.npm=c.npm and
b.kode_matkul=c.kode_matkul;<br />
<strong>Perintah memanggil isi tabel yang dikelompokkan berdasarkan field tertentu:</strong><br />
Select * from namatabel group by namafield;<br />
Contoh : select * from mahasiswa group by npm;<br />
<strong>Perintah memanggil isi tabel yang diurutkan secara ascending descending</strong><br />
Select * from namatabel order by namafield;<br />
Select * from namatabel order by namafield desc;<br />
Contoh : select * from mahasiswa order by npm desc;<br />
<strong>Perintah mencari nilai maksimum pada suatu field pada tabel tertentu :</strong><br />
Select max(namafield) from namatabel;<br />
Contoh : select max(umur) from mahasiswa;<br />
<strong>Perintah mencari nilai minimum pada suatu field pada tabel tertentu :</strong><br />
Select min(namafield) from namatabel;<br />
Contoh : select min(umur) from mahasiswa;<br />
<strong>Perintah mencari banyaknya record/data dalam sebuah field pada sebuah tabel :</strong><br />
Select count(namafield) from namatabel;<br />
Contoh : select count(npm) from mahasiswa;<br />
<strong>Perintah menjumlahkan isi dari field:</strong><br />
Select sum(namafield) from namatabel;<br />
Contoh : select sum(umur) from mahasiswa;<br />
<strong>Perintah mencari rata2 nilai isi dari suatu field :</strong><br />
Select avg(namafield) from namatabel;<br />
Contoh : select avg (umur) from mahasiswa;<br />
<strong>Perintah menentukan standard deviasi isi dari suatu field:</strong><br />
Select std(namfield) from namatabel;<br />
Contoh : select std(umur) from mahasiswa;<br />
<br />Ceriaminihttp://www.blogger.com/profile/00116570168940347314noreply@blogger.com0tag:blogger.com,1999:blog-1785269483483648422.post-46710062399447111092012-12-13T03:09:00.002-08:002012-12-13T03:09:22.289-08:00BELAJAR MEMBUAT PROGRAM PHP SEDERHANAKali ini, kita akan mempelajari bagaimana membuat program PHP yang
paling sederhana. Disini, kita akan mempelajari, bagaimana menampilkan
sebuah program teks PHP.<br /><span class="fullpost">baiklah, kita akan
mempelajari bagaimana menampilkan "kalimat hallo selamat belajar PHP
ya?", dengan menggunakan pemrograman PHP.<br /><br />berikut adalah langkah-langkahnya.<br /><br />1. aktifkan web server XAMPP terlebih dahulu. jadi jalankan APACHE WEB SERVER, MySQL, dan juga PHP.</span><a href="http://4.bp.blogspot.com/_908oeY9JePY/StiL_Wv0XPI/AAAAAAAAAks/88ru3YoLLk4/s1600-h/xampp-aktif.JPG"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5393214474330332402" src="http://4.bp.blogspot.com/_908oeY9JePY/StiL_Wv0XPI/AAAAAAAAAks/88ru3YoLLk4/s320/xampp-aktif.JPG" style="cursor: pointer; display: block; height: 320px; margin: 0px auto 10px; text-align: center; width: 288px;" /></a><br />2. setelah itu buka notepad anda. lalu ketikkan script berikut<br /><span style="font-weight: bold;"><html><br /><head><br /><title>ini program PHP </title><br /></head><br /><body><br /><?php<br /> print("halo selamat belajar PHP ya?");<br />?><br /></body><br /></html></span><br /><br />3.
setelah itu, buka di folder tempat xampp anda terinstal, buka folder
htdocs, lalu simpan file tersebut diatas dengan nama latihan.php. ingat,
harus disimpan dengan ekstensi .php<br /><br />4. setelah itu silahkan buka web browser anda (Internet Explorer) lalu ketik http://localhost/latihan.php<br /><br />anda bisa lihat hasilnya.<br />Ceriaminihttp://www.blogger.com/profile/00116570168940347314noreply@blogger.com0tag:blogger.com,1999:blog-1785269483483648422.post-5744112093782210962012-12-13T03:08:00.001-08:002012-12-13T03:08:08.056-08:00Membuat Database Program PHP Pada tahap Pertama dalam <a href="http://www.tunasmedia.com/blog/index.php/programmer/php/86-step-by-step-membuat-program-dengan-php.html"><strong>Step by Step membuat Program PHP</strong></a>
adalah Membuat Database. Sebelum masuk ke Program alangkah baiknya kita
membuat database. Kenapa database harus yang pertama? Karena program
PHP yang akan kita buat terdapat Form login yang memungkinkan username
dan password diambil dari dabase yang akan kita buat nanti.<br />
Baiklah berikut adalah langkah-langkah dalam membuat database pada MySQL :<br />
Pastikan Apache dan MySQL sudah dalam keadaan run<br />
<img border="0" src="http://i1080.photobucket.com/albums/j336/tunasmedia/xampp_run.jpg" /><br />
Buka Browser anda<br />Ketikan http:\\localhost\phpmyadmin<br />
<img border="0" src="http://i1080.photobucket.com/albums/j336/tunasmedia/url_phpmyadmin.jpg" /><br />
<br />Buat database baru, contoh database dengan nama : dbtunasmedia<br />
<img border="0" src="http://i1080.photobucket.com/albums/j336/tunasmedia/dbtunasmedia_create.jpg" /><br />
Buat Tabel dengan nama : users<br />
<img border="0" src="http://i1080.photobucket.com/albums/j336/tunasmedia/table_users.jpg" /><br />
Masukan Nama Users yang akan login<br />
<img border="0" height="104" src="http://i1080.photobucket.com/albums/j336/tunasmedia/isi_users.jpg" width="555" /><br />
<br />
<strong>Hasil membuat database diatas, bisa anda Download dengan Klik </strong><a href="http://tunasmedia.com/download/aplikasiphp/database.rar"><strong>DISINI</strong></a> <strong></strong><br />
Jika sudah Selesai membuat database, silakan mengikuti langkah dalam membuat program PHP dengan <a href="http://tunasmedia.com/blog/index.php/programmer/php/86-step-by-step-membuat-program-dengan-php.html"><strong>Klik DISINI</strong></a><br />
<br />Ceriaminihttp://www.blogger.com/profile/00116570168940347314noreply@blogger.com0tag:blogger.com,1999:blog-1785269483483648422.post-66883170429278366382012-12-13T03:06:00.000-08:002012-12-13T03:06:16.910-08:00Membuat Aplikasi PHP Dalam Satu FileBiasanya kita membuat sebuah aplikasi php, semua proses/modul/halaman
dipisah dalam file-file yang berbeda. Misalkan membuat aplikasi data
mahasiswa, kita membuat halaman menu kemudian disimpan dalam menu.php,
membuat input data lalu disimpan dalam input-data.php, kemudian membuat
simpan lalu disimpan dalam simpan.php dst. Bagaimana jika semua fungsi
halaman tersebut dijadikan dalam satu file?<br />
Contoh kasus, anda ingin membuat sebuah aplikasi yang memuat
fasilitas menu, laporan, entry data, simpan, koreksi data, update, dan
delete. Cara sebelumnya anda membuatnya dengan memisah fasilitas
tersebut dalam banyak file sehingga ada 7 file yang harus dibuat. Hal
tersebut kadang memang sedikit merepotkan. Cara menyederhanakanya yaitu
semua fasilitasnya dibuat dalam 1 file. Lihat kode berikut :<br />
<pre><?php
//letakkan variabel umum dibagian sini, misal koneksi atau yang lainya
$pilih=$_GET['pilih'];
$aksi=$_GET['aksi'];
?>
<!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>Contoh Aplikasi</title>
<style type="text/css">
<!-- Masukkan css anda dibagian sini
body {background-color:#fff;}
</style>
</head>
<body>
<?php
//jika nilai pilih kosong maka
if($pilih=="")
{
//ini tergantung keperluan, misal pada bagian ini menampilkan menu
echo '<h1 align="center">Selamat datang</h1>';
echo '<div align="center"><a href="mahasiswa.php?pilih=laporan">( Laporan )</a> | <a href="mahasiswa.php?pilih=tambah">( Tambah Data )</a></div>';
}
else if($pilih=="laporan")
{
//pada saat bagian ini misal memunculkan form dengan method="post" dan action="?pilih=simpan"
echo '<h1 align="center">Laporan</h1>';
echo '<div align="center"><a href="mahasiswa.php">Menu Utama</a></div>';
}
else if($pilih=="tambah")
{
//pada saat bagian ini misal memunculkan form dengan method="post" dan action="?pilih=simpan"
echo '<h1 align="center">Input Data</h1>';
echo '<div align="center"><a href="mahasiswa.php">Menu Utama</a></div>';
}
else if($pilih=="simpan")
{
//pada saat bagian ini misal memunculkan form dengan method="post" dan action="?pilih=simpan"
echo '<h1 align="center">Simpan Data</h1>';
echo '<div align="center"><a href="mahasiswa.php">Menu Utama</a></div>';
}
else
{
echo '<h1 align="center">Halaman tidak tersedia</h1>';
echo '<div align="center"><a href="mahasiswa.php">Menu Utama</a></div>';
}
?>
</body>
</html>
</pre>
Simpan kode diatas dalam file baru diberi nama mahasiswa.php,
kemudian coba dijalankan dan coba menu yang tersedia. Anda bisa
tambahkan lebih banyak lagi bagian yang bisa ditangani oleh file
tersebut sehingga semuanya terpusat pada file utama yang dibuat.<br />
Semoga bisa membantu, kritik dan saran atau pertanyaan silahkan dilayangkan pada form komentar.<br />
<br />Ceriaminihttp://www.blogger.com/profile/00116570168940347314noreply@blogger.com0tag:blogger.com,1999:blog-1785269483483648422.post-37632002722262740532012-12-13T03:04:00.001-08:002012-12-13T03:04:13.427-08:00Konsep Dasar PHPKonsep dasar dari PHP ini berisi tentang kode - kode dasar dari sebuah
awal pemrograman php. Dengan konsep dasar php ini, kita dapat membuat
sebuah file php beserta isinya dengan baik sesuai dengan standar yang
diberikan dari php-nya sendiri. Sehingga tidak ada kesalahan dalam
menjalankan file php atau file php tidak bermasalah ketika di ¨run¨
melalui web browser. Selain itu posting ini juga merupakan sambungan
posting dari sebelumnya yang disini juga membahas bagaimana cara
mengecek instalasi dengan kode php yang sangat sederhana. Tanpa basa
basi langsung kita kupas tuntas Konsep Dasar PHP.<span class="fullpost"><br /><br />Untuk
mengecek apakah PHP yang telah kita instal sudah terpasang dengan baik
dan benar di komputer kita, tulis kode dasar PHP di bawah ini dan simpan
dengan nama coba.php.<br /><br /><span style="color: red;"><?</span><br /><span style="color: red;">phpinfo()</span><br /><span style="color: red;">?></span><br /><br />Maksud
dari kode diatas {phpinfo()} adalah bertujuan untuk menampilkan
informasi secara lengkap mengenai php. Sedangkan tanda <? ... ?>
merupakan tag pembuka dan penutup dari sebuah file php yang wajib ada
untuk membuat suatu kejadian dari php. Tampilan akan muncul, apabila
instalasi dari komuter Anda sebelumnya telah terinstall dengan baik dan
benar.<br /><br />Selain dari tag pembuka dan penutup di atas, masih ada
lagi yang dapat kita gunakan untuk membuka dan menutup file php.
Sebenarnya ada empat macam kode penulisan PHP, antara lain;<br /><ol>
<li><? echo(¨coba satu ini¨); ?></li>
<li><?php echo(¨coba juga ini¨); ?></li>
<li><script language=¨php¨> echo(¨Kalau ini?¨); </script></li>
<li><% echo(¨mencoba last php¨); %></li>
</ol>
Anda
dapat memilih salah satu dari keempat cara tersebut. Bila dilihat
secara sekilas keempat - empatnya memiliki cara penulisan yang berbeda
tetapi sebenarnya konsepnya sama.<br /><br />Seperti pada bahasa pemrograman
lain, Kita pun bisa meletakkan baris kmentar pada program. Pada PHP
caranya adalah dengan meletakkan komentar tersebut di sebelah kanan
tanda // jika komentar satu baris dan di antara /* dan */ jika
komentarnya lebih dari satu baris. Tutorial untuk Konsep Dasar PHP
sampai disini dulu. Lebih baik belajar sedikit demi sedikit tetapi yang
sedikit itu tertanam permanent di otak kita dan akan semakin bertambah
banyak dari pada <span style="font-weight: bold;">belajar banyak</span> tetapi setelah beberapa hari materi itu telah terlupakan begitu saja.</span><br />Ceriaminihttp://www.blogger.com/profile/00116570168940347314noreply@blogger.com0tag:blogger.com,1999:blog-1785269483483648422.post-9262656731142999182012-12-13T03:03:00.000-08:002012-12-13T03:03:03.584-08:00PHP AdalahPHP adalah sebuah bahasa pemograman yang berjalan dalam sebuah
web-server (server side). PHP diciptakan oleh programmer unix dan Perl
yang bernama <a href="http://agiptek.com/index.php/component/content/article/47-php/102-rasmus-lerdorf.html" target="_blank" title="Pencipta PHP"><strong>Rasmus Lerdoft</strong></a>
pada bulan Agustus-September 1994. Pada awalnya, Rasmus mencoba
menciptakan sebuah script dalam wesite pribadinya dengan tujuan untuk
memonitor siapa saja yang pernah mengunjungi website-nya.<br />
Pada awalnya PHP merupakan kependekan dari Personal Home Page (Situs
personal). Selanjutnya Rasmus merilis kode sumber tersebut untuk umum
dan menamakannya PHP/FI pada sekitar tahun 1995, dan diperkenalkan
kepada beberapa programmer pemula dengan alasan bahasa yang digunakan
oleh PHP cukup sederhana dan mudah dipahami. Selanjutnya Rasmus menulis
ulang PHP dengan bahsa C untuk meningkatkan kecepatan aksesnya.<br />
Mulai bulan September sampai Oktober 1995, kode PHP ditulis ulang dan
digabungkan menjadi PHP/F1. Baru di akhir tahun 1995 dirilis bagi umum
secara gratis. Mengapa Rasmus membagikan ke publik secara gratis ?
Rasmus berangapan apabila kode PHP ini berguna bagi dirinya, tentu juga
akan bermanfaat untuk oranglain. Toh pada akhirnya akan kembali
bermanfaat bagi dirinya sendiri.<br />
Pada November 1997, dirilis PHP/FI 2.0. Pada rilis ini, interpreter
PHP sudah diimplementasikan dalam program C. Dalam rilis ini disertakan
juga modul-modul ekstensi yang meningkatkan kemampuan PHP/FI secara
signifikan.<br /><br />Pada tahun 1997, sebuah perusahaan bernama Zend
menulis ulang interpreter PHP menjadi lebih bersih, lebih baik, dan
lebih cepat. Kemudian pada Juni 1998, perusahaan tersebut merilis
interpreter baru untuk PHP dan meresmikan rilis tersebut sebagai PHP 3.0
dan singkatan PHP dirubah menjadi akronim berulang PHP: Hypertext
Preprocessing.<br /><br />Pada pertengahan tahun 1999, Zend merilis
interpreter PHP baru dan rilis tersebut dikenal dengan PHP 4.0. PHP 4.0
adalah versi PHP yang paling banyak dipakai pada awal abad ke-21. Versi
ini banyak dipakai disebabkan kemampuannya untuk membangun aplikasi web
kompleks tetapi tetap memiliki kecepatan dan stabilitas yang tinggi.<br /><br />Pada
Juni 2004, Zend merilis PHP 5.0. Dalam versi ini, inti dari interpreter
PHP mengalami perubahan besar. Versi ini juga memasukkan model
pemrograman berorientasi objek ke dalam PHP untuk menjawab perkembangan
bahasa pemrograman ke arah paradigma berorientasi objek.<br />
Hingga saat ini (Januari 2011) PHP sudah merilis versi <strong>5.3.5</strong><br />
<strong><br /></strong>
<span style="text-decoration: underline;"><strong>Yang bisa dilakukan PHP</strong></span><br />
Script PHP adalah bahasa program yang berjalan pada sebuah webserver,
atau sering disebut server-side. Oleh karena itu,PHP dapat melakukan
apa saja yang bisa dilakukan program CGI lain, yaitu mengolah data
dengan tipe apapun, menciptakan halaman web yang dinamis, serta menerima
dan menciptakan cookies, dan bahkan PHP bisa melakukan lebih dari itu.<br /><br />Arti
script server-side adalah, agar dapat menjalankan script ini dibutuhkan
tiga program utama, yaitu web-server (dapat berupa IIS dari windows
atau apache), modul PHP dan juga web browser.<br /><br />PHP dapat berjalan
pada semua jenis system operasi, antara lain pada Linux dan varian Unix
(HP-UX, Solaris dan OpenBSD), pada Ms Windows, Mac dan masih banyak lag,
selain itu PHP juga dapat berjalan pada beberapa jenis web-server
antara lain Apache, Microsoft IIS, personal webserver, Netscape dan
Iplanet Server, Caudium, Xitami, Omnihttpd dan masih banyak lagi.<br /><br />Apabila
Anda menggunakan PHP, maka Anda banyak memiliki alernatif Sistem
Operasi atau webserver untuk menjalankannya, selain itu Anda juga dapat
menajalankan atau menggunakan program berorientasi object atau sering
disebut Object Oriented Programming (OOP).<br /><br />Output yang dihasilkan
PHP bukan hanya HTML, namun juga dalam bentuk gambar, file PDF, serta
gambar animasi menggunakan Libswf dan Ming. Output yang lain denganjenis
teks dapat berupa file XHTML dan XML.<br /><br />Script PHP Anda akan
disembunyikan dalam server dan output teks yang ditampilkan di browser
adalah format teks HTML, XHTML atau XML.<br /><br />PHP juga banyak
mendukung database populer yang sering digunakan dalam beberapa web
server, antara lain Adabas D, Empress, FrontBase, PostgreSQL ,
FIlePro(read only), mSQL, Solid, Hyperwave, Direct MS-SQL, Sybase, IBM
DB2, MySQL, Velocis, Informix, ODBC dan Unix dbm.<br /><br />PHP juga
mendukung koneksi denganlayanan jasa yang menggunakan protokol seperti
LDAP, IMAP, SNMP, NNTP, POP3, HTTP dan COM (pada windows). Selain itu,
juga dapat melakukan koneksi dengan jaringan yang menggunakan protokol
lain, PHP mempunyai dukungan WDDX, sehingga dapat bertukar data antar
bahasa pemograman web.<br />
<span style="text-decoration: underline;"><strong>Prinsip Kerja PHP</strong></span><br />
System kerja dari PHP diawali dengan permintaan yang beasal dari
halaman website oleh browser. Berdasarkan URL atau alamat website dalam
jaringan internet, browser akan menemukan sebuah alamat dari webserver,
mengidentifikasi halaman yang dikehendaki, dan menyampaikan segala
informasi yang dibutuhkan oleh webserver.<br /><br />Selanjutnya webserver
akan mencarikan berkas yang diminta dan menampilkan isinya di browser.
Browser yang mendapatkan isinya segera menerjemahkan kode HTML dan
menampilkannya.<br /><br />Lalu bagaimana apabila yang dipanggil oleh user
adalah halaman yang mengandung script PHP ? Pada prinsipnya sama dengan
memanggil kode HTML, namun pada saat permintaan dikirim ke web-server,
web-server akan memeriksa tipe file yang diminta user. Jika tipe file
yang diminta adalah pHP, maka akan memeriksa isi script dari halaman PHP
tersebut.<br /><br />Apabila dalam file tersebut tidak mengandung script
PHP, permintaan user akan langsung ditampilkan ke browser, namun jika
dalam file tersebut mengandung script PHP, maka proses akan dilanjutkan
ke modul PHP sebagai mesin yang menerjemahkan script-script PHP dan
mengolah script tersebut, sehingga dapat dikonversikan ke kode-kode HTML
lalu ditampilkan ke browser user.<strong><br /></strong><br />
<br />Ceriaminihttp://www.blogger.com/profile/00116570168940347314noreply@blogger.com0tag:blogger.com,1999:blog-1785269483483648422.post-71827232064069204882012-12-13T03:01:00.003-08:002012-12-13T03:01:56.261-08:00Penerapan Koneksi PHP ke Database MySQL<div align="justify">
Pada artikel sebelumnya kita telah belajar menerapkan
koneksi PHP ke MySQL dan menampilkan data-data yang diambil ke browser.
Nah, sekarang kita akan belajar sesuatu yang lebih "advanced".</div>
<div align="justify">
Pada
pembahasan yang diberikan artikel sebelumnya, contoh-contoh skrip yang
diberikan masih "polos", tidak ada perangkap kesalahan sama sekali.
Padahal perangkap kesalahan ini merupakan hal yang sangat vital karena
koneksi ke MySQL ini cukup rentan terhadap kesalahan. Tentu saja hal ini
masuk akal karena melibatkan dua software (yaitu PHP dan MySQL) yang
melakukan kerjasama. Dalam hubungan antar dua orang manusia pun
seringkali terjadi kesalahpahaman bukan?</div>
<div align="justify">
Untuk itu
kali ini kita akan memoles sedikit contoh-contoh yang diberikan pada
artikel sebelumnya dengan menambahkan perangkap kesalahan agar jika
terjadi kesalahan kita tahu bagaimana untuk memperbaikinya.</div>
<div align="justify">
Perangkap
kesalahan yang akan digunakan adalah operator kontrol error. Sintaks
penggunaan operator kontrol error ini adalah dengan menambahkan karakter
at (@) di depan suatu fungsi kemudian diikuti dengan pernyataan "or
die(pesan)".</div>
<div align="justify">
Berikut adalah contohnya penggunaan operator kontrol error tersebut.</div>
<div align="justify">
<HTML><br /><HEAD><br /><TITLE> Kontrol Error </TITLE><br /></HEAD><br /><BODY></div>
<blockquote>
<div align="justify">
<?php $x = M_PI; ?></div>
<div align="justify">
y adalah akar dari x <br /><br />jika x = <?=$x?> maka y = </div>
<div align="justify">
<?php<br />$msg = "Terdapat error pada operasi ini";<br />$y = @sqrt($x) or<br /> die($msg);<br />echo $y;<br />?></div>
</blockquote>
<div align="justify">
</BODY><br /></HTML></div>
<div align="justify">
Jika skrip tersebut dijalankan, maka browser akan memberikan hasil sebagai berikut:</div>
<blockquote>
<div align="justify">
y adalah akar dari x <br />jika x = 3.1415926535898 maka y = 1.7724538509055</div>
</blockquote>
<div align="justify">
Sekarang
sengaja kita buat suatu kesalahan, misalnya M_PI ditulis dengan MPI,
maka browser akan memberikan hasil sebagai berikut:</div>
<blockquote>
<div align="justify">
y adalah akar dari x <br />jika x = MPI maka y = "Terdapat error pada operasi ini"</div>
</blockquote>
<div align="justify">
Kini kita terapkan operator kontrol error tersebut pada contoh skrip pada artikel sebelumnya.</div>
<div align="justify">
<HTML><br /><HEAD><br /><TITLE> Database </TITLE><br /></HEAD><br /><BODY></div>
<blockquote>
<div align="justify">
<?php<br />$host = “localhost”;<br />$user = “root”;<br />$passwd = “root”;<br />$db = “datakontak”;<br />$sql = “select * from tbl_kontak”;<br />$conn = @mysql_connect($host,$user,$passwd) or<br /> die("Koneksi ke database gagal");<br />mysql_select_db($db);<br />$qry = mysql_query($sql) or<br /> die("Query database salah");<br />?></div>
</blockquote>
<div align="justify">
<TABLE BORDER=1><br /><TR><br /> <TD BGCOLOR=#f32142> Nama </TD><br /> <TD BGCOLOR=#f32142> Alamat </TD><br /> <TD BGCOLOR=#f32142> Telpon </TD><br /> <TD BGCOLOR=#f32142> Email </TD><br /> <TD BGCOLOR=#f32142> Tanggal Lahir </TD><br /></TR></div>
<blockquote>
<div align="justify">
<?php while ($row = mysql_fetch_array($qry)) {?></div>
</blockquote>
<div align="justify">
<TR><br /> <TD BGCOLOR=#f7efde> <?=$row['nama']?> </TD><br /> <TD BGCOLOR=#f7efde> <?=$row['alamat']?> </TD><br /> <TD BGCOLOR=#f7efde> <?=$row['telpon']?> </TD><br /> <TD BGCOLOR=#f7efde> <?=$row['email']?> </TD><br /> <TD BGCOLOR=#f7efde> <?=$row['tgl_lahir']?> </TD><br /></TR></div>
<blockquote>
<div align="justify">
<?php } ?></div>
</blockquote>
<div align="justify">
</TABLE><br /></BODY><br /></HTML><br /><br />Setelah
skrip ini kita perbaharui seperti di atas, maka jika terdapat
kesalahan, browser akan memberikan pesan kesalahan. Jika koneksi gagal,
maka akan muncul pesan "Koneksi ke database gagal" dan jika pernyataan
sql yang salah maka akan muncul pesan "Query database salah".</div>
<div align="justify">
Namun
kadang-kadang pesan seperti ini masih belum cukup. Jika koneksi gagal,
apa penyebab kegagalannya? Jika query salah, dimana letak kesalahannya?</div>
<div align="justify">
Untuk PHP menyediakan suatu fungsi lagi bernama <strong>mysql_error()</strong>.
Fungsi ini akan menghasilkan suatu teks yang berisi kesalahan yang
terjadi. Dengan demikian pesan kesalahan akan menjadi lebih jelas dan
kesalahan jadi lebih mudah untuk diperbaiki. Kita revisi lagi contoh
skrip di atas menjadi sebagai berikut:<br /><br /><HTML><br /><HEAD><br /><TITLE> Database </TITLE><br /></HEAD><br /><BODY></div>
<div align="justify">
<?php</div>
<blockquote>
$host = "localhost";<br />$user = "root";<br />$passwd = "";<br />$db = "datakontak";<br />$sql = "select * from tbl_kontak";<br />$conn = @mysql_connect($host,$user,$passwd) or<br /> die("Terdapat kesalahan koneksi, yaitu: " . mysql_error());<br />@mysql_select_db($db) or<br /> die("Terdapat kesalahan database, yaitu: " . mysql_error());<br />$qry = @mysql_query($sql) or<br /> die("Terdapat kesalahan query, yaitu: " . mysql_error());<br />?></blockquote>
<div align="justify">
<br /></div>
<div align="justify">
<TABLE BORDER=1><br /><TR><br /> <TD BGCOLOR=#f32142> Nama </TD><br /> <TD BGCOLOR=#f32142> Alamat </TD><br /> <TD BGCOLOR=#f32142> Telpon </TD><br /> <TD BGCOLOR=#f32142> Email </TD><br /> <TD BGCOLOR=#f32142> Tanggal Lahir </TD><br /></TR></div>
<blockquote>
<div align="justify">
<?php while ($row = mysql_fetch_array($qry)) { ?></div>
</blockquote>
<div align="justify">
<TR><br /> <TD BGCOLOR=#f7efde> <?=$row['nama']?> </TD><br /> <TD BGCOLOR=#f7efde> <?=$row['alamat']?> </TD><br /> <TD BGCOLOR=#f7efde> <?=$row['telpon']?> </TD><br /> <TD BGCOLOR=#f7efde> <?=$row['email']?> </TD><br /> <TD BGCOLOR=#f7efde> <?=$row['tgl_lahir']?> </TD><br /></TR></div>
<blockquote>
<div align="justify">
<?php } ?></div>
</blockquote>
<div align="justify">
</TABLE><br /></BODY><br /></HTML></div>
<div align="justify">
Nah,
sekarang pesan kesalahan mejadi lebih jelas. Sekarang kita sengaja buat
kesalahan pada skrip tersebut. Misalnya baris yang bertuliskan $db =
"datakontak"; kita ganti menjadi $db = "datacontact"; (kontak menjadi
contact). Peringatan yang muncul pada browser adalah:</div>
<blockquote>
<div align="justify">
Terdapat kesalahan database, yaitu: Unknown database 'datacontact'</div>
</blockquote>
<div align="justify">
Dengan demikian kita langsung tahu bahwa yang salah adalah penulisan nama database yang seharusnya <strong>datakontak</strong> tetapi ditulis <strong>datacontact</strong>.</div>
<div align="justify">
Kita
coba lagi dengan kesalahan lain. Misalnya pernyataan sql diganti dari
"select * from tbl_kontak" menjadi "select * from tab_kontak"
(tbl_kontak diganti tab_kontak). Browser akan memberikan pesan sebagai
berikut:</div>
<blockquote>
<div align="justify">
Terdapat kesalahan, yaitu: Table 'datakontak.tab_kontak' doesn't exist</div>
</blockquote>
Dengan
demikian kita langsung tahu bahwa yang salah nama tabel yang dipilih,
sehingga kesalahan lebih mudah dilacak, selamat mencoba dan belajar.
Pada artikel selanjutnya akan memberikan contoh-contoh aplikasi kecil
dengan PHP dan database dengan MySQL.<br />Ceriaminihttp://www.blogger.com/profile/00116570168940347314noreply@blogger.com0tag:blogger.com,1999:blog-1785269483483648422.post-67692227679638782182012-12-13T03:00:00.004-08:002012-12-13T03:00:53.815-08:00Hubungan antara Apache, html, php, dan mysql<strong>Apache</strong><br />
Web server adalah sebuah perangkat lunak server yang berfungsi
menerima permintaan HTTP atau HTTPS dari klien yang dikenal
dengan browser web dan mengirimkan kembali hasilnya dalam bentuk
halaman-halaman web yang umumnya berbentuk dokumen HTML.<br />
Apache merupakan web server yang paling banyak digunakan saat ini dan
bersifat open source. Pertama kali dikembangkan untuk dijalankan di
lingkungan UNIX tetapi seiring berjlannya waktu <del>ciee</del> dalam perkembangan lebih lanjut apache juga dapat berjalan di window.<br />
<br />
<strong>HTML</strong><br />
HTML adalah singkatan dari Hyper Text Markup Language adalah salah
satu bahasa pemprograman web design dan juga biasa di sebut script untuk
menyusun dokumen-dokumen Web. Dokumen HTML disimpan dalam format teks
reguler dan mengandung tag-tag yang memerintahkan web browser untuk
mengeksekusi perintah-perintah yang dispesifikasikan<br />
Begini contoh penulisan HTML<br />
<html><br />
<head><br />
<title>Untitled Document</title><br />
</head><br />
<body><br />
Nama saya ririn novia agriza<br />
</body><br />
</html><br />
<br />
<strong>PHP</strong><br />
PHP merupakan singkatan dari hypertext processor. PHP dapat membuat
sebuah web menjadi dinamik dan memperbanyak interaksi yang dapat
dilakukan user. PHP bersifat server side sehingga butuh web server untuk
menjalankannya. Editor yang banyak dipake orang-orang tu dreamweaver
sama notepad.<br />
Contoh penulisan PHP itu kaya gini<br />
<?php<br />
Echo “nama saya ririn novia agriza”;<br />
?><br />
<br />
<strong>MySQL</strong><br />
MySQL adalah program dan pengelola database atau yang disebut DBMS
(database management system). MySQL sebenarnya produk yang berjalan pada
platform linux tapi seiring waktu berbicara <del>ciee (lagi)</del> MySQL dapat juga digunakan di window. MySQL menggunakan bahasa SQL yaitu bahasa standar untuk program pengakses database.<br />
Contoh script SQL<br />
mysql > create database data_ittelkom;<br />
query OK, 1 row affected (0.05 sec)<br />
<br />Ceriaminihttp://www.blogger.com/profile/00116570168940347314noreply@blogger.com0tag:blogger.com,1999:blog-1785269483483648422.post-73244414445426472432012-12-13T02:59:00.001-08:002012-12-13T02:59:15.080-08:00Menggunakan Field Auto Increment di MySQL<h3 style="margin-top: 0px;">
<span style="color: #073763;">Pendahuluan</span></h3>
Auto
increment field pada MySQL adalah suatu tipe field integer yang secara
otomatis akan bertambah nilainya jika terjadi penambahan row pada table
dimana field tersebut berada. <br />
<br />
Otomatis disini artinya pada saat kita memasukkan data baik melalui
stement INSERT maupun melalui mekanisme data access lainnya, field
tersebut tidak perlu dimasukkan nilainya atau cukup diberi nilai NULL,
maka MySQL akan menentukan sendiri nilai apa yang akan diberikan sebagai
akibat penambahan baris data tersebut.<br />
<h3>
<a href="http://www.blogger.com/blogger.g?blogID=1785269483483648422" name="TOC-Definisi-Auto-Increment-Field"></a><span style="color: #073763;">
Definisi Auto Increment Field</span></h3>
Untuk menambahkan atau merubah suatu field sebagai auto increment, berikut adalah beberapa aturannya :
<div style="text-align: justify;">
<ul>
<li>field tersebut harus didefinisikan sebagai primary key.</li>
<li>menambahkan keyword AUTO_INCREMENT pada definisi field.</li>
<li>harus bertipe numerik (TINYINT, INT, FLOAT, DECIMAL, dan lain-lain).</li>
<li>hanya boleh ada satu field auto increment pada suatu table, tidak bisa lebih.</li>
</ul>
</div>
<div style="text-align: justify;">
<br />
</div>
<div style="text-align: justify;">
Sebagai contoh, berikut adalah definisi auto increment field dengan nama kode-transaksi :</div>
<div style="text-align: justify;">
<span style="line-height: 19px;"><span style="font-size: small;">
<div class="sites-codeblock sites-codesnippet-block">
<span style="font-family: 'courier new', monospace;"><span style="color: #181818; line-height: 19px;">kode_</span><span style="line-height: 19px;"><span style="color: #181818;">transaksi </span><span style="color: #999900;">INT</span><span style="color: #181818;"> </span><span style="color: #cc0099;">NOT</span><span style="color: #181818;"> </span><span style="color: #9900ff;">NULL</span><span style="color: #181818;"> </span><span style="color: #ff9900;">AUTO_INCREMENT </span></span></span><span style="color: #990099; line-height: 19px;"><span style="font-family: 'courier new', monospace;">KEY</span></span></div>
</span></span></div>
<div style="text-align: justify;">
<br />
</div>
<div>
<h3>
<a href="http://www.blogger.com/blogger.g?blogID=1785269483483648422" name="TOC-Membuat-Table-dengan-Auto-Increment-Field-"></a><span style="color: #073763;">Membuat Table dengan Auto Increment Field </span></h3>
<div>
Berikut adalah contoh statement SQL untuk membuat suatu table bernama "<b>table_ai</b>" dengan auto increment pada field "<b>kode_transaksi</b>".</div>
<div>
<br />
</div>
<div class="sites-codeblock sites-codesnippet-block">
<span style="color: #006000; font-family: monospace;"><span style="color: black; font-family: Arial,Verdana,sans-serif; line-height: normal;">
<div>
<span style="font-family: monospace; line-height: 19px;"><span style="font-size: small;"><span style="color: #181818;"><span style="color: #990099;">CREATE</span> <span style="color: #990099;">TABLE</span> table_ai <span style="color: magenta;">(</span></span><br />
<span style="color: #181818;"> kode_transaksi <span style="color: #999900;">INT</span> <span style="color: #9900ff;">NULL</span> <span style="color: #ff9900;">AUTO_INCREMENT</span> <span style="color: #990099;">KEY</span><span style="color: #000033;">,</span></span><br />
<span style="color: #181818;"> deskripsi <span style="color: #999900;">VARCHAR</span><span style="color: magenta;">(</span><span style="color: teal;">200</span><span style="color: magenta;">)</span></span><br />
<span style="color: #181818;"><span style="color: magenta;">)</span><span style="color: #000033;">;</span></span></span></span></div>
</span></span></div>
<div>
<br />
</div>
Sekarang mari kita menambahkan beberapa data pada table tersebut dan
setelah itu kita membaca hasilnya dengan perintah berikut ini.</div>
<div>
<br />
</div>
<div>
<div class="sites-codeblock sites-codesnippet-block">
<span style="color: #006000; font-family: monospace;"><span style="color: black; font-size: small; line-height: 19px;"><span style="color: #181818;"><span style="color: #990099;">INSERT</span> <span style="color: #990099;">INTO</span> table_ai<span style="color: magenta;">(</span>deskripsi<span style="color: magenta;">)</span> <span style="color: #990099;">VALUES</span> <span style="color: magenta;">(</span><span style="color: green;">'deskripsi 1'</span><span style="color: magenta;">)</span><span style="color: #000033;">;</span></span><br />
<span style="color: #181818;"><span style="color: #990099;">INSERT</span> <span style="color: #990099;">INTO</span> table_ai<span style="color: magenta;">(</span>deskripsi<span style="color: magenta;">)</span> <span style="color: #990099;">VALUES</span> <span style="color: magenta;">(</span><span style="color: green;">'deskripsi 2'</span><span style="color: magenta;">)</span><span style="color: #000033;">;</span></span><br />
<span style="color: #181818;"><span style="color: #990099;">SELECT</span> <span style="color: #cc0099;">*</span> <span style="color: #990099;">FROM</span> table_ai<span style="color: #000033;">;</span></span></span></span></div>
<div>
<br />
</div>
<div>
Hasil eksekusinya terlihat pada gambar berikut di bawah ini.</div>
<div>
<br />
</div>
<div>
<div style="display: block; margin-left: auto; margin-right: auto; text-align: center;">
<img border="0" src="http://mysql.phi-integration.com/_/rsrc/1299344120547/sql/membuat-field-auto-increment-pada-mysql/hasil_query_1.png" /></div>
<br />
</div>
<div>
Sekarang mari kita coba eksekusi lagi perintah berikut ini.</div>
<div>
<br />
</div>
<div class="sites-codeblock sites-codesnippet-block">
<span style="color: #006000; font-family: monospace;"><span style="color: black; font-size: small; line-height: 19px;"><span style="color: #181818;"><span style="color: #990099;">INSERT</span> <span style="color: #990099;">INTO</span> table_ai<span style="color: magenta;">(</span>kode_transaksi<span style="color: #000033;">,</span> deskripsi<span style="color: magenta;">)</span> <span style="color: #990099;">VALUES</span> <span style="color: magenta;">(</span><span style="color: #9900ff;">NULL</span><span style="color: #000033;">,</span><span style="color: green;">'deskripsi 3'</span><span style="color: magenta;">)</span><span style="color: #000033;">;</span></span><br />
<span style="color: #181818;"><span style="color: #990099;">SELECT</span> <span style="color: #cc0099;">*</span> <span style="color: #990099;">FROM</span> table_ai<span style="color: #000033;">;</span></span></span></span></div>
<br />
Dan berikut adalah hasil eksekusi dari perintah tersebut.<br />
<br />
</div>
<img border="0" src="http://mysql.phi-integration.com/_/rsrc/1299344312440/sql/membuat-field-auto-increment-pada-mysql/hasil_query_2.png" style="display: block; margin-left: auto; margin-right: auto; text-align: center;" />
<br />
<div style="text-align: justify;">
<h3>
<a href="http://www.blogger.com/blogger.g?blogID=1785269483483648422" name="TOC-Menambahkan-Auto-Increment-Field-pada-suatu-Table-"></a><span style="color: #073763;">Menambahkan Auto Increment Field pada suatu Table </span></h3>
<div>
Jika kita ingin menambahkan field auto increment pada suatu table
yang sudah ada, maka pastikan tidak ada definisi primary key sebelumnya
pada table tersebut atau penambahan field akan gagal.</div>
<div>
<br />
</div>
<div>
<div>
Berikut adalah contoh statement SQL untuk menambahkan field auto increment "<b>kode_transaksi</b>" pada table "<b>tr_penjualan</b>" dari database <a href="http://mysql.phi-integration.com/administrasi-mysql/instalasi-contoh-data-phi-minimart">phi_minimart</a>.</div>
</div>
<div>
<br />
</div>
<div class="sites-codeblock sites-codesnippet-block">
<span style="color: #006000; font-family: monospace; font-size: small;"><span style="color: #181818; line-height: 19px;"><span style="color: #990099;">ALTER</span> <span style="color: #990099;">TABLE</span> tr_penjualan <span style="color: #990099;">ADD</span> kode_transaksi <span style="color: #999900;">MEDIUMINT</span> <span style="color: #cc0099;">NOT</span> <span style="color: #9900ff;">NULL</span> <span style="color: #ff9900;">AUTO_INCREMENT</span> <span style="color: #990099;">KEY</span><span style="color: #000033;">;</span></span></span></div>
</div>
<div style="text-align: justify;">
<br />
</div>
<div style="text-align: justify;">
Berikut adalah isi data pada table tr_penjualan setelah eksekusi perintah tersebut di atas.</div>
<div style="text-align: justify;">
<br />
</div>
<div style="text-align: justify;">
<div style="display: block; margin-left: auto; margin-right: auto; text-align: center;">
<img border="0" height="323" src="http://mysql.phi-integration.com/_/rsrc/1299344909888/sql/membuat-field-auto-increment-pada-mysql/hasil_query_tr_penjualan_ai.png" width="640" /></div>
<div style="display: block; margin-left: auto; margin-right: auto; text-align: center;">
<br />
</div>
<br />
</div>
<div style="text-align: justify;">
<span style="font-size: 16px; font-weight: bold;"><span style="color: #073763;">Merubah Field menjadi Auto Increment</span></span></div>
<div>
<br />
</div>
<div style="text-align: justify;">
Ada kalanya field yang sudah kita definisikan sebelumnya ingin kita
rubah menjadi auto increment dengan melihat efektivitasnya yang lebih
baik sebagai <i>unique identifier</i> yang automate.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Sebagai contoh, misalkan kita memiliki suatu table dengan nama "<b>suppliers</b>" dan kita memiliki field "<b>supplier_id</b>" yang bertipe integer dan ingin kita rubah sebagai auto_increment maka perintahnya adalah sebagai berikut.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<span style="color: #006000; font-family: monospace; font-size: small;">
</span><div class="sites-codeblock sites-codesnippet-block">
<span style="color: #006000; font-family: monospace; font-size: small;"><span style="color: #181818; line-height: 19px;"><span style="color: #990099;">ALTER</span> <span style="color: #990099;">TABLE</span> suppliers <span style="color: #990099;">MODIFY</span> <span style="color: #990099;">COLUMN</span> supplier_id <span style="color: #999900;">INT</span> <span style="color: #cc0099;">NOT</span> <span style="color: #9900ff;">NULL</span> <span style="color: #ff9900;">AUTO_INCREMENT</span> <span style="color: #990099;">KEY</span><span style="color: #000033;">;</span></span></span></div>
</div>
<div>
<br />
</div>
<div>
<h3 style="margin-top: 0px;">
<a href="http://www.blogger.com/blogger.g?blogID=1785269483483648422" name="TOC-Penutup"></a><span style="color: #073763;">Penutup</span></h3>
</div>
<div style="text-align: justify;">
Auto increment field merupakan suatu tipe data numerik yang mengisi nilainya secara otomatis secara <i>incremental</i> atau
bertambah terus. Pada artikel ini telah ditunjukkan bagaimana kita
mendefinisikan field tersebut dalam tiga skenario, yaitu :</div>
<div style="text-align: justify;">
<ul>
<li>pada saat pembuatan table baru.</li>
<li>sebagai field tambahan pada table yang sudah ada.</li>
<li>melakukan konversi field yang sudah ada menjadi auto increment.</li>
</ul>
</div>
<div style="text-align: justify;">
Jika kita eksplorasi dan analisa lebih lanjut maka tipe field ini sangat berguna terutama untuk table yang <b>perlu dikenali secara unik</b> namun sebelumnya tidak memiliki key yang bisa digunakan untuk tujuan tersebut.</div>
<div style="text-align: justify;">
<br />
</div>
<div style="text-align: justify;">
Demikian artikel mengenai auto
increment field ini kami buat, semoga bisa bermanfaat banyak bagi Anda
sebagai pengunjung situs ini.</div>
<br />Ceriaminihttp://www.blogger.com/profile/00116570168940347314noreply@blogger.com2tag:blogger.com,1999:blog-1785269483483648422.post-1573875894064563902012-12-13T02:56:00.002-08:002012-12-13T02:56:46.901-08:00Pengertian MySQL<div class="MsoNormal" style="line-height: 150%; text-align: justify;">
<span style="font-family: "Arial","sans-serif"; font-size: x-small; line-height: 150%;"><a href="http://maniacms.blogspot.com/2012/01/pengertian-mysql.html" style="color: red;">MySQL</a>
adalah sebuah perangkat lunak Pembuat database yang bersifat terbuka
atau open source dan berjalan disemua platform baik Linux maupun Si
Windows, <b>MySQL</b> merupakan program pengakses database yang bersifat
network sehingga dapat digunakan untuk aplikasi Multi User (Pengguna
Banyak).</span></div>
<div class="MsoNormal" style="line-height: 150%; text-align: justify;">
<span style="font-family: "Arial","sans-serif"; font-size: x-small; line-height: 150%;"><b>MySQL adalah</b> Relational Database Management System (RDBMS) yang didistribusikan secara gratis dibawah lisensi GPL (<i>General Public License</i>). Dimana setiap orang bebas untuk menggunakan MySQL, namun tidak boleh dijadikan produk turunan yang bersifat komersial.</span></div>
<div class="MsoNormal" style="line-height: 150%; text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: x-small;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTouMAT4gsMBHp6CwMyY-jMK5KvaAKuWD9Zocz08sG1RVkgfYyiJbbOJzfZVB8mxUQqw0374zB_T3uR9xULVy0T96cou_zSnd0ovsde2y0siWsI-_wscuuacFs7w4Qsn_yAzDr3RU0jcal/s1600/mysql.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="103" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTouMAT4gsMBHp6CwMyY-jMK5KvaAKuWD9Zocz08sG1RVkgfYyiJbbOJzfZVB8mxUQqw0374zB_T3uR9xULVy0T96cou_zSnd0ovsde2y0siWsI-_wscuuacFs7w4Qsn_yAzDr3RU0jcal/s200/mysql.png" width="200" /></a></span></div>
<span style="font-family: "Arial","sans-serif"; font-size: x-small; line-height: 150%;"><b>MySQL</b>
dapat dikatakan lebih unggul dibandingkan database server lainnya dalam
query data. Hal ini terbukti untuk query yang dilakukan oleh single
user, kecepatan query MySQL bisa sepuluh kali lebih cepat dari
PostgreSQL dan lima kali lebih cepat dibandingkan Interbase.</span></div>
<br />Ceriaminihttp://www.blogger.com/profile/00116570168940347314noreply@blogger.com0tag:blogger.com,1999:blog-1785269483483648422.post-85968447892618263932012-12-13T02:55:00.001-08:002012-12-13T02:55:01.622-08:00Membuat Program Penjualan di C++ <h3 class="post-title entry-title" itemprop="name">
C++
</h3>
<div class="post-header">
</div>
<div class="post-body entry-content" id="post-body-8009520533172765437" itemprop="articleBody">
#include<br />#include<br />main()<br />{<br />char nama[10][5];<br />float harga[5],ttlharga[5],kembalian[5],jmlbrang[5],total,bayar,jumlah;<br />int i,n;<br />char pil2,pil,pil3;<br />menu:<br />clrscr();<br />gotoxy(10,1);printf("APLIKASI UNTUK KASIR \n");<br />gotoxy(5,2);printf("_____________________________________\n");<br />gotoxy(10,2);printf("BY.MOHAMAD ECHA PUTRA \n");<br />gotoxy(10,6);printf("Berapa Barang yang anda beli : ");scanf("%d",&n);<br />clrscr();<br />total=0;<br />for(i=0;ibayar){<br />ulang1:<br />clrscr();<br />gotoxy(10,7);printf("maaf uang anda kurang..... ");<br />gotoxy(10,8);printf("\n silakan tekan 'Y' jika ingin kembali : ");scanf ("%s",&pil2);<br />if(pil2=='Y' || pil2=='y'){<br />goto pembayar;<br />}<br />else<br />goto ulang1;<br />}<br />else<br />if(total==bayar){<br />tetap:<br />clrscr();<br />gotoxy(25,6);printf("RP. %2.2f",total);<br />gotoxy(25,7);printf("terimakasih");<br />gotoxy(10,12);printf("silakan tekan tombol 'Y' untuk kembali ke menu awal ");<br />gotoxy(10,13);printf("jawab : ");scanf("%s",&pil);<br />if (pil=='Y' || pil=='y'){<br />goto menu;<br />}<br />else<br />{<br />goto tetap;<br />}<br />}<br />}</div>
<br />Ceriaminihttp://www.blogger.com/profile/00116570168940347314noreply@blogger.com0tag:blogger.com,1999:blog-1785269483483648422.post-1482210974974833862012-12-13T02:53:00.001-08:002012-12-13T02:53:47.163-08:00Membuat Program Kalkulator Dengan Menu Melalui C++Program ini dibuat dan dijalankan oleh saya pribadi pada software Dev c++. Sehingga, saya tidak menjamin jika
program ini akan mampu berjalan di software C. Berikut adalah coding
untuk membuat program kalkulator menggunakan menu sekaligus perulangan.<br />
#include<iostream><br />
using namespace std;<br />
int main()<br />
{<br />
char redo;<br />
do<br />
{<br />
system(“cls”);<br />
system(“title KALKULATOR”);<br />
system (“color a”);<br />
string mb=”Masukkan Bilangan”;<br />
string pt=” Pertama :”,kd=” Kedua : “,h=”Hasil Adalah : “;<br />
float a,b,c;<br />
cout<<”Program Operator Matematika 2 Bilangan\n”;<br />
cout<<mb<<pt;cin>>a;<br />
cout<<mb<<kd;cin>>b;<br />
cout<<”Operator:\n”<<”1.”<<” Penjumlahan\n”<<”2.”<<” Pengurangan\n”;<br />
cout<<”3.”<<” Perkalian\n”<<”4.”<<” Pembagian\n”;<br />
cout<<”operator yang dipilih adalah:”;cin>>c;<br />
if(c==1)<br />
{cout<<h<<a+b<<’\n’;}<br />
else if(c==2)<br />
{cout<<h<<a-b<<’\n’;}<br />
else if(c==3)<br />
{cout<<h<<a*b<<’\n’;}<br />
else if(c==4)<br />
{cout<<h<<a/b<<’\n’;}<br />
else<br />
{cout<<”Anda Memasukkan Angka Yang Tidak Ada Dalam Pilihan\n”;}<br />
cout << “Anda Ingin Melakukan Penghitungan Kembali?(Y/T)” << endl; cin >> redo;}<br />
while(redo==’y'||redo==’Y');<br />
}<br />
Adapun Output dari program di atas adalah sebagai berikut:<br />
<img alt="" class="alignleft size-medium wp-image-253" height="220" src="http://softskillrp3.files.wordpress.com/2011/04/screen-shoot-kalkulator-c.jpg?w=500&h=220" title="screen shoot kalkulator c++" width="500" /><br />
<a href="http://en.wordpress.com/about-these-ads/" rel="nofollow" style="display: block; font: 9px/1 sans-serif; position: absolute; text-align: left; text-decoration: underline;">About these ads</a>
<br />Ceriaminihttp://www.blogger.com/profile/00116570168940347314noreply@blogger.com2tag:blogger.com,1999:blog-1785269483483648422.post-85899649828862834152012-12-13T02:52:00.000-08:002012-12-13T02:52:06.082-08:00Aturan umum penulisan bahasa C++1. Bahasa C++ membedakan penulisan huruf besar dan kecil.<br /> 2.
Untuk memberi komentar pada suatu statement (keadaan), dapat menggunakan
/* di awal dan */ di akhir atau // dalam satu baris.<br /> 3. Awal dan akhir subroutine atau fungsi harus diapit kurung kurawal.<br /> 4. Setiap statement harus diakhiri tanda titik koma.<br /> 5. Setiap variabel yang digunakan wajib dideklarasikan terlebih dahulu.
<strong>Fungsi main<br /> </strong><br /> Merupakan fungsi yang menjadi
inti dari program dan merupakan awal dan akhir eksekusi. Fungsi ini
harus ada dalam setiap program. Tanda kurawal buka { merupakan tanda
awal fungsi main dan tanda kurawal tutup } merupaka tanda berakhirnya
fungsi main.<br />
Prepocessor directive<br /> Preprocessor directive merupakan suatu
pernyataan yang akan diikiutsertakan dalam program, dimana pernyataan
tersebut akan di-compile sebelum proses compilasi yang sebenarnya
dilakukan.<br />
<strong>Perintah-perintah dasar C++<br /> </strong><br />
* cout <<<br /> Merupakan perintah yang biasa dipakai untuk menampilkan suatu keluaran pada layar<br /> Contoh: cout << “Lab. Pemrograman Komputer”;<br /> cout <><br /> Merupakan perintah yang berguna untuk memasukan data, yang selanjutnya didefinisikan sebagai data variabel.<br /> example: int age;<br /> cin >> age;<br />
<strong>Konstanta<br /> </strong><br /> Adalah nilai numeris/karakter yang tetap atau tidak berubah. Dalam C++ ada 4 kelas konstanta, yaitu:<br />
1. Konstanta integer, berupa integer biasa, integer panjang (long int)
dan integer tak bertanda (unsigned integer). Nilainya dapat berupa
desimal, oktal atau hexadesimal.<br /> 2. Konstanta floating point, dapat
mengandung nilai pecahan, yang biasa ditulis dalam bentuk pecahan biasa
maupun bentuk eksponensial dan selalu dinyatakan dalam double, kecuali
jika diakhiri dengan F atau f (menyatakan konstanta float).<br /> 3.
Konstanta string, merupakan deretan karakter yang diawali dan diakhiri
dengan tanda petik ganda (“…“). Juga dapat mengandung karakter yang
menggunakan tanda \ yang disebut karakter escape (escape sequence).<br />
4. Konstanta karakter, selalu diawali dan diakhiri dengan tanda petik
tunggal (‘…’). Beberapa konstanta karakter dapat diawali dengan tanda \
(penempatannya setelah tanda petik tunggal).<br />
Tabel rangkaian karakter escape<br />
<ul>
Sequence Karakter Deskripsi<br /> \a Bel Alert (bunyi bell)<br /> \b BS Backspace (mundur 1 karakter)<br /> \f FF Form feed (berganti halaman)<br /> \n LF New line (berganti baris baru)<br /> \r CR Carriage return (kembali ke kolom 1)<br /> \t HT Horizontal Tab (tabulasi horizontal)<br /> \v VT Vertical Tab (tabulasi vertikal)<br /> \\ \ Backslash<br /> \’ ‘ Petik tunggal<br /> \” “ Petik ganda<br /> \? ? Tanda tanya<br /> \DDD Apapun DDD adalah digit nilai oktal<br /> \xHHH Apapun HHH adalah digit nilai heksadesimal<br /> Null Karakter ASCII = 0
Adalah suatu nilai yang dapat dinyatakan dalam bentuk konstanta atau
variabel dan operator. Konstanta menyatakan nilai yang tetap, sedangkan
variabel menyatakan nilai yag dapat berubah-ubah selama eksekusi
berlangsung.<br />
Tipe data simple merupakan tipe data bawaan dari C++, tipe data ini terdiri dari beberapa tipe data yaitu:<br />
o Tipe data integral merupakan tipe data yang terdiri dari bilangan dengan range yang berbeda-beda.<br /> Tipe Data Integral Bytes Range Panjang Range<br /> Char 1 -128 – 127 0 – 255<br /> Short 2 -32.768 – 32.767 0 – 65.535<br /> Int 2 -32.768 – 32.767 0 – 65.535<br />
o Floating merupakan tipe data untuk bilangan desimal. Untuk semua
Turbo C++, type floating-point yang menggunakan format-format IEEE
floating-point digunakan oleh intel 8087. Type float menggunakan real
format 32-bit IEEE. Type double menggunakan real format 64-bit IEEE.
Type long double menggunakan extended real format 80-bit IEEE.<br /> Tipe Data Integral Bytes Range<br /> Float 4 3.4E-38 – 3.4E+38 (7 digit)<br /> Double 4 1.7E-308 – 1.7E+308 (15 digit)<br /> Long Double 8 1.7E-308 – 1.7E+308 (15 digit)<br />
Address merupakan tipe data yang digunakan untuk menunjuk suatu
alamat memori. Sedangkan tipe data structured merupakan tipe data
bentukan.<br />
Berikut adalah contoh program C++ :<br />
//Contoh 1 penjumlahan a dan b adalah nilai untuk c<br /> #include<br /> main()<br /> {<br /> int a,b,c;<br /> a = 25;<br /> b = 20;<br /> c = a+b;<br /> printf(“%d”,c);<br /> }<br />
//Contoh 2 menampilkan inputan nama<br /> #include<br /> main()<br /> {<br /> char nama[20];<br /> printf(“Masukan Nama anda : “);scanf(“%s”,nama);<br /> printf(“\nJadi Nama Anda :%s”, nama);<br /> }<br />
//Contoh 3 perhitungan luas<br /> #include<br /> #define pi 3.14<br /> void main()<br /> {<br /> float luas;<br /> float jejari=5;<br /> luas = 4*jejari*jejari;<br /> printf(“\nLuas adalah : %5.2f\n”,luas);<br /> }<br />
//Contoh 4<br /> #include<br /> void main() /*program untuk menghitung luas persegipanjang */<br /> {<br /> float P;<br /> int Luas,L;<br /> printf(“Isikan nilai panjang (p) = “);scanf(“%f”,&P);<br /> printf(“Isikan nilai lebar (l) = “);scanf(“%d”,&L);<br /> Luas = P*L;<br /> printf(“Luas persegi panjang (L) = %-6d\n”,Luas);<br /> }<br />
//Contoh 5<br /> #include<br /> #include //untuk mengaktifkan clrscr() dan getch()<br /> void main()<br /> {int P;<br /> float Luas,L,A;<br /> clrscr();<br /> printf(“Isikan data P = “);scanf(“%d”,&P);<br /> printf(“Isikan data L = “);scanf(“%f”,&L);<br /> A = 0.5;<br /> Luas = A*P*L;<br /> printf(“Luas Segitiga = %6.2f\n”,Luas);<br /> getch();<br /> }<br />
//Contoh 6<br /> #include<br /> #include<br /> void main()<br /> {<br /> char C;<br /> int I;<br /> long int LI;<br /> double D;<br /> float F;<br /> long double LD;<br /> clrscr();<br /> printf(“\t Daftar Ukuran tipe data \n”);<br /> printf(“\t Ukuran karakter : %d bytes \n”,sizeof(C));<br /> printf(“\t Ukuran integer : %d bytes \n”,sizeof(I));<br /> printf(“\t Ukuran long integer : %d bytes \n”,sizeof(LI));<br /> printf(“\t Ukuran double : %d bytes \n”,sizeof(D));<br /> printf(“\t Ukuran float : %d bytes \n”,sizeof(F));<br /> printf(“\t Ukuran long double : %d bytes \n”,sizeof(LD));<br /> getch();<br /> }</ul>
<br />Ceriaminihttp://www.blogger.com/profile/00116570168940347314noreply@blogger.com2tag:blogger.com,1999:blog-1785269483483648422.post-3664438165482842972012-12-13T02:50:00.004-08:002012-12-13T02:50:56.447-08:00Struktur Program C++<span style="color: black;">(header file)<br />header file adalah bentuk libraries untuk memanggil fungsi tertentu<br />contoh:<br />#include,<br />#include<br /><br />(kamus data)<br />kamus data menentukan jenis fungsi yang akan di pakai<br />contoh:<br />int x; /*artinya fungsi x adalah integer(bil. bulat)*/<br />float y; /*artinya fingsi y adalah float(bil. real)*/<br /><br />(badan program)<br />semua isi ada badan program ada di sini<br />awal badan program adalah:<br />int main () /* ini adalah menu utama badan program*/<br />{ /*ini adalah fungsi memulai program*/<br /><br />//di bawah ini akan menjadi isi dari program<br /><br />printf("Selamat Datang di DC"); /*fungsi printf akan menampilkan tulisan yang berada di dalam (" ")*/<br />//selalu ingat untuk menutup fungsi dengan ;<br />scanf("%i",
&x); /* fungsi scanf akan menyimpan data yang di input oleh
pengguna yang bersifat bil. bulat(i, untuk integer) pada fungsi x<br />printf("%i",x); /*pada funsi ini layar akan menampilkan hasil scan/input dalam fungsi x yang bersifat integer(i)*/<br /><br />system("pause"); /*agar program tidak langsung menutup*/<br />return=0 /*untuk keluar dari program*/<br /><br />} /*menandakan bahwa badan program berakhir*/</span><br />
<br />
<br />
SELESAI<br />
selesai untuk penjelasan yang singkat,<br />
maaf kalau ada kesalahan kata, di tunggu yah commentnya... <br />
<br />Ceriaminihttp://www.blogger.com/profile/00116570168940347314noreply@blogger.com0tag:blogger.com,1999:blog-1785269483483648422.post-81050173098554070002012-12-13T02:49:00.000-08:002012-12-13T02:49:12.369-08:00c++ Adalah
<h1 class="title single-title">
C++ adalah</h1>
<div class="post-info">
Posted in <a href="http://www.avatecer.com/category/computer/" rel="nofollow" title="View all posts in Computer">Computer</a> by <a href="http://www.avatecer.com/author/avatecer/" rel="nofollow" title="Posts by avatecer">avatecer</a> On July 21, 2012<span class="thecomment"><a href="http://www.avatecer.com/c-plus-plus-adalah/#comments">. No comments</a></span>
</div>
<div class="post-single-content box mark-links">
<a href="http://www.avatecer.com/c-plus-plus-adalah/untitled-16/" rel="attachment wp-att-536"><table class="ncode_imageresizer_warning" id="ncode_imageresizer_warning_1" style="width: 588px;"><tbody>
<tr><td class="td1" width="20"><img alt="" border="0" height="16" src="http://www.avatecer.com/wp-content/plugins/ncode-image-resizer/images/uyari.gif" width="16" /></td><td class="td2">This image has been resized. Click this bar to view the full image. The original image is sized 642x361px.</td></tr>
</tbody></table>
<img alt="" class="wp-image-536 aligncenter" height="330" id="ncode_imageresizer_container_1" src="http://www.avatecer.com/wp-content/uploads/2012/07/Untitled1.jpg" title="Gambar Microsoft Visual C++ 2010 Express" width="588" /></a>Sudah
lama, author Avatecer, saya sendiri, tidak mengupdate website, karena
ingin memperdalam ilmu programmer hehe.., untuk menjadi programmer, anda
wajib mengetahui C ataupun C++, baru setelah itu ada Java. nah sekarang
saya ingin menjelaskan apa sih c++ itu sendiri ?<br />
Dikutip dari Wikipedia.org, bahwa <a href="http://www.avatecer.com/c-plus-plus-adalah/" title="C++ adalah">C++ adalah</a> sebagai berikut :<br />
C++ adalah bahasa pemrograman komputer C++ dikembangkan di Bell Labs
(Bjarne Stroustrup) pada awal tahun 1970-an, Bahasa itu diturunkan dari
bahasa sebelumnya, yaitu BCL, Pada awalnya, bahasa tersebut dirancang
sebagai bahasa pemrograman yang dijalankan pada sistem Unix, Pada
perkembangannya, versi ANSI (American National Standart Institute)
Bahasa pemrograman C menjadi versi dominan, Meskipun versi tersebut
sekarang jarang dipakai dalam pengembangan sistem dan jaringan maupun
untuk sistem embedded, Bjarne Stroustrup pada Bel labs pertama kali
mengembangkan C++ pada awal 1980-an, Untuk mendukung fitur-fitur pada
C++, dibangun efisiensi dan sistem support untuk pemrograman tingkat
rendah (low level coding). Pada C++ ditambahkan konsep-konsep baru
seperti class dengan sifat-sifatnya seperti inheritance dan overloading.
Salah satu perbedaan yang paling mendasar dengan bahasa C adalah
dukungan terhadap konsep pemrograman berorientasi objek (Object Oriented
Programming).<br />
<div style="float: none; margin: 10px 0pt; text-align: center;">
</div>
Perbedaan Antara Bahasa pemrograman C dan C++ meskipun bahasa-bahasa
tersebut menggunakan sintaks yang sama tetapi mereka memiliki perbedaan,
C merupakan bahasa pemrograman prosedural, dimana penyelesaian suatu
masalah dilakukan dengan membagi-bagi masalah tersebut kedalam
su-submasalah yang lebih kecil, Selain itu, C++ merupakan bahasa
pemrograman yang memiliki sifat Pemrograman berorientasi objek, Untuk
menyelesaikan masalah, C++ melakukan langkah pertama dengan menjelaskan
class-class yang merupakan anak class yang dibuat sebelumnya sebagai
abstraksi dari object-object fisik, Class tersebut berisi keadaan
object, anggota-anggotanya dan kemampuan dari objectnya, Setelah
beberapa Class dibuat kemudian masalah dipecahkan dengan Class.<br />
*untuk lebih lanjut, visit wikipedia mereke http://id.wikipedia.org/wiki/C%2B%2B<br />
Tadi adalah kutipan singkat dari C++ menurut Wikipedia. memang susah
untuk mempelajari Bahasa Pemrograman, karena memang susah hehe. Admin
aja masih bingung.<br />
Nah, apabila agan – agan sudah paham(faham), agan bisa langsung praktik. Bagaimana untuk memulai ?<br />
<ol>
<li>Downloadlah <a class="alrptip" href="http://www.avatecer.com/merubah-font-default-microsoft-office/">Microsoft</a> Visual c++ 2010 Express di http://www.microsoft.com/visualstudio/en-us/products/2010-editions/visual-cpp-express</li>
<li>Setelah itu lakukan instalasi, tetapi jangan matikan internet anda,
karena anda diharuskan mendownload file lagi yang dibutuhkan software
Microsoft Vir c++ 2010 Express. Ada beberapa file, waktu itu saya dapat
143 MB untuk didownload</li>
<li>Setelah itu tinggal tunggu</li>
<li>Kalau sudah tinggal gunakan software tersebut</li>
<li>Jika anda ingin membuat Project, caranya lihat tab atas, masuk ke
File, lalu New lalu Project (atau bisa menggunakan shortcut ctrl + shift
+ N)</li>
<li>Jika anda ingin membuat File, caranya lihat tab atas, masuk ke File,
lalu New lalu File (atau bisa menggunakan shortcut ctrl + N)</li>
</ol>
</div>
<br />Ceriaminihttp://www.blogger.com/profile/00116570168940347314noreply@blogger.com0tag:blogger.com,1999:blog-1785269483483648422.post-21906229272564856822012-12-13T02:47:00.001-08:002012-12-13T02:47:37.914-08:00Cara Membuat Form Komentar Sederhana<div style="text-align: justify;">
Pada artikel kali ini, kita akan belajar membuat sebuah<b> form komentar</b> menggunakan php dan mysql.<span id="more-40"></span></div>
<div style="text-align: justify;">
</div>
Untuk latihan, buat terlebih dahulu sebuah tabel pada database dan <br />
beri nama dengan field-field seperti pada gambar di bawah ini :<br />
Database : Bukutamu.<br />
Table : Komentar<br />
<br />
Field<br />
id_komentar int(3) auto_increment Primary Key<br />
nama varchar(50)<br />
email varchar(50)<br />
komentar text<br />
<br />
Berikutnya buat sebuah file <b>komentar.php</b> dan masukan <i>code php</i> di bawah ini : <br />
<textarea cols="60" name="" rows="10"><body>
<form action="konfirmasi.php" method="post">
<table width="53%" border="0">
<tr>
<td>Nama</td>
<td>:</td>
<td><input name="nama" type="text" /></td>
</tr>
<tr>
<td>Email</td>
<td>:</td>
<td><input name="email" type="text" /></td>
</tr>
<tr>
<td>Komentar</td>
<td>:</td>
<td><input name="komentar" type="text"></td>
</tr>
<tr>
<td> </td>
<td> </td>
<td><input value="Komentar" type="submit" /></td>
</tr>
</table>
</form>
</body>
</textarea>
<br />
Kemudian buat sebuah file <b>simpan.php</b> dan masukan code di bawah ini :<br />
<textarea cols="60" name="" rows="10">
<body>
<?
mysql_connect("localhost","root","root");
mysql_select_db("bukutamu");
$nama=$_POST['nama'];
$email=$_POST['email'];
$komentar=$_POST['komentar'];
$hasil=mysql_query("Insert into komentar (nama,email,komentar) values ('$nama','$email','$komentar')");
if ($hasil)
{ echo "Data Berhasil Tersimpan";}
else
{ echo "Data Tidak Berhasil Tersimpan";}
include "komentar.php";
?>
</body>
</textarea>
<br />
Smoga bermanfaat dan Selamat mencoba... : )Ceriaminihttp://www.blogger.com/profile/00116570168940347314noreply@blogger.com3tag:blogger.com,1999:blog-1785269483483648422.post-69106012272897698242012-12-13T02:44:00.001-08:002012-12-13T02:44:59.093-08:00Halaman Administrator WebsiteSebelum memulai <strong>tuorial membuat halaman administrator website atau halaman admin di dreamweaver</strong> ini saya ingin meminta maaf kepada teman – teman yang megikuti tutorial dreamweaver di <a href="http://mous-design.com/" title="Bali web design"><strong>Mous Design</strong></a>,
lama saya tidak bisa melanjutkan tutorial ini karena banyak urusan
kerjaan. Banyak yang mengirimkan email ke saya, meminta supaya cepat
untuk di updatekan tutorial pembuatan website dengan dreamweaver
terutama <em>membuat halaman administrator website</em> ini.<br />
Pada <a href="http://mous-design.com/topics/tutorial-dreamweaver" target="_blank" title="tutorial dreamweaver"><em><strong>tutorial dreamweaver</strong></em></a> sebelumnya saya sudah menjelaskan <a href="http://mous-design.com/halaman-register-di-dreamweaver-cs3.html" title="Membuat Halaman Register">cara membuat halaman register</a> dan <a href="http://mous-design.com/membuat-halaman-login-di-dreamweaver.html" title="Membuat Halaman Login">halaman login </a>utuk
masuk ke halaman administrator, yang di mana halaman ini hanya admin
yang terdaftar saja dapat mengakses halaman ini. Di dalam halaman
administrator ini anda dapat membuat kategori artikel, menambahkan atau
mengedit artikel anda.<br />
Sekali lagi saya ingatkan<em> tutorial membuat website dengan<a href="http://www.adobe.com/products/dreamweaver.html" target="_blank" title="adobe dreamweaver"> adobe dreamweaver cs 3</a></em>
ini saya berikan secara bertahap, jika anda kebingungan dengan tutorial
yang ada disni saya harapkan membaca tutorial ini dari awal, untuk
melihat daftar isi tutorial dreamweaver anda bisa <a href="http://mous-design.com/topics/tutorial-dreamweaver" title="tutorial dreamweaver">klik disini</a>.<br />
<h3>
Untuk membuat halaman administrator website yang pertama kitalakukan adalah membuat layout atau tata letaknya.</h3>
Buka file <strong>home.php</strong> yang ada di dalam folder <strong>fileadmin</strong> milik anda. Kemudian melalui code view, ketikkan<br />
<div>
<div class="syntaxhighlighter xml" id="highlighter_417397">
<table border="0" cellpadding="0" cellspacing="0"><tbody>
<tr><td class="gutter"><div class="line number1 index0 alt2">
1</div>
</td><td class="code"><div class="container">
<div class="line number1 index0 alt2">
<code class="xml plain"><</code><code class="xml keyword">link</code> <code class="xml color1">href</code><code class="xml plain">=</code><code class="xml string">"style.css"</code> <code class="xml color1">type</code><code class="xml plain">=</code><code class="xml string">"text/css"</code> <code class="xml color1">rel</code><code class="xml plain">=</code><code class="xml string">"stylesheet"</code> <code class="xml plain">/></code></div>
</div>
</td></tr>
</tbody></table>
</div>
</div>
di atas tag<strong> </head></strong>, kode tersebut fungsinya menghubungkan file <strong>home.php</strong> dengan file <strong>style.css</strong> yang ada di dalam folder fileadmin milik anda.<br />
Jika anda belum memiliki / membuat file style.css silahkan anda buat terlebih dahulu, caranya tekan<strong> Ctrl + N</strong>, pilih <strong>CSS</strong> kemudian click <strong>Create</strong>, simpan dalam folder <strong>D:\website\xampp\htdocs\websiteku.com\fileadmin</strong> dengan nama <strong>style.css</strong>.<br />
Masih tetap dalam tab home.php melalui code view, ketikkan kode berikut<br />
<div>
<div class="syntaxhighlighter xml" id="highlighter_986578">
<table border="0" cellpadding="0" cellspacing="0"><tbody>
<tr><td class="gutter"><div class="line number1 index0 alt2">
1</div>
<div class="line number2 index1 alt1">
2</div>
<div class="line number3 index2 alt2">
3</div>
</td><td class="code"><div class="container">
<div class="line number1 index0 alt2">
<code class="xml plain"><</code><code class="xml keyword">div</code> <code class="xml color1">id</code><code class="xml plain">=</code><code class="xml string">"header"</code><code class="xml plain">></code></div>
<div class="line number2 index1 alt1">
<code class="xml spaces"> </code><code class="xml plain"><</code><code class="xml keyword">h2</code><code class="xml plain">>Admin Websiteku</</code><code class="xml keyword">h2</code><code class="xml plain">></code></div>
<div class="line number3 index2 alt2">
<code class="xml plain"></</code><code class="xml keyword">div</code><code class="xml plain">></code></div>
</div>
</td></tr>
</tbody></table>
</div>
</div>
di bawah tag <strong><body></strong><br />
Kemudian klik <strong>icon</strong> <strong>New CSS</strong> <strong>Rule</strong> yang ada di bagian kanan, jika di layar anda tidak terdapat CSS Stylenya anda bisa menekan <strong>Shift + F11</strong> untuk menampilkan <strong>tab CSS Style</strong>.<br />
<img alt="icon new css rule Halaman Administrator Website" class="alignnone img size-full wp-image-1203" height="304" src="http://mous-design.com/lumbung/2012/01/icon-new-css-rule.jpg" title="icon-new-css-rule" width="232" /><br />
isikan pengaturannya sebagai berikut :<br />
<ul>
<li>Selector Type : <strong>Advanced (Ids, pseudo-class selectors)</strong></li>
<li>Selector : <strong>body</strong></li>
<li>Define in : <strong>style.css</strong></li>
</ul>
Setelah muncul <strong>CSS Rule Definition for body in style.css, </strong>isikan pengaturannya sebagai berikut :<br />
<h4>
Type:</h4>
<ul>
<li>Font : pilih jenis font yang ingin anda gunakan, pada kali ini saya akan menggunakan “<strong>Arial, Helvetica, sans-serif</strong>“</li>
<li>Size : ukuran font yang akan anda gunakan, kali ini saya menggunakan ukuran 12 pixel</li>
</ul>
<h4>
Box :</h4>
<ul>
<li>width : 920 pixel</li>
<li>float : left</li>
<li>Padding : <strong>centang same for all</strong>, pada kolom box isikan 10 pixel.</li>
</ul>
jika sudah klik ok, buka file style.css yang ada dalam folder fileadmin milik anda, kemudian simpan tekan Ctrl + S.<br />
kembali ke tab home.php, klik <strong>New CSS Rule</strong>, isikan pengaturannya sebagai berikut :<br />
<ul>
<li>Selector Type : <strong>Advanced (Ids, pseudo-class selectors)</strong></li>
<li>Selector : <strong>#header</strong></li>
<li>Define in : <strong>style.css</strong></li>
</ul>
Setelah muncul <strong>CSS Rule Definition for #header in style.css, </strong>isikan pengaturannya sebagai berikut :<br />
<h4>
Box :</h4>
<ul>
<li>width : 900 pixel</li>
<li>float : left</li>
<li>Padding : <strong>centang same for all</strong>, pada kolom box isikan 10 pixel.</li>
</ul>
Jika sudah klik ok, kembali ke tab style.css simpan pekerjaan anda.<br />
Sekarang kita akan membuat navigasi untuk halaman administrator website kita, ketikkan kode berikut di atas <strong></body></strong><br />
<div>
<div class="syntaxhighlighter xml" id="highlighter_304459">
<table border="0" cellpadding="0" cellspacing="0"><tbody>
<tr><td class="gutter"><div class="line number1 index0 alt2">
1</div>
</td><td class="code"><div class="container">
<div class="line number1 index0 alt2">
<code class="xml plain"><</code><code class="xml keyword">div</code> <code class="xml color1">id</code><code class="xml plain">=</code><code class="xml string">"navigasi"</code><code class="xml plain">></</code><code class="xml keyword">div</code><code class="xml plain">></code></div>
</div>
</td></tr>
</tbody></table>
</div>
</div>
simpan pekerjaan anda tekan <strong>Ctrl + S.</strong><br />
klik <strong>New CSS Rule</strong>, isikan pengaturannya sebagai berikut :<br />
<ul>
<li>Selector Type : <strong>Advanced (Ids, pseudo-class selectors)</strong></li>
<li>Selector : <strong>#navigasi</strong></li>
<li>Define in : <strong>style.css</strong></li>
</ul>
Setelah muncul <strong>CSS Rule Definition for #navigasi in style.css, </strong>isikan pengaturannya sebagai berikut :<br />
<h4>
Box :</h4>
<ul>
<li>width : 900 pixel</li>
<li>float : left</li>
<li>Padding : hilangkan <strong>centang same for all</strong>, pada kolom <strong>right dan left isikan 10 pixel</strong>, pada kolom<strong> top dan bottom isikan 0 pixel</strong>.</li>
</ul>
<h4>
Border :</h4>
<ul>
<li>Style : centang Same for all isikan solid.</li>
<li>Width : centang same for all isikan 1 pixel</li>
<li>Color : centang same for all isikan #CCCCCC</li>
</ul>
Jika sudah klik ok, kembali ke tab style.css simpan pekerjaan anda.<br />
Kemudian ketikkan kode berikut<br />
<div>
<div class="syntaxhighlighter xml" id="highlighter_109069">
<table border="0" cellpadding="0" cellspacing="0"><tbody>
<tr><td class="gutter"><div class="line number1 index0 alt2">
1</div>
<div class="line number2 index1 alt1">
2</div>
<div class="line number3 index2 alt2">
3</div>
<div class="line number4 index3 alt1">
4</div>
<div class="line number5 index4 alt2">
5</div>
<div class="line number6 index5 alt1">
6</div>
<div class="line number7 index6 alt2">
7</div>
<div class="line number8 index7 alt1">
8</div>
</td><td class="code"><div class="container">
<div class="line number1 index0 alt2">
<code class="xml plain"><</code><code class="xml keyword">ul</code><code class="xml plain">></code></div>
<div class="line number2 index1 alt1">
<code class="xml spaces"> </code><code class="xml plain"><</code><code class="xml keyword">li</code><code class="xml plain">><</code><code class="xml keyword">a</code> <code class="xml color1">href</code><code class="xml plain">=</code><code class="xml string">"home.php"</code><code class="xml plain">>Home</</code><code class="xml keyword">a</code><code class="xml plain">></</code><code class="xml keyword">li</code><code class="xml plain">></code></div>
<div class="line number3 index2 alt2">
<code class="xml spaces"> </code><code class="xml plain"><</code><code class="xml keyword">li</code><code class="xml plain">><</code><code class="xml keyword">a</code> <code class="xml color1">href</code><code class="xml plain">=</code><code class="xml string">"editprofile.php"</code><code class="xml plain">>Profile</</code><code class="xml keyword">a</code><code class="xml plain">></</code><code class="xml keyword">li</code><code class="xml plain">></code></div>
<div class="line number4 index3 alt1">
<code class="xml spaces"> </code><code class="xml plain"><</code><code class="xml keyword">li</code><code class="xml plain">><</code><code class="xml keyword">a</code> <code class="xml color1">href</code><code class="xml plain">=</code><code class="xml string">"categories.php"</code><code class="xml plain">>Categories</</code><code class="xml keyword">a</code><code class="xml plain">></</code><code class="xml keyword">li</code><code class="xml plain">></code></div>
<div class="line number5 index4 alt2">
<code class="xml spaces"> </code><code class="xml plain"><</code><code class="xml keyword">li</code><code class="xml plain">><</code><code class="xml keyword">a</code> <code class="xml color1">href</code><code class="xml plain">=</code><code class="xml string">"post.php"</code><code class="xml plain">>Post</</code><code class="xml keyword">a</code><code class="xml plain">></</code><code class="xml keyword">li</code><code class="xml plain">></code></div>
<div class="line number6 index5 alt1">
<code class="xml spaces"> </code><code class="xml plain"><</code><code class="xml keyword">li</code><code class="xml plain">><</code><code class="xml keyword">a</code> <code class="xml color1">href</code><code class="xml plain">=</code><code class="xml string">"message.php"</code><code class="xml plain">>Message</</code><code class="xml keyword">a</code><code class="xml plain">></</code><code class="xml keyword">li</code><code class="xml plain">></code></div>
<div class="line number7 index6 alt2">
<code class="xml spaces"> </code><code class="xml plain"><</code><code class="xml keyword">li</code><code class="xml plain">><</code><code class="xml keyword">a</code> <code class="xml color1">href</code><code class="xml plain">=</code><code class="xml string">"logout.php"</code><code class="xml plain">>Logout</</code><code class="xml keyword">a</code><code class="xml plain">></</code><code class="xml keyword">li</code><code class="xml plain">></code></div>
<div class="line number8 index7 alt1">
<code class="xml plain"></</code><code class="xml keyword">ul</code><code class="xml plain">></code></div>
</div>
</td></tr>
</tbody></table>
</div>
</div>
letakkan di bawah <strong><div id=”navigasi”></strong>, maka kodenya akan menjadi<br />
<div>
<div class="syntaxhighlighter xml" id="highlighter_408074">
<table border="0" cellpadding="0" cellspacing="0"><tbody>
<tr><td class="gutter"><div class="line number1 index0 alt2">
1</div>
<div class="line number2 index1 alt1">
2</div>
<div class="line number3 index2 alt2">
3</div>
<div class="line number4 index3 alt1">
4</div>
<div class="line number5 index4 alt2">
5</div>
<div class="line number6 index5 alt1">
6</div>
<div class="line number7 index6 alt2">
7</div>
<div class="line number8 index7 alt1">
8</div>
<div class="line number9 index8 alt2">
9</div>
<div class="line number10 index9 alt1">
10</div>
</td><td class="code"><div class="container">
<div class="line number1 index0 alt2">
<code class="xml plain"><</code><code class="xml keyword">div</code> <code class="xml color1">id</code><code class="xml plain">=</code><code class="xml string">"navigasi"</code><code class="xml plain">></code></div>
<div class="line number2 index1 alt1">
<code class="xml plain"><</code><code class="xml keyword">ul</code><code class="xml plain">></code></div>
<div class="line number3 index2 alt2">
<code class="xml spaces"> </code><code class="xml plain"><</code><code class="xml keyword">li</code><code class="xml plain">><</code><code class="xml keyword">a</code> <code class="xml color1">href</code><code class="xml plain">=</code><code class="xml string">"home.php"</code><code class="xml plain">>Home</</code><code class="xml keyword">a</code><code class="xml plain">></</code><code class="xml keyword">li</code><code class="xml plain">></code></div>
<div class="line number4 index3 alt1">
<code class="xml spaces"> </code><code class="xml plain"><</code><code class="xml keyword">li</code><code class="xml plain">><</code><code class="xml keyword">a</code> <code class="xml color1">href</code><code class="xml plain">=</code><code class="xml string">"editprofile.php"</code><code class="xml plain">>Profile</</code><code class="xml keyword">a</code><code class="xml plain">></</code><code class="xml keyword">li</code><code class="xml plain">></code></div>
<div class="line number5 index4 alt2">
<code class="xml spaces"> </code><code class="xml plain"><</code><code class="xml keyword">li</code><code class="xml plain">><</code><code class="xml keyword">a</code> <code class="xml color1">href</code><code class="xml plain">=</code><code class="xml string">"categories.php"</code><code class="xml plain">>Categories</</code><code class="xml keyword">a</code><code class="xml plain">></</code><code class="xml keyword">li</code><code class="xml plain">></code></div>
<div class="line number6 index5 alt1">
<code class="xml spaces"> </code><code class="xml plain"><</code><code class="xml keyword">li</code><code class="xml plain">><</code><code class="xml keyword">a</code> <code class="xml color1">href</code><code class="xml plain">=</code><code class="xml string">"post.php"</code><code class="xml plain">>Post</</code><code class="xml keyword">a</code><code class="xml plain">></</code><code class="xml keyword">li</code><code class="xml plain">></code></div>
<div class="line number7 index6 alt2">
<code class="xml spaces"> </code><code class="xml plain"><</code><code class="xml keyword">li</code><code class="xml plain">><</code><code class="xml keyword">a</code> <code class="xml color1">href</code><code class="xml plain">=</code><code class="xml string">"message.php"</code><code class="xml plain">>Message</</code><code class="xml keyword">a</code><code class="xml plain">></</code><code class="xml keyword">li</code><code class="xml plain">></code></div>
<div class="line number8 index7 alt1">
<code class="xml spaces"> </code><code class="xml plain"><</code><code class="xml keyword">li</code><code class="xml plain">><</code><code class="xml keyword">a</code> <code class="xml color1">href</code><code class="xml plain">=</code><code class="xml string">"logout.php"</code><code class="xml plain">>Logout</</code><code class="xml keyword">a</code><code class="xml plain">></</code><code class="xml keyword">li</code><code class="xml plain">></code></div>
<div class="line number9 index8 alt2">
<code class="xml plain"></</code><code class="xml keyword">ul</code><code class="xml plain">></code></div>
<div class="line number10 index9 alt1">
<code class="xml plain"></</code><code class="xml keyword">div</code><code class="xml plain">></code></div>
</div>
</td></tr>
</tbody></table>
</div>
</div>
Kode – kode tersebut membentuk link ke halaman yang lainnya, misalnya <strong>Profile</strong> di klik maka anda akan di bawa ke halaman <strong>editprofile.php</strong>, untuk penjelasan dan pembuatan halaman tersebut akan saya jelaskan pada tutorial berikutnya.<br />
Kembali klik <strong>New CSS Rule</strong>, isikan pengaturannya sebagai berikut :<br />
<ul>
<li>Selector Type : <strong>Advanced (Ids, pseudo-class selectors)</strong></li>
<li>Selector : <strong><strong>#navigasi ul</strong></strong></li>
<li>Define in : <strong>style.css</strong></li>
</ul>
Setelah muncul <strong>CSS Rule Definition for #navigasi ul in style.css, </strong>isikan pengaturannya sebagai berikut :<br />
<h4>
Box :</h4>
<ul>
<li>width : 900 pixel</li>
<li>float : left</li>
<li>Padding : <strong>centang same for all</strong><strong> isikan 0 pixel</strong>.</li>
</ul>
Jika sudah klik OK.<br />
klik kembali <strong>New CSS Rule</strong>, isikan pengaturannya sebagai berikut :<br />
<ul>
<li>Selector Type : <strong>Advanced (Ids, pseudo-class selectors)</strong></li>
<li>Selector : <strong><strong>#navigasi li</strong></strong></li>
<li>Define in : <strong>style.css</strong></li>
</ul>
Setelah muncul <strong>CSS Rule Definition for #navigasi li in style.css, </strong>isikan pengaturannya sebagai berikut :<br />
<h4>
Block:</h4>
<ul>
<li>Display : inline</li>
</ul>
<h4>
Box :</h4>
<ul>
<li>Margin : <strong>hilangkan centang same for all,</strong> pada bagian <strong>Left</strong> isikan<strong> 10 pixe</strong>l</li>
</ul>
<h4>
List :</h4>
<ul>
<li>Type: none</li>
</ul>
Jika sudah klik OK.<br />
Selanjutnya ketikkan kode berikut,<br />
<div>
<div class="syntaxhighlighter xml" id="highlighter_9820">
<table border="0" cellpadding="0" cellspacing="0"><tbody>
<tr><td class="gutter"><div class="line number1 index0 alt2">
1</div>
<div class="line number2 index1 alt1">
2</div>
<div class="line number3 index2 alt2">
3</div>
<div class="line number4 index3 alt1">
4</div>
<div class="line number5 index4 alt2">
5</div>
</td><td class="code"><div class="container">
<div class="line number1 index0 alt2">
<code class="xml plain"><</code><code class="xml keyword">div</code> <code class="xml color1">id</code><code class="xml plain">=</code><code class="xml string">"conten"</code><code class="xml plain">></code></div>
<div class="line number2 index1 alt1">
<code class="xml plain"><</code><code class="xml keyword">h3</code><code class="xml plain">>Admin Home</</code><code class="xml keyword">h3</code><code class="xml plain">></code></div>
<div class="line number3 index2 alt2">
<code class="xml plain"><</code><code class="xml keyword">p</code><code class="xml plain">>Selamat
datang di halaman administrator websiteku, isi adalah contoh halaman
depan admin website kita, kata - kata ini hanya untuk testing pada
tutorial pembuatan halaman administrator website dan hanya sebagai
contoh halaman administrator website, selanjutnya ganti tulisan isi
terserah anda mengisinya dengan kata - kata milik anda sendiri, misalnya
seperti peringatan untuk semua admin yang memasuki halaman
administrator website.</</code><code class="xml keyword">p</code><code class="xml plain">></code></div>
<div class="line number4 index3 alt1">
<code class="xml plain"><</code><code class="xml keyword">p</code><code class="xml plain">>Sekali
lagi kata - kata dalam halaman administrator ini bisa anda ganti dan
tolong di ganti, karena kata - kata ini hanya sebagai contoh semata dan
tidak ada maksud untuk belajar mengolah kata, karena saya sendiri sudah
pusing untuk mengolah kata - kata untuk halaman administrator website
ini.</</code><code class="xml keyword">p</code><code class="xml plain">></code></div>
<div class="line number5 index4 alt2">
<code class="xml plain"></</code><code class="xml keyword">div</code><code class="xml plain">></code></div>
</div>
</td></tr>
</tbody></table>
</div>
</div>
Masih dalam tab <strong>home.php</strong>, klik <strong>New CSS Rule</strong>, isikan pengaturannya sebagai berikut :<br />
<ul>
<li>Selector Type : <strong>Advanced (Ids, pseudo-class selectors)</strong></li>
<li>Selector : <strong>#conten</strong></li>
<li>Define in : <strong>style.css</strong></li>
</ul>
Setelah muncul <strong>CSS Rule Definition for #<strong>conten </strong>in style.css, </strong>isikan pengaturannya sebagai berikut :<br />
<h4>
Box :</h4>
<ul>
<li>width : 900 pixel</li>
<li>float : left</li>
<li>Padding : <strong>centang same for all</strong>, pada kolom top isikan 10 pixel.</li>
<li>margin : hilangkan <strong>centang same for all</strong>, pada bagian <strong>top</strong> isikan<strong> 20 pixel.</strong></li>
</ul>
<h4>
Border :</h4>
<ul>
<li>Style : centang Same for all isikan solid.</li>
<li>Width : centang same for all isikan 1 pixel</li>
<li>Color : centang same for all isikan #CCCCCC</li>
</ul>
Jika sudah klik <strong>Ok</strong>. simpan semua pekerjaan anda tekan <strong>Ctrl + S</strong>.<br />
Untuk melihat hasil jerih payah anda tadi atau melihat <em><strong>halaman administrator website</strong></em> anda tekan <strong>F12</strong>.<br />
Untuk memperindah tampilan halaman administrator website anda, anda
bisa menambahkan opsi CSS yang lainnya, misalnya background dan lain –
lain. Silahkan di coba – coba agar anda lebih paham, lihat perubahannya
pada file <strong>style.css</strong>.<br />
Sekian dulu <em>tutorial membuat halaman administrator website dengan Adobe dreamweaver cs 3</em>,
pada tutorial berikutnya saya akan jelaskan bagaimana cara agar
membatasi akses kehalaman administrator website anda, jadi hanya orang
yang terdaftar saja yang bisa masuk ke halaman administrator website
milik anda.<br />
Jika anda ingin berlangganan artikel mous design anda bisa masukkan
email anda di kolom berlangganan yang ada di bagian kanan website ini,
dan apa bila ada pertanyaan ataupun komentar silahkan berkomentar di
dalam form komentar di bawah.<br />
Akhir kata saya ucapkan terima kasih banyak dan salam sukses untuk anda semuanya.<br />
<br />Ceriaminihttp://www.blogger.com/profile/00116570168940347314noreply@blogger.com0tag:blogger.com,1999:blog-1785269483483648422.post-68858827549722478752012-12-13T02:43:00.000-08:002012-12-13T02:43:26.926-08:00Coding Membuat Halaman Login<div style="background-color: white; border-width: 0px; color: #333333; font-family: Georgia,'Bitstream Charter',serif; font-size: 16px; line-height: 24px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
Dalam
aplikasi website, misalnya Facebook.com, ketika Anda berhasil melakukan
log in, maka data diri Anda akan ditampilkan di halaman profil. Di
halaman tersebut, Anda juga dapat melakukan editing profil yang Anda
miliki.</div>
<div style="background-color: white; border-width: 0px; color: #333333; font-family: Georgia,'Bitstream Charter',serif; font-size: 16px; line-height: 24px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
Lalu
bagaimanakah caranya kita membuat halaman log in yang setelah kita
berhasil melakukan log in, maka data diri Anda ditampilkan dan dapat
mengubah profil kita seperti contoh Facebook di atas?<span id="more-93" style="background-color: transparent; border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"></span></div>
<div style="background-color: white; border-width: 0px; color: #333333; font-family: Georgia,'Bitstream Charter',serif; font-size: 16px; line-height: 24px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
Pada tutorial kali ini, Anda akan mempelajarinya.</div>
<div style="background-color: white; border-width: 0px; color: #333333; font-family: Georgia,'Bitstream Charter',serif; font-size: 16px; line-height: 24px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
Sebelum memasuki tutorial ini, pastikan Anda telah:</div>
<ul style="background-color: white; border-width: 0px; color: #333333; font-family: Georgia,'Bitstream Charter',serif; font-size: 16px; line-height: 24px; list-style-type: square; margin: 0px 0px 24px 1.5em; padding: 0px; vertical-align: baseline;">
<li style="background-color: transparent; border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"><a href="http://javawebmedia.com/blog/?p=1" style="background-color: transparent; border-width: 0px; color: #743399; margin: 0px; padding: 0px; vertical-align: baseline;">Membuat Site Definition atau Site Setup</a> untuk Server Model: PHP MySQL</li>
<li style="background-color: transparent; border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline;">Anda
mampu dan bisa membuat, mengimport, mengeksport database dan tabel data
MySQL. Ini artinya Anda dapat menggunakan phpMyAdmin</li>
<li style="background-color: transparent; border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"><a href="http://javawebmedia.com/blog/?p=43" style="background-color: transparent; border-width: 0px; color: #743399; margin: 0px; padding: 0px; vertical-align: baseline;">Telah membuat koneksi database MySQL</a></li>
</ul>
<div style="background-color: white; border-width: 0px; color: #333333; font-family: Georgia,'Bitstream Charter',serif; font-size: 16px; line-height: 24px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
Ada empat (4) file dan satu (1) tabel data yang akan kita gunakan dalam tutorial ini. Keempat file tersebut adalah:</div>
<ol style="background-color: white; border-width: 0px; color: #333333; font-family: Georgia,'Bitstream Charter',serif; font-size: 16px; line-height: 24px; margin: 0px 0px 24px 1.5em; padding: 0px; vertical-align: baseline;">
<li style="background-color: transparent; border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"><em style="background-color: transparent; border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"><strong style="background-color: transparent; border-width: 0px; font-weight: bold; margin: 0px; padding: 0px; vertical-align: baseline;">login.php</strong></em>, sebagai halaman untuk log in</li>
<li style="background-color: transparent; border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"><strong style="background-color: transparent; border-width: 0px; font-weight: bold; margin: 0px; padding: 0px; vertical-align: baseline;"><em style="background-color: transparent; border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline;">login_sukses.php</em></strong>,
halaman yang akan terbuka setelah log in berhasil dilakukan. Di halaman
ini juga terdapat link dinamis untuk edit profil orang yang melakukan
log in.</li>
<li style="background-color: transparent; border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"><strong style="background-color: transparent; border-width: 0px; font-weight: bold; margin: 0px; padding: 0px; vertical-align: baseline;"><em style="background-color: transparent; border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline;">login_gagal.php</em></strong>, halaman yang akan terbuka jika proses log in mengalami kegagalan, misalnya username dan passwordnya salah</li>
<li style="background-color: transparent; border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"><strong style="background-color: transparent; border-width: 0px; font-weight: bold; margin: 0px; padding: 0px; vertical-align: baseline;"><em style="background-color: transparent; border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline;">edit_profil.php</em></strong>, adalah halaman untuk edit profil orang yang log in</li>
</ol>
<div style="background-color: white; border-width: 0px; color: #333333; font-family: Georgia,'Bitstream Charter',serif; font-size: 16px; line-height: 24px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
Dan berikut adalah tabel data MySQL yang selanjutnya kita sebut tabel <em style="background-color: transparent; border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"><strong style="background-color: transparent; border-width: 0px; font-weight: bold; margin: 0px; padding: 0px; vertical-align: baseline;">users</strong>:</em></div>
<div style="background-color: white; border-width: 0px; color: #333333; font-family: Georgia,'Bitstream Charter',serif; font-size: 16px; line-height: 24px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
<em style="background-color: transparent; border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="background-color: transparent; border-width: 0px; color: black; font-family: 'Times New Roman'; font-size: xx-small; font-style: normal; line-height: normal; margin: 0px; padding: 0px; vertical-align: baseline;"></span></em></div>
<pre style="background-color: white; border-width: 0px; color: #222222; font-family: 'Courier 10 Pitch',Courier,monospace; font-size: 15px; line-height: 21px; margin-bottom: 24px; overflow: auto; padding: 1.5em; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;"><em style="background-color: transparent; border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline;">CREATE TABLE IF NOT EXISTS `users` (
`id` int(5) NOT NULL AUTO_INCREMENT,
`nama` varchar(50) NOT NULL,
`email` varchar(50) NOT NULL,
`username` varchar(32) NOT NULL,
`password` varchar(32) NOT NULL,
PRIMARY KEY (`id`)
) ENGINE=MyISAM DEFAULT CHARSET=latin1 AUTO_INCREMENT=2 ;</em></pre>
<pre style="background-color: white; border-width: 0px; color: #222222; font-family: 'Courier 10 Pitch',Courier,monospace; font-size: 15px; line-height: 21px; margin-bottom: 24px; overflow: auto; padding: 1.5em; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;"><em style="background-color: transparent; border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="background-color: transparent; border-width: 0px; color: black; font-family: 'Times New Roman'; font-size: xx-small; line-height: normal; margin: 0px; padding: 0px; vertical-align: baseline; white-space: normal;"><pre style="background-color: #f7f7f7; border-width: 0px; color: #222222; font-family: 'Courier 10 Pitch',Courier,monospace; font-size: 15px; line-height: 21px; margin-bottom: 24px; overflow: auto; padding: 1.5em; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;">INSERT INTO `users` (`id`, `nama`, `email`, `username`, `password`) VALUES
(1, 'Andoyo', 'contact@javawebmedia.com', 'reghy', 'reghy');</pre>
</span></em><div style="background-color: transparent; border-width: 0px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
<em style="background-color: transparent; border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"></em><em style="background-color: transparent; border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"> </em></div>
</pre>
<div style="background-color: white; border-width: 0px; color: #333333; font-family: Georgia,'Bitstream Charter',serif; font-size: 16px; line-height: 24px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
Berikut <em style="background-color: transparent; border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline;">source code </em>awal dari keempat file di atas dan proses aktivasinya:</div>
<h2 style="background-color: white; border-width: 0px; clear: both; font-family: Georgia,'Bitstream Charter',serif; font-weight: normal; line-height: 1.5em; margin: 0px 0px 20px; padding: 0px; vertical-align: baseline;">
<strong style="background-color: transparent; border-width: 0px; font-weight: bold; margin: 0px; padding: 0px; vertical-align: baseline;">login.php</strong></h2>
<div style="background-color: white; border-width: 0px; color: #333333; font-family: Georgia,'Bitstream Charter',serif; font-size: 16px; line-height: 24px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
<strong style="background-color: transparent; border-width: 0px; font-weight: bold; margin: 0px; padding: 0px; vertical-align: baseline;"></strong></div>
<address style="background-color: white; border-width: 0px; color: #333333; font-family: Georgia,'Bitstream Charter',serif; font-size: 16px; line-height: 24px; margin: 0px; padding: 0px 0px 0px 30px; vertical-align: baseline;">
<em style="background-color: transparent; border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"><html></em><em style="background-color: transparent; border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"><head></em><em style="background-color: transparent; border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"><title>Form Log In</title></em><em style="background-color: transparent; border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"></head></em><em style="background-color: transparent; border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"><body></em><em style="background-color: transparent; border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"><h1>Form Log In Member: </h1></em><em style="background-color: transparent; border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"><form name=”form1″ method=”post” action=”"></em><em style="background-color: transparent; border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"><p><strong><label>Username:
<input type=”text” name=”username”
id=”username”></label></strong></p></em><em style="background-color: transparent; border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"><p><label><strong>Password</strong>:<input
type=”password” name=”password”
id=”password”></label></p></em><em style="background-color: transparent; border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"><p><input type=”submit” name=”submit” id=”submit” value=”Log In”></p></em><em style="background-color: transparent; border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"></form></em><em style="background-color: transparent; border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"><p>&nbsp;</p></em><em style="background-color: transparent; border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"></body></em><em style="background-color: transparent; border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"></html></em></address>
<div class="wp-caption aligncenter" id="attachment_96" style="background-color: white; border-width: 0px; clear: both; color: #333333; font-family: Georgia,'Bitstream Charter',serif; font-size: 16px; line-height: 18px; margin: 0px auto 20px; max-width: 632px ! important; padding: 4px; text-align: center; vertical-align: baseline; width: 364px;">
<a href="http://javawebmedia.com/blog/wp-content/uploads/2011/04/capture_01042011_100124.jpg" style="background-color: transparent; border-width: 0px; color: #743399; margin: 0px; padding: 0px; vertical-align: baseline;"><img alt="Java Web Media" class="size-full wp-image-96" height="195" src="http://javawebmedia.com/blog/wp-content/uploads/2011/04/capture_01042011_100124.jpg" style="background-color: transparent; border-style: none; border-width: 0px; height: auto; margin: 5px 5px 0px; max-width: 100%; padding: 0px; vertical-align: baseline;" title="capture_01042011_100124" width="354" /></a><br />
<div class="wp-caption-text" style="background-color: transparent; border-width: 0px; color: #888888; font-family: 'Helvetica Neue',Arial,Helvetica,'Nimbus Sans L',sans-serif; font-size: 12px; margin: 5px 5px 24px; padding: 0px; vertical-align: baseline;">
Java Web Media</div>
</div>
<div style="background-color: white; border-width: 0px; color: #333333; font-family: Georgia,'Bitstream Charter',serif; font-size: 16px; line-height: 24px; margin-bottom: 24px; padding: 0px; text-align: center; vertical-align: baseline;">
<br />
</div>
<div style="background-color: white; border-width: 0px; color: #333333; font-family: Georgia,'Bitstream Charter',serif; font-size: 16px; line-height: 24px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
Berikut adalah proses aktivasinya:</div>
<ol style="background-color: white; border-width: 0px; color: #333333; font-family: Georgia,'Bitstream Charter',serif; font-size: 16px; line-height: 24px; margin: 0px 0px 24px 1.5em; padding: 0px; vertical-align: baseline;">
<li style="background-color: transparent; border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline;">Buka file <em style="background-color: transparent; border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline;">login.php </em>melalui Dreamweaver Anda</li>
<li style="background-color: transparent; border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline;">Klik <strong style="background-color: transparent; border-width: 0px; font-weight: bold; margin: 0px; padding: 0px; vertical-align: baseline;">Insert > Data Objects > User Authentication > Log In User. </strong>Window Log In akan keluar. Isikan beberapa parameter berikut ini.</li>
<li style="background-color: transparent; border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"><strong style="background-color: transparent; border-width: 0px; font-weight: bold; margin: 0px; padding: 0px; vertical-align: baseline;">Get input form form: form1</strong></li>
<li style="background-color: transparent; border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"><strong style="background-color: transparent; border-width: 0px; font-weight: bold; margin: 0px; padding: 0px; vertical-align: baseline;">Username field: username</strong></li>
<li style="background-color: transparent; border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"><strong style="background-color: transparent; border-width: 0px; font-weight: bold; margin: 0px; padding: 0px; vertical-align: baseline;">Password field: password</strong></li>
<li style="background-color: transparent; border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"><strong style="background-color: transparent; border-width: 0px; font-weight: bold; margin: 0px; padding: 0px; vertical-align: baseline;">Validate using connection: search_engine </strong>(hal ini tergantung dari nama file connection yang Anda buat)</li>
<li style="background-color: transparent; border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"><strong style="background-color: transparent; border-width: 0px; font-weight: bold; margin: 0px; padding: 0px; vertical-align: baseline;">Table: users</strong></li>
<li style="background-color: transparent; border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"><strong style="background-color: transparent; border-width: 0px; font-weight: bold; margin: 0px; padding: 0px; vertical-align: baseline;">Username column: username </strong>(pilih dengan mengklik pop-up menu)</li>
<li style="background-color: transparent; border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"><strong style="background-color: transparent; border-width: 0px; font-weight: bold; margin: 0px; padding: 0px; vertical-align: baseline;">Password column: password </strong>(pilih dengan mengklik pop-up menu)</li>
<li style="background-color: transparent; border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"><strong style="background-color: transparent; border-width: 0px; font-weight: bold; margin: 0px; padding: 0px; vertical-align: baseline;">If login succed go to: login_sukses.php</strong> (pilih dengan mengklik <em style="background-color: transparent; border-width: 0px; font-weight: bold; margin: 0px; padding: 0px; vertical-align: baseline;">Browse</em> lalu pilih file <em style="background-color: transparent; border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline;">login_sukses.php</em>)</li>
<li style="background-color: transparent; border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline;">Beri tanda <strong style="background-color: transparent; border-width: 0px; font-weight: bold; margin: 0px; padding: 0px; vertical-align: baseline;">CHECK </strong>pada pilihan <strong style="background-color: transparent; border-width: 0px; font-weight: bold; margin: 0px; padding: 0px; vertical-align: baseline;">Go to previous URL if exist. </strong>Menu
ini adalah menu dimana jika Anda membuka sebuah halaman yang diproteksi
password, maka Anda akan dialihkan ke halaman untuk log in. Setelah
Anda melakukan log in, maka Anda akan dialihkan kembali ke halaman yang
diproteksi password sebelumnya Anda buka.’</li>
<li style="background-color: transparent; border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"><strong style="background-color: transparent; border-width: 0px; font-weight: bold; margin: 0px; padding: 0px; vertical-align: baseline;">If login failedd go to: login_gagal.php</strong> (pilih dengan mengklik <em style="background-color: transparent; border-width: 0px; color: #444444; font-weight: bold; line-height: 1.5; margin: 0px; padding: 0px; vertical-align: baseline;">Browse</em> lalu pilih file <em style="background-color: transparent; border-width: 0px; color: #444444; line-height: 1.5; margin: 0px; padding: 0px; vertical-align: baseline;">login_gagal.php</em>)</li>
<li style="background-color: transparent; border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline;">Klik <strong style="background-color: transparent; border-width: 0px; font-weight: bold; margin: 0px; padding: 0px; vertical-align: baseline;">OK </strong>jika sudah selesai</li>
<li style="background-color: transparent; border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline;">Simpan kembali file <em style="background-color: transparent; border-width: 0px; font-weight: bold; margin: 0px; padding: 0px; vertical-align: baseline;">login.php. </em>Lakukan percobaan melalui browser Anda dengan melakukan log in (ketik alamat URL <a href="http://localhost/search_engine/login.php" style="background-color: transparent; border-width: 0px; color: #743399; margin: 0px; padding: 0px; vertical-align: baseline;">http://localhost/search_engine/login.php</a>). Cobalah dengan melakukan login dengan username: andoyo dan password: andoyo.</li>
</ol>
<div class="wp-caption aligncenter" id="attachment_95" style="background-color: white; border-width: 0px; clear: both; color: #333333; font-family: Georgia,'Bitstream Charter',serif; font-size: 16px; line-height: 18px; margin: 0px auto 20px; max-width: 632px ! important; padding: 4px; text-align: center; vertical-align: baseline; width: 542px;">
<a href="http://javawebmedia.com/blog/wp-content/uploads/2011/04/capture_01042011_095512.jpg" style="background-color: transparent; border-width: 0px; color: #743399; margin: 0px; padding: 0px; vertical-align: baseline;"><img alt="Java Web Media" class="size-full wp-image-95" height="438" src="http://javawebmedia.com/blog/wp-content/uploads/2011/04/capture_01042011_095512.jpg" style="background-color: transparent; border-style: none; border-width: 0px; height: auto; margin: 5px 5px 0px; max-width: 100%; padding: 0px; vertical-align: baseline;" title="capture_01042011_095512" width="532" /></a><br />
<div class="wp-caption-text" style="background-color: transparent; border-width: 0px; color: #888888; font-family: 'Helvetica Neue',Arial,Helvetica,'Nimbus Sans L',sans-serif; font-size: 12px; margin: 5px 5px 24px; padding: 0px; vertical-align: baseline;">
Java Web Media</div>
</div>
<div style="background-color: white; border-width: 0px; color: #333333; font-family: Georgia,'Bitstream Charter',serif; font-size: 16px; line-height: 24px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
Jika Anda lihat pada <em style="background-color: transparent; border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline;">Code View</em> maka
Anda akan menemukan dua variable session yang akan digenerate ketika
kita melakukan log in. Variable session tersebut adalah:</div>
<ol style="background-color: white; border-width: 0px; color: #333333; font-family: Georgia,'Bitstream Charter',serif; font-size: 16px; line-height: 24px; margin: 0px 0px 24px 1.5em; padding: 0px; vertical-align: baseline;">
<li style="background-color: transparent; border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"><em style="background-color: transparent; border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline;">$_SESSION['MM_Username'] = $loginUsername; </em>(Ini adalah variabel session untuk menampilkan nama dan profil yang lain)</li>
<li style="background-color: transparent; border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"><em style="background-color: transparent; border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline;">$_SESSION['MM_UserGroup'] = $loginStrGroup;<span style="background-color: transparent; border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline; white-space: pre;"> </span></em>(Ini adalah variabel session untuk proteksi halaman berdasarkan hak akses)</li>
</ol>
<div style="background-color: white; border-width: 0px; color: #333333; font-family: Georgia,'Bitstream Charter',serif; font-size: 16px; line-height: 24px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
<strong style="background-color: transparent; border-width: 0px; font-weight: bold; margin: 0px; padding: 0px; vertical-align: baseline;"><em style="background-color: transparent; border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline;">NOTE:
Awalan huruf MM pada kedua variable di atas sebenarnya adalah singkatan
Macromedia (nama pembuat program Dremweaver sebelum diakuisisi oleh
Adobe).</em></strong></div>
<h2 style="background-color: white; border-width: 0px; clear: both; font-family: Georgia,'Bitstream Charter',serif; font-weight: normal; line-height: 1.5em; margin: 0px 0px 20px; padding: 0px; vertical-align: baseline;">
<strong style="background-color: transparent; border-width: 0px; font-weight: bold; margin: 0px; padding: 0px; vertical-align: baseline;">login_sukses.php</strong></h2>
<div style="background-color: white; border-width: 0px; color: #333333; font-family: Georgia,'Bitstream Charter',serif; font-size: 16px; line-height: 24px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
<em style="background-color: transparent; border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline;">Login_sukses.php </em>adalah
halaman yang akan menampilkan nama user yang melakukan log in dan
sekaligus memberi link dinamis yang memungkinkan user yang melakukan log
in untuk mengedit profilnya sendiri. Berikut <em style="background-color: transparent; border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline;">source code </em>awalnya:</div>
<address style="background-color: white; border-width: 0px; color: #333333; font-family: Georgia,'Bitstream Charter',serif; font-size: 16px; line-height: 24px; margin: 0px; padding: 0px 0px 0px 30px; vertical-align: baseline;">
<em style="background-color: transparent; border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"><html><head><title>Halaman Dashboard</title></head></em><em style="background-color: transparent; border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"><body><p>Hi
<em><strong>NAMA ANDA</strong></em>, Anda telah
berhasil Log In | <a href=”edit_profil.php”>Edit Profil
Anda</a> | <em><strong>Log
Out</strong></em><strong></strong></p><p>Bagian
Administrator di sini</p></body></html></em></address>
<address style="background-color: white; border-width: 0px; color: #333333; font-family: Georgia,'Bitstream Charter',serif; font-size: 16px; line-height: 24px; margin: 0px; padding: 0px 0px 0px 30px; vertical-align: baseline;">
<em style="background-color: transparent; border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"><br />
</em></address>
<address style="background-color: white; border-width: 0px; color: #333333; font-family: Georgia,'Bitstream Charter',serif; font-size: 16px; line-height: 24px; margin: 0px; padding: 0px; vertical-align: baseline;">
<em style="background-color: transparent; border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"><a href="http://javawebmedia.com/blog/wp-content/uploads/2011/04/capture_01042011_110336.jpg" style="background-color: transparent; border-width: 0px; color: #743399; margin: 0px; padding: 0px; vertical-align: baseline;"><img alt="Java Web Media" class="size-full wp-image-97" height="111" src="http://javawebmedia.com/blog/wp-content/uploads/2011/04/capture_01042011_110336.jpg" style="background-color: transparent; border-style: none; border-width: 0px; height: auto; margin: 0px; max-width: 100%; padding: 0px; vertical-align: baseline;" title="capture_01042011_110336" width="487" /></a></em></address>
<div style="background-color: white; border-width: 0px; color: #333333; font-family: Georgia,'Bitstream Charter',serif; font-size: 16px; line-height: 24px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
Berikut adalah langkah-langkahnya.</div>
<div style="background-color: white; border-width: 0px; color: #333333; font-family: Georgia,'Bitstream Charter',serif; font-size: 16px; line-height: 24px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
<strong style="background-color: transparent; border-width: 0px; font-weight: bold; margin: 0px; padding: 0px; vertical-align: baseline;">Membuat <em style="background-color: transparent; border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline;">Recordset (SessionUser)</em>, menampilkan data user dan menambah link dinamis</strong></div>
<ol style="background-color: white; border-width: 0px; color: #333333; font-family: Georgia,'Bitstream Charter',serif; font-size: 16px; line-height: 24px; margin: 0px 0px 24px 1.5em; padding: 0px; vertical-align: baseline;">
<li style="background-color: transparent; border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline;">Buka file <em style="background-color: transparent; border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline;">login_sukses.php</em> melalui Dreamweaver Anda</li>
<li style="background-color: transparent; border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline;">Klik <strong style="background-color: transparent; border-width: 0px; font-weight: bold; margin: 0px; padding: 0px; vertical-align: baseline;">Insert > Data Objects > Recordset</strong>. Window <strong style="background-color: transparent; border-width: 0px; font-weight: bold; margin: 0px; padding: 0px; vertical-align: baseline;">Recordset </strong>akan muncul. Isi beberapa parameter berikut ini.</li>
<li style="background-color: transparent; border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"><strong style="background-color: transparent; border-width: 0px; font-weight: bold; margin: 0px; padding: 0px; vertical-align: baseline;">Name: SessionUser</strong>, ketik secara manual.</li>
<li style="background-color: transparent; border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"><strong style="background-color: transparent; border-width: 0px; font-weight: bold; margin: 0px; padding: 0px; vertical-align: baseline;">Connection: search_engine, </strong>bisa jadi berbeda, tergantung dari nama file connection yang Anda buat.</li>
<li style="background-color: transparent; border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"><strong style="background-color: transparent; border-width: 0px; font-weight: bold; margin: 0px; padding: 0px; vertical-align: baseline;">Table: users</strong>, pilih dengan mengklik pop-up menu.</li>
<li style="background-color: transparent; border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"><strong style="background-color: transparent; border-width: 0px; font-weight: bold; margin: 0px; padding: 0px; vertical-align: baseline;">Columns: All</strong></li>
<li style="background-color: transparent; border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"><strong style="background-color: transparent; border-width: 0px; font-weight: bold; margin: 0px; padding: 0px; vertical-align: baseline;">Filter: username, </strong>sebelumnya adalah <strong style="background-color: transparent; border-width: 0px; font-weight: bold; margin: 0px; padding: 0px; vertical-align: baseline;">None, </strong>pilih dengan mengklik pop-up menu.</li>
<li style="background-color: transparent; border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"><strong style="background-color: transparent; border-width: 0px; font-weight: bold; margin: 0px; padding: 0px; vertical-align: baseline;">URL Parameter, </strong>ubahlah menjadi <strong style="background-color: transparent; border-width: 0px; font-weight: bold; margin: 0px; padding: 0px; vertical-align: baseline;">Session Variable</strong><strong style="background-color: transparent; border-width: 0px; font-weight: bold; margin: 0px; padding: 0px; vertical-align: baseline;">, </strong>pilih dengan mengklik pop-up menu. Biarkan tanda <strong style="background-color: transparent; border-width: 0px; font-weight: bold; margin: 0px; padding: 0px; vertical-align: baseline;"><em style="background-color: transparent; border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline;">sama dengan (=) </em></strong>tetap seperti semula. Anda tidak harus melakukan perubahan pada bagian ini.</li>
<li style="background-color: transparent; border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"><strong style="background-color: transparent; border-width: 0px; font-weight: bold; margin: 0px; padding: 0px; vertical-align: baseline;">username, </strong>ubahlah menjadi <strong style="background-color: transparent; border-width: 0px; font-weight: bold; margin: 0px; padding: 0px; vertical-align: baseline;">MM_Username</strong><strong style="background-color: transparent; border-width: 0px; font-weight: bold; margin: 0px; padding: 0px; vertical-align: baseline;">, </strong><span style="background-color: transparent; border-width: 0px; color: black; line-height: 1.5; margin: 0px; padding: 0px; vertical-align: baseline;">lakukan dengan mengetikkannya secara manual (Lihat penjelasan variable session dalam <strong style="background-color: transparent; border-width: 0px; font-weight: bold; margin: 0px; padding: 0px; vertical-align: baseline;"><em style="background-color: transparent; border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline;">login.php</em></strong> di atas)</span>. Pastikan besar kecilnya huruf sesuai dengan contoh di atas.</li>
<li style="background-color: transparent; border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline;">Klik <strong style="background-color: transparent; border-width: 0px; font-weight: bold; margin: 0px; padding: 0px; vertical-align: baseline;">OK </strong>jika sudah selesai.</li>
<li style="background-color: transparent; border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline;">Klik <strong style="background-color: transparent; border-width: 0px; font-weight: bold; margin: 0px; padding: 0px; vertical-align: baseline;">Bindings > tanda plus (+) pada Recordset (SessionUser)</strong></li>
<li style="background-color: transparent; border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="background-color: transparent; border-width: 0px; color: black; margin: 0px; padding: 0px; vertical-align: baseline;">Melalui <em style="background-color: transparent; border-width: 0px; font-weight: bold; margin: 0px; padding: 0px; vertical-align: baseline;">Design View</em>, seleksi tulisan <span style="background-color: transparent; border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"><em style="background-color: transparent; border-width: 0px; font-weight: bold; margin: 0px; padding: 0px; vertical-align: baseline;">“NAMA ANDA”</em></span></span></li>
<li style="background-color: transparent; border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline;">Dari <strong style="background-color: transparent; border-width: 0px; font-weight: bold; margin: 0px; padding: 0px; vertical-align: baseline;">Bindings </strong>panel, klik dan tahan field/kolom <em style="background-color: transparent; border-width: 0px; font-weight: bold; margin: 0px; padding: 0px; vertical-align: baseline;">nama</em> (yang bergambar petir), lalu drag menuju tulisan <em style="background-color: transparent; border-width: 0px; font-weight: bold; margin: 0px; padding: 0px; vertical-align: baseline;">“NAMA ANDA”</em> tadi. Ini artinya Anda mengubah static text menjadi dynamic text.</li>
<li style="background-color: transparent; border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline;">Melalui <em style="background-color: transparent; border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"><strong style="background-color: transparent; border-width: 0px; font-weight: bold; margin: 0px; padding: 0px; vertical-align: baseline;">Design View</strong>, </em>seleksi tulisan <em style="background-color: transparent; border-width: 0px; font-weight: bold; margin: 0px; padding: 0px; vertical-align: baseline;">“Edit profil Anda”</em>, lalu <strong style="background-color: transparent; border-width: 0px; font-weight: bold; margin: 0px; padding: 0px; vertical-align: baseline;">klik kanan > Change Link</strong>. Window <strong style="background-color: transparent; border-width: 0px; font-weight: bold; margin: 0px; padding: 0px; vertical-align: baseline;">Select File </strong>akan keluar. Cari pilihan <strong style="background-color: transparent; border-width: 0px; font-weight: bold; margin: 0px; padding: 0px; vertical-align: baseline;">URL </strong>dan <strong style="background-color: transparent; border-width: 0px; font-weight: bold; margin: 0px; padding: 0px; vertical-align: baseline;">Parameters</strong>yang berada pada bagian bawah dari Window tersebut.</li>
<li style="background-color: transparent; border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline;">Klik <strong style="background-color: transparent; border-width: 0px; font-weight: bold; margin: 0px; padding: 0px; vertical-align: baseline;">Parameters</strong>, maka window <strong style="background-color: transparent; border-width: 0px; font-weight: bold; margin: 0px; padding: 0px; vertical-align: baseline;">Parameters </strong>akan muncul. Secara otomatis muncul menu <strong style="background-color: transparent; border-width: 0px; font-weight: bold; margin: 0px; padding: 0px; vertical-align: baseline;">Name </strong>akan berisi teks field.</li>
<li style="background-color: transparent; border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline;">Pada menu <strong style="background-color: transparent; border-width: 0px; font-weight: bold; margin: 0px; padding: 0px; vertical-align: baseline;">Name</strong><span style="background-color: transparent; border-width: 0px; color: black; margin: 0px; padding: 0px; vertical-align: baseline;">, ketik </span><strong style="background-color: transparent; border-width: 0px; font-weight: bold; margin: 0px; padding: 0px; vertical-align: baseline;">id</strong><span style="background-color: transparent; border-width: 0px; color: black; margin: 0px; padding: 0px; vertical-align: baseline;">, lalu pada menu </span><strong style="background-color: transparent; border-width: 0px; font-weight: bold; margin: 0px; padding: 0px; vertical-align: baseline;">Value</strong><span style="background-color: transparent; border-width: 0px; color: black; margin: 0px; padding: 0px; vertical-align: baseline;">, klik area putih segaris dengan tulisan </span><strong style="background-color: transparent; border-width: 0px; font-weight: bold; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="background-color: transparent; border-width: 0px; color: black; margin: 0px; padding: 0px; vertical-align: baseline;">id.</span><div class="mceTemp" style="background-color: transparent; border-width: 0px; color: black; margin: 0px; padding: 0px; vertical-align: baseline;">
<br />
<dl class="wp-caption alignright" id="attachment_99" style="background-color: #f1f1f1; border-width: 0px; display: inline; float: right; line-height: 18px; margin: 4px 0px 20px 24px; max-width: 632px ! important; padding: 4px; text-align: center; vertical-align: baseline; width: 418px;">
<dt class="wp-caption-dt" style="background-color: transparent; border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"><a href="http://javawebmedia.com/blog/wp-content/uploads/2011/04/capture_01042011_112130.jpg" style="background-color: transparent; border-width: 0px; color: #743399; margin: 0px; padding: 0px; vertical-align: baseline;"><img alt="Java Web Media" class="size-full wp-image-99" height="184" src="http://javawebmedia.com/blog/wp-content/uploads/2011/04/capture_01042011_112130.jpg" style="background-color: transparent; border-style: none; border-width: 0px; height: auto; margin: 5px 5px 0px; max-width: 100%; padding: 0px; vertical-align: baseline;" title="capture_01042011_112130" width="408" /></a></dt>
<dd class="wp-caption-dd" style="background-color: transparent; border-width: 0px; margin: 0px 0px 24px; padding: 0px; vertical-align: baseline;">Java Web Media</dd></dl>
</div>
</strong><div style="background-color: transparent; border-width: 0px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
<strong style="background-color: transparent; border-width: 0px; font-weight: bold; margin: 0px; padding: 0px; vertical-align: baseline;"></strong><strong style="background-color: transparent; border-width: 0px; font-weight: bold; margin: 0px; padding: 0px; vertical-align: baseline;"></strong></div>
</li>
<br /><br /><br /><br /><br />
<li style="background-color: transparent; border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="background-color: transparent; border-width: 0px; color: black; margin: 0px; padding: 0px; vertical-align: baseline;">Klik <strong style="background-color: transparent; border-width: 0px; font-weight: bold; margin: 0px; padding: 0px; vertical-align: baseline;">Tanda Petir</strong>, maka window<strong style="background-color: transparent; border-width: 0px; font-weight: bold; margin: 0px; padding: 0px; vertical-align: baseline;">Dynamic Data </strong>akan keluar.</span></li>
<br /><br /><br /><br /><br />
<li style="background-color: transparent; border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="background-color: transparent; border-width: 0px; color: black; margin: 0px; padding: 0px; vertical-align: baseline;">Expand <strong style="background-color: transparent; border-width: 0px; font-weight: bold; margin: 0px; padding: 0px; vertical-align: baseline;">Recordset (SessionUser)</strong>dengan mengklik tanda plus (jika belum diexpand). Lalu pilih <strong style="background-color: transparent; border-width: 0px; font-weight: bold; margin: 0px; padding: 0px; vertical-align: baseline;">id</strong>(yang ada tanda petirnya).</span></li>
<br /><br /><br /><br /><br />
<li style="background-color: transparent; border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="background-color: transparent; border-width: 0px; color: black; margin: 0px; padding: 0px; vertical-align: baseline;">Klik <strong style="background-color: transparent; border-width: 0px; font-weight: bold; margin: 0px; padding: 0px; vertical-align: baseline;">OK </strong>sebanyak tiga (3) kali untuk menyelesaikan proses pembuatan dynamic link tersebut.</span></li>
<br /><br /><br /><br /><br />
<li style="background-color: transparent; border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="background-color: transparent; border-width: 0px; color: black; margin: 0px; padding: 0px; vertical-align: baseline;">Dynamic Link dan menampilkan data user yang log in telah berhasil Anda lakukan.</span></li>
<br /><br /><br /><br /><br />
<li style="background-color: transparent; border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="background-color: transparent; border-width: 0px; color: black; margin: 0px; padding: 0px; vertical-align: baseline;">Simpan kembali file <em style="background-color: transparent; border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline;">login_sukses.php</em>.</span></li>
<br /><br /><br /><br /></ol>
<div class="wp-caption alignright" id="attachment_98" style="background-color: white; border-width: 0px; color: #333333; display: inline; float: right; font-family: Georgia,'Bitstream Charter',serif; font-size: 16px; line-height: 18px; margin: 4px 0px 20px 24px; max-width: 632px ! important; padding: 4px; text-align: center; vertical-align: baseline; width: 494px;">
<a href="http://javawebmedia.com/blog/wp-content/uploads/2011/04/capture_01042011_110546.jpg" style="background-color: transparent; border-width: 0px; color: #743399; margin: 0px; padding: 0px; vertical-align: baseline;"><img alt="" class="size-full wp-image-98 " height="353" src="http://javawebmedia.com/blog/wp-content/uploads/2011/04/capture_01042011_110546.jpg" style="background-color: transparent; border-style: none; border-width: 0px; height: auto; margin: 5px 5px 0px; max-width: 100%; padding: 0px; vertical-align: baseline;" title="capture_01042011_110546" width="484" /></a><br />
<div class="wp-caption-text" style="background-color: transparent; border-width: 0px; color: #888888; font-family: 'Helvetica Neue',Arial,Helvetica,'Nimbus Sans L',sans-serif; font-size: 12px; margin: 5px 5px 24px; padding: 0px; vertical-align: baseline;">
Java Web Media</div>
</div>
<div style="background-color: white; border-width: 0px; color: #333333; font-family: Georgia,'Bitstream Charter',serif; font-size: 16px; line-height: 24px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
<strong style="background-color: transparent; border-width: 0px; font-weight: bold; margin: 0px; padding: 0px; vertical-align: baseline;">Menambahkan proteksi halaman dan link log out</strong></div>
<ol style="background-color: white; border-width: 0px; color: #333333; font-family: Georgia,'Bitstream Charter',serif; font-size: 16px; line-height: 24px; margin: 0px 0px 24px 1.5em; padding: 0px; vertical-align: baseline;">
<li style="background-color: transparent; border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline;">Buka file <em style="background-color: transparent; border-width: 0px; font-weight: bold; margin: 0px; padding: 0px; vertical-align: baseline;">login_sukses.php</em> lagi</li>
<li style="background-color: transparent; border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline;">Klik <strong style="background-color: transparent; border-width: 0px; font-weight: bold; margin: 0px; padding: 0px; vertical-align: baseline;">Insert > Data Objects > User Authentication > Restrict Access To Page.</strong>Window <strong style="background-color: transparent; border-width: 0px; font-weight: bold; margin: 0px; padding: 0px; vertical-align: baseline;">Restric Access To Page</strong> akan keluar.</li>
<li style="background-color: transparent; border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"><strong style="background-color: transparent; border-width: 0px; font-weight: bold; margin: 0px; padding: 0px; vertical-align: baseline;">Restrict access based on: Username and password</strong></li>
<li style="background-color: transparent; border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"><strong style="background-color: transparent; border-width: 0px; font-weight: bold; margin: 0px; padding: 0px; vertical-align: baseline;">If access denied, go to: login_gagal.php, </strong>klik <em style="background-color: transparent; border-width: 0px; font-weight: bold; margin: 0px; padding: 0px; vertical-align: baseline;">Browse </em>lalu pilih file<em style="background-color: transparent; border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline;">login_gagal.php</em>.</li>
<li style="background-color: transparent; border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline;">Klik <strong style="background-color: transparent; border-width: 0px; font-weight: bold; margin: 0px; padding: 0px; vertical-align: baseline;">OK </strong>jika sudah selesai</li>
<li style="background-color: transparent; border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline;">Selanjutnya seleksi tulisan <em style="background-color: transparent; border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"><strong style="background-color: transparent; border-width: 0px; font-weight: bold; margin: 0px; padding: 0px; vertical-align: baseline;">“Log Out”</strong> ,</em></li>
<li style="background-color: transparent; border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline;">Klik <span style="background-color: transparent; border-width: 0px; color: black; margin: 0px; padding: 0px; vertical-align: baseline;"><strong style="background-color: transparent; border-width: 0px; font-weight: bold; margin: 0px; padding: 0px; vertical-align: baseline;">Insert > Data Objects > User Authentication > Log Out User</strong>. <span style="background-color: transparent; border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline;">Window<strong style="background-color: transparent; border-width: 0px; font-weight: bold; margin: 0px; padding: 0px; vertical-align: baseline;">Log Out User </strong>akan keluar.</span></span></li>
<li style="background-color: transparent; border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="background-color: transparent; border-width: 0px; color: black; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="background-color: transparent; border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"><strong style="background-color: transparent; border-width: 0px; font-weight: bold; margin: 0px; padding: 0px; vertical-align: baseline;">Log out when: Link clicked</strong></span></span></li>
<li style="background-color: transparent; border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"><strong style="background-color: transparent; border-width: 0px; font-weight: bold; margin: 0px; padding: 0px; vertical-align: baseline;">When done, go to: login.php, </strong>klik <em style="background-color: transparent; border-width: 0px; color: #444444; font-weight: bold; line-height: 1.5; margin: 0px; padding: 0px; vertical-align: baseline;">Browse </em>lalu pilih file <em style="background-color: transparent; border-width: 0px; color: #444444; line-height: 1.5; margin: 0px; padding: 0px; vertical-align: baseline;">login.php</em>.</li>
<li style="background-color: transparent; border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline;">Klik <strong style="background-color: transparent; border-width: 0px; font-weight: bold; margin: 0px; padding: 0px; vertical-align: baseline;">OK</strong>. Halaman ini telah diproteksi dengan password dan telah diberi link untuk log out.</li>
<li style="background-color: transparent; border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline;">Simpan file <em style="background-color: transparent; border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"><strong style="background-color: transparent; border-width: 0px; font-weight: bold; margin: 0px; padding: 0px; vertical-align: baseline;">login_sukses.php </strong>kembali</em></li>
</ol>
<h2 style="background-color: white; border-width: 0px; clear: both; font-family: Georgia,'Bitstream Charter',serif; font-weight: normal; line-height: 1.5em; margin: 0px 0px 20px; padding: 0px; vertical-align: baseline;">
<strong style="background-color: transparent; border-width: 0px; font-weight: bold; margin: 0px; padding: 0px; vertical-align: baseline;">edit_profil.php</strong></h2>
<div style="background-color: white; border-width: 0px; color: #333333; font-family: Georgia,'Bitstream Charter',serif; font-size: 16px; line-height: 24px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
Pada halaman ini, orang yang melakukan log in dapat melakukan pengeditan profilnya. Berikut adalah basic <em style="background-color: transparent; border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline;">source code </em>awalnya.</div>
<div style="background-color: white; border-width: 0px; color: #333333; font-family: Georgia,'Bitstream Charter',serif; font-size: 16px; line-height: 24px; margin-bottom: 24px; padding: 0px 0px 0px 30px; vertical-align: baseline;">
<em style="background-color: transparent; border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"><html><head><title>Edit Profil</title></head></em></div>
<div style="background-color: white; border-width: 0px; color: #333333; font-family: Georgia,'Bitstream Charter',serif; font-size: 16px; line-height: 24px; margin-bottom: 24px; padding: 0px 0px 0px 30px; vertical-align: baseline;">
<em style="background-color: transparent; border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"><body><h1><strong>Edit
Profil Anda:</strong></h1><p>Form edit profil Ada di
sini</p><hr/><a href=”login_sukses.php”>Kembali ke
dashboard </a></body></html></em></div>
<div class="wp-caption alignright" id="attachment_100" style="background-color: white; border-width: 0px; color: #333333; display: inline; float: right; font-family: Georgia,'Bitstream Charter',serif; font-size: 16px; line-height: 18px; margin: 4px 0px 20px 24px; max-width: 632px ! important; padding: 4px; text-align: center; vertical-align: baseline; width: 317px;">
<a href="http://javawebmedia.com/blog/wp-content/uploads/2011/04/capture_01042011_114543.jpg" style="background-color: transparent; border-width: 0px; color: #743399; margin: 0px; padding: 0px; vertical-align: baseline;"><img alt="Java Web Media" class="size-full wp-image-100" height="151" src="http://javawebmedia.com/blog/wp-content/uploads/2011/04/capture_01042011_114543.jpg" style="background-color: transparent; border-style: none; border-width: 0px; height: auto; margin: 5px 5px 0px; max-width: 100%; padding: 0px; vertical-align: baseline;" title="capture_01042011_114543" width="307" /></a><br />
<div class="wp-caption-text" style="background-color: transparent; border-width: 0px; color: #888888; font-family: 'Helvetica Neue',Arial,Helvetica,'Nimbus Sans L',sans-serif; font-size: 12px; margin: 5px 5px 24px; padding: 0px; vertical-align: baseline;">
Java Web Media</div>
</div>
<div style="background-color: white; border-width: 0px; color: #333333; font-family: Georgia,'Bitstream Charter',serif; font-size: 16px; line-height: 24px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
Berikut langkah-langkah selanjutnya:</div>
<ol style="background-color: white; border-width: 0px; color: #333333; font-family: Georgia,'Bitstream Charter',serif; font-size: 16px; line-height: 24px; margin: 0px 0px 24px 1.5em; padding: 0px; vertical-align: baseline;">
<li style="background-color: transparent; border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline;">Buka file <em style="background-color: transparent; border-width: 0px; font-weight: bold; margin: 0px; padding: 0px; vertical-align: baseline;">edit_profil.php</em> melalui Dreamweaver Anda</li>
<li style="background-color: transparent; border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline;">Buatlah <strong style="background-color: transparent; border-width: 0px; font-weight: bold; margin: 0px; padding: 0px; vertical-align: baseline;">Recordset (SessionUser)</strong>seperti pada halaman <strong style="background-color: transparent; border-width: 0px; font-weight: bold; margin: 0px; padding: 0px; vertical-align: baseline;">login_sukses.php </strong>di atas.</li>
<li style="background-color: transparent; border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline;">Proteksi halaman dengan <strong style="background-color: transparent; border-width: 0px; font-weight: bold; margin: 0px; padding: 0px; vertical-align: baseline;">Restrict Access To Page </strong>seperti yang telah dijelaskan pada halaman <strong style="background-color: transparent; border-width: 0px; font-weight: bold; margin: 0px; padding: 0px; vertical-align: baseline;">login_sukses.php </strong>di atas</li>
<li style="background-color: transparent; border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline;">Seleksi tulisan <em style="background-color: transparent; border-width: 0px; font-weight: bold; margin: 0px; padding: 0px; vertical-align: baseline;">“Form edit profil Ada di sini”</em>, lalu hapus.</li>
<li style="background-color: transparent; border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline;">Klik <strong style="background-color: transparent; border-width: 0px; font-weight: bold; margin: 0px; padding: 0px; vertical-align: baseline;">Insert > Data Objects > Update Record > Record Update Form Wizard</strong>. Window <strong style="background-color: transparent; border-width: 0px; font-weight: bold; margin: 0px; padding: 0px; vertical-align: baseline;">Record Update Form </strong>akan keluar.</li>
<li style="background-color: transparent; border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"><strong style="background-color: transparent; border-width: 0px; font-weight: bold; margin: 0px; padding: 0px; vertical-align: baseline;">Connection: search_engine, </strong>klik pop-up menu untuk memilih</li>
<li style="background-color: transparent; border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"><strong style="background-color: transparent; border-width: 0px; font-weight: bold; margin: 0px; padding: 0px; vertical-align: baseline;">Table: users, </strong>klik pop-up menu untuk memilih</li>
<li style="background-color: transparent; border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"><strong style="background-color: transparent; border-width: 0px; font-weight: bold; margin: 0px; padding: 0px; vertical-align: baseline;">Select record from: SessionUser, </strong>klik pop-up menu untuk memilih. Ini adalah Recordset yang telah Anda buat sebelumnya.</li>
<li style="background-color: transparent; border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"><strong style="background-color: transparent; border-width: 0px; font-weight: bold; margin: 0px; padding: 0px; vertical-align: baseline;">Unique key column: id, numeric</strong></li>
<li style="background-color: transparent; border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"><strong style="background-color: transparent; border-width: 0px; font-weight: bold; margin: 0px; padding: 0px; vertical-align: baseline;">After updating, go to: login_sukses.php, </strong>klik <em style="background-color: transparent; border-width: 0px; font-weight: bold; margin: 0px; padding: 0px; vertical-align: baseline;">Browse </em>untuk mencari file tersebut.</li>
<li style="background-color: transparent; border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="background-color: transparent; border-width: 0px; color: black; margin: 0px; padding: 0px; vertical-align: baseline;">Pada menu <strong style="background-color: transparent; border-width: 0px; font-weight: bold; margin: 0px; padding: 0px; vertical-align: baseline;">Form fields, </strong>maka Anda akan melihat <strong style="background-color: transparent; border-width: 0px; font-weight: bold; margin: 0px; padding: 0px; vertical-align: baseline;">Column, Label, Display As, </strong>dan<strong style="background-color: transparent; border-width: 0px; font-weight: bold; margin: 0px; padding: 0px; vertical-align: baseline;">Submit As.</strong></span></li>
<li style="background-color: transparent; border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="background-color: transparent; border-width: 0px; color: black; margin: 0px; padding: 0px; vertical-align: baseline;"><strong style="background-color: transparent; border-width: 0px; font-weight: bold; margin: 0px; padding: 0px; vertical-align: baseline;"></strong>Pilih <strong style="background-color: transparent; border-width: 0px; font-weight: bold; margin: 0px; padding: 0px; vertical-align: baseline;">Column</strong> yang berisi <span style="background-color: transparent; border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"><strong style="background-color: transparent; border-width: 0px; font-weight: bold; margin: 0px; padding: 0px; vertical-align: baseline;">id</strong>, klik <strong style="background-color: transparent; border-width: 0px; font-weight: bold; margin: 0px; padding: 0px; vertical-align: baseline;">id </strong>tersebut, lalu klik <strong style="background-color: transparent; border-width: 0px; font-weight: bold; margin: 0px; padding: 0px; vertical-align: baseline;">tanda minus (-) </strong>yang ada di atasnya.</span></span></li>
<li style="background-color: transparent; border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="background-color: transparent; border-width: 0px; color: black; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="background-color: transparent; border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline;">Selanjutnya, seleksilah <strong style="background-color: transparent; border-width: 0px; font-weight: bold; margin: 0px; padding: 0px; vertical-align: baseline;">Column </strong>yang berisi <strong style="background-color: transparent; border-width: 0px; font-weight: bold; margin: 0px; padding: 0px; vertical-align: baseline;">password, </strong>pada <strong style="background-color: transparent; border-width: 0px; font-weight: bold; margin: 0px; padding: 0px; vertical-align: baseline;">Display as: Password field</strong>. Lakukan perubahan tersebut dengan mengklik pop-up menu yang semula berisi<strong style="background-color: transparent; border-width: 0px; font-weight: bold; margin: 0px; padding: 0px; vertical-align: baseline;">Text field. </strong>Lalu pada <strong style="background-color: transparent; border-width: 0px; font-weight: bold; margin: 0px; padding: 0px; vertical-align: baseline;">Default value:</strong>, klik tanda petir, jendela <strong style="background-color: transparent; border-width: 0px; font-weight: bold; margin: 0px; padding: 0px; vertical-align: baseline;">Dynamic data </strong>akan keluar. Pilihlah <strong style="background-color: transparent; border-width: 0px; font-weight: bold; margin: 0px; padding: 0px; vertical-align: baseline;">Recordset (SessionUser)</strong>, lalu pilih field <strong style="background-color: transparent; border-width: 0px; font-weight: bold; margin: 0px; padding: 0px; vertical-align: baseline;">password.</strong></span></span></li>
<li style="background-color: transparent; border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="background-color: transparent; border-width: 0px; color: black; margin: 0px; padding: 0px; vertical-align: baseline;">Klik <strong style="background-color: transparent; border-width: 0px; font-weight: bold; margin: 0px; padding: 0px; vertical-align: baseline;">OK </strong>jika sudah selesai</span></li>
<li style="background-color: transparent; border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="background-color: transparent; border-width: 0px; color: black; margin: 0px; padding: 0px; vertical-align: baseline;">Simpan kembali file <strong style="background-color: transparent; border-width: 0px; font-weight: bold; margin: 0px; padding: 0px; vertical-align: baseline;"><em style="background-color: transparent; border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline;">edit_profile.php</em></strong></span></li>
</ol>
<div class="wp-caption alignright" id="attachment_101" style="background-color: white; border-width: 0px; color: #333333; display: inline; float: right; font-family: Georgia,'Bitstream Charter',serif; font-size: 16px; line-height: 18px; margin: 4px 0px 20px 24px; max-width: 632px ! important; padding: 4px; text-align: center; vertical-align: baseline; width: 665px;">
<a href="http://javawebmedia.com/blog/wp-content/uploads/2011/04/capture_01042011_132024.jpg" style="background-color: transparent; border-width: 0px; color: #743399; margin: 0px; padding: 0px; vertical-align: baseline;"><img alt="" class="aligncenter size-full wp-image-102" height="460" src="http://javawebmedia.com/blog/wp-content/uploads/2011/04/capture_01042011_132024.jpg" style="background-color: transparent; border-style: none; border-width: 0px; clear: both; display: block; height: auto; margin: 5px 5px 0px; max-width: 100%; padding: 0px; vertical-align: baseline;" title="capture_01042011_132024" width="655" /></a><br />
<div class="wp-caption-text" style="background-color: transparent; border-width: 0px; color: #888888; font-family: 'Helvetica Neue',Arial,Helvetica,'Nimbus Sans L',sans-serif; font-size: 12px; margin: 5px 5px 24px; padding: 0px; vertical-align: baseline;">
Java Web Media</div>
</div>
<div style="background-color: white; border-width: 0px; color: #333333; font-family: Georgia,'Bitstream Charter',serif; font-size: 16px; line-height: 24px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
Berikut ini adalah hasil pembuatan form <strong style="background-color: transparent; border-width: 0px; font-weight: bold; margin: 0px; padding: 0px; vertical-align: baseline;">edit_profil.php</strong></div>
<div style="background-color: white; border-width: 0px; color: #333333; font-family: Georgia,'Bitstream Charter',serif; font-size: 16px; line-height: 24px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
<strong style="background-color: transparent; border-width: 0px; font-weight: bold; margin: 0px; padding: 0px; vertical-align: baseline;"></strong></div>
<div class="wp-caption aligncenter" id="attachment_104" style="background-color: white; border-width: 0px; clear: both; color: #333333; font-family: Georgia,'Bitstream Charter',serif; font-size: 16px; line-height: 18px; margin: 0px auto 20px; max-width: 632px ! important; padding: 4px; text-align: center; vertical-align: baseline; width: 398px;">
<strong style="background-color: transparent; border-width: 0px; font-weight: bold; margin: 0px; padding: 0px; vertical-align: baseline;"><a href="http://javawebmedia.com/blog/wp-content/uploads/2011/04/capture_01042011_1346571.jpg" style="background-color: transparent; border-width: 0px; color: #743399; margin: 0px; padding: 0px; vertical-align: baseline;"><img alt="Java Web Media" class="size-full wp-image-104 " height="406" src="http://javawebmedia.com/blog/wp-content/uploads/2011/04/capture_01042011_1346571.jpg" style="background-color: transparent; border-style: none; border-width: 0px; height: auto; margin: 5px 5px 0px; max-width: 100%; padding: 0px; vertical-align: baseline;" title="capture_01042011_134657" width="388" /></a></strong><br />
<div class="wp-caption-text" style="background-color: transparent; border-width: 0px; color: #888888; font-family: 'Helvetica Neue',Arial,Helvetica,'Nimbus Sans L',sans-serif; font-size: 12px; margin: 5px 5px 24px; padding: 0px; vertical-align: baseline;">
Java Web Media</div>
</div>
<div style="background-color: white; border-width: 0px; color: #333333; font-family: Georgia,'Bitstream Charter',serif; font-size: 16px; line-height: 24px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
<strong style="background-color: transparent; border-width: 0px; font-weight: bold; margin: 0px; padding: 0px; vertical-align: baseline;"><br />
</strong></div>
<h2 style="background-color: white; border-width: 0px; clear: both; font-family: Georgia,'Bitstream Charter',serif; font-weight: normal; line-height: 1.5em; margin: 0px 0px 20px; padding: 0px; vertical-align: baseline;">
<strong style="background-color: transparent; border-width: 0px; font-weight: bold; margin: 0px; padding: 0px; vertical-align: baseline;">login_gagal.php</strong></h2>
<div style="background-color: white; border-width: 0px; color: #333333; font-family: Georgia,'Bitstream Charter',serif; font-size: 16px; line-height: 24px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
File ini hanya berisi link untuk kembali ke halaman log in. Berikut <em style="background-color: transparent; border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline;">source code-</em>nya:</div>
<div style="background-color: white; border-width: 0px; color: #333333; font-family: Georgia,'Bitstream Charter',serif; font-size: 16px; line-height: 24px; margin-bottom: 24px; padding: 0px 0px 0px 30px; vertical-align: baseline;">
<em style="background-color: transparent; border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"><html><head><title>Log In Gagal</title></head></em></div>
<div style="background-color: white; border-width: 0px; color: #333333; font-family: Georgia,'Bitstream Charter',serif; font-size: 16px; line-height: 24px; margin-bottom: 24px; padding: 0px 0px 0px 30px; vertical-align: baseline;">
<em style="background-color: transparent; border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"><body><h1><strong>Anda
mengalami kegagalan log in:</strong></h1><p><a
href=”login.php”>Kembali ke halaman log
in</a></p></body></html></em></div>
<div style="background-color: white; border-width: 0px; color: #333333; font-family: Georgia,'Bitstream Charter',serif; font-size: 16px; line-height: 24px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
Anda telah berhasil menyelesaikan tutorial ini.</div>
<br />Ceriaminihttp://www.blogger.com/profile/00116570168940347314noreply@blogger.com0tag:blogger.com,1999:blog-1785269483483648422.post-50118038215043654972012-12-13T02:37:00.001-08:002012-12-13T02:37:43.082-08:00Kelebihan & Kekurangan Dreamweaver <div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvEFeOCfJiqzACxLqFWcy-uO2Uhj09gdyXxN4wj_GayiSEaoK7TnYeE4rl7av5AywhBUl_pBIdo6hmDPOE2Rvo3ZO6M_eWSZqNgrQUkxLpt9vBgQNJxPqtzZXKm8q2Do2MoUAwneK_3tE/s1600/8.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="218" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvEFeOCfJiqzACxLqFWcy-uO2Uhj09gdyXxN4wj_GayiSEaoK7TnYeE4rl7av5AywhBUl_pBIdo6hmDPOE2Rvo3ZO6M_eWSZqNgrQUkxLpt9vBgQNJxPqtzZXKm8q2Do2MoUAwneK_3tE/s400/8.png" width="400" /></a></div>
<div style="text-align: center;">
<b><i>Macromedia Dreamweaver 8 </i></b></div>
<div style="text-align: justify;">
<br />
</div>
<div style="text-align: justify;">
<b>Adobe Dreamweaver</b> merupakan <a class="new" href="http://id.wikipedia.org/w/index.php?title=Program_penyunting_halaman_web&action=edit&redlink=1" title="Program penyunting halaman web (halaman belum tersedia)">program membuat atau mengedit web</a> yang dibuat <a href="http://id.wikipedia.org/wiki/Adobe_Systems">Adobe Systems</a> yang dulu dikenal sebagai <b>Macromedia Dreamweaver</b> dibuat <a href="http://id.wikipedia.org/wiki/Macromedia">Macromedia</a>.
Program ini banyak digunakan oleh para pengembang web karena
fitur-fiturnya yang menarik dan kemudahan untuk menggunakannya. Versi
terakhir Adobe Dreamweaver adalah Adobe Dreamweaver CS5. Macromedia
Dreamweaver berubah menjadi Adobe Dreamweaver karena Macromedia di
akuisisi oleh Adobe System sehingga seluruh produk yang dibuat oleh
Macromedia kini diawali dengan kata Adobe.</div>
<div style="text-align: justify;">
<br />
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.thinkdigit.com/FCKeditor/uploads/adobe-cs5-dreamweaver.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="271" src="http://www.thinkdigit.com/FCKeditor/uploads/adobe-cs5-dreamweaver.jpg" width="400" /></a></div>
<div style="text-align: center;">
<b> Adobe Dreamweaver CS5</b></div>
<div style="text-align: justify;">
<br />
</div>
<div style="text-align: justify;">
Berikut beberapa kelebihan dan kekurangan Adobe Dreamweave : </div>
<div style="text-align: justify;">
<br />
</div>
<div style="text-align: justify;">
<b>Kelebihan :</b></div>
<div style="text-align: justify;">
<br />
</div>
<div style="text-align: justify;">
<b>1. Kemampuannya membuat halaman web yang terlihat konsisten.</b></div>
<div style="text-align: justify;">
Adobe
Dreamweaver sudah terinstall beberapa template yang elegan dan menarik.
Tentunya ini memudahkan anda yang ingin belajar membuat sebuah web
namun anda belum mampu membuat design web sendiri. Jika anda ingin
membuat lebih dari 10 halaman web dengan didasarkan design template
tertentu maka web anda akan memiliki gaya halaman web yang sama dan
terlihat konsisten dari halaman perhalaman.</div>
<div style="text-align: justify;">
<br />
</div>
<div style="text-align: justify;">
<b>2. <span class="short_text" id="result_box" lang="id"><span class="hps" title="Klik untuk terjemahan alternatif">Kemudahan dan efisiensi dalam penggunaan</span></span></b></div>
<div style="text-align: justify;">
<span class="short_text" id="result_box" lang="id"><span class="hps" title="Klik untuk terjemahan alternatif">Program
ini tidak hanya dirancang untuk anda yang sudah mahir dan mengerti
bahasa pemrograma. Bagi anda yang belum mengerti bahasa pemrograman,
anda bisa membuat halaman web dengan hanya cara mengklik atau drag and
drop menggunakan mouse serta anda juga bisa melihat halaman html-nya
selama proses desain berlangsung. Atau yang lebih dikenal dengan
sebutan WYSIWYG (What You See Is What You Get)</span></span></div>
<div style="text-align: justify;">
<br />
</div>
<div style="text-align: justify;">
<span class="short_text" id="result_box" lang="id"><span class="hps" title="Klik untuk terjemahan alternatif">Selain itu dreamweaver memiliki kemampuan memperlihatkan 3 proses yang berbeda, yaitu :</span></span></div>
<ul>
<li><span class="short_text" id="result_box" lang="id"><span class="hps" title="Klik untuk terjemahan alternatif">Code View : Berfungsi untuk hanya menampilkan script html saja.</span></span></li>
<li><span class="short_text" id="result_box" lang="id"><span class="hps" title="Klik untuk terjemahan alternatif">Desain
View : Berfungsi menampilkan kode-kode html yang anda tulis menjadi
sebuah design/template yang nantinya akan ditampilkan di browser.</span></span></li>
<li><span class="short_text" id="result_box" lang="id"><span class="hps" title="Klik untuk terjemahan alternatif">Split
View : Berfungsi menampilkan gabungan antara Code View dan Desain View
pada saat bersamaan.Jadi anda bisa langsung melihat perubahan pada saat
anda mengubah htmlnya.</span></span></li>
</ul>
<div style="text-align: justify;">
<br />
</div>
<div style="text-align: justify;">
<b><span class="short_text" id="result_box" lang="id"><span class="hps" title="Klik untuk terjemahan alternatif">3. Mudah untuk mengupload melalui FTP</span></span></b></div>
<div style="text-align: justify;">
<span class="short_text" id="result_box" lang="id"><span class="hps" title="Klik untuk terjemahan alternatif">Dreamweaver
sudah dilengkapi dengan fitur FTP jadi setelah anda selesai membangun
sebuah web, anda bisa langsung menguploadnya melalui FTP . </span></span><b>FTP</b> (singkatan dari <i>File Transfer Protocol</i>) adalah sebuah protokol Internet yang berjalan di dalam lapisan aplikasi yang merupakan standar untuk pentransferan berkas (<i>file</i>) komputer antar mesin-mesin dalam sebuah <i>internetwork</i>.</div>
<div style="text-align: justify;">
<br />
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://upload.wikimedia.org/wikipedia/id/thumb/0/04/CaraKerjaFTP.png/572px-CaraKerjaFTP.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="http://upload.wikimedia.org/wikipedia/id/thumb/0/04/CaraKerjaFTP.png/572px-CaraKerjaFTP.png" width="305" /></a></div>
<div style="text-align: center;">
<i><b> Ilustrasi FTP</b></i></div>
<div style="text-align: justify;">
<br />
</div>
<div style="text-align: justify;">
<b>4. Dapat dikustom</b></div>
<div style="text-align: justify;">
Dreamweaver
dapat disesuaikan dengan kebutuhan yang anda perlukan. Menu, tab,
perintah, font dan warna semua kode dapat disesuaikan dengan preferensi
pribadi. Hal ini dapat secara efektif memudahkan proses desain web.
Selain itu dreamweaver didukung banyak plug-in yang membantu anda dalam
proses desain.</div>
<div style="text-align: justify;">
<br />
</div>
<div style="text-align: justify;">
<br />
</div>
<div style="text-align: justify;">
<b>Kekurangan :</b></div>
<div style="text-align: justify;">
<b>1. Harga Software yang Cukup Mahal.</b></div>
<div style="text-align: justify;">
Mungkin
salah satu kekurangan dari Dreamweaver ini adalah dari segi harga.
Dreamweaver CS5 dibandrol oleh Adobe sekitar $399. Harga yang mungkin
terjangkau oleh kalangan tertentu saja.</div>
<br />
<br />Ceriaminihttp://www.blogger.com/profile/00116570168940347314noreply@blogger.com0tag:blogger.com,1999:blog-1785269483483648422.post-84521911840300885432012-12-13T02:32:00.001-08:002012-12-13T02:32:39.163-08:00Adobe Dreamweaver Adalah<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3AQpjQDRvZf1Gx4DudfYA1G3Q2fqrOPf5J2IB_Y62XlSs3vCpJWzQXjXdWKZGPZPj_m-I_7mHSIhUl9P8pmzgbPH0HuxgvDMzCZQUuyBY-EpV_xjXw53UAopFdGDSi7cAhN8cdaVPBHiF/s1600/dw.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3AQpjQDRvZf1Gx4DudfYA1G3Q2fqrOPf5J2IB_Y62XlSs3vCpJWzQXjXdWKZGPZPj_m-I_7mHSIhUl9P8pmzgbPH0HuxgvDMzCZQUuyBY-EpV_xjXw53UAopFdGDSi7cAhN8cdaVPBHiF/s1600/dw.png" /></a></div>
<br />
<b>Adobe Dreamweaver</b> adalah aplikasi desain dan pengembangan web yang menyediakan editor <a href="http://id.wikipedia.org/wiki/WYSIWYG" title="WYSIWYG">WYSIWYG</a>
visual (bahasa sehari-hari yang disebut sebagai Design view) dan kode
editor dengan fitur standar seperti syntax highlighting, code
completion, dan code collapsing serta fitur lebih canggih seperti
real-time syntax checking dan code introspection untuk menghasilkan
petunjuk kode untuk membantu pengguna dalam menulis kode. Tata letak
tampilan Design memfasilitasi desain cepat dan pembuatan kode seperti
memungkinkan pengguna dengan cepat membuat tata letak dan manipulasi
elemen HTML. Dreamweaver memiliki fitur browser yang terintegrasi untuk
melihat halaman web yang dikembangkan di jendela pratinjau program
sendiri agar konten memungkinkan untuk terbuka di web browser yang telah
terinstall. Aplikasi ini menyediakan <a href="http://id.wikipedia.org/wiki/Transfer" title="Transfer">transfer</a> dan fitur <a class="new" href="http://id.wikipedia.org/w/index.php?title=Sinkronisasi&action=edit&redlink=1" title="Sinkronisasi (halaman belum tersedia)">sinkronisasi</a>,
kemampuan untuk mencari dan mengganti baris teks atau kode untuk
mencari kata atau kalimat biasa di seluruh situs, dan templating feature
yang memungkinkan untuk berbagi satu sumber kode atau memperbarui tata
letak di seluruh situs tanpa server side includes atau scripting.
Behavior Panel juga memungkinkan penggunaan JavaScript dasar tanpa
pengetahuan coding, dan integrasi dengan Adobe Spry Ajax framework
menawarkan akses mudah ke konten yang dibuat secara dinamis dan
interface.<br />
<b>Dreamweaver</b> dapat menggunakan ekstensi dari pihak ketiga untuk
memperpanjang fungsionalitas inti dari aplikasi, yang setiap pengembang
web bisa menulis (sebagian besar dalam <a class="mw-redirect" href="http://id.wikipedia.org/wiki/HTML" title="HTML">HTML</a> dan <a href="http://id.wikipedia.org/wiki/JavaScript" title="JavaScript">JavaScript</a>).
Dreamweaver didukung oleh komunitas besar pengembang ekstensi yang
membuat ekstensi yang tersedia (baik komersial maupun yang gratis) untuk
pengembangan web dari efek rollover sederhana sampai full-featured
shopping cart.<br />
<i>Dreamweaver</i>, seperti editor <a class="mw-redirect" href="http://id.wikipedia.org/wiki/HTML" title="HTML">HTML</a> lainnya, edit file secara lokal kemudian di<a class="mw-redirect" href="http://id.wikipedia.org/wiki/Upload" title="Upload">upload</a> ke web server remote menggunakan <a class="mw-redirect" href="http://id.wikipedia.org/wiki/FTP" title="FTP">FTP</a>, <a class="new" href="http://id.wikipedia.org/w/index.php?title=SFTP&action=edit&redlink=1" title="SFTP (halaman belum tersedia)">SFTP</a>, atau <a class="new" href="http://id.wikipedia.org/w/index.php?title=WebDAV&action=edit&redlink=1" title="WebDAV (halaman belum tersedia)">WebDAV</a>. Dreamweaver CS4 sekarang mendukung sistem kontrol versi <a class="new" href="http://id.wikipedia.org/w/index.php?title=Subversion_%28SVN%29&action=edit&redlink=1" title="Subversion (SVN) (halaman belum tersedia)">Subversion (SVN)</a>.<br />
<br />
<br />
<b>Adobe Dreamweaver</b> merupakan <a class="new" href="http://id.wikipedia.org/w/index.php?title=Program_penyunting_halaman_web&action=edit&redlink=1" title="Program penyunting halaman web (halaman belum tersedia)">program penyunting halaman web</a> keluaran <a href="http://id.wikipedia.org/wiki/Adobe_Systems" title="Adobe Systems">Adobe Systems</a> yang dulu dikenal sebagai <b>Macromedia Dreamweaver</b> keluaran <a href="http://id.wikipedia.org/wiki/Macromedia" title="Macromedia">Macromedia</a>.
Program ini banyak digunakan oleh pengembang web karena fitur-fiturnya
yang menarik dan kemudahan penggunaannya. Versi terakhir Macromedia
Dreamweaver sebelum Macromedia dibeli oleh Adobe Systems yaitu versi 8.
Versi terakhir Dreamweaver keluaran Adobe Systems adalah versi 12 yang
ada dalam Adobe Creative Suite 6 (sering disingkat Adobe CS6).<br />
<br />
<br />
<br />
<br />
<br />
<br />Ceriaminihttp://www.blogger.com/profile/00116570168940347314noreply@blogger.com0tag:blogger.com,1999:blog-1785269483483648422.post-24196848488245427392012-12-13T02:27:00.000-08:002012-12-13T02:27:52.267-08:00Membuat Gambar seperti teknik Manual GrayscaleSering kita melihat hasil karya baik itu desain computer atau karya seni
manual, menggunakan teknik grayscale atau tidak menggunakan warna-warna
yang sparasi/full color. Dan karya tersebut kelihatan menarik...<br />
<br />
Namun kali ini kita akan <strong><a class="seven" href="http://www.ilmugrafis.com/">Merubah Foto</a></strong> fullcolor menjadi grayscale dengan <strong>Filter Sketch</strong> pada <strong><a class="seven" href="http://www.ilmugrafis.com/">Photoshop</a></strong>, sehingga foto menjadi seperti karya manual dengan <strong>Conte Crayon</strong>.<br />
<br />
1.
Pilih gambar (akan lebih terasa jika foto wajah)<br />
<br />
2.
Pilih <strong>File --- New</strong>, tentunya setelah buka program photoshopnya.<br />
<br />
3.
Masukkan gambar yang telah dipilih,
<img alt="gbr 1.jpg" src="http://www.ilmugrafis.info/photoshop/p_foto_25/2pf25.jpg" /><br />
<br />
4.
Klik pada <strong>Filter</strong> pada menu bar yang ada diatas halaman photoshop<br />
<br />
5.
Pilih <strong>Sketch </strong>--- sampai muncul pilihan disamping segitiga kecil,<br />
<img alt="gbr 2.jpg" src="http://www.ilmugrafis.info/photoshop/p_foto_25/3pf25.jpg" /> <br />
<br />
6.
Klik <strong>Conte Crayon ……</strong><br />
<br />
7. Setelah muncul window <strong>Conte Crayon</strong>, nah.. tinggal atur sesuai keinginan<br />
<br />
8.
Pengaturan <strong>Conte Crayon</strong><br />
<img src="http://www.ilmugrafis.info/photoshop/p_foto_25/4pf25.jpg" /><br />
<br />
9.
Lalu setelah dirasa cukup tinggal klik <strong>OK</strong>.<br />
<br />
10. Maka akan tercipta efek <strong>CONTE CRAYON</strong> pada gambar yang tadinya Fullcolor dan akan terlihat lebih dramatis.<br />
Hasilnya:<br />
<img alt="gbr 4.jpg" src="http://www.ilmugrafis.info/photoshop/p_foto_25/1pf25.jpg" /><br />
Jangan lupa Save hasil akhirnya.<br />
Begitu sedikit tips untuk membuat foto seperti hasil karya dengan teknik manual, semoga manfaat.<br />Ceriaminihttp://www.blogger.com/profile/00116570168940347314noreply@blogger.com0tag:blogger.com,1999:blog-1785269483483648422.post-26366608769448936302012-12-13T02:24:00.001-08:002012-12-13T02:24:31.683-08:00Menghilangkan Jerawat Dengan PhotoshopDisini kita akan mencoba <a class="seven" href="http://www.ilmugrafis.com/">menghilangkan jerawat</a> dengan cepat dan mudah tanpa banyak biaya...<br />
<br />
Hanya dengan belajar <a class="seven" href="http://www.ilmugrafis.com/">ilmu photoshop</a><br />
<img hspace="2" src="http://www.ilmugrafis.info/photoshop/p_foto_15/1pf15.jpg" vspace="2" /><br />
<em>mari kita buktikan...</em><br />
<br />
Langkah-Langkahnya:<br />
<img border="1" src="http://www.ilmugrafis.info/photoshop/p_foto_15/2pf15.jpg" /><br />
1. Kita akan mencoba pada gambar yang telah tersedia di atas.<br />
Anda bisa <a class="four" href="http://www.ilmugrafis.info/photoshop/p_foto_15/img-pf15.zip">download</a> atau save as gambar di atas.<br />
<br />
2. Buka file gambar yang sudah kamu sediakan Klik pada <strong>Healing Brush Tool</strong> (dengan otomatis kursor akan berubah menjadi bentuk <strong>Lingkaran</strong>)<br />
<img border="1" src="http://www.ilmugrafis.info/photoshop/p_foto_15/3pf15.jpg" /><br />
<em>Posisi Healing Brush Tool pada jerawat</em><br />
<br />
3. Atur diameter/besar lingkaran <strong>Healing </strong>dengan ukuran jerawat (untuk mengganti ukuran anda <strong>Klik Kanan</strong> pada layar kerja kemudian atur besar <strong>Diameter</strong>nya)<br />
Contoh:<br />
<img border="1" src="http://www.ilmugrafis.info/photoshop/p_foto_15/4pf15.jpg" /><br />
<em>Setting Healing Brush Tool</em> <br />
<br />
4. Tekan tombol <strong>Alt</strong> sampai kursor berubah seperti lambang <strong>SnapShot</strong>
kemudian klik pada bagian wajah yang paling bersih atau tanpa jerawat
(pilih pada bagian dengan kontras warna yang sama dengan bagian
jerawat), lepas tombol <strong>Alt</strong> kemudian anda tinggal klik pada bagian wajah yang berjerawat hingga bersih..<br />
<img border="1" src="http://www.ilmugrafis.info/photoshop/p_foto_15/6pf15.jpg" /><br />
<em>Jerawat Hilang (dalam 7 menit - With Belajar-Grafis Miracle...)</em><br />
<br />
5. Agar gambar lebih cerah atur contras warna dengan melakukan langkah sbb:<br />
= Pilih menu <strong>Image</strong> > <strong>Adjustments</strong> > <strong>Curves</strong> : ganti nilai input dan output<br />
Sebagai rekomendasi ganti dengan * input : 99 *out put : 146 atau atur sesuai dengan selera anda.<br />
<img border="1" src="http://www.ilmugrafis.info/photoshop/p_foto_15/7pf15.jpg" /><br />
<em>rekomendasi setting</em><br />
<br />
Hasilnya:<br />
<img border="1" src="http://www.ilmugrafis.info/photoshop/p_foto_15/5pf15.jpg" /><br />
<em>The Power of Desain Grafis - www.ilmugrafis.com<br />
Kulit Lebih Putih tanpa kosmetik</em><br />Ceriaminihttp://www.blogger.com/profile/00116570168940347314noreply@blogger.com0tag:blogger.com,1999:blog-1785269483483648422.post-3742495529751819482012-12-13T02:23:00.001-08:002012-12-13T02:23:07.079-08:00Efek Butiran - Butiran Air Membasahi FotoEfek butiran - <a class="seven" href="http://www.ilmugrafis.com/">butiran air</a> membasahi foto? tenang.. tenang.. ini cuman
rekayasa photoshop aja, jangan dikira prakteknya menyiram foto dengan
air betulan, nanti gak malah bagus eh jd rusak...<br />
<br />
Oh iya hampir lupa, hari ini kan (premiernya movie Ayat-Ayat Cinta...), trus apa hubungannya dengan <a class="seven" href="http://www.ilmugrafis.com/">ilmu photoshop</a>?<br />
Ya cuma ngasih info aja, hwe3x...<br />
<br />
Ok, tanpa banyak chit-chat ini langkah-langkahnya:<br />
<br />
1. Buka Gambar yang akan diedit dengan photoshop<br />
Bisa foto kamu atau pemandangan alam, atau barangkali belum punya gambar
untuk diedit? silahkan mencari di search engine, disini saya
menggunakan gambar pantai...<br />
<img border="1" src="http://www.ilmugrafis.info/photoshop/p_foto_17/1pf17.jpg" /><br />
(beautiful scene)<br />
<br />
2. buat lingkaran dengan <strong>Elipse Tool</strong> <br />
catatan: foreground dan background harus putih<br />
<img border="1" src="http://www.ilmugrafis.info/photoshop/p_foto_17/3pf17.jpg" /><br />
<br />
Hasilnya:<br />
<img border="1" src="http://www.ilmugrafis.info/photoshop/p_foto_17/4pf17.jpg" /><br />
<br />
3. Selelah itu klik kanan dan pilih <strong>Rasterize Layer...</strong> <br />
<br />
4. Waktunya memberi efek...<br />
Menu - Layer - Layer Style - Blending Options...<br />
Centang <strong>Drop Shadow</strong> dan <strong>Inner Shadow</strong> <br />
<img border="1" src="http://www.ilmugrafis.info/photoshop/p_foto_17/5pf17.jpg" /><br />
dan <br />
<img border="1" src="http://www.ilmugrafis.info/photoshop/p_foto_17/6pf17.jpg" /><br />
[OK]<br />
Lalu pada pallete - ubah ke mode <strong>Multiply</strong> <br />
<img border="1" src="http://www.ilmugrafis.info/photoshop/p_foto_17/7pf17.jpg" /><br />
<br />
5. Yup Hasilnya...<br />
<img border="1" src="http://www.ilmugrafis.info/photoshop/p_foto_17/8pf17.jpg" /><br />
Hehehe... Tinggal perbanyak aja tetesan airnya... beres dah...<br />
<br />
dengan <a class="seven" href="http://www.ilmugrafis.com/">belajar photoshop</a> Hasilnya????? anda bisa mengutak-atik lagi dan ini hasil dari penulis<br />
<img border="1" src="http://www.ilmugrafis.info/photoshop/p_foto_17/2pf17.jpg" /><br />
Pantai yang indah... Hawaiii.... kapan bisa berlibur ke situ??? ;P <br />
<br />Ceriaminihttp://www.blogger.com/profile/00116570168940347314noreply@blogger.com0tag:blogger.com,1999:blog-1785269483483648422.post-25275928092782841672012-12-13T02:18:00.003-08:002012-12-13T02:18:27.088-08:00Menambahkan Tulisan Berefek Komik Pada Foto<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhekkInx-wINJPxRuqiwVJ-9dj348pJG8-f2peWQFNYYQEaKq93B5dM930-mQqkwi13reQtzqCkDBgat5LTdK3XDrAFmYJHH4pDcvkyCjvOzTeg0fcuEAaJuys52jIi1i9mBF2FEABBbwM-/s1600/Adobe+Photoshop+CS3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhekkInx-wINJPxRuqiwVJ-9dj348pJG8-f2peWQFNYYQEaKq93B5dM930-mQqkwi13reQtzqCkDBgat5LTdK3XDrAFmYJHH4pDcvkyCjvOzTeg0fcuEAaJuys52jIi1i9mBF2FEABBbwM-/s320/Adobe+Photoshop+CS3.png" width="320" /></a></div>
Pada <a class="seven" href="http://www.ilmugrafis.com/photoshop_foto1.php">photo efek</a> kali ini kita akan menambahkan tulisan berefek komik pada foto anda sehingga membuatnya lebih berkesan ekspresif<br />
<br />
<a class="four" href="http://localhost/1/p_pe_010707_7.php"><strong> </strong></a>
Para disainer grafis mempunyai keahlian untuk mengedit dan mengubah
style foto agar kelihatan lebih artistik, anda pun juga bisa karena yang
diperlukan hanya aplikasi pintar yaitu <a class="seven" href="http://www.ilmugrafis.com/">photoshop</a><br />
<br />
Langkah-langkahnya: <br />
<br />
1. Jalankan program photoshop. file --> Open atau tekan [ctrl] + [O]
Setelah itu carilah gambar yang akan diubah, Sebagai contoh disini saya
menggunakan foto saya:<br />
<img border="1" src="http://www.ilmugrafis.net/photoshop/p_foto_10/1pf10.jpg" /><br />
<a class="four" href="http://www.ilmugrafis.net/photoshop/p_foto_10/img-pf-10.zip" target="_blank">download gambar</a> --> versi Zip file <br />
Ukuran 800 x 600 pixels <br />
<br />
2. Mulai membuat dialog box<br />
caranya: klik Pada <strong>Pen tool</strong> berbentuk <img border="1" src="http://www.ilmugrafis.net/photoshop/p_foto_10/2pf10.jpg" /> seperti kepala pulpen lalu mulailah membuat garis-garis dengan menggunakan <strong>pen tool</strong> [tekan mouse sebelah kiri pada gambar/foto dan atur posisinnya]<br />
Untuk hasil lebih rapih anda bisa gunakan <strong>Freeform pen tool</strong> <img border="1" src="http://www.ilmugrafis.net/photoshop/p_foto_10/3pf10.jpg" /> atau tekan <strong>[Alt] </strong>+<strong> [+] </strong>pada keyboard lalu potong dan selanjutnya terserah anda, mau buat seperti apa, yang lonjong, bullet , atau lancip.<br />
<br />
Lalu masuk ke menu utama dan pilih <strong>Layer</strong> --> <strong>rasterize</strong> --> <strong>Shape</strong><br />
[hal ini perlu dilakukan karena layer anda masih dalam keadaan mask / bayangan] <br />
contoh hasil: <br />
<img border="1" src="http://www.ilmugrafis.net/photoshop/p_foto_10/5pf10.jpg" /><br />
<br />
Untuk mempertegas gunakan <strong>Layer</strong> --> <strong>Layer Style</strong> --> <strong>stroke...</strong><br />
<img border="1" src="http://www.ilmugrafis.net/photoshop/p_foto_10/4pf10.jpg" /><br />
<br />
3. Setelah itu lanjut ke <strong>Teks tool</strong> dan mulai menulis di dalam dialog box tadi, jika ingin memperbesar atau memperkecil dan memutar tulisan tekan <strong>[ctrl] </strong>+<strong> [T] </strong>atau atur di properties teks yang terletak di bawah menu utama <br />
<br />
Hasilnya<br />
<img border="1" src="http://www.ilmugrafis.net/photoshop/p_foto_10/6pf10.jpg" /><br />
Ayo <a class="seven" href="http://www.ilmugrafis.com/photoshop_foto1.php?page=menambahkan-tulisan-berefek-komik">Belajar Photoshop</a> Frens<br />
<a class="seven" href="http://www.ilmugrafis.com/">SEMOGA BERMANFAAT</a> <br />
<span id="goog_854921973"></span><span id="goog_854921974"></span><br />Ceriaminihttp://www.blogger.com/profile/00116570168940347314noreply@blogger.com0tag:blogger.com,1999:blog-1785269483483648422.post-63265379653790935822012-12-13T02:15:00.001-08:002012-12-13T02:15:23.960-08:00Adobe Photoshop Adalah<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhekkInx-wINJPxRuqiwVJ-9dj348pJG8-f2peWQFNYYQEaKq93B5dM930-mQqkwi13reQtzqCkDBgat5LTdK3XDrAFmYJHH4pDcvkyCjvOzTeg0fcuEAaJuys52jIi1i9mBF2FEABBbwM-/s1600/Adobe+Photoshop+CS3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhekkInx-wINJPxRuqiwVJ-9dj348pJG8-f2peWQFNYYQEaKq93B5dM930-mQqkwi13reQtzqCkDBgat5LTdK3XDrAFmYJHH4pDcvkyCjvOzTeg0fcuEAaJuys52jIi1i9mBF2FEABBbwM-/s320/Adobe+Photoshop+CS3.png" width="320" /></a></div>
<br />
<b>Adobe Photoshop</b>, atau biasa disebut <b>Photoshop</b>, adalah
perangkat lunak editor citra buatan Adobe Systems yang dikhususkan untuk
pengeditan foto/gambar dan pembuatan efek. Perangkat lunak ini banyak
digunakan oleh <a href="http://id.wikipedia.org/wiki/Fotografer" title="Fotografer">fotografer</a> <a href="http://id.wikipedia.org/wiki/Digital" title="Digital">digital</a> dan perusahaan <a href="http://id.wikipedia.org/wiki/Iklan" title="Iklan">iklan</a> sehingga dianggap sebagai pemimpin pasar (<i>market leader</i>) untuk perangkat lunak pengolah gambar/foto, dan, bersama <a href="http://id.wikipedia.org/wiki/Adobe_Acrobat" title="Adobe Acrobat">Adobe Acrobat</a>,
dianggap sebagai produk terbaik yang pernah diproduksi oleh Adobe
Systems. Versi kedelapan aplikasi ini disebut dengan nama Photoshop CS
(Creative Suite), versi sembilan disebut Adobe Photoshop CS2, versi
sepuluh disebut Adobe Photoshop CS3 , versi kesebelas adalah Adobe
Photoshop CS4 , versi keduabelas adalah Adobe Photoshop CS5 , dan versi
yang terakhir (ketigabelas) adalah Adobe Photoshop CS6.<br />
Photoshop tersedia untuk <a href="http://id.wikipedia.org/wiki/Microsoft_Windows" title="Microsoft Windows">Microsoft Windows</a>, <a href="http://id.wikipedia.org/wiki/Mac_OS_X" title="Mac OS X">Mac OS X</a>, dan <a href="http://id.wikipedia.org/wiki/Mac_OS" title="Mac OS">Mac OS</a>; versi 9 ke atas juga dapat digunakan oleh sistem operasi lain seperti <a href="http://id.wikipedia.org/wiki/Linux" title="Linux">Linux</a> dengan bantuan perangkat lunak tertentu seperti <a class="new" href="http://id.wikipedia.org/w/index.php?title=CrossOver&action=edit&redlink=1" title="CrossOver (halaman belum tersedia)">CrossOver</a>.<br />
<br />Ceriaminihttp://www.blogger.com/profile/00116570168940347314noreply@blogger.com0