WEB PROGRAMMING II

Pertemuan 1
 Tools yang dipergunakan untuk materi web
programming 2 ini antara lain :

 Xampp : versi 1.7 sampai versi 1.8

 Adobe/ Macromedia Dreamweaver CS .XX atau
editor sejenisnya (untuk pembelajaran kita
gunakan tools yang memiliki bagian views dan
code untuk memudahkan dalam medesain)
 Browser Google chrome , mozilla, Opera, Safari
yang update agar mensupport fungsi HTML5
 Referensi :
• Buku Pintar HTML5 + CSS3 + DreamWeaver
CS6,Jubilee Enterprise,2012, Elex Media
Komputindo
• Membangun website dinamis interaktif dengan
php mysql, Mohamad Sukarno, 2006.eska media
• Buku Pintar Jquery Dan Php Untuk Pemula, Abdul
Kadir,2011. bukuseru
• http://ekajogja.com/jquery-definisi-fitur-
penggunaan-jquery-dalam-pengembangan-
website/w3shools .com
• http://php.net/manual/en/
 Pada materi pertemuan 1- 2 ini, kita akan pelajari 3
latihan
latihan manipulasi String : tujuannya untuk menyeragamkan data
1
yang diinput (masuk ke database), data yang diproses, dan
data yang tampil.
Contohnya adalah:
a. Di database : field array_hari -> senin;selasa;rabu;kamis;jumat;sabtu
b. Di proses, data array akan dipecah berdasarkan titik koma (;) :
$exlode[0],$explode[1],$explode[2],$explode[3],$explode[4],
$explode[5],$explode[6]
c. Di data yang akan tampil misalnya SENIN : strtoupper($explode[0])

begitu pula dengan contoh lain, misalnya format tanggal, format

rupiah dll.
 Latihan operasi : tujuannya untuk melatih
2
kalkulasi terhadap data yang akan tampil.

Misalkan :
a. 2 hari lagi dari hari senin adalah hari apa.
b. menentukan ongkos kirim barang yang total
beratnya 1,25 kg
dll.
3
Latihan proses : tujuannya untuk melatih
analisa aliran data.
Misalnya :
misalkan di keranjang belanja tersimpan di tabel
temporary, pada saat konsumen checkout, data
masuk ke tabel transaksi dan tabel detail, tabel
temporary akan terhapus
 Latihan :
Buat database dg nama : materi_web2
Buat tabel dengan nama table_1.
Strukturnya seperti berikut :
• Isilah record sbb :
Buatlah tabel dengan nama table_2
Buat table dengan nama table_3 dengan
struktur yang sama persis dengan table_2
(boleh di duplicate)
 1. Latihan memanipulasi string
Latihan string ini penting untuk
menyeragamkan nilai yang akan dikirim
ataupun yang ditampilkan
• Strtouuper
• strtolower
• Ucwords
• substr
buat folder latihan_pra_uts di htdocs
buat file koneksi.php
Buat file lat_string1.php
Outputnya adalah :
 Latihan selanjutnya :
Masih di lat_string1.php
Bagaimana menampilkan Rosi (di urutan 4
record) dg dua cara.
Menggunakan php dan dengan query sql
Cara 1. Dengan array php:
 Cara 2. Menggunakan query sql :

Anda tinggal tambahkan skrip limit 3,1 pada

baris ke 3 dari skrip lat_string1.php.
“select a_nama1 from table_1 limit 3,1”
Artinya, mengambil 1 nilai dari field a_nama1
dari table_1 diambil dari index ke-3 (posisi
ke-4)
 Latihan lanjutan (untuk mhs) :
Buat output untuk menampilkan tulisan Ogi
Buat output untuk menampilkan tulisan Yog
Buat output untuk menampilkan tulisan Gigi
Dengan menggunkan substr,ucword
Buat file lat_string2.php
Outputnya :
 Latihan lanjutan (untuk MHS):

Buat output untuk menampilkan tulisan Rosi

K.S (R=huruf capital, K=capital, S=Kapital )
Buat output untuk menampilkan tulisan Serli,
Rosi Kusuma
Dengan menggunakan explode,substr,ucword
Buat lat_string3.php
Outputnya :
 Latihan lanjutan (untuk mhs) :

Buat tampilan seperti berikut :

Keterangan :
 Hari disusun dari field d_array_hari , di table_1
 Setelah tersusun ke dalam bentuk list. Huruf pertama menjadi capital
 Latihan lanjutan

Buat tampilan seperti berikut :

Keterangan :
 Tgl default diambil dari field b_tgl1
 Format tgl menggunakan perintah substr, dan logical (if/switch case)
 2. Latihan Operasi
Mengenai function dan Class
Function adalah kumpulan perintah yg dimuat
ke dalam suatu alias. Dimana perintah yg sudah
menjadi alias tersebut dapat dipanggil di
halaman yg sama, ataupun halaman lain.
Function dapat menerima , mengolah parameter
serta mengubahnya, sebagai contoh adalah sbb :
Buat halaman dg nama
fungsi_waktu.php
Buat halaman dg nama
fungsi_nominal.php
 Buat halaman lat_operation1.php
Pada contoh diatas kita dapat temukan , kata
new.
New disini adalah penggunaan Class . yaitu
sekumpulan dari function (dalam kasus ini, class
dan function2-nya sudah disediakan oleh PHP5,
jadi tidak perlu membuat function lagi )
Outputnya adalah sbb :
 Latihan untuk mahasiswa :
 Buat halaman baru dengan nama
lat_operation2.php
1. Buat tampilan seperti lat_operation1.php
a) Namun nilai yang ditampilkan adalah
b) Tanggal paling awal dari b_tgl1,
c) Tanggal paling akhir dari b_tgl2.
d) Hitung jaraknya, dan hitung biayanya (biaya
menggunakan b_tgl1 di record pertama)
e) Tanggal yang tampil di perulangan bentuknya
adalah d-m-YYYY
 Outputnya :

Clue : gunakan query query (max, min)

Buat halaman baru dengan nama lat_process1.php Pada latihan
ini , kita akan mempelajari pola/skema aliran data.
 Kita akan memasukan data di tabel_2 (tabel summary)
dari tabel_1. Bentuknya adalah
a) C_rupiah di table_2 adalah seluruh c_rupiah di
table_1
b) C_jml di table_2 adalah seluruh c_jml di table_1
c) C_tot_jml adalah summary dari perkalian
c_jml*c_rupiah di table1
d) C_tgl_pindah adalah tgl terakhir data berubah
e) Pada saat bersamaan terjadi 2 proses, proses
penyimpanan/update ke tabel_2, dan proses insert ke
table_2
 Jawaban :
Buat halaman lat_process1.php
Buat halaman update.php
1) Sebelum data masuk ke table 2 , dilakukan
pengecekan terlelebih dahulu, jika belum ada data
maka sistemnya adalah meng-insert, jika belum,
maka update.
2) Data akan terus mengisi ke table_3 (tabel history)
a) C_rupiah di table_2 adalah c_rupiah di table_1
b) C_jml di table_2 adalah c_jml di table_1
c) C_tot_jml adalah perkalian c_jml*c_rupiah di
table1
d) C_tgl_pindah adalah tgl terakhir terisi data
tampilan sebelum diklik update
tampilan setelah diklik update
Ket :
Jumlah : total jumlah = 2+1 di tabel_1
Rupiah = 30.000+70.000
Summary total = 30.000*2+ 70.000*1