Multimedia & the WWW

Week 1 Week 1

Introduction To….Introduction To….

Today’s Agenda

Who I am Who I am Who you are survey & discussionWho you are survey & discussion Course Description, Goals, StructureCourse Description, Goals, Structure History of WWWHistory of WWW Background InformationBackground Information Technology of WWWTechnology of WWW Next Week’s AssignmentNext Week’s Assignment

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

Who Are You?

Survey investigating your interests and Survey investigating your interests and skillsskills

Class discussion Class discussion Are you employed now?Are you employed now? Is your job WWW related?Is your job WWW related? What technology are you familiar with?What technology are you familiar with? What kind of web pages have you built?What kind of web pages have you built? Why are you taking this class?Why are you taking this class?

Course Description

This course will introduce you to the WWW This course will introduce you to the WWW and the technology associated with and the technology associated with creating WebPages. creating WebPages.

This will be done from a Human Computer This will be done from a Human Computer Interaction standpoint. Interaction standpoint.

This means that you will learn how to This means that you will learn how to develop web pages that are designed with develop web pages that are designed with the end user’s abilities, needs and the end user’s abilities, needs and limitations at the forefront of the designing limitations at the forefront of the designing process.process.

Course Goals

What the technology behind the WWW What the technology behind the WWW and WebPages consists of.and WebPages consists of.

What the basics are regarding files and What the basics are regarding files and images in terms of size format, structure.images in terms of size format, structure.

How to create user centered documents How to create user centered documents and applications for the WWW.and applications for the WWW.

How to use HTML, CSS, and JavaScript to How to use HTML, CSS, and JavaScript to build such pages.build such pages.

What usability consists of and simple What usability consists of and simple evaluations for measuring it.evaluations for measuring it.

Course Structure

Each class will have lecture, discussion Each class will have lecture, discussion and lab work or in class exercises.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 Your homework will allow you to practice

what you learn in the book and in class. what you learn in the book and in class. The midterm and final projects will allow The midterm and final projects will allow

you to polish your skills and create quality you to polish your skills and create quality work.work.

The midterm exam will test on lecture, The midterm exam will test on lecture, reading and the assignments.reading and the assignments.

History

Concept of The ‘Net 1962 memo Concept of The ‘Net 1962 memo from from J.C.R. Licklider ofJ.C.R. Licklider of MIT MIT

IMP (1969)IMP (1969)Packet SwitchingPacket Switching

ARPANET (1972)ARPANET (1972)NCPNCP

TCP/IP (mid 70’s)TCP/IP (mid 70’s)

History

CERNCERN NCSANCSA Mosaic, 1993Mosaic, 1993 Netscape 1994Netscape 1994 Current Browsers & Search Current Browsers & Search

EnginesEngines

Background Information

What is the Internet?What is the Internet? “A worldwide network of computer “A worldwide network of computer networks meant to share networks meant to share information through common information through common networking and software networking and software protocols”protocols”

The Difference between the WWW The Difference between the WWW and the ‘Netand the ‘Net

The Technology

WWW componentsWWW components Web BrowsersWeb Browsers

IEIENetscapeNetscapeLynxLynxOthers?Others?

ClientClient Web ServersWeb Servers URLsURLs

The Technology ProtocolsProtocols

TCP/IP (mid ’70s)TCP/IP (mid ’70s) HTTPHTTP FTPFTP NewsNews FileFile

Technology DomainsDomains

.com.com .edu.edu .gov.gov .net.net .org.org .mil.mil

By countryBy country AuAu CaCa FrFr ukuk

Technology

Using Telnet & FTPUsing Telnet & FTP SSHSSH Shell Client Shell Client Tucows.comTucows.com

Technology

What is HTML?What is HTML? What are tags?What are tags?

Homework 1 Read chapters 1,2, and 3Read 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 programFind, download and install an FTP/telnet program Create a pub_html file in your hawk account, set Create a pub_html file in your hawk account, set

the permissions, and FTP your critique to the the permissions, and FTP your critique to the pub_html folder of your hawk account.pub_html folder of your hawk account.

Email me the URL of the review documentEmail me the URL of the review document Determine business oriented topic of website you Determine business oriented topic of website you

will create during this quarter.will create during this quarter. Bring a hard copy of your review document and Bring a hard copy of your review document and

written description of your topic to class next written description of your topic to class next week.week.