<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Institutional Knowledge &#187; Web 2.0</title>
	<atom:link href="http://blogs.csuchico.edu/ik/category/web-20/feed/" rel="self" type="application/rss+xml" />
	<link>http://blogs.csuchico.edu/ik</link>
	<description>Wherein we write down some stuff that we know.</description>
	<lastBuildDate>Mon, 24 Aug 2009 16:28:28 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9-rare</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Goin&#8217; Mobile</title>
		<link>http://blogs.csuchico.edu/ik/2008/11/20/goin-mobile/</link>
		<comments>http://blogs.csuchico.edu/ik/2008/11/20/goin-mobile/#comments</comments>
		<pubDate>Thu, 20 Nov 2008 18:17:32 +0000</pubDate>
		<dc:creator>sjungling</dc:creator>
				<category><![CDATA[Ruby on Rails]]></category>
		<category><![CDATA[Web 2.0]]></category>

		<guid isPermaLink="false">http://blogs.csuchico.edu/ik/?p=394</guid>
		<description><![CDATA[&#8220;Like an air conditioned gypsy&#8221; and other obscure Who references.

Last week one of our mission critical systems hit a bump in the road and was offline a better part of the day. We have a web application called System Status that is used by the help desk to track the availability of such systems. Having [...]]]></description>
			<content:encoded><![CDATA[<p>&#8220;Like an air conditioned gypsy&#8221; and other obscure Who references.</p>

<p>Last week one of our mission critical systems hit a bump in the road and was offline a better part of the day. We have a web application called System Status that is used by the help desk to track the availability of such systems. Having resolved all the issues we left the building only to realize that we needed to update the System Status application to notify the help desk and end-users that the system was back online.</p>

<p>Three of us immediately whipped out our iPhones to access the site and change the status flag. At that moment it hit me, why on earth isn&#8217;t this optimized for mobile devices? Having found a practical place to experiment with the iUI framework, I set about creating a parallel mobile interface for System Status. This interface, which uses the iPhone interface metaphors, will allow help desk support staff to check and update the status of our systems while out in the field or away on business.</p>

<p>Here are a couple of screenshots to give you an idea of how the interface would look on an iPhone.</p>

<p><a href="http://blogs.csuchico.edu/ik/wp-content/uploads/2008/11/status_systems.png"><img class="size-full wp-image-396   " title="status_systems" src="http://blogs.csuchico.edu/ik/wp-content/uploads/2008/11/status_systems.png" alt="System Status" width="212" height="404" /></a><a href="http://blogs.csuchico.edu/ik/wp-content/uploads/2008/11/status_update.png"><img class="size-full wp-image-397  " title="status_update" src="http://blogs.csuchico.edu/ik/wp-content/uploads/2008/11/status_update.png" alt="status_update" width="226" height="431" /></a></p>]]></content:encoded>
			<wfw:commentRss>http://blogs.csuchico.edu/ik/2008/11/20/goin-mobile/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Sage Wiki Advice</title>
		<link>http://blogs.csuchico.edu/ik/2008/02/20/sage-wiki-advice/</link>
		<comments>http://blogs.csuchico.edu/ik/2008/02/20/sage-wiki-advice/#comments</comments>
		<pubDate>Wed, 20 Feb 2008 18:40:15 +0000</pubDate>
		<dc:creator>pberry</dc:creator>
				<category><![CDATA[Web 2.0]]></category>
		<category><![CDATA[wiki]]></category>

		<guid isPermaLink="false">http://blogs.csuchico.edu/ik/2008/02/20/sage-wiki-advice/</guid>
		<description><![CDATA[Our friend Stewart Mader is putting out 21 Days of Wiki Adoption videos.  Even if you are already going with your wiki project, there will be some episodes worth watching.



Rock on, Stewart.]]></description>
			<content:encoded><![CDATA[<p>Our friend Stewart Mader is putting out <a href="http://www.ikiw.org/21days">21 Days of Wiki Adoption</a> videos.  Even if you are already going with your wiki project, there will be some episodes worth watching.</p>

<p><embed src="http://blip.tv/play/iT0B" type="application/x-shockwave-flash" width="440" height="255" allowscriptaccess="always" allowfullscreen="true" /></p>

<p>Rock on, Stewart.</p>]]></content:encoded>
			<wfw:commentRss>http://blogs.csuchico.edu/ik/2008/02/20/sage-wiki-advice/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Experimenting with Twitter</title>
		<link>http://blogs.csuchico.edu/ik/2007/08/31/experimenting-with-twitter/</link>
		<comments>http://blogs.csuchico.edu/ik/2007/08/31/experimenting-with-twitter/#comments</comments>
		<pubDate>Fri, 31 Aug 2007 23:37:47 +0000</pubDate>
		<dc:creator>pberry</dc:creator>
				<category><![CDATA[Portal]]></category>
		<category><![CDATA[Web 2.0]]></category>

		<guid isPermaLink="false">http://blogs.csuchico.edu/ik/2007/08/31/experimenting-with-twitter/</guid>
		<description><![CDATA[Not long after the Virginia Tech shootings there was an article on the College Web Editor blog asking if Twitter could be used for emergency communications.  I argued that this would be a poor use of Twitter and of campus resources in a situation where resources are critical.  I still stand by my [...]]]></description>
			<content:encoded><![CDATA[<p>Not long after the Virginia Tech shootings there was an article on the College Web Editor blog asking if <a href="http://collegewebeditor.com/blog/index.php/archives/2007/04/17/could-twitter-be-used-as-another-communication-channel-in-case-of-campus-emergencies/">Twitter could be used for emergency communications</a>.  I argued that this would be a <a href="http://collegewebeditor.com/blog/index.php/archives/2007/04/17/could-twitter-be-used-as-another-communication-channel-in-case-of-campus-emergencies/#comment-139167">poor use of Twitter</a> and of campus resources in a situation where resources are critical.  I still stand by my reasoning for that particular use of Twitter.  That isn&#8217;t to say that I don&#8217;t think that Twitter can&#8217;t be used on campus; I&#8217;ve been experimenting a tiny bit this week with something that I think Twitter is actually good at, disseminating <a href="http://www.randsinrepose.com/archives/2007/07/17/yard_sale.html">casual information</a> to those that decide they want it.</p>

<p>So, my little experiment is to send <a href="http://twitter.com/chicoportal">portal usage stats</a> out via Twitter.  The updates are sent every two hours between 8am and 6pm, Monday through Friday.  Thank you, cron!  There are so many moving parts in this that I&#8217;m tempted to fire up OmniGraffle to illustrate it, but I&#8217;ll try with just words and see how it goes.</p>

<p>The portal has multiple servers running behind the scenes so that we can deal with lots of traffic.  Each of these servers have their own set of user sessions.  We can query these servers for their session information, and we do this every 5 minutes and stick the information in a database (thank you perl and mysql).  We have another internal system that allows us to graph and browse this data, which is incredibly helpful in looking for usage trends.  I wrote a small ruby script that uses the <a href="http://rubyforge.org/projects/twitter/">Twitter gem</a> written by <a href="http://addictedtonew.com/">John Nunemaker</a> to query the stats database and then post the information to Twitter.  Scott was even so kind as to place a Wordpress widget in our theme (top right) to show the information pulled directly from Twitter.</p>

<p>Now, some might call this a frivolous exercise but that would be ignoring the fact that we have to push a lot of information around campus and we need to be looking more at using proper <span class="caps">API</span>s and not just don&#8217;t batch dumps of data to be imported by some other system.  Our systems need to talk, and more importantly <em>listen</em> to what other systems are saying.</p>]]></content:encoded>
			<wfw:commentRss>http://blogs.csuchico.edu/ik/2007/08/31/experimenting-with-twitter/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Fear and loathing the &#8220;chicopedia&#8221;</title>
		<link>http://blogs.csuchico.edu/ik/2007/06/15/fear-and-loathing-the-chicopedia/</link>
		<comments>http://blogs.csuchico.edu/ik/2007/06/15/fear-and-loathing-the-chicopedia/#comments</comments>
		<pubDate>Fri, 15 Jun 2007 17:08:09 +0000</pubDate>
		<dc:creator>sjungling</dc:creator>
				<category><![CDATA[Web 2.0]]></category>

		<guid isPermaLink="false">http://blogs.csuchico.edu/ik/2007/06/15/fear-and-loathing-the-chicopedia/</guid>
		<description><![CDATA[We&#8217;ve been running a Confluence Pilot [insert word that rhymes with &#8216;roject&#8217;] for the last couple of months to see if it would be a feasible tool to help departments within Information Resources, and potentially campus at large, collaborate on projects.

The other day, we caught wind that Confluence had been described in a meeting as [...]]]></description>
			<content:encoded><![CDATA[<p>We&#8217;ve been running a Confluence Pilot [insert word that rhymes with &#8216;roject&#8217;] for the last couple of months to see if it would be a feasible tool to help departments within Information Resources, and potentially campus at large, collaborate on projects.</p>

<p>The other day, we caught wind that Confluence had been described in a meeting as the &#8220;Chicopedia&#8221;. Now I&#8217;ll be the first to admit that &#8220;chicopedia&#8221; is catchy, clever, and a great way of explaining to people that Confluence is a wiki by playing off the name Wikipedia. That said, it could potentially lead us into dangerous territory if not given proper context.</p>

<p>The term &#8220;wikipedia&#8221; can be split into &#8220;wiki&#8221; and &#8220;pedia&#8221;. The former being a <span style="font-style: italic" class="Apple-style-span">collaborative editing environment</span> and the later being a <span style="font-style: italic" class="Apple-style-span">body of knowledge</span>. In conjunction, they accurately describe the site Wikipedia, which is an encyclopedia written by multiple authors in a collaborative environment. This is all fine and good.</p>

<p>However, applying that same dissection, the term &#8220;chicopedia&#8221; should mean &#8220;<span style="font-style: italic" class="Apple-style-span">body of knowledge about Chico State</span>&#8221;. This is applicable if you&#8217;re talking about a web page that talks about Chico State and it&#8217;s history but it&#8217;s not applicable when used to describe Confluence.</p>

<p>Confluence is not necessarily a &#8220;<span style="font-style: italic" class="Apple-style-span">body of knowledge about Chico State</span>&#8221; but rather a resource used by Chico State to collaborate within and between departments.</p>

<p>Why worry about this in the first place? To start, this pilot is less than 3 months old and still finding it&#8217;s feet. Right now it is important to manage expectations for what Confluence is and what Confluence can do. This enables us to increase the chances Confluence will be a successful and effective resource. We must not think of Confluence as a &#8220;magic bullet&#8221; solution for problems that Confluence was never meant to solve because we fear we&#8217;ll start to view Confluence as a failure.</p>

<p>We&#8217;d also like to avoid being too closely compared with Wikipedia and the &#8220;why doesn&#8217;t it look like this?&#8221; or &#8220;why doesn&#8217;t it work like this?&#8221; questions because they are two different products that have two different types of content and wildly different audiences. The similarities between Confluence and Wikipedia are that they both can be edited by multiple people. The similarities end there.</p>

<p>So please, try to avoid using the term &#8220;chicopedia&#8221;.</p>]]></content:encoded>
			<wfw:commentRss>http://blogs.csuchico.edu/ik/2007/06/15/fear-and-loathing-the-chicopedia/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Flickr + Geotags = Virtual Campus Tour</title>
		<link>http://blogs.csuchico.edu/ik/2006/09/08/flickr-geotags-virtual-campus-tour/</link>
		<comments>http://blogs.csuchico.edu/ik/2006/09/08/flickr-geotags-virtual-campus-tour/#comments</comments>
		<pubDate>Fri, 08 Sep 2006 15:23:01 +0000</pubDate>
		<dc:creator>sjungling</dc:creator>
				<category><![CDATA[Web 2.0]]></category>

		<guid isPermaLink="false">http://blogs.csuchico.edu/ik/2006/09/08/flickr-geotags-virtual-campus-tour/</guid>
		<description><![CDATA[Hello Blog Readers,

It&#8217;s been a long time since I&#8217;ve posted something to Institutional Knowledge as I&#8217;ve been buried in Ruby code working on our upcoming Omni Project; but Enough about that. 

Pat pointed out an interesting link today on the College Web Editor blog about prospective students using Flickr to take virtual tours of campus. [...]]]></description>
			<content:encoded><![CDATA[<p>Hello Blog Readers,</p>

<p>It&#8217;s been a long time since I&#8217;ve posted something to Institutional Knowledge as I&#8217;ve been buried in Ruby code working on our upcoming Omni Project; but Enough about that. </p>

<p>Pat pointed out an interesting link today on the <a href="http://collegewebeditor.com/blog/index.php/archives/2006/09/08/flickr-a-giant-real-time-viewbook-of-college-life/">College Web Editor blog</a> about prospective students using <a href="http://www.flickr.com">Flickr</a> to take virtual tours of campus. Remembering that I was apart of a Chico State group on Flickr I went and pulled up a map of campus and all of the photos of campus that have been geotagged. You can see the <a href="http://www.flickr.com/map/?&amp;group_id=59729501%40N00&amp;order_by=interestingness&amp;fLat=39.729833&amp;fLon=-121.848313&amp;zl=2&amp;map_type=hyb">most interesting photos from the pool here</a> and hopefully the group will be able to put together a more comprehensive picture of campus on Flickr in the coming months (especially with the fall colors around the corner).</p>]]></content:encoded>
			<wfw:commentRss>http://blogs.csuchico.edu/ik/2006/09/08/flickr-geotags-virtual-campus-tour/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Not so 1990&#8217;s</title>
		<link>http://blogs.csuchico.edu/ik/2006/05/16/not-so-1990s/</link>
		<comments>http://blogs.csuchico.edu/ik/2006/05/16/not-so-1990s/#comments</comments>
		<pubDate>Tue, 16 May 2006 21:29:31 +0000</pubDate>
		<dc:creator>sjungling</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Web 2.0]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://fozzy.csuchico.edu/wordpress/2006/05/16/not-so-1990s/</guid>
		<description><![CDATA[Wherein we get with the times.]]></description>
			<content:encoded><![CDATA[<p>Nothing makes as web designers blood curl more than hearing someone remark, &#8220;it looks too 1990&#8217;s&#8221;. Talk about an arrow through the heart. Enter our <acronym title="Central Authentication Series">CAS</acronym> login page. Over the last couple of months I have been refining the look and behavior of the <span class="caps">CAS </span>login page to give it a modern look and also create a stronger visual association with <span class="caps">CSU,</span> Chico.</p>

<p><img id="image120" src="http://fozzy.csuchico.edu/wordpress/wp-content/uploads/2006/05/cas_version_1.png" alt="CAS Login Version 1"  /></p>

<p>Now, I&#8217;ll be the first to admit, when we developed these pages last year there was some heavy 37signals influence that carried through (bright colors, larger type, etc). However, we had a good justification for those decisions. <span class="caps">CAS </span>was launch simultaneously with the new Portal so we wanted to grab the attention of everyone clicking through the login. Now, after a year with the new Portal, it was time to make things a little more subtle and increase the connection with the campus.</p>

<p>To strengthen the bond with the universities online <em>brand</em> we adapted a similar background gradient which also helped contrast the white background of the login form. In addition, we included the <em>Chico</em> signature header and grey seal combination from the universities web template system. With the previous version, the only references to <span class="caps">CSU,</span> Chico were the Wildcat logo and text <em>Wildcat Login</em>. </p>

<p>Other changes include a crude pop-up <code>div</code> that explains what the <em>username</em> actually is. In addition, we added support phone numbers for Students and Faculty/Staff incase users have problems.</p>

<p>Hopefully the new design will roll out next week after graduation. For the time being, I&#8217;ll be tweaking the design and continuously running browser tests.</p>

<p>Without further-ado, <span class="caps">CAS</span> Version 2.</p>

<p><img id="image121" src="http://fozzy.csuchico.edu/wordpress/wp-content/uploads/2006/05/cas_version_2.png" alt="CAS Login Version 2"  /></p>]]></content:encoded>
			<wfw:commentRss>http://blogs.csuchico.edu/ik/2006/05/16/not-so-1990s/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Microformat Exercise Part 2: Faculty Listings</title>
		<link>http://blogs.csuchico.edu/ik/2006/05/08/microformat-exercise-part-2-faculty-listings/</link>
		<comments>http://blogs.csuchico.edu/ik/2006/05/08/microformat-exercise-part-2-faculty-listings/#comments</comments>
		<pubDate>Mon, 08 May 2006 23:53:08 +0000</pubDate>
		<dc:creator>sjungling</dc:creator>
				<category><![CDATA[HOWTO]]></category>
		<category><![CDATA[Microformats]]></category>
		<category><![CDATA[Web 2.0]]></category>
		<category><![CDATA[Web Development]]></category>

		<guid isPermaLink="false">http://fozzy.csuchico.edu/wordpress/2006/05/08/microformat-exercise-part-2-faculty-listings/</guid>
		<description><![CDATA[Wherein we experiment with microformats.]]></description>
			<content:encoded><![CDATA[<p>Today we saw a preview of the new <a href="http://www.csuchico.edu/engl">English Department website</a> that featured a directory listing of faculty members. Here&#8217;s an example sample of some of the markup for one faculty member</p>

<div class="igBar"><span id="lhtml-1"><a href="#" onclick="javascript:showCodeTxt('html-1'); return false;"><span class="caps">PLAIN TEXT</span></a></span></div><div class="syntax_hilite"><span class="langName"><span class="caps">HTML</span>:</span><br /><div id="html-1">
<div class="html"><ol><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #009900;"><a href="http://december.com/html/4/element/td.html"><span style="color: #000000; font-weight: bold;">&lt;td</span></a> <span style="color: #000066;">width</span>=<span style="color: #ff0000;">&#8220;34%&#8221;</span><span style="color: #000000; font-weight: bold;">&gt;</span></a></span></div></li>
<li style="font-weight: bold;color:#26536A;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; <span style="color: #009900;"><a href="http://december.com/html/4/element/strong.html"><span style="color: #000000; font-weight: bold;">&lt;strong&gt;</span></a></span><span style="color: #009900;"><a href="http://december.com/html/4/element/a.html"><span style="color: #000000; font-weight: bold;">&lt;a</span></a> <span style="color: #000066;">href</span>=<span style="color: #ff0000;">&#8220;bio/lastnameFirstInitial.shtml&#8221;</span><span style="color: #000000; font-weight: bold;">&gt;</span></a></span>Jane Doe<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/a&gt;</span></span> <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/strong&gt;</span></span><span style="color: #009900;"><a href="http://december.com/html/4/element/br.html"><span style="color: #000000; font-weight: bold;">&lt;br</span></a> /<span style="color: #000000; font-weight: bold;">&gt;</span></a></span></div></li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; Composition, Literature <span style="color: #009900;"><a href="http://december.com/html/4/element/br.html"><span style="color: #000000; font-weight: bold;">&lt;br</span></a> /<span style="color: #000000; font-weight: bold;">&gt;</span></a></span></div></li>
<li style="font-weight: bold;color:#26536A;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; Phone: 898-0000 <span style="color: #009900;"><a href="http://december.com/html/4/element/br.html"><span style="color: #000000; font-weight: bold;">&lt;br</span></a> /<span style="color: #000000; font-weight: bold;">&gt;</span></a></span></div></li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; Office: Building&nbsp; 116 <span style="color: #009900;"><a href="http://december.com/html/4/element/br.html"><span style="color: #000000; font-weight: bold;">&lt;br</span></a> /<span style="color: #000000; font-weight: bold;">&gt;</span></a></span></div></li>
<li style="font-weight: bold;color:#26536A;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; <span style="color: #009900;"><a href="http://december.com/html/4/element/a.html"><span style="color: #000000; font-weight: bold;">&lt;a</span></a> <span style="color: #000066;">href</span>=<span style="color: #ff0000;">&#8220;mailto:dalexich@csuchico.edu&#8221;</span><span style="color: #000000; font-weight: bold;">&gt;</span></a></span>jdoe@csuchico.edu <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/a&gt;</span></span></div></li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/td&gt;</span></span> </div></li></ol></div>
</div></div><br />

<p>If we add a few classes to this existing structure (plus a few @span@s) we could make the site microformat compatible.</p>

<div class="igBar"><span id="lhtml-2"><a href="#" onclick="javascript:showCodeTxt('html-2'); return false;"><span class="caps">PLAIN TEXT</span></a></span></div><div class="syntax_hilite"><span class="langName"><span class="caps">HTML</span>:</span><br /><div id="html-2">
<div class="html"><ol><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #009900;"><a href="http://december.com/html/4/element/td.html"><span style="color: #000000; font-weight: bold;">&lt;td</span></a> <span style="color: #000066;">width</span>=<span style="color: #ff0000;">&#8220;34%&#8221;</span> <span style="color: #000066;">class</span>=<span style="color: #ff0000;">&#8220;vcard&#8221;</span><span style="color: #000000; font-weight: bold;">&gt;</span></a></span></div></li>
<li style="font-weight: bold;color:#26536A;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; <span style="color: #009900;"><a href="http://december.com/html/4/element/strong.html"><span style="color: #000000; font-weight: bold;">&lt;strong</span></a> <span style="color: #000066;">class</span>=<span style="color: #ff0000;">&#8220;fn&#8221;</span><span style="color: #000000; font-weight: bold;">&gt;</span></a></span></div></li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; <span style="color: #009900;"><a href="http://december.com/html/4/element/a.html"><span style="color: #000000; font-weight: bold;">&lt;a</span></a> <span style="color: #000066;">class</span>=<span style="color: #ff0000;">&#8220;url&#8221;</span> <span style="color: #000066;">href</span>=<span style="color: #ff0000;">&#8220;bio/lastnameFirstInitial.shtml&#8221;</span><span style="color: #000000; font-weight: bold;">&gt;</span></a></span>Jane Doe<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/a&gt;</span></span></div></li>
<li style="font-weight: bold;color:#26536A;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/strong&gt;</span></span><span style="color: #009900;"><a href="http://december.com/html/4/element/br.html"><span style="color: #000000; font-weight: bold;">&lt;br</span></a> /<span style="color: #000000; font-weight: bold;">&gt;</span></a></span></div></li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; <span style="color: #009900;"><a href="http://december.com/html/4/element/span.html"><span style="color: #000000; font-weight: bold;">&lt;span</span></a> <span style="color: #000066;">class</span>=<span style="color: #ff0000;">&#8220;org organizational-unit&#8221;</span><span style="color: #000000; font-weight: bold;">&gt;</span></a></span>Composition, Literature<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/span&gt;</span></span><span style="color: #009900;"><a href="http://december.com/html/4/element/br.html"><span style="color: #000000; font-weight: bold;">&lt;br</span></a> /<span style="color: #000000; font-weight: bold;">&gt;</span></a></span></div></li>
<li style="font-weight: bold;color:#26536A;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; <span style="color: #009900;"><a href="http://december.com/html/4/element/span.html"><span style="color: #000000; font-weight: bold;">&lt;span</span></a> <span style="color: #000066;">class</span>=<span style="color: #ff0000;">&#8220;tel&#8221;</span><span style="color: #000000; font-weight: bold;">&gt;</span></a></span>Phone: <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/span&gt;</span></span><span style="color: #009900;"><a href="http://december.com/html/4/element/span.html"><span style="color: #000000; font-weight: bold;">&lt;span</span></a> <span style="color: #000066;">class</span>=<span style="color: #ff0000;">&#8220;work&#8221;</span><span style="color: #000000; font-weight: bold;">&gt;</span></a></span>898-0000<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/span&gt;</span></span><span style="color: #009900;"><a href="http://december.com/html/4/element/br.html"><span style="color: #000000; font-weight: bold;">&lt;br</span></a> /<span style="color: #000000; font-weight: bold;">&gt;</span></a></span></div></li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; <span style="color: #009900;"><a href="http://december.com/html/4/element/span.html"><span style="color: #000000; font-weight: bold;">&lt;span</span></a> <span style="color: #000066;">class</span>=<span style="color: #ff0000;">&#8220;adr work additional-address&#8221;</span><span style="color: #000000; font-weight: bold;">&gt;</span></a></span>Office: Building<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/span&gt;</span></span> 116 <span style="color: #009900;"><a href="http://december.com/html/4/element/br.html"><span style="color: #000000; font-weight: bold;">&lt;br</span></a> /<span style="color: #000000; font-weight: bold;">&gt;</span></a></span> </div></li>
<li style="font-weight: bold;color:#26536A;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; <span style="color: #009900;"><a href="http://december.com/html/4/element/a.html"><span style="color: #000000; font-weight: bold;">&lt;a</span></a> <span style="color: #000066;">class</span>=<span style="color: #ff0000;">&#8220;email&#8221;</span> <span style="color: #000066;">href</span>=<span style="color: #ff0000;">&#8220;mailto:dalexich@csuchico.edu&#8221;</span><span style="color: #000000; font-weight: bold;">&gt;</span></a></span>jdoe@csuchico.edu<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/a&gt;</span></span></div></li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/td&gt;</span></span> </div></li></ol></div>
</div></div><br />

<p>Bam! Microformat compatible.</p>]]></content:encoded>
			<wfw:commentRss>http://blogs.csuchico.edu/ik/2006/05/08/microformat-exercise-part-2-faculty-listings/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>On Microformats</title>
		<link>http://blogs.csuchico.edu/ik/2006/03/25/on-microformats/</link>
		<comments>http://blogs.csuchico.edu/ik/2006/03/25/on-microformats/#comments</comments>
		<pubDate>Sun, 26 Mar 2006 06:20:34 +0000</pubDate>
		<dc:creator>pberry</dc:creator>
				<category><![CDATA[Microformats]]></category>
		<category><![CDATA[Web 2.0]]></category>

		<guid isPermaLink="false">http://fozzy.csuchico.edu/wordpress/2006/03/25/on-microformats/</guid>
		<description><![CDATA[Scott came back from SXSW all jazzed about microformats &#8230;and really, who could blame him?  It&#8217;s something so simple and easy to implement (it&#8217;s just markup) that to not embrace them is an act of stubborness.

But the first step in taking advantage of a microfomat is knowing of it&#8217;s existence.  For that, we [...]]]></description>
			<content:encoded><![CDATA[<p>Scott came back from <span class="caps">SXSW </span>all jazzed about <a href="http://microformats.org/">microformats</a> &#8230;and really, who could blame him?  It&#8217;s something so simple and easy to implement (it&#8217;s just markup) that to not embrace them is an act of stubborness.</p>

<p>But the first step in taking advantage of a microfomat is knowing of it&#8217;s existence.  For that, we have <a href="http://blog.codeeg.com/tails-firefox-extension">Tails</a>, a nifty Firefox extension that alerts you to the presence of a microformat.  You do use Firefox, don&#8217;t you?</p>]]></content:encoded>
			<wfw:commentRss>http://blogs.csuchico.edu/ik/2006/03/25/on-microformats/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>The Monster(Google) Mash</title>
		<link>http://blogs.csuchico.edu/ik/2006/02/20/the-monstergoogle-mash/</link>
		<comments>http://blogs.csuchico.edu/ik/2006/02/20/the-monstergoogle-mash/#comments</comments>
		<pubDate>Tue, 21 Feb 2006 01:23:19 +0000</pubDate>
		<dc:creator>sjungling</dc:creator>
				<category><![CDATA[Web 2.0]]></category>
		<category><![CDATA[Web Development]]></category>

		<guid isPermaLink="false">http://fozzy.csuchico.edu/wordpress/2006/02/20/the-monstergoogle-mash/</guid>
		<description><![CDATA[The latest rage in the world of web-dev is &#8220;mashing&#8221; or in laymens terms, taking data from multiple sources and blending it together to form a new view on an old thing. I&#8217;d been kicking around ideas of how to incorporate the coolness that is Google Maps with campus related information. 

One of the first [...]]]></description>
			<content:encoded><![CDATA[<p>The latest rage in the world of web-dev is &#8220;mashing&#8221; or in laymens terms, taking data from multiple sources and blending it together to form a new view on an old thing. I&#8217;d been kicking around ideas of how to incorporate the coolness that is <a href="http://maps.google.com">Google Maps</a> with campus related information. </p>

<p>One of the first things that came to mind was WiFi hotspots on campus. With a little help from <a href="http://www.mapbuilder.net">MapBuilders</a> and the <a href="http://www.csuchico.edu/cns/"><span class="caps">CNS</span></a> website I was able to create Google Maps Mash of <a href="http://fozzy.csuchico.edu/labs/maps/wireless/">Wildcat Wireless Hotspots.</a> In essences, this simply takes the map and coloring aspect of <a href="http://www.csuchico.edu/cns/wirelessmap.pdf">this <span class="caps">PDF </span>document</a> and merges in the <a href="http://www.csuchico.edu/cns/wirelesslocations.html">data for specific buildings</a></p>

If another department wanted to use this mash-up on their website all they would need to do would be copy the <a href="http://fozzy.csuchico.edu/labs/maps/wireless/index.html"><span class="caps">HTML</span></a> and <a href="http://fozzy.csuchico.edu/labs/maps/wireless/mapbuilder.js">Javascript</a> file and <a href="http://www.google.com/apis/maps/signup.html">apply for a free Google Map Key</a> for their specific directory and place it into the <span class="caps">HTML </span>code (see below).<br />
<div class="igBar"><span id="lhtml-4"><a href="#" onclick="javascript:showCodeTxt('html-4'); return false;"><span class="caps">PLAIN TEXT</span></a></span></div><div class="syntax_hilite"><span class="langName"><span class="caps">HTML</span>:</span><br /><div id="html-4">
<div class="html"><ol><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;</span></a><span style="color: #66cc66;">&#91;</span>!&#8212; Please, request sign up <span style="color: #000066;">for</span> your own <span class="caps">GMAP KEY </span>at http://www.google.com/apis/maps/signup.html and replace <span style="color: #ff0000;">&#8216;GMAPKEY&#8217;</span> entry with generated key in the line below. &#8212;<span style="color: #66cc66;">&#93;</span><span style="color: #000000; font-weight: bold;">&gt;</span></a></span></div></li>
<li style="font-weight: bold;color:#26536A;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; <span style="color: #009900;"><a href="http://december.com/html/4/element/script.html"><span style="color: #000000; font-weight: bold;">&lt;script</span></a> <span style="color: #000066;">src</span>=<span style="color: #ff0000;">&#8220;http://maps.google.com/maps?file=api&amp;v=1&amp;key=GMAPKEY&#8221;</span> <span style="color: #000066;">type</span>=<span style="color: #ff0000;">&#8220;text/javascript&#8221;</span><span style="color: #000000; font-weight: bold;">&gt;</span></a></span> </div></li></ol></div>
</div></div><br />

<p>So while is nothing <strong>new</strong> or <strong>super-fantastic</strong> it is a new spin on old data. Not to mention, it could give a website that wanted to convey this data the ability to do so with a little more <strong>flare</strong> than just a <span class="caps">PDF </span>document of a campus map.</p>

<p>Check it out today at <a href="http://fozzy.csuchico.edu/labs/maps/wireless">Campus Wireless!</a></p>]]></content:encoded>
			<wfw:commentRss>http://blogs.csuchico.edu/ik/2006/02/20/the-monstergoogle-mash/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
