Web Programming II

Pertemuan 2&3
 Ketentuan :
 Pada web 2 ini dosen tidak dianjurkan untuk
menginstruksikan mahasiswa mengetik seluruh
script sekaligus, sebaiknya dilakukan pemodul,
atau per-subsistem.
 Contohnya login anggota, maka script yg
difokuskan adalah script yg berkaitan deg login
anggota. (index.php, tampilkonten.php,
daftar.php, login.php),
 atau modul komentar, maka script yang
difokuskan adalah (index.php, tampilkonten.php,
detailberita.php, komentar.php
 alasannya :
 mahasiswa akan ringkih dg script yg terlalu
banyak
 memudahkan dosen/ mahasiswa pada saat
pengecekan/error. Karena bisa segera ditemukan
 Memudahkan mahasiswa memahami setiap
script
 Materi di tiap pertemuan bisa diseragamkan.
Tidak ada mahasiswa yg belum mengerjakan
materi sebelumnya (tertinggal).
 MATERI PERTEMUAN 2-3
 Masyarakat kini mulai sadar bahwa penggunaan
teknologi informasi sangatlah berperan dalam
menopang roda bisnis. Utamanya dalam
penyajian informasi bisa menjadi lebih cepat,
akurat dan luas. Bahkan, kini masyarakat sudah
sangat akrab dengan teknologi web. Setiap hari
bahkan setiap menit masyarakat (khususnya di
kota-kota besar) pasti membuka website. Baik
untuk berbelanja, bisnis,ataupun untuk sekedar
iseng mengunjungi situs jejaring sosial
 Itulah yang membuat bahasa pemrogramman
web berkembang dengan sangan cepat. Kalau
dulu, di era 80-an kita hanya mengenal web
dengan konten statis menggunakan HTML, di era
90-an atau sepuluh tahun berikutnya kita sudah
mengenal, web dinamis dengan PHP. Dan di era
saat ini, kita dapat lihat web yang tak hanya
dinamis, namun responsif dengan bantuan CSS,
Jquery, AJAX, dan dengan jenis pertukaran data
yang beragam pula (contohnya XML dan JSON).
Para Pekerja yang bergelut di bidang web dapat dispesialisasikan
lagi, kita dapat kenal dengan istilah-istilah berikut :

Web Programmer : Orang yang

membuat/menangani sistem yang
menggunakan pemrograman web
Web designer : orang yang khusus untuk
membuat tampilan website menjadi lebih
menarik
Web administrator : orang khusus mengelola
konten/isi dari web
 diperkirakan, pemrograman web di tahun-tahun ke depan akan
terus berkembang. Salah satu alasannya adalah karena
pemorograman web bersipat lintas sistem operasi (cross platform).
 Namun janganlah khawatir apalagi kalau materi yang sedang anda
pelajari saat ini sudah ketingglan zaman.
 Materi pada Web Programming II ini dapat dengan mudah anda
pelajari. Dan jika anda sudah menyukai web programming anda
akan cepat faham dan mudah beradaptasi dengan perkembangan
web programing.
 Ingatlah bahwa seberagam apapun bahasa pemrograman yang ada,
yang utama adalah bagaimna cara/logika kita menangani studi
kasus dengan menggunakan script yang dikuasai
 Bila di Web Programming I anda sudah menjumpai
penggunaan skrip PHP untuk CRUD (create, read, update,
delete)
 maka di Web Programming II ini anda tidak akan terlalu
sulit mempelajarinya lagi. Di materi ini , kita akan
mempelajari contoh maupun studi kasus yang familier
dengan anda.
 Mahasiswa akan dilatih membuat projek yang struktur
filenya terpisah antara script tampilan dengan script untuk
eksekusi. Dibiasakan juga dengan penggunaan function
agar skrip yang dikembangkan bisa lebih ringkas (tidak
terlalu panjang) dan mudah digunakan kembali (re-usable),
serta script menjadi lebih tersusun rapi.
Contoh yang akan kita ambil adalah website
portal berita. Alasan memilih contoh ini
karena website portal berita cukup populer
dan studi kasusnya mudah dipahami
 User Requirements
 Hal yang dibutuhkan dan disediakan oleh sistem
1. Sistem memuat konten berita yang dipisahkan berdasarkan kategori dan dapat
dikelola oleh admin (tambah, edit, hapus)
2. Untuk memperoleh laba, perusahaan menyediakan fasilitas layanan iklan.
Dimana siapapun dapat beriklan dan ditampilkan di kolom yang disediakan
dalam jangka waktu tertentu (sesuai permintaan). Perusahaan dapat melihat
laporan keuntungan yang diperoleh dari iklan
3. Iklan yang tampil adalah iklan yang belum lewat masa aktifnya, jika sudah lewat
tanggal akhir, maka iklan akan nonaktif dengan sendirinya
4. Jadikan Kategori yang ada di halaman depan, sebagai menu utama, selain home
(satu baris dengan home) dengan format huruf kapital semua
5. Untuk konten / isi berita :
a. judul huruf besar di awal kata
b. Tampil nama admin dan tanggal posting dengan huruf kecil
berbahasa indonesia
6. Pengunjung dapat memberikan komentarnya terhadap berita , dengan syarat
harus menjadi anggota terlebih dahulu
 Dari user requirement sebelumnya, kita dapat membentuk suatu database
dengan tabel-tabel seperti berikut

Buat database dengan nama:

materi_portalberita
Buat tabel kategori dengan struktur sebagai
berikut
Isilah tabel kategori seperti berikut:

NB : perhatikan huruf yang digunakan huruf kecil semua (lowercase)

Buat tablel berita dengan struktur seperti di
bawah ini
Isi tabel berita sebanyak 3 record dengan
masing-masing kategori
Contohnya :
Buat tabel admin sebagai berikut:
Isi tabel admin dengan record berikut:

Password nilainya kita enkripsi dengan bantuan fungsi md5

Buat tabel anggota dengan struktur sebagai
berikut :
Isi tabel anggota :
Tabel Komentar :
Ket : tabel ini berguna untuk menampilkan
komentar . pengunjung yang dapat mengirim
komentar harus login terlebih dahulu.
Tabel iklan :
 Isi lah tabel iklan sebanyak 2 record dengan ketentuan
 Isi record bebas, kecuali :
1. record diisi tgl_awal =saat ini, tgl_akhir=saat ini,
lamasewa=1 hari, hargasewa=15000, totalharga=15000,
aktif=1
2. record diisi tgl_awal =tgl_kemarin, tgl_akhir=tgl_kemarin,
lamasewa=1 hari, hargasewa=15000,
totalharga=15000,aktif=1. (pada saat website di-load,
posisi aktif akan menjadi 0 karena lewat dari tgl sekarang)
3. Untuk gambar, pastikan ektensi gambarnya ikut
disebutkan, sebagai contoh, seperti berikut
4. Pastikan gambar dengan nama dan ekstensinya yang
sama, di-simpan di folder gambar
Contoh :
Relasinya adalah sebagai berikut :
 Langkah awal pembuatan web
Download file dg nama materi_web2.zip . di
elibrary.bsi.ac.id/room/
Ekstrak file tersebut lalu taruh di htdocs/
Didalamnya terdapat folder:
 Aset : tempat untuk menaruh file css, atau jquery. Yang mana file-
file tersebut berguna untuk memakimalkan tampilan antarmuka
pengguna
 Fungsi : tempat untuk menaruh file php yang mana berisi kumpulan
function yang dapat dipergunakan di folder perintah ataupun
tampilan.
 Gambar : tempat untuk menaruh gambar
 Pengaturan : berisi file php yang berkenaan dengan aturan-aturan
keselurahan dari web, semisal. Jam server, koneksi database dll.
 Perintah : berisi file php yang bertugas untuk melakukan eksekusi
terhadap perintah. Misalkan tampil,simpan, hapus atau edit,
 Tampilan : berisi file tampilan dari konten
Untuk Design & pengcodingan mari kita lihat
Modul Pertemuan 2&3 Halaman 10-35