Bahan Ajar Pemrograman Web

PEMROGRAMAN WEB
Penyusun Bahan/Buku Ajar dalam Kurikulum Berbasis Kompetensi ini dibuat oleh
Program Hibah Penguatan Politeknik Kerjasama Pemda (PHP
(PHP-PKP)
Direktorat Pembelanjaran dan Kemahasiswaan Dirjen Dikti
Kementrian Pendidikan dan Kebudayaan
Tahun Anggaran 2012
Disusun Oleh :
Willy Permana Putra, S.T, M.Eng
Teknik Informatika
Politeknik Indramayu
2012
PENDAHULUAN
Internet merupakan salah satu fenomena paling berpengaruh dalam

beberapa dekade terakhir ini, baik bagi perkembangan teknologi itu sendiri
maupun bagi perkembangan disiplin ilmu lain, seperti ekonomi, politik, sosial dan
budaya. Perkembangan internet juga berpengaruh langsung terhadap
perkembangan situs web.
Di awal kemunculannya, internet maupun situs web belum begitu populer
karena layanannya yang masih terbatas. Namun lihatlah saat ini, situs web sudah
demikian populer dan layanannya pun beragam, mulai dari situs berita seperti
Detik dan Okezone, situs penyedia email seperti Yahoo dan Gmail, sampai situs
pertemanan (social networking) seperti Friendster dan Facebook.
Dalam kaitannya dengan situs web dan layanan di dalamnya tidak lepas
dari teknologi di baliknya, yaitu pemrograman web, desain web dan database.
Salah satu bahasa pemrograman yang banyak digunakan untuk membangun suatu
situs web adalah PHP (http://www.php.net). Penggunaannya saat ini bahkan sudah
mencapai 25 juta situs web.
Sedangkan dari sisi database, penggunaan MySQL (http://www.mysql.com)
masih juga mendominasi dalam aplikasi berbasis web. Melalui bahan ajar ini,
penulis berusaha mengenalkan bahasa pemrograman web dari HTML, CSS XML,
AJAX, PHP dan MySQL untuk membangun suatu situs web.
Akhirnya penulis berharap agar bahan ajar ini bermanfaat bagi Program
Studi Teknik Informatika Politeknik Indramayu, khususnya mata kuliah
pemrograman web. Saran dan kritik untuk perbaikan bahan ajar ini sangat penulis
harapkan.
Penulis,
Willy Permana Putra, S.T., M.Eng
ii
DAFTAR ISI
COVER .................................................................................................................. i
PENDAHULUAN ................................................................................................ ii
DAFTAR ISI ........................................................................................................ iv
BAB I PENGANTAR PEMROGRAMAN WEB .......................................... 1
1.1. Sejarah Singkat Pemrograman Web .......................................... 1
1.2. Aplikasi Pemrograman Web ...................................................... 2
1.3. Tugas Project ............................................................................. 3
BAB II DOMAIN DAN HOSTING ................................................................ 6
2.1. Konsep Domain ......................................................................... 6
2.2. Konsep Hosting ......................................................................... 8
2.3. Konsep Web client (browser) & web server .............................. 9
2.4. Konsep Database client & database server .............................. 11
2.5. Konsep file client & file server ................................................ 12
2.6. Penggunaan FTP ...................................................................... 12
2.7. Pengenalan bahasa pemrograman web .................................... 13
BAB III HYPERTEXT MARKUP LANGUAGE (HTML) ............................ 15
3.1. Struktur HTML ........................................................................ 15
3.2. Tag-tag dasar ........................................................................... 17
3.3. Atribut dasar ............................................................................ 21
BAB IV CASCADING STYLE SHEET (CSS) .............................................. 25
4.1. Syntax CSS .............................................................................. 25
4.2. CSS internal ............................................................................. 26
4.3. CSS eksternal ........................................................................... 27
4.4. Tag style dan link ..................................................................... 27
4.5. Selector .................................................................................... 28
4.6. Warna, posisi, dan background ................................................ 32
BAB V Pemrograman PHP ............................................................................. 40
5.1. Syntax dasar PHP .................................................................... 40
5.2. Variabel dalam PHP ................................................................ 41
iii
BAB VI Struktur Kontrol PHP ........................................................................ 45
6.1. Struktur percabangan ............................................................... 45
BAB VII Fungsi-fungsi Umum PHP ............................................................... 53
7.1. Fungsi String ............................................................................ 53
7.2. Fungsi Date .............................................................................. 58
7.3. Fungsi Mail .............................................................................. 60
BAB VIII Method Pemrograman Web ............................................................... 67
8.1. Pemanfaatan tag form di HTML .............................................. 67
8.2. Pemanfaatan berbagai input sederhana .................................... 68
8.3. Pemanfaatan metode POST dan GET ...................................... 69
BAB IX Database MySQL .............................................................................. 75
9.1. Pembuatan schema database MySQL ...................................... 75
9.2. Pembuatan table dan field di MySQL ..................................... 76
9.3. Operasi CRUD pada database ................................................. 77
BAB X Manipulasi MySQL dengan PHP ....................................................... 81
10.1. Koneksi ke server MySQL dengan menggunakan PHP .......... 81
10.2. Membaca dan menampilkan data dalam bentuk table ataupun
bentuk lain ............................................................................... 82
BAB XI Operasi CURD PHP ......................................................................... 86
11.1. Operasi select data dengan menggunakan PHP ....................... 86
11.2. Operasi insert data dengan menggunakan PHP ....................... 92
11.3. Operasi update data dengan menggunakan PHP ..................... 95
11.4. Operasi delete data dengan menggunakan PHP ...................... 99
BAB XII Operasi File PHP dan Direktori ....................................................... 103
12.1. Mengolah File ........................................................................ 103
12.2. Mengakses File ...................................................................... 104
12.3. Membaca Isi File ................................................................... 105
12.4. Mendowload File ................................................................... 106
12.5. Mengolah Gambar ............................................................... 112
BAB XIII Asynchronous JavaScript and XML (AJAX) ................................. 115
13.1. Pengenalan AJAX .................................................................. 115
iv
13.2. XMLHttpRequest .................................................................. 117
13.3. Mengolah XML dengan PHP ................................................ 122
13.4. Operasi dasar AJAX .............................................................. 124
13.5. Oprasi Form dengan AJAX ................................................... 128
BAB XIV FINISHING TUGAS PROJECT .................................................... 135
v
BAB I
PENGANTAR PEMROGRAMAN WEB
POKOK BAHASAN :
Sejarah Singkat Pemrograman Web
Aplikasi Pemrograman Web
Tugas Project
TUJUAN BELAJAR :
Setelah mempelajari materi dalam bab ini, Mahasiswa diharapkan mampu:
Memahami Sejarah Singkat Pemrograman Web
Memahami definisi, maksud dan tujuan Aplikasi Pemrograman Web
Memahami tugas project yang akan diberikan
1.1. Sejarah Singkat Pemrograman Web

Web Programming adalah adalah proses menulis, mencoba, memeriksa dan
memperbaiki (debug), serta memelihara kode untuk membuat sebuah
program komputer. Kode ini ditulis dalam berbagai bahasa pemrograman.
Tujuan dari pemrograman adalah untuk memuat suatu program yang dapat
melakukan suatu perhitungan atau proses sesuai dengan keinginan si
pemrogram (Sumber :wikipedia). Jadi Secara singkat untuk Web
programming adalah proses pembuatan program yang outputnya disajikan
oleh Web Browser. Kami belum akan menjelaskan web programming
secara detail dimada ada program berupa server side ataupun client side.
Untuk lebih jelas jenis-jenis dan perkembangan dari Web programming hal
ini bisa dibaca pada web development.Dan bahasa yang digunakan adalah
bahasa HTML. HTML merupakan turunan atau pengembangan dari SGML
(Standar Generalized Markup Language). HTML sendiri dikembangkan
oleh Tim Berners-Lee sewaktu masih bekerja di CERN yang pertama kali
Bahan Ajar Pemrograman Web Page 1

dipopulerkan oleh browser Mosaic yang dikembangkan NCSA. Selama
awal tahun 1990an, HTML terus mengalami kemajuan yang sangat cepat.
Tapi pengembangan resmi HTML ini baru dikeluarkan pada tahun 1995
yang dikembangkan oleh Internet Engineering Task Force (IETF). HTML2
yang dikembangkan ini merupakan turunan dari HTML+ pada tahun 1993.
HTML3 yang juga dirilis pada tahun 1995 mempunyai kemampuan yang
jauh lebih bagus dari versi sebelumnya. Merupakan hasil usaha yang
dikembangan oleh World Wide Web Consortium's (W3C) dan kemudian
menghasilkan HTML3.2 pada tahun 1996.
Dan akhirnya terbitlah HTML4 dan HTML4.1 pada akhir tahun 1997 dan
1998. HTML ini merupakan sebuah text biasa yang dirancang untuk tidak
tergantung pada sistem operasi apapun.
Secara umum pemrograman web dapat dibagi 2, yaitu: client side scripting
dan server side scripting. perbedaan dari kedua jenis script ini adalah pada
bagaimana script tersebut di proses dan tentu saja dari sintaks program yang
digunakan.
1.2. Aplikasi Pemrograman Web

Sistem Berbasis Web atau Aplikasi Berbasis Web adalah sebuah sistem
yang dibangun dengan konsep rekayasa web (web engineering) dan
diaplikasikan secara online melalui media internet.

Web engineering adalah suatu proses yang digunakan untuk menciptakan
suatu sistem aplikasi berbasis web dengan menggunakan ilmu rekayasa,
prinsip-prinsip manajemen dan pendekatan sistematis sehingga dapat
diperoleh sistem dan aplikasi web dengan kualitas tinggi. Tujuannya untuk
mengendalikan pengembangan, meminimalisasi resiko dan meningkatkan
kualitas sistem berbasis web.
1.3. Tugas Project

Tugas project bersifat kelompok, jika terdapat kemiripan atau kesamaan
dalam project maka tugas tidak di berikan nilai. Berikut pilihan tugas
project beserta bobot penilaiannya :
1. Sistem Informasi Akademik (SIAKAD) (100 Point)
SIAKAD mampu memanajement data akademik mulai dari pendaftaran
mahasiswa baru, penerimaan prodi, manajement kelas, jadwal
perkuliahan, nilai, IPS, IPK, sampai dengan kelulusan. Admin
mempunyai hak penuh untuk memanajement data, mahasiswa dapat
masuk serta mendapatkan hak aksesnya begitu juga dengan dosen.
2. Aplikasi Electronic Human Resources Management (EHRM)
(100 Point)
Aplikasi ini digunakan untuk mengelola sumber daya manusia dalam
sebuah perusahaan/ organisasi. Fasilitas yang disediakan : input data
pegawai, edit, dan hapus data pegawai, mutasi, promosi karyawan
berdasarkan kriteria, penggajian, pencarian data pegawai berdasarkan
kriteria tertentu (berdasarkan departemen/ bagian, nip, nama karyawan,
status menikah/ belum menikah, jenis kelamin, masa kerja, dll), laporan
data karyawan per karyawan, rekap jumlah karyawan per bagian/
departemen, dll.
3. E-commers (100 Point)
Aplikasi ini mampu melakukan transaksi perdagangan online layaknya
belanja ofline. Pengakses dapat melihat dan mencari produk kemudian
dapat memasukan ke kranjang belanja setelah itu pengakses dapat

memesan online dengan syarat mengisi biodata lengkap untuk menjadi
member. Fasilitas yang disediakan : halaman admin, halaman member,
dan halaman umum.
4. Aplikasi E-Learning (EL) (90 Point)
Aplikasi ini mampu mengelola proses-proses yang ada di e-learning.
Fasilitas yang disediakan : input materi pembelajaran, menghapus
materi, pembuatan kategori untuk masing-masing ilmu pembelajaran
(umum, khusus, teknologi informasi, dll). Yang dapat mengakses sistem
ini adalah user yang telah melakukan registrasi sedangkan yang belum
(user biasa/ tamu) hanya dapat melihat informasi katalog materi
pembelajaran yang ada dari halaman utama. Untuk informasi
selengkapnya lihatlah contoh-contoh situs e-learning yang ada di
internet.
5. Aplikasi Perpustakaan OnLine (POL) (90 Point)
Aplikasi ini hampir sama dengan proses bisnis dari perpustakaan
konvensional hanya media yang digunakan adalah web. Fasilitas yang
disediakan : input data buku,pengarang, penerbit,dll. Edit, dan hapus
data buku,pengarang,penerbit. Setiap anggota bisa melakukan
pemesanan buku secara online, daftar katalog buku yang ada dan
keterangan isi buku yang tersedia, informasi stok buku yang tersedia,
status buku (dipinjam, rusak, tersedia).
6. Aplikasi Chat Room (CR) (90 Point)
Hampir sama dengan media chat room yang ada di internet yang berhak
masuk dalam room ini adalah user yang telah memiliki account di dalam
database. Fasilitas yang disediakan : lihat contoh chat room yang ada di
internet (ex : YM!, MiRC, etc).
7. Aplikasi Rekam Medik Rumah Sakit (RMRS) (90 Point)
Sistem ini melakukan pencatatan dan pengelolaan data-data rekam
medik pasien sebuah rumah sakit berbasis web. Fasilitas yang
disediakan : pengelolaan data pasien, laporan data rekam medik pasien
meliputi laporan rekam medik per pasien, laporan data pasien rumah

sakit per bulan, per tahun input, pencarian data rekam medik pasien
berdasarkan kirteria tertentu (nomor rekam medik, nama pasien, alamat
pasien, jenis penyakit, jenis kelamin, dll). User dalam sistem ini dibagi
menjadi beberapa level tergantung fasilitas yang dapat di akses oleh
level user yang bersangkutan. Fasilitas tambahan silahkan di tambahkan
sesuaikan dengan asumsi-asumsi yang berlaku di real world.
8. Aplikasi Web Sekolah (WS) (80 Point)
Aplikasi ini berbasis web, yang merupakan media komunikasi 2 arah
antara pihak sekolah dengan siswa. Fasilitas yang tersedia : pihak
sekolah dapat mengisikan info sehubungan dengan kegiatan sekolah,
fasilitas sekolah, daftar event yang ada di sekolah, siswa dapat
melakukan download materi dari guru, dll.
9. Aplikasi Reservation Hotel (RH) (80 Point)
Sistem pemesanan kamar hotel secara online. Informasi yang disediakan
adalah tipe kamar beserta harga kamar, jumlah kamar yang tersedia.
Fasilitas yang disediakan : input data kamar, edit harga kamar, booking
kamar secara online, input news yang berhubungan dengan hotel,
termasuk updated promosi-promosi yang dilakukan oleh pihak hotel.
10. Aplikasi Web Perusahaan (WP) (70 Point)
Berisi informasi profil perusahaan yang dapat di-update oleh perusahaan
melalui control panel yang tersedia (input, edit, hapus), dll.
11. Aplikasi Absensi (AA) (70 Point)
Sebuah aplikasi absensi menggunakan barcode atau identitas lainya dan
menggunakan halaman admin untuk memanajement data. Repot absensi
perbulan dan dapat dicetak.

BAB II
DOMAIN DAN HOSTING
POKOK BAHASAN :
Konsep Domain
Konsep Hosting
Konsep Web client (browser) & web server
Konsep Database client & database server
Konsep file client & file server
Penggunaan FTP
TUJUAN BELAJAR :
Memahami definisi dan konsep domain
Memahami konsep hosting
Memahami web client (browser) & web server
Memahami konsep database client & database server
Memahami konsep file client & file server
Memahami penggunaan FTP
2.1. Konsep Domain

Dalam dunia internet dapat dikatakan sebagai pengelompokan/pembagian
dari penamaan untuk masing-masing arti atau tujuan, misalnya untuk
komersial, organsisasi, sekolah, dll
Domain Level tinggi atau GTLD (Generic Top Level Domain), Domain ini
sebenarnya milik Amerika, namun karena sering digunakan terlihat seperti
Domain standard untuk alamat Internet.
Sebagian besar pengguna Internet lebih menyukai penggunaan Domain
Level Tinggi ini. Setiap orang boleh memiliki Domain ini tanpa perlu
persyaratan yang rumit kecuali domain edu,mil,travel

DOMAIN
Contoh Domain Level tinggi /GTLD :

DOMAIN KETERANGAN
.com di gunakan untuk kepentingan komersial atau perusahaan.
.net di gunakan untuk kepentingan network infrastruktur.
.org di gunakan untuk kepentingan organisasi.
.info di gunakan untuk kepentingan informasional website.
.name digunakan untuk kepentingan keluarga atau personal.
.edu digunakan untuk kepentingan website pendidikan, terbatas
hanya utk pendidikan.
.ac.id digunakan untuk kepentingan pendidikan akademik
indonesia.
.sch.id digunakan untuk kepentingan pendidikan sekolahan yang
ada di indonesia.
.co.id digunakan untuk kepentingan komersial atau perusahan
yang mempunyai legalitas di indonesia
.mil di gunakan untuk kepentingan website angkata bersenjata
amerika, terbatas hanya utk Militer.
.biz gunakan untuk kepentingan Bisnis.
.tv di gunakan untuk Entertainment seperti Televisi, Radio,
majalah.
a) DNS
Domain Name System (DNS) merupakan sistem berbentuk database
terdistribusi yang akan memetakan/mengkonversikan nama
host/mesin/domain ke alamat IP (Internet Protocol) dan sebaliknya.
Secara sederhana cara kerja DNS bisa dilihat pada gambar berikut ini:

DNS menggunakan relasi client server untuk resolusi nama. Pada saat
client mencari satu host, maka ia akan mengirimkan query ke server
DNS. Query adalah satu permintaan untuk resolusi nama yang
dikirimkan ke server DNS.
1. Pada komputer Client, sebuah program aplikasi misalnya http,
meminta pemetaan IP Address (forward lookup query). Sebuah
program aplikasi pada host yang mengakses domain system
disebut sebagai resolver, resolver menghubungi DNS server,
yang biasa disebut name server.
2. Name server mengecek ke local database, jika ditemukan, name
server mengembalikan IP Address ke resolver jika tidak
ditemukan akan meneruskan query tersebut ke name server root
server.
3. Terakhir barulah client bisa secara langsung menghubungi
sebuah website / server yang diminta dengan menggunakan IP
Address yang diberikan oleh DNS server.
a) Domain Provider
Domain provider adalah penyedia layanan domain berbayar yang dapat
diakses internet atau jaringan global.
2.2. Konsep Hosting

Web Hosting adalah salah satu bentuk layanan jasa penyewaan tempat di
Internet yang memungkinkan perorangan ataupun organisasi menampilkan
layanan jasa atau produknya di web / situs Internet salah satunya adalah

IndoGlobalWeb yang menawarkan jasa WebHosting Terbaik.Kecepatan
menyebarkan informasi tentang Jasa, Produk, Layanan Publik dan lainnya
merupakan salah satu tolak ukur keberhasilan bisnins perorangan atau
perusahaan sehingga banyak digunkan WEB hosting.
2.3. Konsep web server & Web client (browser)

a) Web server
Web server adalah software yang menjadi tulang belakang dari world
wide web
(www). Web server menunggu permintaan dari client yang
menggunakan browser seperti Netscape Navigator, Internet Explorer,
Mozilla, dan program browser lainnya.
Jika ada permintaan dari browser, maka web server akan memproses
permintaan itu kemudian memberikan hasil prosesnya berupa data yang
diinginkan kembali ke browser. Data ini mempunyai format yang
standar, disebut dengan format SGML (standar general markup
language). Data yang berupa format ini kemudian akan ditampilkan oleh
browser sesuai dengan kemampuan browser tersebut. Contohnya, bila
data yang dikirim berupa gambar, browser yang hanya mampu
menampilkan teks.
Hal yang paling utama dalam proses pembuatan web server adalah
memilih software mana yang akan digunakan sebagai web server kita.
Untuk itu perlu adanya pertimbangan sebagai berikut :
Lisensi dari software yang akan digunakan (freeware, shareware
atau komersial).
Kemudahan instalasi
Kemudahan dalam mengatur konfigurasi.
Kemudahan untuk menambah atau mengubah peripheralnya
Kemampuan Software.
Besar ruang yang dibutuhkan untuk menyimpan file-file minimal
yang dibutuhkan agar software dapat berfungsi dengan baik.

Prospek software tersebut dimasa yang akan datang.
Performasi dan konsumsi sumber daya yang digunakan software
itu.
Fasilitas apa yang mampu didukung oleh software itu.
Dukungan teknis (mempunyai site-site atau milis untuk bertanya
bila terjadi masalah).
Dukungan platform (jenis sistem operasi apa saja yang dapat
menjalankan software tersebut).
Dukungan terhadap third party (apakah software ini dapat
ditambahkan software tambahan sebagai pelengkap).
Macam - macam Web Server diantanya:
ApacheWeb Server - The HTTP Web Server
a. ApacheTomcat
b. Microsoft windows Server 2003 Internet Information Services
(IIS)
c. Lighttpd
d. Sun Java System Web Server
e. Xitami Web Server
f. Zeus Web Server
g. Xampp Server
Cara kerja web server :
Cara kerja Web Server Web server merupakan mesin dimana tempat
aplikasi atau software beroperasi dalam medistribusikan web page ke
user, tentu saja sesuai dengan permintaan user.
b) Web Client (browser)
Web Client adalah menyediakan user sebuah interface dimana akan
meminta server dan menampilkan respon dari server.
Ketika user meminta server (sebagai contoh, mendapatkan dokumen,
atau mungkin mengirim (submit) sebuah form), browserlah yang
memformat permintaan tersebut ke dalam sesuatu yang server dapat
mengerti. Begitu server telah selesai memproses permintaan dan

kemudian mengirim respon, browser mengambil data yang diperlukan
dari respon yang diberikan server dan kemudian merendernya untuk
ditampilkan ke user.
2.4. Konsep Database client & database server

a. Database Client
Database client adalah sebuah interface dimana client dapat mengontol
dan memanipulasi data yang ada pada database server.
User dapat mengakses database server dengan user, password, port, dan
host yang ada pada server.
b. Database Server
Database server adalah lokasi pusat dan utama data sementara database
server budak disinkronisasi backup dari master bertindak sebagai proxy.
Beberapa contoh dari server basis data Oracle, DB2, Informix, Ingres,
SQL Server. Setiap server menggunakan query sendiri logika dan
struktur. Bahasa query SQL kurang lebih sama di semua server
database. secara umum Database server adalah sebuah program
komputer yang menyediakan layanan database untuk program komputer
lain atau komputer, seperti yang didefinisikan oleh model client-server.
Istilah ini juga dapat merujuk ke komputer yang didedikasikan untuk
menjalankan program seperti itu. Sistem manajemen database yang
sering menyediakan fungsionalitas database server, dan beberapa
DBMSs (misalnya, MySQL) bergantung secara eksklusif pada model
client-server untuk mengakses database. Server tersebut diakses baik
melalui suatu "front end" yang berjalan di komputer pengguna yang
menampilkan data yang diminta atau "back end" yang berjalan pada
server dan menangani tugas-tugas seperti analisis data dan
penyimpanan.

2.5. Konsep file client & file server
a. File Client
File client adalah sebuah data yang berada pada webserver bertujuan
data dapat dikases internet atau jaringan. Client dapat memanajement
data yang ada pada server sesuai dengan hak akses server.
b. File Server
File Server adalah sebuah komputer terpasang ke jaringan yang
memiliki tujuan utama memberikan lokasi untuk akses disk bersama,
yaitu penyimpanan bersama file komputer (seperti dokumen, file suara,
foto, film, gambar, database, dll .) yang dapat diakses oleh workstation
yang melekat pada jaringan komputer. Istilah server menyoroti peranan
mesin dalam client-server skema, di mana klien workstation
menggunakan penyimpanan. Sebuah file server tidak dimaksudkan
untuk melakukan tugas-tugas komputasi, dan tidak menjalankan
program atas nama klien. Hal ini dirancang terutama untuk
memungkinkan penyimpanan dan pengambilan data sementara
perhitungan dilakukan oleh workstation.
2.6. Penggunaan FTP

File Transfer Protocol (FTP) adalah suatu protokol yang berfungsi untuk
tukar-menukar file dalam suatu network yang menggunakan TCP koneksi
bukan UDP.
Dua hal yang penting dalam FTP adalah FTP Server dan FTP Client.

FTP server adalah suatu server yang menjalankan software yang berfungsi
untuk memberikan layanan tukar menukar file dimana server tersebut selalu
siap memberikan layanan FTP apabila mendapat permintaan (request) dari
FTP client.
FTP client adalah computer yang merequest koneksi ke FTP server untuk
tujuan tukar menukar file. Setelah terhubung dengan FTP server, maka
client dapat men-download, meng-upload, merename, men-delete, dll sesuai
dengan permission yang diberikan oleh FTP server.
Tujuan dari FTP server adalah sebagai berikut :
Untuk tujuan sharing data
Untuk menyediakan indirect atau implicit remote computer
Untuk menyediakan tempat penyimpanan bagi user
Untuk menyediakan transfer data yang reliable dan efisien
2.7. Pengenalan bahasa pemrograman web

Pemrograman web membahas alur program pembuatan prangkat lunak
berbasis web yang meliputi bahasa pemrograman sebagai berikut :
1. HTML (HyperText Markup Language)
2. CSS (Cascading Style Sheet)
3. PHP (Personal Home Page)
4. JavaScript
5. AJAX (Asynchronous JavaScript and XML)
6. Database MySQL.

Dari bahasa pemrograman diatas dapat menghasilkan aplikasi berbasis web
yang handal. Kini pemrograman web sudah banyak di minati perusahaan-
perusahaan karena kemudahan dalam menginstalasi dan mengakses.

BAB III
HYPERTEXT MARKUP LANGUAGE (HTML)
POKOK BAHASAN :
Struktur HTML
Tag-tag dasar
Atribut dasar HTML
TUJUAN BELAJAR :
Memahami definisi dan struktur dasar HTML
Memahami tag-tag dasar HTML
Memahami atribut dasar HTML
HTML (Hyper Text Markup Language) adalah sebuah bahasa markup yang
digunakan untuk membuat sebuah halaman web dan menampilkan berbagai
informasi di dalam sebuah browser Internet. Bermula dari sebuah bahasa yang
sebelumnya banyak digunakan di dunia penerbitan dan percetakan yang disebut
dengan SGML (Standard Generalized Markup Language), HTML adalah sebuah
standar yang digunakan secara luas untuk menampilkan halaman web. HTML saat
ini merupakan standar Internet yang didefinisikan dan dikendalikan
penggunaannya oleh World Wide Web Consortium (W3C).
Seperti yang telah dijelaskan sebelumnya bahwa HTML(Hyper Text Markup
Language) adalah simbol-simbol atau tag-tag yang dituliskan dalam sebuah file
yang dimaksudkan untuk menampilkan halaman pada web browser. Tag-tag
HTML selalu diawali dengan <x> dan diakhiri dengan </x> dimana x tag HTML
seperti b, i, u dan sebagainya. Namun ada juga tag yang tidak diakhiri dengan
tanda </x> seperti tag <br>, <input> dan lainnya.
Sebuah halaman website akan diapit oleh tag <html></html>. File-file
HTML selalu berakhiran dengan ekstensi *.htm atau *.html. Jadi jika anda
mengetik sebuah naskah dan

menyimpannya dengan ekstensi *.html maka anda membuat file yang berformat
HTML.
3.1. Struktur HTML

HTML (Hypert Text Markup Language) merupakan bahasa pemrograman
yang digunakan dalam pembuatan halaman web. Dalam penggunaannya
sebagian besar kode HTML tersebut harus terletak di antara tag kontainer.
Yaitu diawali dengan <namatag> dan diakhiri dengan </namatag> (terdapat
tanda "/").
Sebuah halaman web minimal mempunyai empat buat tag, yaitu :
TAG FUNGSI
<HTML> Sebagai tanda awal dokumen HTML.
</HTML> Sebagai tanda penutup dokumen HTML.
<HEAD> Sebagai informasi page header. Di dalam tag ini kita bisa
meletakkan
tag-tag TITLE, BASE, ISINDEX, LINK, SCRIPT, STYLE &
META.
</HEAD> Sebagai informasi penutup page header.
<TITLE> Sebagai titel atau judul halaman. Kalimat yang terletak di
dalam tag ini akan muncul pada bagian paling atas browser
Anda (pada title bar)
</TITLE> Sebagai penutup titel atau judul halaman.
<BODY> Di dalam tag ini bisa diletakkan berbagai page attribute
seperti warna
latar belakang, warna teks, warna link, warna visited link,
warna active link dan lain-lain.
</BODY> Sebagai penutup body halaman.

Contoh :
<HTML>
<HEAD>
<TITLE>Halaman Home</TITLE>
</HEAD>
<BODY>
Hellow World !
</BODY>
</HTML>
Simpan dengan extensi *.html, kemudian buka browser maka akan tampil
seperti dibawah ini:
3.2. Tag-tag dasar HTML

Tag HTML umumnya berupa tag yang berpasang-pasangan dan diapit
dengan simbol < dan >. Pasangan atau penutup perintah dari sebuah tag
ditandai dengan tanda / . misalnya pasangan dari tag <example> adalah
</ example >.
Sebagian tag telah digunakan pada contoh kode HTML di atas. Sekarang
marilah kita kenali berbagai hal yang mendasar tentang tag. Setiap tag
memiliki nama, nama tag ditulis dalam tanda < dan >. Antara nama tag dan

tanda < ditulis tanpa spasi sama sekali. Nama tag dapat ditulis dengan huruf
kecil, kapital maupun campuran.
Beberapa tag ada yang menggunakan atribut di dalamnya. Contoh : <P
align=center>, pada contoh ini P adalah nama tag, sedangkan align
adalah nama atribut dan center adalah nilai atribut.
1. Memberi komentar atau keterangan.

Contoh:
<! isi komentar -->
2. <a href> Membuat link ke halaman lain atau ke bagian lain dari halaman
tersebut
Contoh:
<a href=namafile.html>Nama File</a>
3. <b> Membuat teks tebal

Contoh:
<b>Isi Teks</b>
4. <u> Membuat teks underline

Contoh:
<u>Isi Teks</u>
5. <bgsound> Memberi (suara latar) background sound pada halaman

web
Contoh:
<bgsound src=namafile.mp3>
6. <h1> Memperbesar ukuran teks sebesar satu point dari defaultnya

Contoh:
<h1>Heloworld</h1>

7. <blink> Membuat teks berkedip
Contoh:
<blink>Isi Teks</blink>
8. <br> Pindah baris

Contoh:
Baris Pertama <br>
Baris Kedua
9. <caption> Membuat caption pada tabel

Contoh:
<caption>Hellow World !</caption>
10. <center> Untuk perataan tengah terhadap teks atau gambar

Contoh:
<center>Hellow World !</center>
11.
12. <comment> Meletakkan komentar pada halaman web tidak tidak akan
nampak pada browser
Contoh:
<comment>Hellow World !</comment>
13.
14. <div> Represents different sections of text.

Contoh:
<div>Hellow World !</div>
15. <embed> Menambahkan sound or file avi ke halaman web

Contoh:
<embed src="namafile.swf"></embed>
16. <font> Mengganti jenis, ukuran, warna huruf yang akan digunakan
utk teks
Contoh:
<font>Hellow World !</font>

17. <form> Mendefinisikan input form
Contoh:
<form>Isi Form</form>
18. <hr> Membuat garis horizontal

Contoh:
Hellow World !
<hr>
19.
20. <i> Membuat teks miring

Contoh:
<i>Hellow World !</i>
21. <img> Image, imagemap atau an animation

Contoh:
<img src=lokasi/namafile.jpg>
22. <input> Mendefinisikan input field pada form

Contoh:
<input type=text>
23. <li> Membuat bullet point atau baris baru pada list
Contoh:
<li>Hellow World !</li>
24. <marquee> Membuat scrolling teks (teks berjalan)

Contoh:
<marquee>Hellow World !</marquee>
25. <p> Ganti paragraf

Contoh:
<p>Hellow World !</p>

26. <tr> Membuat baris tabel baru
Contoh:
<tr>Kolom tabel</tr>
27. <td> Membuat kolom tabel baru

Contoh:
<td>Hellow World !</td>
3.3. Atribut dasar HTML

Atribut mempunyai peranan penting dalam penulisan tag, berikut contoh
penulisan atribut HTML class=coba artinya tag mempunyai atribut
class dengan mempunyai value yaitu coba. Penggunaan atribut boleh lebih
dari satu dengan pemisah spasi.
Berikut bebrapa contoh penggunaan atribut HTML :
Penggunaan atribut Form ( <form> )
Agar form dapat berjalan dengan baik, berikut contoh peggunaan form
yang benar :
<HTML>
<HEAD>
<TITLE>Pemrograman Web POLINDRA</TITLE>
</HEAD>
<BODY>
<form name="form1" id="form1" method="post"
action="index.html">
</form>
</BODY>
</HTML>

Artinya form mempunyai atribut sebagai berikut :
Atribut Keterangan
name="form1 Digunakan untuk memberikan nama form
id="form1" Digunakan untuk memberi identitas form
Untuk memberikan method yang
method="post"
digunakan dalam form
Digunakan untuk mengirimkan data ke
action="index.html"
file yang ada pada value atribut
Penggunaan atribut Tabel ( <table> )

<HTML>
<HEAD>
</HEAD>
<BODY>
<table width="100%" border="0" cellspacing="0"
cellpadding="5">
<tr>
<td>Pemrograman Web POLINDRA</td>
</tr>
</table>
</BODY>
</HTML>

Atribut Keterangan
width="100%" Digunakan untuk memberikan lebar tabel
Digunakan untuk memberikan border
border="0"
pada tabel
cellspacing="0" Untuk memberikan margin tabel

Digunakan untuk memberikan jarak text
cellpadding="5"
dari kolom tabel
Penggunaan atribut Image ( <img> )

<HTML>
<HEAD>
</HEAD>
<BODY>
<img src="gambar.jpg" width="300" height="300">
</BODY></HTML>
Atribut Keterangan
Digunakan untuk memanggil file
src="gambar.jpg"
gambar.jpg
Digunakan untuk memberikan lebar
width="300"
pada gambar
Digunakan untuk memberikan tinggi
height="300"
gambar
Penggunaan atribut Hyperlink ( <a href> )

<HTML>
<HEAD>
</HEAD>
<BODY>
<a href="home.html" title="Halaman
Home">Home</a>
</BODY>
</HTML>

Atribut Keterangan
Digunakan untuk memanggil halaman
href="home.html"
home.html
title="Halaman Digunakan untuk memberikan title/ judul
Home" ketika mouse mendekati text Home
Penggunaan atribut Marquee ( <marquee> )

<HTML>
<HEAD>
</HEAD>
<BODY>
<marquee scrolldelay="150" direction="right"
onMouseOver="this.stop()"
onMouseOut="this.start()"> Pemrograman WEB
POLINDRA</marquee>
</BODY>
</HTML>
Atribut Keterangan
Digunakan untuk memberikan

scrolldelay="150"
waktu text berjalan
Digunakan untuk memberikan arah

direction="right"
jalan teks dari kiri ke kanan
Digunakan untuk menghentikan
onMouseOver="this.stop()" text berjalan saat mouse mendekati
teks
Digunakan untuk menjalankan
onMouseOut="this.start()" kembali text berjalan saat mouse
menjauhi teks

BAB IV
CASCADING STYLE SHEET (CSS)
POKOK BAHASAN :
Syntax CSS
CSS internal
CSS eksternal
Tag style dan link
Selector
Warna, posisi, dan background
TUJUAN BELAJAR :
Setelah mempelajari materi dalam bab ini::
Mahasiswa diharapkan mampu memahami definisi dan Syntax CSS
Mahasiswa diharapkan mampu memahami tentang CSS internal
Mahasiswa diharapkan mampu memahami CSS eksternal
Mahasiswa diharapkan mampu memahami Tag style dan link
Mahasiswa diharapkan mampu memahami Selector
Mahasiswa diharapkan mampu memahami Warna, posisi, dan background
4.1. Syntax CSS

Cascading Style Sheet adalah suatu teknologi yang digunakan untuk
memperindah tampilan halaman website. Singkatnya dengan menggunakan
Metode CSS ini anda dengan mudah mengubah secara keseluruhan warna
dan tampilan yang ada di situs anda, sekaligus memformat ulang situs anda
(merubah secara cepat).
Dengan CSS, anda dapat lebih mempercantik tampilan web. Baik dari style
teks, button, textfield, tabel dan lain-lain.
<STYLE TYPE="text/css">
.coba { color : white; }
</STYLE>
Artinya kode CSS di atas adalah: setiap teks yang ada di dalam tag class
coba pada bagian body, maka warnanya akan berubah menjadi putih.

4.2. CSS internal
CSS internal digunakan ketika dokumen tunggal web memiliki format yang
unik. kita menunjukkan css internal di bagian <head> dalam sebuah
halaman HTML menggunakan tag <style> seperti contoh berikut:
<html>
<head>
<title>Pemrograman Web POLINDRA</title>
<style type="text/css">
body,td,th {
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
color: #000;
}
body {
margin: 0px;
}
</style>
</head>
<body>
</body>
</html>
Contoh diatas mendesain body halaman dengan atribut CSS sebagai berikut:
Memberikan default jenis font yang digunakan halaman
font-family:
web
font-size: Untuk mengatur ukuran font
color: Untuk mengatur warna font
margin: Untuk mengatur margin body
4.3. CSS eksternal

CSS eksternal adalah menggabungkan 2 file dalam HTML, CSS eksternal
dapat di panggil dalam file HTML.
Berikut contoh CSS eksternal:

File style.css
body,td,th {
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
color: #000;
}
body {
margin: 0px;
background:url(images/b.jpg) repeat-x;
}
File index.html
<html>
<head>
<link href=style.css" rel="stylesheet" type="text/css"
/>>
</head>
<body>
</body>
</html>
Perhatikan script yang berada setelah penutup title artinya file html
memanggil CSS style.css untuk mengatur layout halaman. Kedua file
tersebut berada dalam direktori yang sama.
4.4. Tag style dan link

Untuk mengawali penulisan CSS menggunakan tag <style> dan penutup tag
</style>. Berikut contoh penulisan tag CSS dengan benar :

Kode css ditulis disini!
</style>
Kode diatas digunakan apabila CSS berada pada dokument HTML (CSS
Internal). Tag style mempunyai atribut type=text yang artinya
mendefinisikan tipe style yang digunakan dalam CSS.
Demi keamanan CSS dianjurkan berdiri sendiri atau menggunakan tipe CSS
Eksternal. Berikut penulisan tag menggunakan link :
<link href="style.css rel="stylesheet"
type="text/css" />
pada dokumen HTML pada tag <head> di sisipkan script diatas dengan
tujuan memanggil dokumen CSS layaknya menulis langsung dalam file
*.html.
4.5. Selector
Adalah nama yang diberikan untuk setiap style berbeda yang dibuat. Di
dalam style didefinisikan bagaimana setiap selector akan bekerja (font, color
dan lain-lain.). Kemudian di dalam bagian body halaman web, selector
tersebut dipanggil untuk mengaktifkan style yang telah didefinisikan.
Jenis-jenis Selector:
Selector HTML
Digunakan untuk mendefinisikan style yang berhubungan dengan tag
HTML, melakukan redefinisi tag normal HTML.
Syntak :
SelectorHTML{
Properti:Nilai;
}

Contoh :
<html>
<head>
h1{
color:#00F;
margin:0;
font-size:30px;
}
</style>
</head>
<body>
<h1>Ini adalah penggunaan selector HTML</h1>
</body>
</html>
Output :
Selector Class
Digunakan untuk mendefinisikan style yang dapat dipakai tanpa
melakukan redefinisi tag HTML.
Contoh :
<html>
<head>

.coba{
color:#00F;
margin:0;
font-size:30px;
}
.jajal{
color:#090;
margin:0;
font-size:14px;
}
</style>
</head>
<body>
<h1 class="coba">Ini adalah penggunaan
selector CLASS coba</h1>
<h1 class="jajal">Ini adalah penggunaan
selector CLASS jajal</h1>
</body>
</html>
Output:

Selector ID
Digunakan untuk mendefinisikan style yang berhubungan dengan suatu
object memanfaatkan ID unik, biasa digunakan saat bekerja dengan
layer.
Contoh :
<html>
<head>
#coba{
color:#00F;
margin:0;
font-size:30px;
}
#jajal{
color:#090;
margin:0;
font-size:14px;
}
</style>
</head>
<body>
<h1 id="coba">Ini adalah penggunaan selector
ID coba</h1>
<h1 id="jajal">Ini adalah penggunaan
selector ID jajal</h1>
</body>
</html>


Output:
4.6. Warna, posisi, dan background

a) Warna
Warna dalam CSS menggunakan kode RGB, berikut contoh penggunaan
kode warna CSS :
KODE WARNA
#FF0000 Merah
#00FF00 Hijau
#00FFFF Biru
#FFFFFF Putih
#000000 Hitam
Contoh :
<html>
<head>
.merah{ color:#FF0000; }
.hijau{ color:#00FF00; }
.biru{ color:#00FFFF; }
.putih{ color:#FFFFFF; }
.hitam{ color:#000000; }
</style>

</head>
<body>
<span class="merah">Merah</span>
<span class="hijau">Hijau</span>
<span class="biru">Biru</span>
<span class="putih">Putih</span>
<span class="hitam">Hitam</span>
</body>
</html>
Output :
b) Posisi
Sifat posisi CSS memungkinkan Anda untuk posisi elemen. Hal ini juga
dapat menempatkan sebuah elemen belakang lain, dan menentukan apa
yang harus terjadi bila konten elemen terlalu besar.Elemen dapat
diposisikan menggunakan bagian atas, bawah, kiri, dan sifat yang tepat.
Namun, sifat tidak akan bekerja kecuali milik posisi set pertama.
Mereka juga bekerja berbeda tergantung pada metode penentuan posisi.
Syntak :
selector{
position:value;
}

Ada empat value posisi dalam CSS, yaitu:
Value Keterangan
Sebuah elemen posisi absolut diposisikan relatif
absolute terhadap elemen induk pertama yang memiliki posisi
lain selain statis.
Sebuah elemen dengan posisi tetap diposisikan relatif
fixed
terhadap jendela browser.
Sebuah elemen diposisikan relatif diposisikan relatif
relative
terhadap posisi normal.
Elemen HTML statis diposisikan secara default.
Sebuah elemen diposisikan statis selalu diposisikan
static sesuai dengan aliran normal halaman.Elemen
diposisikan statis tidak terpengaruh oleh bagian atas,
bawah, kiri, dan sifat yang tepat
Contoh :
<html>
<head>
.posisi{
position:relative;
width:300px;
height:300px;
margin:auto;
border:1px solid #000;
top:100px;
}
</style>
</head>
<body>

<div class="posisi"></div>
</body>
</html>
Output :
c) Background
Background ini adalah salah satu property dari css, sedangkan value atau
nilainya sudah memiliki aturan, property backround ini tidak harus
digunakan semua.
Syntak :
selector { background:#3C0;}
Ada beberapa konfigurasi background, diantaranya sebagai berikut :
Background Keterangan
Memberikan background warna

background-color:#333
hitam
background-
Memberikan background gambar.jpg
image:url(gambar.jpg);

background-
Mengatur posisi background
position:center;
background-
Mengatur perulangan backgroud
repeat:repeat-x;
Contoh:
<html>
<head>
.coba{
position:relative;
width:300px;
height:300px;
margin:auto;
border:1px solid #000;
top:100px;
background:#3C0;
}
</style>
</head>
<body>
<div class="coba"></div>
</body>
</html>

Output:
Latihan :
Membuat menu horizontal dengan CSS
<html>
<head>
#list{
list-style:none;
}
ul{
list-style:none;
margin:0;
padding:0;
}
#list li{
float:left;
}
#list li a{

padding:10px;
padding-left:50px;
padding-right:50px;
border-left:1px solid #099;
color:#FFF;
margin:0;
display:block;
background:#C00;
text-decoration: none;
}
#list li a:hover{
background:#03F;
}
</style>
</head>
<body>
<ul id="list">
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Product</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">Galery</a></li>
<li><a href="#">Index</a></li>
</ul>
</body>
</html>

Output :
Tugas Latihan :
Buatlah menu vertikal dengan HTML dan CSS, ketika mouse mendekati
maka backgound akan berganti warna seperti dibawah ini :

BAB V
PEMROGRAMAN PHP
POKOK BAHASAN :
Syntax dasar PHP
Variabel dalam PHP
TUJUAN BELAJAR :
Mahasiswa diharapkan mampu memahami definisi, konsep Pemrograman
PHP secara umum
Mahasiswa diharapkan mampu memahami Syntax dasar PHP
Mahasiswa diharapkan mampu memahami Variabel dalam PHP
5.1. Syntax dasar PHP

PHP adalah sebuah project dari Apache Software Foundation.
(http://www.apache.org). PHP singkatan dari PHP : Hypertext Preprocessor,
yang merupakan salah satu Server site scripts (web scripting language) yang
biasa digunakan khusus untuk membuat aplikasi web atau website. Dalam
pengkodeannya PHP juga dapat ditanam dalam kode HTML.
Untuk menjalankan dibutuhkan apache server. Jika menggunakan sistem
operasi windows baiknya menggunakan XAMPP. Software sudah tersedia
apache, MySQL, phpMyadmin, dll.
a) Struktur umum
Penulisan PHP diawali dengan <?php dan ditutup dengan ?>. PHP
dapat berdiri sendiri dan juga dapat di sisipkan dalam kode HTML.
Syntak :
<?php
Kode php tulis disini
?>

b) Penggunaan perintah echo
Printah echo di gunakan untuk menampilkan text atau kode html
dalam file PHP. Berikut syntak perintah echo :
<?php
echo <h1>Pemrograman WEB
POLINDRA</h1>;
?>
5.2. Variabel dalam PHP

Variabel adalah tempat atau wadah untuk menyimpan suatu nilai selama
program berjalan didalam memori komputer.
Variabel dalam PHP dinyatakan dengan sebuah nama yang diawali dengan
tanda dollar ($). Nama variabel bersifat case-sensitive. Nama variabel
diawali dengan karakter huruf alphabet atau underscore, seterusnya diikuti
oleh sejumlah huruf, angka, atau underscores.
Contoh 1 :
<?php
$a="Pemrograman";
$b="Web";
$c="POLINDRA";
echo "$a $b $c";
?>
Sebelumnya buat direktori baru pada xampp > htdocs dengan nama
PW.kemudian Simpan pada direktori PW dengan nama index.php.
Buka browser kemudian masuk ke alamat : http://localhost/PW/index.php
Output :

Contoh 1 :
<?php
$a=10000;
$b=30000;
$c=$a + $b;
echo "$a + $b = $c";
?>
Output http://localhost/PW/contoh2.php :
Perbedaan pada contoh 1 dan 2 adalah penggunaan variabel, ketika variabel

string diawali dan diakhiri dengan tanda petik (), jika numerik maka tidak
boleh dikasih tanda petik ().
Selain variabel yang didefinisikan oleh user php juga menyediakan variabel-
variabel yang telah didefinisikan oleh php, seperti variabel $_SERVER
yang merupakan array yang berisi informasi mengenai headers,path serta
lokasi script, $_ENV, $_REQUEST, $_GET, $_POST, $_COOKIE,
$_FILES , dan $_SESSION.
Contoh 3 :
<?php
$a=$_SERVER['HTTP_HOST'];
$b=$_SERVER['REMOTE_ADDR'];
$c=$_SERVER['SERVER_PORT'];
$d=$_SERVER['DOCUMENT_ROOT'];
echo "Host yang digunakan adalah

<strong>$a</strong><br>";
echo "IP Adrees yang digunakan adalah
<strong>$b</strong><br>";
echo "Port yang digunakan adalah
<strong>$c</strong><br>";
echo "Tempat Direktori Web server adalah
<strong>$d</strong><br>";
?>
Output http://localhost/PW/contoh3.php :
Jangkauan sebuah variabel adalah sesuai dengan context dimana variabel

tersebut didefinisikan. Sebagian besar variabel dalam PHP merupakan
single scope.

BAB VI
STRUKTUR KONTROL PHP
POKOK BAHASAN :
Struktur Percabangan
Perintah Looping
TUJUAN BELAJAR :
Mahasiswa diharapkan mampu memahami macam-macam Percabangan
PHP
Mahasiswa diharapkan mampu memahami Perintah Looping PHP
6.1. Struktur Percabangan

Perintah yang memungkinkan pemilihan atas perintah yang akan dijalankan
sesuai dengan kondisi tertentu.
Ada tiga macam perintah percabangan dalam PHP, yaitu :
a) Percabangan IF
Syntak :
<?php
if(kondisi){ peryataan }
?>
Contoh :
<?php
$a=60;
$b=100;
if($a < $b){
echo "$a Lebih Kecil dari $b";
}
?>

Output http://localhost/PW/percabangan1.php :
b) Percabangan IF ELSE
Syntak :
<?php
if(kondisi){ peryataan }
else{ peryataan }
?>
Contoh :
<?php
$a=100;
$b=90;
if($a < $b){
echo "$a Lebih Kecil dari $b";
}
else{
echo "$a Lebih Besar dari $b";
}
?>

Latihan Percabangan IF :
<?php
$nama="MOH. ALI FIKRI";
$data=86;
if(($data<=100) && ($data>=80)){
$nilai="A";}
elseif(($data<=79) && ($data>=65)){
$nilai="B";}
$nilai="C";}
$nilai="D";}
$nilai="E";}
echo"<CENTER>NILAI PEMROGRAMAN WEB

<hr><p>
Nama : $nama <br>
Nilai : <strong>$nilai</strong>
</p></CENTER><hr>";
?>

Output http://localhost/PW/percabangan-lat.php :
c) Percabangan SWITCH CASE

Syntak :
switch($variabel)
{
case $nilai1: Pernyataan break;
default: Pernyataan break;
}
Contoh :
<?php
$variabel=3;
switch($variabel)
{
case 1:
echo "Ini adalah bilangan
<strong>Satu</strong>";
break;
case 2:
<strong>Dua</strong>";
break;
case 3:

<strong>Tiga</strong>";
break;
default:
echo "Tidak ada ";
break;
}
?>
Coba ubah bilangan yang ada pada variabel kemudian refresh

halamannya. Perintah diatas hanya bisa dijalankan ketika bilangan 1,2
dan 3 saja.
Tugas Percabangan :
1. Buatlah website untuk mencari bilangan genap dengan ketentuan
sebagai berikut :
a) Bilangan ditulis dalam variabel
b) Jika bilangan genap menampilkan output Ini adalah bilangan
Genap tanpa tanda petik.
c) Jika bilangan ganjil menampilkan output Ini adalah bilangan
Ganjil tanpa tanda petik.

6.2. Perintah Looping (Perulangan)
Bagian utama bahasa pemrograman selain pemeriksaan kondisi adalah
perulangan. Statement dalam perulangan berguna untuk melakukan
pengulangan statement/kode program yang dirasa untuk dieksekusi oleh
web server lebih dari sekali sesuai dengan kondisi yang diisyaratkan.
Ada 3 macam perulangan dalam PHP yaitu:
1. Perulangan for
Syntak :
for (ekspr1; ekspr2; ekspr3){
pernyataan_pernyataan
}
Jadi:
ekspr1 adalah ekspresi untuk memberikan nilai awal terhadap
variabel yang akan digunakan untuk melakukan pencacahan
pengulangan.
ekspr2 berlaku sebagai kondisi untuk menentukan pengulangan
terhadap pernyataan yang ada didalam {} akan dilakukan atau
tidak.
ekspr3 digunakan untuk mengatur nilai variabel yang digunakan
dalam ekspr1.
Contoh Mencari bilangan 1-10 dengan variabel i :
<?php
echo "Perulangan [1-10] : ";
for($i=1;$i<=10;$i++)
{
echo"$i ";
}
?>

Output http://localhost/PW/perulangan1.php :
2. Perulangan while
Pernyataan while merupakan salah satu pernyataan yang berguna untuk
melakukan suatu perulangan. Sebagai contoh, anda bisa menampilkan
bilangan sampai dengan 10 cukup dengan menggunakan kode pendek.
Syntak :
while(ekspresi){
pernyataan_pernyataan;
}
Pernyataan while akan memeriksa nilai ekspresi terlebih dahulu.
Jika bernilai benar maka pernyataan-pernyataan yang terdapat
dalam {} akan dijalankan
Kemudian ekspresi dievaluasi lagi.
Contoh :
<?php
$bilangan=1;
echo "Perulangan while [1-10] : ";
while($bilangan <= 10){
echo"$bilangan ";
$bilangan++;
}
?>

3. Perulangan do while
Pernyataan do-while mempunyai kegunaan yang serupa dengan
pernyataan while.
Syntak :
do{
pernyataan_pernyataan
}while(ekspresi)
Contoh :
<?php
$bilangan=1;
echo "Perulangan do-while POLINDRA : ";
do{
echo"<P>$bilangan. Pemrograman Web
Teknik Informatika POLINDRA </P>";
$bilangan++;
}
while($bilangan <= 5)
?>

Pada dasarnya semua perulangan itu sama, hanya saja teknik

penulisannya yang berbeda. Perulaangan sangat mempunyai peranan
penting dalam pemrograman web.
Tugas Perulangan :
1. Buatlah form input tanggal lahir menggunakan List/Menu html
dengan PHP berdasarkan ketentuan sebagai berikut :
a) List tanggal [1-31]
b) List bulan [1-12]
c) List Tahun [2012-2000]
Output yang dihasilkan adalah :

BAB VII
FUNGSI-FUNGSI UMUM PHP
POKOK BAHASAN :
Fungsi String
Fungsi Date
Fungsi Mail
Fungsi Array
TUJUAN BELAJAR :
Setelah mempelajari materi dalam bab ini :
Mahasiswa diharapkan mampu memahami String dalam bahasa
pemrograman PHP
Mahasiswa diharapkan mampu memahami Fungsi Date
Mahasiswa diharapkan mampu memahami Fungsi Mail
Mahasiswa diharapkan mampu memahami Fungsi Array
7.1. Fungsi String

String merupakan kumpulan dari karakter. Dalam PHP, karakter sama
dengan byte, dimana terdapat 256 karakter. PHP tidak mendukung
nativeunicode.
Untuk menuliskan sebuah string dalam PHP, bisa menggunakan 3 (tiga)
cara, yaitu dengan :
1. single quoted kutip tunggal ( ' )
Contoh :
<?php
$poltek='Politeknik Indramayu';
echo 'Pemrograman Web<br>';
echo '"Teknik Informatika" ';
echo '\'POLINDRA\' ';
echo ''.$poltek.'';
?>

Output http://localhost/PW/String1.php :
2. double quoted kutip ganda ( " )

Contoh :
<?php
$poltek="Politeknik Indramayu";
echo "Pemrograman Web<br>";
echo "'Teknik Informatika' ";
echo "\"POLINDRA\"";
echo "$poltek";
?>
Output :

3. Heredoc sintaks
Contoh :
<?php
$judul = <<<ST1
Contoh Penggunaan String dengan heredoc
sintaks.
ST1;
$nama = <<<nama
Ali Fikri
nama;
$prodi = <<<prodi
Teknik Informatika
prodi;
$kampus = <<<kampus
Politeknik Indramayu
kampus;
echo <<<tampil
<u>$judul</u><br>
Nama saya "<b>$nama</b>".
Jurusan/ Program Studi
<strong>$prodi</strong> <br>
di <strong>$kampus</strong>.
tampil;
?>
Output :

PHP menyediakan lebih dari 90 fungsi untuk manipulasi string. Fungsi -
fungsi string dalam PHP bisa dilihat di
http://ca.php.net/manual/en/ref.strings.php.
Beberapa fungsi manipulasi string yang sering digunakan, antara lain :
Fungsi Keterangan
menambahkan backslashes (\) di setiap tanda
addslashes()
kutip (quote) dalam string.
chr() menghasilkan karakter dari bilangan ASCII
crypt() menghasilkan string terenkripsi searah
echo() menampilkan satu atau beberapa string
memecah string berdasarkan suatu delimiter
explode()
(separator).
mengubah semua tag html menjadi HTML
htmlentities ()
entities.
mengubah semua karakter khusus menjadi
htmlspecialchars() HTML
entities
menggabungkan elemen array menjadi string
implode()
dengan suatu delimiter (separator).
join() sama dengan implode()
menghapus karakter tertentu ( , \t, \n, \r, \0,
ltrim()
\x0B) di awal string.
md5() menghasilkan string terenkripsi searah.
menambahkan HTML line break (<BR>)
nl2br()
sebelum semua baris baru dalam string.
number_format() mengatur format angka.
ord() menghasilkan kode ASCII dari suatu karakter
rtrim()
\x0B) di akhir string.
split() sama dengan explode

str_repeat() mengulang string
mengganti semua string dalam pola menjadi
str_replace()
suatu string.
strip_tags() mengabaikan HTML dan PHP tag dalam string
stripslashes() menghilangkan backslashes (\) dalam string
strlen() menghitung panjang string
mencari posisi pertama sebuah string dalam
strpos()
string
mencari posisi terakhir sebuah karakter dalam
strrchr()
string
mencari posisi terakhir sebuah string dalam
strrpos()
string
strrev() membalik string
mencari posisi pertama sebuah karakter dalam
strstr()
string.
mengubah string menjadi huruf kecil (lower-
strtolower()
case)
mengubah string menjadi huruf kapital (upper-
strtoupper()
case)
substr() memotong string
trim()
\x0B) di akhir dan akhir string.
mengubah huruf pertama dari semua string
ucfirst()
menjadi Upper-case.
mengubah huruf pertama tiap kata dalam string
ucwords()
menjadi uppercase
memotong sejumlah karakter dalam string
wordwrap()
dengan stringbreak-character.

7.2. Fungsi Date
Fungsi dalam Operasi tanggal dalam PHP yang utama dan sering digunakan
adalah fungsi date(). Fungsi ini akan menghasilkan tanggal dan waktu
server sekarang. Beberapa pilihan parameter dari fungsi date() ini dapat
dilihat pada tabel berikut ini :
Parameter Keterangan Contoh Nilai
Hari
d Tanggal, 2 digit dengan nol 01 s/d 31
Tiga digit nama hari dalam
D Mon s/d Sun
seminggu
j Tanggal tanpa nol 1 s/d 31
Nama hari lengkap dalam
l Sunday through Saturday
seminggu
1 (untuk Monday) s/d 7
N Urutan hari dalam seminggu
(untuk Sunday)
Akhiran angka English untuk
S st, nd, rd atau th.
tanggal, 2 karakter
0 (untuk Sunday) s/d
w Urutan hari dalam seminggu
6 (untuk Saturday)
z Urutan hari dalam setahun 0 s/d 365
Minggu
Contoh : 42 (minggu ke-
W Urutan minggu dalam setahun
42 dalam tahun ini)
Bulan
F Nama bulan lengkap January s/d December
Urutan bulan dalam setahun
m 01 s/d 12
dengan nol
Tiga digit nama bulan dalam
M Jan s/d Dec
setahun
n Urutan bulan dalam setahun, 1 s/d 12

tanpa nol
t Jumlah hari dalam tiap bulan 28 s/d 31
Tahun
Y 4 (empat) digit tahun 1989 atau 2012
y 2 (dua) digit tahun 89 atau 12
Waktu
Lowercase Ante meridiem dan
a am atau pm
Post meridiem
Uppercase Ante meridiem dan
A AM atau PM
Post meridiem
g Jam format 12 tanpa nol 1 s/d 12
G Jam format 24 tanpa nol 0 s/d 23
h Jam format 12 dengan nol 01 s/d 12
H Jam format 24 dengan nol 00 s/d 23
i Menit dengan nol 00 s/d 59
s Detik dengan nol 00 s/d 59
Contoh :
<?php
echo date("D, d/m/y")."
| Jam : ". date("H:i:s")."<br>";
echo date("l, d F Y")."
| Jam : ". date("g:i:s A")."<br>";
//tanggal indonesia
$array = array("Minggu", "Senin", "Selasa",
"Rabu", "Kamis","Jum'at", "Sabtu");
$hari = date ("w");
echo "<p>".$array[$hari].", ".date("d F Y")."
| Jam : ". date("g:i:s A")."</p>";
?>

Output :
7.3. Fungsi Mail

PHP menyediakan fungsi khusus untuk menangani pengiriman informasi ke
alamat email anda. Silahkan lihat fungsinyaberikut ini:
Fungsi : int mail (String to, string subject, string message, stringheaders)
Dimana :
String to : adalah alamat email tujuan
String subject : adalah subject dari email
String message : adalah isi dari email
String headers : berisi alamat email pengirim
Dalam beberapa kasus tertentu, anda tidak bisa menggunakanfungsi email
ini pada komputer lokal (localhost) Anda. Tetapi akanberjalan pada saat
anda meng-upload script PHP anda pada server web.
Untuk menjalankan mail pada localhost menggunakan mercury yang berapa
pada paket XAMPP server. Konfigurasinya sebagai berikut :

1. Klik start pada mercury. klik Admin yang ada di sebelah kanannya
untuk pengaturan mercury
2. Jika sudah masuk pilih menu Configuration>Protocol Modules dan
seting seperti gambar di bawah ini :
3. Setelah itu pilih menu Configuration>Manage Local Users . Pilih menu

Add untuk registrasi aku email dan lakukan setting seperti gambar
dibawah ini :

4. Setelah itu kita setting file php.ini di alamat C:\xampp\php
5. Edit dengan text editor dan cari bagian sendmail_from. Kemudian
masukan alamat email ali@localhost
6. Silahkan restart webserver apache dan mailserver mercury untuk
meyakinkan setingan sudah tersimpan semua.
Contoh :
<?php
$kepada = "fikri@localhost";
$subjek = "Pemrograman Web";
$dari = "ali@localhost";
$pesan = "Fungsi MAIL PHP Pemrograman Web
Teknik Informatika";
$kirim = mail($kepada, $subjek, $pesan,
$dari);
if($kirim){ echo"Terkirim...";}
else{echo"Gagal...";}
?>

Output :
Untuk mengeck email yang anda kirim bisa menggunakan aplikasi mail
client Mozilla Thunderbird, kemudian create new account dan masukan
user dan password yang telah dibuat sebelumnya di mercury.
7.4. Fungsi Array
Array adalah kumpulan beberapa data yang disimpan dalam satu variabel.
Jadi, berbeda dengan variabel sebelumnya yang hanya menyimpan satu nilai
saja, array dapat menampung lebih dari satu nilai.
Sebagai contoh, kita akan menyimpan data teman-teman kita dalam satu
variabel $teman. Ada tiga orang teman yang akan kita masukkan ke dalam
variabel tersebut. Secara visual, dapat digambarkan sebagai berikut :
Tria
$teman Faqih
Fikri
Tiap nilai dalam array (disebut elemen) diakses dengan menggunakan

index.
PHP mengenal dua macam index, yaitu index numerik dan index asosiatif.
Index numerik menggunakan angka untuk menandai tiap elemen, sedangkan
index asosiatif memberi nama untuk masing-masing elemen. Penggunaan
index akan dibahas lebih detail di bawah.
Inisialisasi (mengisi nilai) array $teman di atas dilakukan dengan cara
sebagai berikut :

$teman = array(Tria, Faqih, Fikri);
Kode di atas akan menjadikan $teman array berindex numerik. Selain
dengan cara di atas, kita juga dapat membuat array yang sama dengan cara :
$teman[] = Tria;
$teman[] = Faqih;
$teman[] = Fikri;
Hasilnya adalah array berindeks numerik yang dapat digambarkan sebagai
berikut :
Tria Faqih Fikri
0 1 2
$teman
Contoh :
<?
echo"<h1>Fungsi Array PHP</h1>";
$teman=array("Tria","Faqih","Fikri");
echo "Data Temanku yang Pertama adalah
<strong>$teman[0]</strong><br>\n";
echo "Data Temanku yang Kedua adalah
echo "Data Temanku yang Ketiga adalah
?>

Output http://localhost/PW/array1.php :
PHP menyediakan lebih dari 70 fungsi untuk manipulasi array. Fungsi-

fungsi array dalam PHP bisa dilihat di alamat
http://ca.php.net/manual/en/ref.array.php
a) Fungsi Pengurutan Array
Fungsi Keterangan
Pengurutan array berdasarkan value secara
arsort()
descending
asort()
ascending
Pengurutan array berdasarkan index/key secara
krsort()
descending
Pengurutan array berdasarkan index/key secara
ksort()
ascending
rsort()
descending dengan mengubah index/key
sort()
ascending dengan mengubah index/key
shuffle() Random pengurutan array

b) Fungsi Pengaturan Pointer Array
Fungsi Keterangan
Mendapatkan elemen array yang ditunjuk oleh
current()
pointer
end() Pointer menunjuk pada elemen array terakhir
key() Mendapatkan key yang ditunjuk oleh pointer
next() Pointer menunjuk pada elemen selanjutnya
prev() Pointer menunjuk pada elemen sebelumnya
Memindahkan pointer array ke awal (elemen
reset()
pertama
count() Menghitung jumlah elemen array
c) Fungsi Pencarian pada Array

Fungsi Keterangan
Mencari posisi (key) dari suatu value
array_search()
dalam array
Memeriksa suatu key ada dalam array
array_key_exists()
atau tidak
Memeriksa suatu elemen ada dalam
in_array()
array atau tidak

BAB VIII
METHOD PEMROGRAMAN WEB
POKOK BAHASAN :
Pemanfaatan tag form di HTML
Pemanfaatan berbagai input sederhana
Pemanfaatan metode POST dan GET
TUJUAN BELAJAR :
Setelah mempelajari materi dalam bab ini:
Mahasiswa diharapkan mampu memahami Pemanfaatan tag form di
HTML
Mahasiswa diharapkan mampu memahami Pemanfaatan berbagai input
sederhana
Mahasiswa diharapkan mampu memahami Pemanfaatan metode POST
dan GET
8.1. Pemanfaatan tag form di HTML

Form merupakan salah-satu tag yang sering di gunakan untuk mengolah
data, form dapat bekerja sebagain interface input data ke databae. Penulisan
form sederhana sebagai berikut :
<form name="form1" method="post" id=form1
action="simpan.php">
</form>
Syntak di atas tag form yang mempunyai :

Atribut Keterangan
Name= form1 digunakan untuk memberikan nama form
method="post" Digunakan untuk menandai pengiriman data
melalui metod post (form)
id=form1 Digunakan untuk membri identitas form
action="simpan.php" Digunakan untuk mengarahkan data inputan
ke simpan.php

8.2. Pemanfaatan berbagai input sederhana
Inputan menggunakan form HTML menggunakan 2 file php dimana satu
file PHP berisisi script FORM dan kedua berisi file pemrosesan data.
Contoh :
File input.php
<?
echo"<h1>Form Input</h1>
<form name='form1' method='post'
action='proses.php'>
Nama Lengkap : <input type='text'
name='nama' id='nama'>
<input type='submit' name='button'
id='button' value='Kirim'>
</form>";
?>
File proses.php
<?
$nama=$_POST['nama'];
echo"<h1>Nama Anda $nama</h1>";
echo"<a href='input.php'>Kembali</a>";
?>
Output :

Masukan nama pada textfield kemudian tekan kirim maka akan
menampilkan halaman seperti dibawah ini:
Pada file proses terdapat tag $_POST yaitu digunakan untuk membaca
input yang tersedia pada form.
8.3. Pemanfaatan metode POST dan GET

a. Method POST
Menthod POST di gunakan untuk membaca data dari form, untuk lebih
jelas lihat contoh studi kasus form biodata mahasiswa di bawah ini :
<?
echo"<div align='center'><h2>Biodata
Mahasiswa</h2></div>";
if(isset($_POST['nim'])){
echo"<table border='0' cellspacing='0'
cellpadding='5' style='border:1px solid #DDD;
padding:10px;width:600px;' align='center'>
<tr>
<td width='150'>NIM</td>
<td width='10'>:</td>
<td>$_POST[nim]</td>
</tr>
<tr>
<td>Nama Lengkap</td>
<td>:</td>

<td>$_POST[nama]</td>
</tr>
<tr>
<td>Jenis Kelamin</td>
<td>:</td>
<td>$_POST[kelamin]</td>
</tr>
<tr>
<td>Program Studi/ Jurusan</td>
<td>:</td>
<td>$_POST[prodi]</td>
</tr>
<tr>
<td> </td>
<td> </td>
<td><a href='post.php'><input type='button'
name='button' id='button' value='Kembali'></a></td>
</tr>
</table>";
}
else{
echo"<form name='form1' method='post' action=''>
<table border='0' cellspacing='0' cellpadding='5'
style='border:1px solid #DDD; padding:10px;'
align='center'>
<tr>
<td><input type='text' name='nim' id='nim'></td>
</tr>
<tr>
<td>:</td>
<td><input name='nama' type='text' id='nama'

size='60'></td>
</tr>
<tr>
<td>:</td>
<td><label>
<input type='radio' name='kelamin' id='kelamin'
value='Laki-laki'>Laki-laki
value='Perempuan'>Perempuan</label>
</td>
</tr>
<tr>
<td>Program Studi/ Jurusan</td>
<td>:</td>
<td><select name='prodi' id='prodi'>
<option value='Teknik Informatika'>Teknik
Informatika</option>
<option value='Teknik Mesin'>Teknik Mesin</option>
<option value='Teknik Pendingin & Tata
Udara'>Teknik Pendingin & Tata Udara</option>
</select></td>
</tr>
<tr>
<td> </td>
<td> </td>
<td><input type='submit' name='button' id='button'
value='Simpan'></td>
</tr>
</table>
</form>";
}
?>

Output :
Pada studi kasus diatas ketika tidak ada method POST yang di jalankan
maka akan menampilkan form input jika sebaliknya file akan
menampilakan hasil inputan dengan cara membaca name pada form
seperti $_POST[nim] dan seterusnya.
b. Method GET
Method ini membaca variabel atau data yang ada pada URL halaman
PHP. Penulisan method GET di awali dengan tanda tanya (?) kemudian
variabel dan value variabel. Jika method GET lebih dari satu maka di
tandai dengan (&) seperti dibawah ini :

Index.php?varibel=form
Index.php?varibel=form&kirim=simpan
Untuk lebi jelasnya lihat pada studi kasus satu file multi halaman seperti
di bawah ini :
File method.php
<?
echo"<div align='center'><h2>Method GET Pemrograman
Web</h2>
<hr>
<a href='method.php?hal=home'>Home</a> |
<a href='method.php?hal=tentangkami'>Tentang Kami</a>
|
<a href='method.php?hal=produk'>Produk</a> |
<a href='method.php?hal=berita'>Berita</a> |
<a href='method.php?hal=galeri'>Galeri</a> |
<a href='method.php?hal=kontak'>Kontak</a> |
<hr>";
if($_GET['hal']=="home"){
echo"Selamat datang di halaman Coba.Com";
}
elseif($_GET['hal']=="tentangkami"){
echo"Ini adalah halaman Tentang Kami";
}
elseif($_GET['hal']=="produk"){
echo"Ini adalah halaman Produk";
}
elseif($_GET['hal']=="berita"){
echo"Ini adalah halaman Berita";
}
elseif($_GET['hal']=="galeri"){
echo"Ini adalah halaman Galeri";
}

elseif($_GET['hal']=="kontak"){
echo"Ini adalah halaman Kontak";
}
else{
echo"Selamat datang di halaman Coba.Com";
}
echo"</div>";
?>
Output :
Halaman ini menyediakan beberapa LINK menggunakan method GET

kemudian di kondisikan menggunakan perintah IF ELSE sehingga
menghasilkan halaman web yang dinamis.
Method GET di panggil dengan perintah $_GET[nama_variabel]
kemudian yang di baca server adalah value dari method tersebut. Seperti
contoh diatas ketika memanggil variabel hal yang di baca adalah setelah
sama dengan dari hal.

BAB IX
DATABASE MYSQL
POKOK BAHASAN :
Pembuatan schema database MySQL
Pembuatan table dan field di MySQL
Operasi CRUD MySQL phpMyadmin
TUJUAN BELAJAR :
Mahasiswa diharapkan mampu memahami Pembuatan schema database
MySQL
Mahasiswa diharapkan mampu memahami Pembuatan schema database
MySQL
Mahasiswa diharapkan mampu memahami Operasi CRUD pada database,
baik dengan Menggunakan interface phpmyadmin dan Menulis kalimat
SQL
9.1. Pembuatan schema database MySQL

Database MySQL memangg sudah tidak asing lagi di telinga kita, sebagian
besar website-website yang di bangun menggunakan database MySQL, oleh
karena itu kali ini mengingatkan kembali cara pembuatan database baru
mengunakan PHP. Sintak pembuatan database baru seperti dibawah ini :
CREATE DATABASE coba ;
Cara pembuatan database kali ini menggunakan GUI interface phpmyadmin

dengan cara masuk ke halaman http://localhost/phpmyadmin
Pada textfield Create new database ketikan database baru kemudian tekan
tombol Create dengan otomatis database baru anda telah dibuat tanpa
menggunakan sintak MySQL.

9.2. Pembuatan table dan field di MySQL
Tabel dalam database sangatlah penting, oleh karena itu materi kali ini
belajar membuat tabel menggunakan phpMyAdmin. Membuat tabel
bagaikan membuat ruangan yang akan di tempati oleh berbagai macam
benda. Berikut langkah-langkah pembuatan tabel mahasiswa :
1. Masuk ke halaman http://localhost/phpmyadmin
2. Pilih database yang akan di buatkan tabel baru, sebagai contoh di sini
menggunakan database coba
3. Pada gambar diatas yang di tandai lingkaran, masukan nama tabel

mahasiswa pada filed yang tersedia kemudian masukan jumlah kolom
baris (Number of fields) 5 dan tekan tombol GO pada samping kanan
halaman.
4. Selanjutnya isi field sesuai dengan kebutuhan, sebagai contoh seperti

dibawah ini :
Field Keterangan
id_mhs Mempunyai type INT, length 3, Extra auto_increment,
primary
nama_mhs Mempunyai type VARCHAR, length 255

nim_mhs Mempunyai type VARCHAR, length 15
kelamin_mhs Mempunyai type VARCHAR, length 50
alamat_mhs Mempunyai type VARCHAR, length 255
5. Kemudian tekan tombol save, jika berhasil maka akan tampil halaman
tabel baru seperti dibawah ini :
Selain dengan interface phpMyAdmin pembuatan tabel baru dapat

dilakukan console dengan cara :
CREATE TABLE `coba`.`mahasiswa` (
`id_mhs` INT( 3 ) NOT NULL AUTO_INCREMENT PRIMARY
KEY ,
`nama_mhs` VARCHAR( 255 ) NOT NULL ,
`nim_mhs` VARCHAR( 15 ) NOT NULL ,
`kelamin_mhs` VARCHAR( 50 ) NOT NULL ,
`alamat_mhs` VARCHAR( 255 ) NOT NULL
) ENGINE = MYISAM
9.3. Operasi CRUD pada database, baik dengan:

9.3.1. Menggunakan interface phpmyadmin
a. Opreasi CREATE
Opreasi create adalah menambahkan data dalam tabel. Adapaun
interface yang di gunakan menggunakan phpmyadmin, berikut
cara operasinya :
1. Masuk kedalam tabel yang hendak kita input dengan cara
klik nama tabel yang tersedia pada bagian kiri halaman.

2. Kamudian tekan Insert dan akan di tampilkan halaman
seperti dibawah ini :
Masukan data sesuai dengan kebutuhan nama field yang ada

pada tabel.
3. Tekan tombol GO untuk memproses data yang di masukan.
Setelah berhasil akan menampilkan pesan seperti di bawah
ini :
b. Operasi READ
Untuk membaca tabel menggunakan phpMyadmin cukup dengan
membuka tabel kemudian menekan tombol Browse maka data
berhasil di tampilkan.

c. Operasi UPDATE
Update berasal dari bahasa English yaitu edit atau perbaharui.
Untuk memperbaharui data dalam tabel MySQL menggunakan
icon pensil yang tertera pada tabel.
Sebelum merubah di haruskan tabel di buka terdahulu dengan
menggunakan operasi READ kemudian tekan icon pensil.
Pada from diatas sudah tertera data yang akan di rubah, lakukan
perubahan data kemudian tekan tombol go.
d. Operasi DELETE
Menghapus data dalam tabel MySQL menggunakan icon silang,
jika ingin menghapus lebih dari satu data maka menggunakan
Check All kemudian tekan icon silang yang berada di bawah
tabel.
9.3.2. Menulis kalimat SQL

Kalimat SQL adalah perintah untuk memanipulasi tabel dan data
yang meliputi SELECT, INSERT, UPDATE, DELETE.
a. Kalimat SELECT
Perintah ini di gunakan untuk membaca data dalam tabel
MySQL, penulisannya sebagai berikut :
SELECT * FROM mahasiswa

Printah diatas digunakan untuk memanggil semua data (*) dari
tabel mahasiswa.
b. Kalimat INSERT
Perintah ini di gunakan untuk memasukan data dalam tabel
INSERT into mahasiswa
(nama_mhs,kelamin_mhs) values
(fikri,laki-laki)
Printah diatas digunakan untuk memasukan data tabel mahasiswa
pada kolom nama_mhs dan kelamin_mhs dan mempunyai value
fikri dan laki-laki.
c. Kalimat UPDATE
Perintah ini di gunakan untuk merubah data dalam tabel MySQL,
penulisannya sebagai berikut :
UPDATE mahasiswa set nama_mhs=Fikri where
id_mhs=1
Printah diatas digunakan untuk merubah data tabel mahasiswa

pada kolom nama_mhs dengan value fikri berdasarkan id_mhs
yaitu 1.
d. Kalimat DELETE
Perintah ini di gunakan untuk menghapus data dalam tabel
DELETE FROM mahasiswa where id_mhs=1
Printah diatas digunakan untuk menghapus data tabel mahasiswa

berdasarkan id_mhs yaitu 1.

BAB X
MANIPULASI MYSQL DENGAN PHP
POKOK BAHASAN :
Koneksi ke server MySQL dengan menggunakan PHP
Membaca dan menampilkan data dalam bentuk table ataupun bentuk lain
TUJUAN BELAJAR :
Mahasiswa diharapkan mampu memahami Koneksi ke server MySQL
dengan menggunakan PHP
Membaca dan menampilkan data dalam bentuk table ataupun bentuk lain
10.1. Koneksi ke server MySQL dengan menggunakan PHP

PHP memiliki fungsi mysql_connect() yang dapat digunakan untuk
membangun mysql_connect() koneksi memiliki dengan aturan database
penulisan MySQL.
Sebagai Fungsi berikut:
mysql_connect(namahost, namauser, password)
Bagian namahost diisi dengan sebuah string yang merupakan nama host
penyedia koneksi MySQL. Biasanya digunakan adalah localhost.
Bagian namauser diisi dengan string yang merupakan nama pengguna user
MySQL yang terdaftar. Biasanya digunakan adalah root.
Bagian password diisi dengan sebuah string yang merupakan password bagi
user yang telah dituliskan pada bagian namauser. Jika user yang dimaksud
tidak memiliki password, isikan bagian ini dengan dua buah tanda kutip
saja. Jika koneksi gagal dilakukan, fungsi mysql_connect() akan
mengembalikan nilai FALSE. Contoh penulisan fungsi mysql_connect()
adalah:
$hasil=mysql_connect(localhost, root, );

untuk melihat dan menambahkan sebuah user baru dengan cara mengklik
Privilage pada saat tampilan PHPMyAdmin.
Setelah koneksi dibangun, selanjutnya harus memilih database yang akan
digunakan dalam koneksi tersebut. Fungsi yang digunakan adalah fungsi
mysql_select_db(). Fungsi ini akan mengembalikan nilai TRUE jika
berhasil dan FALSE jika salah. Aturan penulisan sebagai berikut:
Mysql_select_db(namadatabase);
Contoh :
<?php
$host = "localhost";
$user = "root";
$pass = "";
$db = "coba";
mysql_connect($host,$user,$pass) or die ("Tidak
Bisa Koneksi");
mysql_select_db($db) or die ("Database tidak di
temukan");
?>
Script di atas terdapat perintah or die yaitu penanganan jika perintah

mysql_connct() dan mysql_select_db() gagal dilakukan maka
menampilkan pesan error yang sesuai dengan kita tuliskan.
10.2. Membaca dan menampilkan data dalam bentuk table ataupun bentuk
lain
Perintah SQL atau biasa disebut query, juga dapat dijalankan/dieksekusi
dari kode program PHP. PHP memiliki fungsi bernama mysql_query()
untuk menjalankan/mengeksekusi sebuah query. Fungsi mysql_query()
akan mengembalikan nilai FALSE jika query tidak berhasil dieksekusi.
Fungsi mysql_query() memiliki aturan penulisan sebagai berikut:

$hasil=mysql_query(SELECT * FROM mahasiswa);
jika query yang dieksekusi adalah perintah INSERT, UPDATE, atau

DELETE serta query tersebut berhasil dieksekusi, selanjutnya dapat
menggunakan fungsi bernama mysql_afected_rows() untuk
mengetahui berapa banyak record yang terpengaruh oleh query tersebut.
$banyak= mysql_afected_rows($hasil);
jika query yang dieksekusi adalah perintah SELECT serta query tersebut
berhasil dieksekusi, selanjutnya dapat menggunakan sebuah fungsi bernama
mysql_num_rows() untuk mengetahui berapa banyak record yang
berhasil diambil oleh perintah SELECT tersebut.
Contoh:
$jumlah= mysql mysql_num_rows($hasil);
Setelah query berisi perintah SELECT berhasil dijalankan menggunakan

mysql_query(), selanjutnya dapat mengambil record-record yang
dihasilkan dari perintah SELECT tersebut untuk kemudian ditampilkan ke
dalam halaman web.
PHP memiliki beberapa fungsi untuk mengambil hasil query dan yang paling
sering digunakan adalah:
mysql_fetch_row()
mysql_fetch_array()
Fungsi mysql_fetch_row() akan mengambil sebuah record dari hasil

query, serta mengubahnya menjadi berbentuk array. Banyaknya elemen array
disesuaikan dengan benyaknya field. Masing-masing elemen array mewakili
masing-masing field. Indeks elemen array-nya adalah berupa angka dimulai
dari 0. Contoh penggunaan fungsi ini adalah :

<?php
$user = "root";
$pass = "";
$db = "coba";
mysql_connect($host,$user,$pass) or die ("Tidak Bisa
Koneksi");
temukan");
$query="SELECT * FROM mahasiswa";
$hasil=mysql_query($query);
while($rec = mysql_fetch_row($hasil)) {
//isi field id_mhs
echo "ID : ".$rec[0]."<br>";
//isi field nama_mhs
echo "NAMA : ".$rec[1]."<br>";
//isi field nim_mhs
echo "NIM : ".$rec[2]."<br>";
//isi field kelamin_mhs
echo "Jenis Kelamin : ".$rec[3]."<br>";
//isi field alamat_mhs
echo "Alamat : ".$rec[4]."<br>";
}
?>
Output :
Fungsi mysql_fetch_array() akan mengambil sebuah record dari hasil

query, serta mengubahnya menjadi berbentuk array. Banyaknya elemen array
disesuaikan dengan banyaknya field. Namun, indeks dari elemen array
mewakili masing-masing field-nya.

Contoh :
<?php
$user = "root";
$pass = "";
$db = "coba";
mysql_connect($host,$user,$pass) or die ("Tidak Bisa
Koneksi");
temukan");
$query="SELECT * FROM mahasiswa";

while($array = mysql_fetch_array($hasil)) {
//isi field id_mhs
echo "ID : ".$array['id_mhs']."<br>";
//isi field nama_mhs
echo "NAMA : ".$array['nama_mhs']."<br>";
//isi field nim_mhs
echo "NIM : ".$array['nim_mhs']."<br>";
//isi field kelamin_mhs
echo "Jenis Kelamin : ".$array['kelamin_mhs']."<br>";
//isi field alamat_mhs
echo "Alamat : ".$array['alamat_mhs']."<br>";
}
?>
Output :

BAB XI
OPERASI CURD PHP
POKOK BAHASAN :
Operasi Create data dengan menggunakan PHP
Operasi Update data dengan menggunakan PHP
Operasi Read data dengan menggunakan PHP
Operasi Delete data dengan menggunakan PHP
TUJUAN BELAJAR :
Mahasiswa diharapkan mampu memahami Operasi Create data dengan
menggunakan PHP
Mahasiswa diharapkan mampu memahami Operasi Update data dengan
menggunakan PHP
Mahasiswa diharapkan mampu memahami Operasi Read data dengan
menggunakan PHP
Mahasiswa diharapkan mampu memahami Operasi Delete data dengan
menggunakan PHP
Operasi CURD adalah sebuah singkatan dari create, update, read dan delete. Jadi
dalam PHP dapat memaipulasi data MySQL tanpa menggunakan interface
phpmyadmin.
11.1. Operasi Read data dengan menggunakan PHP
Operasi read dalam MySQL adalah SLECT yang berarti memanggil data
dari tabel. Berikut contoh pemanggilan tabel mahasiswa dan koneksi
MySQL :
File koneksi.php
<?php
$user = "root";
$pass = "";
$db = "coba";
mysql_connect($host,$user,$pass) or die ("Tidak
Bisa Koneksi");
temukan");
?>

File read.php
<?php
Include koneksi.php;
cellpadding='5'>
<tr>
<td align='center'><strong>NO</strong></td>
<td align='center'><strong>NIM</strong></td>
<td align='center'><strong>NAMA</strong></td>
<td align='center'><strong>JENIS
KELAMIN</strong></td>
<td align='center'><strong>ALAMAT</strong></td>
<td align='center'><strong>AKSI</strong></td>
</tr>";
$no=1;
$query="SELECT * FROM mahasiswa order by nim_mhs ASC
";
echo"<tr>
<td>".$no++."</td>
<td>$array[nim_mhs]</td>
<td>$array[nama_mhs]</td>
<td>$array[kelamin_mhs]</td>
<td>$array[alamat_mhs]</td>
<td>
<a href='read.php?page=edit&id=$array[id_mhs]'>
Edit</a> |
<a href='read.php?page=hapus&id=$array[id_mhs]'>
Hapus</a>
</td>
</tr>";
}
echo"</table>";
?>
Ouput :
Script diatas memanggil tabel mahasiswa menggunakan interface tabel

HTML yang dikemas dalam PHP.

Pada kolom aksi terdapat LINK Edit dan Hapus menggunakan method
GET.
Edit file read.php kemudian tuliskan script di bawah ini setelah variabel
hasil untuk mengetahui jumlah data yang terpanggil oleh query.
$jumlah=mysql_num_rows($hasil);
Kemudian panggil variabel jumlah menggunakan perintah echo dan

sertakan setelah tutup tabel sehingga menampilakn output seperti di bawah
ini :
Supaya jelas langsung saja di terapkan dalam studi kasus keamanan

halaman administrator yaitu membuat login dan logout dengan
memanfaatkan fungsi sesson.
Sebelum langkah yang harus di utamakan adalah membuat tabel user
dengan setruktur tabel seperti di bawah ini :
CREATE TABLE coba.user (
id_user INT( 5 ) NOT NULL AUTO_INCREMENT
PRIMARY KEY ,
nama_user VARCHAR( 50 ) NULL ,
pass_user VARCHAR( 255 ) NULL
) ENGINE = MYISAM
Membuat folder admin dan file index.php

<?php
session_start();
include"../koneksi.php";
?>
<html>
<head>
<title>Halaman Login Administrator</title>
</head>
<body>

<center>
<?php
if(empty($_SESSION['username']) AND
empty($_SESSION['password'])){
if(empty($_GET['hal'])){
echo"<h2>Login</h2><hr>
<form name='form1' method='post'
action='?hal=login'>
<table border='1' cellspacing='0' cellpadding='5'>
<tr>
<td width='100'>Username</td>
<td>:</td>
<td><input type='text' name='username'
id='username'></td>
</tr>
<tr>
<td>Password</td>
<td>:</td>
<td><input type='password' name='password'
id='password'></td>
</tr>
<tr>
<td> </td>
<td> </td>
value='Login'></td>
</tr>
</table>
</form>";
}
else{
if($_GET['hal']=="login"){
if(empty($_POST['username']) ||
empty($_POST['password'])){
echo"Username dan Password masih kosong";
print "<br><br><a href = \"javascript:history.go(-
1)\">Back</a>";
}
else{
$query=mysql_query("SELECT * FROM user where
nama_user='$_POST[username]' and
pass_user='$_POST[password]'");
$data=mysql_fetch_array($query);
if($data['nama_user']==$_POST['username'] AND
$data['pass_user']==$_POST['password']){
session_register('username');
session_register('password');
$_SESSION['username']=$data['nama_user'];
$_SESSION['password']=$data['pass_user'];
echo"Login Sukses";
print "<meta http-equiv=\"refresh\"

content=\"1;URL=index.php\">";
}
else{
echo"Username dan Password tidak di temukan";
print "<br><br><a href = \"javascript:history.go(-
1)\">Back</a>";
}
}
}
}
}
else{
echo"<h2>Selamat datang $_SESSION[username]</h2><hr>
<center>
<a href='?hal=logout'>.:: Logout ::.</a>
</center>";
if($_GET['hal']=="logout"){
session_unregister('username');
session_unregister('password');
content=\"1;URL=index.php\">";
}
}
?>
</center>
</body>
</html>
Output :

Keterangan :
Fungsi Deskripsi
session_start() Mengawali session
session_register() Mendaftartkan session
session_unregister() Menghapus session

Mengakses atau membaca
$_SESSION[]
session
Link javascript untuk kembali
javascript:history.go(-1)
pada halaman sebelumnya
<meta http-equiv=\"refresh\" Meta tag untuk merefresh

content=\"1;URL=index.php\"> halaman index.php
11.2. Operasi Create data dengan menggunakan PHP

Sebelumnya sudah mengetahui cara membaca tabel menggunakan PHP,
sekarang mempelajari cara memasukan data menggunakan PHP. Operasi
ini menggunakan query INSERT dan menggunakan fungsi
mysql_query().
Berikut contoh menggunakan operasi INSERT tabel mahasiswa
menggunakan PHP :
File insert.php
<?php
include"koneksi.php";
?>
<html>
<head>
<title>Operasi Read (INSERT) Pemrograman Web</title>
</head>
<body>
<center>
<h2>Operasi Read (INSERT) Pemrograman Web</h2><hr>
</center>
<?
if($_GET['hal']=="form"){
echo"<form name='form1' method='post'
action='insert.php?hal=simpan'>
align='center'>
<tr>
<td><input type='text' name='nim' id='nim'></td>
</tr>
<tr>
<td>:</td>
<td><input name='nama' type='text' id='nama'
size='60'></td>
</tr>
<tr>
<td>:</td>
<td><label>

value='Laki-laki'>
Laki-laki
value='Perempuan'>
Perempuan</label></td>
</tr>
<tr>
<td>Alamat</td>
<td>:</td>
<td><input name='alamat' type='text' id='alamat'
size='60'></td>
</tr>
<tr>
<td> </td>
<td> </td>
value='Simpan'>
<a href = \"javascript:history.go(-1)\">
<input type='button' name='button' id='button'
value='Kembali'>
</a></td>
</tr>
</table>
</form>";
}
elseif($_GET['hal']=="simpan"){
if(empty($_POST['nim']) || empty($_POST['nama']) ||
empty($_POST['kelamin']) || empty($_POST['alamat'])){
echo"Harus di isi semua !";
print "<br><a href='javascript:history.go(-
1)'>Kembali</a>";
}
else{
$query=mysql_query("INSERT into mahasiswa
(nim_mhs,nama_mhs,kelamin_mhs,alamat_mhs)
values
('$_POST[nim]','$_POST[nama]','$_POST[kelamin]','$_POS
T[alamat]')");
if($query == TRUE){
echo"Sukses !";
content=\"1;URL=insert.php\">";
}
else{
echo"Gagal !";
1)'>Kembali</a>";
}
}
}
else{

echo"<p><a href='insert.php?hal=form'><input
type='button' name='button' value='Buat
Baru'></a></p>";
include "read.php";
}
?>
</body>
</html>
Output :
Ketika tombol Buat Baru di tekan maka akan menampilkan form insert
seperti di bawah ini :

Script diatas memberikan action form ke hal=simpan, kemudian di
kondisikan menggunakan IF ketika server menerima method GET sama
sengan simpan maka proses insert akan di jalankan dan jika query berhasil
di eksekusi akan menampilkan pesan sukses seperti dibawah ini:
Halaman utama terdapat script include atau memanggil file read.php

yang sebelumnya telah dibuat.
11.3. Operasi Update data dengan menggunakan PHP

Operasi update adalah mengubah data menggunakan PHP dengan FORM
dan pemanggilan tabel dari database MyQL.
Supaya lebih jelas, lihat studi kasus dibawah ini merrubah data mahasiswa
dari tabel mahasiswa MySQL :
<?php include "koneksi.php"; ?>
<html>
<head>
<title>Operasi Update Pemrograman Web Politeknik
Indramayu</title>
</head>
<body>
<center><h2>Operasi Update Pemrograman Web Politeknik
Indramayu</h2><hr /></center>
<?php
if($_GET['hal']=="edit"){
$query=mysql_query("SELECT * FROM mahasiswa where
id_mhs='$_GET[id]'");
$data=mysql_fetch_array($query);
echo"<form name='form1' method='post'
action='update.php?hal=update'>
<input name='id' type='hidden' id='id'
value='$data[id_mhs]'>
align='center'>
<tr>

<td><input type='text' name='nim' id='nim'
value='$data[nim_mhs]'></td>
</tr>
<tr>
<td>:</td>
<td><input name='nama' type='text' id='nama' size='60'
value='$data[nama_mhs]'></td>
</tr>
<tr>
<td>:</td>
<td>";
if($data['kelamin_mhs']=="Laki-laki"){
echo"<label>
value='Laki-laki' checked>Laki-laki
value='Perempuan'>Perempuan</label>";
}
else{
echo"<label>
value='Laki-laki'>Laki-laki
value='Perempuan' checked>Perempuan</label>";
}
echo"</td>
</tr>
<tr>
<td>Alamat</td>
<td>:</td>
<td><input name='alamat' type='text' id='alamat'
size='60' value='$data[alamat_mhs]'></td>
</tr>
<tr>
<td> </td>
<td> </td>
value='Edit Data'>
<a href = \"javascript:history.go(-1)\">
<input type='button' name='button' id='button'
value='Kembali'>
</a></td>
</tr>
</table>
</form>";
}
elseif($_GET['hal']=="update"){
if(empty($_POST['nim']) || empty($_POST['nama']) ||

empty($_POST['kelamin']) || empty($_POST['alamat'])){
echo"Harus di isi semua !";
1)'>Kembali</a>";
}
else{
$query=mysql_query("UPDATE mahasiswa set
nim_mhs='$_POST[nim]',nama_mhs='$_POST[nama]',
kelamin_mhs='$_POST[kelamin]',alamat_mhs='$_POST[alama
t]' where id_mhs='$_POST[id]'");
if($query == TRUE){
echo"Sukses !";
content=\"1;URL=update.php\">";
}
else{
echo"Gagal !";
1)'>Kembali</a>";
}
}
}
else{
cellpadding='5'>
<tr>
<td align='center'><strong>JENIS KELAMIN</strong></td>
</tr>";
$no=1;
$query="SELECT * FROM mahasiswa order by nim_mhs ASC";
echo"<tr>
<td>".$no++."</td>
<td>
<a href='update.php?hal=edit&id=$array[id_mhs]'>
Edit</a>
</td>
</tr>";
}
echo"</table>";

echo"<p>Jumlah : $jumlah Mahasiswa</p>";
}
?>
</body>
</html>
Script diatas terdapat dua operasi yaitu operasi update dan read, dari kedua
tersebut menjadi kolaborasi yang handal untuk merubah data tabel
mahasiswa. Pada operasi read perdapat LINK edit menggunakan method
GET dengan id=N sesuai dengan array yang di panggil. Setelah itu data
mahasiswa di pangggil berdasarkan method yang di tangkap kemudian di
deklarasikan ke FORM dengan atribut value.
Ketika data sudah ada perubahan tekan tombol Edit Data dengan menandai
method hal sama dengan update kemudian di kondisikan kembali
menggunakan perintah IF dan proses update di laksanakan sepeprti screen
shot di bawah ini :

Gambar diatas menampilkan data sebelum di rubah kemidian di rubah
menggunakan form setelah itu halaman di reload menggunakan meta tag
dan dengan otomatis data berhasil di rubah.
11.4. Operasi Delete data dengan menggunakan PHP

Operasi ini di gunakan ketika data sudah tidak di butuhkan kembali artinya
menghapus secara permanen dan tidak bisa di kembalikan lagi. Operasi
delete dalam MySQL adalah delete dimana query tersebut di jalanakan
dengan fungsi mysql_query().
Pada setudi kasus kali ini, menghapus data mahasiswa dengan
memanfaatkan method GET pada operasi read.
delete.php

<?php include "koneksi.php"; ?>
<html>
<head>
<title>Operasi Delete Pemrograman Web Politeknik
Indramayu</title>
</head>
<body>
<center><h2>Operasi Delete Pemrograman Web Politeknik
Indramayu</h2><hr /></center>
<?php
if($_GET['hal']=="hapus"){
$query=mysql_query("DELETE FROM mahasiswa where
id_mhs='$_GET[id]'");
if($query == TRUE){
echo"Data berhasil dihapus !";
content=\"1;URL=hapus.php\">";
}
else{
echo"Gagal !";
1)'>Kembali</a>";
}
}
else{
cellpadding='5'>
<tr>
<td align='center'><strong>JENIS KELAMIN</strong></td>
</tr>";
$no=1;
$query="SELECT * FROM mahasiswa order by nim_mhs ASC";
echo"<tr>
<td>".$no++."</td>
<td>
<a href='hapus.php?hal=hapus&id=$array[id_mhs]'>
Hapus</a>
</td>
</tr>";

}
echo"</table>";
echo"<p>Jumlah : $jumlah Mahasiswa</p>";
}
?>
</body>
</html>
Script diatas menunjukan ketika server menangkap method GET hal sama
dengan hapus maka query delete di jalankan dan jika tidak operasi read
menggunakan tabel akan di jalankan.
Tebel yang ada pada file insert.php terdapat link dengan method GET id
yang nantinya akan di panggil menggunakan query delete berdasakan
id_mhs yang tertangkap oleh method GET id. Perhatikan gambar di bawah
ini :

Operasi-operasi yang telah di pelajari sangat penting untuk memanipulasi
data dengan PHP atau web based. Dari ke empat operasi ini dan di desain
menggunakan CSS dapat membangun aplikasi web based dengan
profesional.
Tugas !
1. Buatlah aplikasi mahasiswa yang di dalamnya terdapat content login,
logout, select, insert, update, dan delete data mahasiswa secara dinamis
serta desain halaman menggunakan CSS !

BAB XII
OPERASI FILE PHP DAN DIREKTORI
POKOK BAHASAN :
Mengolah File
Mengakses File
Membaca Isi File
Mendowload File
Mengolah Gambar
TUJUAN BELAJAR :
Mahasiswa diharapkan mampu memahami konsep Mengolah File
menggunakan PHP
Mahasiswa diharapkan mampu memahami konsep konsep Mengakses File
menggunakan PHP
Mahasiswa diharapkan mampu memahami konsep Membaca Isi File
menggunakan PHP
Mahasiswa diharapkan mampu memahami konsep Mendowload File
menggunakan PHP
Mahasiswa diharapkan mampu memahami konsep Mengolah Gambar
menggunakan PHP
9.1. Mengolah File

Pada bab ini akan membahas tentang pengolahan file, yaitu membuka,
membaca, mengisi, mengupload dan mendownload file. PHP cukup handal
dalam menangani masalah ini. Banyak fungsi-fungsi yang dapat digunakan
untuk mengolah file. Sebagian dari fungsi-fungsi tersebut dan yang sering
digunakan dalam pembuatan website interaktif akan dibahas dalam bahasan
ini.
Untuk mengetahui apakah suatu file ada atau tidak, dan untuk memeriksa
apakah benar-benar merupakan sebuah file, maka Anda dapat membuat
sebuah program kecil untuk mengecek keberadaan dari file-file tersebut.
Untuk mengecek keberadaan file, Anda dapat menggunakan fungsi

File_Exists() yang akan mengecek apakah sebuah file ada atau tidak.
Bentuk syntakxnya adalah:
File_Exists($nama_file);
Keterangan :
$nama_file adalah nama file yang diperiksa keberadaannya. Untuk
Lebih jelasnya, berikut adalah contoh script kecil yang berfungsi untuk
memeriksa apakah file yang dimaksud script ada atau tidak:
<?php
$file="mahasiwa.php";
echo"<strong>Memeriksa keberadaan
file.</strong><hr>";
if(file_exists($file)){
echo"File <strong>$file</strong> ada.";
}else{
echo"File <strong>$file</strong> tidak ada.";
}
?>
Apabila file mahasiwa.php telah Anda buat, maka dalam browser akan
ditampilkan keterangan bahwa file mahasiwa.php ada seperti pada Gambar
di bawah ini :
9.2. Mengakses File

Fungsi yang digunakan untuk mengakses file adalah fopen(). Bentuk
syntaksnya adalah :
fopen(Nama_File, Mode_Akses);

Keterangan :
Nama File adalah string dengan isi nama file yang akan dibuka. Mode
Akses adalah argumen mode operasi yang akan dilakukan terhadap file
tersebut.
Mode akses lain yang dapat Anda gunakan untuk mengakses file adalah :
Modus Deskripsi
Membuka file untuk dibaca, dan pointer akan diletakkan pada
r
awal file.
Membuka file untuk dibaca dan diubah isinya, dan pointer akan
r+
diletakkan pada awal file.
Membuka file untuk diubah, dan pointer akan diletakkan pada
w
awal file. File akan dibuat jika file belum ada.
Membuka file untuk diubah dan dibaca, dan pointer akan
w+
diletakkan pada awal file. File akan dibuat jika file belum ada.
Membuka file untuk diubah, dan pointer akan diletakkan pada
a
akhir file. File akan dibuat jika file belum ada.
Membuka file untuk diubah dan dibaca, dan pointer akan
a+
diletakkan pada akhir file. File akan dibuat jika file belum ada.
Fungsi ini hanya bersifat membuka atau melakukan koneksi dengan file
saja. Untuk membaca, menulis, mengganti dan menampilkan isi dari sebuah
file hasur dirangkai dengan fungsi yang lain, antara lain fungsi fread(),
fputs() file() dan lain sebagainya yang akan dibahas pada bab ini
juga.
9.3. Membaca Isi File
Setelah mengakses file tentunya proses berikutnya adalah membaca
informasi atau data yang ada dalam file tersebut. Untuk membaca file, Anda
dapat menggunakan fungsi fread(). Bentuk syntaksnya adalah:
fread(File, Mode_akses);

Keterangan :
File adalah string atau variabel yang berisikan hasil operasi akses terhadap
sebuah file.
Mode_akses adalah angka yang menunjukkan panjang karakter yang dibaca.
Contoh penggunaannya dalam sebuah script :
<?
$file="file.txt";
if(file_exists($file)){
$buka=fopen($file, "r");
$baca=fread($buka, 2096);
echo"Isi data dari <strong>$file</strong>
adalah:<hr>";
echo"$baca";
}else{
echo"File <strong>$file</strong> tidak ada.";
}
?>
Apabila program dijalankan dalam browser maka akan tampak seperti pada
gambar berikut:
Perhatikan pada fungsi fread($baca, 2096), dalam fungsi tersebut

dinyatakan bahwa variabel $buka mengandung fungsi fopen($file,
r) yaitu membuka file file.txt dengan parameter r.
9.4. Mendowload File

Mendownload file artinya menyalin file server ke pc client. Sebelum
mendownload ada baiknya kita pelaajari dulu bagaimana cara upload data

ke server. Langsung saja ke studi kasus aplikasi upload dan download
dengan PHP :
Untuk keperluan pembuatan script ini, kita butuh sebuah database untuk
menyimpan properti dari file yang diupload.
CREATE TABLE upload (
id int(11) auto_increment,
name varchar(30),
type varchar(30),
size int(11),
PRIMARY KEY (id)
)
Field id digunakan untuk menyimpan nomor id dari file. Nomor id ini
nanti digunakan sebagai acuan untuk proses download dan hapus file. Field
name untuk menyimpan nama file, type untuk menyimpan tipe file
apakah termasuk file image (gif, jpeg, atau bmp), atau file tipe lain. Field
size terkait dengan ukuran dari file (dalam satuan bytes).
Langkah pertama dalam pembuatannya adalah, kita siapkan terlebih dahulu
form untuk upload filenya.
form.html
<p><a href='form.htm'>Upload</a> | <a
href='list.php'>List</a>
<form enctype="multipart/form-data" action="upload.php"
method="POST">
<input type="hidden" name="MAX_FILE_SIZE"
value="3000000" />
Pilih File: <input name="userfile" type="file" />
<input type="submit" value="Upload" />
</form>
Form di atas, misalkan kita batasi size maksimum file yang diupload adalah
3MB. Hasil dari form di atas adalah seperti pada gambar di bawah ini
Selanjutnya, kita buat script upload.php nya. Sebelumnya, misalkan kita
asumsikan file yang diupload nantinya kita taruh ke dalam folder yang
namanya data.
upload.php
<?php
// setting nama folder tempat upload
$uploaddir = 'data/';

// membaca nama file yang diupload
$fileName = $_FILES['userfile']['name'];
// nama file temporary yang akan disimpan di server
$tmpName = $_FILES['userfile']['tmp_name'];
// membaca ukuran file yang diupload
$fileSize = $_FILES['userfile']['size'];
// membaca jenis file yang diupload
$fileType = $_FILES['userfile']['type'];
// koneksi ke mysql
include "koneksi.php";
// menyimpan properti atau informasi file ke tabel
upload dalam db
// dengan terlebih dahulu mengecek ada tidaknya nama
file dalam tabel
$query = "SELECT count(*) as jum FROM upload WHERE name
= '$fileName'";
$hasil = mysql_query($query);
$data = mysql_fetch_array($hasil);
if ($data['jum'] > 0)
{
$query = "UPDATE upload SET size = '$fileSize' WHERE
name = '$fileName'";
}
else $query = "INSERT INTO upload (name, size, type)
VALUES ('$fileName', '$fileSize', '$fileType')";
mysql_query($query);
// menggabungkan nama folder dan nama file
$uploadfile = $uploaddir . $fileName;
// proses upload file ke folder 'data'
if (move_uploaded_file($_FILES['userfile']['tmp_name'],
$uploadfile)) {
echo "File telah diupload";
content=\"1;URL=list.php\">";
} else {
echo "File gagal diupload";
1)'>Kembali</a>";
}
?>
Perhatikan script di atas. Dalam script di atas terdapat antisipasi seandainya

file yang diupload memiliki nama yang sama. Proses uploadnya sendiri

tidak ada masalah, karena begitu nama file yang diupload sudah ada, maka
secara otomatis akan mereplace file yang lama.
Namun, hal ini akan menjadi kendala di database. Bila tidak diantisipasi,
maka bisa jadi terdapat dua atau lebih data nama file yang sama. Oleh
karena itu sebelum entri informasi file yang diupload ke database perlu ada
pengecekan terlebih dahulu, ada tidaknya nama file tersebut dalam database.
Jika sudah ada, maka yang terjadi adalah proses update informasi saja,
khususnya size dari file tersebut.
Setelah informasi file yang akan diupload disimpan dalam database, barulah
file tersebut diupload ke folder data menggunakan perintah
move_uploaded_file();
Oya, jangan lupa sebelum Anda mengupload file, folder data harus telah
dibuat. Folder ini letaknya selevel dengan script uploadnya.
Selanjutnya kita buat script untuk menampilkan daftar file yang telah
berhasil diupload. Konsepnya hanyalah membaca informasi file yang ada
dalam database.
list.php
<?php
echo"<p><a href='form.htm'>Upload</a> . <a
href='list.php'>List</a> </p>";
$query = "SELECT * FROM upload";
while($data = mysql_fetch_array($hasil))
{
echo "<p><a
href='download.php?id=".$data['id']."'>".$data['name'].
"</a> (".$data['size']." bytes) [ <a
href='hapus.php?id=".$data['id']."'>Delete</a> ]</p>";
}
?>
Dalam list file di atas, informasi yang ditampilkan adalah nama file dan
sizenya. Selain itu pada nama file tersedia link untuk download dan tersedia

juga link untuk menghapus filenya. Untuk proses download dan hapus ini
menggunakan nomor id dari file sebagai acuannya.
Berikut ini tampilan hasil dari script list.php dengan 3 buah file yang telah
berhasil diupload
Supaya file di atas dapat di download, maka buat file baru untuk script
download seperti dibawah ini :
download.php
<?php
echo"<p><a href='form.htm'>Upload</a> . <a
href='list.php'>List</a> </p>";
$query = "SELECT * FROM upload";
while($data = mysql_fetch_array($hasil))
{
echo "<p><a
href='download.php?id=".$data['id']."'>".$data['name'].
"</a> (".$data['size']." bytes) [ <a
href='hapus.php?id=".$data['id']."'>Delete</a> ]</p>";
}
?>
Supaya memberikan proses download begitu file diklik pada list.php, maka
perlu dibuat header file sebagaimana script di atas. Bila tidak diberikan
header berisi informasi file seperti di atas, maka isi file akan tampil di
halaman web.
Berikut ini tampilan yang muncul setelah salah satu file diklik untuk
didownload

Terakhir, bagaimana dengan script untuk menghapus file. Konsepnya adalah
terjadi 2 proses penghapusan, yaitu menghapus informasi file yang ada pada
tabel database, dan menghapus file dalam folder data. Untuk menghapus
file yang telah diupload ke folder, digunakan perintah unlink();
hapus.php
<?php
// membaca id file yang akan dihapus
$id = $_GET['id'];
// membaca nama file yang akan dihapus berdasarkan id
$query = "SELECT * FROM upload WHERE id = '$id'";
$data = mysql_fetch_array($hasil);
$namaFile = $data['name'];
// query untuk menghapus informasi file berdasarkan id
$query = "DELETE FROM upload WHERE id = $id";
// menghapus file dalam folder sesuai namanya
unlink("data/".$namaFile);
echo "File telah dihapus";
1)'>Kembali</a>";
?>

Perhatikan script hapus.php di atas, Dalam script tersebut terdapat proses
membaca nama file yang akan dihapus berdasarkan id nya. Nama file ini
nantinya akan dijadikan acuan dalam proses menghapus file dalam folder
menggunakan unlink().
Berikut screen shot aplikasi upload den download dengan PHP :
9.5. Mengolah Gambar

Bila kita membuat situ, terkadang kita mengijinkan anggota dari situs kita
agar dapat mengupload gambar maupun foto, misalnya saja situs tentang
jual beli. Namun terkadang kita memiliki kendala dengan ruang hardisk kita
yang kita beli untuk hosting situs kita, sehingga jika ada anggota yang
melakukan upload gambar atau foto dengan ukuran yang besar maka itu
akan menjadi masalah serius bagi kita.
Ada beberapa cara yang bisa kita lakukan
1. Membatasi besar file yang di upload Cara seperti ini digunakan oleh
banyak situs, sehingga jika ada naggota ingin mengupload gambar atau

foto, maka dia harus melakuan editing terhadap gambar tesebut agar
ukurannya bisa memenuhi persyaratan yang ditentuksn,
permasalahannya, tidak semua orang mengerti dengan ukuran file, dan
cara ini sangat merepotkan pengguna.
2. Merubah Otomatis gambar / foto yang di upload, cara inilah yang paling
effektif, sehingga pengguna tidak lagi direpotkan dengan edit mengedit
foto atau gambar. di bawah ini contoh script PHP untuk melakukan
editing gambar secara otomatis.
Bagian 1 (uploadgambar.php)
<form action="uploadgam.php" method="post"
enctype="multipart/form-data" >
<input type="file" name="uploadfile"/>
<input type="submit"/>
</form>
Bagian 2 (uploadgam.php)
<?php
$uploadedfile = $_FILES['uploadfile']['tmp_name'];
$src = imagecreatefromjpeg($uploadedfile);
list($width,$height)=getimagesize($uploadedfile);
$newwidth=200;
$newheight=($height/$width)*200;
$tmp=imagecreatetruecolor($newwidth,$newheight);
imagecopyresampled($tmp,$src,0,0,0,0,$newwidth,$newheig
ht,$width,$height);
$filename = "images/". $_FILES['uploadfile']['name'];
imagejpeg($tmp,$filename,100);
imagedestroy($src);
imagedestroy($tmp);
list($lebar,$tinggi)=getimagesize("images/".$_FILES['up
loadfile']['name']."");
echo"<h3>Gambar Asli</h3>
<img src='images/".$_FILES['uploadfile']['name']."'
width='$width' height='$height'><br>
Lebar : $width<br>
Tinggil : $height
<h3>Gambar Setelad di resize</h3>
<img
src='images/".$_FILES['uploadfile']['name']."'><br>

Lebar : $lebar<br>
Tinggil : $tinggi";
?>
Perhatikan perubahann ukuran yang terjadi pada gambar hasil upload anda
seperti screen shot di bawah ini :

BAB XIII
ASYNCHRONOUS JAVASCRIPT AND XML (AJAX)
POKOK BAHASAN :
Pengenalan AJAX
XMLHttpRequest
Mengolah XML dengan PHP
Operasi dasar AJAX
Operasi Form dengan AJAX
TUJUAN BELAJAR :
Mahasiswa diharapkan mampu memahami definisi dan sejarah AJAX
Mahasiswa diharapkan mampu memahami XMLHttpRequest
Mahasiswa diharapkan mampu memahami Mengolah XML dengan PHP
Mahasiswa diharapkan mampu memahami Operasi dasar AJAX
Mahasiswa diharapkan mampu memahami Operasi Form dengan AJAX
13.1. Pengenalan AJAX

AJAX memiliki kepanjangan Asynchronous Javascript And XML
merupakan suatu teknik baru dalam dunia web. Sejak telah dikembangkan
sekitar 2-3 tahun yang lalu, AJAX mulai dilirik oleh para web desainer dan
web programmer. Dengan adanya AJAX, akses data ke server yang
dikirim melalui client via web dapat lebih cepat daripada mekanisme
biasa. Hal ini dikarenakan AJAX tidak perlu melakukan proses loading
page (refresh page) atau pindah ke page yang lain.
AJAX dapat diintegrasikan dengan server side programming seperti PHP,
ASP, JSP dll.
Perhatikan mekanisme proses AJAX menggunakan PHP berikut ini :

Pada mekanisme di atas, proses berawal dari web client. Web client
merequest sebuah halaman PHP ke server melalui Javascript. Selanjutnya
server akan merespon dan menjalankan script PHP. Script PHP akan
menghasilkan respon dalam bentuk XML dan data XML tersebut akan
dikirim kembali ke web client untuk diolah oleh Javascript. Hasil olahan
javascript tersebut akhirnya akan ditampilkan di web client sebagai output
tanpa harus merefresh halaman web.
Bandingkan dengan mekanisme biasa dalam menjalankan PHP seperti
yang ditunjukkan pada gambar berikut :
Pada mekanisme biasa, respon yang dihasilkan oleh server berupa HTML
yang mengakibatkan halaman web akan merefresh tampilan. Dilihat dari
sisi efisiensi, hal ini akan membutuhkan lebih banyak waktu dan byte data
untuk melakukan load daripada XML.
Dengan demikian AJAX ini merupakan teknologi baru yang merupakan
hasil perkawinan sempurna antara client side programming (Javascript)
dan server side programming.
AJAX tidak hanya dapat diimplementasikan menggunakan PHP, namun
juga server side programming yang lain, seperti ASP, JSP dsb.

Sedangkan kekurangan AJAX dibandingkan mekanisme biasa adalah
memiliki tingkat kesukaran pemrograman yang lebih tinggi, karena
programmer harus menguasai 4 hal yaitu HTML-(XHTML), Javascript,
XML dan juga server side programming.
Teknologi AJAX telah banyak digunakan oleh situs-situs terkenal.
Beberapa diantaranya adalah Google, Yahoo, serta Flickr.
Bagi Anda yang memiliki email account email di Gmail, tentu sudah
pernah merasakan teknologi ini, khususnya ketika membuka email di
Inbox. Ketika Anda membuka inbox dan membaca email, serasa halaman
web tidak merefresh.
AJAX sudah support di banyak browser, seperti IE (mulai versi 4.0),
Firefox (semua versi), Opera (mulai versi 7.6), Konqueror, Netscape
(mulai versi 7.1), serta Apple Safari (mulai versi 1.2).
13.2. XMLHttpRequest
Untuk memahami konsep AJAX, pertama kali akan dibahas mengenai
bagaimana situs web merequest dan menerima respon dari web server.
Saat ini standar browser untuk memperoleh informasi dari web server
adalah berbasis pada metode HTTP (HyperText Transfer Protocol). Hal ini
berarti bahwa browser menggunakan metode tersebut untuk mengirim
request dan menerima respon dari web server.
HTTP bekerja seperti halnya email, yaitu ketika mengirim request akan
terdapat header yang digunakan oleh web server. Oleh web server, header
ini digunakan untuk mengetahui tugas apa yang harus dilayaninya dan
bagaimana menghandle request dari HTTP.
Meskipun beberapa header bersifat optional, namun terdapat pula yang
mutlak harus ada, misalnya host header. Header ini sangat penting karena
akan digunakan web server untuk mengetahui tugas apa yang harus
dilayani.

Ketika request sudah diterima oleh server, selanjutnya server akan
menentukan jenis respon yang akan dikembalikan kepada HTTP. Berikut
ini beberapa jenis kode respon HTTP
KODE KETRANGAN
Respon yang dikembalikan apabila dokumen
200 OK
atau file ditemukan ketika direquest (sukses)
Respon yang dikembalikan apabila browser
mengindikasikan bahwa copyan dokumen yang
304 Not Modified
ada local cache (browser) dan server cache
sama atau tidak berubah.
Respon yang dikembalikan apabila request
401 Unauthorized membutuhkan autorisasi untuk mengakses
dokumen
Respon yang dikembalikan apabila pe-request
403 Forbidden tidak memiliki hak akses untuk dokumen yang
diinginkan
Respon yang dikembalikan apabila dokumen
404 Not Found
yang akan diakses tidak ditemukan.
Kode respon ini dikembalikan apabila terdapat
500 Internal Server Error
kesalahan teknis dalam server
Respon yang dikembalikan apabila jenis
503 Service Unavailable
layanan yang direquest tidak dikenal oleh server
Sedangkan untuk metode request HTTP yang umum digunakan antara lain
POST dan GET. Metode GET sering digunakan untuk merequest sumber
tertentu ke web server. Biasanya GET digunakan untuk mempassing value
untuk diproses ke web server dan selanjutnya value itu diassign ke sebuah
variabel untuk diproses oleh server. Sedangkan POST pada prinsipnya
sama dengan GET, namun metode ini ideal untuk value yang diperoleh
dari isian form dan halaman web.

Selain metode request HTTP yang telah dijelaskan pada bab sebelumnya,
masih ada metode lain yaitu XMLHttpRequest. XMLHttpRequest
merupakan metode request HTTP yang beroperasi di belakang layar (tanpa
harus merefresh halaman web). Metode ini berwujud suatu obyek.
Sehingga dalam hal ini AJAX merupakan konsep yang mendeskripsikan
interaksi antara XMLHttpRequest (client side object) dengan server script
seperti PHP, ASP dll.
Sayangnya, XMLHttpRequest ini memiliki bentuk obyek yang berbeda
dalam beberapa browser sehingga dalam penggunaannya perlu
penanganan khusus yang disesuaikan dengan jenis browsernya. Sebagai
contoh, dalam IE obyek tersebut dinyatakan sebagai ActiveX Control.
Pada Firefox dan Safari, XMLHttpRequest dinyatakan sebagai Javascript
Object.
Pada aplikasi AJAX, pendeklarasian penggunaan XMLHttpRequest ini
dilakukan dalam sebuah Javascript. Berikut ini adalah script yang
digunakan untuk pendeklarasian penggunaan XMLHttpRequest
function membuatObyekXmlHttpRequest()
{
var xmlHttp;
// pengecekan apabila menggunakan IE
if(window.ActiveXObject)
{
try
{
// pendeklarasian penggunaan XMLHttpRequest di IE
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
catch (e)
{
xmlHttp = false;
}
}
// jika browser menggunakan Firefox atau yang lain
else
{
try
{

xmlHttp = new XMLHttpRequest();
}
catch (e)
{
xmlHttp = false;
}
}
Script di atas harus ada di dalam halaman web yang menggunakan AJAX.
Metode-metode pada XMLHttpRequest
Dalam obyek XMLHttpRequest terdapat beberapa metode yang digunakan
untuk proses request. Berikut ini beberapa diantaranya:
Metode Deskripsi
abort() Untuk membatalkan request
Untuk melakukan koneksi ke server secara
open()
asynchronous
send() Untuk mengirim request
Keterangan:
Untuk metode open(), secara lengkap memiliki paramater-parameter yaitu
open("method","URL","async")
dengan parameter method adalah metode request HTTP yang digunakan
yaitu POST atau GET. Parameter URL adalah nama URL yang akan
dikoneksikan. Sedangkan parameter async dapat digantikan dengan true
apabila koneksi dilakukan secara asynchronous atau false apabila tidak
secara asynchronous.
Ketika Anda menggunakan request secara asynchronous, proses request
tidak akan berhenti meskipun response dari server belum diperoleh.
Sedangkan apabila menggunakan request secara synchronous, maka proses
request akan terhenti selama response belum diterima. Hal inilah yang
menjadikan perbedaan dari kedua jenis request. Kedua jenis request tidak
akan menjadi masalah apabila koneksi antara client dengan server sangat

cepat. Akan tetapi untuk koneksi yang lambat, penggunaan request
synchronous akan sangat mengganggu penggunaan aplikasi.
Sebagai contoh, misalnya pada penggunaan aplikasi Google Suggest yang
dapat Anda kunjungi di www.google.com/webhp?complete=1.
Google Suggest merupakan aplikasi web yang mampu memberikan saran

untuk keyword pencarian situs web. Pada aplikasi tersebut terdapat suatu
text box (untuk menulis keyword) yang apabila setiap kali Anda menulis
sebuah karakter akan muncul drop down menu berisi list keyword saran.
Apabila tipe request yang digunakan Google Suggest tersebut adalah
secara synchronous, maka setelah Anda menuliskan sebuah karakter, Anda
tidak bisa menuliskan karakter berikutnya yang lain (text box tidak bisa
ditambahi karakter, alias freezing), sampai response server diterima
(muncul list keyword). Tentu saja hal ini akan sangat mengganggu user
apabila koneksinya lambat karena text box akan sering mengalami
freezing.
Sedangkan pada kenyataannya aplikasi tersebut tidak demikian. Meskipun
belum ada response atau list keyword saran belum muncul, Anda tetap bisa
menambahkan karakter pada text box.

Properties XMLHttpRequest
Karena berbentuk object, maka XMLHttpRequest memiliki beberapa
properties. Berikut ini beberapa diantaranya yang sering digunakan untuk
aplikasi AJAX.
Properties Deskripsi
Menyatakan keadaan proses yang dilakukan obyek
saat itu. Properties ini bernilai 0 s.d 4 (0: belum ada
Readystate
inisialisasi, 1: loading, 2: loaded, 3: interaktif, 4:
selesai)
Menyatakan respon yang diterima dari server.
Properties ini akan mengembalikan kode respon
status (dalam bentuk numerik) seperti yang telah dijelaskan
pada bab dasar-dasar respon. Misalnya 404 apabila
file tidak di temukan
responseXML Mengembalikan respon dalam format XML
Properti ini mirip dengan properti status, namun yang
dikembalikan adalah keterangan statusnya (bukan
statustext
nilai numeriknya). Misalkan responnya 404, akan
mengembalikan statustext: Not Found
13.3. Mengolah XML dengan PHP

Pada bagian ini akan dibahas bagaimana membuat script PHP untuk
mengenerate dokumen XML. Data dalam dokumen XML yang akan
digenerate diambil dari database MySQL.
Untuk lebih memudahkan pemahaman, ada baiknya langsung diterapkan
pada contoh.
Misalkan Anda memiliki database coba dengan mempunyai tabel
mahasiswa sebagai berikut :
<?php

// membuat header untuk menghasilkan dokumen XML
(mime)
header('Content-Type: text/xml');
// membuat root tag pembuka
echo "<mahasiswa>";
// menjalankan query untuk memanggil data dalam tabel
$query = "SELECT * FROM mahasiswa";
// data hasil query ditampilkan ke dalam dokumen XML
while ($data = mysql_fetch_array($hasil))
{
echo "<mhs>";
echo "<id>".$data['id_mhs']."</id>";
echo "<nim>".$data['nim_mhs']."</nim>";
echo "<nama>".$data['nama_mhs']."</nama>";
echo "<kelamin>".$data['kelamin_mhs']."</kelamin>";
echo "<alamat>".$data['alamat_mhs']."</alamat>";
echo "</mhs>";
}
// membuat root tag penutup
echo "</mahasiswa>";
?>
Output :

13.4. Operasi dasar AJAX
Setelah Anda mengenal dasar-dasar tentang konsep AJAX, XML dan
Javascript, berikut ini akan kita bahas mengenai contoh aplikasi AJAX
dasar. Pada contoh ini kita akan membuat aplikasi yang akan mendeteksi
apakah user termasuk anggota keluarga atau tidak.
Misalkan ada keluarga beranggotakan 4 orang, yaitu bernama FIKRI, ALI,
MOHAMMAD dan CUSTIN. Apabila ada seorang user menuliskan
namanya dalam suatu text box, maka akan muncul konfirmasi termasuk
anggota keluarga atau tidak. Berikut ini adalah script untuk membuat
formnya.
Ajax.php
<html>
<head>
<title>AJAX Pemrograman Web Politeknik
Indramayu</title>
<script type="text/javascript" src="cek.js"></script>
</head>
<body onload='process()'>
<form name="form1" method="post" action="">
<input type="text" name="namaAnda" id="namaAnda">
</form>
<div id="respon"></div>
</body>
</html>
Output :
Selanjutnya kita membuat javascript yang bertugas membuat obyek

XMLHttpRequest dan merequest ke server PHP.

Cek.js
// JavaScript Document
var xmlHttp = createXmlHttpRequestObject();
// membuat obyek XMLHttpRequest
function createXmlHttpRequestObject()
{
var xmlHttp;
// cek untuk browser IE
if(window.ActiveXObject)
{
try
{
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
catch (e)
{
xmlHttp = false;
}
}
// cek untuk browser Firefox atau yang lain
else
{
try
{
xmlHttp = new XMLHttpRequest();
}
catch (e)
{
xmlHttp = false;
}
}
// muncul pesan apabila obyek XMLHttpRequest gagal
dibuat
if (!xmlHttp) alert("Obyek XMLHttpRequest gagal
dibuat");
else
return xmlHttp;
}
// melakukan request secara asynchronous dengan
XMLHttpRequest ke server
function process()
{
// akan diproses hanya bila obyek XMLHttpRequest tidak
sibuk

if (xmlHttp.readyState == 4 || xmlHttp.readyState ==
0)
{
// mengambil nama dari text box (form)
nama =
encodeURIComponent(document.getElementById("namaAnda")
.value);
// merequest file cek.php di server secara
asynchronous
xmlHttp.open("GET", "cek.php?nama=" + nama, true);
// mendefinisikan metode yang dilakukan apabila
memperoleh
// response server
xmlHttp.onreadystatechange = handleServerResponse;
// membuat request ke server
xmlHttp.send(null);
}
else
{
// Jika server sibuk, request akan dilakukan lagi
setelah
// satu detik
setTimeout('process()', 1000);
}
}
// fungsi untuk metode penanganan response dari server
function handleServerResponse()
{
// jika proses request telah selesai dan menerima
respon
if (xmlHttp.readyState == 4)
{
// jika request ke server sukses
if (xmlHttp.status == 200)
{
// mengambil dokumen XML yang diterima dari server
xmlResponse = xmlHttp.responseXML;
// memperoleh elemen dokumen (root elemen) dari xml
xmlDocumentElement = xmlResponse.documentElement;
// membaca data elemen
hasil = xmlDocumentElement.firstChild.data;
// akan mengupdate tampilan halaman web pada elemen
bernama
// respon

document.getElementById("respon").innerHTML = '<i>' +
hasil + '</i>';
// request akan dilakukan lagi setelah
// satu detik (automatic request)
setTimeout('process()', 1000);
}
else
{
// akan muncul pesan apabila terjadi masalah dalam
mengakses
// server (selain respon 200)
alert("Terjadi masalah dalam mengakses server " +
xmlHttp.statusText);
}
}}
Sedangkan untuk script cek.php nya adalah sbb:
<?php
$nama = $_GET['nama'];
// membuat root tag elemen
echo '<response>';
// daftar anggota keluarga
$myFamily = array('FIKRI', 'ALI', 'MOHAMMAD',
'CUSTIN');
// jika nama berada dalam daftar anggota keluarga
if (in_array(strtoupper($nama), $myFamily))
echo 'Hallo <strong>'. htmlentities($nama) .
'</strong>, Anda adalah anggota keluarga saya';
// jika nama masih kosong
else if (trim($nama) == '')
echo 'Hai orang asing, silakan tulis namamu';
// jika nama tidak ada dalam daftar anggota keluarga
else
echo '<strong>' . htmlentities($nama) .
'</strong>, Anda bukan anggota keluarga saya';
// menutup root tag elemen
echo '</response>';
?>
Ketika field kosong maka menampilkan pesan orang asing dan jika field
tidak kosong dan bukan anggota keluarga tanpa refresh halaman dengan

otomatis akan menapikan pesan begitu juga sebaliknya. Berikut screen
shot ajax sederhana yang telah di buat :
13.5. Operasi Form dengan AJAX

Kali ini, kita akan membuat aplikasi AJAX database yang agak sedikit
rumit yaitu terkait dengan tambah data dan hapus data mahasiswa.
Berikut ini adalah screen shot aplikasinya:

Data Baru
Dalam aplikasi ini, user dapat memasukkan data mahasiswa untuk isimpan
ke dalam database. Setelah user mengisikan data mahasiswa, selanjutnya
tombol Simpan Data diklik. Secara langsung tabel yang menampilkan
semua data akan berubah sendiri (tanpa refresh halaman).
Untuk menghapus data mahasiswa tertentu, user dapat langsung mengklik
link Hapus pada baris data yang diinginkan. Lagi-lagi, dengan tanpa
merefresh, tampilan tabel akan berubah setelah proses penghapusan.
Berikut ini listing code nya :
mahasiswa.php
<html>
<head>
<title>AJAX Pemrograman Web Politeknik
Indramayu</title>
<script type="text/javascript"
src="action.js"></script>
</head>
<body onload="tampil()">
<h1>Input Data Mahasiswa</h1>
<form name="form1">
<table>
<tr>
<td>Masukkan NIM</td><td><input type="text"
id="nimmhs" /></td>
</tr>

<tr><td>Masukkan Nama Mahasiswa</td><td>
<input type="text" id="namamhs" /></td></tr>
<tr><td>Masukkan Alamat Mahasiswa</td>
<td><input type="text" id="alamatmhs" /></td></tr>
<tr><td></td><td>
<input type="button" value="Simpan Data"
onclick="simpan()" />
<input type="reset" value="Isi Data Lagi" /></td></tr>
</table>
</form>
<p><strong>Data yang sudah masuk :</strong></p>
<div id="data"></div>
</body>
</html>
action.js
// JavaScript Document
var xmlHttp = createXmlHttpRequestObject();
function createXmlHttpRequestObject()
{
var xmlHttp;
if (window.ActiveXObject)
{
try
{
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
}
catch (e)
{
xmlHttp= false;
}
}
else
{
try
{
xmlHttp=new XMLHttpRequest();
}
catch(e)
{
xmlHttp=false;
}

}
if (!xmlHttp) alert ("Object XMLHttpRequest gagal

dibuat !");
else
return xmlHttp;
}
function tampil()
{
if (xmlHttp.readyState ==4 || xmlHttp.readyState ==0 )
{
xmlHttp.open ("GET","datamhs.php?op=tampildata",true);
xmlHttp.send(null);
}
else
setTimeout('tampil()',1000);
}
function simpan()
{
if (xmlHttp.readyState==4 || xmlHttp.readyState==0)
{
nim
=encodeURIComponent(document.getElementById("nimmhs").
value);
nama
=encodeURIComponent(document.getElementById("namamhs")
.value);
alamat=encodeURIComponent(document.getElementById("ala
matmhs").value);
xmlHttp.open("GET","datamhs.php?op=simpandata&nim="+ni
m+"&nama="+nama+"&alamat="+alamat,true);
xmlHttp.send(null);
}
else
setTimeout('simpan()',1000);
}
function hapus(nim)
{

if (xmlHttp.readyState==4 || xmlHttp.readyState==0)
{
xmlHttp.open("GET","datamhs.php?op=hapusdata&nim="+nim
,true);
xmlHttp.send(null);
}
else
setTimeout('hapus()',1000);
}
function handleServerResponse()
{
if (xmlHttp.readyState==4)
{
if (xmlHttp.status == 200)
{
var xmlResponse = xmlHttp.responseXML;
xmlRoot =xmlResponse.documentElement;
nimArray = xmlRoot.getElementsByTagName("nim");
namaMhsArray =
xmlRoot.getElementsByTagName("namamhs");
alamatArray = xmlRoot.getElementsByTagName("alamat");
html = "<table
border='1'><tr><th>NIM</th><th>Nama</th><th>Alamat</th
></tr>";
for (var i=0; i<nimArray.length; i++)
{
html += "<tr><td>" +
nimArray.item(i).firstChild.data + "</td><td>" +
namaMhsArray.item(i).firstChild.data + "</td><td>" +
alamatArray.item(i).firstChild.data + "</td><td><a
href=\"datamhs.php\"
onclick=\"hapus('"+nimArray.item(i).firstChild.data+"'
); return false;\" Hapus</a></td></tr>";
}
html = html + "</table>";
document.getElementById("data").innerHTML = html;
}
else
{
alert("Ada kesalahan dalam mengakses server : "
+ xmlHttp.statusText);

}
}
}
datamhs.php
<?php
echo '<hasil>';
$nimMhs = $_GET['nim'];
$namaMhs = $_GET['nama'];
$alamatMhs = $_GET['alamat'];
$op = $_GET['op'];
if ($op == "tampildata")
{
}
else if ($op == "simpandata")
{
$query = "INSERT INTO mahasiswa
(nim_mhs,nama_mhs,alamat_mhs) VALUES ('$nimMhs',
'$namaMhs', '$alamatMhs')";

}
else if ($op == "hapusdata")
{
$query = "DELETE FROM mahasiswa WHERE nim_mhs =
'$nimMhs'";

}
while ($data = mysql_fetch_array($hasil))

{
echo "<mhs>";
echo "<nim>".$data['nim_mhs']."</nim>";
echo "<namamhs>".$data['nama_mhs']."</namamhs>";

echo "<alamat>".$data['alamat_mhs']."</alamat>";
echo "</mhs>";
}
echo '</hasil>';
?>

BAB XIV
FINISHING TUGAS PROJECT
POKOK BAHASAN :
Demo Project
Presentasi project
TUJUAN BELAJAR :
Mahasiswa diharapkan mampu mendemostrasikan Project yang telah
dibuat
Mahasiswa diharapkan mampu mempresentasikan secara jelas teknik
pembutan Project yang di pilih

Bahan Ajar Pemrograman Web

Diunggah oleh

Informasi Dokumen

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Bahan Ajar Pemrograman Web

Diunggah oleh

Hak Cipta:

Format Tersedia

PEMROGRAMAN WEB

Internet merupakan salah satu fenomena paling berpengaruh dalam

1.1. Sejarah Singkat Pemrograman Web

Bahan Ajar Pemrograman Web Page 1

1.2. Aplikasi Pemrograman Web

Bahan Ajar Pemrograman Web Page 2

1.3. Tugas Project

Bahan Ajar Pemrograman Web Page 3

Bahan Ajar Pemrograman Web Page 4

Bahan Ajar Pemrograman Web Page 5

2.1. Konsep Domain

Bahan Ajar Pemrograman Web Page 6

Contoh Domain Level tinggi /GTLD :

Bahan Ajar Pemrograman Web Page 7

2.2. Konsep Hosting

Bahan Ajar Pemrograman Web Page 8

2.3. Konsep web server & Web client (browser)

Bahan Ajar Pemrograman Web Page 9

Bahan Ajar Pemrograman Web Page 10

2.4. Konsep Database client & database server

Bahan Ajar Pemrograman Web Page 11

2.6. Penggunaan FTP

Bahan Ajar Pemrograman Web Page 12

2.7. Pengenalan bahasa pemrograman web

Bahan Ajar Pemrograman Web Page 13

Bahan Ajar Pemrograman Web Page 14

Bahan Ajar Pemrograman Web Page 15

3.1. Struktur HTML

Bahan Ajar Pemrograman Web Page 16

3.2. Tag-tag dasar HTML

Bahan Ajar Pemrograman Web Page 17

3. <b> Membuat teks tebal

4. <u> Membuat teks underline

5. <bgsound> Memberi (suara latar) background sound pada halaman

6. <h1> Memperbesar ukuran teks sebesar satu point dari defaultnya

Bahan Ajar Pemrograman Web Page 18

8. <br> Pindah baris

9. <caption> Membuat caption pada tabel

10. <center> Untuk perataan tengah terhadap teks atau gambar

14. <div> Represents different sections of text.

15. <embed> Menambahkan sound or file avi ke halaman web

Bahan Ajar Pemrograman Web Page 19

18. <hr> Membuat garis horizontal

20. <i> Membuat teks miring

21. <img> Image, imagemap atau an animation

22. <input> Mendefinisikan input field pada form

24. <marquee> Membuat scrolling teks (teks berjalan)

25. <p> Ganti paragraf

Bahan Ajar Pemrograman Web Page 20

27. <td> Membuat kolom tabel baru

3.3. Atribut dasar HTML

Bahan Ajar Pemrograman Web Page 21

Penggunaan atribut Tabel ( <table> )

Artinya form mempunyai atribut sebagai berikut :

Bahan Ajar Pemrograman Web Page 22

Penggunaan atribut Image ( <img> )

Penggunaan atribut Hyperlink ( <a href> )

Bahan Ajar Pemrograman Web Page 23

Penggunaan atribut Marquee ( <marquee> )

Artinya form mempunyai atribut sebagai berikut :

Digunakan untuk memberikan

Digunakan untuk memberikan arah

Bahan Ajar Pemrograman Web Page 24

4.1. Syntax CSS