Pemrograman Berbasis Web
(HTML, PHP, MySQL)







1.Mengenal HTML

HTML kepanjangan dari Hypertext Markup Language adalah bahasa yang digunakan untuk mengelola tampilan halaman web. Html dapat digunakan untuk menampilkan informasi dalam bentuk teks, grafik, multimedia, image, audio, video.

Struktur dasar HTML
HTML berupa tag – tag ( …. )yang telah didefinisikan, masing-masing tag mempunyai nama, atribut, dan fungsi. Berikut strukur dasar dokumen html

1.
2.
3.
4.






semua data, baik itu tulisan,gambar,maupun suara akan ditampilkan disini.



Hasilnya pada browser

Setiap dokumen html diawali dan diakhiri dengan tag
…………
Diikuti tag …., di dalam tag head terdapat tag , isi dari tag title akan menjadi judul dari webpage tersebut, sebagaimana contoh gambar sebelumnya.
Berikutnya tag ….., nah semua yang ada di dalam tag body inilah yang akan ditampilkan oleh browser. Nantinya tag – tag html lainnya akan bersarang di dalam tag body.
Atribut, missal tag body mempunyai atribtu bgcolor, penulisannya
…..

Praktikum 1.1, simpan file dengan nama coba.html, kemudian cek hasilnya dengan browser kesayangan Anda (mozilla, ie, opera, chrome dll)






semua data, baik itu tulisan,gambar,maupun suara akan ditampilkan disini.



Praktikum 1.2, simpan coba2.html






Universitas widya dharma Klaten



Blok level element
Tag h1 sampai h6 dapat digunakan untuk menampilkan teks menjadi besar atau sangat kecil, bisanya digunakan untuk judul dari suatu web site supaya lebih menarik.

Praktikum 1.3, coba3.html



title>Heading Elements


Berikut ini contoh penggunaan tag h1-h6

Heading one

Heading two

Heading three

Heading four

Heading five

Heading six

Paragraf
Untuk membentuk suatu paragraph dapat menggunakan tag p

Praktikum 1.4, coba4.html

Mobile Dinar

---

Harus saya akui bahwa persiapan M-Dinar ini kalah cepat dengan tumbuhnya minat masyarakat untuk segera menggunakannya.
Banyak hal yang masih harus kita sempurnakan, tetapi secara prinsip M-Dinar telah dapat digunakan. Beberapa penyempurnaan insyaallah akan terus dilakukan tanpa henti, sehingga pada waktunya nanti M-Dinar akan benar-benar praktis untuk digunakan.

Prosedur

Berikut adalah cara yang sudah bisa dilakukan oleh pengguna konsumen maupun para pedagang (terutama di dunia maya) dengan M-Dinar account-nya.
1) Mendaftar untuk menjadi pemegang account di M-Dinar sungguh mudah; yang Anda perlukan hanya buka situs www.m-dinar.com kemudian klik menu full-web (atau langsung ke www.m-dinar.com/indo.php). Di sidebar kiri paling bawah ada link ke create account; klik link ini dan Anda akan diminta isi 4 informasi saja yaitu nama anda, user name yang akan anda gunakan, email Anda (harus valid karena akan dikonfirmasi), dan password.

Pemformatan Teks
Tag-tag yang digunakan untuk memformat font adalah :


Tag font juga digunakan untuk memformat tampilan teks, berikut atribut yang dimiliki tag font.


Aligment digunakan untuk peletakan posisi objek (teks, image, paragraph ) dalam dokumen html.


Praktikum 1.5, format.html







Setting Up Web Server

13
To run web applications, you need a web server.
A web server is software that serves files in
response

A web server is sometimes called an HTTP server.
Common web servers include IIS,
Netscape Enterprise Server, iPlanet Web Server,
and Apache HTTP Server.

If you’re
to requests from web browsers.
A web server is sometimes called an HTTP
server.
Common web servers include IIS,
Netscape Enterprise Server, iPlanet Web Server,
and Apache HTTP Server.

If you’re
to requests from web browsers.
A web server is sometimes called an HTTP
server.
Common web servers include IIS,
Netscape Enterprise Server, iPlanet Web Server,
and Apache HTTP Server.

2.PRE, Grouping Element & Link

Tag PRE dapat digunakan untuk menampilkan teks sesuai dengan penulisan aslinya pada source code.

Praktikum 2.1, cobacoba.html







Setting Up Web Server

	To run web applications,you need a web server.
A web server is software that serves files in
response to requests from web browsers.
	A web server is sometimes called an HTTP
server.
	Common web servers include IIS,
Netscape Enterprise Server, iPlanet Web Server,
and Apache HTTP Server.
	|	   /	
	|-------/*****
	|-------\*****
	|	   \

Praktikum 2.2, hilangkan tag

 dan 

pada praktikum 2.1, bandingkan perbedaan hasilnya

Grouping Element
Tag DIV dan SPAN di gunakan untuk mengelompokkan elementelement HTML. Span digunakan untuk mendefinisikan inline content sementara div digunakan untuk block-level content.

Praktikum 2.3 tes.html

Divisi 1

Div tag digunakan untuk mengelompokkan group
element
biasanya untuk block-level element.

Divisi 2

Ini didalam devisi kedua.
di tulis dengan alignment kanan.

baris ini dalam span dengan warna lavender.




Link
Tag a href digunakan untuk melakukan link antar situs web, dokumen html dan antar bagian pada halaman yang sama

Praktikum 2.4, halo.html






Creating Link



Click here to view document
2



Praktikum 2.5, halo2.html






berjumpa dengan saya



back to

---

yahoo | google | eramuslim




Praktikum 2.6, yes.html, link ke bagian tertentu dari halaman yang sama.

setting up web server
Windows users can get a web server up
and running quickly on their local computer
by installing either PWS or IIS.
The web server may already be installed.
Check your folder structure to see if it contains
a C:\Inetpub or D:\Inetpub folder.
PWS and IIS create this folder during
installation.
If you want to install PWS or IIS,
see Installing a Web Server in
Windows.
ASP.NET pages only work with one web server:
Microsoft IIS 5 or higher.
PWS is not supported.
Also, because IIS 5 is a service
of the Windows 2000 and Windows XP
Professional operating systems,
you can only use these two versions of Windows
to run ASP.NET applications.
Installing a Web Server in
Windows 
To develop and test dynamic web pages,
you need a functioning web server.
This chapter describes how most Windows
users can install and use
a Microsoft web server on their local computer.

3.List & Image

List digunakan untuk menampilkan data baik berurutan (ordered list) maupun tidak berurutan (unordered list).

Unordered list (UL)
Tag ul mempunyai atribut :


Praktikum 3.1, page1.html, setelah jadi file berikut cobalah untuk menambahkan atribut pada tag ul dengan nilai-nilai yang ada

Shedule for HTML Course

• Sunday


• Monday


• Tuesday


• Wednesday

Ordered List (OL)
Tag ol mempunyai atribut :


Praktikum 3.2, page2.html, setelah jadi cobalah ganti nilai atributnya

Shedule for HTML Course

1. Sunday




1. Introduction to HTML


2. Creating List




2. Monday




1. Creating table


2. Inserting Image




3. Tuesday




1. Creating Link


2. Preparing Website




4. Wednesday

Image
Untuk menampilkan image pada dokumen web digunakan tag img, berikut format penulisannya , url diisikan dengan lokasi dimana gambar berada. Berikut daftar atribut dari tag image


Praktikum 3.3, gambar.html, pastikan Anda telah menyiapkan gambar Linux-penguin.jpg atau yang lainnya, simpan file satu folder dengan gambar.











Praktikum 3.4, gambar2.html

Default alignment at the bottom

align="top">Aligned at Top

align="middle">Aligned at Middle

4.Table

Untuk membuat table digunakan tag …., membuat baris pada table tag ….., untuk kolomnya tag ……, sehingga polanya adalah

baris 1 kolom 1	baris 1 kolom 2
baris 2 kolom 1	baris 2 kolom 2

Praktikum 4.1 tabelku.html, membuat table sederhana

Creating Table

baris 1 kolom 1	baris 1 kolom 2
baris 2 kolom 1	baris 2 kolom 2

Format Teks dalam Tabel
Untuk perataan teks didalam table dapat digunakan atribut :


Merge cell
Tag memiliki atribut colspan untuk merge column dan rowspan untuk merge baris.


Praktikum 4.2 tabelku2.html






cellpadding="0">

Quarter 1			Quarter 2
Jan	Feb	Mar	Apr	May	Jun
100	5000	200	1500	2500	1750
290	5050	2300	100	270	300

Praktikum 4.3 tabelnew.html






cellpadding="0">

		South	North
Quarter 1	Jan	1000	12000
	Feb	12500	1345
	Mar	78090	71080

Praktikum 4.4 tabelsaya.html



Colspan.

sel 1	sel 2	sel 3
sel 4	sel 5

Rowspan.

sel 1	sel 2
sel 3	sel 4
	sel 5

5.Form

Keberadaan form dalam HTML sangatlah penting, Form dalam HTML ditandai dengan tag

dan

. Sewaktu kita membuat elemen form, kita perlu menentukan bagaimana dan kemana data yang diisikan ke dalam form tersebut akan dikirimkan dari browser ke Web server. Hal ini dilakukan dengan pernyataan Action dan Method. Action menunjukkan lokasi tempat program CGI yang hendak dijalankan, sedangkan Method menunjukkan bagaimana informasi yang diisikan dalam form harus dikirimkan ke web server. method yang umum adalah get dan post.
1.Elemen Textarea
Textarea biasanya dipakai, bila kita menginginkan tempat bagi user web untuk memasukkan informasi yang panjangnya beberapa baris. perintah yang dipergunakan adalah :
<br /> Name menyatakan nama data yang akan dimasukkan ke dalam textarea ini. cols dan rows berturut-turut menentukan banyak lebar textarea dan jumlah baris di dalam textarea. bila cols dan rows tidak ditentukan dalam kode textarea, maka nilai yang akan dipergunakan adalah 40 karakter lebar dan 4 baris tinggi.<br />2.Elemen select <br /> Terkadang Anda ingin menyediakan beberapa pilihan kepada user dokumen Web Anda sebagai masukan. <SELECT> akan menampilkan suatu daftar yang dapat dipilih oleh user , baik dalam bentuk menu pop-up maupun menu gulung. <br />3.Elemen input<br />Adapun elemen input ini biasanya terdiri dari:<br />a.Textbox<br />Elemen ini digunakan untuk membuat kotak text yang mampu menerima masukkan berupa string atau bisa juga text yang teleh dienkripsi.<br />Untuk model text biasa<br />Nama: <input type ="text" name=tnama size=xx><br />Dimana type yang digunakan yaitu berupa text <br />Untuk model text yang telah dienkripsi.<br />Password: <br /><input type ="password" maxlenght=”6”><br />b.Radio button <br />Elemen ini digunakan untuk menampilkan suatu daftar masukan berupa pilihan, dimana pengguna hanya diperbolehkan memilih satu dari pilihan yang ada.<br />Contoh:<br />jenis kelamin : <br /><input type ="radio" name=rkel value="laki-laki"><br />laki-laki<br /><input type ="radio" name=rkel value="perempuan"><br />perempuan<br /><br />c.Tombol<br />Elemen ini digunakan untuk menampilkan tombol, baik itu tombol Submit , maupun Reset.<br /> Contoh.<br /><input type ="submit" value="kirim"> <br /><input type ="reset" value="batal"> <br />1)Submit digunakan untuk membuat tombol yang fungsinya untuk mengirimkan dara form agar diolah <br />2)Reset digunakan untuk membuat tombol yang fungsinya untuk menghapus seluruh isian form yang telah diberikan<br />d.Checkbox<br />Serupa dengan tombol, Checkbox memungkinkan user dokumen untuk memilih suatu pilihan dari beberapa pilihan yang tersedia, bedanya Checkbox mengijinkan user memilih lebih dari satu pilihan. Perintah yang digunakan :<br /><input type=”checkbox”><br /><br /><br /><br />Praktikum 5.1 formku.html<br /><br /><html><br /><head><br /><title> Pengunaan form</title><br /></head><br /><body><br /><form action="proses.php" method="get"><br />Silahkan masukkan data anda<br /><pre><br />Nama : <input type ="text" name=tnama><br />Alamat : <br /> <textarea name="alamat" row="40" cols="40">
fakultas:
jurusan :
T.Informatika
T.Industri
T.Kimia



password :
jenis kelamin :
laki-laki
perempuan
materi yang disukai ( bisa pilih lebih dari satu):
database
visual programing
jaringan






Praktikum 5.2 formku2.html

Free
Registration

name="form">
cellpadding="0">

Nama	:	type="text" id="txtNama">
Tgl Lahir	:	id="txtTgl" size="4" maxlength="2"> / id="txtBulan" size="4" maxlength="2"> / id="txtTahun" size="8" maxlength="4">
Alamat		rows="2" id="txtAlamat">
Kota	:	id="txtKota">
Pekerjaan	:	Tani Nelayan Karyawan
Jenis Kelamin	:	value="1" checked> Laki-Laki value="2"> Perempuan
Hobby	:	id="cekReading" value="1"> Reading
		id="cekSport" value="2"> Sport
		id="cekSing" value="3"> Singing
		id="cekTravel" value="4"> Traveling
		id="btnKirim" value="Kirim"> id="btnCancel" value="Cancel">

6.Kenalan Dengan PHP

SEKILAS PHP
PHP pertama kali ditemukan oleh Rasmus Lerdorf, dia adalah seorang programer unix dan perl pada waktu itu . Pada saat itu, Rasmus adalah seorang pengangguran, sehingga ia berusaha untuk meluangkan waktu kekosongannya dengan membuat sebuah skrip makro perl CGI, yang pada awal tujuannya hanya untuk mengetahui siapa saja yang melihat resume tulisan pada homepage pribadinya. Saat ini PHP berkembang dengan sangat cepatnya, dan menjadikan andalan (populer)bagi situs-situs web, baik besar maupun kecil.

KONSEP PHP
Konsep PHP sangat sederhana, bahkan lebih sederhana daripada CGI. Sehingga dalam membuat dokumen PHP, cukup membuat sebuah HTML biasa, hanya saja ditambahkan dengan kode-kode program yang diapit dalam tanda . Dalam hal ini, Interpreter PHP dalam mengeksekusi kode PHP ini berjalan pada sisi server (disebut server-side), sehingga sangat berbeda sekali dengan program maya java yang mengeksekusi program pada sisi client (client-side).

PENULISAN PHP
PHP dalam penulisannya dapat dengan berbagai cara. Ada beberapa model penulisan PHP seperti dibawah ini:
Berikut ini adalah cara menyisipkan kode PHP pada halaman HTML biasa.
Cara 1 :
. . . . kode PHP ditaruh disini . . . .
?>

Atau bisa juga :

. . . . kode PHP ditaruh disini. . . .
?>




MENGENAL VARIABEL

Semua bahasa pemrograman mempunyai tipe data, dalam php juga terdapat tipe integer, float, string. Tetapi dalam penggunaannya cukup menggunakan symbol ($) diikuti nama variable, secara otomatis interpreter php akan memberikan tipe yg sesuai dengan nilai pada variabl tersebut. Misalnya :
$a = 20; (membuat variable dengan nama a tipe interger nilai 20)
$b=’unwidha’;


MENGENAL OPERATOR

Operator digunakan dalam melakukan suatu operasi, seperti penjumlahan, perkalian, pembagian, dan juga pembandingan.

Operator Matematika
Contoh
Nama
Hasil
$a + $b
Penjumlahan
Jumlah dari $a dan b
$a - $b
Pengurangan
Sisa dari penguranga $a dan $b
$a * $b
Pekalian
Perkalian dari $a dan $b
$a / $b
Pembagian
Pembagian dari $a dan $b
$a % $b
Modulus
Sisa hasil bagi dari $a dibagi dengan $b

Operator Pembandingan
Operator
Arti
<
Kurang dari
==
Sama dengan
>
Lebih dari
<=
Kurang dari atau sama dengan
<>
Tidak sama dengan
<
Kurang dari
>=
Lebih dari atau sama dengan
>
Lebih dari
!=
Tidak sama dengan







Operator Logika
Operator
Arti
Hasil
$a and $ b
Operasi and
True jika $a dan $ b true
$a or $ b
Operasi or
True jika salah satu $a atau $ b true
$a xor $b
Operasi X or
True jika salah satu saja $a atau $ b true
! $a
Operasi not
True jika $a false
$a && $ b
Operasi and
True jika $a dan $ b true
$a || $ b
Operasi or
True jika salah satu $a dan $ b true

Untuk Seleksi if, else if polanya sama dengan C++, begitu juga dengan perulangan while, do while dan for, Jadi ANDA tidak rugi belajar C++.

if (kondisi) {
pernyataan1;
} else {
pernyataan2;
}

While (kondisi) {
Blok Pernyataan;
Control perulangan;
}

For(varibel inisialisai; kondisi; control perulangan)
Statemen;


Praktikum :
1.buatlah folder terlebih di C:\wamp\www, dengan nama Anda. Misal folder coba sehingga menjadi C:\wamp\www\coba. Untuk selanjutnya setiap file yang dibuat disimpan dalam folder coba. Buat file berikut simpan dengan nama tes.php taruh pada folder coba.




saya di luar area PHP
echo "sedang belajar PHP";
echo "

---

";
echo "manajemen"." informatika";
echo "semester 3";
?>


saya di luar juga



Kemudian start wamp, buka browser lalu buka url http://localhost/coba/tes.php




2.mempelajari penggunaan variable, tes2.php

Penggunaan Variabel

$nama='unwidha';
$a=10;
$b=20;
echo "Nama : $nama
";
echo "a : $a
b : $b";
?>

Penggunaan Operator

if(a>b){
echo "a lebih besar dari b
";
echo $a.' lebih besar dari '.$b;
}
else{
echo "b lebih besar dari a
";
echo $b.' lebih besar dari '.$a;
}
?>

Perulangan

for($a;$a<=$b;$a++)
echo "$a
";
?>



3.Membuat table dengan while, table.php

Tabel dg Wile

$i=1;
while($i<=5){
echo "";
$i++;
}
?>

Nim	Nama
$i	$i

7.Bekerja Dengan Form & Built in function PHP

Berikut sintaks form :

...komponen form...

Saat user menekan tombol kirim/submit maka browser akan menuju ke file yang berada pada parameter action dan semua nilai yang diinputkan user dari textbox, radio button, check box dapat di tangkap dengan php.

Praktikum :
1.form untuk input data, form.html

Form Pengisian Data

Item	Data
Nim	type="text" />
Nama	type="text" />
Jenis Kelamin	Laki-laki Perempuan

2.file untuk menangkap data, cekdata.php
$nim=$_POST['nim'];
$nama=$_POST['nama'];
$jk=$_POST['sparkqty'];

?>

Unwidha Klaten

echo '

Berikut Data Anda:

';
echo "nim $nim
";
echo "nama $nama
";
echo "Jenis Kelamin $jk
";


echo "

Order Proces at ".date('H:i, jS F Y')."

";

?>





8.MySQL & PHPMYADMIN

Paket installasi wampserver sudah menyertakan MySQL untuk databasenya. Sekali wamp start maka otomatis service mysqld juga mulai dijalankan. Phpmyadmin merupakan web based tool untuk mengakses mysql, sehingga user tidak dirumitkan dengan intruksi-intruksi SQL dalam pembuatan database dan table.

Praktikum :
1.pastikan service mysqld dalam kondisi start, dalam hal ini Anda cukup menjalankan wampsever, yang otomtis sudah menjalankan apache web server dan mysql
2.untuk konek ke mysql, start  run  ketik c:\wamp\bin\mysql\mysql5.0.51b\bin\mysql.exe -u root atau Anda browse kemudian carilah tempat dimana mysql berada.
3.Jika sukses Akan tampil window untuk mysql



4.oke, akan dibuat database sekolah, dengan 3 buah table, berikut rinciannya :
Table guru :
(nip char:5, nama char:15, alamat char:20)
Table siswa
(nis char:5, nama char:15, alamat char:20)
Table matapelajaran
(kodemp char:5, namamp char:20)

Berikut penerapannya dalam mysql :
Membuat database sintaknya create database nama_database;

create database sekolah;

Gunakan perintah use namadatabase;
use sekolah;



membuat table sintaknya
create table nama_tabel(
nama_atribut1 tipe primary key,
nama_atribut2 tipe,
nama_atribut3 tipe);

table guru :
create table guru(
nip char(5)primary key,
nama char(15),
alamat char(20));

table siswa :
create table siswa(
nis char(5)primary key,
nama char(15),
alamat char(20));

table matapelajaran:
create table matapelajaran(
kodemp char(5),
namamp char(20),
primary key(kodemp));

5.cek hasil pembuatan table dengan perintah :
show tables;


6.melihat deskripsi table dengan sintak desc namatabel;
desc guru;


Cek juga deskripsi table yg lainnya :






7.mengisi ke table :
table guru :
Nip
Nama
Alamat
6672
Yusuf
Klaten
6673
Muhammad
Solo
table siswa :
Nis
Nama
Alamat
1002
Hafshoh
Yogya
1003
Umar
Solo
table matapelajaran :
kodemp
Namamp
BI92
Bahasa Inggris
BI88
Bahasa Jawa

Berikut sinatk untuk mengisi :
insert into namatabel values(‘nilaiatribut1’,’nilaiatribut2’);

mengisi table guru dengan data pertama :
insert into guru values('6672','Yusuf','Klaten');

Lakukan hal yg sama pada data yg lainnya.

8.melihat data :
select * from guru;
select * from guru where nip='6672';
select * from guru where alamat='Solo';

9.update data
update guru
set nama='Andi'
where nip='6673';

10.hapus data :
delete from guru
where nip='6673';












9.KONEKSI PHP & MYSQL

Untuk melakukan koneksi ke database MySQL digunakan fungsi mysql_connect(). Sintaksnya adalah sebagai berikut:

mysql_connect(server, user, password)

Server adalah nama server yang merupakan host dari MySQL server, sedangkan user dan password adalah user dan password MySQL. Contoh:

$conn = mysql_connect('localhost','root','pribadi')

Berikutnya adalah memilih database mana yang akan digunakan dalam aplikasi PHP. Fungsi yang digunakan adalah mysql_select_db(). Sintaksnya adalah sebagai berikut:

mysql_select_db(namadatabase[,koneksi])

Parameter koneksi adalah variabel yang menyimpan koneksi ke MySQL server yang dilakukan oleh fungsi mysql_connect(). Contoh:

mysql_select_db('namadatabase',$conn)

Berikutnya adalah mengambil query dari database yang telah terkoneksi tersebut. Fungsi yang digunakan adalah mysql_query(). Sintaksnya adalah sebagai berikut:

mysql_query(intruksisql[,koneksi])

Contoh:

$qry = mysql_query('select * from namatabel',$conn)

Yang terakhir adalah menampilkan hasil query tersebut ke halaman web. Fungsi yang digunakan adalah mysql_fetch_array(). Fungsi ini digunakan untuk memasukkan hasil query ke dalam array assosiatif dan/atau array numeris. Dalam bentuk variabel array, tentunya record-record tersebut kini bisa ditampilkan. Sintaks dari fungsi mysql_fetch_array() adalah sebagai berikut:

mysql_fetch_array(query)

Query adalah hasil query yang didapatkan dari fungsi mysql_query(). Contoh:

$row = mysql_fetch_array($qry)

Variabel $row inilah yang merupakan array yang menyimpan hasil query. Dengan demikian untuk menampilkan field-field pada query Anda dapat menggunakan $row[0], $row[1], dan seterusnya, atau $row['namafield1'], $row['namafield2'], dan seterusnya.

Pratikum :

1.Buat database dengan nama kampus.
2.buat table mahasiswa(nim, nama, alamat, jurusan, nohp)
3.Isi dengan 3 data, bebas.
4.Buat Skrip lihatdata.php dibawah ini.






$host ="localhost";
$user ="root";
$pwd ="";
$db ="kampus";
$sql ="select * from mahasiswa";
$conn = mysql_connect($host,$user,$pwd);
mysql_select_db($db);
$qry = mysql_query($sql);

?>

Data Siswa Kelas Malam

while ($row = mysql_fetch_array($qry)) {
?>







}
?>

Nim	Nama	Alamat	Jurusan	NoHp

---

Copy Right 2010 Manajemen Informatika Unwidha



























10.Form Input Data

Pada dasarnya untuk membuat aplikasi isi data, edit, dan hapus data hanya perlu mengutak-atik perintah sql nya saja disesuaikan, untuk skrip koneksi ke MySQL tetap sama. Kemudian hal berikutnya yang perlu dipikirkan adalah model penerapannya. Misal untuk menghapus data ada banyak cara, bisa dengan memilih dulu data yg mau dihapus atau langsung disediakan link untuk hapus data tersebut. Praktikum 10 ini studi kasusnya adalah mengisi data ke table menggunakan form.

Praktikum :
1.Dibutuhkan 2 file, file pertama untuk menyediakan form inputan dan file kedua untuk melakukan proses pengisian data ke mysql
2.file pertama, isi.html

Form Pengisian Data

Nim
Nama
Alamat
Jurusan	Ilkom Manajemen Informatika
No HP

3.file isidata.php

$nim=$_POST['nim'];
$nama=$_POST['nama'];
$alamat=$_POST['jurusan'];
$jurusan=$_POST['alamat'];
$nohp=$_POST['nohp'];

$host ="localhost";
$user ="root";
$pwd ="";
$db ="kampus";
$sql = "insert into mahasiswa values('$nim','$nama','$alamat','$jurusan','$nohp')";
$conn = @mysql_connect($host,$user,$pwd) or die("kesalahan konseksi, yaitu: " . mysql_error());
@mysql_select_db($db) or die("kesalahan pilih database, yaitu: " . mysql_error());
$qry = @mysql_query($sql) or die("kesalahan query, yaitu: " . mysql_error());
if($qry==true)
echo "

data berhasil diisikan

";
?>












11.Next Case Edit and Delete

Praktikum 11 ini, akan dilakukan modifikasi dan penggabunggan skrip dari praktikum sebelumnya.

Praktikum :
1.Pastikan database yang telah Anda buat pada praktikum ke 9 telah siap.
2.Buat folder pada C:/wamp/www dengan nama proyekakhir, sehingga menjadi C:/wamp/www/proyekakhir, kemudian copy beberapa image ke folder tersebut.
3.Membuat 4 file
a.file ke 1 nama index.php untuk halaman depan
b.file ke 2 nama lihatdata.php untuk melihat data dari database
c.file ke 3 nama isidata.php untuk mengisi data ke database dan juga file tambahan untuk konfirmasi jika data berhasil diisikan
d.file ke 4 nama modifdata.php untuk menghapus dan mengedit data beserta file-file konfirmasinya
4.file ke 1 index.php, berikut source code nya.

Orang Pintar Pakai Linux

---

Lihat Data
| Isi Data |
Modif Data

---

CopyRight MI Unwidha 2010 All Right Reserved

















Cek hasilnya http://localhost/proyekakhir/



5.file ke 2 lihatdata.php, file ini sama dengan praktikum sebelumnya sehingga Anda tinggal mengcopy dan mengedit seperlunya. Kode yang tercetak tebal adalah kode baru yang perlu Anda ketik.






$host ="localhost";
$user ="root";
$pwd ="";
$db ="kampus";
$sql ="select * from mahasiswa";
$conn = mysql_connect($host,$user,$pwd);
mysql_select_db($db);
$qry = mysql_query($sql);

?>

Data Siswa Kelas Malam

while ($row = mysql_fetch_array($qry)) {
?>







}
?>

Nim	Nama	Alamat	Jurusan	NoHp

Back to Depan

---

Copy Right 2010 Manajemen Informatika Unwidha






6.file ke 3, isi.php dan isidata.php. Kedua file ini tinggal Anda copy dari praktikum ke 10, kemudian buatlah link pada file isidata.php menuju ke halaman index.php seperti pada langkah no 5. Berikut kode isidata.php (baris yg tercetak tebal adalah tambahan )

$nim=$_POST['nim'];
$nama=$_POST['nama'];
$alamat=$_POST['jurusan'];
$jurusan=$_POST['alamat'];
$nohp=$_POST['nohp'];

$host ="localhost";
$user ="root";
$pwd ="";
$db ="kampus";
$sql = "insert into mahasiswa values('$nim','$nama','$alamat','$jurusan','$nohp')";
$conn = @mysql_connect($host,$user,$pwd) or die("kesalahan konseksi, yaitu: " . mysql_error());
@mysql_select_db($db) or die("kesalahan pilih database, yaitu: " . mysql_error());
$qry = @mysql_query($sql) or die("kesalahan query, yaitu: " . mysql_error());
if($qry==true)
echo "

data berhasil diisikan

";
?>

Back to Index

7.file ke 4, modifdata.php. berikut source code nya :






$host ="localhost";
$user ="root";
$pwd ="";
$db ="kampus";
$sql ="select * from mahasiswa";
$conn = mysql_connect($host,$user,$pwd);
mysql_select_db($db);
$qry = mysql_query($sql);

?>

Data Siswa Kelas Malam

while ($row = mysql_fetch_array($qry)) {
?>








}
?>

Nim	Nama	Alamat	Jurusan	NoHp	Modif
					hapus | edit

Back to Depan

---

Copy Right 2010 Manajemen Informatika Unwidha




8.skrip hapusdata.php

$nim=$_GET['nim'];
$host ="localhost";
$user ="root";
$pwd ="";
$db ="kampus";
$sql = "delete from mahasiswa where nim='$nim'";
$conn = @mysql_connect($host,$user,$pwd) or die("kesalahan konseksi, yaitu: " . mysql_error());
@mysql_select_db($db) or die("kesalahan pilih database, yaitu: " . mysql_error());
$qry = @mysql_query($sql) or die("kesalahan query, yaitu: " . mysql_error());
if($qry==true)
echo "

data berhasil dihapus, cek Lihat Data

";
?>

Back to Index

9.skrip editdata.php






echo "tanggal ";
echo date('d F Y');
echo " jam ";
echo date('h:i:s A');
$nim=$_GET['nim'];

$host ="localhost";
$user ="root";
$pwd ="";
$db ="kampus";
$sql ="select * from mahasiswa where nim='$nim'";
$conn = mysql_connect($host,$user,$pwd);
mysql_select_db($db);
$qry = mysql_query($sql);
$row = mysql_fetch_array($qry);

?>

---

Form Edit Data

Nim
Nama	type="text" value="" />
Alamat	<?php echo $row['alamat'];?>
Jurusan	Ilkom Manajemen Informatika
No HP	type="text" value="" />

10.skrip konfirmedit.php
$nim=$_POST['nim'];
$nama=$_POST['nama'];
$alamat=$_POST['jurusan'];
$jurusan=$_POST['alamat'];
$nohp=$_POST['nohp'];

$host ="localhost";
$user ="root";
$pwd ="";
$db ="kampus";
$sql = "update mahasiswa set nim='$nim',nama='$nama',alamat='$alamat',jurusan='$jurusan',nohp='$nohp' where nim='$nim'";
$conn = @mysql_connect($host,$user,$pwd) or die("kesalahan konseksi, yaitu: " . mysql_error());
@mysql_select_db($db) or die("kesalahan pilih database, yaitu: " . mysql_error());
$qry = @mysql_query($sql) or die("kesalahan query, yaitu: " . mysql_error());
if($qry==true)
echo "

data berhasil diupdate, cek data

";
?>

Back to Index