Kontrak Pemrograman Web Statis

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.

4.

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

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.
5.

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

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

Adapun persentase bobot didiskusikan bersama saat pertemuan 1.

1

7.

Komposisi Materi

PERTEMUAN
1

2

TOPIK

MEMBAHAS


Pengantar HTML 5



Sejarah Perkembangan HTML



Fitur terbaru HTML 5



Memahami Tag Absolut dan Atribut



Teknik Validasi Website

Praktek Membuat halaman web dengan



Mengenal layout semantik

HTML 5



Cara deklarasi layout header dan

Pengantar Bahasa HTML

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

aside.
3

Implementasi Tag dan atribut baru pada



HTML 5

4

Menampilkan Meter Bar, Progress
Meter.



Menambah keterangan pada Figure



Membuat format text lebih lanjut.

Mengatur tampilan halaman web dengan



Pengantar CSS3

CSS



Cara validasi web browser untuk
CSS3



Teknik memformat tampilan HTML
dengan Id, Atribut, tipe class.

5

Format tampilan visual web dengan CSS3



Kostumasi Text



Membuat bingkai area dan efek
bayangan.



Menyisipkan gambar pada sebuah
element.

6

Membuat Box dan Kolom dengan CSS3



Cara Membuat warna gradien.




Transformasi Dimensi Objek
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

UJIAN TENGAH SEMESTER

2

8

9

Implementasi Teknologi Jquery pada



Pengantar Jquery

HTML5



Teknik eksekusi dengan element



Manipulasi HTML dengan DOM



Kostumasi event browser



Menggunakan pada inpeksi

Teknik Inspeksi dan debug pada website

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

11

Multimedia



Skala dan krop gambar kanvas



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

14

Chace



Pengantar Chace



Membuat Chace Manifest



Mengupdate Chace

Studi Kasus dan Diskusi

UJIAN AKHIR SEMESTER

3