Professional Documents
Culture Documents
MATA KULIAH
:
Pemrograman Web
BOBOT SKS/SMT
:
3/4
PROGRAM STUDI
:
S1
PERTEMUAN
:
1
Standar Kompetensi
:
Di akhir mata kuliah mahasiswa mampu membuat web dinamis sampai operasi
CRUD (Create Read Update Delete) pada database
Kompetensi Dasar
:
Mahasiswa mampu memahami konsep web secara umum
Alokasi Waktu
:
150 menit
Indikator
:
1. Mahasiswa mampu memahami konsep domain/hosting
2. Mahasiswa mampu memahami konsep kerja web
3. Mahasiswa mampu memahami fungsi dari aplikasi-aplikasi web
4. Mahasiswa mengetahui bahasa-bahasa dalam pemrograman web
Materi Pokok
:
1. Konsep Domain
2. DNS
3. Domain Provider
4. Konsep Hosting
5. Konsep Web client (browser) & web server
6. Konsep Database client & database server
7. Konsep file client & file server
8. Penggunaan FTP
9. Pengenalan bahasa pemrograman web
LANGKAH KEGIATAN :
Waktu
Langkah Kegiatan
Metode
30 menit
Pendahuluan
Ceramah
1. Dosen menjelaskan kontrak
perkuliahan Pemrograman Web
selama 1 semester
2. Dosen menjelaskan manfaat mata
kuliah Pemrograman Web dan
contoh dan jenis produk web
60 menit
Inti
Ceramah
Dosen menjelaskan dan memberi contoh
tentang konsep berikut disesuaikan
dengan teknologi yang digunakan :
1. Konsep DNS, Domain, Hosting,
dan FTP
2. Konsep Web Client (browser)
dan Web Server
3. Konsep Database Client dan
Database Server
4. Konsep file Client dan file Server
5. Menjelaskan cara penggunaan
FTP Client
6. Mengenalkan bahasa
pemrograman Web
(PHP,ASP,JSP)
Bahan
Kontrak kuliah
Praktek
30
Penutup
Tanya-Jawab
1. Dosen melakukan review materi
2. Dosen mengingatkan materi yang
harus dibaca pada minggu depan
Daftar Referensi :
Materi Kuliah (PPT)
File : Contoh halaman web sederhana
Langkah Kegiatan
Metode
Bahan
Materi kuliah minggu lalu
30'
Pendahuluan
Ceramah
1. Dosen memulai pembelajaran
mengacu pada apa yang telah
dikenal mahasiswa tentang
konsep dasar Pemrograman Web
2. Dosen menyampaikan garis besar
tujuan pembelajaran hari itu,
yaitu akan membahas pembuatan
halaman web menggunakan
HTML
Ceramah
30
Inti
Dosen menjelaskan dan memberi contoh
tentang :
1. Struktur Penulisan HTML
2. Tag-tag dasar HTML
3. Atribut dasar HTML
Praktek
30'
Praktek
Mahasiswa melakukan :
1. Membuat sebuah halaman web
dengan memanfaatkan tag dan
atribut HTML yang telah
diajarkan
2. Mengupload halaman tersebut
pada FTP Server
3. Mengakses Halaman Web
30'
Kegiatan Penutup
Tanya-Jawab
1. Dosen melakukan review materi
2. Dosen mengingatkan materi yang
harus dibaca pada minggu depan
Daftar Referensi :
Materi Kuliah (PPT)
File: Pertemuan2aHTML.html (title,meta,p,br,h1..h6,hr)
File: Pertemuan2b.html (a,img,em,strong)
File: Pertemuan2c.html (ul li,ol li)
Langkah Kegiatan
Metode
Bahan
Materi kuliah minggu lalu
30'
Pendahuluan
Ceramah
1. Dosen memulai pembelajaran
mengacu pada apa yang telah
dikenal mahasiswa tentang tag
HTML
2. Dosen menyampaikan garis besar
tujuan pembelajaran hari itu,
yaitu akan membahas modifikasi
tampilan web menggunakan CSS
Ceramah
30
Inti
Dosen menjelaskan dan memberi contoh
tentang :
1. Syntax CSS
2. CSS internal
3. CSS eksternal
4. Tag style dan link
5. Selector
6. warna, posisi, dan background
Praktek
30'
Praktek
Mahasiswa melakukan :
1. Membuat sebuah halaman web
dengan memanfaatkan tag dan
atribut HTML yang telah
diajarkan
2. Menambahkan CSS untuk
memodifikasi halaman HTML
Waktu
Langkah Kegiatan
Metode
Bahan
Kegiatan Penutup
Tanya-Jawab
1. Dosen melakukan review materi
2. Dosen mengingatkan materi yang
harus dibaca pada minggu depan
Daftar Referensi :
Materi Kuliah (PPT)
File: Pertemuan3aCSS.html (color)
File: Pertemuan3b.html (font)
Langkah Kegiatan
Metode
Bahan
Materi kuliah minggu lalu
30'
Pendahuluan
Ceramah
1. Dosen memulai pembelajaran
mengacu pada apa yang telah
dikenal mahasiswa tentang
konsep dasar Pemrograman Web
2. Dosen menyampaikan garis besar
tujuan pembelajaran hari itu,
yaitu akan membahas
pengembangan halaman web
menggunakan PHP
Ceramah
30
Inti
Dosen menjelaskan dan memberi contoh
tentang :
1. Syntax dasar PHP
a. Struktur umum
b. Penggunaan perintah
echo
2. Variabel dalam PHP
Praktek
30'
Praktek
Mahasiswa melakukan
1. Mengubah halaman web HTML
menjadi PHP
2. Membuat sebuah halaman web
dengan menggunakan perintah
PHP (echo,variable,aritmatik,
string operation)
3. Mengupload halaman tersebut
pada FTP Server
4. Mengakses Halaman Web
30'
Kegiatan Penutup
Tanya-Jawab
Waktu
Langkah Kegiatan
Metode
Bahan
Langkah Kegiatan
Metode
Bahan
15 menit
Pendahuluan
Review
1. Dosen memulai pembelajaran
mengacu pada yang telah dikenal
mahasiswa tentang PHP dan struktur
pemrograman PHP.
2. Dosen menyampaikan garis besar
tujuan pembelajaran hari itu, yaitu
akan membahas tentang percabangan
if dan Switch Case
60 menit
Inti
1. Dosen menjelaskan materi tentang
struktur percabangan if dan switch
case.
Ceramah
Diskusi
60 menit
Praktek
1. Mahasiswa melakukan praktek
tentang penggunaan percabangan if
dan switch case .
Praktek
15 menit
Penutup
1. Melakukan review materi
2. Mengingatkan materi yang harus
dipelajari minggu depan
Tanya Jawab
Daftar Referensi:
Dokumentasi resmi PHP, http://www.php.net/manual/en, Achor et al, 7 Januari 2012
Materi Kuliah
Langkah Kegiatan
Metode
Bahan
15 menit
Pendahuluan
1. Dosen memulai pembelajaran
mengacu pada yang telah dikenal
mahasiswa tentang PHP dan struktur
pemrograman PHP.
2. Dosen menyampaikan garis besar
tujuan pembelajaran hari itu, yaitu
akan membahas tentang perulangan
for, while dan do while
Review
60 menit
Inti
Ceramah
1. Dosen menjelaskan materi tentang
Diskusi
struktur perulangan for, while dan do
while
60 menit
Praktek
1. Mahasiswa melakukan praktek satu
per satu tentang penggunaan
perulangan for, while dan do while
Praktek
15 menit
Penutup
1. Melakukan review materi.
2. Mengingatkan materi yang harus
dipelajari minggu depan
Ceramah
Tanya Jawab
Daftar Referensi:
Dokumentasi resmi PHP, http://www.php.net/manual/en, Achor et al, 7 Januari 2012
Materi Kuliah
Langkah Kegiatan
Metode
Bahan
15 menit
Pendahuluan
1. Dosen memulai pembelajaran
mengacu pada yang telah dikenal
mahasiswa tentang PHP dan struktur
pemrograman PHP.
2. Dosen menyampaikan garis besar
tujuan pembelajaran hari itu, yaitu
akan membahas tentang penggunaan
variabel array dalam bahasa
pemrograman PHP.
Review
60 menit
Inti
1. Dosen menjelaskan materi tentang
penggunaan variabel bertipe array
dalam bahasa pemrograman PHP
2. Mahasiswa melakukan praktek
penggunaan variabel array.
Ceramah
Diskusi
Praktek
60 menit
Praktek
1. Mahasiswa melakukan praktek
penggunaan variabel array.
Praktek
15 menit
Penutup
1. Melakukan review materi.
2. Mengingatkan materi yang harus
dipelajari minggu depan
Ceramah
Tanya Jawab
Daftar Referensi:
Dokumentasi resmi PHP, http://www.php.net/manual/en, Achor et al, 7 Januari 2012
Materi Kuliah
Langkah Kegiatan
15 menit
Pendahuluan
Review
1. Dosen memulai pembelajaran
dengan mereview pertemuan
sebelumnya yaitu Penggunaan
variabel bertipe array dalam
bahasa pemrograman PHP
2. Dosen menyampaikan garis besar
tujuan pembelajaran hari itu,
yaitu cara menggunakan form di
HTML
60 menit
Kegiatan Inti
Dosen menerangkan dan memberikan
contoh topik tentang:
1.
2.
3.
Metode
Ceramah
Praktek
Bahan
Sumber :
2.
3.
Referensi utama 1,
4, 5
Referensi
pendukung 1, 2
60 menit
Praktek
Kegiatan Praktek
Alat :
1. Mahasiswa mencoba berbagai
macam jenis form untuk
melakukan input sederhana
2. Mahasiswa mengerti beda
penggunaan method POST dan
GET dengan langsung praktek
pada form HTML
2.
3.
4.
5.
6.
15 menit
Web browser
Koneksi internet
FTP Server dan
user account untuk
mahasiswa
Web Server dan
user account untuk
mahasiswa
FTP Client
(Filezilla)
Kegiatan Penutup
Tanya Jawab
1. Melakukan review materi
2. Mengingatkan materi yang harus
dibaca pada minggu depan
Langkah Kegiatan
Metode
15 menit
Pendahuluan
1. Dosen memulai pembelajaran
dengan mereview pertemuan
sebelumnya yaitu menggunakan
form di HTML
Review
Bahan
Kegiatan Inti
1. Pembuatan schema database
MySQL
2. Pembuatan table dan field di
MySQL
3. Operasi CRUD pada database,
baik dengan:
1. menggunakan interface
phpmyadmin
2.
Ceramah
Sumber :
1.
2.
Referensi Utama 4,
5
Referensi
Pendukung 1, 2
Waktu
60 menit
Langkah Kegiatan
Metode
Bahan
Praktek
Kegiatan Praktek
Alat :
1. Mahasiswa mempraktekkan
pembuatan schema database
MySQL
2. Mempraktekkan pembuatan table
dan field
3. Melakukan dua metode operasi
select pada phpMyAdmin dan
dengan cara menuliskan kalimat
SQL
15 menit
1.
2.
Koneksi internet
Database server
dan user account
untuk mahasiswa
3.
phpmyadmin di
server
Kegiatan Penutup
Tanya Jawab
1. Melakukan review materi
2. Mengingatkan materi yang harus
dibaca pada minggu depan
Langkah Kegiatan
Metode
15 menit
Pendahuluan
1. Dosen memulai pembelajaran
dengan mereview pertemuan
sebelumnya yaitu menggunakan
MySQL untuk pembuatan
database
Review
Bahan
Kegiatan Inti
Ceramah
Praktek
Materi kuliah
Sumber :
3. Referensi Utama 1,
4, 5
4. Referensi
Pendukung 1, 2
Alat :
1. Koneksi internet
2. Database server
dan user account
untuk mahasiswa
15 menit
Kegiatan Penutup
Tanya Jawab
1. Melakukan review materi
2. Mengingatkan materi yang harus
dibaca pada minggu depan
Langkah Kegiatan
Metode
15 menit
Pendahuluan
Dosen menreview materi mengenai
koneksi dan pengambilan data dari
database menggunakan PHP
Review
45 menit
Inti:
Ceramah
Dosen menjelaskan, dan berdiskusi
Diskusi
dengan mahasiswa mengenai:
1. operasi insert di database
2. pembacaan data dari form
3. data apa saja yang perlu
disediakan untuk proses inserting
(dikaitkan dengan struktur
kalimat SQL untuk insert)
30 menit
Praktek:
Praktek
1. Mahasiswa membuat file HTML
dan PHP untuk inserting data
(berdasarkan apa yang sudah
dibuat pada pertemuan minggu
lalu)
45 menit
Diskusi:
Diskusi
1. Kesulitan selama praktek
2. Operasi insert yang terselubung
(contoh case study : penciptaan
karakter baru dalam game online,
mahasiswa menyampaikan ide
dan dugaan mengenai struktur
database, dan apa saja yang
sebenarnya terjadi)
3. Apa kelebihan dan kekurangan
menggunakan auto-number
dalam proses insert
Bahan
Materi kuliah
15 menit
Penutup
Tanya Jawab
Dosen mengingatkan akan progress report
dan project UAS
Langkah Kegiatan
Metode
15 menit
Pendahuluan
Dosen menreview materi mengenai
koneksi dan inserting data ke database
menggunakan PHP
Review
45 menit
Inti:
Ceramah
Dosen menjelaskan, dan berdiskusi
Diskusi
dengan mahasiswa mengenai:
1. operasi delete di database
2. form penghapusan data pada
setiap baris di tabel dengan
menggunakan input hidden
3. data apa saja yang perlu
disediakan untuk proses deleting
(dikaitkan dengan struktur
kalimat SQL untuk delete)
30 menit
Praktek:
Praktek
1. Mahasiswa memodifikasi file
HTML dan PHP agar dapat
mendelete data (berdasarkan apa
yang sudah dibuat pada
pertemuan minggu lalu)
45 menit
Diskusi:
Diskusi
1. Kesulitan selama praktek
2. Kapan operasi delete aman?
3. Kapan operasi delete tidak aman?
4. Case study: database penduduk,
untuk orang yang sudah
meninggal, apakah operasi delete
aman?
15 menit
Penutup
Tanya Jawab
Dosen mengingatkan akan progress report
dan project UAS
Bahan
Materi kuliah
Langkah Kegiatan
Metode
15 menit
Pendahuluan
Review
Dosen mereview materi mengenai koneksi
dan inserting dan deleting di database
menggunakan PHP
45 menit
Inti:
Dosen menjelaskan, dan berdiskusi
dengan mahasiswa mengenai:
1. operasi update di database
2. form untuk mengedit data
3. data apa saja yang perlu
disediakan untuk proses
updateing (dikaitkan dengan
struktur kalimat SQL untuk
update)
30 menit
Praktek:
1. Mahasiswa memodifikasi file
HTML dan PHP agar dapat
mengupdate data (berdasarkan
apa yang sudah dibuat pada
pertemuan minggu lalu)
45 menit
Diskusi:
Diskusi
1. Kapan update boleh digantikan
delete + insert
2. Kapan update tidak mungkin
digantikan delete+insert
3. Bolehkah primary key di update?
15 menit
Penutup
Tanya Jawab
Dosen mengingatkan akan progress report
dan project UAS (minggu depan harus
dipresentasikan)
Ceramah
Diskusi
Bahan
Materi kuliah
Langkah Kegiatan
Metode
Bahan
10 menit
Pendahuluan
Dosen mempersiapkan sesi presentasi bagi
mahasiswa
140 menit
Inti:
Mahasiswa mempresentasikan progress
reportnya, dan membuka sesi diskusi
untuk setiap permasalahan yang mereka
alami selama pembuatan proyek.
Diskusi
Penutup
Disahkan Oleh :
Diperiksa Oleh :
Diperiksa Oleh :