silabus a. identitas matakuliahti.ft.unmuhjember.ac.id/images/kurikulum/23-pemrograman-web.pdfsample...

SILABUS

A. IDENTITAS MATAKULIAH Program Studi Teknik Informatika

Nama Matakuliah (MK) Pemrograman Berbasis Web

Direvisi:

Kode/Bobot MK MJU.TIK-011 / 4

Semester 4

MK Prasyarat (jika ada) -

Pengampu 1. Victor Wahanggara, M.Kom 2. Triawan Adi Cahyanto, M.Kom

CAPAIAN PEMBELAJARAN (CP)

DESKRIPSI MATAKULIAH:

Mata Kuliah Pemrograman Berbasis Web merupakan bidang keilmuan yang mempelajari mengenai konsep cara membuat program menggunakan bahasa pemrograman berplatform World Wide Web. Secara konsep menyeluruh pembuatan program berbasis web dikenal dengan istilah Full Stack Development. Full stack development merupakan gabungan beberapa komponen yaitu Back-end dan front-End. Dikarenakan proses pembuatan program berbasis web sangatlah kompleks maka

No Capaian Pembelajaran Program Studi Capaian Pembelajaran MK

S1 Bertakwa kepada Tuhan Yang Maha Esa

1. Mahasiswa memiliki pemahaman perkembangan teknologi web, konsep pengembangan web ( Full Stack Development: Front-End dan Back-End ).

2. Mahasiswa mampu menguasai pemrograman Front-End (HTML 5, CSS Framework, Javascript, AJAX).

3. Mampu menguasai aplikasi bantu dalam pengembangan web (Git, Gulp, Composer, dsb).

4. Mahasiswa mampu menguasai bahasa pemrograman Back-End (PHP, Slim Framework).

5. Mampu mengimplementasikan Full-Stack Development dalam bentuk aplikasi web.

6. Mampu mengolah data dari berbagai sumber data (XML, JSON dan Database).

7. Mampu melakukan integrasi data dengan menggunakan Web service.

8. Mampu mengelola Content Managemen system

S2 Memiliki moral, etika dan kepribadian yang baik di dalam menyelesaikan tugasnya

S3 Berperan sebagai warga negara yang bangga dan cinta tanah air serta mendukung perdamaian dunia

S4 Mampu bekerja sama dan memiliki kepekaan sosial dan kepedulian yang tinggi terhadap masyarakat dan lingkungannya

S5 Menghargai keanekaragaman budaya, pandangan, kepercayaan, dan agama serta pendapat/temuan original orang lain

S6 Menjunjung tinggi penegakan hukum serta memiliki semangat untuk mendahulukan kepentingan bangsa serta masyarakat luas.

KU1 Mampu mengaplikasikan bidang keahliannya dan memanfaatkan ilmu pengetahuan, teknologi, dan/atau seni pada bidangnya dalam penyelesaian masalah serta mampu beradaptasi terhadap situasi yang dihadapi

KU2 Mampu menentukan dan memanfaatkan teknologi yang sesuai dengan kebutuhan organisasi

KK5 Mampu menguasai konsep bahasa kueri (SQL) dan menerapkan dalam pemenuhan kebutuhan informasi

KK13 Menguasai konsep dan membuat prosedur pengujian perangkat lunak

juga dibutuhkan teknik untuk mempermudah dalam proses pembuatannya yaitu dengan menguasai penggunaan Web Tools yang tersedia.

ANALISIS INSTRUKSIONAL

Mata Kuliah : Pemrograman Berbasis Web

(4) Mahasiswa mampu memahami dan menjelaskan konsep

(12)Mahasiswa mampu menjelaskan dan mendemonstrasikan dalam implementasi dengan Sample Application di pemrograman web.

(5) Mahasiswa mampu memahami dan menjelaskan konsep

(6) Mahasiswa mampu memahami dan menjelaskan konsep dasar

(8) Mahasiswa mampu memahami dan menjelaskan konsep dasar PHP 5, serta mengimplementasi dan mempraktekkan penggunaan elemen PHP 5.

(2) Mahasiswa mampu memahami dan menjelaskan Konsep HTML,

(3) Mahasiswa mampu memahami, menjelaskan konsep dasar CSS dan mengimplementasi elemen-elemen CSS serta penguasaan Framework CSS : Bootstrap

(1) Mahasiswa mampu memahami dan menjelaskan secara umum konsep dasar pengembangan web dan arsitektur, serta Full Stack Development

(9)Mahasiswa mampu memahami dan menjelaskan konsep dasar PHP 5, serta

(10) Mahasiswa mampu memahami dan menjelaskan konsep dasar

(11) Mahasiswa mampu menjelaskan dan mendemonstrasikan dalam

Mampu memahami konsep teknologi web development dan mengimplementasikan Full stack development dalam bentuk

(13)Mahasiswa mampu memahami dan menjelaskan konsep dasar

(14) Mahasiswa mampu memahami dan menjelaskan konsep Content Management System (CMS) serta perangkat lunak CMS yang digunakan oleh pelaku tenologi informasi.

(7) Mahasiswa mampu memahami dan menjelaskan

KOMPETENSI AKHIR YANG DIRENCANAKAN (KAD)

Capaian Pembelajaran MK

1. Mahasiswa memiliki pemahaman perkembangan teknologi web, konsep pengembangan web ( Full Stack Development: Front-End dan Back-End ).

2. Mahasiswa mampu menguasai pemrograman Front-End (HTML 5, CSS Framework, Javascript, AJAX).

3. Mampu menguasai aplikasi bantu dalam pengembangan web (Git, Gulp, Composer, dsb).

4. Mahasiswa mampu menguasai bahasa pemrograman Back-End (PHP, Slim Framework).

5. Mampu mengimplementasikan Full-Stack Development dalam bentuk aplikasi web.

6. Mampu mengolah data dari berbagai sumber data (XML, JSON dan Database).

7. Mampu melakukan integrasi data dengan menggunakan Web service.

8. Mampu mengelola Content Managemen system

Kompetensi yang Diharapkan

No. KAD

Rumusan KAD

Sistem Perkuliahan a. Pendekatan b. Model c. Metode/Strategi

: Student Center Learning : Ceramah, Diskusi, Presentasi, Praktik : Project Based Learning, Problem Based Learning, Self-Learning (V-Class)

Media Pembelajaran : Komputer, E-Learning, Buku, E-Book

Penilaian • Presensi/Kehadiran (P) • Keaktifan/partisipasi (K) • Tugas (T) • UTS (UT) • UAS (UA)

: 20 % : 10 % : 20 % : 25 % : 25 %

NILAI AKHIR= 20P+10K+20T+25UTS+25UAS : 100

Pustaka 1. Ramon Manel Martines & Greg Heileiman. (2015) . Web Application Development: Basic Concepts. University of New Mexico

2. Chaikin, Yaakov. (2015) . HTML, CSS and Javascript for Web Developers. Johns Hopkins University

3. K. Muppala Jogesh & David Rossiter. (2015) . Build Complete Web Solutions. The Hong Kong University of Science and Technology (9) Wildenius, Michael., Axmark, David., MySQL AB. 2003. MySQL Reference Manual Documentation From the Source. O’Reilly Community Press: Swedish.

E. RENCANA PEMBELAJARAN SEMESTER

Minggu Ke-

Kemampuan Akhir

yang Direncana

kan (KAD)

Materi Pembelajaran

(Materi Pokok)

Bentuk dan Metode

Pembelajaran

Alokasi

Waktu

Pengalaman

Belajar

Kriteria Capaian

(Indikator)

Penilaian

Kriteria

Bobot

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

1 Mahasiswa mampu memahami dan menjelaskan secara umum konsep dasar pengembangan web dan arsitektur, serta Full Stack Development

1. Konsep Dasar Web dan Overview

2. Arsitektur Web

3. Web Server 4. Full Stack

Development 5. Front End 6. Back End

Ceramah dan diskusi

4 x 45

menit

1. Ceramah

2. Diskusi

Pendalaman konsep dasar web, arsitektur, Full Stack Development

1.Partisipasi mahasiswa

Tertulis dan Uraian

4 %

2 Mahasiswa mampu memahami dan menjelaskan Konsep HTML, mempraktekkan dan berlatih menggunakan elemen-elemen HTML/HTML 5

1. Struktur Page (Konsep HTML)

2. Link dan Navigation

3. Color, image dan objek

4. Tabel 5. Forms 6. DOM 7. HTML5

1. Ceramah dan Diskusi

2. Problem Based Learning

3. Discovering Learning

{Tugas 1}

4 x 45

menit

Praktikum Menyusun Laporan

1. Partisipasi mahasiswa

2. Kebenaran dan kelengkapan isi jawaban

3. Kreatifitas

Tugas Individual: 1. Mahasiswa

menjawab latihan soal untuk menyebutkan dan menjelaskan struktur dasar elemen HTML.

2. Mahasiswa mencari referensi dan merangkum textbook/journal

Tugas Kelompok:

1. Mahasiswa menjawab latihan soal untuk mempraktekkan dan mendemonstrasikan new page yang memiliki link yang berada di atas dari

Tertulis dan Uraian

14%

3 Mahasiswa mampu memahami, menjelaskan konsep dasar CSS dan mengimplementasi elemen-elemen CSS serta penguasaan Framework CSS : Bootstrap CSS.

1. Pengenalan Cascading Style Sheet: Basic Example & Inheritance

2. CSS Rules 3. CSS

Properties 4. Controlling

Fonts 5. Text

Formatting 6. Text Pseudo-

Classes 7. Selectors 8. Length 9. Percentages 10.Coming to

Grips with the Box Model

11.Links 12.Backgrounds 13.Lists 14.Tables 15.Outlines 16.Pseudo-

Classes :focus & :active

17.Generated Content

18.Miscellaneous Properties

19.Additional Rules

20.Postioning with CSS

21.Bootstrap CSS




{Tugas 2}

4 x 45

Menit


1. Kebenaran Isi Jawaban

2. Kelengkapan Isi Jawaban

3. Kreatifitas

Tugas Kelompok: 1. Mahasiswa

menjawab latihan soal struktur elemen bagian dari CSS.

2. Mahasiswa menjawab latihan soal untuk mempraktekkan dan mendemonstrasikan kemampuan memposisikan CSS yang merepresentasikan link yang berbeda section dan blok.

Tertulis dan Uraian

14%

4 Mahasiswa mampu memahami dan menjelaskan konsep dasar dan mengimplementasi serta berlatih penggunaan elemen Java Script.

1. Pengenalan Java Script

2. Add a Script to Pages

3. Document Object Model

4. Variables 5. Operators 6. Functions 7. Conditional

& Looping Statement

8. Events 9. Built-in

Objects 10.Writing Java

Script



(Tugas 3)

4 x 45

Menit




3. Kreatifitas


menjawab latihan soal dengan memberikan contoh penerapan operator dalam Java Script.

2. Mahasiswa menjawab latihan soal untuk mempraktekkan script allert pada penggunaan function switch statement

Tertulis dan Uraian

7%

5 Mahasiswa mampu memahami dan menjelaskan konsep dasar dan mengimplementasi serta berlatih penggunaan elemen JQuery

1. Pengenalan JQuery

2. Adding JQuery to Pages

3. JQuery Syntax

4. JQuery Selector

5. JQuery Effect 6. JQuery

HTML 7. JQuery

Trversing 8. JQuery

AJAX 9. JQuery Misc



(Tugas 4)

4 x 45

Menit




3. Kreatifitas


menjawab latihan soal dengan memberikan contoh penerapan JQuery.

2. Mahasiswa menjawab latihan soal untuk mempraktekkan JQuery ke beberapa pages dengan HTML dan AJAX

Tertulis dan Uraian

7%

6 Mahasiswa mampu memahami dan menjelaskan konsep dasar dan mengimplementasi serta berlatih penggunaan elemen AJAX

1. Pengenalan AJAX

2. Teknologi AJAX

3. Examples 4. Action 5. XMLHtt

pRequest 6. Database

Opertions 7. Security



(Tugas 5)

4 x 45

Menit




3. Kreatifitas


menjawab latihan soal dengan memberikan contoh penerapan AJAX.

2. Mahasiswa menjawab latihan soal untuk mempraktekkan AJAX ke beberapa script HTML, JQuery dan XML

Tertulis dan Uraian

7%

UTS

7 Mahasiswa mampu memahami dan menjelaskan konsep dasar dan mengimplementasi serta berlatih penggunaan Web Development Tools

1. Pengenalan Web Development Tools

2. Git 3. Composer 4. Gulp 5. Node.js 6. Example

Project



(Tugas 6)

4 x 45

Menit




3. Kreatifitas


menjawab latihan soal dengan memberikan contoh penerapan Web Development Tools.

2. Mahasiswa menjawab latihan soal untuk mempraktekkan Web Development Tools ke Case study

Tertulis dan Uraian

5%

8 Mahasiswa mampu memahami dan menjelaskan konsep dasar PHP 5, serta mengimplementasi dan mempraktekkan penggunaan elemen PHP 5.

1. Pengenalan PHP 5

2. Instalasi PHP 5

3. PHP Syntax

4. PHP Variabel

5. PHP Echo/Print

6. PHP Data Types

7. PHP String

8. PHP Constants

9. PHP Operator

10.PHP If.. Else.. ElseIF

11. PHP Switch

12.PHP While Loops

13.PHP For Loops

14.PHP Function

15.PHP Arrays

16.PHP Sorting Arrays

17.PHP Super Global


2.Problem Based Learning

(Tugas 7)

4 x 45

Menit


1. Partisipasi Mahasiswa

2. Kuiz

Tertulis dan Uraian

7%

9 Mahasiswa mampu memahami dan menjelaskan konsep dasar PHP 5, serta mengimplementasi dan mempraktekkan penggunaan elemen PHP 5.

1. PHP Forms

2. PHP Objects

3. PHP Array Multi

4. PHP Date and Time

5. PHP Include

6. PHP File Handling

7. PHP File Open/Read

8. PHP File Create/Write

9. PHP File Upload

10.PHP Cookies and Sessions

11. PHP Error Handling

12.PHP Exception

13.PHP Filter

1. Ceramah/Kuliah Pakar



(Tugas 8)

4 x 45

Menit




3. Kreatifitas

Tugas Kelompok

1. Mahasiswa mempraktekkan dan mendemonstrasikan program Menulis ke File dalam PHP

2. Mahasiswa mempraktekkan dan mendemonstrasikan program membaca dan melihat isi file dalam PHP

Tertulis dan Uraian

7%

10 Mahasiswa mampu memahami dan menjelaskan konsep dasar PHP 5, serta mengimplementasi dan mempraktekkan penggunaan elemen PHP 5 dan Mysql DBMS.

1. Pengenalan Mysql Database

2. Mysql connect

3. Mysql Create db

4. Mysql Create Table

5. Mysql Insert Data

6. Mysql Get Last ID

7. Mysql Insert Multiple

8. Mysql Prepared

9. Mysql Select Data

10.Mysql Delete Data

11. Mysql Update Data

12.Mysql Limit Data




(Tugas 9)

4 x 45

Menit




3. Kreatifitas

Tugas Kelompok

1. Mahasiswa mempraktekkan dan mendemonstrasikan program Menulis ke File dalam PHP

2. Mahasiswa mempraktekkan dan mendemonstrasikan program membaca dan melihat isi file dalam PHP

Tertulis dan Uraian

7%

11 Mahasiswa mampu menjelaskan dan mendemonstrasikan dalam implementasi dengan Sample Application di pemrograman web.

1. Guesbook

2. Aplikasi Berita

3. Business Registration

4. Project Based Learning

5. Focus Group Discussion

(Tugas 10)

4 x 45

Menit



2. Kebenaran Isi

3. Daya Tarik Komunikasi/Presentasi

Tugas Kelompok:

1. Mahasiswa mendemonstrasikan dan mengimplementasi penggunaan database dengan bahasa pemrograman untuk menghasilkan suatu aplikasi berbasis web serta mempresentasikannya

Tertulis dan Uraian

7%

12 Mahasiswa mampu menjelaskan dan mendemonstrasikan dalam implementasi dengan Sample Application di pemrograman web.

1. Overview Web Security

2. Security: An Ovierview

3. Common Threats on the Web

4. Network and Application Security

5. Understanding Network Security

6. User-Level Security

7. Server-Level Security

8. Basic Web Security Model

9. a. Web Refresher

10.Security User Interface

11. Goals of a browser

12.When is it safe to type my password?


2. Focus Group Discusion

4 x 45

Menit

Ceramah dan Demonstrasi

Pendalaman materi mengenai konsep keamanan web

Pengujian stress


Tertulis dan Uraian

7%

13 Mahasiswa mampu memahami dan menjelaskan konsep dasar Web Service, serta mengimplementasi dan mempraktekkan penggunaan Slim Framework.

1. Pengenalan Web Service

2. Pengenalan Slim Micro Framework dan Instalasi

3. Routing & View

4. Operasi Database menggunakan PDO

5. Implementasi Restfull API sederhana

6. Operasi Database menggunakan PHP Active

7. Implementasi Restfull API dan PHP Active record

8. Database menggunakan Laravel Eloquent

9. Implementasi Restfull API sederhana AJAx

10.Menggunakan Twig




(Tugas 11)

4 x 45

Menit




3. Kreatifitas

Tugas Kelompok

1. Mahasiswa mempraktekkan dan mendemonstrasikan program Menulis ke File dalam Slim Framework

2. Mahasiswa mempraktekkan dan mendemonstrasikan program menggunakan Slim Framework

Tertulis dan Uraian

7%

14 Mahasiswa mampu memahami dan menjelaskan konsep Content Management System (CMS) serta perangkat lunak CMS yang digunakan oleh pelaku tenologi informasi.

1. Pengenalan Content Management System

2. CMS Software (OcPortal, WordPress, WebGUI, Drupal, Rubedo, Joomla, eZ Publish Platform)

1. Project Based-Learning

2. Focus Group Discussion

(Tugas 12)

4 x 45

Menit



2. Kebenaran Isi

3. Kelengkapan Isi

4. Daya Tarik Komunikasi/Presentasi

Tugas Kelompok:

1. Mahasiswa mencari dan merangkum serta mempresentasikan kelebihan dan kekurangan dari perangkat lunak CMS

Tertulis dan Uraian

7%

UAS

Jember, .................................. Dosen Pengampu,

ttd

Victor Wahanggara, M.Kom. NPK. 1209739

silabus a. identitas matakuliahti.ft.unmuhjember.ac.id/images/kurikulum/23-pemrograman-web.pdfsample...

Documents