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