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

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.

1

Latihan operasi : tujuannya untuk melatih 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.

2

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

3

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