Upload
slametbsan
View
116
Download
7
Embed Size (px)
Citation preview
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.