RENCANA PEMBELAJARAN SEMESTER (RPS)

FM-PJM-011/Rev.00/25 Jan 2018

MATA KULIAH: PERANCANGAN WEB II (DT105)

Program Studi: TEKNIK INFORMATIKA
Nomor Tgl. Berlaku Mulai Tgl. Disusun Revisi
RPS-D3TI-XXX September 2021 Agustus 2021 00

Disetujui oleh, Diperiksa oleh, Disusun oleh, Dikendalikan oleh,

Dekan Ilmu Komputer Kaprodi Teknik Informatika Sekretaris Teknik
Informatika

Hanif Al Fatta, M.Kom Barka Satya, M.Kom Firman Asharudin, M.Kom Lukman, M.Kom
NIK. 190302096 NIK. 190302xxx NIK. 190302315 NIK. 190302xxx

UNIVERSITAS AMIKOM YOGYAKARTA

YOGYAKARTA
2021
 RENCANA PEMBELAJARAN SEMESTER Nomor : RPS-D3TI-XXX
PROGRAM STUDI: TEKNIK INFORMATIKA Tgl. Disusun : tgl-Agustus-2020

MATAKULIAH PERANCANGAN WEB II Revisi : 00

Halaman : Hal. 2 dari 19
(DT105)
1. Identitas

Program Studi Teknik Informatika Semester Ganjil (3)

Nama & Kode Mata Kuliah Perancangan web 2 | DT105 Bobot SKS 4 SKS ( 2 Teori & 2 Praktikum)
Detail Prosentase Penilaian ▪ Presensi 10% Dosen Firman Asharudin, M.Kom NIK. 190302315;
▪ Ujian Mid Semester 25 % Pengampu
▪ Ujian Akhir Semester 25 % Klasifikasi > 80% ≥ 60 & < 80 ≥ 40 & < 60 ≥ 20 & < 40 < 20
▪ Tugas Teori 15 % Nilai A B C D E
▪ Tugas Praktik 15 %
▪ Responsi 10%

2. Gambaran Umum
a. Perkuliahan ini diselenggarakan 14 kali pertemuan secara teori dan 14 kali pertemuan secara praktik. Ujian Tengah Semester dan Ujian Akhir Semester dilakukan
secara sinkronus menggunakan Zoom atau Google Meet dan Asinkronus menggunakan LMS.
b. Mata kuliah ini membahas mengenai bagaimana merancang web, teknologi web serta perancangan web II termasuk di dalamnya, yaitu HTML, CSS, PHP, Front-end
framework dan Back-end framework. Pokok pembahasan mata kuliah ini adalah implementasi bahasa pemrograman HTML, CSS, PHP, dan Database untuk
membangun sebuah Web secara Native maupun menggunakan Framework.
• Hardskill : Mata kuliah ini bertujuan agar mahasiswa dapat menggunakan framework codeigniter, Dapat megnimplementasikan konsep OOP dalam Bahasa
pemrograman PHP, Dapat menguasai bahasa pemrograman PHP (basic), serta membuat website dinamis dengan database MySql.
• Softskill : Dapat menjelaskan secara detail proses pembangunan sebuah website. Dapat memahami sebuah brief projek pembangunan website.
c. Matakuliah ini merupakan matakuliah konsentrasi., sehingga setelah menyelesaikan matakuliah ini diharapkan dapat menjadi Junior web developer.

3. Capaian Pembelajaran
a. Mampu menjelaskan definisi perancangan web 2, serta mampu mengimplementasikan dasar-dasar php.
b. Mampu mengimplementasikan Array dalam php, Percabangan dan perulangan menggunakan Bahasa pemrograman PHP.
c. Mampu membuat native web dengan database MySql.
d. Mampu mengimplementasikan konsep OOP (Inheritance, Override, Overload, Encapsulasi)
e. Mampu mengimplementasikan konsep MVC (Model, View, Controller).
f. Mampu membuat sebuah web dinamis dengan framework Codeigniter.

4. Prasyarat dan Pengetahuan Awal (Prior Knowledge)

Matakuliah ini dapat ditempuh dengan syarat sudah menempuh matakuliah perancangan web I. Sebelum mempelajari perancangan web II, mahasiswa diharapkan
menguasai HTML, CSS, Javascript terlebih dahulu. Dalam perancangan web II terkait DOM Html dan penggunaan CSS serta Javascript.
 RENCANA PEMBELAJARAN SEMESTER Nomor : RPS-D3TI-XXX
PROGRAM STUDI: TEKNIK INFORMATIKA Tgl. Disusun : tgl-Agustus-2020

MATAKULIAH PERANCANGAN WEB II Revisi : 00

Halaman : Hal. 3 dari 19
(DT105)
5. Unit-Unit Pembelajaran secara Spesifik

Kemampuan Akhir yang Metode

Indikator Bahan Kajian Waktu Metode Penilaian Bahan Ajar
Diharapkan Pembelajaran
Menjelaskan konsep dasar • Dapat menjelaskan perbedaan web • Kontrak belajar 1 semester Ceramah, Diskusi, Minggu ke-1 Keaktivan mahasiswa PPT Teori
website Tanya jawab
statis dan web dinamis • Konsep dasar web
Referensi
• Dapat memberikan contoh web
1,2,4
statis dan web dinamis
• Dapat menjelaskan perbedaan natif
programing dan framework
programing
Mengimplementasikan • Dapat menjelaskan perbedaan • Variable Praktik, Error handling Minggu ke-2 Bukti praktikum (file Modul praktikum
variable dan konstanta praktik)
variable dengan konstanta • Konstanta
Referensi
• Dapat memberikan contoh
3
variable dan konstanta
Menjelaskan tentang • Dapat menjelaskan konsep dan • Percabangan Ceramah, Diskusi, Minggu ke-3 Keaktivan mahasiswa PPT Teori
percabangan fungsi percabangan dalam Tanya jawab
pemrograman Referensi
1,2,4
• Dapat memberikan contoh
beberapa kondisi percabangan.
Mengimplementasikan • Dapat mengimplementasikan • Implementasi percabangan Praktik, Error handling Minggu ke-4 Bukti praktikum (file Modul praktikum
percabangan kondisi percabangan dengan praktik)
beberapa variable yang dibuat Referensi
3
• Dapat merubah kondisi
percabangan sesuai studi kasus
yang diberikan
Menjelaskan tentang • Dapat menjelaskan konsep • Konsep perulangan Ceramah, Diskusi, Minggu ke-5 Keaktivan mahasiswa PPT Teori
perulangan Tanya jawab
perulangan dalam php • Jenis-jenis perulanagan
Referensi
• Dapat menjelaskan fungsi
1,2,4
perulangan dalam php
• Dapat memberikan contoh
perulangan
Mengimplementasikan • Dapat membuat perulangan • ImpelemtaPerulangan Praktik, Error handling Minggu ke-6 Bukti praktikum (file Modul praktikum
perulangan dengan for, while, do while, praktik)
foreach Referensi
3
Menjelaskan tentang • Dapat menjelaskan konsep • Konsep function & array Ceramah, Diskusi, Minggu ke-7 Keaktivan mahasiswa PPT Teori
function & array function Tanya jawab
Referensi
• Dapat menjelaskan konsep Array
 RENCANA PEMBELAJARAN SEMESTER Nomor : RPS-D3TI-XXX
PROGRAM STUDI: TEKNIK INFORMATIKA Tgl. Disusun : tgl-Agustus-2020

MATAKULIAH PERANCANGAN WEB II Revisi : 00

Halaman : Hal. 4 dari 19
(DT105)
• Dapat memberikan contoh 1,2,4
function & array
Mengimplementasikan • Dapat membuat function • Implementasi function & array Praktik, Error handling Minggu ke-8 Bukti praktikum (file Modul praktikum
function dan array praktik)
• Dapat membuat beberapa bentuk
Referensi
array
3
• Dapat membuat variable array
Menjelaskan tentang form • Dapat menjelaskan fungsi • Jenis-jenis form inputan Ceramah, Diskusi, Minggu ke-9 Keaktivan mahasiswa PPT Teori
inputan berbagai jenis form Tanya jawab
Referensi
• Dapat menjelaskan cara kerja form
1,2,4
• Dapat menjelaskan cara kerja
input data ke database
• Dapat menjelaskan permasalahan
dan cara penyelesaian koneksi
database
Mengimplementasikan • Dapat dapat membuat berbagai • Implementasi form inputan Praktik, Error handling Minggu ke-10 Bukti praktikum (file Modul praktikum
form inputan jenis form praktik)
Referensi
• Dapat mengimplementasikan
3
input data ke database
Menjelaskan tentang • Dapat menjelaskan alur proses • Alur proses database Ceramah, Diskusi, Minggu ke-11 Keaktivan mahasiswa PPT Teori
database database Tanya jawab
Referensi
1,2,4
Mengimplementasikan • Dapat membuat database sesuai • Implementasi database Praktik, Error handling Minggu ke-12 Bukti praktikum (file Modul praktikum
database kebutuhan website praktik)
Referensi
3
Menjelaskan tentang • Dapat menjelaskan tentang hak • Hak akses Ceramah, Diskusi, Minggu ke-13 Keaktivan mahasiswa PPT Teori
session atau hak akses akses pengguna Tanya jawab
Referensi
1,2,4
Mengimplementasikan • Dapat mengimplementasikan • Membuat hak akses Praktik, Error handling Minggu ke-14 Bukti praktikum (file Modul praktikum
session dalam form login session ke dalam form login praktik)
Referensi
3
Mengenal framework • Dapat mengenal jenis-jenis • Mengenal framework dan Ceramah, Diskusi, Minggu ke 15, Keaktivan mahasiswa PPT Teori
framework dan cara kerjanya mengenal cara kerja Tanya jawab 17
framework, serta model MVC Referensi
1,2,4
Configurasi framework • Dapat melakukan konfigurasi • Configurasi framework dan Praktik, Error handling Minggu ke 16, Bukti praktikum (file Modul praktikum
framework (basic) mengenal cara kerja 18 praktik)
 RENCANA PEMBELAJARAN SEMESTER Nomor : RPS-D3TI-XXX
PROGRAM STUDI: TEKNIK INFORMATIKA Tgl. Disusun : tgl-Agustus-2020

MATAKULIAH PERANCANGAN WEB II Revisi : 00

Halaman : Hal. 5 dari 19
(DT105)
framework, serta model MVC Referensi
3
Flowchart / Alu proses • Dapat merancang website secara • Membuat alur proses Ceramah, Diskusi, Minggu ke- Keaktivan mahasiswa, PPT Teori
website terstruktur Tanya jawab 19,21,23 Bukti pekerjaan
Referensi
1,2,4
Konsep MVC • Dapat mengimplementasikan • Mengimplementasikan konsep Praktik, Error handling Minggu ke- Bukti praktikum (file Modul praktikum
konsep MVC MVC 20,22,24 praktik)
Referensi
3
Skema pengujian web app • Dapat membuat skema pengujian • Membuat skema uji Ceramah, Diskusi, Minggu 25, 27 Keaktivan mahasiswa, PPT Teori
sistem Tanya jawab Bukti pekerjaan
Referensi
1,2,4
Hak akses • Dapat membuat hak akses web • Membuat hak akses Praktik, Error Minggu 26, 28 Bukti praktikum (file Modul praktikum
app handling, responsi praktik)
Referensi
3
 RENCANA PEMBELAJARAN SEMESTER Nomor : RPS-D3TI-XXX
PROGRAM STUDI: TEKNIK INFORMATIKA Tgl. Disusun : tgl-Agustus-2020

MATAKULIAH PERANCANGAN WEB II Revisi : 00

Halaman : Hal. 6 dari 19
(DT105)
6. Tugas/Aktivitas dan Penilaian

Kemampuan akhir yang

Tugas/Aktivitas Waktu Bobot Kriteria Penilaian Indikator Penilaian
diharapkan atau dievaluasi
Membuat flowchart web app Mampu membuat alur Pertemuan minggu 10% dari 15% nilai Sesuai dengan studi kasus yang diberikan Kemampuan mahasiswa membuat alur
proses sebuah website ke-21 & ke-23 tugas proses web app sesuai studi kasus yang
secara terstruktur diberikan
Membuat skema pengujian Mampu membuat skema Pertemuan minggu 5% dari 15% nilai Sesuai dengan studi kasus yang diberikan Kemampuan mahasiswa membuat
sistem pengujian web app Ke-27 tugas skema pengujian web app sesuai studi
kasus yang diberikan

7. Referensi
1. Sidik, Betha. 2011. JavaScript.Informatika: Bandung
2. Rian Ariona, S.ST., 2013, Fundamental dalam mempelajari HTML dan CSS, E-Book. http://www.ariona.net/ebook-belajar-html-dan-css/
3. W3Schools, Web : http://www.w3schools.com/
4. PHP, Web : http://www.php.net/
 RENCANA PEMBELAJARAN SEMESTER Nomor : RPS-D3TI-XXX
PROGRAM STUDI: TEKNIK INFORMATIKA Tgl. Disusun : tgl-Agustus-2020

MATAKULIAH PERANCANGAN WEB II Revisi : 00

Halaman : Hal. 7 dari 19
(DT105)
8. Rencana Pelaksanaan Pembelajaran
Bagian ini memuat keterangan tentang Rencana Pelaksanaan Pembelajaran secara detail setiap pertemuan.

Minggu/ Kemampuan Akhir yang

Indikator Topik & Sub Topik Aktivitas dan Strategi Pembelajaran Waktu Penilaian
pertemuan Diharapkan
1 • Mahasiswa dapat • Dapat menjelaskan Topik : Metode : Daring (Teori) 100 menit Keaktifan mahasiswa
mengetahui dan memahami perbedaan web statis Konsep dasar web Pembukaan (15 Menit)
perbedaan Web statis dengan dan web dinamis dinamis 1. Dosen dan mahasiswa memulai sesi
perkuliahan sesuai jadwal yang sudah
Web dinamis. • Dapat memberikan
Sub topik : ditentukan via Zoom Meeting atau Google
• Mahasiswa dapat contoh web statis dan
1. Kontrak belajar Meet.
membedakan native web dinamis
dan tata cara 2. Mahasiswa join ke meet room kemudian
programing dengan • Dapat menjelaskan perkuliahan. dosen membagikan kode presesnsi ke
framework programing. perbedaan natif 2. Konsep dasar mahasiswa
programing dan website 3. Memulai perkuliahan dengan berdo’a dan
framework programing memperkenalkan diri
4. Dosen memaparkan kontrak belajar
dengan mahasiswa selama satu semester
serta menjelaskan terkait tugas, metode
pengumpulan tugas dan UTS serta UAS.
5. Penjelasan mengenai tata cara
berkomunkasi dengan dosen dalam proses
pembelajaran

Penyajian (70 Menit)

1. Mahasiswa memperhatikan materi yang
disampaikan oleh dosen mengenai:
a. Perkembangan website
b. Konsep dasar dan fungsi website saat ini
c. Jenis-jenis website dan fungsinya
2. Mahasiswa berperan aktif dalam sesi
Tanya jawab

Penutupan dan Tindak Lanjut (15 Menit)

1. Kesimpulan materi
2. Memberikan pengarahan pertemuan
selanjutnya
3. Dosen menutup perkuliahan dan berdo’a
2 • Mahasiswa dapat melakukan • Dapat instalasi server Topik : Metode : Daring (Praktik) 100 menit Upload file praktikum di classroom
instalasi server local local (localhost) Instalasi localhost Pembukaan (15 Menit)
1. Dosen dan mahasiswa memulai sesi
• Mahasiswa dapat • Dapat menampikan
Sub topik : perkuliahan sesuai jadwal yang sudah
 RENCANA PEMBELAJARAN SEMESTER Nomor : RPS-D3TI-XXX
PROGRAM STUDI: TEKNIK INFORMATIKA Tgl. Disusun : tgl-Agustus-2020

MATAKULIAH PERANCANGAN WEB II Revisi : 00

Halaman : Hal. 8 dari 19
(DT105)
menampilkan objek di objek di browser 1. Instalasi ditentukan via Zoom Meeting atau Google
browser melalui server local menggunakan server xampp Meet.
local (localhost) 2. Mengenal 2. Mahasiswa join ke meet room kemudian
ruang lingkup dosen membagikan kode presesnsi ke
localhost mahasiswa
3. Memulai perkuliahan dengan berdo’a.

Penyajian (70 Menit)

1. Mahasiswa melakukan instalasi xampp
2. Mahasiswa melakukan percobaan
menampilkan objek di browser secara offline
melalui server 8ocal
3. Mahasiswa berperan aktif dalam sesi
Problemsolve

Penutupan dan Tindak Lanjut (15 Menit)

1. Kesimpulan materi
2. Memberikan pengarahan pertemuan
selanjutnya
3. Dosen menutup perkuliahan dan berdo’a
3 • Mahasiswa memahami dasar • Dapat menjelaskan Topik : Metode : Daring (Teori) 100 menit Keaktifan mahasiswa
dan implementasi variable. perbedaan variable Defenisi variable Pembukaan (15 Menit)
dan konstanta 1. Dosen dan mahasiswa memulai sesi
• Memahami dasar dan dengan konstanta
perkuliahan sesuai jadwal yang sudah
implementasi konstanta. • Dapat memberikan
Sub topik : ditentukan via Zoom Meeting atau Google
contoh variable dan
1. Bentuk dan Meet.
konstanta
fungsi variable 2. Mahasiswa join ke meet room kemudian
2. Bentuk dan dosen membagikan kode presesnsi ke
fungsi mahasiswa
konstanta 3. Memulai perkuliahan dengan berdo’a.

Penyajian (70 Menit)

1. Mahasiswa memperhatikan materi yang
disampaikan oleh dosen mengenai:
a. Defenisi variable dan konstanta
b. Bentuk variable dan konstanta
c. Gambaran umum cara kerja variable dan
konstanta
2. Mahasiswa berperan aktif dalam sesi
Tanya jawab

Penutupan dan Tindak Lanjut (15 Menit)

1. Kesimpulan materi
 RENCANA PEMBELAJARAN SEMESTER Nomor : RPS-D3TI-XXX
PROGRAM STUDI: TEKNIK INFORMATIKA Tgl. Disusun : tgl-Agustus-2020

MATAKULIAH PERANCANGAN WEB II Revisi : 00

Halaman : Hal. 9 dari 19
(DT105)
2. Memberikan pengarahan pertemuan
selanjutnya
3. Dosen menutup perkuliahan dan berdo’a
4 • Mahasiswa dapat membuat • Mahasiswa dapat Topik : Metode : Daring (Praktik) 100 menit Upload file praktikum di classroom
variable dan memanggil membuat penulisan Implementasi Pembukaan (15 Menit)
variable yang sudah di buat. variable yang benar variable & 1. Dosen dan mahasiswa memulai sesi
konstanta perkuliahan sesuai jadwal yang sudah
• Mahasiswa dapat membuat dan konstanta dengan
beberapa model ditentukan via Zoom Meeting atau Google
konstanta dan memanggil
penulisan. Sub topik : Meet.
konstanta yang sudah di buat.
1. Pembuatan 2. Mahasiswa join ke meet room kemudian
variable dosen membagikan kode presesnsi ke
2. Menentukan mahasiswa
tipe data 3. Memulai perkuliahan dengan berdo’a.
3. Pembuatan
konstanta Penyajian (70 Menit)
1. Mahasiswa membuat variable dengan
beberapa jenis penulisan variable
2. Mahasiswa melakukan percobaan
memanggil variable & konstanta melalui
server 9ocal
3. Mahasiswa berperan aktif dalam sesi
Problemsolve

Penutupan dan Tindak Lanjut (15 Menit)

1. Kesimpulan materi
2. Memberikan pengarahan pertemuan
selanjutnya
3. Dosen menutup perkuliahan dan berdo’a
5 • Mahasiswa mampu • Dapat menjelaskan Topik : Metode : Daring (Teori) 100 menit Keaktivan mahasiswa
memahami konsep konsep dan fungsi Defenisi Pembukaan (15 Menit)
percabangan dalam php. percabangan dalam percabangan dan 1. Dosen dan mahasiswa memulai sesi
jenis-jenis perkuliahan sesuai jadwal yang sudah
• Mahasiswa mampu pemrograman
percabangan ditentukan via Zoom Meeting atau Google
memahami dan dapat • Dapat memberikan
Meet.
membuat beberapa kondisi contoh beberapa
Sub topik : 2. Mahasiswa join ke meet room kemudian
percabangan. kondisi percabangan.
1. Contoh kondisi dosen membagikan kode presesnsi ke
percabangan mahasiswa
2. Kondisi 3. Memulai perkuliahan dengan berdo’a.
percabangan
dengan Penyajian (70 Menit)
beberapa jenis 1. Mahasiswa memperhatikan materi yang
percabangan disampaikan oleh dosen mengenai:
3. Contoh studi a. Defenisi percabangan
 RENCANA PEMBELAJARAN SEMESTER Nomor : RPS-D3TI-XXX
PROGRAM STUDI: TEKNIK INFORMATIKA Tgl. Disusun : tgl-Agustus-2020

MATAKULIAH PERANCANGAN WEB II Revisi : 00

Halaman : Hal. 10 dari 19
(DT105)
kasus b. Bentuk percabangan
percabangan c. Gambaran umum cara kerja percabangan
dalam sebuah dalam sebuah website
website 2. Mahasiswa berperan aktif dalam sesi
Tanya jawab

Penutupan dan Tindak Lanjut (15 Menit)

1. Kesimpulan materi
2. Memberikan pengarahan pertemuan
selanjutnya
3. Dosen menutup perkuliahan dan berdo’a
6 • Mahasiswa dapat membuat • Dapat Topik : Metode : Daring (Praktik) 100 menit Upload file praktikum di classroom
percabangan dalam php. mengimplementasika Implementasi Pembukaan (15 Menit)
percabangan dan 1. Dosen dan mahasiswa memulai sesi
• Mahasiswa dapat membuat n kondisi percabangan
jenis-jenis perkuliahan sesuai jadwal yang sudah
beberapa kondisi dengan beberapa
variable yang dibuat percabangan ditentukan via Zoom Meeting atau Google
percabangan sesuai studi
Meet.
kasus. • Dapat merubah
Sub topik : 2. Mahasiswa join ke meet room kemudian
kondisi percabangan
1. Membuat dosen membagikan kode presesnsi ke
sesuai studi kasus
kondisi mahasiswa
yang diberikan
percabangan 3. Memulai perkuliahan dengan berdo’a.
2. Membuat
kondisi Penyajian (70 Menit)
percabangan 1. Mahasiswa membuat percabangan
dengan 2. Mahasiswa membuat percabangan
beberapa jenis dengan beberapa variable
percabangan 3. Mahasiswa membuat beberapa kondisi
3. Membuat percabangan dengan beberpa jenis
studi kasus percabangan
percabangan 4. Mahasiswa berperan aktif dalam sesi
dalam sebuah Problemsolve
website

Penutupan dan Tindak Lanjut (15 Menit)

1. Kesimpulan materi
2. Memberikan pengarahan pertemuan
selanjutnya
3. Dosen menutup perkuliahan dan berdo’a
7 • Mahasiswa mampu • Dapat menjelaskan Topik : Metode : Daring (Teori) 100 menit Keaktivan mahasiswa
memahami konsep konsep dan fungsi Contoh Pembukaan (15 Menit)
percabangan dalam beberapa percabangan dalam percabangan dan 1. Dosen dan mahasiswa memulai sesi
website. beberapa website jenis-jenis perkuliahan sesuai jadwal yang sudah
percabangan yang ditentukan via Zoom Meeting atau Google
 RENCANA PEMBELAJARAN SEMESTER Nomor : RPS-D3TI-XXX
PROGRAM STUDI: TEKNIK INFORMATIKA Tgl. Disusun : tgl-Agustus-2020

MATAKULIAH PERANCANGAN WEB II Revisi : 00

Halaman : Hal. 11 dari 19
(DT105)
• Mahasiswa mampu • Dapat memberikan diimplementasikan Meet.
memahami dan dapat contoh beberapa beberapa website 2. Mahasiswa join ke meet room kemudian
membuat beberapa kondisi kondisi percabangan dosen membagikan kode presesnsi ke
percabangan dengan studi dalam beberapa Sub topik : mahasiswa
kasus beberapa website. website. 1. Contoh kondisi 3. Memulai perkuliahan dengan berdo’a.
percabangan
dalam website Penyajian (70 Menit)
2. Kondisi 1. Mahasiswa memperhatikan materi yang
percabangan disampaikan oleh dosen mengenai:
dengan a. Contoh percabangan
beberapa jenis b. Bentuk percabangan dalam website
percabangan c. Cara kerja percabangan dalam sebuah
dalam website website
3. Contoh studi 2. Mahasiswa berperan aktif dalam sesi
kasus Problemsolve
percabangan
dalam website Penutupan dan Tindak Lanjut (15 Menit)
1. Kesimpulan materi
2. Memberikan pengarahan pertemuan
selanjutnya
3. Dosen menutup perkuliahan dan berdo’a
8 • Mahasiswa dapat • Dapat Topik : Metode : Daring (Praktik) 100 menit Upload file praktikum di classroom
mengimplementasikan mengimplementasika Implementasi Pembukaan (15 Menit)
percabangan login & logout n kondisi percabangan percabangan dan 1. Dosen dan mahasiswa memulai sesi
(statis). login & logout jenis-jenis perkuliahan sesuai jadwal yang sudah
percabangan ditentukan via Zoom Meeting atau Google
• Mahasiswa dapat membuat • Dapat merubah
Meet.
beberapa kondisi kondisi percabangan
Sub topik : 2. Mahasiswa join ke meet room kemudian
percabangan sesuai studi sesuai studi kasus
1. Membuat dosen membagikan kode presesnsi ke
kasus dalam website. yang diberikan
percabangan mahasiswa
login & logout 3. Memulai perkuliahan dengan berdo’a.
2. Membuat
percabangan Penyajian (70 Menit)
login & logout 1. Mahasiswa membuat percabangan login
dengan & logout
beberapa jenis 2. Mahasiswa membuat percabangan
percabangan dengan beberapa kondisi
3. Membuat 3. Mahasiswa membuat beberapa kondisi
studi kasus percabangan dengan beberpa jenis
percabangan percabangan
dalam sebuah 4. Mahasiswa berperan aktif dalam sesi
website Problemsolve
 RENCANA PEMBELAJARAN SEMESTER Nomor : RPS-D3TI-XXX
PROGRAM STUDI: TEKNIK INFORMATIKA Tgl. Disusun : tgl-Agustus-2020

MATAKULIAH PERANCANGAN WEB II Revisi : 00

Halaman : Hal. 12 dari 19
(DT105)

Penutupan dan Tindak Lanjut (15 Menit)

1. Kesimpulan materi
2. Memberikan pengarahan pertemuan
selanjutnya
3. Dosen menutup perkuliahan dan berdo’a
9 • Mahasiswa mampu • Dapat menjelaskan Topik : Metode : Daring (Teori) 100 menit Keaktivan mahasiswa
memahami konsep konsep perulangan Defenisi Pembukaan (15 Menit)
perulangan dalam php. dalam php perulangan dan 1. Dosen dan mahasiswa memulai sesi
jenis-jenis perkuliahan sesuai jadwal yang sudah
• Mahasiswa mampu • Dapat menjelaskan
perulangan ditentukan via Zoom Meeting atau Google
memahami beberapa kondisi fungsi perulangan
Meet.
perulangan dan fungsinya. dalam php
Sub topik : 2. Mahasiswa join ke meet room kemudian
• Dapat memberikan 1. Contoh kondisi dosen membagikan kode presesnsi ke
contoh perulangan perulangan mahasiswa
2. Kondisi 3. Memulai perkuliahan dengan berdo’a.
perulangan
dengan Penyajian (70 Menit)
beberapa jenis 1. Mahasiswa memperhatikan materi yang
perulangan disampaikan oleh dosen mengenai:
3. Contoh studi a. Defenisi perulangan
kasus b. Bentuk perulangan
perulangan c. Fungsi perulangan
dalam sebuah d. Gambaran umum cara kerja perulangan
website 2. Mahasiswa berperan aktif dalam sesi
Tanya jawab

Penutupan dan Tindak Lanjut (15 Menit)

1. Kesimpulan materi
2. Memberikan pengarahan pertemuan
selanjutnya
3. Dosen menutup perkuliahan dan berdo’a
10 • Mahasiswa mampu membuat • Dapat membuat Topik : Metode : Daring (Praktik) 100 menit Upload file praktikum di classroom
perulangan dalam php. perulangan dengan Implementasi Pembukaan (15 Menit)
perulangan dan 1. Dosen dan mahasiswa memulai sesi
• Mahasiswa mampu membuat for, while, do while,
jenis-jenis perkuliahan sesuai jadwal yang sudah
beberapa kondisi perulangan. foreach
perulangan ditentukan via Zoom Meeting atau Google
Meet.
Sub topik : 2. Mahasiswa join ke meet room kemudian
1. Membuat dosen membagikan kode presesnsi ke
perulangan mahasiswa
2. Membuat 3. Memulai perkuliahan dengan berdo’a.
perulangan
 RENCANA PEMBELAJARAN SEMESTER Nomor : RPS-D3TI-XXX
PROGRAM STUDI: TEKNIK INFORMATIKA Tgl. Disusun : tgl-Agustus-2020

MATAKULIAH PERANCANGAN WEB II Revisi : 00

Halaman : Hal. 13 dari 19
(DT105)
dengan Penyajian (70 Menit)
beberapa 1. Mahasiswa membuat perulangan
kondisi dan 2. Mahasiswa membuat perulangan dengan
jenis beberapa kondisi
perulangan 3. Mahasiswa membuat beberapa kondisi
perulangan dengan beberpa jenis
perulangan
4. Mahasiswa berperan aktif dalam sesi
Problemsolve

Penutupan dan Tindak Lanjut (15 Menit)

1. Kesimpulan materi
2. Memberikan pengarahan pertemuan
selanjutnya
3. Dosen menutup perkuliahan dan berdo’a
11 • Mahasiswa dapat memahami • Dapat menjelaskan Topik : Metode : Daring (Teori) 100 Menit Keaktivan mahasiswa
fungsi sebuah function. konsep function Defenisi function Pembukaan (15 Menit)
dan array 1. Dosen dan mahasiswa memulai sesi
• Mahasiswa dapat memahami • Dapat menjelaskan
perkuliahan sesuai jadwal yang sudah
cara kerja function. konsep Array
Sub topik : ditentukan via Zoom Meeting atau Google
• Mahasiswa dapat memahami • Dapat memberikan 1. Cara kerja Meet.
konsep Array contoh function & function dan 2. Mahasiswa join ke meet room kemudian
• Mahasiswa dapat memahami array array dosen membagikan kode presesnsi ke
cara kerja dan kegunaan 2. Gambaran mahasiswa
array dalam php umum 3. Memulai perkuliahan dengan berdo’a.
function dan
array Penyajian (70 Menit)
3. Contoh studi 1. Mahasiswa memperhatikan materi yang
kasus function disampaikan oleh dosen mengenai:
dan array a. Defenisi function & array
dalam sebuah b. Bentuk dan cara kerja function & array
website d. Gambaran umum cara kerja function dan
array dalam website
2. Mahasiswa berperan aktif dalam sesi
Tanya jawab

Penutupan dan Tindak Lanjut (15 Menit)

1. Kesimpulan materi
2. Memberikan pengarahan pertemuan
selanjutnya
3. Dosen menutup perkuliahan dan berdo’a
12 • Mahasiswa dapat membuat • Dapat membuat Topik : Metode : Daring (Praktik) 100 menit Upload file praktikum di classroom
 RENCANA PEMBELAJARAN SEMESTER Nomor : RPS-D3TI-XXX
PROGRAM STUDI: TEKNIK INFORMATIKA Tgl. Disusun : tgl-Agustus-2020

MATAKULIAH PERANCANGAN WEB II Revisi : 00

Halaman : Hal. 14 dari 19
(DT105)
function dan array function Defenisi function Pembukaan (15 Menit)
• Mahasiswa dapat membuat • Dapat membuat dan array 1. Dosen dan mahasiswa memulai sesi
function beberapa feature beberapa bentuk perkuliahan sesuai jadwal yang sudah
Sub topik : ditentukan via Zoom Meeting atau Google
• Mahasiswa dapat membuat array
1. Implementasi Meet.
array dari beberapa variable • Dapat membuat
cara kerja 2. Mahasiswa join ke meet room kemudian
variable array
function dan dosen membagikan kode presesnsi ke
array mahasiswa
2. Implementasi 3. Memulai perkuliahan dengan berdo’a.
function dan
array sesuai Penyajian (70 Menit)
studi kasus 1. Mahasiswa membuat function
3. Membuat 2. Mahasiswa membuat array
function dan 3. Mahasiswa membuat function dengan
array login & studi kasus
logout 4. Mahasiswa berperan aktif dalam sesi
Problemsolve

Penutupan dan Tindak Lanjut (15 Menit)

1. Kesimpulan materi
2. Memberikan pengarahan pertemuan
selanjutnya
3. Dosen menutup perkuliahan dan berdo’a
13 • Mahasiswa dapat memahami • Dapat menjelaskan Topik : Metode : Daring (Teori) 100 menit Keaktivan mahasiswa
berbagai jenis form inputan. fungsi berbagai jenis Defenisi form dan Pembukaan (15 Menit)
database 1. Dosen dan mahasiswa memulai sesi
• Mahasiswa dapat form
perkuliahan sesuai jadwal yang sudah
menjelaskan fungsi form • Dapat menjelaskan
Sub topik : ditentukan via Zoom Meeting atau Google
sesuai bentuknya. cara kerja form
1. Cara kerja Meet.
• Mahasiswa dapat memahami • Dapat menjelaskan input data dari 2. Mahasiswa join ke meet room kemudian
fungsi dan cara kerja cara kerja input data form ke dosen membagikan kode presesnsi ke
database dalam sebuah ke database database mahasiswa
website • Dapat menjelaskan 2. Jenis-jenis 3. Memulai perkuliahan dengan berdo’a.
• Mahasiswa dapat permasalahan dan form sesuai
menjelaskan jenis input data cara penyelesaian studi kasus Penyajian (70 Menit)
ke database sesuai studi koneksi database 3. Contoh studi 1. Mahasiswa memperhatikan materi yang
kasus kasus form disampaikan oleh dosen mengenai:
sebuah a. Defenisi form
website b. Jenis-jenis form
4. Permasalahan c. Gambaran umum cara kerja database
yang sering d. Cara kerja input data ke database
muncul dalam 2. Mahasiswa berperan aktif dalam sesi
database Tanya jawab
 RENCANA PEMBELAJARAN SEMESTER Nomor : RPS-D3TI-XXX
PROGRAM STUDI: TEKNIK INFORMATIKA Tgl. Disusun : tgl-Agustus-2020

MATAKULIAH PERANCANGAN WEB II Revisi : 00

Halaman : Hal. 15 dari 19
(DT105)

Penutupan dan Tindak Lanjut (15 Menit)

1. Kesimpulan materi
2. Memberikan pengarahan pertemuan
selanjutnya
3. Dosen menutup perkuliahan dan berdo’a
14 • Mahasiswa dapat membuat • Dapat dapat membuat Topik : Metode : Daring (Praktik) 100 menit Upload file praktikum di LMS
berbagai jenis form inputan. berbagai jenis form Implementasi form Pembukaan (15 Menit)
dan database 1. Dosen dan mahasiswa memulai sesi
• Mahasiswa dapat membuat • Dapat
(responsi) perkuliahan sesuai jadwal yang sudah
form sesuai dengan mengimplementasika
ditentukan via Zoom Meeting atau Google
fungsinya. n input data ke
Sub topik : Meet.
• Mahasiswa dapat membuat database
1. input data dari 2. Mahasiswa join ke meet room kemudian
koneksi database form ke dosen membagikan kode presesnsi ke
• Mahasiswa dapat membuat database mahasiswa
input data ke database sesuai 2. Membuat 3. Memulai perkuliahan dengan berdo’a.
studi kasus Jenis-jenis
form sesuai Penyajian (70 Menit)
studi kasus 1. Mahasiswa membuat form inputan
3. Membuat 2. Mahasiswa membuat koneksi database
contoh studi 3. Mahasiswa berperan aktif dalam sesi
kasus form Problemsolve
sebuah
website Penutupan dan Tindak Lanjut (15 Menit)
1. Kesimpulan materi
2. Memberikan pengarahan pertemuan
selanjutnya
3. Dosen menutup perkuliahan dan berdo’a
Ujian Tengah Mahasiswa membuat website Dapat membuat web Menguasai materi Ujian Mandiri Disesuaiak 1. Menampilkan objek gambar
Semester portofolio pribadi (Native) portofolio pertemuan 1 – 14 an dengan sebagai foto profile
jadwal dari 2. Menampilkan konten
Direktorat portofolio sesuai ketentuan
Akademik 3. Semua menu dapat berjalan
tanpa error

15, 17 • Mahasiswa dapat memahami • Dapat menjelaskan Topik : Metode : Daring (Teori) 200 menit Keaktivan mahasiswa
berbagai jenis framework jenis-jenis & Defenisi framework Pembukaan (15 Menit)
1. Dosen dan mahasiswa memulai sesi
• Mahasiswa dapat perbedaan framework
Sub topik : perkuliahan sesuai jadwal yang sudah
menjelaskan fungsi dan cara • Dapat menjelaskan
1. Defenisi ditentukan via Zoom Meeting atau Google
kerja framework carakerja framework
framework Meet.
• Mahasiswa dapat memehami 2. Cara kerja 2. Mahasiswa join ke meet room kemudian
konsep MVC
 RENCANA PEMBELAJARAN SEMESTER Nomor : RPS-D3TI-XXX
PROGRAM STUDI: TEKNIK INFORMATIKA Tgl. Disusun : tgl-Agustus-2020

MATAKULIAH PERANCANGAN WEB II Revisi : 00

Halaman : Hal. 16 dari 19
(DT105)
• Mahasiswa dapat framework dosen membagikan kode presesnsi ke
menjelaskan dan membuat 3. Jenis-jenis mahasiswa
ilustrasi konsep MVC framework 3. Memulai perkuliahan dengan berdo’a.
4. Konsep MVC
5. Contoh studi Penyajian (70 Menit)
kasus 1. Mahasiswa memperhatikan materi yang
framework disampaikan oleh dosen mengenai:
a. Defenisi framework
b. Jenis-jenis framework
c. Gambaran umm cara kerja framework
d. MVC
2. Mahasiswa berperan aktif dalam sesi
Tanya jawab

Penutupan dan Tindak Lanjut (15 Menit)

1. Kesimpulan materi
2. Memberikan pengarahan pertemuan
selanjutnya
3. Dosen menutup perkuliahan dan berdo’a
16, 18 • Mahasiswa dapat • Dapat melakukan Topik : Metode : Daring (Praktik) 200 menit Upload bukti praktikum di LMS
mengkonfigurasi framework konfigurasi framework Implementasi Pembukaan (15 Menit)
framework 1. Dosen dan mahasiswa memulai sesi
• Mahasiswa dapat membuat • Dapat membuat
perkuliahan sesuai jadwal yang sudah
halaman statis halaman statis
Sub topik : ditentukan via Zoom Meeting atau Google
• Mahasiswa dapat membuat • Dapat membuat class, 1. Konfigurasi Meet.
class, fungsi, variable (basic fungsi dan variable framework 2. Mahasiswa join ke meet room kemudian
controller) (basic) 2. Membuat dosen membagikan kode presesnsi ke
statis page mahasiswa
3. Membuat 3. Memulai perkuliahan dengan berdo’a.
contoh class,
fungsi dan Penyajian (70 Menit)
variable (basic) 1. Mahasiswa melakukan konfigurasi
framework
2. Mahasiswa membuat halaman statis
menggunakan framework
3. Mahasiswa berperan aktif dalam sesi
Problemsolve

Penutupan dan Tindak Lanjut (15 Menit)

1. Kesimpulan materi
2. Memberikan pengarahan pertemuan
selanjutnya
3. Dosen menutup perkuliahan dan berdo’a
 RENCANA PEMBELAJARAN SEMESTER Nomor : RPS-D3TI-XXX
PROGRAM STUDI: TEKNIK INFORMATIKA Tgl. Disusun : tgl-Agustus-2020

MATAKULIAH PERANCANGAN WEB II Revisi : 00

Halaman : Hal. 17 dari 19
(DT105)
19, 21, 23 • Mahasiswa dapat memahami • Dapat membuat Topik : Metode : Daring (Teori) 300 menit Keaktivan mahasiswa
sebuah flowchart website flowchart website Flowchart Pembukaan (15 Menit) Upload bukti pembuatan kerangka
1. Dosen dan mahasiswa memulai sesi kerja di LMS
• Mahasiswa dapat membuat • Dapat membaca alur
Sub topik : perkuliahan sesuai jadwal yang sudah
kerangka sebuah website proses sebuah
1. Defenisi ditentukan via Zoom Meeting atau Google
dengan flowchart website
flowchart Meet.
• Mahasiswa dapat membuat • Dapat memahami 2. Membaca 2. Mahasiswa join ke meet room kemudian
flowchart MVC sebuah web proses pembuatan flowchart dosen membagikan kode presesnsi ke
website yang sebuah mahasiswa
terstruktur framework 3. Memulai perkuliahan dengan berdo’a.
3. Flowchart
dengan MVC Penyajian (70 Menit)
1. Mahasiswa memperhatikan materi yang
disampaikan oleh dosen mengenai:
a. Defenisi flowchart
b. Membuat alur proses sebuah website
2. Mahasiswa berperan aktif dalam sesi
Tanya jawab

Penutupan dan Tindak Lanjut (15 Menit)

1. Kesimpulan materi
2. Memberikan pengarahan pertemuan
selanjutnya
3. Dosen menutup perkuliahan dan berdo’a
20, 22, 24 • Mahasiswa dapat membuat • Dapat membuat Topik : Metode : Daring (Praktik) 300 menit Upload bukti praktikum di LMS
model database model Implementasi Pembukaan (15 Menit)
konsep MVC 1. Dosen dan mahasiswa memulai sesi
• Mahasiswa dapat membuat • Dapat membuat view perkuliahan sesuai jadwal yang sudah
view
• Dapat membuat Sub topik : ditentukan via Zoom Meeting atau Google
• Mahasiswa dapat membuat 1. Model Meet.
controller controller
2. View 2. Mahasiswa join ke meet room kemudian
3. Controller dosen membagikan kode presesnsi ke
mahasiswa
3. Memulai perkuliahan dengan berdo’a.

Penyajian (70 Menit)

1. Mahasiswa melakukan pembuatan model
2. Mahasiswa melakukan pembuatan
tampilan sebuah website (view)
3. Mahasiswa melakukan pembuatan
controller
4. Mahasiswa berperan aktif dalam sesi
Problemsolve
 RENCANA PEMBELAJARAN SEMESTER Nomor : RPS-D3TI-XXX
PROGRAM STUDI: TEKNIK INFORMATIKA Tgl. Disusun : tgl-Agustus-2020

MATAKULIAH PERANCANGAN WEB II Revisi : 00

Halaman : Hal. 18 dari 19
(DT105)

Penutupan dan Tindak Lanjut (15 Menit)

1. Kesimpulan materi
2. Memberikan pengarahan pertemuan
selanjutnya
3. Dosen menutup perkuliahan dan berdo’a
25, 27 • Mahasiswa dapat membuat • Dapat membuat Topik : Metode : Daring (Teori) 200 menit Keaktivan mahasiswa
skema pengujian website skema pengujian Pengujian sistem Pembukaan (15 Menit) Upload bukti pembuatan kerangka
terstruktur website secara 1. Dosen dan mahasiswa memulai sesi kerja di LMS
Sub topik : perkuliahan sesuai jadwal yang sudah
• Mahasiswa dapat melakukan terstruktur
1. Gambaran ditentukan via Zoom Meeting atau Google
pengujian fungsionalitas • Dapat melakukan
umum Meet.
website dengan skema uji pengujian website
pengujian 2. Mahasiswa join ke meet room kemudian
yang sudah dibuat dengan skema uji
2. Membuat dosen membagikan kode presesnsi ke
skema uji mahasiswa
3. Memulai perkuliahan dengan berdo’a.

Penyajian (70 Menit)

1. Mahasiswa memperhatikan materi yang
disampaikan oleh dosen mengenai:
a. Defenisi pengujian sistem
b. Membuat alur proses (skema uji)
pengujian sistem
2. Mahasiswa berperan aktif dalam sesi
Tanya jawab

Penutupan dan Tindak Lanjut (15 Menit)

1. Kesimpulan materi
2. Memberikan pengarahan pertemuan
selanjutnya
3. Dosen menutup perkuliahan dan berdo’a
26, 28 Mahasiswa dapat membuat • Dapat membuat batas Topik : Metode : Daring (Praktik) 200 menit Upload bukti praktikum di LMS
fungsi login (dinamis) dan hak akses Hak akses Pembukaan (15 Menit)
session (response) 1. Dosen dan mahasiswa memulai sesi
perkuliahan sesuai jadwal yang sudah
Sub topik : ditentukan via Zoom Meeting atau Google
1. Hak akses Meet.
2. Multiple login 2. Mahasiswa join ke meet room kemudian
3. Session dosen membagikan kode presesnsi ke
mahasiswa
3. Memulai perkuliahan dengan berdo’a.

Penyajian (70 Menit)

 RENCANA PEMBELAJARAN SEMESTER Nomor : RPS-D3TI-XXX
PROGRAM STUDI: TEKNIK INFORMATIKA Tgl. Disusun : tgl-Agustus-2020

MATAKULIAH PERANCANGAN WEB II Revisi : 00

Halaman : Hal. 19 dari 19
(DT105)
1. Mahasiswa melakukan pembuatan
feature login
2. Mahasiswa melakukan pembuatan
multiple login
3. Mahasiswa melakukan pembuatan session
4. Mahasiswa berperan aktif dalam sesi
Problemsolve

Penutupan dan Tindak Lanjut (15 Menit)

1. Kesimpulan materi
2. Memberikan pengarahan pertemuan
selanjutnya
3. Dosen menutup perkuliahan dan berdo’a
Ujian Akhir Mahasiswa membuat web app Dapat membuat web Menguasai materi Ujian Mandiri Disesuaiak 1. Membuat berbagai jenis feature
Semester desa, prodi, atau organisasi web app desa, prodi, pertemuan 15 – 28 an dengan web app
atau organisasi jadwal dari 2. Menampilkan data dari
Direktorat database
Akademik 3. Semua menu dapat berjalan
tanpa error
4. Memiliki tampilan web yang
simple dan mudah di gunakan