Rekayasa Web(Web-E: Web Engineering)

Husni

Husni@trunojoyo.ac.id

2016

Pertemuan 01: Pengantar Perkuliahan, 01 Mar. 2016

Outline

Anda?

Saya...

Jadwal & Materi

• Selasa, 13.00, Ruang 404

• Website: Husni.trunojoyo.ac.id

• Email: Husni@trunojoyo.ac.id

Deskripsi

• Konsep Web Engineering, fokus pada bagaimana strategi software engineering diterapkan pada pengembangan aplikasi web, mencakup requirements, analysis modeling, design modeling dan testing.

• Internet, Arsitektur aplikasi web dan teknologi yang menyertai proses pengembangan, seperti markup languages, styling, data description and transformation, client dan server side programming.

• Teknologi web service & hosting modern yang mulai banyak digunakan.

Obyektif & Capaian

Obyektif:• Membekali mahasiswa dengan pengetahuan konseptual dan juga praktis, dan

keahlian (keterampilan) yang diperlukan untuk mengembangkan web applications dan web services.

Capaian Pembelajaran:• Setelah menyelesaikan kuliah ini, mahasiswa diharapkan mampu untuk:• Melakukan analysis modeling dan design modeling terhadap aplikasi web.• Mengidentifikasi perangkat/tools dan teknologi terbaik untuk pengembangan

aplikasi web.• Mengembangkan user-interfaces bagi aplikasi web.• Mendeskripsikan dan mentransformasi data menggunakan XML dan teknologi

yang berkaitan.• Mengembangkan aplikasi web dan web services.

Silabus...

• A. Topik 1: Web Engineering Fundamentals [~3 pertemuan]

• B. Topik 2: Internet bagi Aplikasi Web [~3 pertemuan]

• C. Topik 3: Scripting sisi client (Web browser) [~3 pertemuan]

• D. Topik 4: Data Description and Transformation (XML, XSL, XSLT, DTD, DOM, XSD, JSON) [~2 pertemuan]

• E. Topik 5: Server-Side Programming [3 pertemuan]

• F. Topik 6: Web Services & Hosting [~2 pertemuan]

Topik 1: Web Engineering Fundamentals

• Mengenal web applications & web engineering

• Pengumpulan pesyaratan (requirements gathering) & perencanaan untuk web engineering

• Analysis modeling bagi aplikasi web

• Design modeling bagi aplikasi web (quality dimensions, architectural design)

• Design modeling bagi aplikasi web (interface design, content design)

• Pengujian aplikasi web.

Topik 2: Internet bagi Aplikasi Web

• Internet, Arsitektur Aplikasi Web (Client-server)

• Komponen-komponen aplikasi web

• Presentasi oleh Mahasiswa:• Keamanan Aplikasi Web

• Search engines & Aplikasi web modern• Recommender System

• Cara Kerja Search Engine

• Personalisasi Informasi

Topik 3: Scripting sisi client (Web browser)

Presentasi oleh mahasiswa:• HTML & HTML5

• CSS (Cascading Style Sheets) & CSS3

• Javascript

• Framework: jQuery + Bootstrap

• Framework: AngularJS

• Framework: ReactJS

Topik 4: Data Description and Transformation (XML, XSL, XSLT, DTD, DOM, XSD, JSON)

Presentasi oleh Mahasiswa (ditunda...):• XML, XSL, XSLT, DTD• DOM, XSD & JSON

Topik 5: Server-Side Programming

Presentasi oleh mahasiswa:• Bahasa Pengembangan: PHP, JSP & Python • Framework PHP: Code Igniter (CI) & Laravel• Framework Python: Flask & Django• Framework Javascript Server-Client: MEAN (MongoDB,

Express.JS, Angular.JS dan Node.JS)

Topik 6: Web Services & Hosting

•Web services dengan PHP

•Web hosting virtual berbasis container (Docker)

Penilaian

• UTS : 30%

• UAS : 40%

• Tugas Kelompok : 30%

Tugas Pertama

• Buat kelompok beranggotakan 2 mahasiswa.

• Diskusikan tentang aplikasi web dan temukan ide pengembangan aplikasi web yang mampu menyelesaikan permasalahan terkini.

• Tuliskan:• Mengapa aplikasi web tersebut yang dipilih untuk dikembangkan?

• Siapa yang akan menggunakan software tersebut?

• Fitur-fitur apa yang akan dimasukkan ke dalam aplikasi tersebut?

• Kira-kira, apa yang diperlukan dan berapa lama aplikasi itu selesai dikembangkan?

Referensi utama

• Roger S. Pressman dan David Lowe, 2009, Web Engineering A Practitioner's Approach, McGraw-Hill

• John Paul Mueller, 2016, Security for Web Developers, Oreilly

• Leslie F. Sikos, 2014, Web Standards—Mastering HTML5, CSS3, and XML, Apress

• Cory Gackenheimer, 2015, Introduction to React, Apress.

• Robin Nixon, 2015, Learning PHP, MySQL & JavaScript With jQuery, CSS & HTML5 (Fourth Edition), Oreilly

• Simon Holmen, 2016, Getting MEAN with Mongo, Express, Angular, and Node, Manning

• Lorna Jane Mitchell, 2016, PHP Web Services, OReilly

• Adrian Mouat, 2016, Using Docker, OReilly

Pertanyaan...