SILABUS MATA KULIAH

Program Studi Kode Mata Kuliah Nama Mata Kuliah Jumlah SKS Semester Mata Kuliah Pra Syarat Deskripsi Mata Kuliah : Teknik Elektro : TKE 214 : Pemrograman Web : 2 SKS :3 : Dasar Pemrograman Komputer : Dunia internet semakin lama semakin berkembang karena manusia selalu mencari terobosan baru. Meskipun pada awalnya internet hanya digunakan untuk menampilkan data-data statis, namun dalam perkembangan sebuah sistem informasi jarak jauh yang memberikan hak akses khusus bagi anggotanya sudah banyak yang menggunakannya. Matakuliah ini membahas tentang perkenalan desain web yang lebih banyak pada data statis sebagai pengantar pengelolaan web yang dinamis.

Standar Kompetensi Mahasiswa mengenal internet dan dapat mengetahui, memahami, menguasai dan mampu mengimplementasi teori, konsep dan prinsip pemrograman website dengan teknologi HTML, CSS dan Java Script Kompetensi Dasar Memahami dan memiliki wawasan tentang pengantar HTML dan Pembuatan Halaman Web Indikator Setelah mengikuti kuliah ini, mahasiswa diharapkan mampu: - menguasai cara-cara pengerjaan HTML sebagai tahapan awal. - Mengerjakan desain awal halaman web Pengalaman Pembelajaran - Memperkenalkan definisi halaman web - Menjabarkan cara kerja halaman web - Menunjukkan tampilan HTML - Mendemokan pembuatan HTML dengan Text Editor - Menerangkan Tag-Tag yang harus ada di setiap halaman HTML - Menerangkan tentang Paragraph dan ganti baris - Menerangkan heading dalam HTML Materi Ajar 1. Pengantar HTML - Definisi halaman Web - Cara kerja halaman web - Tampilan HTML - Pembuatan HTML dengan Text Editor 2. Pembuatan Halaman Web - Tags yang harus ada di setiap halaman HTML - Paragraphs dan Ganti baris - Headings Wakt u 100 Alat/Bahan/S umberBelajar OHP, Projector In Focus, Laptop. Penilaian Kuis, Latihan, Simulasi

Kompetensi Dasar

Indikator

Pengalaman Pembelajaran

Materi Ajar - Peeking at Other Peoples Pages 1. Linking ke Halaman Web yang Lain - Linking ke Halaman lainnya - Linking diantara Halaman Sendiri - Relative Addresse 2. Publishing Halaman HTML - Publishing Halaman Web di Disk - Setting Up ke Internet Web Site - Transferring Halaman ke Web Server - Peletakan Halaman Web dalam Intranet - Uji coba Halaman Web 1. Format Text dan Alignment - Emphasizing Text dengan Boldface dan Italics - Format Character - Alignment Text 2. Kontrol Font dan Kaeakter Spesial - Ukuran Font dan

Wakt u 100

Alat/Bahan/S umberBelajar OHP, Projector In Focus, Laptop.

Penilaian

Memahami dan memiliki wawasan tentang Linking ke halaman web yang lain dan publishing halaman HTML

Setelah mengikuti kuliah ini, mahasiswa diharapkan mampu: - Menguasai cara-cara linking halaman web - Mempublikasikan halaman web ke disk dan internet

- Menunjukkan linking ke halaman lainnya dan diantara halaman sendiri - Mendemokan publishing halaman HTML dalam Disk dan Internet - Menjelaskan transfer halaman web ke web server - Mendemokan peletakan halaman web dalam Intranet - Menunjukkan ujicoba halaman web

Kuis, Latihan, Simulasi

Memahami dan memiliki wawasan tentang format text, alignment, kontrol font dan karakter spesial

Setelah mengikuti kuliah ini, mahasiswa diharapkan mampu: - Menguasai cara-cara format tulisan dan alignment. - Menguasai kontrol font dan karakter spesial

- Menerangkan formatformat text dan alignment - Menunjukkan, menjabarkan kontrol font dan karakter spesial

100

OHP, Projector In Focus, Laptop.

Kuis, Latihan, Simulasi

Kompetensi Dasar

Indikator

Pengalaman Pembelajaran

Materi Ajar Warna - Pemilihan Tipe Tampilan - Karakter Spesial - Future of Web Fonts 1. Deret Text dalam Lists - Tiga tipe list dalam HTML - Lists Within Lists 2. Intra-Page dan E-mail Links - Penggunaan Named Anchors - Linking ke bagian khusus di halaman lain - Linking alamat Email ke halaman Web 1. Peletakan Images dalam Halaman Web - Peletakan Image dalam Halaman Web - Pelabelan Image - Horizontal Image Alignment - Vertical Image Alignment - Images yang berhubungan 2. Pembuatan Web Page Images

Wakt u

Alat/Bahan/S umberBelajar

Penilaian

Memahami dan memiliki wawasan tentang deret tulisan dalam list dan intrapage serta email links

Setelah mengikuti kuliah ini, mahasiswa diharapkan mampu: - Menguasai format-format dan tipe list dalam HTML - Menguasai penggunaan intra-page dan email linking

- Menerangkan deret tulisan dalam list - Menerangkan tiga tipe list dalam HTML - Menunjukkan kemampuan list dalam list - Mendemokan penggunaan intra-page dan link email

100

OHP, Projector In Focus, Laptop.

Kuis, Latihan, Simulasi

Memahami dan memiliki wawasan tentang cara-cara peletakan image dalam halaman web dan pembuatan web page image

Setelah mengikuti kuliah ini, mahasiswa diharapkan mampu: - Menguasai peletakan image dalam halaman web - Menguasai cara-cara pembuatan image halaman web

- Menunjukkan cara meletakkan image dalam halaman web - Menunjukkan cara pelabelan image - Menunjukkan metode horizontal dan vertical image alignment - Menunjukkan image yang berhubungan - Mendemokan pemilihan graphic software - Memperkenalkan dasar

100

OHP, Projector In Focus, Laptop.

Kuis, Latihan, Simulasi

Kompetensi Dasar

Indikator

Pengalaman Pembelajaran grafis - Menerangkan persiapan photographic images - Menerangkan pembuatan banner dan button - Menerangkan pengurangan bilangan warna - Mendemokan antarmuka GIFs dan Progressive JPEGs

Materi Ajar

Wakt u

Alat/Bahan/S umberBelajar

Penilaian

- Pemilihan Graphics
Software - Dasar Graphics - Persiapan Photographic Images - Controlling JPEG Compression - Pembuatan Banners dan Buttons - Pengurangan Bilangan Warna - Antarmuka GIFs dan Progressive JPEGs 1. Pembuatan Tampilan Halaman Secara Cepat - Penyeimbangan Ukuran File Image dan Kualitas - Pengkhususan lebar dan tinggi Image - Penyediaan Preview Image 2. Pembuatan Animated Graphics - Pembuatan GIF Animation - Multiple Animations dalam Satu Halaman - A Hand-Crafted Animation - Transparent Animations

Memahami dan memiliki wawasan tentang pembuatan tampilan halaman secara cepat dan pembuatan grafik animasi

Setelah mengikuti kuliah ini, mahasiswa diharapkan mampu: - Menguasai cara-cara pembuatan tampilan halaman secara cepat, mampu menyeimbangkan ukuran file image dan kualitas gambar - Menerapkan pengkhususan lebar dan tinggi gambar - Mengaplikasikan penyediaan preview image - Menguasai pembuatan animated grafik

- Menunjukkan pembuatan tampilan halaman secara cepat - Mendemokan penyeimbangan ukuran file image dan kualitas - Mendemokan pengkhususan lebar dan tinggi image - Menerangkan penyediaan preview image - Menunjukkan pembuatan grafik animasi

100

OHP, Projector In Focus, Laptop.

Kuis, Latihan, Simulasi

Kompetensi Dasar

Indikator

Pengalaman Pembelajaran

Materi Ajar - Melakukan perulangan 1. Backgrounds dan Kontrol Warna - Background dan Kontrol Text - Background Image Tiles - Transparent Images - Pembuatan Backgrounds - Penentuan Backgrounds yang baik 2. Desain Halaman dan Layout - Desain Halaman Web - Image Spacing dan Borders - Trik Lama tentang Background Banner - Customizing Horizontal Rules 1. Image Maps - Mapping Regions dalam Image - Client-Side Image Maps - Image Maps with Non-rectangular Regions

Wakt u 100

Alat/Bahan/S umberBelajar OHP, Projector In Focus, Laptop.

Penilaian

Memahami dan memiliki wawasan tentang background dan kontrol warna, serta desain halaman dan layout

Setelah mengikuti kuliah ini, mahasiswa diharapkan mampu: - Menguasai metode background dan kontrol warna serta menentukan background yang baik - Menerapkan desain halaman dan layout - Mengaplikasikan trik lama tentang background banner

- Menerangkan background dan kontrol warna - Menerangkan transparan image - Mendemokan background halaman yang baik - Menjelaskan desain halaman dan layout - Mendemokan trik lama tentang background banner

Kuis, Latihan, Simulasi

Memahami dan memiliki wawasan tentang image maps dan layout dengan table lebih lanjut

Setelah mengikuti kuliah ini, mahasiswa diharapkan mampu: - Menguasai metode tentang image maps - Menerapkan layout dengan table secara lebih lanjut

- Menerangkan peta gambar - Menerangkan layout dengan table lebih lanjut - Mendemokan cara pembuatan table sederhana - Menunjukkan pengaturan ukuran table - Menunjukkan alignment

100

OHP, Projector In Focus, Laptop.

Kuis, Latihan, Simulasi

Kompetensi Dasar

Indikator

Pengalaman Pembelajaran dan spanning

Materi Ajar - Server-Side Image Maps - Kombinasi Client/Server Image Maps 2. Layout dengan Tables lebih lanjut - Pembuatan Table Sederhana - Ukuran Table - Alignment dan Spanning - Backgrounds dan Spacing - Nested Tables 1. Layout Interactive dengan Frames - Definisi Frames - Pembuatan Frameset Document - Tag <FRAME> - Linking antara Frames dan Windows - Margins, Borders, dan Scrolling - Nested Frames - Supporting Frameless Browsers 2. Pembuatan Formulir HTML - Cara kerja Formulir

Wakt u

Alat/Bahan/S umberBelajar

Penilaian

Memahami dan memiliki wawasan tentang layout interaktif dengan frame dan pembuatan formulir

Setelah mengikuti kuliah ini, mahasiswa diharapkan mampu: - Menguasai metode tentang layout interaktif dengan frames - Menerapkan pembuatan formulir dengan HTML

- Mendemokan layout interaktif dengan frame - Menerangkan definisi frame - Mendemokan pembuatan frameset dokumen - Menjelaskan tag <frame> - Menerangkan linking antara frames dan windows - Menerangkan frames bersarang - Mendemokan pembuatan formulir dalam HTML - Menunjukkan cara kerja formulir HTML

100

OHP, Projector In Focus, Laptop.

Kuis, Latihan, Simulasi

Kompetensi Dasar

Indikator

Pengalaman Pembelajaran

Materi Ajar HTML - Pembuatan Formulir - Masukan Text - Identifikasi tiap bagian data formulir - Check Boxes - Radio Buttons - Selection Lists - Text Areas - Submit - Pembuatan Custom Submit Button - Including Hidden Data - Dasar Konsep CSS - Values - Selectors, PseudoClasses, PseudoElements, dan AtRules

Wakt u

Alat/Bahan/S umberBelajar

Penilaian

Memahami dan memiliki wawasan tentang konsep dasar CSS, penilaian, Selectors, PseudoClasses, PseudoElements

Memahami dan memiliki wawasan tentang visual media style, paged media style, dan aural media style

Setelah mengikuti kuliah ini, mahasiswa diharapkan mampu: - Menguasai konsep dasar CSS - Memberikan nilai pada masing-masing komponen - Menguasai Selectors, Pseudo-Classes, PseudoElements Setelah mengikuti kuliah ini, mahasiswa diharapkan mampu: - Menjelaskan tentang visual media styles - Menjelaskan paged media styles - Menjelaskan aural media styles

- Menjelaskan konsep dasar CSS - Menerapkan Selectors, Pseudo-Classes, PseudoElements dan semua elemen dalam CSS

100

OHP, Projector In Focus, Laptop.

Kuis, Latihan, Simulasi

- Menjelaskan tentang visual media styles - Menjelaskan paged media styles - Menjelaskan aural media styles

- Visual Media Styles - Paged Media Styles - Aural Media Styles

100

OHP, Projector In Focus, Laptop.

Kuis, Latihan, Simulasi

Kompetensi Dasar Memahami dan memiliki wawasan tentang embedding multimedia dalam halaman web dan Scripting, Applets, and ActiveX

Indikator Setelah mengikuti kuliah ini, mahasiswa diharapkan mampu: - Menguasai pelekatan multimedia dalam halaman web - Menguasai scripting, applets, dan ActiveX dalam halaman web

Pengalaman Pembelajaran - Menjelaskan pelekatan multimedia dalam halaman web - Mendemokan peletakan video dalam halaman web - Mendemokan beberapa metode multimedia yang lainnya - Menjelaskan tentang Scripting, Applets dan ActiveX - Menunjukkan penggunaan javascript

Materi Ajar 1. Embedding Multimedia in Web Pages - Peletakan Video dalam halaman web - Multimedia the Oldfashioned Way - Embedding Video the Microsoft Way - Microsoft Background Sounds - Multimedia the Netscape Way - Trying to Please Everybody - Multimedia the New Way 2. Scripting, Applets, and ActiveX - The Old Way - Plug-in Power - Internet Programming for the Rest of Us - Strong Java - ActiveX Controls

Wakt u 100

Alat/Bahan/S umberBelajar OHP, Projector In Focus, Laptop.

Penilaian Kuis, Latihan, Simulasi