RENCANA PEMBELAJARAN SEMESTER (RPS) PROGRAM STUDI PENDIDIKAN MATEMATIKA FAKULTAS KEGURUAN DAN ILMU PENDIDIKAN UNIVERSITAS SEBELAS MARET
Identitas Mata Kuliah Identitas dan Validasi Nama Tanda Tangan
Kode Mata Kuliah : KB1614602 Dosen Pengembang RPS : Ario Wiraya S.Si., M.Sc.
Nama Mata Kuliah : PEMBELAJARAN MATEMATIKA BERBASIS WEBSITE Jenis Mata Kuliah
(Wajib/pilihan)
: Koord. Kelompok Mata Kuliah : Dr. Laila Fitriana S.Pd., M.Pd.
Semester : 6 Kepala Program Studi : Dr. TRIYANTO, S.Si., M.Si.
Bobot Mata Kuliah (SKS) : 2 a. Bobot tatap muka : 1 b. Bobot Praktikum : 1 c. Bobot praktek lapangan : 0 d. Bobot simulasi : 0 Mata Kuliah Prasyarat :
Tanggal Dibuat : 2022-02-02 Perbaikan Ke- : 0 Tanggal Edit :
2022-02-02
Capaian Pembelajaran Lulusan (CPL) / Learning Outcome (LO) yang dibebankan pada Mata Kuliah
Kode CPL/LO Unsur CPL/LO
11 : KU1. 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
22 : P3. Menguasai pengetahuan faktual terkait pemanfaatan teknologi informasi dan komunikasi untuk pemecahan masalah yang terkait keilmuan dan pembelajaran matematika.
26 : KK3. Mampu menerapkan pemanfaatan teknologi informasi dan komunikasi untuk pemecahan masalah yang terkait keilmuan dan pembelajaran matematika.
Capaian Pembelajaran Mata Kuliah (CPMK)
: Mahasiswa mampu memahami penggunaan tag-tag dasar HTML, CSS, dan Javascript dan menerapkannya dalam pembuatan website sederhana yang digunakan untuk pembelajaran matematika.
Bahan kajian (Subject Matters)
: . Pengisian konten dengan HTML : . Pembuatan tabel dengan HTML : . Pembuatan form dengan HTML
: . Penggunaan CSS selector dan typography
: . Penggunaan CSS box model, background, dan positioning
: . Penggunaan CSS untuk membuat menu navigasi vertikal dan horizontal
: . Penggunaan Document Object Model dan Window Object pada Javascript
Deskripsi Mata Kuliah : Materi yang dipelajari dalam mata kuliah ini adalah teknik-teknik pembuatan website statis dan dinamis yang dapat digunakan untuk memuat konten-konten yang berkaitan dengan pembelajaran matematika.
Basis Penilaian : a. Aktvitas Partisipatif (Case Method) = 42%
: b. Hasil Proyek (Team Based Project) = 42%
: c. Tugas = 0%
: d. Quis = 0%
: e. UTS = 8%
: f. UAS = 8%
Daftar Referensi : Pratama, A.,HTML Uncover : Panduan Belajar HTML untuk Pemula ,Andre Pratama,2018,http://duniailkom.com.
: Pratama, A., CSS Uncover : Panduan Belajar CSS untuk Pemula ,Andre Pratama,2017,http://duniailkom.com.
: Pratama, A. ,Javascript Uncover : Panduan Belajar Javascript untuk Pemula,Andre Pratama,2017,http://duniailkom.com.
: Andre Pratama,Dunia Ilkom Dunia Ilmu Komputer,http://duniailkom.com,2022
Tahap Kemampuan akhir/ Sub- CPMK (kode
CPL)
Materi Pokok Referensi (kode dan halaman)
Metode Pembelajaran Waktu Pengalaman Belajar Penilaian
Luring Daring Basis
penilaian
Teknik penilaian Indikator, kriteria, (tingkat taksonomi)
Bobot penilaian
1 2 3 4 5 6 7 8 9 10 11 12
1-2 Mahasiswa mampu menggunakan tag-tag HTML untuk pengisian konten
Struktur dasar HTML, elemen format teks, ordered,
unordered, description list, elemen image, elemen audio dan video, elemen iframe, fitur HTML update : elemen details dan summary, penggunaan elemen HTML dalam pembuatan website pembelajaran matematika
HTML Uncover : Panduan Belajar HTML untuk Pemula ,Dunia Ilkom Dunia Ilmu Komputer
Diskusi Kelompok,Studi Kasus,Pembelajaran Berbasis
Proyek,Pembelajaran Berbasis Masalah
2*100 Menit
Memahami struktur dasar HTML, memahami fungsi dan cara
penggunaan elemen- elemen teks, gambar, audio, video, serta fitur HTML update sebagai komponen dalam pembuatan website
pembelajaran matematika
Case
Method,Team Based Project
Observasi ,Partisipasi,Unjuk Kerja
Mampu memahami (C2), mempraktikkan (C3), dan
mengombinasikan (C5) cara pembuatan teks dengan berbagai modifikasi
menggunakan elemen- elemen teks dalam HTML, mampu memahami (C2), mempraktikkan (C3), dan mengombinasikan (C5) cara menyisipkan gambar, audio, dan video dengan berbagai atributnya dalam HTML, mampu memahami (C2), menggunakan (C3), dan
mengombinasikan (C5) fitur HTML update, yaitu elemen details dan summary
12%
3-4 Mahasiswa mampu membuat tabel pada HTML
Struktur dasar tabel, atribut border, rules. cellspacing, cellpadding, bgcolor, width, height, align, valign, rowspan, colspan, th, dan caption, mengisi sel tabel, membuat layout menggunakan tabel, penggunaan tabel HTML dalam pembuatan website pembelajaran matematika
HTML Uncover : Panduan Belajar HTML untuk Pemula ,Dunia Ilkom Dunia Ilmu Komputer
Diskusi Kelompok,Studi Kasus,Pembelajaran Berbasis
Proyek,Pembelajaran Berbasis Masalah
2*100 Menit
Memahami struktur dasar tabel, memahami fungsi dan cara
penggunaan atribut, serta elemen dalam tabel sebagai komponen dalam pembuatan website pembelajaran matematika
Case
Method,Team Based Project
Observasi ,Partisipasi,Unjuk Kerja
Mampu memahami (C2), mempraktikkan (C3), dan
mengombinasikan (C5) cara mengisi sel tabel dengan menggunakan berbagai atribut dan elemennya, mampu memahami (C2), mempraktikkan (C3), dan mengombinasikan (C5) cara membuat layout dengan menggunakan tabel
12%
5-6 Mahasiswa mampu membuat form pada HTML
Struktur dasar form, elemen input tipe teks, submit, reset, password, checkbox, radio, image, button, color, email, URL, number, date dan file, atribut : autofocus,
placeholder, autocomplete, required, list, contenteditable, dan datalist, menu dropdown, elemen optgroup, label, button, fieldset, dan legend, penggunaan form HTML dalam pembuatan website pembelajaran matematika
HTML Uncover : Panduan Belajar HTML untuk Pemula ,Dunia Ilkom Dunia Ilmu Komputer
Diskusi Kelompok,Studi Kasus,Pembelajaran Berbasis
Proyek,Pembelajaran Berbasis Masalah
2*100 Menit
Memahami struktur dasar form, memahami fungsi dan cara
penggunaan atribut, serta elemen dalam form sebagai komponen dalam pembuatan website pembelajaran matematika
Case
Method,Team Based Project
Observasi ,Partisipasi,Unjuk Kerja
Mampu memahami (C2), mempraktikkan (C3), dan
mengombinasikan (C5) cara membuat form dengan menggunakan berbagai atribut dan elemennya
12%
7 Mahasiswa mampu
menguasai fitur- fitur HTML untuk membuat website
Elemen pada HTML,
pembuatan tabel pada HTML, pembuatan form pada HTML
HTML Uncover : Panduan Belajar HTML untuk Pemula ,Dunia Ilkom Dunia Ilmu Komputer
Diskusi Kelompok,Studi Kasus,Pembelajaran Berbasis
Proyek,Pembelajaran Berbasis Masalah
1*100 Menit
Memahami
penggunaan fitur-fitur HTML dalam pembuatan website
UTS Angket Mampu memahami (C2)
penggunaan fitur-fitur HTML dalam pembuatan website
8%
8-9 Mahasiswa mampu menggunakan CSS selector dan typography dalam struktur HTML
Struktur dasar CSS, selector : element, class, ID, group, element spesific, dan dynamic pseudo class, typography : property font-family, font-size, color, text-decoration, text- align, line-height,dan text- indent. penggunaan CSS selector dan typography dalam pembuatan website pembelajaran matematika
CSS Uncover : Panduan Belajar CSS untuk Pemula ,Dunia Ilkom Dunia Ilmu Komputer
Diskusi Kelompok,Studi Kasus,Pembelajaran Berbasis
Proyek,Pembelajaran Berbasis Masalah
2*100 Menit
Memahami struktur dasar CSS, memahami fungsi dan cara
penggunaan selector, serta typography sebagai komponen dalam pembuatan website
pembelajaran matematika
Case
Method,Team Based Project
Observasi ,Partisipasi,Unjuk Kerja
Mampu memahami (C2) dan mempraktikkan (C3) cara menggunakan selector untuk memilih objek yang hendak dimodifikasi, mampu memahami (C2) dan mempraktikkan (C3) cara menggunakan typography untuk memodifikasi tampilan huruf dalam HTML
12%
10-11 Mahasiswa mampu menggunakan CSS box model, background dan positioning dalam struktur HTML
Box model : pengertian, property width, height, padding, border, dan margin, background : property background-color, background-image, background-size, dan background-attachment, positioning : property position, display, float, float positioning, dan clear, penggunaan CSS box model, background dan positioning dalam pembuatan website pembelajaran matematika
CSS Uncover : Panduan Belajar CSS untuk Pemula ,Dunia Ilkom Dunia Ilmu Komputer
Diskusi Kelompok,Studi Kasus,Pembelajaran Berbasis
Proyek,Pembelajaran Berbasis Masalah
2*100 Menit
Memahami fungsi dan cara
penggunaan box model, background, serta positioning sebagai komponen dalam pembuatan website
pembelajaran matematika
Case
Method,Team Based Project
Observasi ,Partisipasi,Unjuk Kerja
Mampu memahami (C2), mempraktikkan (C3), dan
mengombinasikan (C5) cara menggunakan konsep box model untuk mengatur objek , mampu memahami (C2), mempraktikkan (C3), dan
mengombinasikan (C5) cara menggunakan background untuk menyisipkan latar belakang halaman, mampu memahami (C2), mempraktikkan (C3), dan
mengombinasikan (C5) cara menggunakan positioning untuk mengatur posisi objek
12%
12-13 Mahasiswa mampu membuat menu navigasi vertikal dan horizontal dengan menggunakan CSS dalam struktur HTML
Menu navigasi vertikal dan horizontal, penggunaan menu navigasi vertikal dan
horizontal dalam pembuatan website pembelajaran matematika
CSS Uncover : Panduan Belajar CSS untuk Pemula ,Dunia Ilkom Dunia Ilmu Komputer
Diskusi Kelompok,Studi Kasus,Pembelajaran Berbasis
Proyek,Pembelajaran Berbasis Masalah
2*100 Menit
Memahami konsep dan cara membuat menu navigasi vertikal, serta horizontal dengan menggunakan CSS sebagai komponen dalam pembuatan website
pembelajaran matematika
Case
Method,Team Based Project
Observasi ,Partisipasi,Unjuk Kerja
Mampu memahami (C2), mempraktikkan (C3), dan
mengombinasikan (C5) cara membuat menu navigasi vertikal, serta horizontal dengan menggunakan materi CSS
12%
14-15 Mahasiswa mampu menggunakan javascript : Document Object Model (DOM) event dan Window Object dalam struktur HTML
Pengertian event, cara menginput event dengan menggunakan atribut HTML dan elemen method, event object, mouse events, metode window.alert() dan
window.confirm(), penggunaan Document Object Model (DOM) event dan Window Object dalam pembuatan website pembelajaran matematika
Javascript Uncover : Panduan Belajar
Javascript untuk Pemula,Dunia Ilkom Dunia Ilmu Komputer
Diskusi Kelompok,Studi Kasus,Pembelajaran Berbasis
Proyek,Pembelajaran Berbasis Masalah
2*100 Menit
Memahami pengertian event, memahami cara menginput event dengan
menggunakan atribut HTML, maupun elemen method, memahami cara membuat event object untuk memunculkan suatu efek pada objek karena perlakuan user, memahami cara membuat mouse events untuk memunculkan efek pada objek ketika terdapat aktivitas user pada mouse, memahami fungsi dan cara
penggunaan metode window.alert() dan window.confirm() untuk memunculkan tampilan peringatan dan konfirmasi pada user, memahami fungsi Document Object Model (DOM) event dan Window Object sebagai komponen dalam pembuatan website pembelajaran matematika
Case
Method,Team Based Project
Observasi ,Partisipasi,Unjuk Kerja
Mampu memahami (C2), mempraktikkan (C3), dan
mengombinasikan (C5) cara menginput event dengan menggunakan atribut HTML, maupun elemen method, mampu memahami (C2), mempraktikkan (C3), dan mengombinasikan (C5) cara memunculkan suatu efek pada objek karena perlakuan user, mampu memahami (C2), mempraktikkan (C3), dan
mengombinasikan (C5) cara memunculkan tampilan peringatan dan konfirmasi pada user
12%
16 Mahasiswa mampu
menguasai fitur- fitur CSS dan Javascript untuk membuat website
CSS selector dan typography, CSS box model, background dan positioning, menu navigasi vertikal dan horizontal dengan menggunakan CSS, Document Object Model (DOM) event dan Window Object
CSS Uncover : Panduan Belajar CSS untuk Pemula ,Javascript Uncover : Panduan Belajar
Javascript untuk Pemula,Dunia Ilkom Dunia Ilmu Komputer
Studi
Kasus,Pembelajaran Berbasis Masalah
1*100 Menit
Memahami
penggunaan fitur-fitur CSS dan Javascript dalam pembuatan website
UAS Angket Mampu memahami (C2)
penggunaan fitur-fitur CSS dan Javascript dalam pembuatan website
8%
