Introduction Welcome! Who am I? Who are you? 25 words or so: name? school? what do you teach? Course web site: (on syllabus) Plan for the course

Plan for TEP class meetings First part of class meeting a tutorial/presentation/conversation Short break at about 6:30: 15 minutes: food & drink in commons (no food or drink in the lab) Second part of class meeting a time for you to do what we just talked about, with support from me and the rest of the class

Project-oriented course Daily projects: on syllabus, but check the web version each class meeting - subject to minor revisions Major project

Office hours Right before class (4-5) except for the three days we have guests (June 24, June 28, June 29), when it will be right after class (8-8:30)

Educational uses of the web: “From surfing to serving” Initially people see the Internet as a vast source of information The web as a distributed hypermedia

Hypertext & Hypermedia Our class web page as a hypertextOur class web page What is hypertext? Text that can be read in multiple ways Print hypertexts? Hypermedia: hypertext+graphics+sound+video+animation+etc. = hypertextual multimedia

The World-Wide Web A distributed hypermedia Different parts can be on different computers all around the world, with hypertextual links via the Internet

Web surfing Web “surfing” –Advantages –Disadvantages

Surfing to Serving Web Serving: –Advantages –Disadvantages

Search Engines Databases of web resources Two kinds –Directories (human classified) - Ex: YahooYahoo –Web crawler-based (not human classified) - Ex: ExciteExcite Which to use? –Use whichever ones you find useful –When you don’t find one useful, switch to another

Understanding URLs A unique address for each web resource Structure: what + which computer + which file Example: What kind of resource: -> Web file Which computer: www-tep.ucsd.edu Which file: courses/tep231/su99/default.html

Understanding Computer Names Domain names: used both for computer names in URLs and in addresses (whatever is the to the right of sign) Like a postal address, but with “.” instead of new line as separator Most general to most specific, right to left

Example:www-tep.ucsd.edu From the right: edu -> US higher education institution –com --> US commercial institution –gov --> US federal government –org --> US non-profit –us --> US –mx -> Mexico –au -> Australia –Country code list:

Example:www-tep.ucsd.edu Next to the left: ucsd –University of California, San Diego example: –University of Illinois. Urbana-Champaign

Example:www-tep.ucsd.edu Next to the right: www-tep –A particular computer in the room next door Another example: –ed --> computers in the Education Building at UIUC –www --> a particular computer in the basement of the Education Building

Sending/saving URLs Have to get the URL exactly right (sometimes case mAtTeRs; no spaces ever) Copy & paste is best ing from your web browser –Advantages: can do anywhere –Disadvantages: need to set & then unset preferences ing yourself

Using URLs to evaluate web sites Largest level domain:.edu vs..com vs. … Subdomain elements:.ed.uiuc vs..cs.uiuc Directory elements: /students/joe/ vs. /facstaff/chip/ Institutional vs. personal pages: /~jlevin/ vs. /deans/

Photo op During the second half of the course, get your individual picture taken with the digital camera Group picture right after break

Break time! Meet back here in 15 minutes: at 6:25

Group photo Individual photos: sign your name when you get your picture taken To be used (if you choose to do so) on your personal web page

Next class meeting Tomorrow: June 22, same time, same place Office hour tomorrow: 4pm-5pm, next door (Production Lab)

Personal web page assignment Each team of two is to find two exemplary personal web pages - a personal web page is a web page created by a person about him/herself (this assignment will help you create/modify your own personal web page, which you’ll do next class meeting)

Exemplary personal (cont.) the URLs, short descriptions, and why your group found them to be exemplary (do this during the second half of today’s See the list of team members displayed later and...

Exemplary educational web sites find 5 exemplary educational web sites which you might use in your teaching, and 5 exemplary web sites you might want your students to use, then me the two rank ordered lists, with URLs, short descriptions, and explanations of why you think they are exemplary. and...

Reading for tomorrow read the Bruce & Levin paper at & Levin paper me one or more questions about this reading to address tomorrow in class (put this in the same as your exemplary educational web site message)me

Personal web page pairings Jean Dinah Andrea Ann Kim Kristi Donna Shawna Jennifer Stephanie Su Lisa April Liz Joyce Colleen Jodi Joanne Mary Annie Carla Dan Sharon Dave