SATUAN ACARA PERKULIAHAN (SAP)PROGRAM STUDI D-II

JURUSAN MANAJEMEN INFORMATIKATAHUN AKADEMIK 2012/2013

MATA KULIAH : DESAIN WEBKODE MATA KULIAH / SKS : TIA1201 / 2 SKSWAKTU PERTEMUAN : 100 MENITPERTEMUAN KE : 1 (SATU)

A. TUJUAN INSTRUKSIONAL

Umum : Mahasiswa memahami dan mampu menerapkan keterampilan desain, tata letak, dan administrasi situs web.

Khusus : Mahasiswa dapat menjelaskan tentang Internet dan Web

B. POKOK BAHASAN : Pengenalan Internet dan Web

C. SUB POKOK BAHASAN : 1. Mengenal Internet2. Perkembangan Internet3. Dasar-dasar Internet: WWW, E-Mail, HTTP, FTP, TCP/IP4. Mengenal Web Browser

D. KEGIATAN PEMBELAJARAN :

Tahapan Kegiatan Dosen Kegiatan Mahasiswa Media Pembelajaran

Pendahuluan Menyampaikan Tujuan Instruksional

Mendengarkan, memperhatikan

LCD/PCInternet

Menyampaikan referensi / literatur yang dapat digunakan sebagai sumber belajar

Penyajian Mengenalkan internet pada mahasiswa dari sisi teknis dan cara kerjanya

Mendengarkan, memperhatikan

Menyampaikan perkembangan internet: sejarah dan masa depannya

Mendiskusikan tentang perkembangan internet yang dirasakan oleh mahasiswa

Memberikan pengenalan tentang dasar-dasar teknologi internet yang meliputi: WWW, E-Mail, HTTP, FTP, TCP/IP

Mendengarkan, memperhatikan

Mengenalkan pada mahasiswa tentang anatomi, cara kerja, ragam dan standar web browser

Mendiskusikan beragam web browser, anatomi dan standar yang digunakan

Penutup Merefleksi materi yang telah diterima oleh mahasiswa

Menulis kesimpulan

E. EVALUASI

I. Penilaian

a. Teknik dan instrumen penilaian : Tes formatif dan Kuis-kuis, Post test prakt. b. Kriteria Penilaian

2Pt+3Ps+5Tt10

=Nf

Keterangan:Pt = PortofolioPs = ProsesTt = Tes tertulisNf = Nilai formatif

II. Soal

1. Jelaskan apa yang dimaksud dengan:a. WWWb. URLc. HTTPd. FTP

2. Untuk dapat melakukan aktifitas browsing di internet, yang dibutuhkan oleh pengguna adalah ....3. Sebutkan dan jelaskan fungsi bagian-bagian dari browser berikut !

DCBA

III. KUNCI JAWABAN

1. Yang dimaksud:a. WWW atau World Wide Web adalah sistem dokumen hypertext yang saling terkait dan diakses

melalui internet dengan menggunakan web browser.b. URL atau Uniform Resource Locator adalah serangkaian karakter dengan format standar tertentu

yang digunakan untuk menunjukkan alamat suatu sumber seperti dokumen dan gambar di internet.c. HTTP atau Hyper Text Transfer Protocol adalah sebuah protokol jaringan yang digunakan untuk

sistem informasi terdistribusi, kolaboratif, dan menggunakan hipermedia.d. FTP atau File Transfer Protocol adalah protokol internet yang merupakan standar untuk pengiriman

berkas (file) komputer antar mesin-mesin dalam sebuah jaringan internet.2. Untuk dapat melakukan atifitas browsing, seorang pengguna membutuhkan akses internet yang dapat

diperoleh melalui:a. Hotspot internetb. Modem

3. Bagian-bagian browser:a. Title Barb. Address Barc. Tabd. Search Box

F. REFERENSI

1. Prihatna, Henky. 2005. Kiat Praktis Menjadi Webmaster Profesional. Jakarta: PT. Elex Media Komputindo.

MengetahuiKetua Jurusan Manajemen Informatika

Drs. H. Dani Hendarto, MM.

Nganjuk, 12 Oktober 2012

Dosen Pendamping

Slamet Budi Santoso, S.Kom.

SATUAN ACARA PERKULIAHAN (SAP)PROGRAM STUDI D-II

JURUSAN MANAJEMEN INFORMATIKATAHUN AKADEMIK 2012/2013

MATA KULIAH : DESAIN WEBKODE MATA KULIAH / SKS : TIA1201 / 2 SKSWAKTU PERTEMUAN : 100 MENITPERTEMUAN KE : 2 (DUA)

A. TUJUAN INSTRUKSIONAL

Umum : Mahasiswa memahami dan mampu menerapkan keterampilan desain, tata letak, dan administrasi situs web.

Khusus : Mahasiswa mengenal HTML/XHTML untuk pembuatan halaman situs web

B. POKOK BAHASAN : Mengenal HTML/XHTML

C. SUB POKOK BAHASAN : 1. Definisi dan Pengertian HTML/XHTML2. Mengenal Tag-tag HTML/XHTML

D. KEGIATAN PEMBELAJARAN :

Tahapan Kegiatan Dosen Kegiatan Mahasiswa Media Pembelajaran

Pendahuluan Menyampaikan Tujuan Instruksional Khusus

Mendengarkan, memperhatikan

LCD/PC

Menyampaikan definisi dan pengertian HTML/XHTML

Penyajian Mengenalkan cara membuat halaman web menggunakan HTML/XHTML

Memperhatikan

Mengenalkan struktur baku halaman web

Memperhatikan, mempraktikkan di komputer

Mengenalkan elemen dan tag HTML untuk pemformatan teks, warna, dan gambar

Mempraktikkan di komputer

Memberikan latihan soal pada mahasiswa untuk dipraktikkan

Mengerjakan latihan

Penutup Merefleksi materi yang telah diterima oleh mahasiswa

Menulis kesimpulan

E. EVALUASI

I. Penilaian

a. Teknik dan instrumen penilaian : Tes formatif dan Kuis-kuis, Post test prakt. b. Kriteria Penilaian

2Pt+3Ps+5Tt10

=Nf

Keterangan:Pt = PortofolioPs = ProsesTt = Tes tertulisNf = Nilai formatif

II. Soal

1. Tuliskan struktur standar HTML5 !2. Tuliskan tag untuk menampilkan sebuah gambar dengan nama “fotoku.jpg” !3. Sebutkan 5 (lima) tag untuk memformat teks !

III. Kunci Jawaban

1. Struktur standar HTML5

<!DOCTYPE html><html><head><title>Judul Halaman Web</title></head><body>...</body></html>

2. Tag untuk menampilkan gambar:

<img src=”fotoku.jpg” alt=”fotoku” />

3. Tag-tag pemformatan teks:a. <p> untuk membentuk paragrafb. <b> atau <strong> untuk mencetak tebal teksc. <i> atau <em> untuk mencetak teks miring / italicd. <h1> ... <h6> untuk memformat teks sebagai heading

F. REFERENSI

1. Prihatna, Henky. 2005. Kiat Praktis Menjadi Webmaster Profesional. Jakarta: PT. Elex Media Komputindo.2. Castro, Elizabeth. 2006. HTML, XHTML, & CSS, Sixth Edition: Visual QuickStart Guide. California: Peachpit

Press.3. Holzschlag, Molly E. 2005. HTML and CSS. New Jersey: Addison Wesley Professional.

MengetahuiKetua Jurusan Manajemen Informatika

Drs. H. Dani Hendarto, MM.

Nganjuk, 12 Oktober 2012

Dosen Pendamping

Slamet Budi Santoso, S.Kom.