WEB PROGRAMMING II

MODUL

DISUSUN OLEH :

KONSORSIUM PRODI MI

ROSI KUSUMA SERLI, M.KOM

AHMAD FAUZI, M.KOM

PRAYOGI, S.KOM

BINA SARANA INFORMATIKA PROGRAM STUDI MANAJEMEN INFORMATIKA

2016

1|Page MODUL
WEB PROGRAMMING II
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

1.) Buku Pintar HTML5 + CSS3 + DreamWeaver CS6,Jubilee Enterprise,2012, Elex Media
Komputindo
2. Membangun website dinamis interaktif dengan php mysql, Mohamad Sukarno, 2006.eska media

3. Buku Pintar Jquery Dan Php Untuk Pemula, Abdul Kadir,2011. bukuseru

4. http://ekajogja.com/jquery-definisi-fitur-penggunaan-jquery-dalam-pengembangan-website/

4.w3shools .com

5. http://php.net/manual/en/

NB :

1. source program untuk materi pertemuan 2-3, dan pasca uts dapat di download di
elibrary.bsi.ac.id/room

Program yg dibutuhkan (cukup ambil subsistemnya saja) :

1. Sistem Informasi Rumah sakit

a. sub system rekam medis pasien,
b. sub system rawat inap
c. Polikinik
d. Dst..

2. Sistem informasi akademik

a. Subsistem pengelolaan data keuangan sekolah (pmb, spp, uang gedung , ekskul)
b. subsistem pembuatan / pengelolaan rapot

2|Page MODUL
WEB PROGRAMMING II
 c. subsistem pembuatan jadwal
d. Subsistem absensi siswa
e. dll
3. Penunjang keperluan bisnis
a. subsistem absensi karyawan
b. subsistem rekruitmen
c. subsistem pengelolaan draft surat/trekking dokumen
d. Subsistem penggajian
e. Simpan pinjam
f. Gudang (stok barang masuk/keluar)
g. Program layanan konsumen

Dll.

4. Penunjang keputusan :
a. Penampil data statistik
b. Program Psikotes
c. Compare Gadget
d. Dll
5. System pakar :
a. Diagnosa penyakit kulit
b. Analisa kecerdasan anak
6. Birokrasi :
a. IMB online
b. Update Data kependudukan (peta wilayah dan jumlah penduduk)
c. Dll.
7. Pendidikan :
a. Terjemahan Kamus online bahasa sunda, jawa, dll
b. Database mengenai sejarah, arkeologi dan budaya (berisi peta wilayah cagar budaya dan
sejarah)
c. Database Tafsir kitab2 (misalkan berisi kumpulan kitab dan terjemahannya).
d. Digilital Library (kumpulan ebook, jurnal, berita. dll)
8. Keamanan :
a. Progam priviledge level (membuat permission pada directory, mengecek / bloking IP)
b. Program perpesanan dengan enkripsi data (misalkan yang paling mudah adalah encrypsi
Julius Caesar)
9. Sosial :
a. Jejaring social untuk perjodohan
b. Pengelolaan data zakat nasional

10. Hiburan :
a. quiz test
b. portal video/music

3|Page MODUL
WEB PROGRAMMING II
Pertemuan 1:
Pada materi pertemuan 1- 2 ini, kita akan pelajari 3 latihan

1. 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 berdsarkan 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.

2. 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.

3. Latihan proses : tujuannya untuk melatih analisa aliran data. Misalnya :

a. misalkan di keranjang belanja tersimpan di tabel temporary, pada saat konsumen checkout, data
masuk ke tabel transaksi dan tabel detail, tabel temporary akan terhapus

A. Buat database dg nama : materi_web2

B. Buat tabel dengan nama table_1. Strukturnya seperti berikut

4|Page MODUL
WEB PROGRAMMING II
Isilah record sbb :

5|Page MODUL
WEB PROGRAMMING II
c. Buatlah tabel dengan nama table_2

C. buat table dengan nama table_3 dengan struktur yang sama persis dengan table_2 (boleh di
duplicate)

6|Page MODUL
WEB PROGRAMMING II
 1. Latihan memanipulasi string

Latihan string ini penting untuk menyeragamkan nilai yang akan dikirim ataupun yang ditampilkan

a. Strtouuper
b. strtolower
c. Ucwords
d. substr

buat folder latihan_pra_uts di htdocs

buat file koneksi.php

Buat file lat_string1.php

Outputnya adalah :

7|Page MODUL
WEB PROGRAMMING II
Latihan selanjutanya :

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:

8|Page MODUL
WEB PROGRAMMING II
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) :

1. Buat output untuk menampilkan tulisan Ogi

2. Buat output untuk menampilkan tulisan Yog
3. Buat output untuk menampilkan tulisan Gigi

Dengan menggunkan substr,ucword

Buat file lat_string2.php

Outputnya :

Latihan :

Latihan lanjutan (untuk MHS):

9|Page MODUL
WEB PROGRAMMING II
 1. Buat output untuk menampilkan tulisan Rosi K.S (R=huruf capital, K=capital, S=Kapital )
2. Buat output untuk menampilkan tulisan Serly, Rosi Kusuma

Dengan menggunkan explode,substr,ucword

Buat lat_string3.php

10 | P a g e MODUL
WEB PROGRAMMING II
Outputnya :

Latihan lanjutan (untuk mhs) :

Buat tampilan seperti berikut :

1.

Keterangan :

a. Hari disusun dari field d_array_hari , di table_1

b. Setelah tersusun ke dalam bentuk list. Huruf pertama menjadi capital

2.

11 | P a g e MODUL
WEB PROGRAMMING II
Keterangan :

a. Tgl default diambil dari field b_tgl1

b. Format tgl menggunakan perintah substr, dan logical (if/switch case)
2. Latihan Operasi

a. 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 :

a. Buat halaman dg nama fungsi_waktu.php

12 | P a g e MODUL
WEB PROGRAMMING II
 b. Buat halaman dg nama fungsi_nominal.php

13 | P a g e MODUL
WEB PROGRAMMING II
 c. 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 ).

14 | P a g e MODUL
WEB PROGRAMMING II
Outputnya adalah sbb :

Latihan untuk mahasiswa :

Buat halaman baru dengan nama lat_operation2.php

1. Buat tampilan seperti lat_operation1.php

Namun nilai yang ditampilkan adalah
a. Tanggal paling awal dari b_tgl1,
b. Tanggal paling akhir dari b_tgl2.
c. Hitung jaraknya, dan hitung biayanya (biaya menggunakan b_tgl1 di record pertama)
d. Tanggal yang tampil di perulangan bentuknya adalah d-m-YYYY

15 | P a g e MODUL
WEB PROGRAMMING II
 Outputnya :

Clue : gunakan query query (max, min)

16 | P a g e MODUL
WEB PROGRAMMING II
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

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

a. tampilan sebelum diklik update

17 | P a g e MODUL
WEB PROGRAMMING II
b. 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

Jawaban :
Buat halaman lat_process1.php

18 | P a g e MODUL
WEB PROGRAMMING II
Buat halaman update.php

19 | P a g e MODUL
WEB PROGRAMMING II
20 | P a g e MODUL
WEB PROGRAMMING II