SAP Praktikum Rekayasa Web 2010-2011

Universitas Pasundan
jl. Setiabudhi 193 Bandung 40153
Tlp.: (022) 2019 433 Fax : (022) 2019438
Fakultas Teknik
SATUAN ACARA MENTORING / PRAKTIKUM
Jurusan
Total Modul = 10
: TEKNIK INFORMATIKA
Lama Praktikum Tiap Modul= 100 menit
Kode Mata Kuliah
: IT201
Nama Mata Kuliah
: Pemrograman Web I
SKS : 4
Kelompok : RPL
Tujuan Instruksional Umum (TIU)
-
Modul
Ke
1
2
\
HTML Dasar
HTML Lanjut
Content Modul
HTML Dasar.
1. Kemampuan HTML.
2. Contoh web HTML.
3. Cara kerja HTML.
4. Aturan penulisan HTML.
5. Struktur HTML.
6. Tag-tag dasar HTML
HTML Lanjutan.
1. Tag Table
2. Tag Form
S/W yang dipakai = Notepad, Adobe Dreamweaver / Notepad++ /
Sublime Text 2, Web Browser (Internet Explorer, Mozilla Firefox,
Goggle Chrome, dll)
Dibuat Oleh :
Memahami dan mampu membuat website sederhana dengan menggunakan HTML.
Memahami dan mampu membuat tampilan website yang menarik dengan CSS.
Memahami dan mampu membuat website interaktif dengan Javascript.
Mempelajari teknologi web terbaru seperti HTML5, CSS3, JQuery dan CSS
Framework (Bootstrap)
TIK
DOK : DIK-01
R. Sandhika Galih A.
Aktivitas Asisten
Menerangkan mengenai fungsifungsi dari tag-tag dasar pada
HTML
Menerangkan mengenai
fungsi dari tag table dan tag
form dan memberikan contoh
pengerjaannya
Aktivitas Praktikan
Mengerjakan latihan pada
modul
Mengerjakan latihan pada
modul
Indikator
Kompetensi
Memahami fungsi
dari tag-tag HTML
yang dijelaskan
Memahami fungsi
dari tag tabel dan
form
%
nilai
Universitas Pasundan
Fakultas Teknik
Modul
Ke
3
4
5
6
TIK
CSS Dasar
CSS Lanjut
Studi Kasus CSS
HTML5
jl. Setiabudhi 193 Bandung 40153
Tlp.: (022) 2019 433 Fax : (022) 2019438
Content Modul
1.
2.
3.
4.
5.
6.
7.
1.
2.
3.
4.
5.
6.
7.
Pengenalan CSS
Struktur & aturan penulisan CSS
Contoh sintaks CSS
Class & ID
Background
Text
Font
Box model
Margin
Padding
Border
Float
Pseudo-class
Position
Gabungan CSS Dasar & Lanjutan
Konsep, tag dan fungsi pada
HTML 5
Aktivitas Asisten
Aktivitas Praktikan
Indikator
Kompetensi
Memberikan penjelasan
mengenai tag-tag dasar pada
CSS
Mengerjakan latihan pada
modul
Memahami fungsi
dan penggunaan
dari tag-tag dasar
pada CSS
Memberikan penjelasan
mengenai tag-tag lanjutan
pada CSS
Mengerjakan latihan pada
modul
Memahami fungsi
dan penggunaan
dari tag-tag lanjutan
pada CSS
Memberikan contoh kasus yang
lebih kompleks mengenai
penggunaan HTML + CSS
Mengerjakan studi kasus yang
diberikan.
Memahami HTML &
CSS secara lebih
dalam
1. Memberikan penjelasan
mengenai kegunaan dan
kelebihan dari HTML5
2. Memberikan penjelasan
mengenai elemen-elemen
yang biasa digunakan pada
HTML5
3. Memberikan penjelasan
mengenai teknik-teknik
penggunaan HTML5
Melakukan eksplorasi
terhadap HTML5
1. Memahami
kegunaan dan
kelebihan dari
HTML5
2. Mengetahui
elemen-elemen
yang biasa
digunakan pada
HTML5
3. Mengetahui teknikteknik penggunaan
HTML5
%
nilai
Universitas Pasundan
jl. Setiabudhi 193 Bandung 40153
Tlp.: (022) 2019 433 Fax : (022) 2019438
Fakultas Teknik
Modul
Ke
7
8
9
10
TIK
CSS3
Javascript
JQuery
Bootstrap
Content Modul
Aktivitas Praktikan
Indikator
Kompetensi
4. Memahami
kegunaan dan
kelebihan dari
CSS3
5. Mengetahui
elemen-elemen
yang biasa
digunakan pada
CSS3
6. Mengetahui
teknik-teknik
penggunaan
CSS3
Konsep, syntax dan fungsi dari
CSS3
1. Memberikan penjelasan
mengenai kegunaan dan
kelebihan dari CSS3
2. Memberikan penjelasan
mengenai elemen-elemen
yang biasa digunakan pada
CSS3
3. Memberikan penjelasan
mengenai teknik-teknik
penggunaan CSS3
1.
2.
3.
4.
5.
6.
7.
Memberikan penjelasan
mengenai dasar-dasar
javascript
Mengerjakan latihan pada
modul
Memahami dasardasar penggunaan
javascript
Memberikan penjelasan
mengenai penggunaan JQuery
Mengerjakan latihan pada
modul
Memahami
penggunaan JQuery
Memberikan penjelasan
mengenai penggunaan
Bootstrap pada pengembangan
web
Mengerjakan latihan pada
modul
Memahami konsep
penggunaan CSS
Framework
khususnya Bootstrap
8.
Penempatan
Variable.
Operator.
Pengkondisian.
Pengulangan.
Function
Pop Up.
Event Handler.
1.
2.
3.
DOM Query
Event Handler.
Browser Manipulation.
Penggunaan Bootstrap pada
pengembangan Web
Tanda Tangan
R. Sandhika Galih A.
Aktivitas Asisten
Melakukan eksplorasi
terhadap CSS3
Tanggal
2 Februari 2014
%
nilai