SATUAN ACARA PERKULIAHAN (SAP) Nama Mata Kuliah Kode Mata Kuliah Bobot Kredit Semester Penempatan Kedudukan Mata Kuliah Mata Kuliah Prasyarat Penanggung Jawab Mata Kuliah
: : : : : : :
Pemrograman Berbasis Web II TI 028 3/1 SKS VIII Mata Kuliah Keahlian Berkarya Pemrograman Berbasis Web I Sayed Muchallil, MS
Pertemuan /
Pokok Bahasan /
Sub Pokok Bahasan dan Sasaran
Minggu
Tujuan Instruksional
Belajar / Tujuan Instruksional
Umum (TIU)
Khusus (TIK)
1
Pengenalan Internet
• • • • •
• •
Definisi internet Protokol Layanan aplikasi Metode pengalamatan Tata cara penamaan dan bentuk penamaan di internet Konfigurasi koneksi Mahasiswa mengetahui konsep internet agar dapat memahami penerapan pemrograman berbasis web
Tehnik
Media
Pembelajaran
Pembelajaran
Ceramah , Diskusi & praktek
• •
Kompute r Akses internet
Evaluasi
Tugas 1 :
•
•
Mahasiswa mengakses internet untuk dapat menjelaskan Contoh-contoh layanan aplikasi di internet Mengumumkan kepada mahasiswa bahwa ada 2 tugas membuat proyek website yang dikerjakan secara kelompok, yaitu: 1. Proyek 1 dibuat menggunakan HTML,CSS,JavaScript dan XML. Tugas ini dipresentasikan pada minggu ke-8 2. Proyek 2 dibuat menggunakan PHP dan MYSQL. Tugas ini dipresentasikan pada
Referensi
Ruang kelas
1
minggu ke-14
2
Konsep pemrograman berbasis web
• • • • • • • •
Konsep dasar web Arsitektur web HTTP Client side programming Server side programming Web server software Pengenalan Web Hosting Proses unggah (upload) aplikasi
•
Mahasiswa mengetahui dan memahami konsep pemrograman berbasis web Mahasiswa dapat membedakan jenis pemrograman berbasis web Mahasiswa dapat mengetahui contoh software web server
•
•
3
HTML dan XHTML
• • • • • •
•
Konsep HTML Konsep XHTML Perbedaan HTML dan XHTML Struktur dokumen HTML Membuat halaman HTML Tag HTML (Text, List, Hyperlink, Image)
Ceramah , Diskusi & praktek
• •
•
Ceramah , Diskusi & praktek
• •
Kompute r Perangka t lunak web server Akses internet
Kompute r Perangka t lunak Visual editor dan teks editor
Tugas 2 :
• •
Mahasiswa melakukan instalasi web server Mahasiswa mengakses web hosting tidak berbayar untuk mengetahui prosedur unggah suatu aplikasi
Tugas 3:
•
•
Mahasiswa membuat website menggunakan tag-tag HTML yang telah dipelajari Mahasiswa mengunggah aplikasi yang telah dibuat melalui web hosting yang tidak berbayar
Ruang Kelas
Ruang kelas
Mahasiswa mengetahui dan mengerti konsep HTML dan 2
•
•
4
HTML
Tag HTML :
• • • • •
5
Cascading Style Sheet (CSS)
Java Script
Frame Tabel Form dan field komponen Metode Post dan Get Mahasiswa mengerti tag HTML untuk frame, tabel,form dan metode post dan get
• • •
Konsep CSS Cara kerja CSS CSS property
•
Mahasiswa mengerti dan konsep CSS Mahasiswa mengetahui cara kerja CSS Mahasiswa mengerti CSS properti
•
6
XHTML Mahasiswa dapat membedakan HTML dan XHTML Mahasiswa mengerti tag HTML untuk teks,list,hyperlink dan image
•
•
Pengenalan JavaScript Penggunaan JavaScript di HTML Peletakan kode JavaScript dalam HTML
Ceramah , Diskusi & praktek
Ceramah , Diskusi & praktek
Ceramah , Diskusi & praktek
• •
• •
• •
Kompute r Perangka t lunak Visual editor dan teks editor
Kompute r Perangka t lunak Visual editor dan teks editor
Kompute r Perangka t lunak Visual
Tugas 4:
•
•
Mahasiswa menambahkan tag-tag HTML yang dipelajari pada minggu ke 4 kedalam website yang telah dibuat sebelumnya Mahasiswa mengunggah aplikasi yang telah dibuat melalui web hosting yang tidak berbayar
Tugas 5:
•
•
Mahasiswa menambahkan CSS pada website yang sudah dibuat sebelumnya Mahasiswa mengunggah aplikasi yang telah dibuat melalui web hosting yang tidak berbayar
Tugas 6:
•
•
Mahasiswa menambahkan JavaScript dalam website yang telah dibuat sebelumnya. Mahasiswa mengunggah
Ruang kelas
Ruang kelas
Ruang kelas
3
•
• •
•
•
JavaScript Statemen , komentar, variabel, operator,struktur kendali, function, perulangan, event, try…catch,throw
•
Mahasiswa mengerti mengenai konsep JavaScript Mahasiswa mengerti penggunaan JavaScript dalam dokumen HTML Mahasiswa mengerti pada bagian mana meletakkan kode JavaScript dalam dokumen HTML Mahasiswa mengetahui penggunaan statemen,komentar,variabe l,operator,struktur kendali, function,perulangan,event,t ry…catch,throw dalam JavaScript
editor dan teks editor Perangka t lunak Visual editor dan teks editor
•
•
aplikasi yang telah dibuat melalui web hosting yang tidak berbayar Mahasiswa membuat website sederhana menggunakan XML dan HTML Mahasiswa mengunggah aplikasi yang telah dibuat melalui web hosting yang tidak berbayar
• 7&8
XML
Konsep XML Cara kerja XML XML Tree XML sintak XML elemen XML atribut XML validasi dan validator Menampilkan file XML Menggunakan CSS dalam XML • XML XSLT
• • • • • • • •
Ceramah • , Diskusi & praktek
Kompute r
Tugas 7:
Ruang kelas
4
• XML parser • XML DOM • Menampilkan data XML di HTML
•
Mahasiswa mengerti konsep XML
•
Mahasiswa mengerti cara kerja XML Mahasiswa mengerti struktur dokumen XML Mahasiswa mengetahui aturan sintak XML Mahasiswa mengerti elemen XML Mahasiswa mengetahui atribut dalam elemen XML Mahasiswa mengetahui kegunaan DTD untuk memvalidasi dokumen XML Mahasiswa mengetahui bagaimana menampilkan dokumen XML Mahasiswa mengetahui penggunaan CSS dalam XML Mahasiswa mengetahui penggunaan XSLT pada dokumen XML Mahasiswa mengetahui kegunaan XML parser untuk membaca dan memanipulasi XML Mahasiswa mengerti konsep
• • • • •
•
• •
•
•
5
•
9
PHP
• •
• •
10
11
PHP
dari XML DOM Mahasiswa mengetahui bagaimana menampilkan data XML dalam HTML
Pengenalan PHP Dasar-dasar PHP : Variabel,konstanta, tipe data dan operator, flow kontrol dan statemen
Ceramah , Diskusi & praktek
• •
Mahasiswa mengetahui konsep PHP Mahasiswa mengetahui mengenai variabel,konstanta,tipe data dan operator, flow kontrol dan statemen dalam PHP
• • • • •
Array Perulangan Function Form Get dan Post
•
Mahasiswa mengetahui mengenai fungsi array,perulangan,function, form dan metode Get , Post dalam PHP
Ceramah , Diskusi & praktek
• •
Kompute r Perangka t lunak Visual editor dan teks editor
Kompute r Perangka t lunak Visual editor dan teks editor
Tugas 8:
• •
Mahasiswa membuat website menggunakan PHP Mahasiswa mengunggah aplikasi yang telah dibuat melalui web hosting yang tidak berbayar
Tugas 9:
•
•
Mahasiswa menambahkan fungsi yang diterangkan pada minggu ke 10 kedalam website yang telah dibuat sebelumnya Mahasiswa mengunggah aplikasi yang telah dibuat melalui web hosting yang tidak berbayar
Ruang kelas
Ruang kelas
Ujian Tengah Semester
6
12
MYSQL
• Konsep database • Pengenalan MYSQL • Bahasa SQL dalam MYSQL
Ceramah , Diskusi & praktek
• •
Mahasiswa mengetahui konsep database • Mahasiswa mengetahui kegunaan dari MYSQL • Mahasiswa dapat menggunakan SQL
•
13
Integrasi PHP dan MYSQL
• Pengenalan fungsi-fungsi database MYSQL di PHP • Input field dalam form HTML ke MYSQL dengan PHP • Menampilkan hasil Query dengan HTML dan PHP
Ceramah , Diskusi & praktek
• •
Kompute r Perangka t lunak Visual editor dan teks editor
Tugas 10: - Mahasiswa membuat database menggunakan PHPMYadmin
Ruang kelas
Kompute r Perangka t lunak Visual editor dan teks editor
Tugas 11: • Mahasiswa mengintegrasikan website yang dibuat menggunakan PHP dengan database MYSQL yang telah dibuat melalui PHPMYadmin
Ruang kelas
Mahasiswa mengerti mengenai fungsi-fungsi database • Mahasiswa mengerti bagaimana menggunakan input field dalam HTML yang terkoneksi dengan database MYSQL • Mahasiswa mengerti bagaimana membuat query untuk mengakses data dalam database sehingga dapat ditampilkan dalam HTML
•
7
14
Content Management System (CMS)
• Konsep CMS • Software CMS (MAMBO, LIMBO,JOOMLA, PHPNuke)
• •
Mahasiswa dapat menerangkan pengertian CMS
•
Kompute r Perangka t lunak CMS
Tugas 12: • Mahasiswa menginstall software CMS
Ruang kelas
Tugas 13: • Mahasiswa mempresentasikan proyek kedua
Ruang kelas
• Mahasiswa dapat menyebutkan dan menerangkan CMS software 15
Presentasi
-
Mahasiswa dapat mempresentasikan proyek 2 yang terdiri dari HTML,CSS,JavaScript dan XML
Ceramah • , Diskusi • & praktek •
Komputer Perangkat lunak visual editor dan teks editor Viewer
16 UJIAN AKHIR SEMESTER
1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13.
Sebesta, R.W.,Programming the World Wide Web, Addison Wesley, 2002 Hall, M.,Core Web Programming, Prentice Hall, 1998 Deitel, H.M. et.al.,XMLHow To Program 2/e, Prentice Hall, 2000 Bradley, N., The XML Companion 2/e, Addison-Wesley, 2000 Bradley, N., The XML Companion, Addison-Wesley, 2000 Staab, Steffen, Semantic Web and Peer to Peer, Springer-Verlag, Berlin, 2006 http://php.net http://w3c.org http://www.press.umich.edu http://www.ilmukomputer.com Adhi Rachdian & AndySikumbang, Mastering CMS dengan Mambo/Joomla, PT. Elex Media Komputindo, Jakarta, 2005 http://en.wikipedia.org/wiki/World_Wide_Web http://id.wikipedia.org/wiki/Web 8
