rekayasa perangkat lunak - gembong.lecture.ub.ac.id · – pengantar pemrograman internet (website...

14
Pemrograman Web Gembong Edhi Setyawan, S.T.,M.T .

Upload: vuongkien

Post on 15-Mar-2019

216 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Rekayasa Perangkat Lunak - gembong.lecture.ub.ac.id · – Pengantar Pemrograman Internet (Website Dinamis); – Konsep Desain Web: • Warna, Tipografi, Layout, Grid, HTML, CSS –

Pemrograman Web

Gembong Edhi Setyawan, S.T.,M.T.

Page 2: Rekayasa Perangkat Lunak - gembong.lecture.ub.ac.id · – Pengantar Pemrograman Internet (Website Dinamis); – Konsep Desain Web: • Warna, Tipografi, Layout, Grid, HTML, CSS –

Mata Kuliah• Nama: Pemrograman Web• Kredit: 4 SKS• Semester: 4• Kode Matakuliah: PTI15010• Prasyarat: Sistem Basis Data (PTI15007) – Minimum D• Sifat: Wajib• Tujuan:

– Memahami konsep dasar website dinamis.– Memahami dan mengimplementasikan server-side scripting.– Memahami dan mengimplementasikan proses koneksi database.– Memahami dan mengimplementasikan konsep MVC (Model View

Controller).– Mengetahui dan memahami beberapa framework MVC.– Memahami dan mengimplementasikan AJAX– Mampu membangun aplikasi berbasis web.– Memahami dan mengimplementasikan proses deployment website.

Page 3: Rekayasa Perangkat Lunak - gembong.lecture.ub.ac.id · – Pengantar Pemrograman Internet (Website Dinamis); – Konsep Desain Web: • Warna, Tipografi, Layout, Grid, HTML, CSS –

Materi

• Pengantar Pemrograman Internet (WebsiteDinamis);

• Dasar Server-Side Scripting dan State;• Decisions, Loops, and Arrays;• Files and Directories;• Koneksi Database dan Manipulasi Data pada

Database;

Page 4: Rekayasa Perangkat Lunak - gembong.lecture.ub.ac.id · – Pengantar Pemrograman Internet (Website Dinamis); – Konsep Desain Web: • Warna, Tipografi, Layout, Grid, HTML, CSS –

Materi (2)

• Web Security;• Pemrograman Berorientasi Object;• Pengenalan MVC Design Pattern;• Impementasi MVC Design Pattern dalam

membangun aplikasi web;• Pengenalan kepada framework;• Implementasi menggunakan framework;• Pengenalan AJAX (Asyncronous Javascript And

XML);• Implementasi AJAX

Page 5: Rekayasa Perangkat Lunak - gembong.lecture.ub.ac.id · – Pengantar Pemrograman Internet (Website Dinamis); – Konsep Desain Web: • Warna, Tipografi, Layout, Grid, HTML, CSS –

Rencana Pembelajaran

• Week 1: Pendahuluan– Perkenalan;– Orientasi materi perkuliahan;– Rancangan perkuliahan;– Aturan perkuliahan;– Tugas;

Page 6: Rekayasa Perangkat Lunak - gembong.lecture.ub.ac.id · – Pengantar Pemrograman Internet (Website Dinamis); – Konsep Desain Web: • Warna, Tipografi, Layout, Grid, HTML, CSS –

Rencana Pembelajaran

• Week 2-7: First Half– Pengantar Pemrograman Internet (Website Dinamis);– Konsep Desain Web:

• Warna, Tipografi, Layout, Grid, HTML, CSS

– Dasar Server-Side Scripting dan State;– Web Programming concept: Decisions, Loops, and

Arrays;– Files and Directories;– Koneksi Database dan Manipulasi Data pada

Database;

Page 7: Rekayasa Perangkat Lunak - gembong.lecture.ub.ac.id · – Pengantar Pemrograman Internet (Website Dinamis); – Konsep Desain Web: • Warna, Tipografi, Layout, Grid, HTML, CSS –

Rencana Pembelajaran (2)• Week 8: UTS• Week 9-15: Second Half

– Web Security;– Pemrograman Berorientasi Object;– Pengenalan MVC Design Pattern;

• Pretty URL & Routing– Impementasi MVC Design Pattern dalam membangun

aplikasi web;– Pengenalan kepada framework;– Implementasi menggunakan framework;– Pengenalan AJAX (Asyncronous Javascript And XML);– Implementasi AJAX

Page 8: Rekayasa Perangkat Lunak - gembong.lecture.ub.ac.id · – Pengantar Pemrograman Internet (Website Dinamis); – Konsep Desain Web: • Warna, Tipografi, Layout, Grid, HTML, CSS –

Referensi• Castagnetto, Jesus et al. 1999. Professional PHP

Programming. Wrox• Heilmann, Christian. 2006. Beginning JavaScript with

DOM Scripting and Ajax From Novice to Professional.Springer-Verlag New York, Inc., New York.

• Jacobi, Jonas dan John R. Fallows. 2006. Pro JSF andAJAX Building Rich Internet Component. Springer-Verlag New York, Inc., New York.

• Leonard, Angle. 2010. JSF 2.0 Cookbook. PacktPublishing Ltd., Birmingham,UK

• Mercer, Dave. 2004. Beginning PHP 5. Wrox Press.Indianapolis, Indiana.

Page 9: Rekayasa Perangkat Lunak - gembong.lecture.ub.ac.id · – Pengantar Pemrograman Internet (Website Dinamis); – Konsep Desain Web: • Warna, Tipografi, Layout, Grid, HTML, CSS –

Evaluasi dan Penilaian

• UTS – 25%• Quiz – 15-20%• Tugas terstruktur / Kehadiran / Keaktifan

– 20–25%

• Project (UAS) – 35%– Membuat (aplikasi) web interaktif dengan data

dinamis

Page 10: Rekayasa Perangkat Lunak - gembong.lecture.ub.ac.id · – Pengantar Pemrograman Internet (Website Dinamis); – Konsep Desain Web: • Warna, Tipografi, Layout, Grid, HTML, CSS –

Regulasi• Kehadiran Minimal kehadiran 80%

Kehadiran < 80%, nilai akhir adalah E Kode Etik Mahasiswa Pakaian Sikap dan Kepribadian

Page 11: Rekayasa Perangkat Lunak - gembong.lecture.ub.ac.id · – Pengantar Pemrograman Internet (Website Dinamis); – Konsep Desain Web: • Warna, Tipografi, Layout, Grid, HTML, CSS –

Kontak

[email protected]@ub.ac.idhttp://gembong.lecture.ub.ac.idHp. 08123313678R C-1.9

Page 12: Rekayasa Perangkat Lunak - gembong.lecture.ub.ac.id · – Pengantar Pemrograman Internet (Website Dinamis); – Konsep Desain Web: • Warna, Tipografi, Layout, Grid, HTML, CSS –

Tugas Pendahuluan• Install

– Apache Web Server 2.0/2.2• http://httpd.apache.org/

– PHP 5.3.x• http://php.net

– MySQL 5.x• http://dev.mysql.com/downloads

• Atau:– XAMPP

• http://www.apachefriends.org/en/xampp.html

• Optional/Recommended:• phpMyAdmin• PHP Manual Documentation (.chm)

Page 13: Rekayasa Perangkat Lunak - gembong.lecture.ub.ac.id · – Pengantar Pemrograman Internet (Website Dinamis); – Konsep Desain Web: • Warna, Tipografi, Layout, Grid, HTML, CSS –

Tugas Pendahuluan

phpinfo.php<?php phpinfo(); ?>

Buka alamat berikut melalui browser:http://localhost/phpinfo.php

Kirim screenshotnya melalui email:[email protected]

Page 14: Rekayasa Perangkat Lunak - gembong.lecture.ub.ac.id · – Pengantar Pemrograman Internet (Website Dinamis); – Konsep Desain Web: • Warna, Tipografi, Layout, Grid, HTML, CSS –

Terima KasihThank You

Danke Gratias

Merci

ありがとうございます

감사합니다

Kiitos

谢谢ًشكرا

Grazias