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>

Social Bookmarking Paper

Here are some questions you might want to think about when writing up your social bookmarking paper for tomorow.

  • Are other people using the same tags that you have used?
  • Are other people bookmarking the same sites you have bookmarked?
  • Do you think that social bookmarking sites have a use beyond just a holding place for your bookmarks?

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.

Thursday – Social Bookmarking/Networking

We will be talking about social bookmarking and networking during Wednesdays class. Before diving into these topics we will have a guest speak from the Information Commons Chanitra Bishop. Chanitra has graciously offered to talk about how technology is being used in the Information Commons. After getting an oppurtunity to ask questions we we begin taking a look at social bookmarking websites. After discussing briefly their features and looking at library examples we will start working on the social bookmarking assignment, which is due on Tuesday, May 26.

With having so many social bookmarking websites to look at you will be randomly assigned one to look at from the following:

The social networkorking portion of the class we will be discussing how libraries are using these tools and look at some examples. After briefly discussing stoical networking we will split up into three different groups. Each group will create a social networking group for the class on one of the following web sites: facebook, ning, or myspace.

Tuesday's Class- Electronic Reference Desk

Tuesday in class we will be talking about the electronic reference desk and how it has changed over the course of the past few years and discuss where it is headed. The reference desk has changed in many ways and we are going to explore the variety of different forms of electronic communication that can be used to answer a reference question from people around the world. Virtual Reference can be broken down into several components, but can be referred to as Anytime, Anywhere, Answers or AAA.

In class we are going explore what things are important when providing virtual reference and how it is both similar and different from face-to-face reference questions. It is one thing to talk about the reference process and another to engage in virtual reference. Therefore we will be exploring the following methods of electronic communication:

Accounts have already been created for yahoo messenger, meebo, and zoho and they will be given out during class on Tuesday. In order to use meebo and zoho we will need log into the applications and create a chat widget. After creating a widget we will then copy and past the html code into a web page that will be made available on the web.

meebo instructions

  • log into meebo
  • select preferences –> meebo me widgets
  • select “add a new widget” from the new dialog box that opens
  • enter a name for your widget
  • copy and past “widget embed text” into a web page

Meebo online example: http://ella.slis.indiana.edu/~papatter/meebo_patrick.html

zoho instructions

  • from zoho homepage select zoho chag
  • sign in using the yahoo username and password that was created for class
  • after loggin in select the “live chat”
  • enter a name and title then selet “Generate Code For Embed Chad”
  • copy and past code into your web page

Zoho Widget online example: http://ella.slis.indiana.edu/~papatter/zoho_patrick.html

Here is the HTML code that you can copy and past into a text editor

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>

<html xmlns=”http://www.w3.org/1999/xhtml”>

<head>

<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″ />

<title>Meebo Chat Widget Example</title>

</head>

<body>

<h3>Meebo Chat Widget Example</h3>

<!– Below This Comment You Will Want to Past the HTML code you copied from either meebo or zoho -!->

</body>

</html>

RSS Feeds and Blogs

Yesterday was a busy day in class where we explored both RSS Feeds and Blogs.  The two items are synomous with each other.  When creating the RSS Feed we took an example RSS Feed and edited to point to a resume or another online doucment.  RSS stands for Really Simple Syndictaion and it comes in two flavours RSS 2.0 and RSS 1.0.  Atom is a third standard to create a feed.

Here is the samle RSS Feed that we used yesterday evening to edit:

<?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>
</channel>
</rss>

The feed is located at http://www.patrickrunfit.com/s603/patrick.xml.

Inside the item tags in the name of a story that is made up of the feed.  When looking at the feed in conjunction with a Blog the link and title that appears just below the channel element would be the name of the blog.  The item relates to each post that you make to your blog.
Blogs can be used by one individual or several other people.  A blog is essentially a Content Management System (CMS) consisting of three main components.  The components are:

  • Database – the database is the back end where all of the information is stored.
  • Programming Language – is considered to be the middle layer that interacts between the interface and the database
  • Interface – it is what we use to set up and configure the appearance of the blog

In class we used a self hosted Word Press blog as a group in which people were given different roles.  Word Press consists of the following roles:

  • Admin
  • Editor
  • Author
  • Subscriber
  • Contributor

Most CMS systems that I have used have some system of roles that determine what access you may or may not have within the system.

Library Assignment

Here is a listing of the libraries that we are interested in finding more about. Some people are not sure about the library at the moment.

Library Assignment
Name Type Library/Organization
Amanda special/academic IUPUI Medical or Main Library Notre Dame
Apple Special Library Bankok, Visually impaired
Ben public/academic Salt Lake City or Utah State
Deborah special Fleet Library, School of Design, Rhode Island
Heidi Academic Education Library
John academic Colorado College
Kristina public Southfield Public Library