SILABUS MATA KULIAH

Matakuliah Kode Matakuliah SKS/JS Standar Kompetensi

: : : :

Deskripsi Matakuliah

Desain Web 013-032408 3/3 Mahasiswa diharapkan mampu membuat aplikasi berbasis internet berupa Web Statis dengan menggunakan perintahperintah Dasar HTML, CSS dan Javascript sampai dengan pembuatan Web Dinamis menggunakan Bahasa Pemrograman PHP yang dikombinasikan dengan Pengolahan Data MYSQL. : Matakuliah ini mempelajari konsep desain dalam membangun sebuah website termasuk di dalamnya adalah penguasaan dan pemahaman programming baik client-side programming maupun server-side programming, sehingga bisa didapatkan sebuah website yang dinamis, komunikatif dan interaktif. Indikator 1. Memahami konsep dasar internet 2. Mengenal istilah-istilah internet 3. Mengetahui komponenkomponen dasar internet 4. Bisa membedakan pengertian Rekayasa Perangkat WEB dan Rekayasa Perangkat LUNAK Pokok Bahasan Dan Subpokok Bahasan 1. Pengertian Internet 1.1 Sejarah Internet 1.2 Istilah Internet 2. Komponen Dasar 2.1 Hardware 2.2 Software 3. RPW dan RPL Kegiatan Pembelajaran 1. Diskusi pengertian Internet 2. Identifikasi kebutuhan hardware dan software untuk bisa terhubung ke internet dengan kegiatan diskusi. Media Yang Diperlukan 1. LCD Proyektor 2. Slide 3. Whiteboard Jenis Evaluasi 1.Non-Tes (Tanya Jawab, hasil web) 2. Tes Rujukan Utama 1. Belajar Cepat HTML, Tutang, Medikom Pustaka 2. http://www.ilmuk omputer.org 3. http://www.ilmug rafis.com 4. http://www.webd esigntutorials.com/ 5. http://www.ilmu website.com/

No. 1.

Kompetensi Dasar Mahasiswa memahami Konsep Dasar Internet

2.

Mahasiswa menguasai HTML I

1. Bisa membuat 1. Dasar-Dasar HTML file HTML 1.1 Editor Notepad sederhana 1.2 TAGS menggunakan 2. HTML sederhana editor Notepad 2. Bisa merekayasa dokumen HTML sederhana menggunakan tags-tags HTML seperti : bgcolor, background, heading, paragraph, preformatted text, blockquote, break row, font horisontal row, list. 3. Membuat desain web sederhana menggunakan tags-tags HTML seperti: bgcolor, background, heading, paragraph, preformatted text,

1. Diskusi Dasar1. LCD dasar HTML Proyektor 2. Identifikasi 2. Slide tags-tags HTML 3. Whiteboard

1.Non-Tes (Tanya Jawab, hasil web) 2. Tes

blockquote, break row, font horisontal row, list.

3.

Mahasiswa menguasai HTML II

4.

Mahasiswa bisa membuat Aplikasi Form

1. Bisa membuat dokumen HTML tingkat lanjut dengan memahami penggunaan beberapa fungsi Link, yaitu link anchor, link url dan link email 2. Bisa mendesain web menggunakan Table 3. Bisa membuat animasi sederhana pada teks 1. Bisa membuat desain form sederhana. 2. Bisa membuat aplikasi form sederhana. 3. Bisa menggunakan tool/button

1. HTML lanjut 1.1 Link 1.2 Table

1. Diskusi Link anchor, URL dan Email 2. Identifikasi komponen table seperti lebar, tinggi, border, dll.

1. LCD Proyektor 2. Slide 3. Whiteboard

Tugas II Merekayasa tampilan web Tugas I menggunak an Table dan memberi tambahan Link

4.

5.

Membuat aplikasi 1. Diskusi manfaat 1. LCD Form dan tujuan Proyektor 4.1 Textbox dibuat Form 2. Slide 4.2 Checkbox 2. Mendefinisikan 3. Whiteboard 4.3 Radio komponen form 4.4 Popup seperti Submit Fungsi-fungsi yang dan Reset dibutuhkan Form 5.1 Submit / Reset

Tugas III Membuat aplikasi Polling

untuk form. 5. Mahasiswa mengenal Frame 1. Memahami penggunaan frame. 2. Bisa mendesain Frame. 3. Bisa membuat Frame Mahasiswa 1. Memahami memahami basa CSS. dan menguasai 2. Mahasiswa bisa CSS membuat CSS untuk mengatur font, space, alignment, margin dan border. 3. Membuat web CSS Mahasiswa 1. Mulai mengenal mengenal Bahasa Bahasa Pemrograman Pemrograman PHP dan PHP Dasar menggunakan fungsi-fungsi dasar seperti : echo, date 2. Memahami fungsi dan penggunaan Variable dan Konstanta 4.

5.2 Method / Action Bekerja dengan Frame 4.1 Frame 4.2 Frameset 4.3 IFrame

1. Diskusi definisi Frame 2. Mendefinisikan komponen frame seperti width/height 1. Diskusi pengertian CSS dan fungsinya 2. Mendefinisikan CSS untuk font, border, dll.

1. LCD Proyektor 2. Slide 3. Whiteboard

6.

Cascading Style Sheet

1. LCD Proyektor 2. Slide 3. Whiteboard

Quis I Membuat web sederhana dengan memanfaatk an semua materi yang telah didapatkan

7.

1. Dasar-dasar PHP 1.1 Editor Macromedia 1.2 TAGS 1.3 PHP sederhana 2. Variabel 3. Konstanta 4. Tipe Data 4.1 Integer 4.2 Float/Double 4.3 String 4.4 Array 4.5 Object

1. Diskusi serverside programming, Webserver 2. Mendefinisikan Script PHP sederhana 3. Membedakan Variable dan Konstanta

1. LCD Proyektor 2. Slide 3. Whiteboard

3.

8.

Mahasiswa memahami Operator Dan Ekspresi

1.

2.

3.

9.

Mahasiswa memahami Struktur Kontrol

1.

dalam Memahami penggunaan 5 Tipe Data yang dimiliki oleh PHP Memahami operatoroperator dalam PHP. Memahami fungsi string dalam PHP seperti : printf, strlen, strtoupper,trim, substr, substr_replace, chr, ord, ereg, eregi, ereg_replace, eregi_replace dan juga split Membuat web sederhana tentang PHP dengan operator. Memahami Struktur Kontrol Select IF dengan beberapa

1. Operator 1.1 Aritmatik 1.2 Inc/Dec 1.3 Logical 1.4 String 2. Fungsi String

1. Diskusi operator PHP 2. Menyelesaikan kasus-kasus yang berhubungan dengan manipulasi string

1. LCD Proyektor 2. Slide 3. Whiteboard

Tugas IV Membuat form untuk program penjumlaha n, perkalian dan pembagian

1. SELECT 1.1 IF 1.2 SWITCH 2. LOOP 2.1 FOR

1. Diskusi Struktur 1. LCD Kontrol Proyektor SELECT dan 2. Slide LOOP 3. Whiteboard 2. Mengerjakan

Tugas V Membuat form untuk program Nilai

10.

Mahasiswa memahami Operasi File pada PHP

11.

Mahasiswa bisa membuat Function

variannya dan memodifikasiny a menjadi Struktur Kontrol Select SWITCH 2. Memahami Struktur Kontrol Loop FOR dan memodifikasiny a menjadi Struktur Kontrol Loop WHILE .. DO. 3. Membuat web sederhana dengan struktur kontrol 1. Memahami operasi file yang bisa dilakukan dengan PHP. 2. Menghubungka n beberapa file. 3. Membuat web sederhana dengan operasi file. 1. Memahami pembuatan Function. 2. Membuat web dengan

2.2 WHILE .. DO

kasus-kasus yang berhubungan dengan seleksi data 3. Mengerjakan kasus-kasus yang berhubungan dengan perulangan data

Mahasiswa

4. Operasi File 4.1 fopen 4.2 fgets / fgetss 4.3 fputs 4.4 feof 4.5 Copy 4.6 Unlink 4.7 Rename 4.8 file_exists 4.9 filesize Function

1. Diskusi operasi 1. LCD file yang bisa Proyektor dilakukan 2. Slide dengan PHP 3. Whiteboard 2. Membuat contoh operasi file dengan penekanan pada fungsi fgets dan fgetss 1. Diskusi Modularity 2. Membuat contoh function 1. LCD Proyektor 2. Slide 3. Whiteboard

3.

12.

Mahasiswa mengenal MYSQL sebagai pengolah data

1.

2.

3.

Function. Menggabungka n Function dengan Operasi lainnya. Memahami perintahperintah dasar MYSQL dan mengaplikasika nnya pada pembuatan Program Nilai Mahasiswa. Membuat databased dengan MYSQL. Memodifikasi properties MYSQL

13.

Mahasiswa mengenal Query

1. Memahami SQL secara umum untuk

4. Dasar-dasar 1. Diskusi MYSQL Database dan 4.1 PHPTRIAD Program 4.2 Editor pengolah data PhpMyAdm 2. Membuat 5. Pengertian simulasi Database pengolahan 5.1 Field data sehingga 5.2 Record tercipta sebuah 5.3 Table database, table, 6. Tipe Data field dan 6.1 Numerik record 6.2 Alpanumerik 6.3 Date/Time 7. Perintah dasar MYSQL 7.1 Create Database 7.2 Create Table 7.3 Struktur Table 8. Manipilasi Data 8.1 Insert 8.2 Update 8.3 Delete 9. Koneksi MYSQL dengan PHP 4. Structure Query 1. Diskusi fungsiLanguage fungsi yang 4.1 select digunakan

1. LCD Proyektor 2. Slide 3. Whiteboard

Tugas VI Membuat Database NilaiMahasi swa yang berisi Table Mahasiswa, Matakuliah dan Nilai

1. LCD Proyektor 2. Slide

Quis II Mengerjaka n soal-soal

2.

3.

14.

Mahasiswa bisa membuat Web Dinamis menggunakan HTML, PHP dan MYSQL

1.

2.

3.

satu Table maupun gabungan beberapa Table. Menghubungka n Form dengan Query Membuat desain Form dan Query. Bisa mengaplikasika n materi yang didapat sebelumnya untuk membuat web dinamis menggunakan perintahperintah dasar HTML, script PHP dan pengolahan data menggunakan MYSQL Bisa mempublikasika n web secara online Memahami Content Management System dan

4.2 where 4.3 order by 4.4 group by 4.5 limit 4.6 distinct 4.7 inner join

dalam MYSQL 3. Whiteboard QUERY 2. Membuat contoh-contoh Query Data

SQL

1. Contoh Kasus 1.1 Online Store 2. Webhosting 2.1 Cpanel 2.2 Upload File 3. CMS 4. SEO 4.1 Search Engine 4.2 Pagerank

Konsultasi pembuatan Web Dinamis

1. LCD Proyektor 2. Slide 3. Whiteboard

Tugas VII Membuat Web Dinamis Online Store

memaksimalkan Search Engine Optimation