Mashup and Online Tutorial Paper

This is just a reminder to please create a link on your blog to your Mashup when you are finished. Your mashup contains the following items

  1. Your Google Map
  2. Chat Widget
  3. The bookmarks you subscribed to using a Social Bookmarking site
  4. A link to your RSS Feed and Blog
  5. Optional item – examples include weather report, images from flickr/picasso, twitter posts, etc.
  6. Optional item

For the online tutorial paper you will do the writing portion on your blog and turn in the rest of the assignment in on paper.

For example, if your tutorial would be a blog, video, website or flash presentation:

  1. write about the audience, subject matter, delivery method on your blog
  2. create an outline about the major points and hand it in on a piece of paper (you can choose to just write this up in words if you prefer)
  3. draw two sketches that represent two different pages in the website, blog, video or flash presntation.

If you select a podcast replace step 3 above with a short script on how you would introduce the tutorial and what it is about. Such as

We will taking a look at how to create an account in Google Reader and subscribing to a feed. The first thing you will want to do is to goto the following URL:  http://www.google.com/reader. After going here you will want to create an account by …. Yada Yada Yada

Mashup Information

Please feel free to use the mashup, I created as a model as you finish yours. Please keep in mind that the example mashup does not have all of the components in it that are required for your assignment. Please take a look at the syllabus for more information. If the social bookmarking web site you used in class does not include a way to display your bookmarks on your mashup feel free to display my bookmarks on your mashup. You can do this by copying and pasting the following html code:

<script type=”text/javascript” src=”http://feeds.delicious.com/v2/js/Patrick?title=My%20Delicious%20Bookmarks&icon=m&count=5&sort=date&tags&extended&name&showadd”>
</script>

If you have an account with delicious here is how you can display your bookmarks on your mashup.

  1. Log into delicious
  2. select the settings link in the upper right hand corner
  3. under the Blogging heading select the tag rolls link
  4. copy and paste the html code that appears in the text frame

In addition to creating your mashup you also need to add an additional item tag to your RSS Feed that directs people to your mashup. Here is an example of the XML that, I would need to add to my RSS feed to direct people to my mashup.

<item>

<title>Mashup</title>

<link>http://www.patrickrunfit.com/s603/mashup.html</link>

<description>This is one of the assignments that I created for S603 Emerging Technologies and liberties.</description>

</item>

This code will need to placed directly between the closed </item> and closed </channel> tags of your RSS Feed.

Here is what my complete RSS Feed would look like with two items:

<?xml version=”1.0″ ?>

<rss version=”2.0″ xmlns:atom=”http://www.w3.org/2005/Atom”>
<channel>

<atom:link href=”http://patrickrunfit.com/s603/patrick.xml” rel=”self” type=”application/rss+xml” />

<title>Patrick Patterson</title>

<link>http://www.patrickrunfit.com</link>

<description>My personal website</description>

<item>

<title>Resume</title>

<link>http://patrickrunfit.com/resume.html</link>

<description>Patricks Resume</description>

</item>

<item>

<title>Mashup</title>

<link>http://www.patrickrunfit.com/s603/mashup.html</link>

<description>This is one of the assignments that I created for S603 Emerging Technologies and liberties.</description>

</item>

</channel>

</rss>

Tuesday – Mashups

During class we will briefly take a look at some mashups and discuss their different components. Each person will randomly select one of the following mashups to explore:

Placeopedia – http://www.placeopedia.com/
Biowizard  –  http://www.biowizard.com
GovTrack http://www.govtrack.us
Chicago crime data  – http://chicago.everyblock.com/crime/
Berkeley-area Doctors – http://www.chaddickerson.com/mashups/doctors/
PubWindows –  http://www.neurotransmitter.net/pubmed_browser.php?topheight=40
Earmark Poupup – http://sunlightlabs.com/ermarks/
Find Pollution – http://www.findpollution.org

After discussing mashups we will create a map using Google Maps and then begin to work on the mashup assignment. You can view a map that I created giving people walking directions from the IU Foundation to the Herman B Wells library.

After creating a map you will than incorporate it into your mashup. Earlier this week we created an HTML page to contain either the zoho or meebo chat widget. You will use this webpage to create your mashup. Please see the syllabus for information.