S1 RPP Pemrograman Web

STIKI | Rencana Pelaksanaan Pembelajaran 1/22

Rencana Pelaksanaan Pembelajaran 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 Bahan

30 menit Pendahuluan 1. Dosen menjelaskan kontrak

perkuliahan Pemrograman Web selama 1 semester

2. Dosen menjelaskan manfaat mata kuliah Pemrograman Web dan contoh dan jenis produk web

Ceramah Kontrak kuliah

60 menit Inti 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)

Ceramah Ceramah dosen & materi matakuliah mengenai domain, hosting, web, database, dan file server

Print to PDF without this message by purchasing novaPDF (http://www.novapdf.com/)

http://www.novapdf.com/



7. Menunjukkan langkah membuat web hosting gratis

30 menit Praktek (30 menit) Mahasiswa melakukan hal-hal berikut sesuai dengan petunjuk dosen :

1. Menjalankan Web Server 2. Menjalankan FTP Server 3. Membuat sebuah halaman web

sederhana (berdasarkan contoh) 4. Mengupload halaman tersebut

pada FTP Server 5. Mengakses halaman web

Praktek

30 Penutup 1. Dosen melakukan review materi 2. Dosen mengingatkan materi yang

harus dibaca pada minggu depan

Tanya-Jawab -

Daftar Referensi : Materi Kuliah (PPT) File : Contoh halaman web sederhana





Rencana Pelaksanaan Pembelajaran MATA KULIAH : Pemrograman Web BOBOT SKS/SMT : 3/4 PROGRAM STUDI : S1 PERTEMUAN : 2 Standar Kompetensi : Di akhir mata kuliah mahasiswa mampu membuat web dinamis sampai operasi CRUD (Create Read Update Delete) pada database Kompetensi Dasar : Mahasiswa mampu menggunakan tag-tag dasar HTML untuk membuat halaman web statis Alokasi Waktu : 150 menit Indikator :

1. Mahasiswa mampu menampilkan informasi dalam format HTML 2. Mahasiswa mampu meletakkan gambar, link dan tabel pada halaman web

Materi Pokok : 1. Struktur HTML 2. Tag-tag dasar 3. Atribut dasar


30'

Pendahuluan 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 Materi kuliah minggu lalu

30’

Inti Dosen menjelaskan dan memberi contoh tentang :

1. Struktur Penulisan HTML 2. Tag-tag dasar HTML 3. Atribut dasar HTML

Ceramah Materi kuliah mengenai HTML

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

Praktek File-File Contoh mengenai HTML yang disediakan oleh dosen

30'

Kegiatan Penutup 1. Dosen melakukan review materi 2. Dosen mengingatkan materi yang


Tanya-Jawab





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)





Rencana Pelaksanaan Pembelajaran MATA KULIAH : Pemrograman Web BOBOT SKS/SMT : 3/4 PROGRAM STUDI : S1 PERTEMUAN : 3 Standar Kompetensi : Di akhir mata kuliah mahasiswa mampu membuat web dinamis sampai operasi CRUD (Create Read Update Delete) pada database Kompetensi Dasar : Mahasiswa mampu menggunakan CSS untuk melakukan styling sederhana pada halaman web statis Alokasi Waktu : 150 menit Indikator :

1. Mahasiswa mampu menggunakan CSS pada halaman web 2. Mahasiswa mampu memahami konsep selector 3. Mahasiswa mampu mengubah posisi , ukuran, dan warna pada elemen HTML

Materi Pokok : 1. Syntax CSS 2. CSS internal 3. CSS eksternal 4. Tag style dan link 5. Selector 6. warna, posisi, dan background


30'


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


30’


1. Syntax CSS 2. CSS internal 3. CSS eksternal 4. Tag style dan link 5. Selector 6. warna, posisi, dan background

Ceramah Materi kuliah mengenai CSS

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

Praktek File contoh yang disediakan dosen mengenai CSS





Waktu Langkah Kegiatan Metode Bahan



30'

Kegiatan Penutup 1. Dosen melakukan review materi 2. Dosen mengingatkan materi yang


Tanya-Jawab

Daftar Referensi : Materi Kuliah (PPT) File: Pertemuan3aCSS.html (color) File: Pertemuan3b.html (font)





Rencana Pelaksanaan Pembelajaran MATA KULIAH : Pemrograman Web BOBOT SKS/SMT : 3/4 PROGRAM STUDI : S1 PERTEMUAN : 4 Standar Kompetensi : Di akhir mata kuliah mahasiswa mampu membuat web dinamis sampai operasi CRUD (Create Read Update Delete) pada database Kompetensi Dasar : Mahasiswa mampu menggunakan PHP dalam pembuatan web Alokasi Waktu : 150 menit Indikator :

1. Mahasiswa mampu mengenal syntax PHP Materi Pokok :

1. Syntax dasar PHP a) Struktur umum b) Penggunaan perintah echo

2. Variabel dalam PHP


30'


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


30’


1. Syntax dasar PHP a. Struktur umum b. Penggunaan perintah

echo 2. Variabel dalam PHP

Ceramah Materi kuliah mengenai PHP

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)



Praktek File contoh yang disediakan dosen

30' Kegiatan Penutup Tanya-Jawab






1. Melakukan review materi 2. Mengingatkan materi yang harus

dibaca pada minggu depan Daftar Referensi : Materi Kuliah (PPT) File: Pertemuan4aPHP.php (echo, variable) File: Pertemuan4b.php (aritmatik) File: Pertemuan4c.php (String Operation)






1. Mahasiswa mampu menggunakan struktur percabangan dalam bahasa pemrograman PHP Materi Pokok :

1. Struktur percabangan a) Percabangan if b) Percabangan Switch Case


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 percabangan if dan Switch Case

Review Materi perkuliahan minggu lalu

60 menit Inti 1. Dosen menjelaskan materi tentang

struktur percabangan if dan switch case.

Ceramah Diskusi

Dokumentasi Resmi PHP Materi Kuliah

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 Dokumentasi Resmi PHP Materi Kuliah

Daftar Referensi: Dokumentasi resmi PHP, http://www.php.net/manual/en, Achor et al, 7 Januari 2012 Materi Kuliah


http://www.php.net/manual/en,





1. Mahasiwa mampu menggunakan struktur perulangan dalam bahasa pemrograman PHP Materi Pokok :

1. Struktur perulangan a) Perulangan for b) Perulangan while c) Perulangan do while




2. Dosen menyampaikan garis besar tujuan pembelajaran hari itu, yaitu akan membahas tentang perulangan for, while dan do while

Review Materi Perkuliahan minggu lalu


struktur perulangan for, while dan do while

Ceramah Diskusi


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


Ceramah Tanya Jawab









1. Mahasiswa mampu menggunakan array dalam bahasa pemrograman PHP Materi Pokok :

1. Penggunaan variabel bertipe array dalam bahasa pemrograman PHP LANGKAH KEGIATAN : Waktu Langkah Kegiatan Metode Bahan



2. Dosen menyampaikan garis besar tujuan pembelajaran hari itu, yaitu akan membahas tentang penggunaan variabel array dalam bahasa pemrograman PHP.

Review Materi perkuliahan minggu lalu


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


Ceramah Tanya Jawab









1. Mahasiswa mampu menggunakan form Materi Pokok :

1. Pemanfaatan tag form di HTML 2. Pemanfaatan berbagai input sederhana 3. Pemanfaatan metode POST dan GET



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

Review

60 menit Kegiatan Inti Dosen menerangkan dan memberikan contoh topik tentang:

1. Pemanfaatan tag form di HTML 2. Pemanfaatan berbagai input

sederhana 3. Pemanfaatan metode POST dan

GET

Ceramah Praktek

Sumber :

2. Referensi utama 1, 4, 5

3. Referensi pendukung 1, 2





60 menit Kegiatan Praktek

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

Praktek Alat :

2. Web browser 3. Koneksi internet 4. FTP Server dan

user account untuk mahasiswa

5. Web Server dan user account untuk mahasiswa

6. FTP Client (Filezilla)

15 menit Kegiatan Penutup 1. Melakukan review materi 2. Mengingatkan materi yang harus

dibaca pada minggu depan

Tanya Jawab





Rencana Pelaksanaan Pembelajaran MATA KULIAH : Pemrograman Web BOBOT SKS/SMT : 3/4 PROGRAM STUDI : S1 PERTEMUAN : 9 Standar Kompetensi : Di akhir mata kuliah mahasiswa mampu membuat web dinamis sampai operasi CRUD (Create Read Update Delete) pada database Kompetensi Dasar : Mahasiswa mampu melakukan operasi database dengan menggunakan PHP Alokasi Waktu : 150 menit Indikator :

1. Mahasiswa mampu menggunakan MySQL untuk pembuatan database Materi Pokok :

1. Pembuatan schema database MySQL 2. Pembuatan table dan field di MySQL 3. Operasi CRUD pada database, baik dengan

a) menggunakan interface phpmyadmin b) menulis kalimat SQL



dengan mereview pertemuan sebelumnya yaitu menggunakan form di HTML

2. Dosen menyampaikan garis besar tujuan pembelajaran hari itu, yaitu cara menggunakan MySQL untuk pembuatan database

Review

60 menit 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. menulis kalimat SQL

Ceramah Sumber :

1. Referensi Utama 4, 5

2. Referensi Pendukung 1, 2






60 menit Kegiatan Praktek

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

Praktek Alat :

1. Koneksi internet 2. Database server

dan user account untuk mahasiswa

3. phpmyadmin di server



Tanya Jawab






1. Mahasiswa mampu mengkoneksikan PHP & MySQL 2. Mahasiswa mampu melakukan operasi pembacaan data

Materi Pokok : 1. Koneksi ke server MySQL dengan menggunakan PHP 2. Membaca dan menampilkan data dalam bentuk tabel ataupun bentuk lain



dengan mereview pertemuan sebelumnya yaitu menggunakan MySQL untuk pembuatan database

2. Dosen menyampaikan garis besar tujuan pembelajaran hari itu, yaitu melakukan operasi database dengan menggunakan PHP

Review

120 menit Kegiatan Inti

1. Koneksi ke server MySQL dengan menggunakan PHP

2. Membaca dan menampilkan data dalam bentuk tabel ataupun bentuk lain

Kegiatan Praktek

1. Mahasiswa melakukan latihan untuk membuat koneksi ke server MySQL dengan menggunakan PHP

2. Mahasiswa mempraktekkan pembacaan table dan data dalam database dengan menggunakan beberapa studi kasus.

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





3. Mahasiswa menampilkan table tersebut dalam bentuk format table HTML atau yang lainnya

3. Web server dan user account untuk mahasiswa

4. FTP server dan user account untuk mahasiswa

5. phpmyadmin di server



Tanya Jawab






1. Mahasiswa mampu melakukan operasi penambahan data Materi Pokok :

1. Operasi insert data menggunakan PHP LANGKAH KEGIATAN : Waktu Langkah Kegiatan Metode Bahan

15 menit Pendahuluan Dosen menreview materi mengenai koneksi dan pengambilan data dari database menggunakan PHP

Review

45 menit Inti: Dosen menjelaskan, dan berdiskusi 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)

Ceramah Diskusi

Materi kuliah

30 menit Praktek: 1. Mahasiswa membuat file HTML

dan PHP untuk inserting data (berdasarkan apa yang sudah dibuat pada pertemuan minggu lalu)

Praktek

45 menit 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

Diskusi





15 menit Penutup

Dosen mengingatkan akan progress report dan project UAS

Tanya Jawab






1. Mahasiswa mampu melakukan operasi penghapusan data Materi Pokok :

1. Operasi delete data menggunakan PHP LANGKAH KEGIATAN : Waktu Langkah Kegiatan Metode Bahan

15 menit Pendahuluan Dosen menreview materi mengenai koneksi dan inserting data ke database menggunakan PHP

Review


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)

Ceramah Diskusi

Materi kuliah

30 menit Praktek: 1. Mahasiswa memodifikasi file

HTML dan PHP agar dapat mendelete data (berdasarkan apa yang sudah dibuat pada pertemuan minggu lalu)

Praktek

45 menit 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?

Diskusi

15 menit Penutup Dosen mengingatkan akan progress report dan project UAS

Tanya Jawab






1. Mahasiswa mampu melakukan operasi koreksi data Materi Pokok :

Operasi update data dengan menggunakan PHP LANGKAH KEGIATAN : Waktu Langkah Kegiatan Metode Bahan

15 menit Pendahuluan Dosen mereview materi mengenai koneksi dan inserting dan deleting di database menggunakan PHP

Review


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)

Ceramah Diskusi

Materi kuliah

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: 1. Kapan update boleh digantikan

delete + insert 2. Kapan update tidak mungkin

digantikan delete+insert 3. Bolehkah primary key di update?

Diskusi

15 menit Penutup Dosen mengingatkan akan progress report dan project UAS (minggu depan harus dipresentasikan)

Tanya Jawab





Rencana Pelaksanaan Pembelajaran MATA KULIAH : Pemrograman Web BOBOT SKS/SMT : 3/4 PROGRAM STUDI : S1 PERTEMUAN : 14 Standar Kompetensi : Di akhir mata kuliah mahasiswa mampu membuat web dinamis sampai operasi CRUD (Create Read Update Delete) pada database Kompetensi Dasar : - Alokasi Waktu : 150 menit Indikator : - Materi Pokok : Progress Report LANGKAH KEGIATAN : Waktu 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. Dosen dan Mahasiswa yang lain memberikan masukan dan saling berdiskusi

Diskusi

-

10 menit Penutup - -

Koordinator Tim Perumus Kelompok Mata Kuliah Pemrograman Web

Go Frendi Gunawan, S.Kom

Disahkan Oleh : Diperiksa Oleh : Diperiksa Oleh :

Evy Poerbaningtyas, S.Si, M.T Daniel Rudiaman, S.T.,M.Kom Diah Arifah P.,S.Kom,M.T.

Puket 1 Ka. Prodi TI Penanggung Jawab Penyusun silabus,RPP,Bahan Ajar &

Modul Praktikum




S1 RPP Pemrograman Web

Documents