.::TOWARD green CAMPUS GL POLTEKBA::.

Email Pengembang RPS:danar.retno@poltekba.ac.id

Generated by SPMI apps :@May 9, 2025, 1:13 am Form. Code: FRM/AK/08.133.0

JURUSAN TEKNIK ELEKTRO

PROGRAM STUDI TEKNIK ELEKTRONIKA

RENCANA PEMBELAJARAN SEMESTER (RPS) T.A 2022/2023

MATA KULIAH

KODE

BOBOT SKS

JAM/SMT

SEMESTER

TANGGAL PENYUSUNAN

T

P

TOTAL

Desain Web

TE210719

1

1

2

56

3

15-01-2023

OTORISASI

DOSEN PENGEMBANG RPS

KETUA PROGRAM STUDI

Scan QR untuk Akses Dokumen ini

Danar Retno Sari

Qory Hidayati S.T., M.T.

NIP/NIK.

NIP/NIK. 198611142019032014

Capaian Pembelajaran (CPL)

CPL - PRODI

SIKAP
(S-9) Menunjukan sikap bertanggung jawab atas pekerjaan di bidang keahlian secara mandiri
(S-10) Menginternalisasi semangat kemadirian, kejuangan dan kewirausahaan

PENGETAHUAN
(P-3) Menguasai pengetahuan tentang perangkat pemrograman, simulasi dan penggunaan teknologi informasi untuk rekayasa dan penyelesaian pekerjaan bidang instrumentasi dan sistem kendali
(P-6) Menguasai pengetahuan tentang tata cara komunikasi dengan pihak lain dengan memperhatikan etika komunikasi

KETRAMPILAN UMUM

 
(KU-4) Mampu menyusun laporan hasil dan proses kerja secara akurat dan sahih serta mengomunikasikannya secara efektif kepada pihak lain yang membutuhkan
(KU-5) Mampu bekerja sama, berkomunikasi, dan berinovatif pada bidang instrumentasi dan sistema kendali

KETERAMPILAN KHUSUS
(KK-7) Mampu melaksanakan perancangan/membuat rancangan baru, menguji dan memodifikasi rangkaian elektronika
(KK-8) Mampu mengintegrasikan sistem kendali dengan menggunakan komunikasi kabel dan atau nirkabel

Capaian Mata Kuliah (CP-MK)

CP - MK
(CPMK-1)Menguasai pengetahuan tentang perangkat pemrograman, simulasi dan penggunaan TI serta bekerjasama, berkomunikasi dan berinovatif merancang rancangan antar muka (P3, KU5, KK7)
(CPMK-2)Menguasai pengetahuan tentang cara komunikasi dengan pihak lain dengan memperhatikan etika komunikasi, menyusun laporan hasil dan proses kerja secara akurat, dengan meninternalisasi semangat kemandirian dan kejuangan serta kewirausahaan (P-6. KU-4, S-10))
(CPMK-3)Mampu mengintegrasikan sistem kendali dengan menggunakan komunikasi kabel dan atau nirkabel dan menunjukkan sikab bertanggung jawab atas pekerjaan secara mandiri ( KK-8, S-10)

KEMAMPUAN AKHIR SETIAP PERTEMUAN (Sub-CPMK)
Mampu memahami produk dan prototype rancangan desain aplikasi WEB (CPMK-1, CPMK-2))
Mampu membuat rancangan desain aplikasi WEB (CPMK-1)
Mampu memahami konsep pemrograman XHTML (CPMK-1)
Mampu mengimplementasikan bahasa pemrograman XHTML pada kasus/proyek tertentu (CPMK-3)
Mampu memahami konsep pemrograman JavaScript dan Jquery(CPMK-1)
Mampu menggunakan Javascript dan JQuery pada kasus/proyek tertentu (CPMK1,CPMK-3)
Mampu memahami konsep dan komponen framework Bootstrap (CPMK1,CPMK2)
Mampu mengimplementasikan komponen bootstrap pada kasus/proyek tertentu (CPMK-3)
Mampu dan memahami cara deployment dan hosting desain aplikasi web (CPMK-3)
Mampu memahami dan menggunakan CSS untuk kostumisasi desain web (CPMK-1, CPMK2)

Deskripsi Mata Kuliah

 Matakuliah desain web mempelajari dan memahami secara praktikal konsep fundamental desain web melalui CSS dan XHTML yang dapat di implementasikan pada framework Bootstrap. Sehingga menjadi sebuah tampilan web yang lebih responsive dan dinamis..

Materi Pembelajaran/ Pokok Bahasan

XHTML
CSS
Javascript
JQuery
Bootstrap

Pustaka

Pustaka Utama:

  • Powers, David, 2012. Beggining CSS3, Apress. 
  • Robbins,Jennifer, 2012, Learning Web Design fourth edition, O’Reily Media, Inc. 
  • York,Richard and Pouncy,Ian, 2011,Beggining CSS: Cascading Style Sheet for Web Design, Willey Publishing,Inc
  • Lambert, Mart, 2016, Learning Bootstrap 4-second edition, Packt Publising


Pendukung : 

http://www.w3schools.com/ 

Media Pembelajaran

Modul, LCD, proyektor, laptop, whiteboard, spidol warna (hitam, merah dan biru),dan alat tulis, internet

Dosen Pengampu

Danar Retno Sari,

 

 

Mata Kuliah

Desain Web

Kode Mata Kuliah

TE210719

 

 

 

Minggu ke-

Sub CP-MK (sebagai kemampuan akhir yang diharapkan)

Indikator

Kriteria & Bentuk Penilaian

Metode Pembelajaran (Estimasi Waktu)

Materi Pembelajaran (Pustaka)

Bobot Penilaian (%)

1

2

3

4

5

6

7
1

 Mampu memahami produk dan prototype rancangan desain aplikasi WEB (CPMK-1, CPMK-2))

Mahasiswa dapat menentukan tema proyek Akhir yang akan dibuat

-    Pemilihan Tema Proyek yang tepat
-    keaktifan
 
  1. Ceramah dan Diskusi : (TM: 2x50')
  2. Kegiatan belajar mandiri (BM: 1x50')
  3. Kegiatan Terstruktur (BT: 1x50')
  1. Kontrak perkuliahan
  2. RPS
  3. Prototype contoh desain web pada bidang-bidang pekerjaan
  4. Tema Proyek akhir


 


Pustaka :

www.w3shcool.com

5
2,3

 Mampu memahami konsep pemrograman XHTML (CPMK-1)

Mahasiswa dapat memahami konsep pemrograman XHTML dan memilih ide kegiatan yang perlu dilakukan untuk di implementasikan pada proyek yang dipilih

-    ide kegiatan yang disusun untuk merancang desain web
-    keaktifan
 
  1. Ceramah dan Diskusi : (TM: 2x50')
  2. Kegiatan belajar mandiri (BM: 1x50')
  3. Kegiatan Terstruktur (BT: 1x50')
  1. -    XHTML Basic
  2. -    XHTML Element
  3. -    XHTML Attribute
  4. -    XHTML Link
  5. -    XHTML List
  6. -     XHTML Form
  7. -    XHTML Tabel
  8. -   XHTML Style

-

5

Mampu memahami konsep pemrograman XHTML (CPMK-1)

Mahasiswa dapat memahami konsep pemrograman XHTML dan memilih ide kegiatan yang perlu dilakukan untuk di implementasikan pada proyek yang dipilih

i- de kegiatan yang disusun untuk merancang desain web
- keaktifan
 
  1. Ceramah dan Diskusi : (TM: 2x50')
  2. Kegiatan belajar mandiri (BM: 1x50')
  3. Kegiatan Terstruktur (BT: 1x50')
  1. -    XHTML Basic
  2. -    XHTML Element
  3. -    XHTML Attribute
  4. -    XHTML Link
  5. -    XHTML List
  6. -     XHTML Form
  7. -    XHTML Tabel
  8. -   XHTML Style

-

5
4

 Mampu mengimplementasikan bahasa pemrograman XHTML pada kasus/proyek tertentu (CPMK-3)

Mahasiswa dapat mengimplementasikan XHTML pada kasus/proyek tertentu
  1.     ketepatan menggunakan komponen XHTML pada kasus/proyek tertentu
  2. -   keaktifan

 
  1. Ceramah dan Diskusi : (TM: 2x50')
  2. Kegiatan belajar mandiri (BM: 1x50')
  3. Kegiatan Terstruktur (BT: 1x50')

Komponen CSS


-

5
5,6

 Mampu memahami konsep pemrograman JavaScript dan Jquery(CPMK-1)

Mahasiswa mampu memahami konsep pemrograman Javascript dan JQuery

 

  1.     ketepatan menggunakan komponen Javascript dan Jquery pada kasus/proyek tertentu
  2. -   keaktifan

 
  1. Ceramah dan Diskusi : (TM: 2x50')
  2. Kegiatan belajar mandiri (BM: 1x50')
  3. Kegiatan Terstruktur (BT: 1x50')
  1. JavaScript
  2. Jquery

-

3

Mampu memahami konsep pemrograman JavaScript dan Jquery(CPMK-1)

Mahasiswa mampu memahami konsep pemrograman Javascript dan JQuery
  1. ketepatan menggunakan komponen Javascript dan Jquery pada kasus/proyek tertentu
  2. keaktifan
  1. Ceramah dan Diskusi : (TM: 2x50 menit)
  2. Kegiatan belajar mandiri (BM: 1x50 menit)
  3. Kegiatan Terstruktur (BT: 1x50 menit)
     
  1. JavaScript
  2. Jquery

-

2
7

 Mampu menggunakan Javascript dan JQuery pada kasus/proyek tertentu (CPMK1,CPMK-3)

Mahasiswa mampu menggunakan Javascript dan JQuery pada 
  1.     ketepatan menggunakan komponen Javascript dan Jquery pada kasus/proyek tertentu
  2.     keaktifan
  1. Ceramah dan Diskusi : (TM: 2x50')
  2. Kegiatan belajar mandiri (BM: 1x50')
  3. Kegiatan Terstruktur (BT: 1x50')
  1. JavaScript
  2. Jquery

-

5

8

UTS : Ujian Tengah Semester

15
9,10,11

 Mampu memahami konsep dan komponen framework Bootstrap (CPMK1,CPMK2)

Mahasiswa mampu memahami konsep dan komponen Bootstrap 
  1.     ketepatan memahami konsep dan komponen bootstrap
  2.    keaktifan

 
  1. Ceramah dan Diskusi : (TM: 2x50')
  2. Kegiatan belajar mandiri (BM: 1x50')
  3. Kegiatan Terstruktur (BT: 1x50')

Framework Bootstrap :

-    Pengenalan fungsi Bootsrap
-    Bootstrap layout
-    Bootstrap Content : typography, code, tables

-    Boostrap Grid

Bootstrap Component : 
-    Alert
-    Dropdown
-    Carousel
-    Modal
-    Navbar
-    Form
-    Popover
-    Tootip
-    Image
-    embed


 


-

5

Mampu memahami konsep dan komponen framework Bootstrap (CPMK1,CPMK2)

Mahasiswa mampu memahami konsep dan komponen Bootstrap 
  1. ketepatan memahami konsep dan komponen bootstrap
  2.  keaktifan

Ceramah dan Diskusi : (TM: 2x50')
Kegiatan belajar mandiri (BM: 1x50')
Kegiatan Terstruktur (BT: 1x50')
 

Framework Bootstrap :

-    Pengenalan fungsi Bootsrap
-    Bootstrap layout
-    Bootstrap Content : typography, code, tables
-    Boostrap Grid

Bootstrap Component : 
-    Alert
-    Dropdown
-    Carousel
-    Modal
-    Navbar
-    Form
-    Popover
-    Tootip
-    Image
-    embed


-

5

Mampu memahami konsep dan komponen framework Bootstrap (CPMK1,CPMK2)

Mahasiswa mampu memahami konsep dan komponen Bootstrap 
  1. ketepatan memahami konsep dan komponen bootstrap
  2. keaktifan

Ceramah dan Diskusi : (TM: 2x50 menit)
Kegiatan belajar mandiri (BM: 1x50 menit)
Kegiatan Terstruktur (BT: 1x50 menit)
 

Framework Bootstrap :

-    Pengenalan fungsi Bootsrap
-    Bootstrap layout
-    Bootstrap Content : typography, code, tables
-    Boostrap Grid

Bootstrap Component : 
-    Alert
-    Dropdown
-    Carousel
-    Modal
-    Navbar
-    Form
-    Popover
-    Tootip
-    Image
-    embed


-

5
12,13,14

 Mampu mengimplementasikan komponen bootstrap pada kasus/proyek tertentu (CPMK-3)

Mahasiswa mampu meimplentasikan komponen bootstrap pada kasus/proyek yang dipilih 
  1.    ketepatan menggunkaan komponen bootstrap
  2.    keaktifan

 
  1. Ceramah dan Diskusi : (TM: 2x50')
  2. Kegiatan belajar mandiri (BM: 1x50')
  3. Kegiatan Terstruktur (BT: 1x50')

Framework Bootstrap :

-    Pengenalan fungsi Bootsrap
-    Bootstrap layout
-    Bootstrap Content : typography, code, tables

-    Boostrap Grid

Bootstrap Component : 
-    Alert
-    Dropdown
-    Carousel
-    Modal
-    Navbar
-    Form
-    Popover
-    Tootip
-    Image
-    embed


-

5

Mampu mengimplementasikan komponen bootstrap pada kasus/proyek tertentu (CPMK-3)

Mahasiswa mampu meimplentasikan komponen bootstrap pada kasus/proyek yang dipilih 
 
  1. ketepatan menggunkaan komponen bootstrap
  2. keaktifan
  1. Ceramah dan Diskusi : (TM: 2x50 menit)
  2. Kegiatan belajar mandiri (BM: 1x50 menit)
  3. Kegiatan Terstruktur (BT: 1x50 menit)

Bootstrap Component : 
-    Alert
-    Dropdown
-    Carousel
-    Modal
-    Navbar
-    Form
-    Popover
-    Tootip
-    Image
-    embed


-

5

Mampu mengimplementasikan komponen bootstrap pada kasus/proyek tertentu (CPMK-3)

Mahasiswa mampu meimplentasikan komponen bootstrap pada kasus/proyek yang dipilih 
 
  1.   ketepatan menggunkaan komponen bootstrap
  2.   keaktifan
     
  1. Ceramah dan Diskusi : (TM: 2x50 menit)
  2. Kegiatan belajar mandiri (BM: 1x50 menit)
  3. Kegiatan Terstruktur (BT: 1x50 menit)
     

Bootstrap Component : 
-    Alert
-    Dropdown
-    Carousel
-    Modal
-    Navbar
-    Form
-    Popover
-    Tootip
-    Image
-    embed
 

5
15

 Mampu dan memahami cara deployment dan hosting desain aplikasi web (CPMK-3)

Mahasiswa dapat melakukan deployment dan hosting desain aplikasi web yang telah dibuat
  1.    keberhasilan melakukan deployment dan hosting aplikasi web
  2.     keaktifan
  1. Ceramah dan Diskusi : (TM: 2x50')
  2. Kegiatan belajar mandiri (BM: 1x50')
  3. Kegiatan Terstruktur (BT: 1x50')
  1. deployment
  2. hoting

-

5

16

UAS : Ujian Akhir Semester

20

.::TOWARD green CAMPUS GL POLTEKBA::.

 

Tentang Pengembang

 
Danar Retno Sari lahir di Balikpapan pada tanggal
Jabatan fungsional Asisten Ahli Jurusan TEKNIK ELEKTRO Program Studi Teknik Elektronika

Info Detil