UNIVERSITAS NEGERI PADANG

FAKULTAS BAHASA DAN SENI

PROGRAM STUDI PERPUSTAKAAN DAN ILMU INFORMASI

RENCANA PEMBELAJARAN SEMESTER

MATA KULIAH (MK) KODE BOBOT (sks) SEMESTER TANGGAL PENYUSUNAN
Design Web PII1.62.2002 3 SKS VI 8-01-2021
Pengembang RPS Dosen Pengampu Ketua PRODI
Program Studi Ilmu Perpustakaan dan Kearsipan 1. Dr. Ardoni, M.Si. Malta Nelisa, S.Sos., M.Hum.
Capaian CPL-PRODI
Pembelajaran (CP) S9 1. Menunjukkan sikap betanggungjawab atas pekerjaan di bidang keahliannya secara mandiri
P 2. Mampu menugasai konsep teoritis dan praktis dalam membangun website
KU2 3. Mampu menerapkan pemikiran logis, kritis, sistematis, dan inovatif dalam mengimplementasikan IPTEK di bidang ilmu perpustakaan
KU2 4. Mampu menunjukkan kinerja mandiri dan terukur
KK 5. Mampu memecahkan permasalahan dengan sikap dan konteks yang sesuai dengan bidang keahlian terapannya didasarkan pada pemikian
logis
KK4 6. Mampu merancang dan mendesain website menggunakan aplikasi content management system (CMS) dengan baik dan benar
CPMK
CPMK1 1. Mampu menjelaskan prinsip dan etika dalam mengembangkan website
CPMK2 2. Mampu merumuskan masalah dan kendala yang dihadapi dalam membangun website
CPMK3 3. Mampu menjelaskan berbagai metode dan aplikasi yang digunakan dalam membangun website
CPMK4 4. Mahasiswa mendesain, merancang, dan membangun blog dan website perpustakaan menggunakan aplikasi content management
system
Diskripsi Singkat MK Mata kuliah ini membahas tentang seni desain web sebagai sarana informasi digital, script HTML, arsitektur website, membuat desain web untuk
perpustakaan, konten, memanipulasi gambar dan foto untuk konten website
Bahan Penjelasan tentang konsep dasar kerja sama dan jaringan informasi perpustakaan.
Kajian/Materi Penjelasan tentang internet, dan konsep dasar website serta perkembangannya saat ini, arsitektur website, serta bagaimana cara kerja website berbasis
Pembelajaran webserver
Penjelasan tentang Konsep HTML, mempraktekkan dan berlatih menggunakan elemen-elemen HTML
 Penjelasan tentang Konsep HTML, mempraktekkan dan berlatih menggunakan elemen-elemen HTML lanjutan
Penjelasan tentang konsep dasar CSS dan mengimplementasi elemen-elemen CSS dan mempraktekkan membuat website sederhana menggunakan html
dan CSS.
Penjelasan dan praktek pembuatan website menggunakan Google Sites
Penjelasan tentang konsep dasar blog, dan praktek pembuatan blog pribadi menggunakan blogspot/wordpress
Penejelasan tentang konsep dasar CMS, jenis-jenis aplikasi CMS, dan praktek instalasi aplikasi CMS menggunakan Joomla
Presentasi tugas pembuatan website menggunakan aplikasi Joomla
Penjelasan dan praktek setting website berbasis Joomla, mengelola konten website, mengganti template, dan mempublikasikan artikel di website
Daftar Refernsi 1. Rintho Rante Rerung, Pemrograman Web Dasar, Deepublish, 2018
2. Jennifer Niederst Robbins, Learning Web Design (A BEGINNER'S GUIDE TO HTML, CSS, JAVASCRIPT, AND WEB GRAPHICS), O’Reilly Media, Canada, 2018
3. Eric Tiggeler, Joomla! 1.5 (Beginner's Guide Build and maintain impressive user-friendly websites the fast and easy way with Joomla! 1.5), BIRMINGHAM – MUMBAI
4. B.M. Harwani, Foundation of Joomla, Second Edition, Appress
William Sawyer, Using Information Technology, Pengenalan Praktis Dunia Komputer dan Komunikasi, Edisi 7, Penerbit Andi, Yogyakarta, 2007
Dosen pengampu 1. Dr. Ardoni, M.Si.
Matakuliah syarat -
 Kemampuan Akhir yang Bahan Kajian (Materi Metode/Bentuk Estimasi Pengalaman Belajar Kriteria & Bentuk Indikator Bobot
Minggu Diharapkan Pelajaran) Pembelajaran Waktu Mahasiswa Penilaian
(Menit)
1. Mahasiswa mampu 1. Perkenalan dan Bentuk: TM (1 x 50’)  Mempelajari materi Kriteria: Ketepatan 5
memahami tujuan, dan pengantar perkuliahan,  Ceramah/Kuliah BM (1x50’) yang sudah diunggah ketepatan waktu menjelaskan
aturan pembelajaran, 2. Pembentukan kelompok TT (1x 50’) dalam e-learning dan penguasaan tentang cara kerja
serta mampu 3. Pengantar Internet Aktifitas di kelas:  Mencari istilah-istilah internet &
menjelaskan secara 4. Cara kerja internet  Metode yang berhubungan hubungannya
umum konsep dasar 5. World Wide Web Studi kelompok dan dengan website dengan website
kerja sama dan jaringan studi kasus
informasi perpustakaan.  Media:
Komputer/laptop,
internet, video
conference, aplikasi
LMS

2. Mahasiswa mampu 1. Pengantar Bentuk: TM (1 x 50’)  Mempelajari meteri Kriteria: Ketepatan 5

memahami tentang pemgrograman  Ceramah/Kuliah BM (1x50’) yang sudah diunggah  ketepatan waktu menjelaskan
internet, dan konsep berbasis web  Praktek TT (1x 50’) melalui e-learning dan penguasaan tentang konsep
dasar website serta 2. Konsep dasar website  Mendownload &  keberhasilan dasar & arsitektur
perkembangannya saat dan perkembangannya Aktifitas di kelas: menginstal aplikasi dalam website
ini, arsitektur website, 3. Arsitektur website  Metode berbasis webserver mempraktekkan
serta bagaimana cara 4. Aplikasi berbasis web Studi kelompok dan (XAMPP) tugas Keberhasilan
kerja website berbasis server studi kasus dalam menginstal
webserver  Media: aplikasi web
Komputer/laptop, server
internet, video
conference, aplikasi
LMS

3. Mahasiswa mampu 1. Struktur Page (Konsep Bentuk: TM (1 x 50’)  Mempelajari meteri Kriteria: Ketepatan dalam 5
memahami dan HTML)  Ceramah/Kuliah BM (1x50’) yang sudah diunggah  ketepatan waktu menjelaskan
 menjelaskan Konsep a. Struktur Dasar Elemen  Praktek TT (1x 50’) melalui e-learning dan penguasaan fungsi elemen-
HTML, mempraktekkan b. Kelompok Atribut  Mempraktekkan  keberhasilan elemen HTML
dan berlatih c. Format Dasar Text Aktifitas di kelas: penggunaan elemen- dalam
menggunakan elemen- d. Presentational  Metode elemen dasar HTML mempraktekkan Keberhasilan
elemen HTML Elements Tugas mandiri (1x50 menit) tugas dalam
e. Phrase Elements  Media: menjalankan
f. List Komputer/laptop, aplikasi dan
g. Editing Text internet, video mempraktekkan
h. Penggunaan Character conference, aplikasi tugas yang
Entities untuk Special LMS diberikan
Character
i. Komentar
j. Elemen <font> yang
digunakan
k. Elemen Block dan
Inline
l. Elemen
pengelompokan
dengan <div> dan
<span>
4 Mahasiswa mampu 1. Table di HTML Bentuk: TM (1 x 50’)  Mempelajari meteri Kriteria: Ketepatan dalam 5
memahami dan a. Pengenalan Table  Ceramah/Kuliah BM (1x50’) yang sudah diunggah  ketepatan waktu menjelaskan
menjelaskan Konsep b. Elemen dasar Table  Praktek TT (1x 50’) melalui e-learning dan penguasaan fungsi elemen-
HTML, mempraktekkan dan Atribut  Mempraktekkan  keberhasilan elemen HTML
dan berlatih c. Advance Table Aktifitas di kelas: penggunaan elemen- dalam
menggunakan elemen- d. Isu aksesibilitas  Metode elemen dasar HTML mempraktekkan Keberhasilan
elemen HTML dengan Table Tugas mandiri (lanjutan) (1x50 tugas dalam
2. Forms di HTML  Media: menit) menjalankan
a. Pengenalan Forms Komputer/laptop, aplikasi dan
b. Pembuatan Form internet, video mempraktekkan
dengan elemen conference, aplikasi tugas yang
<form> LMS diberikan
c. Form Control
d. Pembuatan Label
untuk Kontrol &
Elemen <label>
 e. Struktur form
dengan elemen
<fieldset> dan
<legend>
f. Focus: Tabbing
Order & Access
Keys
g. Disabled & Read-
Only Controls
h. Pengiriman Data
Form ke Server :
HTTP get & HTTP
post.
i. Praktek
5-6 Mahasiswa mampu 1. Pengenalan Cascading Bentuk: TM (1 x 50’)  Mempelajari meteri Kriteria: Ketepatan dalam 10
memahami, menjelaskan Style Sheet: Basic  Ceramah/Kuliah BM (1x50’) yang sudah diunggah  ketepatan waktu menjelaskan
konsep dasar CSS dan Example & Inheritance  Praktek DK (2x50’) melalui e-learning dan penguasaan fungsi elemen-
mengimplementasi 2. CSS Rules TT (2x 50’)  Mempraktekkan  keberhasilan elemen HTML
elemen-elemen CSS dan 3. CSS Properties Aktifitas di kelas: penggunaan elemen- dalam
mempraktekkan 4. Controlling Fonts  Metode elemen dasar HTML mempraktekkan Keberhasilan
membuat website 5. Text Formatting Tugas mandiri (lanjutan) (1x50 tugas dalam
sederhana menggunakan 6. Text Pseudo-Classes Diskusi kelompok menit) menjalankan
html dan CSS. 7. Selectors menggunakan e- aplikasi dan
8. Length learning mempraktekkan
9. Percentages  Media: tugas yang
10. Coming to Grips with Komputer/laptop, diberikan
the Box Model internet, video
11. Praktek conference, aplikasi
LMS

7 Mahasiswa mampu 1. Pengantar Google Bentuk: TM (1 x 50’)  Mempelajari meteri Kriteria: Ketepatan dalam 10
membuat website Sites  Ceramah/Kuliah BM (1x50’) yang sudah diunggah  ketepatan waktu menjelaskan
menggunakan Google 2. Google Drive  Praktek TT (1x 50’) melalui e-learning dan penguasaan fungsi elemen-
Sites 3. Mengatur tata letak  Mempraktekkan  keberhasilan elemen HTML
website Aktifitas di kelas: pembuatan website dalam
4. Membuat dan  Metode menggunakan Google mempraktekkan Keberhasilan
 menyusun halaman Tugas mandiri Sites tugas dalam
website menggunakan e-  Penugasan: membuat menjalankan
5. Menampilkan file, learning website pribadi aplikasi dan
image, audio, dan  Media: menggunakan Google mempraktekkan
video Komputer/laptop, Sites tugas yang
internet, video diberikan
conference, aplikasi
LMS

UJIAN TENGAH SEMESTER

9-10. Mahasiswa mampu 1. Konsep dasar dan Bentuk: TM (2 x 50’)  Mempelajari meteri Kriteria: Ketepatan dalam 15
memahami, menjelaskan aplikasi web Blog  Ceramah/Kuliah BM (2x50’) yang sudah diunggah  ketepatan waktu menjelaskan
konsep dasar blog, 2. Membuat blog  Praktek TT (2x 50’) melalui e-learning dan penguasaan prosedur &
membuat blog pribadi menggunakan blogspot  Mempraktekkan  keberhasilan proses
menggunakan 3. Membuat blog Aktifitas di kelas: pembuatan blog dalam pembuatan blog
blogspot/wordpress menggunakan  Metode menggunakan mempraktekkan
wordpress Tugas mandiri blogspot & wordpress tugas Keberhasilan
4. Praktek pembuatan menggunakan e-  Mengelola tampilan dalam membuat
blog learning dan konten blog blog dan
5. Membuat artikel  Media:  Penugasan: mempraktekkan
6. Mengisi konten blog Komputer/laptop, - Membuat blog tugas yang
7. Mengedit tampilan blog internet, video pribadi diberikan
conference, aplikasi - Membuat artikel
LMS &
menggunggahny
a ke blog pribadi
11-12 Mahasiswa mampu 1. Pengertian dan konsep Bentuk: TM (2 x 50’)  Mempelajari meteri Kriteria: Ketepatan dalam 15
memahami dan dasar Content  Ceramah/Kuliah BM (2x50’) yang sudah diunggah  ketepatan waktu menjelaskan
menjelaskan konsep Management System  Praktek TT (2x 50’) melalui e-learning dan penguasaan prosedur &
dasar CMS, jenis-jenis 2. Jenis-jenis aplikasi CMS  Mempraktekkan  keberhasilan proses
aplikasi CMS, serta 3. Perkembangan aplikasi Aktifitas di kelas: instalasi aplikasi dalam pembuatan
melakukan instalasi CMS  Metode Joomla mempraktekkan website
aplikasi CMS 4. Praktek Instalasi Joomla Tugas mandiri  Penugasan: tugas menggunakan
menggunakan Joomla berbasis webserver menggunakan e- - Membuat Joomla
learning webiste
  Media: perpustakaan Keberhasilan
Komputer/laptop, - Mendesaian dalam melakukan
internet, video website instalasi website
conference, aplikasi
LMS
Tugas Kelompok:
- Membuat website
menggunakan
Joomla

13 Mahasiswa mampu 1. Presentasi kelompok 1 Bentuk: TT (3 x 50’) Mempresentasikan Kriteria: Ketepatan dalam 10
merancang, mendesain, 2. Presentasi kelompok 2  Presentasi tugas, dan melakukan  ketepatan waktu menjelaskan
dan mengelola website 3. Presentasi kelompok 3  Diskusi kelompok diskusi kelompok dan penguasaan tugas
menggunakan aplikasi 4. Presentasi kelompok 4  Ceramah/kuliah  keberhasilan
Joomla 5. Presentasi kelompok 5 dalam Keberhasilan
6. Presentasi kelompok 6 Aktifitas di kelas: mempraktekkan dalam melakukan
 Presentasi per tugas instalasi website
kelompok
 Diskusi tugas
kelompok
menggunakan e-
learning
 Media:
Komputer/laptop,
internet, video
conference, aplikasi
LMS
14-15 Mahasiswa mampu 1. Elemen dan Bentuk: TM (2 x 50’)  Mempelajari meteri Kriteria: Ketepatan dalam 20
melakukan setting Administrator Interface  Ceramah/Kuliah BM (2x50’) yang sudah diunggah  ketepatan waktu melakukan
website berbasis Joomla, 2. Template  Praktek TT (2x 50’) melalui e-learning dan penguasaan setting website
mengelola konten 3. Kategori, artikel dan  Mempraktekkan  keberhasilan
website, mengganti menu manejer Aktifitas di kelas: manajemen Joomla dalam Tampilan website
template, dan 4. Control panel manager  Metode mempraktekkan
mempublikasikan artikel 5. Mengelola Image & Tugas mandiri tugas
di website Banner menggunakan e-
6. Plugin learning
 7. Modul  Media:
Komputer/laptop,
internet, video
conference, aplikasi
LMS
Tugas Kelompok:
- Membuat website
menggunakan
Joomla

UJIAN AKHIR SEMESTER

5. Rintho Rante Rerung, Pemrograman Web Dasar, Deepublish, 2018
6. Jennifer Niederst Robbins, Learning Web Design (A BEGINNER'S GUIDE TO HTML, CSS, JAVASCRIPT, AND WEB GRAPHICS), O’Reilly Media, Canada, 2018
7. Eric Tiggeler, Joomla! 1.5 (Beginner's Guide Build and maintain impressive user-friendly websites the fast and easy way with Joomla! 1.5), BIRMINGHAM – MUMBAI
8. B.M. Harwani, Foundation of Joomla, Second Edition, Appress
9. William Sawyer, Using Information Technology, Pengenalan Praktis Dunia Komputer dan Komunikasi, Edisi 7, Penerbit Andi, Yogyakarta, 2007