SILABUS MATAKULIAH. Indikator Pokok Bahasan/Materi Aktifitas Pembelajaran

Transkripsi

1 SILABUS MATAKULIAH Revisi : - Tanggal Berlaku : September 2014 A. Identitas 1. Nama Matakuliah : A / Pemrograman Internet 2. Program Studi : Teknik Informatika-S1 3. Fakultas : Ilmu Komputer 4. Bobot sks : 3 SKS 5. Elemen : MKK 6. Jenis : Rekayasa Perangkat Lunak dan Data 7. waktu total : 14 X 150 Menit B. Unsur-unsur Silabus Mahasiswa menyepakati halhal yang menjadi penunjang keberhasilan perkuliahan. konsep dasar pemrograman internet Mahasiswa mampu: 1. mengetahui deskripsi dan atribut perkuliahan 2. konsep dasar pemrograman internet 3. melakukan instalasi tools yang digunakan untuk pengembangan perangkat lunak berbasis web. Kontrak Kuliah Pengenalan Pemrograman Internet a. Paradigma pemrograman berbasis web b. Web vs Desktop c. Tools yang Digunakan Apache,, MySQL 1. Menjelaskan konsep paradigma pemrograman berbasis wen 2. Menjelaskan perbedaan pemrograman berbasis web dan desktop 3. Menjelaskan aplikasi yang diperlukan untuk mata kuliah pemrograman Internet (Apache, MySQL, ) 4. Mendemokan langkahlangkah instalasi dan jalannya aplikasi yang diperlukan 150 menit 1, 2, 4 a. Melakukan tanya jawab pembuatan akun hosting (gratis/berbayar) untuk tiap mahasiswa Silabus: Pemrograman Internet Hal: 1 dari 9

2 : dan komponen dasar HTML5 HTML page sederhana : dan komponen dasar HTML5 HTML page sederhana struktur dasar HTML komponen apa saja yang sering digunakan pada sebuah halaman web membuat halaman HTML sederhana tanpa style melakukan manipulasi terhadap elemen tabel HTML konsep pengiriman data melalui form membuat form HTML yang dapat dieksekusi 4. Mahasiswa mampu elemen input HTML 5 untuk memperkaya Komponen HTML5 a. Struktur b. Komponen Konten div, p, nav, span, h, dll c. Komponen List ul & ol d. Komponen Table HTML Form dan Manipulasinya a. Manipulasi elemen tabel lanjut b. Komponen Input HTML c. Metode GET & POST c.1. Perbedaan transfer data dengan metode GET & POST 1. Menjelaskan struktur dasar HTML5 2. Menjelaskan elemenelemen dasar HTML5 yang digunakan untuk memuat elemen lain 3. Menjelaskan elemen HTML5 yang digunakan untuk menampilkan data dalam bentuk list 4. Menjelaskan elemen HTML5 yang digunakan untuk menampilkan data dalam bentuk tabel 1. Menjelaskan manipulasi elemen tabel HTML, meliputi spanning, padding, dan border tabel 2. Menjelaskan komponen input HTML5 untuk inputan text, pilihan, pilihan ganda, upload file, filter , dan lain sebagainya. 3. Menjelaskan beberapa method yang dapat digunakan pada form HTML 150 menit 1, 2 a. Melakukan tanya jawab 150 menit 1, 4 a. Melakukan tanya jawab pembuatan halaman profil sederhana yang berisi identitas diri, foto, profil, dan prestasi yang dimiliki dengan halaman HTML statis Silabus: Pemrograman Internet Hal: 2 dari 9

3 : peran CSS sebagai pengaturan style halaman HTML page dengan tambahan style : peran CSS library & Framework Menggunakan bootstrap tampilan Form konsep CSS untuk mengatur style halaman memilih elemen HTML mana yang akan diberikan style memberikan style pada halaman HTML yang ada 1. salah satu jenis CSS Framework beserta kelebihan dan kekurangannya salah satu CSS framework untuk membangun halaman web CSS untuk Mengatur Style Halaman a. CSS Selector a.1. Tag Selector a.2. ID & Class Selector a.3. Nested Selector b. CSS Atrribute b.1. Background, color, font, etc. b.2. Box Model & position CSS Library & Framework 1 a. Pengenalan Bootstrap a.1. Kelebihan dan kekurangan bootstrap b. Contoh bootstrap 1. Menjelaskan konsep CSS untuk pengaturan style halaman 2. Menjelaskan beberapa cara meng-inklusikan source CSS ke dalam HTML 3. Menjelaskan jenis-jenis CSS Selector 4. Menjeaskan beberapa atribut CSS dan apa efeknya pada tampilan halaman 1. Mengenalkan beberapa CSS Framework seperti Bootstrap, Foundation, dan lain sebagainya 2. Menjelaskan kelebihan dan kekurangan CSS Framework dibandingkan dengan CSS native 3. Mendemokan cara salah satu CSS framework untuk pembuatan halaman HTM Rujukan Evaluasi 150 menit 1, 2 a. Melakukan tanya jawab 150 menit 1, 3 a. Melakukan tanya jawab 1 Boleh dikenalkan salah satu CSS Framework seperti Bootstrap, Foundation, FlatUI, dan lain sebaginya Silabus: Pemrograman Internet Hal: 3 dari 9

4 javascript pada halaman web : peran javascript library framework program dengan JQuery langkah Javascript dalam halaman web javascript dalam pembuatan program untuk memanipulasi input mendeskripsikan framework javascript dan perbedaannya manipulasi input dengan jquery yang melakukan asynchronuous load jquery Javascript dasar a. Inklusi Javascript pada halaman Web b. Manipulasi Form dengan Javascript b.1. Mendapatkan input form b.2. Menampilkan input form b.3. Generate komponen HTML dengan javascript Javascript Library & Framework a. Komparasi native & framework javascript b. Contoh manipulasi input dengan jquery c. Contoh asynchronous load dengan jquery 1. Menjelaskan beberapa cara inklusi javascript pada halaman web 2. Menjelaskan contoh pemrograman dasar javascript 3. Menjelaskan cara manipulasi form dengan javascript 1. Mengenalkan beberapa library dan framework Javascript yang dapat membantu pengembangan aplikasi berbasis web 2. Menjelaskan perbedaan javascript native dan framework 3. Menjelaskan contoh javascript framework untuk manipulasi input form 4. Menjelaskan contoh javascript framework untuk asynchronous load halaman Ujian Tengah Semester 150 menit 2 a. Melakukan tanya jawab membuat aplikasi web dengan beberapa form yang kemudian dimanipulasi dengan javascript 150 menit 2 a. Melakukan tanya jawab Silabus: Pemrograman Internet Hal: 4 dari 9

5 pemrograman memanipulasi form & file melakukan pemrograman dasar membuat fungsi dalam menggabungkan dengan HTML untuk membuat web dinamis memanipulasi inputan form dengan melakukan manipulasi File dengan menyimpan inputan form dalam file Pemrograman a. Sequential Programming b. Modular Programming c. Penggabungan dengan HTML Manipulasi Form & Manipulasi File Dengan a. Manipulasi input Form dengan a.1. GET, POST, dan REQUEST Method b. Manipulasi File dengan c. Menyimpan inputan form ke dalam file c.1. Menyimpan ke dalam file c.2. Menampilkan data dari file 1. Menjelaskan pemrograman dasar 2. Menjelaskan fungsi dan pemanggilannya dengan 3. Menjelaskan bagaimana melakukan penggabungan dengan HTML untuk membentuk halaman web yang dinamis 1. Menjelaskan manipulasi input data dari form 2. Menjelaskan perbedaan superglobal variable GET, POST, dan REQUEST 3. Menjelaskan perintahperintah manipulasi form dengan 4. Menjelaskan langkah input data form ke dalam file dengan 5. Menjelaskan langkah menampilkan data yang tersimpan dalam file 150 menit 4, 5 a. Melakukan tanya jawab 150 menit 4, 5 a. Melakukan tanya jawab membuat menyimpan data dari input form ke dalam sebuah structured file (boleh dipilih antara CSV, XML, atau JSon) Silabus: Pemrograman Internet Hal: 5 dari 9

6 langkah untuk mengkoneksikan basis data dengan PDO langkah menampilkan data dari basis data melakukan koneksi basis data dengan PDO melakukan operasi CRUD dengan PDO menampilkan data dari basis data dengan berbagai macam variasi melakukan operasi relasi basis data dengan PDO Koneksi MySQL dengan PDO 1 a. Koneksi basis data dengan Data Object (PDO) b. Input data ke dalam MySQL c. Tampil data dari MySQL d. Update dan Hapus data dari MySQL Koneksi MySQL dengan PDO 2 a. Variasi tampilan data a.1. Tampilan Tabel a.2. Tampilan List a.3. Tampilan Tabel b. Relasi Basis Data 1. Menjelaskan beberapa driver koneksi database MySQL dalam (MySQL, MySQLi, PDO) 2. Menjelaskan cara melakukan koneksi database dengan PDO 3. Menjelaskan cara melakukan CRUD dengan PDO 4. Menjelaskan prepared statement dan binding variable untuk membersihkan data yang diinputkan ke dalam database 1. Memberikan contoh beberapa model tampilan data yang mungkin digunakan untuk representasi data dari database 2. Menjelaskan cara menampilkan data dengan berbagai variasi 3. Menjelaskan cara melakukan relasi tabel beserta manipulasinya 150 menit 4, 5, 6 a. Melakukan tanya jawab 150 menit 4, 5, 6 a. Melakukan tanya jawab membuat halaman admin tabel master PDO Silabus: Pemrograman Internet Hal: 6 dari 9

7 cookies dan session. : dan konsep Object Oriented (OO) aplikasi dengan teknik OO perbedaan statefull dan stateless pada aplikasi web membedakan Cookies dan Session dalam aplikasi berbasis web yang memiliki otentikasi pengguna dengan Cookies & Session konsep OO pada membuat aplikasi dengan teknik OO membuat class untuk melakukukan manipulasi basis data Otentikasi User dengan Session & Cookies a. Konsep aplikasi statefull dan stateless b. Perbandingan Cookies & Session c. Implementasi Cookies & Session untuk otentikasi pengguna Object Oriented a. Konsep Object Oriented dalam b. Perbedaan penulisan OO dalam Java dan c. Contoh Implementasi OO untuk akses basis data 1. Menjelaskan konsep aplikasi statefull dan stateless pada aplikasi berbasis web 2. Menjelaskan perbandingan metode penyimpanan nilai state Cookies dan Session 3. Menjelaskan cara Cookies dan Session untuk otentikasi pengguna 1. Menjelaskan konsep OO dalam bahasa pemrograman 2. Menjelaskan beberapa perbedaan implementasi pemrograman OO dalam Java dan 3. Menjelaskan implementasi pembuatan Class model yang merepresentasikan koneksi basis data dengan 150 menit 4, 5 a. Melakukan tanya jawab 150 menit 4, 5 a. Melakukan tanya jawab Silabus: Pemrograman Internet Hal: 7 dari 9

8 dan membuat aplikasi dengan Web service memaparkan manfaat web service pada aplikasi modern sederhana yang menyediakan antarmuka Restfull web service sederhana untuk mengonsumsi RestFull Web Service dengan jquery Web Service a. Konsep dan kegunaan Web Service pada aplikasi berbasis web b. Implementasi RestFull Web Service Sederhana dengan c. Konsumsi RestFull Web Service dengan jquery 1. Menjelaskan konsep dasar dari web service dan bedanya dengan web konvensional 2. Menjelaskan kegunaan dari web service dalam aplikasi berbasis web 3. Menjelaskan implementasi RestFull web service dengan 4. Menjelaskan cara mengonsumsi data yang didapatkan dari web service dan menampilkannya pada halaman web dengan jquery Ujian Akhir Semester 150 menit 4, 5, 7 a. Melakukan tanya jawab Silabus: Pemrograman Internet Hal: 8 dari 9

9 Daftar Referensi 1. Jon Duckett, HTML and CSS: Design and Build Websites, Wiley (2011) 2. Jon Duckett, JavaScript and JQuery: Interactive Front-End Web Development, Wiley (2014) 3. David Cochran, Twitter Bootstrap Web Development How-To, Pack Publishing (2012) 4. Luke Welling & Laura Thomson, and MySQL Web Development (5th Edition), Addison-Wesley Professional (2014) 5. Robin Nixon, Learning, MySQL & JavaScript: With jquery, CSS & HTML5, O'Reilly Media (2014) 6. Dennis Popel, Learning Data Objects: A Beginner's Guide to Data Objects, Database Connection Abstraction Library for 5, Packt Publishing (2007) 7. Samisa Abeysinghe, RESTful Web Services, Packt Publishing (2008) Disusun oleh : Diperiksa oleh : Disahkan oleh : Dosen Pengampu Penanggungjawab Keilmuan Ketua Program Studi Dekan Fahri Firdausillah, MCS Etika Kartikadharma, M.Kom Heru Agus Santoso, Ph. D DR. Drs. Abdul Syukur, MM Silabus: Pemrograman Internet Hal: 9 dari 9