1. Programming for WWW (ICE 1338) Lecture #1 Lecture #1 June 23, 2004 In-Young Ko iko.AT. icu.ac.kr Information and Communications University (ICU) iko.AT. icu.ac.kr

2. June 23, 2004 2 Programming for WWW (Lecture#1) In-Young Ko, Information Communications University Instructor Information Prof. In-Young Ko Prof. In-Young Ko Office: F607 Office: F607 Official Office Hours: Official Office Hours: Wednesday 11:00am – 12:00pm Wednesday 11:00am – 12:00pm Friday 2:00pm – 3:00pm Friday 2:00pm – 3:00pm Unofficial Office Hours: Any time Unofficial Office Hours: Any time Email: iko.AT. icu.ac.kr Email: iko.AT. icu.ac.kriko.AT. icu.ac.kriko.AT. icu.ac.kr Phone: 042-866-6163 Phone: 042-866-6163

3. June 23, 2004 3 Programming for WWW (Lecture#1) In-Young Ko, Information Communications University Class Information Prerequisites: Prerequisites: Programming Fundamentals I (ICE 0121) Programming Fundamentals I (ICE 0121) Data Structures (ICE 1200) Data Structures (ICE 1200) Class Hours: Class Hours: Wednesday 1:00pm – 4:00pm Wednesday 1:00pm – 4:00pm Friday 9:00pm – 12:00pm Friday 9:00pm – 12:00pm Classroom: L401 Classroom: L401 Class Homepage: Class Homepage: http://bigbear.icu.ac.kr/~iko/classes/ice1338/ http://bigbear.icu.ac.kr/~iko/classes/ice1338/ Teaching Assistant (TA): TBD Teaching Assistant (TA): TBD

4. June 23, 2004 4 Programming for WWW (Lecture#1) In-Young Ko, Information Communications University Textbook & Reference Textbook Programming the World Wide Web, Robert W. Sebesta, Addison Wesley, 2002, ISBN: 0-201-70484-6 Reference Java Web Services, Dave Chappell and Tyler Jewell, O'Reilly, 2002, ISBN: 0-596-00269-6

5. June 23, 2004 5 Programming for WWW (Lecture#1) In-Young Ko, Information Communications University Grading Policy Exams (30%) Midterm (15%) Final (15%) Term Projects (40%) Implementation, Reports and Presentation Homework (20%) 4 Homeworks Due by next week’s class Attendance and Participation (10%)

6. June 23, 2004 6 Programming for WWW (Lecture#1) In-Young Ko, Information Communications University Course Policy Students who fail to attend more than 15% of the classes without proper notice will get F Students who fail to attend more than 15% of the classes without proper notice will get F Please don’t be late for class Please don’t be late for class Please turn off your cell phones when you enter the classroom Please turn off your cell phones when you enter the classroom Please don’t disturb other students by walking in and out during class Please don’t disturb other students by walking in and out during class

7. June 23, 2004 7 Programming for WWW (Lecture#1) In-Young Ko, Information Communications University Course Objective Learn the concepts, internals and applications of Web-related technologies Learn the concepts, internals and applications of Web-related technologies Learn core concepts of WWW Learn core concepts of WWW Learn state-of-the-art Web technologies Learn state-of-the-art Web technologies Practice Web-based information management Practice Web-based information management Study Web-based software development strategies Study Web-based software development strategies

8. June 23, 2004 8 Programming for WWW (Lecture#1) In-Young Ko, Information Communications University Course Overview WWW Concepts and Architecture WWW Concepts and Architecture Web Information Presentations (HTML, Stylesheet) Web Information Presentations (HTML, Stylesheet) Web-based Information Integration Web-based Information Integration Dynamic Documents (JavaScript) Dynamic Documents (JavaScript) Plug-ins and Applets Plug-ins and Applets XML and XML Processing XML and XML Processing CGI Programming CGI Programming Web Servers and Servlets Web Servers and Servlets Database Access on the Web Database Access on the Web Web Services Web Services Semantics Web Semantics Web Web-based Software Development Web-based Software Development

9. June 23, 2004 9 Programming for WWW (Lecture#1) In-Young Ko, Information Communications University Term Projects Project Teams Project Teams 3-4 people per a group 3-4 people per a group Form your team by Wed June 30 th Form your team by Wed June 30 th Midterm Project: Midterm Project: Web-based Information Integration Web-based Information Integration Final Project: Final Project: Web-services-based Application Development Web-services-based Application Development Project Presentations Project Presentations

10. June 23, 2004 10 Programming for WWW (Lecture#1) In-Young Ko, Information Communications University Other Announcements Each student will get a Unix account in the ‘Vega’ server to open his/her own Web site Each student will get a Unix account in the ‘Vega’ server to open his/her own Web site Please send instructor an email (Internet email, not IntraMail) with your name (both in English and Korean), and student ID Please send instructor an email (Internet email, not IntraMail) with your name (both in English and Korean), and student ID Reschedule the class hours? Reschedule the class hours? Wednesday 7:00PM – 10:00PM Wednesday 7:00PM – 10:00PM Friday 2:00PM – 5:00PM Friday 2:00PM – 5:00PM

11. June 23, 2004 11 Programming for WWW (Lecture#1) In-Young Ko, Information Communications University English last name of the person to find: Rim or Lim? English last name of the person to find: Rim or Lim? Travel Purpose: Attending a conference in Las Vegas Travel Purpose: Attending a conference in Las Vegas Her research area: VLSI Her research area: VLSI Finding a person attending a conference in US An Example of Surfing the Web Known Information Las Vegas Los Angeles

12. June 23, 2004 12 Programming for WWW (Lecture#1) In-Young Ko, Information Communications University An Example of Surfing the Web Search for the Web site of a conference Find the venue of the conference Search for the hotel Web site Find the phone number of the hotel Finding a person attending a conference in US

13. June 23, 2004 13 Programming for WWW (Lecture#1) In-Young Ko, Information Communications University The Origin of the Web A proposal to build a global hypertext system for CERN CERN Tim Berners-Lee, 1989 www.w3.org/History/1989/proposal.html “Information Management: A Proposal”

14. June 23, 2004 14 Programming for WWW (Lecture#1) In-Young Ko, Information Communications University WWW Concepts Different terminals to access different machines Different terminals to access different machines Different document formats for different machines Different document formats for different machines Different programs to access data Different programs to access data www.w3.org/Talks/General/Concepts.html 1. Universal Readership One terminal (client) to access different machines One terminal (client) to access different machines One document format: HTML One document format: HTML One type of program to access data: Web browsers One type of program to access data: Web browsers

15. June 23, 2004 15 Programming for WWW (Lecture#1) In-Young Ko, Information Communications University WWW Concepts Text with links – e.g., footnotes, bibliographies Text with links – e.g., footnotes, bibliographies Each document has its own address called URI (Uniform Resource Identifier) Each document has its own address called URI (Uniform Resource Identifier) c.f., URL (Uniform Resource Locator) c.f., URL (Uniform Resource Locator) All documents are written in HTML (Hypertext Markup Language) All documents are written in HTML (Hypertext Markup Language) Documents are connected via Anchors and Links Documents are connected via Anchors and Links 2. Hypertext

16. June 23, 2004 16 Programming for WWW (Lecture#1) In-Young Ko, Information Communications University WWW Concepts Web documents are indexed by search engines Web documents are indexed by search engines Text-based search by sending keywords to a search engine Text-based search by sending keywords to a search engine 3. Searching

17. June 23, 2004 17 Programming for WWW (Lecture#1) In-Young Ko, Information Communications University WWW Concepts No central control No central control Anybody can publish information on a server Anybody can publish information on a server Anyone can read information by using a client Anyone can read information by using a client All clients and servers are connected via Internet All clients and servers are connected via Internet Use of a common protocol, HTTP (Hypertext Transfer Protocol) Use of a common protocol, HTTP (Hypertext Transfer Protocol) 4. Client-Server Model

18. June 23, 2004 18 Programming for WWW (Lecture#1) In-Young Ko, Information Communications University Web vs. Internet Internet: A collection of computers connected in a communications network Protocols: TCP/IP (Transmission Control Protocol / Internet Protocol) Protocols: TCP/IP (Transmission Control Protocol / Internet Protocol) Addressing: Domain names, IP addrs Addressing: Domain names, IP addrs Naming server: DNS Naming server: DNS Applications: SMTP, FTP, Telnet,… Applications: SMTP, FTP, Telnet,… Web: A collection of software and protocols for exchanging multimedia data on the Internet Protocols: HTTP, HTTPS, … Protocols: HTTP, HTTPS, … Addressing: URI (URL) Addressing: URI (URL) Programs: Web browsers, Web servers Programs: Web browsers, Web servers Data Types: HTML, Images, Music, … Data Types: HTML, Images, Music, … http://www.people.virginia.edu/~lah8v/DCE/Buckingham/resources/Internet.ppt

19. June 23, 2004 19 Programming for WWW (Lecture#1) In-Young Ko, Information Communications University The Growth of the Internet 1969 – ARPA Net 4 Nodes (UCLA, SRI, UCSB, U of Utah) www.opte.org/maps A Map of the Internet A Map of the Internet January 2004 233,101,481 Nodes www.isc.org/index.pl?/ops/ds/

20. June 23, 2004 20 Programming for WWW (Lecture#1) In-Young Ko, Information Communications University Internet Addresses Domain Names Domain Names Domain: a collection of machines (hosts) Domain: a collection of machines (hosts) Name structures Name structures US; Host name. Domain. Organization US; Host name. Domain. Organization Others; Host name. Domain. Organization. Country Others; Host name. Domain. Organization. Country e.g., www.w3.org, www.icu.ac.kr e.g., www.w3.org, www.icu.ac.krwww.w3.orgwww.icu.ac.krwww.w3.orgwww.icu.ac.kr IP (Internet Protocol) Addresses IP (Internet Protocol) Addresses e.g., 210.107.128.25, 18.7.14.127 e.g., 210.107.128.25, 18.7.14.127 http://www.iana.org/ Internet Corporation For Assigned Names and Numbers http://www.icann.org/

21. June 23, 2004 21 Programming for WWW (Lecture#1) In-Young Ko, Information Communications University IP Address Classes Class A Class A Initial byte: 0 – 127 Initial byte: 0 – 127 126 classes 126 classes 16,777,214 hosts / class 16,777,214 hosts / class Class B Class B Initial byte: 128 – 191 Initial byte: 128 – 191 16,384 classes 16,384 classes 65,532 hosts / class 65,532 hosts / class Class C Class C Initial byte: 192 – 223 Initial byte: 192 – 223 2,097,152 classes 2,097,152 classes 254 hosts / class 254 hosts / class 31 23 15 7 0 1 10 Network AddressHost Addr. e.g., 210.107.128.25 (ICU) 31 23 15 7 0 0 Net. Addr.Host Address e.g., 18.7.14.127 (W3C) 31 23 15 7 0 1 0 Net. Addr.Host Address e.g., 129.42.16.99 (IBM)

22. June 23, 2004 22 Programming for WWW (Lecture#1) In-Young Ko, Information Communications University IPv6 Internet Protocol Version 6 Internet Protocol Version 6 The next generation protocol designed by the IETF (Internet Engineering Task Force) The next generation protocol designed by the IETF (Internet Engineering Task Force)IETF New features (compared to IPv4) New features (compared to IPv4) 128-bit address space 128-bit address space Built-in security Built-in security Support for QoS (Quality of Service) Support for QoS (Quality of Service) Support for multicasting Support for multicasting http://www.ipv6.org/ http://www.ipv6.org/ http://www.ipv6.org/

23. June 23, 2004 23 Programming for WWW (Lecture#1) In-Young Ko, Information Communications University IP Datagram Header Format

24. June 23, 2004 24 Programming for WWW (Lecture#1) In-Young Ko, Information Communications University Internet Packet Routing Pictures are from http://grc.com/dos/PacketRouting.htm

25. June 23, 2004 25 Programming for WWW (Lecture#1) In-Young Ko, Information Communications University ‘Whois’ Server

26. June 23, 2004 26 Programming for WWW (Lecture#1) In-Young Ko, Information Communications University Tracing the Route Domain Name: www.shrek2.com IP Address: 69.28.176.21

27. June 23, 2004 27 Programming for WWW (Lecture#1) In-Young Ko, Information Communications University Tracing the Route C:\>tracert www.shrek2.com Tracing route to drmwrks.vo.llnwd.net[69.28.176.21] 1 2 ms 4 ms 3 ms 210.107.250.1 2 15 ms 14 ms 14 ms 61.74.147.1 3 14 ms 15 ms 24 ms 211.196.201.45 4 16 ms 15 ms 16 ms 220.73.170.189 5 16 ms 16 ms 14 ms 220.73.151.54 6 15 ms 15 ms 16 ms 211.216.216.90 7 162 ms 162 ms 179 ms 211.48.63.206 8 164 ms 165 ms 163 ms 1 1 1 198.32.176.164 9 164 ms 183 ms 163 ms 63.223.1.5 10 197 ms 164 ms 165 ms 63.223.3.90 11 165 ms 164 ms 164 ms 69.28.176.21 Trace complete. Daejon Bundang EP.NET CA, USA CAIS Internet VA, USA AZ, USA

28. June 23, 2004 28 Programming for WWW (Lecture#1) In-Young Ko, Information Communications University Internet Service Providers (ISPs) http://isis.nic.or.kr/sub03/sub03_index.html

29. June 23, 2004 29 Programming for WWW (Lecture#1) In-Young Ko, Information Communications University The Future of the Web Mobile Web – enables users to access the Web from their mobile devices such as cell phones and PDAs (Personal Digital Assistants) Mobile Web – enables users to access the Web from their mobile devices such as cell phones and PDAs (Personal Digital Assistants) Service-Oriented Web – makes various services accessible via the Web using the standard Web Services protocols Service-Oriented Web – makes various services accessible via the Web using the standard Web Services protocols Semantic Web – makes machine understandable (processable) information available on the Web Semantic Web – makes machine understandable (processable) information available on the Web

30. June 23, 2004 30 Programming for WWW (Lecture#1) In-Young Ko, Information Communications University Ubiquitous Computing LAN Services Noun Phraser News Filter Document Clusterer Remote LAN Services Noun Phraser News Filter Document Clusterer Internet Services CNN GoogleAltaVistaYahoo LA Times MSNBC Restrictions on service migration Firewall Customized Applications

31. June 23, 2004 31 Programming for WWW (Lecture#1) In-Young Ko, Information Communications University Cooltown Video http://www.ipv6.or.kr/wg/application/Interim/02-008.ppt http://www.cooltown.com/

32. June 23, 2004 32 Programming for WWW (Lecture#1) In-Young Ko, Information Communications University HP Cooltown http://www.ipv6.or.kr/wg/application/Interim/02-008.ppt Everything (computers, mobile devices, home appliances, etc.) is connected to the Web through wired or wireless links Everything (computers, mobile devices, home appliances, etc.) is connected to the Web through wired or wireless links Everything has a Web page (with a URL) Everything has a Web page (with a URL) A beacon that is attached to an object broadcasts a URL A beacon that is attached to an object broadcasts a URL

33. June 23, 2004 33 Programming for WWW (Lecture#1) In-Young Ko, Information Communications University Semantic Web Definition: "The Semantic Web is an extension of the current web in which information is given well-defined meaning, better enabling computers and people to work in cooperation." – Tim Berners-Lee, James Hendler, Ora Lassila, The Semantic Web, Scientific American, May 2001 Definition: "The Semantic Web is an extension of the current web in which information is given well-defined meaning, better enabling computers and people to work in cooperation." – Tim Berners-Lee, James Hendler, Ora Lassila, The Semantic Web, Scientific American, May 2001The Semantic WebThe Semantic Web Machine understandable metadata Machine understandable metadata RDF (Resource Description Framework) RDF (Resource Description Framework) RDFS (RDF Schema) RDFS (RDF Schema) OWL (Web Ontology Language) OWL (Web Ontology Language)

34. June 23, 2004 34 Programming for WWW (Lecture#1) In-Young Ko, Information Communications University Syntactic vs. Semantic Web HTML (Hypertext Markup Language) URL (Uniform Resource Locator) Keyword-based Queries e.g., ICU Kildong RDF (Resource Description Framework) URI (Uniform Resource Identifier) Semantically-based Queries e.g., Find Kildong who is a student at ICU at ICU University isA Educational Unit isA ICU hasName hasStudents hasWeb www.icu.ac.kr … hasMember Kildong hasName

35. June 23, 2004 35 Programming for WWW (Lecture#1) In-Young Ko, Information Communications University Reading Assignment Information Management: A Proposal, Tim Berners-Lee, CERN, March 1989 http://www.w3.org/History/1989/proposal.html Information Management: A Proposal, Tim Berners-Lee, CERN, March 1989 http://www.w3.org/History/1989/proposal.html http://www.w3.org/History/1989/proposal.html