(4) Course Goals

• Understanding how the Web works
• Publishing information on the Web
• Providing services on the Web
• Managing information on the Web
  • lectures focus on principles and technologies
  • assignments focus on applications
  • tools are important but secondary
• Economic, social, and policy contexts of the Web
• An Overview of the Web as an Open Information System

(5) What this Course Is Not

• Not a skills course
  • You will get some hands-on experience, but you won't learn to be a web developer
• Not an advanced course
  • This course is an overview and is aimed at those with little web experience, though we will spend a bit of time in deeper topics
• Not a visual design course
  • Design in the sense of architectural pattern, with only a bit of design in the sense of visual layout
• Not an interaction design course
  • But we'll spend a bit of time on user interface design best practices, and knowing architectural principles is a prerequisite for good interaction design on the Web

(6) Course Overview

• Mix of about 60% foundations and 40% contexts
• Only 6 weeks! So we'll go quickly.
• Week 1: History and background of the Web
• Weeks 2-4: Building blocks of the Web
• July 29: Midterm exam
• Weeks 5-6: Economic, social, and policy contexts of the Web
• Aug 12: Final exam

(7) Web Architecture and Information Management

Architecture

6. Computing. The conceptual structure and overall logical organization of a computer or computer-based system from the point of view of its use or design; a particular realization of this. (OED)

Management

1. a. Organization, supervision, or direction; the application of skill or care in the manipulation, use, treatment, or control (of a thing or person), or in the conduct of something. (OED)

• Learning the conceptual structure and organization of the Web
• Understanding how the Web is being applied to the manipulation, use, treatment, and control of information
• Thinking about and knowledgeably discussing how the Web is and can be used

(8) Web Architecture and Information Management

1. Part 1: Building Blocks of the Web
   • History and background of the Web
   • Filesystems and directory structure
   • Foundations of Web page design (HTML & CSS) and Content Management
   • Web browsers and protocols
   • Web applications, cookies, and databases
   • Client-side scripting (JavaScript & Ajax)
   • Multimedia content (pictures & audio/video) & HTML5
2. Part 2: Contexts of the Web
   • Web search engines, mobile, and social applications
   • Economics of the Web: the life of an Internet dollar
   • The industry of serving the Web: networks, server farms, and the Cloud
   • Web policy: Privacy, openness, and more

(10) About Brad

• Google Engineering [Gmail] (2007-present)
• MIMS at the UC Berkeley School of Information (2007)
• UC Berkeley Staff (2000-2007)
• Internships at Sun Microsystems [now Oracle] (1998) and I.B.M. Research (2006)
• appointments / questions by email: brad@ischool.berkeley.edu [mailto:brad@ischool.berkeley.edu]
• Many thanks to Erik Wilde and Dilan Mahendran for guidance and material!

(11) Course communication

• Course Web page:
  http://courses.ischool.berkeley.edu/i153/s11/ [http://courses.ischool.berkeley.edu/i153/su11/]
• Course mailing list: coming soon (check back here)

(12) Course grading

• Letter grade based on participation, assignments, and exams
• participation: 10%
• assignments (5): 20%
• project / presentation: 20%
• mid-term exam: 25%
• final exam: 25%

(13) Assignments

• Weekly assignments
  • assigned Wednesday, due following Friday at midnight
  • Lab Times [Lab Times (1)] on Friday for assignment support
• Support provided by Jonathan [mailto:jonyen@gmail.com]
• Closely following the course topics
• The readings for each week will be very helpful for the assignments

(14) Lab Times

• Lab time on Friday in South Hall
  • 2-4:30pm: 202 South Hall
• Your best opportunity to get immediate support
• Bring your laptops, we provide no computer access
• Questions by email will also be answered (response time varies...)

(15) Course Reading

• No official textbook
• Each lecture has readings and/or resources associated with it
• Reading the assigned reading in advance is required
• Searching for additional resources is encouraged
  • really good resources might go into the syllabus
  • bSpace has features for information sharing

(16) Project / Presentation

• The course project can be found here [https://docs.google.com/document/d/1Q-JwiZiFzTQF-g_gDKHGiG1xQ7HOsJI4rCEsx-yLGuw/edit?authkey=CMv5iMEM].
• Some research on a topic of your choosing
• Two deliverables:
  • 5 minute oral presentation to the class (4 per class session starting July 18)
  • <800 word report (due Aug. 3)
• 20% of your grade
• It is recommended that you check with Jonathan or I as you choose your topic.
• The course readings can help guide you in your choice of topic and presentation date.

(17) Laptops

• No laptops during lecture...
• ... unless we are actually supposed to be using them. :-)
• Please bring your laptops - I will signal when we are working on an activity that requires them.

(18) About these Slides

• Generated from Hotspot [http://dret.net/projects/xslidy/] XML [web-summer11.xml]
• Designed for online presentation and use (lots of links!)
  • Firefox Go Up [http://dret.typepad.com/dretblog/2008/07/go-up.html] allows easy navigation up one level
  • Firefox Site Navigation Bar [https://addons.mozilla.org/en-US/firefox/addon/1949] supports navigation of link links
  • Firefox Link Widgets [https://addons.mozilla.org/en-US/firefox/addon/2933] requires a bit more configuration (more flexibility)
  • for printing, use a (all slides), and then s (smaller font) a couple of times
• A good real-world example for Web-based publishing
  • Slidy/Kilauea is useful, but there is no support for structures and hyperlinking
  • Hotspot adds these features by adding an XSLT transformation
  • Hotspot is useful, but there is no interface (XML editing only)

(19) Additional Resources

• Online Glossary at http://dret.net/glossary/ [http://dret.net/glossary/]
  • suggestions, updates, corrections are welcome
  • another exercise in how to use XML and XSLT for information management
• Bibliography at http://dret.net/biblio/ [http://dret.net/biblio/]
  • suggestions, updates, corrections are welcome
  • produced by an XML-centric system for managing bibliography data
• The World Wide Web Consortium (W3C) [http://www.w3.org/]
  • headed by Tim-Berners Lee [http://www.w3.org/People/Berners-Lee/], inventor of the Web (with Robert Cailliau [http://en.wikipedia.org/wiki/Robert_Cailliau])
• The Internet Engineering Task Force (IETF) [http://www.ietf.org/]
  • mainly Internet standards, but also responsible for URIs and HTTP

(20) Administrative Details

• Please fill out the course survey if you haven't done it yet! Here is the link: http://goo.gl/s6DG2 [http://goo.gl/s6DG2]
• Please consider when you'd like to present your 5 minute oral presentation to the class. We'll sign up for slots next week!