Anda di halaman 1dari 24

Niko Ibrahim, MIT Fakultas Teknologi Informasi Universitas Kristen Maranatha

Good planning and hard work lead to prosperity, but hasty shortcuts lead to poverty. Proverbs 21: 5

Di akhir kuliah ini, Anda akan mampu merancang dan membuat berbagai aplikasi Web yang bersifat interaktif. Tujuan Khusus:
Mampu menggunakan CMS untuk membuat Portal dan E-Commerce Mampu melakukan analisis kebutuhan suatu sistem informasi dan mengimplementasikannya dalam bentuk aplikasi Web Mampu menggunakan teknologi JSF dan Spring framework

Pedoman kuliah:
Datanglah tepat waktu!

Kewajiban hadir: Sistem Penilaian

75% kehadiran dosen Bila tidak, tidak diijinkan ikut UAS E Nilai Akhir: KAT (40%), UTS (30%), UAS (30%)

Core JSF, 2nd Edition atau 3rd Edition Apress Beginning Spring 2 From NoviceTo Professional iBatis in Action PrimeFaces Guide http://netbeans.org/kb/ http://www.springsource.org/documentation

Pertemuan
Pertemuan 1 Pertemuan 2 Pertemuan 3 Pertemuan 4 Pertemuan 5 Pertemuan 6 Pertemuan 7 Pertemuan 8 Pertemuan 9 Pertemuan 10 Pertemuan 11 Pertemuan 12 Pertemuan 13 Pertemuan 14 Pertemuan 15

Perkuliahan
Materi (subject to change) Perkenalan Kuliah, Review Pemrograman Web, Server Side Programming with PHP/MySQL Penggunaan CMS untuk portal dan e-commerce Pemrograman web berbasis MVC, Java Server Faces Part 1 Java Server Faces Part 2: Tag-tag JSF Java Server Faces Part 3: Converter dan Validator Java Server Faces Part 4: Event Driven Programming Penggunaan Library JSF Presentasi Tugas 1: Aplikasi Web Spring framework Part 1 Spring framework Part 2 Spring Persistence Part 1 Spring Persistence Part 2 JSF and Spring JSF and Spring cont. Presentasi Tugas 2: Aplikasi Web berbasis JSF dan Spring Tanggal 10 Feb 17 Feb 24 Feb 03 Mar 10 Mar 17 24 31 21 28 05 12 19 26 02 Mar Mar Mar Apr Apr Mei Mei Mei Mei Jun

No Description 1 2 3 4 5 Tugas Besar (Aplikasi Web) Tugas Artikel Praktikum, Tutorial dan Quiz UTS (Praktek) UAS (Praktek)

Amount 3 1 6 1 1

Proportion 17.5% 5% 17.5% 30% 30%

Kirim email ke:


niko.ibrahim@gmail.com

Subject email: [PWL] ..judul email..

Apa perbedaan antara halaman Web statis dan dinamis? Apa yang dimaksud dengan aplikasi Web? Sebutkan contoh-contoh aplikasi Web! Apa keuntungan aplikasi Web dibandingkan dengan aplikasi desktop (Swing) ? Bagaimana cara kerja penampilan dokumen Web di browser? Teknologi & tools apa saja yang bisa digunakan untuk membangun aplikasi Web?

Ciri-ciri halaman Web biasa:


Pada umumnya bersifat statis (HTML saja) Bisa bersifat dinamis (menggunakan JavaScript), namun kedinamisannya diolah di browser (client side) Tidak berhubungan dengan pengaksesan basis data Umumnya tidak memanfaatkan HTML FORM

Ciri-ciri aplikasi Web:


Dinamis dan interaktif Memiliki mekanisme pengolahan data permanen, biasanya menggunakan suatu database management system (DBMS) Umumnya memiliki mekanisme keamaan data

Lelang online: ebay.com Full E-commerce: Amazon.com Semi E-commerce: Bhinneka.com Online press: Wordpress, MovableType Online forum: phpBB, SMF, Vbulletin Social networking: fb, friendster, multiply, myspace Community ensiklopedia: Wiki CMS: joomla, xoops, drupal Various hotel/plane/travel booking,etc. ERP: openbravo, SAP NetWeaver, SQL-ledger

Bersifat Open Source: LAMP platform


Bersifat Produk: MICROSOFT .NET

Sistem Operasi: Linux Web Server: Apache Web Server Basis Data: MySQL DBMS Bahasa pemrograman: PHP/Perl/Python / Ruby Sistem Operasi: Microsoft Windows Web Server: Microsoft Internet Information Server (IIS) Basis Data: Microsoft SQL Server (terutama), dll Bahasa pemrograman:
Web: ASP.NET Backend: VB.NET, & C#

Bersifat Blueprint: Java Enterprise Edition (J2EE)


Sistem Operasi: Windows, Linux, Sun OS, Mac OS, etc. Web Server: Apache, IIS, Sun Planet, etc. Basis Data: Oracle, SQL Server, DB2, etc. Bahasa Pemrograman:
Web: JSP, JSF Backend: Java

Vendor pengembang: SUN, IBM, BEA, Oracle, etc.

AdobeFlex Microsoft Silverlight JavaFX Open Lazlo Ciri-ciri:


Meniru interaktivitas/dinamis ala desktop Rich multimedia experience Action/Event terjadi tanpa perlu me-load halaman Web

HTML:untuk membentuk dokumen standar di Web CSS: untuk desain tampilan yg seragam JavaScript: untuk pemrograman yang dijalankan di client/browser (biasanya untuk validasi data) JSF, JSP, ASP, ASP.NET, PHP, Ruby: untuk pemrograman user interface / front-end
Alternatif: ActionScript (Flash & Flex), Silverlight, JavaFX

Java, C#, VB, PHP, Ruby : untuk pemrograman backend SQL/RDMBS: untuk penyimpanan data
Presentation Lojik Business Lojik Data Access Lojik

Basis Data

HTTP Request: URL

User

HTTP Response: dokumen


Browser/Client Server

Client/Browser: IE, firefox, opera, etc. Server: Hardware + Software


Hardware: komputer server (intel, IBM, HP, Dell, Sun,etc) Software: Apache Web Server 2.0, Microsoft IIS 6, etc
Untuk aplikasi web berbasis Java, diperlukan tambahan: Application Server (Tomcat, Glassfish, JBoss, Websphere, etc.)

Intro to CMS CMS Berbasis

Requirements Instalasi Customisation

Joomla Drupal Xoops Postnuke PHPNuke Typo3 Etc.

Open Source

Keuntungan menggunakan CMS

Kekurangan CMS

Banyak tersedia secara gratis (untuk yang Open Source) Tidak perlu terlalu ahli dalam bahasa pemrograman, kecuali apabila menginginkan customization Menghemat waktu / cepat dalam membangun Website Mudah dalam meng-update isi Website Perlu waktu untuk mempelajari tiap-tiap CMS Instalasi, setting Penambahan module/komponen Cenderung lebih mudah di-hack karena bersifat open source (siapapun dapat melihat source code / installer) Desain Web agak kaku, seringkali berupa tabel dengan 2 atau 3 kolom Apabila kita memerlukan feature khusus yang belum ada module-nya, maka kita harus membuat sendiri. Pemrograman dalam membuat module tsb harus mengikuti panduan CMS yang kita pakai (framework CMS)

Pada umumnya CMS yang baik menyediakan hal-hal berikut: Web Modules User Management Role management (hak akses) Content/Story/News Contact / Guestbook Forum Media Gallery (picture, audio, video) Event / Calendar Block (untuk tata letak module-module di halaman Web) dll Admin Modules Control Panel untuk pengelolaan website Theme Sistem templating yang mudah dimodifikasi Sistem CSS yang mudah dimodifikasi

Portal (General Purpose: include Blog, eCommerce, forum, dll):


Joomla (www.joomla.org) Drupal (www.drupal.org ) Xoops (www.xoops.org) PostNuke PhpNuke Typo3 OSCommerce ZenCart CubeCart CreLoaded CS-Cart OSCMax

E-Commerce / Shopping Cart only:

Blog only:

Forum only:

Wordpress MovableType PhpBB vBulletin Simple Machine Forum (SMF)

Education (sistem akademik)

Moodle dipakai untuk cls.maranatha.edu

1. 2. 3.

Buka PhpMyAdmin pada browser: http://localhost/phpmyadmin Buat database baru joomlaDB Buat sebuah direktori baru (tanpa spasi) di c:\xampp\htdocs Extract isi dari file Joomla_1.5.15 di dalam direktori tersebut. Untuk memulai proses instalasi, jalankan browser dan ketik: http://localhost/myjoomla Ikuti petunjuk:
Misal: c:\xampp\htdocs\myjoomla

4.

5. 6.

a. Server: localhost, Database: joomlaDB, Username: root, Password: (kosong) b. Isi-lah password untuk admin

Untuk masuk ke administrasi joomla: http://localhost/myjoomla/administrator Di dalam control panel administrasi joomla, kita bisa melakukan customizing:
Section & Category Content & Static Content Menu User Template Language Component & Module, etc.

Tambahkan 1 artikel baru Tambahkan menu baru untuk me-link artikel tersebut Ubah posisi modul Install component baru (http://extensions.joomla.org Install modul baru Install/Ubah template baru Selamat Mencoba

At the end of this lecture, youve learnt:


Halaman web biasa Vs Aplikasi Web Contoh-contoh aplikasi Web Teknologi untuk membuat aplikasi Web Cara kerja client-server Mengerti cara kerja CMS

Tugas: Membuat aplikasi web berbasis CMS Demo program: 2 Maret 2010 Kerjakanlah dari sekarang, karena akan menyusul tugas-tugas yang lainnya sehingga Anda memiliki cukup waktu untuk mengeksplorasi dan bertanya bila mengalami kesulitan!! Untuk program yang online akan mendapat bonus nilai