Matakuliah
Tahun
: T0053/Web Programming
: 2009

Learning Outcomes
Pada akhir pertemuan ini, diharapkan mahasiswa akan mampu :
• Menjelaskan sejarah World Wide Web
• Menjelaskan arsitektur Web
• Menjelaskan konsep dasar pembuatan aplikasi dan pemrograman berbasis web
• Menjelaskan Konsep Design Pattern dan Framework
3

• Introduction of Web & internet
• Web Evolution
• Web Technologies & Applications
• Web Programming Language
• Development Tools
• Design Pattern dan Framework
4

Introduction of Internet
• A global network of computers was developed 4 decades ago with funding supplied by US Department of Defends
• Originally designed to connect the main computer system of about a dozen universities and research organizations.
5

Introduction of Web
• Web is powerful channel to delivery content
– Easy to access, no need special client, just browser
• Many company want “market” their company and product live on the Web
• Web Based application trend increase significantly
6

History of the World Wide Web
• WWW
– Allows computer users to locate and view multimedia-based documents
– Introduced in 1990 by Tim Berners-Lee
• Internet today
– Mixes computing and communications technologies
– Makes information constantly and instantly available to anyone with a connection
7

Web Evolution
• Web as static home page: company profile, product, contact number
• Dynamic Web for supporting Products Query, personalization
• Hotmail was introduced
• e-Shopping was introduced  B2C, B2B
• Web Service introduced new paradigm to web
Programming
8

Web Architecture
9

Web Technologies
• Web Server
• Database Server
• Application Server
• Firewall
• SSL
• HTTPS
• FTP
• Domain
• etc
10

Web Application
• One stop shopping  Amazon.com
• Web Portal  yahoo.com
– Entertainments (games), finance, Email, Collaborations (groups),
Search engine
• B2B Portal
• Banking: online banking, payment gateway
• eCommerce
• eEducation
11

Programming Language
• Web Design
– HTML, XHTML
– Style Sheet (CSS)
– XML, XSL, XSLT
• Language Choice:
– Client Side Scripting: VBScript, Java script
– Server Side Scripting: PHP, ASP, JSP
– Java (J2EE)
– Visual Studio.NET
12

Development Tools
• Content Authoring
– Notepad
– Ms Frontpage 2003
– Macromedia Dreamweaver 8.0
• Programming (IDE)
– Java:
• Eclipse, Netbeans 5.5 , JDeveloper, JBuilder X
– .NET:
• Visual Studio .NET
13

Design Pattern and Framework
• Design Pattern can give us practically way to build good application
• Design Pattern as a “proven recipe” for how to designing program
• Framework simply accelerate web development by providing skeleton, unfortunately framework is not easy to learn for a new beginner
• Struts Framework
14

Softwares Required
• J2SE 5.0
• J2EE 1.4.2 or above
• Editor Netbeans 5.5 or above(built in Apache Tomcat &
Struts Framework)
• Macromedia Dreamweaver.
15

• Deitel & Deitel, “Internet & WWW How To Program”
• Deitel & Deitel, “Java How To Program”, 6 th edition, 2005
• “Introduction to Web Programming 4 days”: http://www.wdvl.com/Authoring/Scripting/Tutorial/
• Introduction to Web Design 3 days: http://www.wdvl.com/Authoring/HTML/Tutorial/index.ht
ml
• http://www.w3schools.com
• www.java.sun.com
• www.struts.org
16