TIF16085P -RPS- Prak. Aplikasi Berbasis Web I

(1)

RENCANA PEMBELAJARAN SEMESTER (RPS)

MATA KULIAH

Prak. Aplikasi Berbasis Web I ( TIF16085P )

PROGRAM STUDI TEKNIK INFORMATIKA FAKULTAS TEKNIK

UNIVERSITAS MEDAN AREA

2021

(2)

Mahasiswa mampu mempraktikkan Struktur Dan Tag Html5 (minggu ke 1)

Mahasiswa mampu mempraktikkan Navigasi Link, List Dan Gambar (minggu ke 2)

Mahasiswa mampu mempraktikkan Form, Table Dan Iframe Html (minggu ke 3)

Mahasiswa mampu mempraktikkan Cascading Style Sheets (Css) (minggu ke 4)

Mahasiswa mampu mempraktikkan Javascript Dan Jquery Framework (minggu ke 5)

Mahasiswa mampu mempraktikkan Layout Web & Bootstrap Css Framework (minggu ke 6)

Mahasiswa mampu mempraktikkan Php Programming, Session & Security (minggu ke 7)

Mahasiswa mampu mempraktikkan Php Database & Crud (minggu ke 8)

Mahasiswa mampu mempraktikkan Ajax & Api Json, Xml (minggu ke 9)

Mahasiswa mampu mempraktikkan Datatables & Chart Plugin (minggu ke 10)

CPMK

1. Mahasiswa mampu mempraktikkan Struktur Dan Tag Html5 2. Mahasiswa mampu mempraktikkan Navigasi Link, List Dan Gambar 3. Mahasiswa mampu mempraktikkan Form, Table Dan Iframe Html 4. Mahasiswa mampu mempraktikkan Cascading Style Sheets (Css) 5. Mahasiswa mampu mempraktikkan Javascript Dan Jquery Framework 6. Mahasiswa mampu mempraktikkan Layout Web & Bootstrap Css Framework 7. Mahasiswa mampu mempraktikkan Php Programming, Session & Security 8. Mahasiswa mampu mempraktikkan Php Database & Crud

9. Mahasiswa mampu mempraktikkan Ajax & Api Json, Xml 10. Mahasiswa mampu mempraktikkan Datatables & Chart Plugin

Gambar : Analisis Instruksional mata kuliah Prak. Aplikasi Berbasis Web I

(3)

UNIVERSITAS MEDAN AREA FAKULTAS TEKNIK

PROGRAM STUDI TEKNIK INFORMATIKA RENCANA PEMBELAJARAN SEMESTER (RPS)

Nama Matakuliah Kode Matakuliah Bobot

(sks)

Semester Tgl Penyusunan

Prak. Aplikasi Berbasis Web I TIF16085P 1 V 10-09-2021

Otorisasi / Pengesahan Pengembang RPS Koordinator RMK Ketua Program Studi

Tim KDBK MK Prodi Informatika Rizki Muliono, S.Kom, M.Kom Rizki Muliono, S.Kom, M.Kom

Capaian Pembelajaran (CP) CPL-PRODI yang dibebankan pada MK

1. Menginternalisasi nilai, norma, dan etika akademik; (S9).

2. Menunjukkan sikap bertanggungjawab atas pekerjaan di bidang keahliannya secara mandiri; (S10).

3. Mampu merencanakan dan menyelesaikan tugas di dalam batasan-batasan yang ada, dan mengevaluasi hasilnya secara sistematis. (KU12).

4. Mampu menganalisa, merancang dan membangun sistem informasi/perangkat lunak serta sistem cerdas pada platform tertentu, dengan memperhatikan aspek-aspek rekayasa perangkat lunak, keamanan, dan kenyamanan pengguna serta penjaminan kualitas perangkat lunak baik secara teknis dan manajerial. (KK1).

5. Mampu mendokumentasikan dan melakukan penjaminan mutu pada setiap proses pengembangan, penggunaan, modifikasi, pemeliharaan dan keamanan produk TIK menggunakan standar yang berlaku. (KK4).

6. Mampu menguasai konsep teoritis di bidang Informatika, khususnya di bidang teori komputasi, jaringan komputer, teknologi web, teknologi mobile, sistem informasi, dan basis data; (P4).

S9,S10,KU12,KK1,KK4,P4

Capaian Pembelajaran Mata Kuliah (CPMK)

1. Mahasiswa mampu mempraktikkan Struktur Dan Tag Html5 2. Mahasiswa mampu mempraktikkan Navigasi Link, List Dan Gambar 3. Mahasiswa mampu mempraktikkan Form, Table Dan Iframe Html 4. Mahasiswa mampu mempraktikkan Cascading Style Sheets (Css) 5. Mahasiswa mampu mempraktikkan Javascript Dan Jquery Framework 6. Mahasiswa mampu mempraktikkan Layout Web & Bootstrap Css Framework 7. Mahasiswa mampu mempraktikkan Php Programming, Session & Security 8. Mahasiswa mampu mempraktikkan Php Database & Crud

9. Mahasiswa mampu mempraktikkan Ajax & Api Json, Xml 10. Mahasiswa mampu mempraktikkan Datatables & Chart Plugin Korelasi CPMK Terhadap Sub-CPMK

(4)

Sub-CPMK1 Sub-CPMK2 Sub-CPMK3 Sub-CPMK4 Sub-CPMK5 Sub-CPMK6 Sub-CPMK7 Sub-CPMK8 Sub-CPMK9

CPMK 1 V

CPMK 2 V

CPMK 3 V

CPMK 4 V

CPMK 5 V

CPMK 6 V

CPMK 7 V

CPMK 8

CPMK 9 V

CPMK 10 V

Deskripsi Singkat MK Mata kuliah ini diajarkan untuk mencapai kompetensi pembuatan dan pengembangan aplikasi berbasis web melalui pemahaman Struktur Dan Tag Html5, Navigasi Link, List Dan Gambar, Form, Table Dan Iframe Html, Cascading Style Sheets (Css), Javascript Dan Jquery Framework, Layout Web & Bootstrap Css Framework, Php Programming, Session & Security, Php Database & Crud, Ajax & Api Json, Xml, Datatables & Chart Plugin

Bahan Kajian /Materi Pembelajaran • Tag Html5,

• Navigasi Link, List Dan Gambar, • Form, Table Dan Iframe Html, • Cascading Style Sheets (Css), • Javascript Dan Jquery Framework, • Layout Web & Bootstrap Css Framework, • Php Programming, Session & Security, • Php Database & Crud,

• Ajax & Api Json, Xml, • Datatables JS

• Chart Plugin

Daftar Referensi/Pustaka 1. Pemrograman Web Dengan HTML Revisi Keempat, Betha sidik, Ir., Husni I. Pohan, Ir., M.Eng., Penerbit Informatika Bandung, Juni 2012 2. Learning Web Design 4th Edition, Jennifer Niederst Robbins, Penerbit O'Reilly Media, Inc.: Kanada, 2012

3. Easy & Simple - Web Programming,Rohi Abdulloh,Elex Media Komputindo, 2016.

4. Web Programming (Client Side and Server Side), Fitri Marisa, Deepublish, 2017.

5. Web Programming with HTML5, CSS, and JavaScript, Dean, Jones & Bartlett Learning, 2018.

6. WEB PROGRAMMING. N.p., Lakunti Design, 2020.

7. Lip Phang, Chong. Mastering Front-End Web Development: 14 Books in 1. Introducing 200+ Extensions. An Advanced Guide.. N.p., Amazon Digital Services LLC - KDP Print US, 2020.

Dosen Pengampuh Rizki Muliono, S.Kom, M.Kom

Mata kuliah prasyarat (Jika ada) Dasar Rekayasa Perangkat Lunak, Basisdata

(5)

Minggu ke-

Sub-CPMK (Kemampuan akhir yg

direncanakan)

Penilaian Bentuk Pembelajaran; Metode Pembelajaran; Penugasan [Estimasi Waktu]

Materi Ajar Bobot Penilaian

Indikator Kriteria Teknik Metode Luring Metode Daring %

(1) (2) (3) (4) (5) (6) (7) (8)

1 Mahasiswa mampu

mempraktikkan Struktur Dan Tag Html5

Indikator : Dapat mempraktikkan Penulisan Tag HTML5

Kriteria penilaian :

Kesesuaian Tampilan dengan Modul

Bentuk penilaian : Hasil kesesuaian kode dan hasil tampilan

Ceramah Praktikum Menyelsaikan Tugas pada Modul 1

[120 Mnt]

https://elearning.uma.ac.id/cou rse/index.php?categoryid=448 1

1. Sturktur HTML 2. Tag HTML5 [PUSTAKA:]

1. Web Programming with HTML5, CSS, and JavaScript, Dean, Jones

& Bartlett Learning, 2018.

2. WEB PROGRAMMING.

N.p., Lakunti Design, 2020.

3. Learning Web Design 4th Edition, Jennifer Niederst Robbins, Penerbit O'Reilly Media, Inc.:

Kanada, 2012 4. Easy & Simple - Web

Programming,Rohi Abdulloh,Elex Media Komputindo, 2016.

10

(6)

Minggu ke-

direncanakan)

(1) (2) (3) (4) (5) (6) (7) (8)

2 Mahasiswa mampu mempraktikkan Navigasi Link, List Dan Gambar

Indikator : - Dapat mempraktikkan pembuatan Naviagasi, List dan ImageTag

Kriteria penilaian :Kesesuaian Tampilan denganModul Bentuk penilaian : Hasil kesesuaian kode dan hasil tampilan

[120 Mnt]

1. Navigasi 2. Link 3. List 4. Image [PUSTAKA:]

1. Web Programming with HTML5, CSS, and JavaScript, Dean, Jones&

Bartlett Learning, 2018.

2. WEB PROGRAMMING.

3. Learning Web Design 4th Edition, Jennifer Niederst Robbins, PenerbitO'Reilly Media, Inc.:Kanada, 2012 4. Easy & Simple - Web

10

(7)

Minggu ke-

direncanakan)

(1) (2) (3) (4) (5) (6) (7) (8)

3 Mahasiswa mampu mempraktikkan Form, Table Dan Iframe Html

Indikator : - Dapat

mempraktikkan pengkodean Form, Table & Iframe

[120 Mnt]

1. Form 2. Table 3. Iframe [PUSTAKA:]

2. WEB PROGRAMMING.

10

(8)

Minggu ke-

direncanakan)

(1) (2) (3) (4) (5) (6) (7) (8)

4 Mahasiswa mampu mempraktikkan Cascading Style Sheets (Css)

Indikator : - Dapat mempraktikkan CSS pada halaman HTML web

[120 Mnt]

1. Cascading Style Sheets (Css)

[PUSTAKA:]

2. WEB PROGRAMMING.

5. Web Programming(Client Side and ServerSide), Fitri Marisa, Deepublish, 2017.

10

(9)

Minggu ke-

direncanakan)

(1) (2) (3) (4) (5) (6) (7) (8)

5 Mahasiswa mampu mempraktikkan Javascript Dan Jquery Framework

Indikator : - Dapat mempraktikkan Syntax JavaScript - JqueryFramework

Kriteria penilaian :Kesesuaian Tampilan denganModul Bentuk penilaian :Hasil kesesuaian kode danhasil tampilan

[120 Mnt]

1. Javascript 2. Jquery Framework [PUSTAKA:]

2. WEB PROGRAMMING.

5. Web Programming(Client Side and Server Side), Fitri Marisa, Deepublish, 2017.

10

(10)

Minggu ke-

direncanakan)

(1) (2) (3) (4) (5) (6) (7) (8)

6 Mahasiswa mampu mempraktikkan Layout Web

& Bootstrap Css Framework

Indikator :

- Dapat mempraktikkan Kode Web Layout

- Boostrap Code

[120 Mnt]

1. Layout Web 2. Bootstrap 3. Css Framework [PUSTAKA:]

2. WEB PROGRAMMING.

10

(11)

Minggu ke-

direncanakan)

(1) (2) (3) (4) (5) (6) (7) (8)

7 Mahasiswa mampu mempraktikkan Php Programming, Session &

Security

Indikator :

- Dapat mempraktikkan PHP Syntax

- Session dan Security

[120 Mnt]

1. Php Programming 2. Session & Security [PUSTAKA:]

2. WEB PROGRAMMING.

10

(12)

Minggu ke-

direncanakan)

(1) (2) (3) (4) (5) (6) (7) (8)

8 Mahasiswa mampu

mempraktikkan Php Database

& Crud

Indikator :

- Dapat mempraktikkan PHP Database

- Operasi CRUD

[120 Mnt]

1. PHP Database 2. CRUD Operation [PUSTAKA:]

2. WEB PROGRAMMING.

10

(13)

Minggu ke-

direncanakan)

(1) (2) (3) (4) (5) (6) (7) (8)

9 Mahasiswa mampu mempraktikkan Ajax & Api Json, Xml

Indikator : Dapat

mempraktikkan Ajax dan API Json

[120 Mnt]

1. Ajax

2. Api Json, Xml [PUSTAKA:]

2. WEB PROGRAMMING.

10

(14)

Minggu ke-

direncanakan)

(1) (2) (3) (4) (5) (6) (7) (8)

10 Mahasiswa mampu

mempraktikkan Datatables &

Chart Plugin

Indikator : - Dapat

mempraktikkan Datatable JS

& Chart - Laporan Akhir Praktikum

Kriteria penilaian :Kesesuaian LaporanPraktikum

Bentuk penilaian : Hasil kesesuaian kode dan hasil tampilan

Ceramah Praktikum Menyelsaikan Tugas pada Modul 10 & Pengumpulan Final Project

[120 Mnt]

1. Datatables JS 2. Chart Plugin [PUSTAKA:]

2. WEB PROGRAMMING.

10

(15)

Catatan :

1. Capaian Pembelajaran Lulusan PRODI (CPL-PRODI) adalah kemampuan yang dimiliki oleh setiap lulusan PRODI yang merupakan internalisasi dari sikap, penguasaan pengetahuan dan ketrampilan sesuai dengan jenjang prodinya yang diperoleh melalui proses pembelajaran.

2. CPL yang dibebankan pada mata kuliah adalah beberapa capaian pembelajaran lulusan program studi (CPL-PRODI) yang digunakan untuk pembentukan/pengembangan sebuah mata kuliah yang terdiri dari aspek sikap, ketrampulan umum, ketrampilan khusus dan pengetahuan.

3. CP Mata kuliah (CPMK) adalah kemampuan yang dijabarkan secara spesifik dari CPL yang dibebankan pada mata kuliah, dan bersifat spesifik terhadap bahan kajian atau materi pembelajaran mata kuliah tersebut.

4. Sub-CP Mata kuliah (Sub-CPMK) adalah kemampuan yang dijabarkan secara spesifik dari CPMK yang dapat diukur atau diamati dan merupakan kemampuan akhir yang direncanakan pada tiap tahap pembelajaran, dan bersifat spesifik terhadap materi pembelajaran mata kuliah tersebut.

5. Indikator penilaian kemampuan dalam proses maupun hasil belajar mahasiswa adalah pernyataan spesifik dan terukur yang mengidentifikasi kemampuan atau kinerja hasil belajar mahasiswa yang disertai bukti-bukti.

6. Kreteria Penilaian adalah patokan yang digunakan sebagai ukuran atau tolok ukur ketercapaian pembelajaran dalam penilaian berdasarkan indikator-indikator yang telah ditetapkan. Kreteria penilaian merupakan pedoman bagi penilai agar penilaian konsisten dan tidak bias. Kreteria dapat berupa kuantitatif ataupun kualitatif.

7. Bentuk penilaian: tes dan non-tes.

8. Bentuk pembelajaran: Kuliah, Responsi, Tutorial, Seminar atau yang setara,Praktikum, Praktik Studio, Praktik Bengkel, Praktik Lapangan, Penelitian, Pengabdian Kepada Masyarakat dan/atau bentuk pembelajaran lain yang setara.

9. Metode Pembelajaran: Small Group Discussion, Role-Play & Simulation, Discovery Learning, Self-Directed Learning, Cooperative Learning, Collaborative Learning, Contextual Learning, Project Based Learning, dan metode lainnya ygsetara. SCL (pilih dari 10 atau lebih bentuk SCL yg akan digunakan), dalam 1 CPMK dapat lebih dari 1 metod.

10. Materi Pembelajaran adalah rincian atau uraian dari bahan kajian yg dapat disajikan dalam bentuk beberapa pokok dan sub-pokok bahasan.

11. Bobot penilaian adalah prosentasi penilaian terhadap setiap pencapaian sub- CPMK yang besarnya proposional dengan tingkat kesulitan pencapaian sub- CPMK tsb., dan totalnya 100%.

12. TM=Tatap Muka, PT=Penugasan terstruktur, BM=Belajar mandiri, P=Proses Belajar, KM=kegiatan Mandiri.