Scribd
Unggah
93 tayangan

Materi HTML PHP Mysql

Dokumen tersebut membahas pengenalan bahasa pemrograman HTML untuk membangun halaman web. HTML digunakan untuk mendefinisikan struktur dan konten dari dokumen, menggunakan tag-tag seperti <head>, <title>, <body>, <h1-6>, <p>, <br>, <hr>, <img>, <a> dan lainnya. Dokumen tersebut juga membahas penggunaan tabel, list, dan penempatan gambar dalam kode HTML.

Diunggah oleh

Aldi Zuldiansyah
Hak Cipta
© © All Rights Reserved
Format Tersedia
Unduh sebagai PDF, TXT atau baca online di Scribd
93 tayangan

Materi HTML PHP Mysql

Dokumen tersebut membahas pengenalan bahasa pemrograman HTML untuk membangun halaman web. HTML digunakan untuk mendefinisikan struktur dan konten dari dokumen, menggunakan tag-tag seperti <head>, <title>, <body>, <h1-6>, <p>, <br>, <hr>, <img>, <a> dan lainnya. Dokumen tersebut juga membahas penggunaan tabel, list, dan penempatan gambar dalam kode HTML.

Diunggah oleh

Aldi Zuldiansyah
Hak Cipta
© © All Rights Reserved
Format Tersedia
Unduh sebagai PDF, TXT atau baca online di Scribd
Anda di halaman 1/ 24

PEMROGRAMAN WEB ii

HTML, PHP dan MySQL

I. MENGENAL HTML </body>


</html>
HTML (Hypertext Markup Language) :
Tag <br>
Hypertext sering disebut juga teks interaktif, merupakan Digunakan untuk penggantian baris baru.
suatu bahasa pemrograman untuk membangun sebuah
dokumen dalam bentuk halaman web. Tag <hr>
Digunakan untuk membuat garis batas horisontal sekaligus
Bagian Head : membuat baris baru.
Merupakan informasi header dan tidak ditampilkan
pada windows browser.
<head> dan </head>
Atribut pendukung dalam tag <hr>
Bagian Title :
Merupakan judul yang akan ditampilkan di dokumen. Atribut Kegunaan
<title> dan </title> Align Menentukan posisi vertikal garis
pemisah, dengan nilai left, right,
Bagian Body : maupun center
Merupakan isi dokumen html. Semua informasi, baik Size Menentukan tebalnya garis batas
itu teks, gambar, sound, maupun lainnya dapat Color Menentukan warna teks
ditampilkan pada halaman ini. Width Menentukan lebar garis batas bisa
<body> dan </body> menggunakan pixel maupun persen.
Noshade Menonaktifkan efek tiga dimensi
Parameter Tag Body :
Mencoba dengan tag <hr> :
Parameter Kegunaan
Teks Menentukan jenis teks
{ simpan dengan nama file horisontal.html }
Bgcolor Menentukan warna latar belakang
dokomen
<html>
Background Merujuk pada direktori dari file <head>
gambar yang digunakan sebagai <title> Model Tag pada Hr </title>
latar belakang </head>
<body>
Contoh : <center>
<h2> Mengenal atribut pada hr </h2>
Skrips bisa diketik dengan teks editor NOTEPAD. garis batas biasa<hr>
</center>
<html>
<head> garis dengan lebar 300 pada posisi kanan
<title> <hr align=right width=300>
Nama judul yang akan muncul pada browser garis dengan lebar 30% pada layar browser posisi kiri
</title> <hr align=left width=30%>
</head> garis tebal 5 pixel <hr size=5 color=blue>
<body> garis dengan warna merah <hr color=red>
Semua data, baik itu tulisan, gambar, suara akan garis dengan efek tiga dimensi <hr> noshade>
ditampilkan di sini ! </body>
</body> </html>
</html>

Untuk melihat hasilnya, skrips di buka dengan Tag List


Internet Explorer.
Format bullet (bulleted list) <LI> dan Ordered List
Headline <hn> <OL>
HTML mendukung enam tingkat headline <h1> { simpan dengan nama file bullet.html }
sampai dengan <h6>.
<html>
{ simpan dengan nama file headline.html } <head>
<title> Judul yang tampil pada halaman web </title>
<html> </head>
<head> <body>
<title> <center>
Penggunaan tag headline <h2> Daftar Nama Teman </h2>
</title> adapun nama teman-temanku antara lain :<hr>
</head> </center>
<body>
<h1 align=center>model tulisan dengan h1</h1> <h2> Teman sepermainan :</h2>
<h2 align=center>model tulisan dengan h2</h2> <div align=left>
<h3 align=center>model tulisan dengan h3</h3> <OL>
<h4 align=center>model tulisan dengan h4</h4> <LI> Ucil Marucil
<h5 align=center>model tulisan dengan h5</h5> <LI> Unyil
<h6 align=center>model tulisan dengan h6</h6> <LI> Melani
<h7 align=center>model tulisan dengan h7 akhir <LI> Ucrit
kode</h7>
PEMROGRAMAN WEB iii

HTML, PHP dan MySQL

</OL>
</div>
<br> <br> - Model link dengan berpindah halaman :
<div align=left>
<UL> <a href=halaman_berikut.html>
<LI> Usro
<LI> Dora
<LI> Micky { simpan dengan nama file link.html }
<LI> Dora Emon
</UL> <html>
</div> <head>
</body> <title> Membuat link di html </title>
</html> </head>
<body>
<left>
Menempatkan Image dengan html <h2> Halaman Web Site </h2>
</left>
Agar tidak membosankan, ada baiknya menempatkan
image (gambar) dalam homepage yang dibuat. <div align=left>
Format image yang digunakan : GIF dan JPG. Beberapa pilihan link ke dokumen :<br><br>

Format : <img src=/URL/nama_file>


Belajar <a href=headline.html>Menggunakan
Headline</a><br>
URL : Universal Resources Locator Belajar <a href=horisontal.html>Menggunakan
Horisontal</a><br>
Atribut pendukung dalam tag <image> Belajar <a href=bullet.html>Menggunakan
Bullet</a><br><br>
Atribut Kegunaan <a href=image.html>
Align Menentukan posisi vertikal garis <img src=image/keluarga1.gif alt=gambar tidak
pemisah, dengan nilai left, right dan muncul align=middle width=10%>
center </a>
Border Menentukan garis pinggir sekitar gambar Anda akan di bawa ke link gambar-gambar.<br><br>
Width Menentukan ukuran lebar gambar Homepage Polman : <a href=http://www.polman-
Hight Menentukan ukuran vertikal gabar bandung.ac.id>Go</a>
</div>
{ simpan dengan nama file image.html } </body>
</html>
<html>
<head> Membuat Tabel :
<title> Membuat gambar </title>
</head> <table>
<body> <tr>
<center>
<h2> Penempatan gambar dengan html </h2> <td>
</center> Nama
</td>
<div align=left>
<img src=image/keluarga1.gif alt=gambar tidak <td>
muncul align=middle width=10%> Alamat
teks ini akan terletak dibagian tengah. </td>
<hr>
<img src=image/keluarga2.gif alt=gambar tidak </tr>
muncul align=bottom width=10%> </table>
teks ini akan terletak dibagian bawah.
<hr> Membuat Halaman Web (Web Page) :
<img src=image/keluarga3.gif alt=gambar tidak
muncul align=right width=20%> Model frame :
teks ini akan terletak dibagian kanan.
</div>
</body>
</html>

Membuat Link

Kelebihan HTML yaitu dapat berpindah-pindah dari


satu dokumen ke dokumen yang lainnya.

- Model link yang lengkap (absolut) :

<a href=http://www.polman-bandung.ac.id>

artinya link ke web site lain di Internet.


PEMROGRAMAN WEB 1

HTML, PHP dan MySQL

1. PENDAHULUAN

PHP adalah salah satu bahasa pemrograman di Internet. PHP bersifat cepat, gratis dan murah (
gratis ), selain itu PHP mendukung penggunaan database seperti MySQL, PostgreSQL, mSQL, Oracle
etc.
Untuk dapat menjalankan PHP melalui browser, maka anda diharuskan terlebih dahulu menginstall
web server ( misalnya Apache, PWS, IIS ) lalu menginstall PHP, sedangkan untuk menjalankan MySQL
anda tidak perlu menginstall web server, hanya saja jika ingin dijalankan melalui browser, maka anda
harus menginstall web server. Prosedur penginstallan web server, PHP dan MySQL dapat anda baca
pada manual masing masing.

PHP bersifat server side artinya script PHP di jalankan di server, bukan di computer client. Jadi
semakin banyak client yang menjalankan script PHP di suatu situs, maka beban yang ditanggung oleh
server semakin bertambah.
Sintaks sintaks dalam PHP banyak yang sama dengan C++, dalam hal ini tidak lagi diberikan
penjelasan penggunaan sintaks sintaks tersebut mengingat para peserta telah memperoleh
pengajaran tersebut di dalam praktikum Komputer dan Pemrograman.

2. DASAR PHP

PHP dijalankan dalam file berekstensi .php, .php3 atau .phtml, itu tergantung dengan settingan PHP
anda, tetapi secara umum ekstensi file PHP adalah .php.
Kode PHP menyatu dengan tag tag HTML dalam satu file. Kode PHP diawali dengan tag <? atau
<?php dan ditutup dengan ?>.

Contoh :
<?
phpinfo();
?>

Struktur penulisan dalam PHP, sama seperti dalam C++, yaitu setiap pernyataan diakhiri oleh
semicolon ( ; ) dan bersifat case sensitive untuk penulisan nama variabel. Cara penulisan komentar
dalam PHP juga sama dengan C++.

Contoh :
<?
$nama = divisi komputer hme itb; // Huruf kecil semua
$NAMA = DIVISI KOMPUTER HME ITB; // Huruf besar semua
print $nama  variable menggunakan huruf kecil.<br>;
print $NAMA  variable menggunakan huruf besar.;
?>

3. TIPE DATA

PHP mengenal 5 tipe data yaitu integer, floating point, string, array dan object. Penggunaan tipe data
tidak secara ekspilisit di deklarasikan seperti dalam C++.

Contoh :
<?
// Penggunaan tipe data int, float dan string seta type castingnya
$var = 2002 ; // var sebagai integer
print Sekarang tahun $var.<br>;
$var = dua ribu dua; // var sebagai string
print Sekarang tahun $var.<br>;
$var = 2002.5; // var sebagai bilangan bulat / float
print Tahun $var, ada atau nggak ?;
PEMROGRAMAN WEB 2

HTML, PHP dan MySQL

?>

<?
// Penggunaan tipe data object
class himp
{
var $divisi = "POLMAN Bandung";
function ubah($str)
{
$this->divisi = $str;
}
}

$hme = new himp;


print $hme->divisi;
print "<br>";
$hme->ubah("Lab. Komputer");
print $hme->divisi;
?>

Penggunaan tipe data array akan di bahas di bagian operasi


array.

4. OPERATOR

Dalam PHP terdapat operator artimatika, assignment, bitwise, perbandingan, logika , increment /
decrement yang kesemuanya sama dengan C++ dalam cara penggunaannya.

5. PERNYATAAN

Dalam PHP juga terdapat conditional statement yang cara penggunaannya sama seperti dalam C++.

6. FUNGSI

Dalam PHP, tipe data balikan sebuah fungsi tidak di deklarasikan secara eksplisit seperti dalam C++.
Dalam PHP, fungsi tidak perlu dideklarasikan, cukup di definisikan saja. Pendefinisian fungsi dapat
diletakkan di awal, tengah, akhir maupun di file lain.

Contoh :
<?
print "<form action='$PHP_SELF?action=1' method='post'>";
print "Masukkan Nama Anda : <input type='text' name='nama'
size=25>";
print "<input type='submit' value=' OK '></form>";

if($action==1)
{
greet($nama);
}

function greet($str)
{
$date = date(G);
if($date<11 && $date>=0)print"Selamat Pagi $str";
else if($date>=11 && $date<15)print "Selamat Siang $str";
else if($date>=15 && $date<18)print "Selamat Sore $str";
else print"Selamat Malam $str";
PEMROGRAMAN WEB 3

HTML, PHP dan MySQL

}
?>

7. OPERASI ARRAY

Deklarasi array :
1. $divisi[3] = {Rinekamaya,Polman,WS};
2. $divisi = array(Rinekamaya,Polman,WS);

Menghitung jumlah elemen array menggunakan fungsi count($array)  contoh : count($divisi)


menghasilkan nilai 3;

Mengambil potongan elemen dari suatu array, menggunakan array_slice()

array_slice(variable_array,parameter_offset, panjang);

variable_array adalah nama variable array yang ingin kita potong. Parameter_offset, jika positif
menunjukkan elemen awal pemotongan dihitung dari depan, sedangkan jika negatif di hitung dari
belakang ( yaitu urutan ke parameter_offset dari belakang ). Panjang yaitu menentukan panjang
elemen yang dipotong. Jika panjang tidak diberikan, maka array dipotong mulai dari nilai elemen
yang ditentukan oleh parameter_offset sampai elemen terakhir.

8. OPERASI FILE

Membuka File  fopen(nama_file, mode_akses);


Menutup File  fclose(file_pointer)
Membaca Isi File  fgets(file_pointer, panjang_string)
Tag HTML tidak diabaikan
fgetss(file_pointer, panjang_string)
Mengabaikan tag HTML
Menulis ke File  fputs(file_pointer,string)
Memeriksa apakah pointer telah berada di akhir file  feof(file_pointer)

Ket : Gunakan fungsi


mode_akes pada PHP sama dengan mode akses pada C++.
$file = fopen(coba.txt,r+w). $file disebut sebagai file_pointer

9. MYSQL dan PHP

Bagian ini membahas pengaturan hubungan antara PHP dan MySQL secara general. Mengenai
struktur database, table, field maupun pengertian querinya diberikan pada modul MySQL.
Untuk dapat berhubungan dengan MySQL, PHP harus membuka hubungan ke server MySQL, yaitu
dengan

mysql_connect(nama_host, nama_user, password);

Setelah tersambung, maka user memilih database, yaitu dengan

mysql_select_db(nama_database);

Untuk mengeksekusi query query yang ada pada MySQL namun tidak dimiliki oleh PHP digunakan
fungsi

mysql_query(query);

Mengenai query query yang ada, dapat anda lihat dalam modul MySQL.
PEMROGRAMAN WEB 4

HTML, PHP dan MySQL

Untuk mengambil hasil query yang dilakukan oleh mysql_query() digunakan fungsi

mysql_fetch_row(result_id) atau
mysql_fetch_array(result_id)

Beda antara mysql_fetch_row() dan mysql_fetch_array() adalah pada mysql_fetch_array() hasil yang
diperoleh dalam bentuk array assosiatif.

Setelah penggunaan database mysql selesai, maka koneksi diputus dengan menggunakan

mysql_close();
PEMROGRAMAN WEB 5

HTML, PHP dan MySQL

MODUL PELATIHAN MySQL

1. PENDAHULUAN

Untuk dapat mengakses database, maka seorang user harus login terlebih dahulu

# mysql u nama_user p
password : **********

Jika berhasil ada

Welcome to the MySQL monitor. Commands end with ; or \g.


Your MySQL connection id is 2 to server version: 3.23.32

Type 'help;' or '\h' for help. Type '\c' to clear the buffer

Adapun nama_user dan password di buat oleh root mysql dengan perintah
mysql > insert into user(host,user,password)
values(localhost,nama_user,password(password);

Secara default, privileges yang diberikan kepada user biasa adalah N semua.
Jika anda ingin memberikan privileges Y kepada user anda, anda dapat melihat field privileges pada
table user.

NB : Setiap query diakhiri dengan tanda (;). Jika tanda ( ; ) tidak diberikan, maka MySQL
Akan menganggap bahwa query anda belum selesai.

2. DATABASE, TABLE DAN FIELD DASAR

Dalam MySQL data disusun dalam suatu database, yang didalamnya terdiri dari beberapa table dan
didalam table terdapat beberapa field.

_______________DATABASE_____________
| | |
TABLE1 TABLE2 TABLE3
/ \ | / \
FIELD1 FIELD2 FIELD3 FIELD4 FIELD5

Didalam Field itulah entri data kita disimpan


Untuk melihat semua database:

mysql> show databases;


+--------------------+
| Database |
+--------------------+
| chat |
| db_hnawri |
| irwan00 |
| mysql |
| questionnare |
| radio_kampus |
| smun39 |
| test |
| waterbalance |
+------------------- +
9 rows in set (0.00 sec)
PEMROGRAMAN WEB 6

HTML, PHP dan MySQL

Terlihat ada 9 buah database. Secara default, database hanya ada 2, yaitu mysql dan test.
Misalkan saya ingin menambahkan sebuah database baru bernama database multimedia, maka

mysql> create database multimedia;


Query OK, 1 row affected (0.11 sec)

Untuk melihat apakah database saya sudah ada, gunbakan kembali query show databases;
Setelah database multimedia berhasil dibuat, maka kita akan akan membuat table table.
Sebelum kita membuat table di dalam database multimedia maka kita harus memilih database
multimedia terlebih dahulu dengan query.

mysql> use multimedia;


Database changed

Misalkan akan dibuat table - table


1. Table kru yang isinya
nama , nim , ttgl, alamat_bdg, telpon_bdg, alamat_libur, telp_libur, skill
2. Table cakru yang isinya
nama, nim, email, spesialisasi, nilai, absensi

Perintahnya

mysql> create table kru(nama varchar(75),nim int(9),ttgl varchar(30),alamat_bdg


longtext,telp_bdg varchar(15),alamat_libur longtext,telp_libur varchar(15), skill longtext,id int(3)
auto_increment primary key);
Query OK, 0 rows affected (0.17 sec)

mysql> create table cakru(nama varchar(75),nim int(9), email varchar(50), spesia


lisasi varchar(15),nilai int(3), absensi int(3), id int(3) auto_increment primary key);
Query OK, 0 rows affected (0.00 sec)

Untuk melihat table yang telah kita buat

mysql> show tables;


+-------------------------------+
| Tables_in_ multimedia |
+-------------------------------+
| cakru |
| kru |
+-------------------------------+
2 rows in set (0.00 sec)

Terlihat ada dua table, yaitu cakru dan kru. Tapi kemanakah nama, nim dan sebagainya ?
Nama, nim, ttgl, email, dst disebut sebagai field.
Untuk melihat field fileds di dalam sebuah table digunakan perintah

mysql > show fields from nama_table;

Misalkan kita ingin melihat fields dari table kru, maka


mysql> show fields from kru;
+--------------------+--------------------+---------+---------+---------- +---------------------------- +
| Field | Type | Null | Key | Default | Extra |
+--------------------+------------------- +---------+---------+----------+---------------------------- +
| nama | varchar(75) | YES | | NULL | |
| nim | int(9) | YES | | NULL | |
| ttgl | varchar(30) | YES | | NULL | |
| alamat_bdg | longtext | YES | | NULL | |
PEMROGRAMAN WEB 7

HTML, PHP dan MySQL

| telp_bdg | varchar(15) | YES | | NULL | |


| alamat_libur | longtext | YES | | NULL | |
| telp_libur | varchar(15) | YES | | NULL | |
| skill | longtext | YES | | NULL | |
| id | int(3) | | PRI | NULL | auto_increment |
+--------------------+------------------- +---------+---------+-----------+---------------------------- +
9 rows in set (0.07 sec)

untuk mengisi table kru gunakan


mysql> insert into kru<nama,nim,ttgl,alamat_bdg,alamat_libur,telp_libur,skill) values("Irwan,
"13200166","Jakarta 26 Juli 1982","Cisitu Indah","022 - 2530877
","Jakarta","021 - 8726154","PHP, MySQL, JavaScript, C, C++, FreeBSD, Linux, Ms
Windows 2000 Professional");

Dengan perintah seperti diatas, anda dapat mengisi sebagian fields saja.
Untuk melihat seluruh isi field gunakan

mysql > select * from kru;

Untuk melihat nama dan nim saja gunakan perintah

mysql> select nama,nim from kru;

Untuk melihat nama dan nim dari kru yang bernama Irwan gunakan perintah

mysql> select nama,nim from kru where nama=Budi;

Untuk melihat nama dan nim dari kru yang rumah aslinya di Jakarta, gunakan perintah

mysql> select nama,nim from kru where alamat_libur like %Bandung%;

Query like di gunakan untuk mencari kata yang mirip, sedangkan ( % ) analoginya sama dengan tanda *
dalam unix atau windows, yaitu sebagai wildchar character.

3. DATABASE, TABLE DAN FIELD LANJUT

3.1.Menghapus database
mysql> drop database multimedia;
3.2 Menghapus table kru
mysql> drop table kru;
3.3 Menghapus field spesialisasi dalam table cakru;
mysql> alter table cakru drop spesialisasi;
3.4 Menambah field spesialisasi dalam table cakru
mysql> alter table cakru drop spesialisasi varchar(5);
3.5 Ternyata ukuran data spesialisasi terlalu kecil dan ingin diubah menjadi varchar(25)
mysql> alter table cakru modify spesialisasi varchar(25);
3.6 Menghapus semua entri dalam field
mysql> delete from kru;
3.7 Menghapus entri dalam field ( misalkan entri yang bernama Irwan saja)
mysql> delete from kru where nama=Budi;
PEMROGRAMAN WEB 8

HTML, PHP dan MySQL

MODUL PELATIHAN MySQL Front

Install MySQL Front

Untuk menginstall MySQL Front tidak jauh berbeda waktu kita


menginstall MySQL
Langkah-langkah untuk menginstall MySQL Front

1. Klik File MySQL-Front_2.5_setup

2. Berikut Proses Instalasi MySQL-Front_2.5 selengkapnya :


2
1
PEMROGRAMAN WEB 9

HTML, PHP dan MySQL

KONEKSI DAN LOGIN KE SERVER MYSQL DENGAN


MENGGUNAKAN MYSQL-FRONT

Jalankan Program MySQL-Front


Begitu program MySQL-Front tampil, maka akan tampil
sebagai defaultnya adalah kotak dialog Connection to
MySQL-Host

- Klik Tombol New, akan tampil kotak dialog New


Connection...
PEMROGRAMAN WEB 10

HTML, PHP dan MySQL

- Tulis description (misalnya :group7), kemudian klik tombol


OK untuk melanjutkan proses.

- Tulis Hostname / IP (atau biarkan terisi secara default)


- Tulis User (atau biarkan terisi secara default)
- Tulis Password (atau biarkan kosong)
- Klik OK

PEMUTUSAN KONEKSI DARI SERVER MYSQL

Jika sudah koneksi dan login ke server MySQL dengan menggunakan MySQL-front (seperti gambar
dibawah), maka untuk melakukan close atau pemutusan koneksi dari server MySQL dengan cara klik
File|Close atau klik icon close pada toolbar
PEMROGRAMAN WEB 11

HTML, PHP dan MySQL

MEMBUAT BASIS DATA

Untuk membuat basis data dengan cara :


- Klik Menu Tool | Create Database - gambar atau Klik kanan pada Root@localhost | Create Database

Akan tampil kotak dialog Create New Database


- Tuliskan nama database yang anda inginkan, kemudian klik
OK, untuk melanjutkan proses pembuatan database

- Hasil dari proses pembuatan database ini dapat dilihat pada root@localhost berikut :
PEMROGRAMAN WEB 12

HTML, PHP dan MySQL

MEMBUAT TABEL

Cara untuk membuat tabel pada Program MySQL-Front :


- Klik Menu Tools |Create Table

1
13 14
PEMROGRAMAN WEB 13

HTML, PHP dan MySQL

Keterangan :

1. Table-Name digunakan untuk memasukkan nama tabel yang akan dibuat


2. In-Database merupakan pilihan untuk memasukkan tabel yang akan kita buat nanti
bagian dari database mana
3. Comment digunakan untuk memberikan komentar tentang tabel yang kita buat (sangat
berguna agar kita tidak kehilangan riwayat tabel)
4. Table-Type. Merupakan type dari tabel yang akan kita buat (defaultnya : <Automatic>
5. Fields. Masukkan nama field dari tabel yang akan kita buat, bila nama field yang kita
entrykan unik (tidak sama dengan yang sudah ada), maka tombol Add akan aktif
6. Merupakan tampilan dari field-field yang akan kita buat
7. Type : type data field yang akan kita buat. Jenis type data yang ada antara lain :TinyInt,
SmallInt, MediumInt, Int, BigInt, Float, Double, Decimal, Date,Datetime,TimeStamp, Time,
Year, Char, dll

Catatan : untuk memasukkan type dari field yang anda buat


caranya :
1. Klik dari field yang anda buat (tersorot)
2. Kemudian pilih type-nya (langkah ini berlaku juga untuk
memasukkan length/Set, Default value, Pilihan-pilihan primary,
index, unique, not null, unsigned, autoincrement, zerofill
8. Tombol Add digunakan untuk menambah field
Tombol Change digunakan untuk mengubah Field
Tombol Remove digunakan untuk menghapus field
9. Tombol-tombol yang berfungsi untuk memindah-mindah posisi field pada tabel yang akan
kita buat
10. Length/Set digunakan untuk panjang field yang akan kita buat (langkah-langkahnya lihat
keterangan 7)
11. Default Value digunakan apabila kita ingin field yang akan kita buat nantinya akan terisi
secara otomatis (langkah-langkahnya lihat
keterangan 7)
12. Attribut untuk Field, misalnya : Primary digunakan apabila kita akan membuat field
tersebut sebagai kunci utama.
13. Tombol Create, digunakan untuk Membuat tabel yang telah kita rancang (kita desain)
14. Tombol Cancel, digunakan apabila kita akan membatalkan proses pembuatan tabel
PEMROGRAMAN WEB 14

HTML, PHP dan MySQL

EDITING FIELD PADA TABEL

Menampilkan Field Pada Tabel


Untuk menampilkan field pada tabel, caranya :
a. Double Klik Database yang diinginkan
b. Double Table yang akan dilihat struktur fieldnya.
c. Klik tab Table pada jendela sebelah kanan

Menambah Field Pada Tabel


Untuk menambah Field pada tabel, langkahnya adalah sebagai
berikut :
a. Sorot Tabel pada Database yang akan ditambah fieldnya.
b. Klik Tombol
PEMROGRAMAN WEB 15

HTML, PHP dan MySQL

Akan tampil kotak dialog Field Editor berikut :

1. Position : digunakan untuk menentukan posisi Field yang akan kita tambahkan
(defaultnya : At End Of Table)
2. Name : Nama Field yang akan kita tambahkan
3. Type : Type Data yang kita pakai untuk field yang akan kita tambahkan (defaultnya
TinyInt)
4. Length/Set : Panjang dari field yang akan kita tambahkan
5. Default : Default value dari field yang akan kita tambahkan
6. Attribut :Atribut dari field yang akan kita tambahkan (cukup dengan klik pada cekbox
yang tersedia)
7. AddField : Tombol Untuk menambahkan field baru
8. Cancel : tombol untuk membatalkan penambahan field baru
PEMROGRAMAN WEB 16

HTML, PHP dan MySQL

Contoh dalam Praktik MySQL-Front

1. Cara membuat koneksi di dalam MySQL-Front


2. Membuat database dengan menggunakan MySQ,L-Front (nama database = KKPI7), Jelaskan
langkah-langkahnya
3. Membua tabel berikut dalam Database KKPI 7 yang telah anda buat

Nama Tabel = Biodata

Nama Field Type Data Panjang Field


IDBio Char 4
NamaPst Char 50
AlmPst Char 60
TmpLahir Char 40
TglLahir Date

Dicoba :

Nama Tabel = komenter

Nama Field Type Data Panjang Field Extra


nomor Int 3 Auto_increment
nama Char 50
unit Char 60
salam Longblob
tgljam Char 40
jawab Longblob

4. Cara menampilkan data dari tabel Biodata yang telah anda buat
5. Ada 2 cara menambah record pada Tabel Biodata yang telah anda buat
PEMROGRAMAN WEB 17

HTML, PHP dan MySQL

Contoh Praktek MySQL-Front


1. Cara membuat koneksi di dalam MySQL-Front

- Jalankan Program MySQL-Front


- Begitu program MySQL-Front tampil, maka akan tampil sebagai defaultnya adalah kotak dialog
Connection to MySQL-Host

Klik Tombol New, akan tampil kotak dialog New


Connection...

Tulis description (misalnya :group7), kemudian klik tombol OK untuk melanjutkan proses.
PEMROGRAMAN WEB 18

HTML, PHP dan MySQL

Tulis Hostname / IP (atau biarkan terisi secara default)


Tulis User (atau biarkan terisi secara default)
Tulis Password (atau biarkan kosong)
Klik OK

2. Membuat database dengan menggunakan MySQ,L-Front (nama database = KKPI7).

a. Dari Menu utama pada program MySQL-Front, Klik menu


Tools|Create Database
PEMROGRAMAN WEB 19

HTML, PHP dan MySQL

b. Akan tampil kotak dialog Create Database, pada Kotak Isian


Database name, tuliskan KKPI7, kemudian klik Tombol

hasil database yang telah kita buat tertampil dalam root@localhost seperti gambar berikut

3. Buatkan tabel berikut dalam Database KKPI 7 yang telah anda buat?

Nama Tabel = Biodata


Nama Field Type Data Panjang Field
IDBio Char 4
NamaPst Char 50
AlmPst Char 60
TmpLahir Char 40
TglLahir Date

a. Klik Menu Tools|Create Tabel


PEMROGRAMAN WEB 20

HTML, PHP dan MySQL

Akan tampil kotak dialog create tabel

Hasil Tabel akan tampil sebagai berikut

4. Cara menampilkan data dari tabel Biodata yang telah anda buat!

Jawab :
a. Klik/Sorot tabel biodata di database KKPI
b. Klik Tab. Data (lihat gambar)
PEMROGRAMAN WEB 21

HTML, PHP dan MySQL

5. Ada 2 cara menambah record pada Tabel Biodata yang telah anda buat!

a. Langkah I
Pada Mode menampilkan data (lihat gambar dibawah),
Klik Tombol + pada toolbar.

b. Langkah II
1. Letakkan kursor data pada akhir dari data pada tabel

2. Tekan tombol Panah Bawah pada Keyboard anda, maka akan ada record kosong yang siap
dientrykan data kedalamnya

3. Kemudian Tekan F5 untuk merefresh Data


PEMROGRAMAN WEB 22

HTML, PHP dan MySQL

DAFTAR PUSTAKA

1. Luke Wlling, Laura Thomson, PHP & MYSQL Web Development, Indianapolis, Sams
Publishing, 2005
2. W. Jason Gilmore, Beginning PHP & MySQL, Novice to Professional, USA, 2008
3. Erico Darmawan H, Pemrograman Dasar C, Informatika, 2006

Anda mungkin juga menyukai