Introduction to Web and Internet Pertemuan 1

Matakuliah : T0053/Web ProgrammingTahun : 2009

3

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

4

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

5

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.

6

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

7

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

8

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

9

Web Architecture

10

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

11

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

12

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

13

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

14

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

15

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.

16

References• Deitel & Deitel, “Internet & WWW How To Program”• Deitel & Deitel, “Java How To Program”, 6th 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.html

• http://www.w3schools.com• www.java.sun.com• www.struts.org