Kontrak Pemrograman Web Statis

1

KONTRAK BELAJAR

Nama Mata Kuliah : Web Statis

Kode Mata Kuliah : SKB112316

Pengajar : Wahyu Widodo, S.Kom

Semester : 1

Bobot : 2 SKS

Hari Pertemuan : Rabu

Tempat Pertemuan : Laboratorium 1 Kampus STMIK EL RAHMA

1. Manfaat Mata Kuliah

Mata kuliah ini disajikan kepada mahasiswa sebagai upaya memberikan ketrampilan dasar tentang pemrograman web

2. Deskripsi Perkuliahan

Web Statis mempelajari dasar bahasa pemrograman yang digunakan untuk membuat web, antara lain html, css dan javascript. Saya berusaha merangkum dengan materi teknologi web terkini antara lain html versi 5, css3 dan jquery.

3. Kompetensi Dasar

a. Memahami arsitektural website

b. Mengenal bahasa Markup Language (HTML)

c. Dapat memperindah tampilan website dengan bahasa program css

d. Mengenal bahasa javascript dan mengimplementasikan ke halaman website

4. Materi / Bacaan Perkuliahan / Referensi

a. Eric Freeman, Head First HTML5 Programming, O’Reilly Media, 2011.

b. Adam MCDaniel, HTML5, Your visual blueprint for designing rich web pages and applications, John Wiley, 2012.

c. Adam Freeman, The Definitive Guide to HTML 5 , Apress, 2012.

5. Tugas-Tugas

Selama menempuh mata kuliah mahasiswa diberikan 2 kali tugas wajib dan 2 kali kuis.

6. Kriteria Penilaian

Penilaian akan dilakukan dengan menggunakan kriteria sebagai berikut :

NILAI RANGE

A > 75

B 66 – 75

C 41 – 65

D 30 – 40

E < 30

2

7. Komposisi Materi

PERTEMUAN TOPIK MEMBAHAS

1 Pengantar Bahasa HTML  Pengantar HTML 5

 Sejarah Perkembangan HTML  Fitur terbaru HTML 5

 Memahami Tag Absolut dan Atribut  Teknik Validasi Website

2 Praktek Membuat halaman web dengan HTML 5

 Mengenal layout semantik  Cara deklarasi layout header dan

footer, navigasi , section, artikel, heading, paragraf, figure, figur dan aside.

3 Implementasi Tag dan atribut baru pada HTML 5

 Menampilkan Meter Bar, Progress

Meter.

 Menambah keterangan pada Figure  Membuat format text lebih lanjut.

4 Mengatur tampilan halaman web dengan CSS

 Pengantar CSS3

 Cara validasi web browser untuk

CSS3

 Teknik memformat tampilan HTML

dengan Id, Atribut, tipe class.  Kostumasi Text

5 Format tampilan visual web dengan CSS3  Membuat bingkai area dan efek bayangan.

 Menyisipkan gambar pada sebuah

element.

 Cara Membuat warna gradien.  Transformasi Dimensi Objek 6 Membuat Box dan Kolom dengan CSS3  Pengantar Fleksibel Box model

 Membuat Fleksibel Box model

Horisontal dan Vertikal  Membuat layot multi kolom  Menambah garis dan gap diantara

kolom

7 Membuat Formulir Entri Data  Membuat input data berbagai tipe  Membuat validasi data harus diisi.  Mengatur Placeholder dan

autofokus pada inputan

3

8 Implementasi Teknologi Jquery pada

HTML5

 Pengantar Jquery

 Teknik eksekusi dengan element  Manipulasi HTML dengan DOM  Kostumasi event browser

9 Teknik Inspeksi dan debug pada website  Menggunakan pada inpeksi chroome

 Testing Struktur element dan

layout

 Cara modifikasi HTML dan CSS

pada browser secara real time  Menambah Break point untuk

javascript

10 Membuat Objek dengan Canvas HTML5  Pengantar Canvas HTML5  Deklarasi Elemet Canvas  Menggunakan Warna Gradien

Radial dan Linier

 Skala dan krop gambar kanvas

11 Multimedia  Pengantar Audio dan Video pada

HTML 5

 Instalasi Movie Encoder  Menampilkan video dan audio

dengan Element

12 Drag dan Drop Objek  Spesifikasi Objek dan Area Drag  Cara menghandle event drag dan

drop

13 Chace  Pengantar Chace

 Membuat Chace Manifest  Mengupdate Chace

14 Studi Kasus dan Diskusi