UNIVERSITAS ISLAM RADEN RAHMAT MALANG

FAKULTAS TEKNIK, ILMU KOMPUTER & AGROTEKNOLOGI

S1 SISTEM INFORMASI
RENCANA PEMBELAJARAN SEMESTER

MATA KULIAH KODE MK RUMPUN MK BOBOT SKS SEMESTER Tgl. Revisi

Pemrograman Berbasis
KB5720102 MKKB 4 SKS 3 25 September 2017
Web
Dosen Pengembang RPS Dekan FTIKA Kaprodi Sistem Informasi
OTORISASI

Farid Wahyudi, [Link]., MM M. Hanif Fahmi, M.T. Urnika Mudhifatul Jannah, [Link]., [Link]

Capaian Pembelajaran Sikap

 Berkontribusi dalam peningkatan mutu kehidupan bermasyarakat, berbangsa, bernegara, dan peradaban berdasarkan Pancasila.
 Menghargai keanekaragaman budaya, pandangan, agama, dan kepercayaan, serta pendapat atau temuan orisinal orang lain.
Keterampilan Umum
 Mampu menerapkan pemikiran logis, kritis, sistematis, dan inovatif dalam konteks pengembangan atau implementasi ilmu
pengetahuan dan teknologi yang memperhatikan dan menerapkan nilai humaniora yang sesuai dengan bidang keahliannya.
 Mampu mengkaji implikasi pengembangan atau implementasi ilmu pengetahuan teknologi yang memperhatikan dan menerapkan
nilai humaniora sesuai dengan keahliannya berdasarkan kaidah, tata cara dan etika ilmiah dalam rangka menghasilkan solusi,
gagasan, desain atau kritik seni, menyusun deskripsi saintifik hasil kajiannya dalam bentuk skripsi atau laporan tugas akhir, dan
mengunggahnya dalam laman perguruan tinggi.
 Mampu mendokumentasikan, menyimpan, mengamankan, dan menemukan kembali data untuk menjamin kesahihan dan mencegah
plagiasi.
Pengetahuan
 Memiliki pengetahuan dan keterampilan dalam pengelolaan sistem informasi dan komunikasi sesuai kebutuhan profesi dan
organisasi.
 Mengetahui proses komunikasi mulai dari hubungan interpersonal sampai organisasional baik secara tatap muka maupun berbasis
teknologi informasi dan komunikasi (TIK).
 Mengetahui teknik mendisain web, menghasilkan konten atau produk-produk media yang memiliki nilai kreatifitas dan obyektif.
 Mengetahui konsep pemrograman (tambahan)
 Mengetahui konsep basis data (tambahan)

1
 Keterampilan Khusus
 Mahasiswa mampu mengembangkan aplikasi komunikasi multimedia berbasis TIK dalam konteks beragam budaya, mampu membuat
blog untuk mengkomunikasikan karya jurnalistik dalam era digital, dan mampu menuliskan kode dalam menerapkan basis data dan
pemrograman berbasis web

Deskripsi Mata kuliah  Mata kuliah ini membahas teknologi web serta pemrograman web termasuk di dalamnya, yaitu HTML & HTML 5, CSS, PHP, Database
MySQL, Java Script, Ajax, dan Content Management System.

Materi pembelajaran  Pengenalan HTML & HTML 5

 CSS
 PHP
 Data Base My Sql
 Java Script
 Ajax
 Content management System

Daftar refrensi (1) URL : [Link]

(2) Wang, Paul,. Katila, Sanda. 2003. An Introduction to Web Design+Programming. Brooks/Cole Book.
(3) Thomas A. Powel. 2010. HTML & CSS: The Complete Reference, Fifth Edition. The McGraw-Hill: United States.
(4) Ducket, Jon. 2004. Beginning Web Programming with HTML, XHTML, and CSS. Wiley Publishing: Canada.
(5) Greenspan, Jay., Bulger, Brad. 2001. MySQL/PHP Database Applications. M & T Books: New York.
(6) Bulger, Brad., Greenspan, Jay., Wall David. 2004. MySQL/PHP Database Applications, Second Edition. Wiley Publishing: Indiana.
(7) Solichin, Achmad. Pemrograman Web dengan PHP dan MySQL.
(8) Celko, Joe. 1999. Data and Databases: Concept In Practice. Morgan Kaufmann Publishers: San Fransisco, USA.
(9) Wildenius, Michael., Axmark, David., MySQL AB. 2003. MySQL Reference Manual Documentation From the Source. O’Reilly Community
Press: Swedish.
(10) Lerdorf, Rasmus., Tatroe, Kevin., MacIntyre, Peter. 2006. Programming PHP, Second Edition. O’Reilly Media: United States.
(11) Holzner, Steven. 2009. Ajax A Beginner’s Guide. McGraw-Hill: United States.
(12) Deitel, Harvey, Deitel, Paul. Introduction to World Wide Web
(13) URL : [Link]
(14) URL : [Link]
(15) Bhasin, Shweta. 2003. Web Security Basics. Premier Press: Ohio.
(16) Bursztein, Ellie. 2010. Basic Web Security Model

2
 Metode Pembelajaran  Ceramah
 Diskusi
 Tanya Jawab
 Penugasan
 Quis
 Presentasi
Media Pembelajaran  LCD Proyektor
 Laptop
 Whiteboard
Mata kuliah Prasyarat  Tidak ada

Tahapan Kegiatan Pembelajaran :

Minggu Kemampuan Akhir Bahan Kajian (Materi Metode/Bentuk Waktu Kriteria Penilaian Bobot Nilai Sumber
yang Diharapkan Pelajaran) Pembelajaran Belajar (Indikator) (%) belajar
(Menit)
1. Mahasiswa mampu 1. Konsep Dasar Web dan 1. Ceramah/Kuliah 4 sks x 50 1. Partisipasi Mahasiswa 4% 1, 4, 5, 6, 7
memahami dan Overview Pakar menit
menjelaskan secara umum 2. Arsitektur Web
konsep dasar web dan 3. Web Server
arsitektur, serta server & 4. Server Side Scripting
client side scripting. 5. Client Side Scripting
2. Mahasiswa mampu 1. Struktur Page (Konsep HTML) 1. Ceramah/Kuliah 4 sks x 50 1. Kebenaran isi jawaban 9% 2, 4
memahami dan a. Struktur Dasar Elemen Pakar menit 2. Kelengkapan isi jawaban
menjelaskan Konsep b. Kelompok Atribut 2. Problem Based 3. Daya Tarik Komunikasi
HTML, mempraktekkan c. Format Dasar Text Learning
dan berlatih menggunakan d. Presentational Elements 3. Discovering Tugas Individual:
elemen-elemen HTML e. Phrase Elements Learning 1. Mahasiswa menjawab
f. List latihan soal untuk
g. Editing Text (Tugas 1) menyebutkan dan
h. Penggunaan Character menjelaskan struktur
Entities untuk Special dasar elemen HTML.
Character 2. Mahasiswa mencari
i. Komentar referensi dan
j. Elemen <font> yang merangkum
digunakan textbook/journal
k. Elemen Block dan Inline
l. Elemen pengelompokan
dengan <div> dan <span>
3. Mahasiswa mampu 1. Links dan Navigation 1. Ceramah/kuliah 4 sks x 50 1. Partisipasi Mahasiswa 4% 2, 4
memahami dan a. Basic Links Pakar menit
menjelaskan Konsep b. Pemahaman Direktori dan (Mahasiswa membawa
HTML, mempraktekkan Struktur Direktori laptop/notebook untuk
mengikuti instruksi dari
3
Minggu Kemampuan Akhir Bahan Kajian (Materi Metode/Bentuk Waktu Kriteria Penilaian Bobot Nilai Sumber
yang Diharapkan Pelajaran) Pembelajaran Belajar (Indikator) (%) belajar
(Menit)
dan berlatih menggunakan c. URL, Absolute dan Relative dosen dalam
elemen-elemen HTML URL,dan <base> elemen mempraktekkan dan
d. Advanced E-Mail Links implementasi elemen HTML)
2. Colors, Image, and Objects
a. Menambahkan Warna
(Color) untuk Web:
Specifying, Using, & Hex
Codes versus Color Names
b. Memilih Warna (Color)
untuk Web: Basic Color,
Color Scheme, Contrast,
Affect Color, Color Palette,
Final Words
c. Menambahkan Gambar
(image): Types Image
format, Bitmap, Vector,
penggunaan elemen
<img>
d. Menambahkan Objek Lain
dengan elemen <object> :
Atribut elemen <object>
dan <param>
e. Penggunaan Images
sebagai Links
f. Image Maps: Server-Side
Image Maps & Client-Side
Image Maps
4. Mahasiswa mampu 1. Table di HTML 1. Ceramah/Kuliah 4 sks x 50 1. Kebenaran Isi Jawaban 15% 2, 4
memahami dan a. Pengenalan Table Pakar menit 2. Kelengkapan Isi
menjelaskan Konsep b. Elemen dasar Table dan 2. Problem Based Jawaban
HTML, mempraktekkan Atribut Learning 3. Kreatifitas
dan berlatih menggunakan c. Advance Table
elemen-elemen HTML d. Isu aksesibilitas dengan (Tugas 2) Tugas Kelompok:
Table 1. Mahasiswa menjawab
2. Forms di HTML latihan soal untuk
a. Pengenalan Forms mempraktekkan dan
b. Pembuatan Form dengan mendemonstrasikan
elemen <form> new page yang memiliki
c. Form Control link yang berada di atas
d. Pembuatan Label untuk dari menu page.
Kontrol & Elemen <label> 2. Mahasiswa menjawab
latihan soal untuk
mempraktekkan dan
4
Minggu Kemampuan Akhir Bahan Kajian (Materi Metode/Bentuk Waktu Kriteria Penilaian Bobot Nilai Sumber
yang Diharapkan Pelajaran) Pembelajaran Belajar (Indikator) (%) belajar
(Menit)
e. Struktur form dengan mendemonstrasikan
elemen <fieldset> dan dengan menambahkan
<legend> images yang
f. Focus: Tabbing Order & dideskripsikan sebuah
Access Keys shade, tint, dan tone.
g. Disabled & Read-Only 3. Mahasiswa menjawab
Controls latihan soal untuk
h. Pengiriman Data Form ke mempraktekkan dan
Server : HTTP get & HTTP mendemonstrasikan
post. form sebagai E-Mail
feedback form: to, cc,
subject, Body, button
send email.
5. Mahasiswa mampu 1. Frames di HTML 1. Ceramah/Kuliah 4 sks x 50 1. Partisipasi Mahasiswa 4% 2, 3, 4
memahami, menjelaskan a. Penggunaan Frames Pakar menit
dan mengimplementasi b. Pengenalan Framset (Mahasiswa membawa
elemen Frames HTML, c. Elemen <frameset> laptop/notebook untuk
serta mempraktekkan d. Elemen <frame> mengikuti instruksi dari
elemen HTML 5 e. Elemen <noframes> dosen dalam
f. Pembuatan Lonks mempraktekkan dan
Diantara Frames implementasi elemen HTML
g. Nested Framesets & HTML5)
h. Floating or Inline Frames
dengan <iframe>
2. Pengenalan HTML5
a. Loose Syntax Returns
b. XHTML5
c. Presentational Markup
and Redefined
d. HTML5 Document
Structure Changes
e. HTML5’s Open Media
Effort
f. Client-Side Graphics with
<canvas>
g. HTML5 Form Changes
6. Mahasiswa mampu 1. Pengenalan Cascading Style 1. Ceramah/Kuliah 4 sks x 50 1. Partisipasi Mahasiswa 4% 3, 4, 12
memahami, menjelaskan Sheet: Basic Example & Pakar menit
konsep dasar CSS dan Inheritance (Mahasiswa membawa
mengimplementasi 2. CSS Rules laptop/notebook untuk
elemen-elemen CSS. 3. CSS Properties mengikuti instruksi dari
4. Controlling Fonts dosen dalam
5. Text Formatting
5
Minggu Kemampuan Akhir Bahan Kajian (Materi Metode/Bentuk Waktu Kriteria Penilaian Bobot Nilai Sumber
yang Diharapkan Pelajaran) Pembelajaran Belajar (Indikator) (%) belajar
(Menit)
6.
Text Pseudo-Classes mempraktekkan dan
7.
Selectors implementasi elemen CSS)
8.
Length
9.
Percentages
10.
Coming to Grips with the Box
Model
7. Mahasiswa mampu 1. Links 1. Ceramah/Kuliah 4 sks x 50 1. Kebenaran Isi Jawaban 10% 3, 4, 12
memahami, menjelaskan 2. Backgrounds Pakar menit 2. Kelengkapan Isi
konsep dasar CSS dan 3. Lists 2. Problem Based Jawaban
mengimplementasi 4. Tables Learning 3. Kreatifitas
elemen-elemen CSS. 5. Outlines Tugas Kelompok:
6. Pseudo-Classes :focus & :active (Tugas 3) 1. Mahasiswa menjawab
7. Generated Content latihan soal struktur
8. Miscellaneous Properties elemen bagian dari CSS.
9. Additional Rules 2. Mahasiswa menjawab
10. Postioning with CSS latihan soal untuk
mempraktekkan dan
mendemonstrasikan
kemampuan
memposisikan CSS yang
merepresentasikan link
yang berbeda section
dan blok.
UJIAN TENGAH SEMESTER
8. Mahasiswa mampu 1. Pengenalan Java Script 1. Ceramah/Kuliah 4 sks x 50 1. Kebenaran Isi Jawaban 7% 2, 4
memahami dan 2. Add a Script to Pages Pakar menit 2. Kelengkapan Isi
menjelaskan konsep dasar 3. Document Object Model 2. Problem Based Jawaban
dan mengimplementasi 4. Variables Learning 3. Kreatifitas
serta berlatih penggunaan 5. Operators Tugas Kelompok:
elemen Java Script. 6. Functions (Tugas 4) 1. Mahasiswa menjawab
7. Conditional & Looping latihan soal dengan
Statement memberikan contoh
8. Events penerapan operator
9. Built-in Objects dalam Java Script.
10. Writing Java Script 2. Mahasiswa menjawab
latihan soal dengan
mempraktekkan script
allert pada penggunaan
function switch
statement
9. Mahasiswa mampu 1. Introducing to PHP 1. Ceramah/Kuliah 4 sks x 50 1. Partisipasi Mahasiswa 5% 7, 10, 11
memahami dan a. What Does PHP Do? Pakar menit 2. Kuiz
menjelaskan konsep dasar b. A Brief History of PHP
6
Minggu Kemampuan Akhir Bahan Kajian (Materi Metode/Bentuk Waktu Kriteria Penilaian Bobot Nilai Sumber
yang Diharapkan Pelajaran) Pembelajaran Belajar (Indikator) (%) belajar
(Menit)
PHP, serta c. Installing PHP (Mahasiswa membawa
mengimplementasi dan d. A Walk Through PHP laptop/notebook untuk
mempraktekkan 2. Language Basic mengikuti instruksi dari
penggunaan elemen PHPP. a. Lexical Structure & Data dosen dalam
Types mempraktekkan dan
b. Variables & Expressions implementasi elemen PHP)
and Operators
c. Flow-Control Statement &
Including Code
d. Embedding PHP in Web
Pages
3. Functions
a. Calling & Defining
Functions
b. Variable Scope &
Parameters
c. Return Values & Variable
d. Anonymous
4. Strings
10. Mahasiswa mampu 1. Arrays 1. Ceramah/Kuliah 4 sks x 50 1. Kebenaran Isi Jawaban 10% 7, 10, 11
memahami dan 2. Objects Pakar menit 2. Kelengkapan Isi
menjelaskan konsep dasar 3. Penanganan Form 2. Discovering Jawaban
PHP, serta 4. File dan Direktori Learning 3. Kreatifitas
mengimplementasi dan 5. Session and Cookies 3. Problem Based Tugas Kelompok:
mempraktekkan Learning 1. Mahasiswa
penggunaan elemen PHP. mempraktekkan dan
(Tugas 5) mendemonstrasikan
program Menulis ke File
dalam PHP
2. Mahasiswa
mempraktekkan dan
mendemonstrasikan
program membaca dan
melihat isi file dalam
PHP
11. Mahasiswa mampu 1. Konsep Basis Data di Web 1. Ceramah/Kuliah 4 sks x 50 1. Partisipasi Mahasiswa 5% 5, 6, 7, 8, 9
memahami dan a. Database Pakar menit 2. Kebenaran Isi Jawaban
menjelaskan Konsep Basis b. DBMS 2. Problem Based 3. Daya Tarik Komunikasi
Data di Web, serta c. RDBMS Learning Tugas Kelompok:
mengimplementasi 2. Database Design 1. Mahasiswa menerapkan
penggunaan basis data a. Why Use a Relational (Tugas 6) konsep SQL untuk
dalam MySQL. Database membuat,
b. Blasted Anomalies menampilkan,
7
Minggu Kemampuan Akhir Bahan Kajian (Materi Metode/Bentuk Waktu Kriteria Penilaian Bobot Nilai Sumber
yang Diharapkan Pelajaran) Pembelajaran Belajar (Indikator) (%) belajar
(Menit)
c. Normalization membuka, mengubah,
d. Types of Relationships menghapus database,
e. Advanced Database tabel dan record.
Concept
3. Software Basis Data (MySQL,
dll) & Instalasi
4. Pengenalan SQL
a. Membuat, Menampilkan,
Membuka dan Menghapus
Database.
b. Membuat, Mengubah, dan
Menghapus Table
c. Menambah, Mengedit,
Menghapus, Menampilkan
Record
12. Mahasiswa mampu 1. Guesbook 1. Project Based 4 sks x 50 1. Partisipasi Mahasiswa 10% 6, 7, 10
menjelaskan dan 2. Aplikasi Berita Learning menit 2. Kebenaran Isi
mendemonstrasikan 3. Business Registration 2. Focus Group 3. Daya Tarik
dalam implementasi Discussion Komunikasi/Presentasi
dengan Sample Application Tugas Kelompok:
di pemrograman web. (Tugas 7) 1. Mahasiswa
mendemonstrasikan
dan mengimplementasi
penggunaan database
dengan bahasa
pemrograman untuk
menghasilkan suatu
aplikasi berbasis web
serta
mempresentasikannya
13. Mahasiswa mampu 1. Overview Web Security 1. Ceramah/Kuliah 4 sks x 50 1. Partisipasi Mahasiswa 4% 15, 16
memahami dan a. Security: An Ovierview Pakar menit
menjelaskan Overview b. Common Threats on the
Web Security, Networkd Web
and Application serta Basic 2. Network and Application
Web Security Model. Security
a. Understanding Network
Security
b. User-Level Security
c. Server-Level Security
3. Basic Web Security Model
a. Web Refresher
a. Security User Interface
8
 Minggu Kemampuan Akhir Bahan Kajian (Materi Metode/Bentuk Waktu Kriteria Penilaian Bobot Nilai Sumber
yang Diharapkan Pelajaran) Pembelajaran Belajar (Indikator) (%) belajar
(Menit)
- Goals of a browser
- When is it safe to type
my password?

14. Mahasiswa mampu 1. Pengenalan Content 1. Project Based- 4 sks x 50 1. Partisipasi Mahasiswa 9% 13, 14
memahami dan Management System Learning menit 2. Kebenaran Isi
menjelaskan konsep 2. CMS Software (OcPortal, 2. Focus Group 3. Kelengkapan Isi
Content Management WordPress, WebGUI, Drupal, Discussion 4. Daya Tarik
System (CMS) serta Rubedo, Joomla, eZ Publish Komunikasi/Presentasi
perangkat lunak CMS yang Platform) (Tugas 8) Tugas Kelompok:
digunakan oleh pelaku 1. Mahasiswa mencari dan
tenologi informasi. merangkum serta
mempresentasikan
kelebihan dan
kekurangan dari
perangkat lunak CMS
UJIAN AKHIR SEMESTER

Catatan :
1 sks = (50’ TM + 60’ BT + 60’ BM)/Minggu BM = Belajar Mandiri T = Teori (aspek ilmu pengetahuan)
TM = Tatap Muka (Kuliah) PS = Praktikum Simulasi (3 jam/minggu) P = Praktek (aspek ketrampilan kerja)
BT = Belajar Terstruktur. PL = Praktikum Laboratorium (3 jam/minggu)