8/18/2019 682-P01

1/43

WEB PROGRAMMING II

Pertemuan 1

8/18/2019 682-P01

2/43

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 kitagunakan tools yang memiliki bagian views dan

code untuk memudahkan dalam medesain)

Browser Google chrome , mozilla, Opera, Safariyang update agar mensupport fungsi HTML5

8/18/2019 682-P01

3/43

8/18/2019 682-P01

4/43

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, formatrupiah dll.

1

8/18/2019 682-P01

5/43

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

8/18/2019 682-P01

6/43

  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

8/18/2019 682-P01

7/43

Latihan :

Buat database dg nama : materi_web2

Buat tabel dengan nama table_1.

Strukturnya seperti berikut :

8/18/2019 682-P01

8/43

• Isilah record sbb :

8/18/2019 682-P01

9/43

Buatlah tabel dengan nama table_2

8/18/2019 682-P01

10/43

Buat table dengan nama table_3 dengan

struktur yang sama persis dengan table_2

(boleh di duplicate)

8/18/2019 682-P01

11/43

1. Latihan memanipulasi string 

Latihan string ini penting untuk

menyeragamkan nilai yang akan dikirim

ataupun yang ditampilkan 

• Strtouuper

• strtolower

• Ucwords

• substr

8/18/2019 682-P01

12/43

buat folder latihan_pra_uts di htdocs

buat file koneksi.php 

8/18/2019 682-P01

13/43

Buat file lat_string1.php

8/18/2019 682-P01

14/43

Outputnya adalah :

8/18/2019 682-P01

15/43

Latihan selanjutnya :

Masih di lat_string1.php 

Bagaimana menampilkan Rosi (di urutan 4

record) dg dua cara.

Menggunakan php dan dengan query sql

8/18/2019 682-P01

16/43

Cara 1. Dengan array php:

8/18/2019 682-P01

17/43

8/18/2019 682-P01

18/43

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) 

8/18/2019 682-P01

19/43

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 

8/18/2019 682-P01

20/43

Buat file lat_string2.php 

8/18/2019 682-P01

21/43

Outputnya :

8/18/2019 682-P01

22/43

8/18/2019 682-P01

23/43

Buat lat_string3.php 

8/18/2019 682-P01

24/43

Outputnya :

8/18/2019 682-P01

25/43

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

8/18/2019 682-P01

26/43

Latihan lanjutan

Buat tampilan seperti berikut :

Keterangan :

Tgl default diambil dari field b_tgl1

Format tgl menggunakan perintah substr, dan logical (if/switch case)

8/18/2019 682-P01

27/43

8/18/2019 682-P01

28/43

Buat halaman dg nama

fungsi_waktu.php 

8/18/2019 682-P01

29/43

8/18/2019 682-P01

30/43

Buat halaman dg nama

fungsi_nominal.php

8/18/2019 682-P01

31/43

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 )

8/18/2019 682-P01

32/43

8/18/2019 682-P01

33/43

Outputnya adalah sbb :

8/18/2019 682-P01

34/43

Latihan untuk mahasiswa :

Buat halaman baru dengan namalat_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

8/18/2019 682-P01

35/43

8/18/2019 682-P01

36/43

Outputnya :

Clue : gunakan query query (max, min) 

8/18/2019 682-P01

37/43

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, prosespenyimpanan/update ke tabel_2, dan proses insert ke

table_2 

8/18/2019 682-P01

38/43

Jawaban :

Buat halaman lat_process1.php

8/18/2019 682-P01

39/43

Buat halaman update.php

8/18/2019 682-P01

40/43

1) Sebelum data masuk ke table 2 , dilakukanpengecekan terlelebih dahulu, jika belum ada datamaka 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 ditable1 

d) C_tgl_pindah adalah tgl terakhir terisi data 

8/18/2019 682-P01

41/43

tampilan sebelum diklik update 

8/18/2019 682-P01

42/43

8/18/2019 682-P01

43/43

Ket :

Jumlah : total jumlah = 2+1 di tabel_1

Rupiah = 30.000+70.000

Summary total = 30.000*2+ 70.000*1