1 | P a g e M O D U L W E B P R O G R A M M I N G I I

WEB PROGRAMMING II

MODUL

BINA SARANA INFORMATIKA PROGRAM STUDI MANAJEMEN INFORMATIKA

2 | P a g e M O D U L W E B P R O G R A M M I N G I I

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 inapc. Polikinikd. Dst..

2. Sistem informasi akademika. Subsistem pengelolaan data keuangan sekolah (pmb, spp, uang gedung , ekskul)b. subsistem pembuatan / pengelolaan rapot

3 | P a g e M O D U L W E B P R O G R A M M I N G I I

c. subsistem pembuatan jadwal d. Subsistem absensi siswae. dll

3. Penunjang keperluan bisnisa. subsistem absensi karyawanb. subsistem rekruitmenc. subsistem pengelolaan draft surat/trekking dokumend. Subsistem penggajiane. Simpan pinjamf. Gudang (stok barang masuk/keluar)g. Program layanan konsumen

Dll.

4. Penunjang keputusan :a. Penampil data statistik b. Program Psikotes c. Compare Gadgetd. Dll

5. System pakar :a. Diagnosa penyakit kulitb. Analisa kecerdasan anak

6. Birokrasi :a. IMB onlineb. Update Data kependudukan (peta wilayah dan jumlah penduduk)c. Dll.

7. Pendidikan :a. Terjemahan Kamus online bahasa sunda, jawa, dllb. 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 testb. portal video/music

4 | P a g e M O D U L W E B P R O G R A M M I N G I I

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_web2B. Buat tabel dengan nama table_1. Strukturnya seperti berikut

5 | P a g e M O D U L W E B P R O G R A M M I N G I I

Isilah record sbb :

6 | P a g e M O D U L W E B P R O G R A M M I N G I I

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)

7 | P a g e M O D U L W E B P R O G R A M M I N G I I

1. Latihan memanipulasi string

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

a. Strtouuperb. strtolowerc. Ucwords d. substr

buat folder latihan_pra_uts di htdocs

buat file koneksi.php

Buat file lat_string1.php

Outputnya adalah :

8 | P a g e M O D U L W E B P R O G R A M M I N G I I

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:

9 | P a g e M O D U L W E B P R O G R A M M I N G I I

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 Ogi2. Buat output untuk menampilkan tulisan Yog3. Buat output untuk menampilkan tulisan Gigi

Dengan menggunkan substr,ucword

Buat file lat_string2.php

Outputnya :

Latihan :

Latihan lanjutan (untuk MHS):

10 | P a g e M O D U L W E B P R O G R A M M I N G I I

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

11 | P a g e M O D U L W E B P R O G R A M M I N G I I

Outputnya :

Latihan lanjutan (untuk mhs) :

Buat tampilan seperti berikut :

1.

Keterangan :

a. Hari disusun dari field d_array_hari , di table_1b. Setelah tersusun ke dalam bentuk list. Huruf pertama menjadi capital

2.

12 | P a g e M O D U L W E B P R O G R A M M I N G I I

Keterangan :

a. Tgl default diambil dari field b_tgl1b. Format tgl menggunakan perintah substr, dan logical (if/switch case)

2. Latihan Operasi

a. Mengenai function dan ClassFunction 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

13 | P a g e M O D U L W E B P R O G R A M M I N G I I

b. Buat halaman dg nama fungsi_nominal.php

14 | P a g e M O D U L W E B P R O G R A M M I N G I I

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

15 | P a g e M O D U L W E B P R O G R A M M I N G I I

Outputnya adalah sbb :

Latihan untuk mahasiswa :

Buat halaman baru dengan nama lat_operation2.php

1. Buat tampilan seperti lat_operation1.phpNamun 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

16 | P a g e M O D U L W E B P R O G R A M M I N G I I

Outputnya :

Clue : gunakan query query (max, min)

17 | P a g e M O D U L W E B P R O G R A M M I N G I I

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 adalaha) C_rupiah di table_2 adalah seluruh c_rupiah di table_1b) C_jml di table_2 adalah seluruh c_jml di table_1c) C_tot_jml adalah summary dari perkalian c_jml*c_rupiah di table1d) C_tgl_pindah adalah tgl terakhir data berubahe) 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_1b) C_jml di table_2 adalah c_jml di table_1c) C_tot_jml adalah perkalian c_jml*c_rupiah di table1d) C_tgl_pindah adalah tgl terakhir terisi data

a. tampilan sebelum diklik update

18 | P a g e M O D U L W E B P R O G R A M M I N G I I

b. tampilan setelah diklik update

Ket :Jumlah : total jumlah = 2+1 di tabel_1Rupiah = 30.000+70.000Summary total = 30.000*2+ 70.000*1

Jawaban :Buat halaman lat_process1.php

19 | P a g e M O D U L W E B P R O G R A M M I N G I I

Buat halaman update.php

20 | P a g e M O D U L W E B P R O G R A M M I N G I I