Introduction • Welcome! • Who am I? • Who are you? 25 words or so: name? school? what do you teach? • Course web site: http://www-tep.ucsd.edu/courses/tep231/su99/ (on syllabus) • Plan for the course Plan for TEP 231 • 10 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 hypertext 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: Yahoo – Web crawler-based (not human classified) Ex: Excite • 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: http://www-tep.ucsd.edu/courses/tep231/su99/default.html • What kind of resource: http:// -> 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 email addresses (whatever is the to the right of the @ 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: http://externic.net/iso.htm Example:www-tep.ucsd.edu • Next to the left: ucsd – University of California, San Diego • Email example: j-levin@uiuc.edu – 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: www.ed.uiuc.edu – 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 • Emailing from your web browser – Advantages: can do anywhere – Disadvantages: need to set & then unset email preferences • Emailing 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.) • Email j-levin@uiuc.edu the URLs, short descriptions, and why your group found them to be exemplary (do this during the second half of today’s class) • 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 email 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 http://www.ed.uiuc.edu/facstaff/chip/taxonomy/ • email me one or more questions about this reading to address tomorrow in class (put this in the same email as your exemplary educational web site message) 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