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