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

June 23, 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 iko.AT. icu.ac.kr iko.AT. icu.ac.kriko.AT. icu.ac.kriko.AT. icu.ac.kr Phone: Phone:

June 23, 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: Teaching Assistant (TA): TBD Teaching Assistant (TA): TBD

June 23, 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: Reference Java Web Services, Dave Chappell and Tyler Jewell, O'Reilly, 2002, ISBN:

June 23, 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%)

June 23, 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

June 23, 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

June 23, 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

June 23, 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

June 23, 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 (Internet , not IntraMail) with your name (both in English and Korean), and student ID Please send instructor an (Internet , 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

June 23, 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

June 23, 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

June 23, 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, “Information Management: A Proposal”

June 23, 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 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

June 23, 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

June 23, 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

June 23, 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

June 23, 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, …

June 23, 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) A Map of the Internet A Map of the Internet January ,101,481 Nodes

June 23, 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., e.g., IP (Internet Protocol) Addresses IP (Internet Protocol) Addresses e.g., , e.g., , Internet Corporation For Assigned Names and Numbers

June 23, 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 – classes 126 classes 16,777,214 hosts / class 16,777,214 hosts / class Class B Class B Initial byte: 128 – 191 Initial byte: 128 – ,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 Network AddressHost Addr. e.g., (ICU) Net. Addr.Host Address e.g., (W3C) Net. Addr.Host Address e.g., (IBM)

June 23, 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

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

June 23, Programming for WWW (Lecture#1) In-Young Ko, Information Communications University Internet Packet Routing Pictures are from

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

June 23, Programming for WWW (Lecture#1) In-Young Ko, Information Communications University Tracing the Route Domain Name: IP Address:

June 23, Programming for WWW (Lecture#1) In-Young Ko, Information Communications University Tracing the Route C:\>tracert Tracing route to drmwrks.vo.llnwd.net[ ] 1 2 ms 4 ms 3 ms ms 14 ms 14 ms ms 15 ms 24 ms ms 15 ms 16 ms ms 16 ms 14 ms ms 15 ms 16 ms ms 162 ms 179 ms ms 165 ms 163 ms ms 183 ms 163 ms ms 164 ms 165 ms ms 164 ms 164 ms Trace complete. Daejon Bundang EP.NET CA, USA CAIS Internet VA, USA AZ, USA

June 23, Programming for WWW (Lecture#1) In-Young Ko, Information Communications University Internet Service Providers (ISPs)

June 23, 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

June 23, 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

June 23, Programming for WWW (Lecture#1) In-Young Ko, Information Communications University Cooltown Video

June 23, Programming for WWW (Lecture#1) In-Young Ko, Information Communications University HP Cooltown 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

June 23, 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)

June 23, 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 … hasMember Kildong hasName

June 23, Programming for WWW (Lecture#1) In-Young Ko, Information Communications University Reading Assignment Information Management: A Proposal, Tim Berners-Lee, CERN, March Information Management: A Proposal, Tim Berners-Lee, CERN, March