sap.gunadarma.ac.idsap.gunadarma.ac.id/upload/PB-013202.docx · Web viewReview textbook/Jurnal Laporan Lainnya: ..... Referensi / Sumber Belajar Buku Teks : (1) Adhi Rachdian & Andy

RENCANA PEMBELAJARAN SEMESTERPROGRAM STUDI MANAJEMEN INFORMATIKA – FAKULTAS - ILMU KOMPUTER DAN TEKNOLOGI INFORMASI UNIVERSITAS

GUNADARMA

Tanggal Penyusunan 13/09/2017 Tanggal revisi dd/bb/thn

Fakultas Ilmu Komputer dan Teknologi InformasiProgram Studi Manajemen Informatika Kode Prodi: 57401Jenjang D-IIIKode dan Nama MK PB-013202 Pemrograman Berbasis WebSKS dan Semester SKS 2 Semester 4 (Empat)Prasyarat Komunikasi Data dan Jaringan KomputerStatus Mata Kuliah [ ] Wajib [✓] PilihanDosen Pengampu (1) Reza Chandra, SKom., MMSI

(2) Widiastuti, SKom., MMSI

Capaian PembelajaranMata Kuliah

Sikap1. Menunjukkan sikap bertanggungjawab atas pekerjaan di bidang keahliannya secara mandiri.2. Bertanggung jawab secara profesional dan etik terhadap pencapaian hasil kerja kelompok.3. Mengintegrasikan nilai, norma, dan etika akademik.

Keterampilan Umum

1. Mampu memecahkan masalah pekerjaan dengan sifat dan konteks yang sesuai dengan bidang keahlian terapannya berdasarkan pada pemikiran logis, inovatif, dan bertanggung jawab atas hasilnya secara mandiri.

2. Mampu bekerja sama, berkomunikasi, kreatif dan berinovatif dalam pekerjaannya.3. Mampu mendokumentasikan, menyimpan, mengamankan, dan menemukan kembali data untuk menjamin

kesahihan dan mencegah plagiasi.

Pengetahuan

1. Memahami konsep-konsep pemrograman berbasis web meliputi konsep umum dan kecakapan yang dibutuhkan untuk merancang tampilan web, membuat navigasi, menambahkan konten web baik berupa link maupun data, dan mengunggah (meng-hosting) halaman web agar dapat digunakan oleh pengguna.

2. Mengetahui berbagai jenis bahasa pemrograman berbasis web dan menguasai alat desain lain yang digunakan untuk memperindah tampilan web dan mempermudah pengguna untuk memperkaya isi dari halaman web.

Ketrampilan Khusus

1. Mampu menyelesaikan masalah pembuatan desain tampilan web dan menyajikannya dengan baik dan menarik.

2. Mampu menerapkan dasar-dasar pembuatan web.3. Mampu mengkompilasi dan menjalankan web.4. Mampu mendokumentasikan pembuatan web.

Deskripsi Umum Mata Kuliah Pemrograman Berbasis Web merupakan mata kuliah yang membekali pengetahuan dan keterampilan mahasiswa

(Silabus) dalam membuat sebuah web atau situs sesuai dengan konsep pemrograman web. Topik utama dalam mata kuliah ini yaitu 1. Pengenalan Internet, 2. Konsep Pemrograman Berbasis Web, 3. HTML & XHTML, 4. CSS & Web Responsive, 5. JavaScript, 6. XML, 7. PHP & Web Framework, 8. MySQL & NoSQL, 9. Integrasi PHP & MySQL, 10. CMS.

Metode Pembelajaran

1. Ceramah/Kuliah Pakar ✓ 4. Praktik Laboratorium ✓2. Problem Based

Learning/FGD✓ 5. Self-Learning (V-Class) ✓

3. Project Based Learning ✓ 6. Lainnya: .......................... .....Pengalaman Belajar/Tugas

a. Tayangan Presentasi ✓ c. Online exercise/kuiz (V-Class) ✓b. Review textbook/Jurnal d. Laporan ✓e. Lainnya: ..........

Referensi / Sumber Belajar

Buku Teks :(1) Adhi Rachdian & Andy Sikumbang, Mastering CMS dengan Mambo/ Joomla, PT. Elex Media Komputindo, Jakarta, 2005(2) Hall, M.,Core Web Programming, Prentice Hall, 1998(3) Deitel, H.M. et.al., XML How To Program 2/e, Prentice Hall, 2002(4) Bradley, N., The XML Companion 2/e, Addison-Wesley, 2000(5) Bradley, N., The XML Companion, Addison-Wesley, 2000(6) Sebesta, R.W., Programming the World Wide Web, Addison Wesley, 2002(7) Winarno, Edi. Pemrograman Web Berbasis HTML5, PHP, & JavaScript. PT. Elex Media Komputindo, Jakarta, 2014

Lecture Notes/ Slide-Presentation/ Referensi lain yang diperoleh melalui internet:(1) http://en.wikipedia.org/wiki/World_Wide_Web(2) http://id.wikipedia.org/wiki/Web(3) http://html.net(4) http ://php.net(5) http://mysql.com(6) http://w3c.org(7) http://www.press.umich.edu(8) http://www.ilmukomputer.com(9) https://www.w3schools.com/css/(10) https://www.w3schools.com/xml/(11) https://www.w3schools.com/html/html_responsive.asp

https://www.w3schools.com/html/html_responsive.asp

https://www.w3schools.com/xml/

https://www.w3schools.com/css/css_rwd_intro.asp

http://www.ilmukomputer.com/

Minggu Kemampuan Akhir yang Diharapkan

Bahan Kajian (Materi Pelajaran)

Metode/Bentuk Pembelajaran

Waktu Belajar (Menit)

Tugas Sumber Belajar

Deskripsi Kriteria Penilaian

(Indikator)

Bobot Nilai (%)

1 HS : Mahasiswa memahami

konsep internet dan layanan aplikasi internet dan kegunaannya pada kehidupan sehari-hari.

Mahasiswa memahami konsep protokol pada jaringan komputer untuk menghubungkan internet.

Mahasiswa memahami konsep metode pengalamatan dan tata cara penamaan dan bentuk pengalamatan di internet.

Mahasiswa dapat mengimplementasikan konfigurasi internet melalui perangkat yang tersedia.

SS : Mahasiswa mengerjakan

secara mandiri dan bertanggung jawab terhadap hasil tugasnya.

1. Definisi internet2. Protokol3. Layanan aplikasi4. Metode

pengalamatan5. Tata cara

penamaan dan bentuk penamaan di internet

6. Konfigurasi koneksi

1,2(ceramah,

diskusi/FGD)

2 sks x 50 menit

Mahasiswa menggambarkaan konsep internet dalam halam hal layanan, pengalamatan dan pengkonfigurasian internet.

Mahasiswa dapat menjelaskan mengenai konsep internet dan layanan aplikasi internet, protokol untuk layanan internet, tata cara pengalamatan dan bentuk penamaan di internet serta dapat mengkonfigurasi internet.

5% 2,6


konsep web, arsitektur web dan konsep HTTP.

Mahasiswa memahami software client side programming dan server side programming, dapat memilih dan menentukan jenis software web server yang dapat digunakan.

Mahasiswa memahami proses hosting halaman web, proses unggah maupun unduh aplikasi pada web.

SS :

1. Konsep dasar web2. Arsitektur web3. HTTP4. Client side

programming5. Server side

programming6. Web server

software7. Pengenalan web

hosting8. Proses unggah

(upload) aplikasi

1,2(ceramah,

diskusi/FGD)

2 sks x 50 menit

Mahasiswa menggambarkan konsep web dan arsitektur web.

Mahasiswa dapat menjelaskan konsep web dan arsitektur web dan HTTP, dapat membedakan software client side, server side, dan web server programming dan dapat melakukan proses hosting halaman web.

5% 2,6

Mahasiswa mengerjakan secara mandiri dan bertanggung jawab terhadap hasil tugasnya.


konsep HTML dan XHTML. Mahasiswa dapat

memahami perbedaan sintaks HTML dan XHTML.

Mahasiswa dapat mengidentifikasi struktur dokumen HTML, dan menggunakan tag HTML untuk membuat halaman HTML sederhana.



1. Konsep HTML2. Konsep XHTML3. Perbedaan HTML

dan XHTML4. Struktur dokumen

HTML5. Membuat halaman

HTML6. Tag HTML (Text,

List, Hyperlink, Image)

1,2,3(ceramah,

diskusi/FGD Project Based

Learning)

2 sks x 50 menit

Mahasiswa membuat halaman web dengan HTML dan XHTML.

Mahasiswa dapat menjelaskan konsep dan perbedaan antara HTML dan XHMTL.

Mahasiswa mampu membuat halaman HTML sederhana menggunakan tag HTML.

5% 2,6

4 HS : Mahasiswa dapat

memahami konsep HTML5, mengetahui tag, fungsi dan kegunaan, kelebihan dan kekurangan, fitur-fitur yang ada pada HTML5.

Mahasiswa dapat membuat halaman web sederhana menggunakan tag dan fitur yang ada pada HTML5.



1. Sejarah dan perkembangan HTML5

2. Pengertian HTML 5

3. Tag HTML54. Fungsi dan

kegunaan HTML55. Hal-hal baru pada

HTML56. Elemen baru di

HTML57. Atribut baru di

HTML58. Fitur baru pada

HTML59. Kelebihan dan

kelemahan HTML510. Implementasi

1,2,3(ceramah,


Learning)

2 sks x 50 menit

Mahasiswa membuat halaman web sederhana dengan HTML5.

Mahasiswa dapat menjelaskan konsep HTML5, tag, fungsi, kelebihan dan kekurangan serta fitur yang dapat digunakan untuk membuat halaman web sederhana.

10% 7

Microsoft Office User, 13/09/17,

PRAKTEK

HTML5


definisi dan gambaran Frame, Tabel, Form dan Komponen Field pada HTML, metode post dan metode get, dan membuat halaman html interaktif sederhana menggunakan metode tersebut.



1. Frame2. Tabel3. Form dan field

komponen4. Metode Post dan

Get

1,2,3(ceramah,


Learning)

2 sks x 50 menit

Mahasiswa membuat desain sederhana untuk halaman web dinamis.

Mahasiswa dapat menjelaskan dan membuat komponen HTML Frame, Tabel, Form dan Komponen Field.

Mahasiswa dapat menggunakan metode post dan get untuk halaman html interaktif (dinamis)

5% 2, 7


konsep CSS, cara kerja dan properti pada CSS.

Mahasiswa dapat menerapkan penggunaan beberapa properti pada CSS untuk memperindah halaman web.

Mahasiswa dapat menerapkan web responsive yang menyesuaikan dengan resolusi layar.


secara mandiri, kreatifitas dan bertanggung jawab terhadap hasil tugasnya.

1. Konsep CSS2. Cara kerja CSS3. CSS property4. Pengenalan Web

Responsive5. Membuat halaman

Web Responsive

1,2,3(ceramah,


Learning)

2 sks x 50 menit

Mahasiswa membuat tampilan halaman web sederhana menjadi lebih menarik dengan CSS.

Mahasiswa dapat menjelaskan CSS, cara kerja dan properti pada CSS, mengerti aturan yang terdiri dari selector dan blok deklarasi serta dapat menggunakan CSS untuk memperindah halaman web yang dibuat.

5% 2,6


konsep JavaScript dan penggunaannya pada

1. Pengenalan JavaScript

2. Penggunaan JavaScript di HTML

1,2(ceramah,

diskusi/FGD)

2 sks x 50 menit

Mahasiswa membuat program sederhana dengan

Mahasiswa dapat menjelaskan konsep JavaScript dan

5% 2,6,7

halaman HTML serta dapat membedakan antara pemrograman Java dengan JavaScript.

Mahasiswa dapat mengidentifikasi peletakan kode JavaScript pada halaman HTML.

Mahasiswa mampu menyebutkan fungsi dari statement JavaScript, komentar, variable, operator, struktur kendali, function, perulangan, event, try…catch, dan throw.

Mahasiswa mampu membuat program sederhana menggunakan JavaScript.


secara mandiri, mengeluarkan kreatifitas dan bertanggung jawab terhadap hasil tugasnya.

3. Peletakan kode JavaScript dalam HTML

4. JavaScript Statement, komentar, variabel, operator, struktur kendali, function, perulangan, event, try…catch, throw

JavaScript. membuat program sederhana yang dapat berjalan pada halaman HTML.


konsep XML, perbedaan XML dengan HTML , komponen dari aplikasi XML elemen XML dan aturan XML.

Mahasiswa dapat memanfaatkan XML tree, sintak, elemen, validasi dan validator, XML XSLT, XML parser, dan XML DOM.

Mahasiswa dapat menerapkan penggunaan XML untuk sebuah web.

Mahasiswa dapat

1. Konsep XML2. Cara kerja XML3. XML Tree4. XML sintak5. XML elemen6. XML atribut7. XML validasi dan

validator8. Menampilkan file

XML9. Menggunakan CSS

dalam XML10. XML XSLT11. XML parser12. XML DOM13. Menampilkan data

5(Self-Learning/

V-Class-2)

2 sks x 50 menit

Mahasiswa membuat halaman web dengan XML dan menambahkan properti CSS.

Mahasiswa dapat menjelaskan konsep XML, perbedaanya dengan HTML dan dapat menambahkan properti CSS pada halaman web yang menggunakan XML.

10% 2,3,4,5

memodifikasi halaman web situs tersebut dengan menambahkan properti CSS pada file XML.

SS :• Mahasiswa mengerjakan


XML di HTML


konsep PHP, tipe data, konstanta, variabel pada PHP.

Mahasiswa dapat menerapkan dan menghasilkan program yang dapat berjalan pada halaman web menggunakan variabel, konstanta, tipe data dan statement serta kontrol kendali pada PHP.



1. Pengenalan PHP2. Dasar-dasar PHP :

Variabel, konstanta, tipe data dan operator, flow kontrol dan statement

1,2,3(ceramah,

diskusi/FGD, Project Based

Learning)

2 sks x 50 menit

Membuat program sederhana dengan PHP.

Mahasiswa dapat menjelaskan konsep PHP dan membuat program yang dapat dijalankan dengan pada halaman web yang telah dibuat sebelumnya.

10% 4,7


konsep PHP Array dan Perulangan yang digunakan dalam bahasa pemrograman PHP.

Mahasiswa dapat menerapkan pembuatan program sederhana menggunakan array dan

1. Array2. Perulangan

1,2,3(ceramah,


Learning)

2 sks x 50 menit

Mahasiswa membuat program sederhana untuk array dan perulangan.

Mahasiswa dapat menjelaskan dan mendefinisikan contoh tipe data array dan perulangan, serta implementasinya pada program PHP.

5% 4,7

perulangan dalam bahasa pemrograman PHP.




konsep PHP Function, Form, Get dan Post yang digunakan dalam bahasa pemrograman PHP.

Mahasiswa dapat menerapkan pembuatan program sederhana function menggunakan form melalui metode post ataupun get yang digunakan dalam bahasa pemrograman PHP.



1. Function2. Form3. Get dan Post

1,2,3(ceramah,


Learning)

2 sks x 50 menit

Mahasiswa membuat program sederhana untuk function dan form menggunakan metode post dan get.

Mahasiswa dapat menjelaskan dan mendefinisikan Function, Form, Get dan Post serta implementasinya pada program PHP.

5% 4,7


definisi basis data. Mahasiswa memahami

konsep basis data dengan bantuan PHP MyAdmin sebagai alat bantu dan dapat membuat basis data sederhana menggunakan PHP MyAdmin.

Mahasiswa memahami konsep SQL dan dapat

1. Konsep database2. Pengenalan MySQL3. Bahasa SQL dalam

MySQL4. Penggunaan

PHPMyAdmin

1,2,3(ceramah,


Learning)

2 sks x 50 menit

Mahasiswa membuat database sederhana dengan menggunakan PHP MyAdmin.

Mahasiswa dapat menjelaskan konsep basis data, bahasa SQL, dan dapat menyebutkan beberapa perintah pada bahasa SQL serta membuat basis data sederhana menggunakan

10% 5

menerapkan penggunaan perintah-perintah dalam bahasa SQL untuk mengakses basis data.



PHP MyAdmin.


fungsi basis data MySQL pada PHP.

Mahasiswa memahami konsep koneksi antara basis data dengan PHP.

Mahasiswa mampu mengimplementasikan koneksi antara PHP dengan basis data melalui halaman HTML.

Mahasiswa berhasil menampilkan hasil koneksi basis data dengan halaman web.



1. Pengenalan fungsi-fungsi database MySQL di PHP.

2. Input field dalam form HTML ke MySQL dengan PHP.

3. Menampilkan hasil Query dengan HTML dan PHP.

1,2,3(ceramah,


Learning)

2 sks x 50 menit

Mahasiswa membuat program yang terkoneksi dengan database.

Mahasiswa dapat menjelaskan fungsi MySQL pada PHP dan membuat koneksinya sehingga halaman web akan lebih dinamis karena data yang tersimpan dapat sewaktu-waktu dipanggil.

10% 4,5

14 HS : Mahasiswa memahami konsep

Software CMS. terutama pada konten dan

desain serta fasilitas yang ada pada CMS.

Mahasiswa memahami jenis-jenis software CMS yang ada

1. Konsep CMS2. Software CMS

(MAMBO, LIMBO, JOOMLA, PHPNuke)

5(Self-Learning/

V-Class-3)

2 sks x 50 menit

Mahasiswa dapat membuat program dengan menggunakan keseluruhan fungsi yang telah dipelajari.

Mahasiswa dapat menjelaskan konsep CMS, keuntungan, dan software yang dapat digunakan untuk membuat website tanpa

10% 1,6

dan dapat memilih untuk memudahkan membuat halaman web.

Mahasiswa mengimplementasikan software CMS yang sesuai untuk membuat halaman web tanpa menggunakan bahasa skrip.



harus mengerti bahasa skrip.Mahasiswa dapat memasang salah satu software untuk membantu memudahkan pembuatan halaman web.Mahasiswa dapat menunjukkan hasil karya website yang telah dibuat.

DESKRIPSI TUGAS (DT) MATA KULIAH PEMROGRAMAN BERBASIS WEB -PRODI D3 MANAJEMEN INFORMATIKA

Mata Kuliah Pemrograman Berbasis Web

Kode MK

Pb-013202 Dosen Pengampu

Tatap Muka (TM) TM-5,TM-7,TM-13,TM- (3,4,9,10,11,12)

Tugas ke

1,2,3,4 Metode Tugas Tugas soal Essay/PG dan Diskusi (V-Class), Tugas Studi Kasus( Project

Based Learning)

DESKRIPSI TUGAS KE-1


Kode MK Pb-013202

Tatap Muka TM-5 Tugas ke 1 (Satu)-V-Class/Self-Learning(SL)

Tujuan TugasTujuan tugas adalah agar mahasiswa dapat memahami konsep CSS, cara kerja dan properti pada CSS dan Mahasiswa dapat menerapkan penggunaan beberapa properti pada CSS untuk memperindah halaman web

Uraian TugasObjek : Soal tugas diambil dari materi/bahan ajar sesuai dengan TM-5, untuk soal diskusi studi kasus mencari contoh penggunaan CSS diambil dari berbagai sumber atau situs web terkait dengan materi bahan ajar TM-5.

Tugas Mahasiswa: menjawab soal essay/pilihan ganda dan mengerjakan studi kasus sebagai bahan diskusi

Metode/cara pengerjaan tugas: sesuai arahan dan bentuk soal yang diberikan dosen pengampu dapat berupa essay atau pilihan ganda dan panduan V-class.

Deskripsi luaran tugas: Hasil akhir adalah jawaban/hasil diskusi mahasiswa dan disampaikan melalui fitur v-class yang tersedia.



Kode MK Pb-013202

Tatap Muka TM-7 Tugas ke 2(Dua) V-Class/Self-Learning(SL)

Tujuan TugasTujuan tugas adalah agar mahasiswa dapat memahami konsep XML, perbedaan XML dengan HTML , komponen dari aplikasi XML elemen XML dan aturan XML., Mahasiswa dapat memanfaatkan XML tree, sintak, elemen, validasi dan validator, XML XSLT, XML parser, dan XML DOM. Mahasiswa dapat menerapkan penggunaan XML untuk sebuah web dan dapat memodifikasi halaman web situs tersebut dengan menambahkan properti CSS pada file XML.

Uraian TugasObjek : Soal tugas diambil dari materi/bahan ajar sesuai dengan TM-7, untuk soal diskusi studi kasus mencari contoh penggunaan XML untuk sebuah web dan dapat memodifikasi halaman web situs tersebut dengan menambahkan properti CSS pada file XML.diambil dari berbagai sumber atau situs web terkait dengan materi bahan ajar TM-7.Tugas Mahasiswa: menjawab soal essay/pilihan ganda dan mengerjakan studi kasus sebagai bahan diskusi





Kode MK Pb-013202

Tatap Muka TM-13 Tugas ke 3(Tiga) V-Class/Self-Learning(SL)

Tujuan TugasTujuan tugas adalah agar mahasiswa dapat memahami konsep Software CMS terutama pada konten dan desain serta fasilitas yang ada pada CMS, memahami jenis-jenis software CMS yang ada dan dapat memilih untuk memudahkan membuat halaman web dan Mahasiswa mengimplementasikan software CMS yang sesuai untuk membuat halaman web tanpa menggunakan bahasa skrip.

Objek : Soal tugas diambil dari materi/bahan ajar sesuai dengan TM-13, untuk soal diskusi studi kasus mencari contoh jenis-

Uraian Tugas jenis software CMS yang ada dan Mahasiswa mengimplementasikan software CMS yang sesuai untuk membuat halaman web tanpa menggunakan bahasa skrip.diambil dari berbagai sumber atau situs web terkait dengan materi bahan ajar TM-13.Tugas Mahasiswa: menjawab soal essay/pilihan ganda dan mengerjakan studi kasus sebagai bahan diskusi





Kode MK Pb-013202

Tatap Muka TM-3,4,9,10,11,12 Tugas ke

4(Empat) -Project Based Learning

Tujuan TugasTujuan tugas adalah agar mahasiswa dapat memahami konsep html, php dan mysql dan mampu menghasilkan web dengan database dan dipublish ke internet

Uraian TugasObjek : Mahasiswa dapat memilih objek perusahaan tertentu, dengan melakukan studi lapangan ke perusahaan tersebut untuk menganalisa kebutuhan web pada perusahaan tsb.Tugas Mahasiswa: melakukan tahapan pengembangan membangun web dengan dibantu alat yang ada (html, php dan mysql) dan Membuat laporan kelompok secara tertulis, Perhatikan sisi estetika dari web dan Informasi yang disajikan dalam web

Metode/cara pengerjaan tugas: sesuai arahan dan standar pelaporan yang disampaikan oleh Dosen.

Deskripsi luaran tugas: Hasil akhir adalah laporan tugas kelompok

sap.gunadarma.ac.idsap.gunadarma.ac.id/upload/PB-013202.docx · Web viewReview textbook/Jurnal Laporan Lainnya: ..... Referensi / Sumber Belajar Buku Teks : (1) Adhi Rachdian & Andy

Documents