Web Programming II · penggunaan skrip PHP untuk CRUD (create, read, update, delete) maka di Web...
Transcript of Web Programming II · penggunaan skrip PHP untuk CRUD (create, read, update, delete) maka di Web...
![Page 1: Web Programming II · 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](https://reader033.fdocuments.net/reader033/viewer/2022053108/6077b345cefcee46a5786609/html5/thumbnails/1.jpg)
Web Programming II
Pertemuan 2&3
![Page 2: Web Programming II · 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](https://reader033.fdocuments.net/reader033/viewer/2022053108/6077b345cefcee46a5786609/html5/thumbnails/2.jpg)
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
![Page 3: Web Programming II · 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](https://reader033.fdocuments.net/reader033/viewer/2022053108/6077b345cefcee46a5786609/html5/thumbnails/3.jpg)
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).
![Page 4: Web Programming II · 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](https://reader033.fdocuments.net/reader033/viewer/2022053108/6077b345cefcee46a5786609/html5/thumbnails/4.jpg)
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
![Page 5: Web Programming II · 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](https://reader033.fdocuments.net/reader033/viewer/2022053108/6077b345cefcee46a5786609/html5/thumbnails/5.jpg)
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).
![Page 6: Web Programming II · 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](https://reader033.fdocuments.net/reader033/viewer/2022053108/6077b345cefcee46a5786609/html5/thumbnails/6.jpg)
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
![Page 7: Web Programming II · 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](https://reader033.fdocuments.net/reader033/viewer/2022053108/6077b345cefcee46a5786609/html5/thumbnails/7.jpg)
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
![Page 8: Web Programming II · 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](https://reader033.fdocuments.net/reader033/viewer/2022053108/6077b345cefcee46a5786609/html5/thumbnails/8.jpg)
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.
![Page 9: Web Programming II · 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](https://reader033.fdocuments.net/reader033/viewer/2022053108/6077b345cefcee46a5786609/html5/thumbnails/9.jpg)
Contoh yang akan kita ambil adalah website
portal berita. Alasan memilih contoh ini
karena website portal berita cukup populer
dan studi kasusnya mudah dipahami
![Page 10: Web Programming II · 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](https://reader033.fdocuments.net/reader033/viewer/2022053108/6077b345cefcee46a5786609/html5/thumbnails/10.jpg)
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
![Page 11: Web Programming II · 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](https://reader033.fdocuments.net/reader033/viewer/2022053108/6077b345cefcee46a5786609/html5/thumbnails/11.jpg)
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
![Page 12: Web Programming II · 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](https://reader033.fdocuments.net/reader033/viewer/2022053108/6077b345cefcee46a5786609/html5/thumbnails/12.jpg)
Isilah tabel kategori seperti berikut:
NB : perhatikan huruf yang digunakan huruf kecil semua (lowercase)
![Page 13: Web Programming II · 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](https://reader033.fdocuments.net/reader033/viewer/2022053108/6077b345cefcee46a5786609/html5/thumbnails/13.jpg)
Buat tablel berita dengan struktur seperti di
bawah ini
![Page 14: Web Programming II · 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](https://reader033.fdocuments.net/reader033/viewer/2022053108/6077b345cefcee46a5786609/html5/thumbnails/14.jpg)
Isi tabel berita sebanyak 3 record dengan
masing-masing kategori
Contohnya :
![Page 15: Web Programming II · 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](https://reader033.fdocuments.net/reader033/viewer/2022053108/6077b345cefcee46a5786609/html5/thumbnails/15.jpg)
Buat tabel admin sebagai berikut:
![Page 16: Web Programming II · 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](https://reader033.fdocuments.net/reader033/viewer/2022053108/6077b345cefcee46a5786609/html5/thumbnails/16.jpg)
Isi tabel admin dengan record berikut:
Password nilainya kita enkripsi dengan bantuan fungsi md5
![Page 17: Web Programming II · 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](https://reader033.fdocuments.net/reader033/viewer/2022053108/6077b345cefcee46a5786609/html5/thumbnails/17.jpg)
Buat tabel anggota dengan struktur sebagai
berikut :
![Page 18: Web Programming II · 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](https://reader033.fdocuments.net/reader033/viewer/2022053108/6077b345cefcee46a5786609/html5/thumbnails/18.jpg)
Isi tabel anggota :
![Page 19: Web Programming II · 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](https://reader033.fdocuments.net/reader033/viewer/2022053108/6077b345cefcee46a5786609/html5/thumbnails/19.jpg)
Tabel Komentar :
Ket : tabel ini berguna untuk menampilkan
komentar . pengunjung yang dapat mengirim
komentar harus login terlebih dahulu.
![Page 20: Web Programming II · 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](https://reader033.fdocuments.net/reader033/viewer/2022053108/6077b345cefcee46a5786609/html5/thumbnails/20.jpg)
Tabel iklan :
![Page 21: Web Programming II · 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](https://reader033.fdocuments.net/reader033/viewer/2022053108/6077b345cefcee46a5786609/html5/thumbnails/21.jpg)
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
![Page 22: Web Programming II · 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](https://reader033.fdocuments.net/reader033/viewer/2022053108/6077b345cefcee46a5786609/html5/thumbnails/22.jpg)
Contoh :
![Page 23: Web Programming II · 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](https://reader033.fdocuments.net/reader033/viewer/2022053108/6077b345cefcee46a5786609/html5/thumbnails/23.jpg)
Relasinya adalah sebagai berikut :
![Page 24: Web Programming II · 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](https://reader033.fdocuments.net/reader033/viewer/2022053108/6077b345cefcee46a5786609/html5/thumbnails/24.jpg)
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:
![Page 25: Web Programming II · 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](https://reader033.fdocuments.net/reader033/viewer/2022053108/6077b345cefcee46a5786609/html5/thumbnails/25.jpg)
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
![Page 26: Web Programming II · 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](https://reader033.fdocuments.net/reader033/viewer/2022053108/6077b345cefcee46a5786609/html5/thumbnails/26.jpg)
Untuk Design & pengcodingan mari kita lihat
Modul Pertemuan 2&3 Halaman 10-35