Readings

The list of readings below is sorted by topic. Please consult the course calendar for a list of readings by date.

This is a preliminary list of readings and is subject to change.

Mashups and Web 2.0 Philosophy

• Mashups: The New Breed of Web App
  Duane Merrill, IBM DeveloperWorks, 2006.
• Understanding Mashup Development
  Jin Yu, Boualem Bentallah, Fabio Casati, Florian Daniel, IEEE Internet Computing, Volume 12, Issue 5, September-October 2008.
  
• Tagging: People-powered Metadata for the Social Web (Chapter 1)
  Gene Smith, New Riders Press, 2008.
• Hacking, Mashing, Gluing: Understanding Opportunistic Design
  Björn Hartmann, Scott Doorley, and Scott R. Klemmer, IEEE Pervasive Computing, Volume 7, Issue 3, July-September 2008.
• The Rise of Crowdsourcing
  Jeff Howe, WIRED Magazine, June 2006.
• 1 + 1 + 1 = 1 : The New Math of Mashups
  Sascha Frere-Jones, The New Yorker, January 10, 2005.
• The Snowflake Effect: The Future of Mashups and Learning
  Wayne Hodgins, Becta Emerging Technologies for Learning, 2009.
• Dr. Mashup; or, Why Educators Should Learn to Stop Worrying and Love the Remix
  Brian Lamb, EDUCAUSE Review, Volume 42, Issue 4, July/August 2007.
• The Ecstasy of Influence: A Plagiarism
  Jonathan Lethem, Harper's Magazine, February 2007.
  
• The New Order of Order
  David Weinberger, from Everything Is Miscellaneous: The Power of the New Digital Disorder, Times Books, 2007.
• Songs as Shared Things
  Wayne Marshall, wayneandwax.com.

Web Development Tools and Technologies

• The Web Standards Model: HTML, CSS, and Javascript
  Jonathan Lane, from the Opera Web Standards Curriculum
• Learning PHP 5 (Chapter 1)
  David Sklar, O'Reilly Media, 2004.
• Google Maps Hacks (Chapter 2)
  Rich Gibson and Schuyler Erle, O'Reilly Media, 2006.
• Ajax: The Definitive Guide (Chapter 1)
  Anthony T. Holdener III, O'Reilly Media, 2005.
• Developing Feeds with RSS and ATOM (Chapter 1)
  Ben Hammersley, O'Reilly Media, 2005.
• Flickr Mashups (Chapter 2, Chapter 4)
  David A. Wilkinson, Wrox, 2007.
• Amazon.com Mashups (Chapter 7)
  Francis Shanahan, Wrox, 2007.
• del.icio.us Mashups (Chapter 1, Chapter 2)
  Brett O'Connor, Wrox, 2007
  

Research on Mashups

• Making Mashups with Marmite: Towards End-User Programming for the Web
  Jeffrey Wong and Jason I. Hong, Proceedings of CHI 2007.
• Rewriting the Web with Chickenfoot
  Robert C. Miller, Michael Bolin, Lydia B. Chilton, Greg Little, Matthew Webber, and Chen-Hsiang Yu, End-user Programming for the Web, 2009.
• Potluck: Data Mash-Up Tool for Casual Users
  David F. Huynh, Robert C. Miller, and David Karger, Proceedings of ISWC 2007.
• Programming by a Sample: Rapidly Creating Web Applications with d.mix
  Björn Hartmann, Leslie Wu, Kevin Collins, Scott R. Klemmer, Proceedings of UIST 2007.
  
• Mobile Mashups: Thoughts, Directions, and Challenges
  E. Michael Maximilien, IEEE International Conference on Semantic Computing, 2008.
• What's in a mashup? And why? Studying the perceptions of web-active end users
  Nan Zang and Mary Beth Rosson, IEEE Symposium on Visual Languages and Human-Centric Computing, 2008.
• Zoetrope: Interacting with the Ephemeral Web
  Eytan Adar, Mira Dontcheva, James Fogarty, and Daniel S. Weld, Proceedings of UIST 2008.
• HT06, tagging paper, taxonomy, Flickr, academic article, to read
  Cameron Marlow, Mor Naaman, Danah Boyd, Marc Davis, Proceedings of HYPERTEXT 2006.
  
• Studying cooperation and conflict between authors with history flow visualizations
  Fernanda B. Viégas, Martin Wattenberg, Kushal Dave, Proceedings of CHI 2004.

Web Development Software

This section contains links to software tools that you may find useful for mashup building and general web development. Also check out the resources page for links to sample mashup projects and documentation and tutorials for many of these tools.

• Adobe Dreamweaver is a great integrated development environment for building websites and web applications. It lets you toggle easily between a visual layout using a WYSIWYG editor and a streamlined text view for writing code.
  http://www.adobe.com/products/dreamweaver/
• The Web Developer Toolbar for Firefox adds a toolbar to Firefox with various web development tools, letting you debug Javascript, inspect HTML code, and modify parts of a website on the fly.
  http://chrispederick.com/work/web-developer/
• Firebug is one of the most powerful Firefox extensions for JavaScript developers. You can use it to edit, debug, and monitor JavaScript and CSS, modify the DOM, and inspect communications between client and server.
  http://www.getfirebug.com/
• Greasemonkey is a Firefox extension that applies custom JavaScript to pages after they are loaded. This allows you to inject code into any website to change its appearance and behavior or to add new features. UserScripts is a huge repository of Greasemonkey extensions for customizing popular websites.
  https://addons.mozilla.org/en-US/firefox/addon/748
  http://userscripts.org/
• IE7Pro extends Internet Explorer 7 with useful features and allows execution of custom scripts after the page is loaded, much like Greasemonkey for Firefox. The IE equivalent of UserScripts is ieScripts, an user-contributed repository of IE7Pro userscripts.
  http://www.ie7pro.com/
  http://iescripts.org/
• Also for IE fans, the Internet Explorer Developer Toolbar allows you to inspect the DOM within Internet Explorer 7.
  http://www.microsoft.com/downloads/details.aspx?familyid=e59c3964-672d-4511-bb3e-2d5e1db91038
• jQuery is a small Javascript library that allows accessing and modifying the DOM using CSS3 selectors.
  http://jquery.com/
• Venkman is a powerful Javascript debugging environment for Firefox.
  http://www.mozilla.org/projects/venkman/
• The Microsoft Script Debugger allows the debugging of scripts within Internet explorer.
  http://www.microsoft.com/downloads/details.aspx?FamilyID=2f465be0-94fd-4569-b3c4-dffdf19ccd99
• If you're looking for a Windows text editor, UltraEdit offers syntax highlighting for many languages, FTP download/upload, and a variety of other features to make your web coding more efficient.
  http://www.ultraedit.com
• JsUnit is a unit testing framework for client-side Javascript. It allows you to automate tests on multiple browsers and multiple machines running different operating systems.
  http://www.jsunit.net/
• Xenu’s Link Sleuth software checks websites for broken links, including missing images, style sheets, and scripts.
  http://home.snafu.de/tilman/xenulink.html
• Vischeck can give you an idea of what your website might look like to someone who is colorblind. You can run it online onimage files or a web page, or download a version to run on your computer.
  http://www.vischeck.com/vischeck/vischeckURL.php
• With Feng GUI you can find out how people view your website, and which areas are getting the most attention. The ViewFinder Heatmap service simulates human visual attention to create an attention heatmap.
  http://www.feng-gui.com/
• Fiddler and Fiddler2 are debugging proxies that log all HTTP traffic between your computer and the Internet. Using Fiddler allows you to inspect HTTP traffic, set breakpoints, and “fiddle” with incoming or outgoing data.
  http://www.fiddlertool.com/fiddler/
  http://www.fiddler2.com/
• Even more general purpose than Fiddler are Wireshark, which inspects all traffic on the wire, and Microsoft Network Monitor, which inspects all traffic on network interfaces.
  http://www.wireshark.org/
  http://www.microsoft.com/downloads/details.aspx?familyid=18b1d59d-f4d8-4213-8d17-2f6dde7d7aac