INSTITUT TEKNOLOGI TELKOM SURABAYA

FAKULTAS TEKNOLOGI INFORMASI DAN INDUSTRI

Kode Dokumen
PRODI STUDI TEKNOLOGI INFORMASI
RENCANA PEMBELAJARAN SEMESTER
Mata Kuliah (MK) Kode MK Rumpun MK/Kelompok Keahlian (KK) Bobot (SKS) Semester Tanggal Penyusunan
Pemrograman Web ITA3123 Algoritma & Pemrograman / Software 3 5 29 Maret 2018
Development
OTORISASI Pengembang RPS Koordinator RMK Ketua Program Studi

Farah Zakiyah Rahmanti, M.T. - Farah Zakiyah Rahmanti, M.T.

CPL-PRODI
[S-3] Berkontribusi dalam peningkatan mutu kehidupan bermasyarakat, berbangsa, bernegara, dan kemajuan peradaban berdasarkan Pancasila.
[KU-1] 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.
[KK-6] Menerapkan konsep dasar pemrograman pada lingkungan berbasis web, termasuk web services.
[P-2] Menjelaskan tahapan-tahapan pengembangan perangkat lunak.
Capaian
CP-MK
Pembelajaran (CP)
[ C - 6 ] Mahasiswa mengetahui teknik mendisain web.
[ A - 3 ] Mahasiswa mampu menghasilkan konten atau produk-produk media yang memiliki nilai kreatifitas dan obyektif.
[ C - 2 ] Mahasiswa mengetahui konsep pemrograman.
[ C - 2 ] Mahasiswa mengetahui konsep basis data.

Mata kuliah ini membahas teknologi web serta pemrograman web termasuk di dalamnya, yaitu HTML & HTML 5, CSS, PHP, database MySQL, JavaScript,
Deskripsi Singkat MK
Ajax, dan Content Management System.

1. HTML
2. HTML 5
Materi Pembelajaran/
3. CSS
Pokok Bahasan
4. JavaScript
5. PHP
 6. Arrays, Objects, Penanganan Form, File dan Direktori, Session and Cookies
7. Database
8. Guestbook, Aplikasi Berita, Business Registration
9. Overview Web Security, Network and Application Security,
10. Basic Web Security Model
11. Content Management System
Utama
[1] URL: https://www.w3.org/TR/2004/REC-webarch-20041215/
[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:
Pustaka Swedish.

Pendukung
[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: http://searchsoa.techtarget.com/definition/content-management-system
[14] URL : http://www.toptenreviews.com/business/internet/best-content-management-system-software/
[15] Bhasin, Shweta. 2003. Web Security Basics. Premier Press: Ohio.
[16] Bursztein, Ellie. 2010. Basic Web Security Model
[17] .
Perangkat Keras Perangkat Lunak
Media Pembelajaran
Komputer, LCD, Projector XAMPP, Power Point, PDF, Web Browser
Team Teaching [1] Puspoko Ponco Ratno, S.Si., M.T.
Matakuliah Prasyarat -

Minggu Sub-CPMK Bahan Kajian Metode Pembelajaran Kriteria dan Bobot

ke- (Kemampuan Akhir yang diharapkan) Indikator
[Pustaka/Materi Ajar] [Waktu] Bentuk Penilaian Nilai (%)
(1) (2) (3) (4) (5) (6) (7)
2
1 Mahasiswa mampu memahami dan Pengenalan pemrograman web Kuliah Pencapaian kemampuan Kriteria :
menjelaskan secara umum konsep -Konsep Dasar Web yang direncanakan : Rubrik Deskriptif 5%
dasar web dan arsitektur, serta -Arsitektur Web Diskusi -Ketepatan memahami
server & client side scripting. -Web Server [TM : 1 x (3 x 50”)] pemrograman web. Bentuk Non-Test :
-Server Side Scripting -Presentasi
-Client Side Scripting Tugas 1 :
Menyusun resume
pemrograman web.

[BT + BM :
(1+1)x(3x60”)]

2 Mahasiswa mampu memahami dan Struktur Page (Konsep HTML) Kuliah Pencapaian kemampuan Kriteria :
menjelaskan Konsep HTML, -Struktur Dasar Elemen yang direncanakan : Rubrik Deskriptif 15%
mempraktekkan dan berlatih -Kelompok Atribut Diskusi -Ketepatan memahami
menggunakan elemen-elemen HTML. -Format Dasar Text [TM : 1 x (3 x 50”)] konsep HTML. Bentuk Non-Test :
-Presentational Elements -Ketepatan menggunakan -Penilaian program web
-Phrase Elements Tugas 2 : elemen-elemen HTML. sederhana untuk
-List Membuat aplikasi web menampilkan artikel berita
-Editing Text sederhana untuk bola.
-Penggunaan Character Entities untuk menampilkan artikel
Special Character berita bola.
-Komentar
-Elemen <font> yang digunakan [BT + BM :
-Elemen Block dan Inline (1+1)x(3x60”)]
-Elemen pengelompokan dengan <div>
dan <span>

3 Mahasiswa mampu memahami dan Links dan Navigation Kuliah Pencapaian kemampuan Kriteria :
menjelaskan Konsep HTML, -Basic Links yang direncanakan : Rubrik Deskriptif 15%
mempraktekkan dan berlatih -Pemahaman Direktori dan Struktur Diskusi -Ketepatan memahami
menggunakan elemen-elemen HTML. Direktori [TM : 1 x (3 x 50”)] konsep HTML. Bentuk Non-Test :
-URL, Absolute dan Relative URL,dan -Ketepatan menggunakan -Penilaian program web
<base> elemen Tugas 3 : elemen-elemen HTML. sederhana untuk
3
 -Advanced E-Mail Links Membuat aplikasi web menampilkan artikel berita
sederhana untuk bola dengan menambahkan
Colors, Image, and Objects menampilkan artikel links, navigasi, dan gambar.
-Menambahkan Warna (Color) untuk berita bola dengan
Web: Specifying, Using, & Hex Codes menambahkan links,
versus Color Names. navigasi, dan gambar.
-Memilih Warna (Color) untuk Web:
Basic Color, Color Scheme, Contrast, [BT + BM :
Affect Color, Color Palette, Final (1+1x(3x60”)]
Words .
-Menambahkan Gambar (image):
Types Image format, Bitmap, Vector,
penggunaan elemen <img>
-Menambahkan Objek Lain dengan
elemen <object> : Atribut elemen
<object> dan <param>
-Penggunaan Images sebagai Links
-Image Maps: Server-Side Image Maps
& Client-Side Image Maps

4 Mahasiswa mampu memahami dan Table di HTML Kuliah Pencapaian kemampuan Kriteria :
menjelaskan Konsep HTML, -Pengenalan Table yang direncanakan : Rubrik Deskriptif 5%
mempraktekkan dan berlatih -Elemen dasar Table dan Atribut Diskusi -Ketepatan memahami
menggunakan elemen-elemen HTML. -Advance Table [TM : 1 x (3 x 50”)] konsep HTML. Bentuk Non-Test :
-Isu aksesibilitas dengan Table -Ketepatan menggunakan -Penilaian program web
Tugas 4 : elemen-elemen HTML. sederhana yang
Forms di HTML Membuat aplikasi web menampilkan jadwal
-Pengenalan Forms sederhana untuk pertandingan bola.
-Pembuatan Form dengan elemen menampilkan artikel
<form> berita bola yang
-Form Control melampirkan tabel
-Pembuatan Label untuk Kontrol & jadwal pertandingan
Elemen <label> bola.
-Struktur form dengan elemen
<fieldset> dan <legend> [BT + BM :
4
 -Focus: Tabbing Order & Access Keys (1+1)x(3x60”)]
-Disabled & Read-Only Controls
-Pengiriman Data Form ke Server:
HTTP get & HTTP post.

5 Mahasiswa mampu memahami, Frames di HTML Kuliah Pencapaian kemampuan Kriteria :

menjelaskan dan mengimplementasi -Penggunaan Frames yang direncanakan : Rubrik Deskriptif 10%
elemen Frames HTML, serta -Pengenalan Framset Diskusi -Ketepatan dalam
mempraktekkan elemen HTML 5. -Elemen <frameset> [TM : 1 x (3 x 50”)] mengimplementasikan Bentuk Non-Test :
-Elemen <frame> elemen frame HTML. -Penilaian aplikasi web
-Elemen <noframes> Tugas 5 : -Ketepatan dalam sederhana yang
-Pembuatan Lonks Diantara Frames Membuat aplikasi web mempraktekkan elemen menerapkan frame HTML.
-Nested Framesets sederhana yang HTML 5.
-Floating or Inline Frames dengan menerapkan frame
<iframe> HTML.

Pengenalan HTML5 [BT + BM :

-Loose Syntax Returns (1+1)x(3x60”)]
-XHTML5
-Presentational Markup and Redefined
-HTML5 Document Structure Changes
-HTML5’s Open Media Effort
-Client-Side Graphics with <canvas>
-HTML5 Form Changes

6 Mahasiswa mampu memahami, CSS Kuliah Pencapaian kemampuan Kriteria :

menjelaskan konsep dasar CSS dan -Pengenalan Cascading Style Sheet: yang direncanakan : Rubrik Deskriptif
mengimplementasi elemen-elemen Basic Example & Inheritance Diskusi -Ketepatan dalam
CSS. -CSS Rules [TM : 1 x (3 x 50”)] menjelaskan konsep dasar Bentuk Non-Test :
-CSS Properties CSS. -Penilaian aplikasi web
-Controlling Fonts Tugas 6 : -Ketepatan dalam sederhana yang
-Text Formatting Membuat aplikasi web mengimplementasi menerapkan CSS.
-Text Pseudo-Classes sederhana yang elemen-elemen CSS.
-Selectors menerapkan CSS.
-Length
-Percentages [BT + BM :
5
 -Coming to Grips with the Box (1+1)x(3x60”)]
Model

7 Mahasiswa mampu memahami, CSS Kuliah Pencapaian kemampuan Kriteria :

menjelaskan konsep dasar CSS dan -Links yang direncanakan : Rubrik Deskriptif
mengimplementasi elemen-elemen -Backgrounds Diskusi -Ketepatan dalam
CSS. -Lists [TM : 1 x (3 x 50”)] menjelaskan konsep dasar Bentuk Non-Test :
-Tables CSS. -Penilaian aplikasi web
-Outlines Tugas 7 : -Ketepatan dalam sederhana yang
-Pseudo-Classes: focus & : active Membuat aplikasi web mengimplementasi menerapkan CSS.
-Generated Content sederhana yang elemen-elemen CSS.
-Miscellaneous Properties menerapkan CSS.
-Additional Rules
Postioning with CSS [BT + BM :
(1+1)x(3x60”)]

8 Evaluasi Tengah Semester: Melakukan validasi hasil penilaian, evaluasi dan perbaikan proses pembelajaran berikutnya
9 Mahasiswa mampu memahami dan JavaScript Kuliah Pencapaian kemampuan Kriteria :
menjelaskan konsep dasar dan -Pengenalan JavaScript yang direncanakan : Rubrik Deskriptif 5%
mengimplementasi serta berlatih -Add a Script to Pages Diskusi -Ketepatan dalam
penggunaan elemen JavaScript. -Document Object Model [TM : 1 x (3 x 50”)] memahami konsep dasar Bentuk Non-Test :
-Variables javascript. - Penilaian aplikasi web
-Operators Tugas 9 : -Ketepatan dalam sederhana yang
-Functions Membuat aplikasi web mengimplementasikan menerapkan javascript.
-Conditional & Looping Statement sederhana yang menggunakan elemen
-Events menerapkan javascript. javascript.
-Built-in Objects
-Writing JavaScript [BT + BM :
(1+1)x(3x60”)]

10 Mahasiswa mampu memahami dan Introducing to PHP Kuliah Pencapaian kemampuan Kriteria :
menjelaskan konsep dasar PHP, serta -What Does PHP Do? yang direncanakan : Rubrik Deskriptif 15%
mengimplementasi dan -A Brief History of PHP Diskusi -Ketepatan dalam
mempraktekkan penggunaan elemen -Installing PHP [TM : 1 x (3 x 50”)] menjelaskan konsep PHP. Bentuk Non-Test :
PHP. -A Walk Through PHP -Ketepatan dalam - Penilaian aplikasi web
Tugas 10 : menuliskan sintaks PHP. sederhana yang
6
 Language Basic Membuat aplikasi web -Ketepatan dalam menggunakan PHP.
-Lexical Structure & Data Types untuk menampilkan mempraktekkan
-Variables & Expressions and Operators artikel bola penggunaan elemen PHP.
-Flow-Control Statement & Including menggunakan PHP.
Code
-Embedding PHP in Web Pages [BT + BM :
(1+1)x(3x60”)]
Functions & Strings
-Calling & Defining Functions
-Variable Scope & Parameters
-Return Values & Variable
-Anonymous

11 Mahasiswa mampu memahami dan Arrays Kuliah Pencapaian kemampuan Kriteria :

menjelaskan konsep dasar PHP, serta yang direncanakan : Rubrik Deskriptif 15%
mengimplementasi dan Objects Diskusi - Ketepatan dalam
mempraktekkan penggunaan elemen [TM : 1 x (3 x 50”)] menjelaskan konsep PHP. Bentuk Non-Test :
PHP. Penanganan Form -Ketepatan dalam - Penilaian aplikasi web
Tugas 11 : menuliskan sintaks PHP. sederhana berupa form
File dan Direktori Membuat form -Ketepatan dalam registrasi user yang
registrasi user mempraktekkan menggunakan PHP.
Session and Cookies menggunakan PHP. penggunaan elemen PHP.

[BT + BM :
(1+1)x(3x60”)]

12 Mahasiswa mampu memahami dan Konsep Basis Data di Web Kuliah Pencapaian kemampuan Kriteria :
menjelaskan Konsep Basis Data di -Database yang direncanakan : Rubrik Deskriptif 5%
Web, serta mengimplementasi -DBMS Diskusi -Ketepatan dalam
penggunaan basis data dalam -RDBMS [TM : 1 x (3 x 50”)] memahami konsep basis Bentuk Non-Test :
MySQL. data di web. -Penilaian program form
Database Design Tugas 12 : -Ketepatan dalam pendaftaran pasien dan
-Why Use a Relational Database Membuat form menjelaskan konsep basis disimpan ke dalam data
-Blasted Anomalies pendaftaran pasien dan data di web. base MySQL.
-Normalization disimpan ke dalam data -Ketepatan dalam
7
 -Types of Relationships base MySQL. melakukan tambah, edit,
-Advanced Database Concept hapus data.
[BT + BM :
Software Basis Data (MySQL, dll) & (1+1)x(3x60”)]
Instalasi

Pengenalan SQL
-Membuat, Menampilkan, Membuka
dan Menghapus Database.
-Membuat, Mengubah, dan Menghapus
Table
-Menambah, Mengedit, Menghapus,
Menampilkan Record

13 Mahasiswa mampu menjelaskan dan Guestbook Kuliah Pencapaian kemampuan Kriteria :

mendemonstrasikan dalam yang direncanakan : Rubrik Deskriptif 10%
implementasi dengan Sample Aplikasi Berita Diskusi -Ketepatan dalam
Application di pemrograman web. [TM : 1 x (3 x 50”)] mengimplementasikan Bentuk Non-Test :
Business Registration aplikasi web. -Penilaian program form
Tugas 13 : guestbook.
Membuat aplikasi web
untuk menampilkan dan
menyimpan guest book.

[BT + BM :
(1+1)x(3x60”)]

14 Mahasiswa mampu memahami dan Overview Web Security Kuliah Pencapaian kemampuan Kriteria :
menjelaskan Overview Web Security, -Security: An Ovierview yang direncanakan : Rubrik Deskriptif
Networkd and Application serta Basic -Common Threats on the Web Diskusi -Ketepatan dalam
Web Security Model. [TM : 1 x (3 x 50”)] menerapkan basic web Bentuk Non-Test :
Network and Application Security security model. -Penilaian program form
-Understanding Network Security Tugas 14 : login.
-User-Level Security Membuat form login
8
 -Server-Level Security dan menerapkan basic
web security model.
Basic Web Security Model
-Web Refresher [BT + BM :
-Security User Interface (1+1)x(3x60”)]
-Goals of a browser
-When is it safe to type my password?

15 Mahasiswa mampu memahami dan Pengenalan Content Management Kuliah Pencapaian kemampuan Kriteria :
menjelaskan konsep Content System yang direncanakan : Rubrik Holistic
Management System (CMS) serta Diskusi -Ketepatan dalam
perangkat lunak CMS yang digunakan CMS Software (OcPortal, WordPress, [TM : 1 x (3 x 50”)] menjelaskan konsep CMS. Bentuk Non-Test :
oleh pelaku tenologi informasi. WebGUI, Drupal, Rubedo, Joomla, eZ -Presentasi / demo
Publish Platform) Tugas 15 : program.
Membuat blog pribadi
dengan menggunakan
CMS.

[BT + BM :
(1+1)x(3x60”)]

16 Evaluasi Akhir Semester: Melakukan validasi penilaian akhir dan menentukan kelulusan mahasiswa
Catatan:
(1). TM: Tatap Muka; TS: Penugasan Terstruktur; BM: Belajar Mandiri.
(2). 1 sks = (50’ TM + 50’ PT + 60’ BM)/Minggu
(3). CPL-Prodi: Capaian Pembelajaran Lulusan Program Studi; CP-MK: Capaian Pembelajaran Mata-Kuliah
(4). Simbol-simbol elemen KKNI pada CPL-Prodi: S = Sikap; KU = Ketrampilan Umum; KK = Ketrampilan Khusus; P = Pengetahuan

9
Rubrik Holistic pada Tugas Besar pada pertemuan ke-15 : Membuat blog pribadi dengan menggunakan CMS.

Grade Skor Indikator Kerja

Kurang Sekali 0 Tidak hadir.
Tidak presentasi.

Kurang 1 Program tidak terselesaikan.

Tidak komunikatif dan tidak menguasai materi dalam penyampaian presentasi.
Tidak mampu menjawab pertanyaan.

Cukup 2 Program tidak berjalan dengan baik.

Kurang komunikatif dan kurang menguasai materi dalam penyampaian presentasi.
Tidak mampu menjawab pertanyaan.

Baik 3 Fitur program ada yang tidak berjalan dengan baik.

Komunikatif dan menguasai materi dalam penyampaian presentasi.
Tidak mampu menjawab pertanyaan.

Sangat Baik 4 Program berjalan dengan baik (tanpa eror).

Komunikatif dan menguasai materi dalam penyampaian presentasi.
Mampu menjawab pertanyaan.

10
 INSTITUT TEKNOLOGI TELKOM SURABAYA
FAKULTAS TEKNOLOGI INFORMASI DAN INDUSTRI
PRODI STUDI TEKNOLOGI INFORMASI
RENCANA TUGAS MAHASISWA
Mata Kuliah (MK) Kode MK Rumpun MK/Kelompok Keahlian (KK) Bobot (SKS) Semester Tahun Akademik
Pemrograman Web IT31T02 Algoritma dan Pemrograman / Software 3 5 Ganjil 2020/2021
Development
Dosen Pengampu
Puspoko Ponco Ratno, S.Si., M.T.
TUGAS KE- JUDUL TUGAS

15 Membuat blog pribadi dengan menggunakan CMS.

SUB-CAPAIAN PEMBELAJARAN MATA-KULIAH

Mahasiswa mampu memahami dan menjelaskan konsep Content Management System (CMS) serta perangkat lunak CMS yang digunakan oleh pelaku tenologi informasi.

TUJUAN PENUGASAN

Mahasiswa menghasilkan produk/aplikasi web.

DESKRIPSI TUGAS METODE PENGERJAAN TUGAS

Objek Garapan: 1. Membuat blog pribadi dengan menggunakan CMS.
Pembuatan blog pribadi menggunakan CMS. 2. Presentasi aplikasi di kelas.

Batasan:
CMS yang digunakan bebas, contohnya wordpress.

Relevansi: -

Manfaat:
Mahasiswa memahami dasar-dasar pemrograman web.
Mahasiswa dapat membuat blog pribadi.
11
 BENTUK DAN FORMAT LUARAN TUGAS INDIKATOR, KRITERIA DAN BOBOT PENILAIAN
Bentuk Luaran : Program aplikasi (bobot 50%)
Program dapat berjalan dengan baik.
Demo program komputer dilakukan dikelas, program harus sudah bisa dijalankan Semua fiturnya dapat berjalan dengan baik.
tanpa eror.
Presentasi (50%)
Bahasa komunikatif, penguasaan materi,
penguasaan audiensi, pengendalian waktu, kejelasan dan ketajaman paparan,
penguasaan media presentasi.

JADWAL PELAKSANAAN TUGAS CATATAN /LAIN-LAIN

Dilakukan pada minggu terakhir sebelum UAS (pertemuan ke-15) di kelas. Bobot penilaian tugas besar adalah 30% dari 100% penilaian mata kuliah ini.
Pengumuman hasil penilaian pada Minggu ke – 16. Tugas dikerjakan dan dipresentasikan secara berkelompok.

DAFTAR RUJUKAN
1. URL: https://www.w3.org/TR/2004/REC-webarch-20041215/
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.

12