1. Multimedia & the WWW Week 1 Introduction To….

2. Today’s Agenda Who I am Who I am Who you are survey & discussion Who you are survey & discussion Course Description, Goals, Structure Course Description, Goals, Structure History of WWW History of WWW Background Information Background Information Technology of WWW Technology of WWW Next Week’s Assignment Next Week’s Assignment

3. Who Am I? Stephanie Berger   M.S. in Human Computer Interaction DePaul University [class of 2001]   Over 5 years Web Development experience   Over 4 years experience conducting usability research   1.5 years teaching HCI classes at DePaul

4. Who Are You? Survey investigating your interests and skills Survey investigating your interests and skills Class discussion Class discussion  Are you employed now?  Is your job WWW related?  What technology are you familiar with?  What kind of web pages have you built?  Why are you taking this class?

5. Course Description This course will introduce you to the WWW and the technology associated with creating WebPages. This course will introduce you to the WWW and the technology associated with creating WebPages. This will be done from a Human Computer Interaction standpoint. This will be done from a Human Computer Interaction standpoint. This means that you will learn how to develop web pages that are designed with the end user’s abilities, needs and limitations at the forefront of the designing process. This means that you will learn how to develop web pages that are designed with the end user’s abilities, needs and limitations at the forefront of the designing process.

6. Course Goals What the technology behind the WWW and WebPages consists of. What the technology behind the WWW and WebPages consists of. What the basics are regarding files and images in terms of size format, structure. What the basics are regarding files and images in terms of size format, structure. How to create user centered documents and applications for the WWW. How to create user centered documents and applications for the WWW. How to use HTML, CSS, and JavaScript to build such pages. How to use HTML, CSS, and JavaScript to build such pages. What usability consists of and simple evaluations for measuring it. What usability consists of and simple evaluations for measuring it.

7. Course Structure Each class will have lecture, discussion and lab work or in class exercises. Each class will have lecture, discussion and lab work or in class exercises. Reading is assigned for every class. Reading is assigned for every class. Your homework will allow you to practice what you learn in the book and in class. Your homework will allow you to practice what you learn in the book and in class. The midterm and final projects will allow you to polish your skills and create quality work. The midterm and final projects will allow you to polish your skills and create quality work. The midterm exam will test on lecture, reading and the assignments. The midterm exam will test on lecture, reading and the assignments.

8. History  Concept of The ‘Net 1962 memo from J.C.R. Licklider of MIT  IMP (1969)  Packet Switching  ARPANET (1972)  NCP  TCP/IP (mid 70’s)

9. History CERN CERN NCSA NCSA Mosaic, 1993 Mosaic, 1993 Netscape 1994 Netscape 1994 Current Browsers & Search Engines Current Browsers & Search Engines

10. Background Information What is the Internet? “A worldwide network of computer networks meant to share information through common networking and software protocols” What is the Internet? “A worldwide network of computer networks meant to share information through common networking and software protocols” The Difference between the WWW and the ‘Net The Difference between the WWW and the ‘Net

11. The Technology WWW components WWW components  Web Browsers  IE  Netscape  Lynx  Others?  Client  Web Servers  URLs

12. The Technology Protocols Protocols  TCP/IP (mid ’70s)  HTTP  FTP  News  File

13. Technology Domains Domains .com .edu .gov .net .org .mil By country By country  Au  Ca  Fr  uk

14. Technology Using Telnet & FTP Using Telnet & FTP  SSH Shell Client SSH  Tucows.com Tucows.com

15. Technology What is HTML? What is HTML? What are tags? What are tags?

16. Homework 1 Read chapters 1,2, and 3 Read chapters 1,2, and 3 Critique a favorite website and write a review. Critique a favorite website and write a review. Read about FTP and your DePaul UNIX account. Read about FTP and your DePaul UNIX account. Find, download and install an FTP/telnet program Find, download and install an FTP/telnet program Create a pub_html file in your hawk account, set the permissions, and FTP your critique to the pub_html folder of your hawk account. Create a pub_html file in your hawk account, set the permissions, and FTP your critique to the pub_html folder of your hawk account. Email me the URL of the review document Email me the URL of the review document Determine business oriented topic of website you will create during this quarter. Determine business oriented topic of website you will create during this quarter. Bring a hard copy of your review document and written description of your topic to class next week. Bring a hard copy of your review document and written description of your topic to class next week.