1. 1 Pertemuan 1 Introduction to Web and Internet Matakuliah: T0053/Web Programming Tahun: 2006 Versi: 2

2. 2 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. 3 Outline Materi •Mengenal World Wide Web •Evolusi Web •Arsitektur Web •Aplikasi Web •Bahasa Pemrograman untuk Web •Design Pattern dan Framework

4. 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. 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. 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. 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. 8 Web Architecture

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

10. 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. 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. 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. 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. 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. 15 References •Deitel & Deitel, “Internet & WWW How To Program” •Deitel & Deitel, “Java How To Program”, 6 th edition, 2005 •Widodo Budiharto, “Panduan Lengkap Pemrograman J2EE”, Andi Offset Yogyakarta, 2006 •“Introduction to Web Programming 4 days”: http://www.wdvl.com/Authoring/Scripting/Tutorial/ http://www.wdvl.com/Authoring/Scripting/Tutorial/ •Introduction to Web Design 3 days: http://www.wdvl.com/Authoring/HTML/Tutorial/index.html http://www.wdvl.com/Authoring/HTML/Tutorial/index.html •http://www.w3schools.comhttp://www.w3schools.com •www.java.sun.comwww.java.sun.com •www.struts.org