LBSC 690 (Spring, 2007): Course Material

Back to main page

Session 1: Computers and Networks (Lecture)

Readings

• How much information?
• Shelly et al., Chapter 2: "The Internet and the World Wide Web"
• Shelly et al., Chapter 4: "The Components of the System Unit"

Slides

• Powerpoint
• PDF

Content

• WAM accounts
• F-Secure SSH (for Windows)
• Fugu (for Mac OS X)

Session 2: FTP, "Hello World!" HTML (Lab)

Readings

• Shelly et al., Chapter 7: "Storage"
• Shelly et al., Chapter 9: "Communications and Networks"

Slides

• Powerpoint
• PDF

Content

• DNS Sutff
• Publishing Web Pages at UMD
• The Bare Bones Guide to HTML
• Required HTML Tags
• Setting Background and Text Color
• Webmonkey: Color Codes
• HTML Colors

Session 3: Interacting with Users (Lecture)

Slides

• Powerpoint
• PDF

Different Versions of my Homepage

• version 1
• version 2
• version 3
• version 4
• version 5

Session 4: Basic HTML (Lab)

Slides

• Powerpoint
• PDF

Readings

• Shelly et al., chapter 5, "Input"
• Shelly et al., chapter 6, "Output"
• A History of HCI
• User Frustration in Navigating the Web
• Principles of Good GUI Design
• Guidelines for Multimedia on the Web
• First Principles of Interface Design
• The Flash Hall of PR Shame
• Browse these sites: [RISD] [MIT Media Lab] [Stanford's Media X] [FIT]

Content

• Fun with tables!
• HTML Cheat Sheet
• Basic HTML elements: [Headlines] [Paragraphs] [Line breaks] [Blockquotes] [Links]
• Images: [Adding Graphics] [Images] [Image Borders] [Background Images]
• Font properties: [Bold and Italic Text] [Teletype] [Font size] [Font color]
• Text alignment: [Aligning text] [The Wonderful <DIV> Tag Makes Markup Easier]
• Creating HTML Lists: [Definition Lists] [Unordered Lists] [Ordered Lists]
• Typefaces designed for the screen
• Symbols, Accents, and Funky Characters
• The Basic, Basic Table
• The Not-So-Basic Table
• So, You Want A Table, Huh?
• Table Cell Color

Session 5: Metadata, Structured Documents, and XML (Lecture)

Slides

• Powerpoint
• PDF

Content

• SMIL examples
• MathML demo

Session 6: CSS, XML/XSLT (Lab)

Readings

• What is a Structured Document?
• Why Use Structured Documents?
• Introduction to XML (go through XML tutorial, from XML Introduction through XML in Real Life)
• A Technical Introduction to XML
• XML in 10 points
• Scientific American: The Semantic Web

Slides

• Powerpoint
• PDF

Content

• More HTML: [Frames] [Mailto] [A mailto with a Subject] [Image Maps]
• CSS
  • Style Sheets
  • Introduction to CSS
  • CSS tutorial
  • CSS Property Index
    
• CSS: Demo
  • Demo 1
  • Demo 2
  • Demo 3
  • Demo 4
  • Demo 5 (style sheet)
• CSS: Exercise
  • Starting Point
  • Final Product
• XML and XSLT
  • Introduction to XML
  • Understanding XSLT
  • What is XSLT?
• XML and XSLT: Demo 1
  • A poem coded in XML
  • The same poem, transformed using XSLT
  • The XSLT transform
  • The DTD
• XML and XSLT: Demo 2
  • A business card coded in XML
  • The same information, transformed using XSLT
  • The XSLT transform
• XML and XSLT: Demo 3
  • A CD catalog in XML
  • The same information, transformed using XSLT
  • The XSLT transform
• XML/XSLT/CSS Challenge
  • The final product
  • Solutions: [The XSLT Transform] [CSS]

Session 7: Relational Databases (Lecture)

Slides

• Lecture: [Powerpoint] [PDF]
• In-class exercise solutions: [Powerpoint] [PDF]

Session 8: SQL, Web Forms (Lab)

Readings

• Shelly et al., Chapter 10, "Database Management"
• Databases from scratch (all three parts)
• The Deep Web: Surfacing Hidden Value

Slides

• Lecture: [Powerpoint] [PDF]
• Another database design problem: [Powerpoint] [PDF]

Content

• SQL Tutorial
  • Issue SQL queries here!
  • Try your hand at SQL queries...
  • SQL tutorial
  • SQLCourse - Interactive Online SQL Training for Beginners
• Interlibrary Loan Example (Using MS Access)
  • Sample Access Database
  • Sample Request Form
  • Sample PHP Code: adding a record
  • Sample PHP Code: displaying a phone number
• Web forms
  • Introduction to Databases for the Web
  • HTML Forms and Input

Session 9: Multimedia (Lecture)

Slides

• Powerpoint
• PDF

Content

• Multimedia demo
• Adding Sounds...
• Embedding QuickTime
• How do analog to digital convertors work?
• Web Page Design: GIF vs. JPEG
• When and how to use internet image formats

Session 10: Programming, JavaScript (Lab)

Readings

• Shelly et al., Chapter 3, "Application Software"
• Shelly et al., Chapter 13, "Programming Languages and Program Development"

Slides

• Powerpoint
• PDF

Content

• JavaScript demo: dinner
• JavaScript demo: dessert
• JavaScript demo: tasty candy
• JavaScript demo: Search tool selector
• JavaScript demo: Summation calculator
• JavaScript form values
• JavaScript events
• The JavaScript Building Blocks: Data Types, Literals, and Variables
• WebMonkey: JavaScript tutorial
• Another JavaScript tutorial
• JavaScript Kit
• How to Steal JavaScript
• The Classic Image Rollover
• A Wizard for Popup Windows

Session 11: Information Retrieval and Search (Lecture)

Readings

• Power Searching for Anyone (Browse to get an idea of what modern search engines can do)
• Search features Chart
• Modern Information Retrieval: Chapter 1 [local copy] (Read up through section 1.4)
• The Seven Ages of Information Retrieval
• What Do People Want from Information Retrieval?
• Play with these search engines:
  • Google
  • Microsoft Live
  • Exalead
  • Vivisimo
  • Kartoo
  • WebBrain
  • Grokker
  • Google Image Search
  • Singingfish Multimedia Search

Slides

• Powerpoint
• PDF

Session 12: Privacy and Security (Lecture)

Readings

• Shelly et al., Chapter 11, "Computer Security, Ethics, and Privacy"
• Surveillance Nation (Technology Review, April 2003) [Part 1] [Part 2]
• The Curse of the Biometric Future (February, 2004)
• Attention, Shoppers: You Can Now Speed Straight Through Checkout Lines! (Wired, July 2004)

Slides

• Powerpoint
• PDF

Session 13: Building and Deploying Systems (Lecture)

Readings

• Copyright
  • Fair Use
  • Sonny Bono Copyright Term Extension Act (Wikipedia)
  • Lawrence Lessig's Supreme Showdown (Wired, October 2002)
  • In Defense of Copyright (Salon, April 2002)
• Digital Rights Management
  • Digital Rights Management (Wikipedia)
  • Digital Rights Management (DRM) Architecture
  • Digital Rights Management: The Skeptics' View
• Open Source
  • Lawrence Lessig: Introduction to "Free Software, Free Society, Selected Essays of Richard M. Stallman" [original source]
  • Why Software Should Be Free
  • Selling Free Software
  • (optional reading) The Cathedral and the Bazaar

Slides

• Powerpoint
• PDF

Last updated: $Date: 2007/04/20 15:36:17 $