Web 2.0: Behind The Hype Panel Being Web 2.0 – In 30 Minute Steps Brian Kelly UKOLN University of Bath Bath Email [email_address] UKOLN is supported by: http://www.ukoln.ac.uk/web-focus/events/workshops/webmaster-2006/talks/panel-1/ Acceptable Use Policy Recording/broadcasting of this talk, taking photographs, discussing the content using email, instant messaging, Blogs, SMS, etc. is permitted providing distractions to others is minimised. This work is licensed under a Attribution-NonCommercial-ShareAlike 2.0 licence (but note caveat)

Contents This brief talk will cover: No Web 2.0 … The Concerns Web 2.0 and IWMW 2006 RSS  Mashups Blogs  Wikis Microformats  Comms tools Social bookmarking  … Deployment Strategies User Focus Risk assessment

This brief talk will cover:

No Web 2.0 …

The Concerns

Web 2.0 and IWMW 2006

RSS  Mashups

Blogs  Wikis

Microformats  Comms tools

Social bookmarking  …

Deployment Strategies

User Focus

Risk assessment

No Web 2.0 … No Web 2.0 … without responsibility Title of talk by Andy Clarke, Stuff & Nonsense at WWW 2006 , May 206 Web 2.0 can be useful but need to: Learn from mistakes from Web 2.0 It will be used by marketers (just like Web 1.0) Need to remember accessibility Need to be user-focussed … This talk: Describes use of Web 2.0 at IWMW 2006 Outlines user-focussed approach Recommends use of a risk management approach Web 2.0 and IWMW 2006 Just like the Web in the 1990s!

No Web 2.0 … without responsibility

Title of talk by Andy Clarke, Stuff & Nonsense at WWW 2006 , May 206

Web 2.0 can be useful but need to:

Learn from mistakes from Web 2.0

It will be used by marketers (just like Web 1.0)

Need to remember accessibility

Need to be user-focussed

…

This talk:

Describes use of Web 2.0 at IWMW 2006

Outlines user-focussed approach

Recommends use of a risk management approach

Don’t Like The Term? Don’t like the Web 2.0 term? Simply use the following XSLT script with the digital audio channel to convert all occurrences of Web 2.0 in talk to your preferred alternative <xsl:template match=&quot;text()&quot;> <xsl:choose> <xsl:when test=&quot;contains(.,'Web 2.0')&quot;> <xsl:value-of select=&quot;substring-before(.,'Web 2.0')&quot;/> <xsl:text>Blogs, Wikis and other Social networking software with a user focus, always beta and a long tail</xsl:text> <xsl:value-of select=&quot;substring-after(.,'Web 2.0')&quot;/> </xsl:when> <xsl:otherwise> <xsl:value-of select=&quot;.&quot;/> </xsl:otherwise> </xsl:choose> </xsl:template> NOTE Due to increased time in saying alternative version, anyone using this will find the talk concludes when everyone else is in the bar XSLT script by Sebastian Rahtz, OSS Watch. OSS licence available.

Don’t like the Web 2.0 term? Simply use the following XSLT script with the digital audio channel to convert all occurrences of Web 2.0 in talk to your preferred alternative

Latest News Interested in marketing: Google for IWMW 2006 or IWMW2006. Where are the top links from? And reflect on importance of Wikipedia Interested in user-created content: Look at Flickr with IWMW2006 tag Upload last night’s photos & video clip

Interested in marketing:

Google for IWMW 2006 or IWMW2006. Where are the top links from?

And reflect on importance of Wikipedia

Interested in user-created content:

Look at Flickr with IWMW2006 tag

Upload last night’s photos & video clip

RSS & OPML RSS: Used at IWMW 2005 for news Used at IWMW 2006 for news and syndication of content (talks, parallel sessions) OPML (Outline Processor Markup Language): Used to group RSS files OPML viewers (e.g. Grazr) allows our RSS files to be embedded in others’ Web sites Web 2.0 and IWMW 2006 Why RSS? Widely acknowledged as key news & syndication format. Why OPML? Experimentation in maximising benefits of RSS. Effort : Simple (and trivial if appropriate tools/scripts used). Additional effort may be needed if RSS/OPML become obsolete Syndication

RSS:

Used at IWMW 2005 for news

Used at IWMW 2006 for news and syndication of content (talks, parallel sessions)

OPML (Outline Processor Markup Language):

Used to group RSS files

OPML viewers (e.g. Grazr) allows our RSS files to be embedded in others’ Web sites

Mashups Mashup - aggregating content from various sources IWMW 2006: Set up IWMW 2006 Suprgru page Content mashup from: IWMW 2006 Web site Third party services such as Blogs, Wikis, search engines, … Web 2.0 and IWMW 2006 Syndication Risk Assessment The www.suprglu.com Web site is not currently available (Sun 4 Jun) Does this mean Web 2.0 concept is flawed? Thoughts: Little content stored (addresses of RSS feeds and a title) Alternatives are available (lots of RSS aggregators, such as Netvibes, PLEX, …) Experimentation and learning is a fundamental aspect of what we do! Why? Simple demonstration to encourage debate about the issues. Effort : Simple (fill in a Web form) Experiences : Superglu service not always available (so what, use Netvibes.com, PLEX, …)

Mashup - aggregating content from various sources

IWMW 2006:

Set up IWMW 2006 Suprgru page

Content mashup from:

IWMW 2006 Web site

Third party services such as Blogs, Wikis, search engines, …

Risk Assessment

The www.suprglu.com Web site is not currently available (Sun 4 Jun)

Does this mean Web 2.0 concept is flawed?

Thoughts:

Little content stored (addresses of RSS feeds and a title)

Alternatives are available (lots of RSS aggregators, such as Netvibes, PLEX, …)

Experimentation and learning is a fundamental aspect of what we do!

Blogs Blogs: We link to Blogs provided by IWMW 2006 delegates We recommend a tag (IWMW2006) to make it easier to find other Blogs, photos, bookmarks, etc. related to the event (e.g. using Technorati ) Web 2.0 and IWMW 2006 http://www.meanboyfriend.com/overdue_ideas/ http://iwmw2006.blogspot.com/ Why? Facilitates sharing of thoughts about event. Effort : None – the Bloggers are doing the work! Risks : They say nasty things; upset people; … Blogs Users Syndication

Blogs:

We link to Blogs provided by IWMW 2006 delegates

We recommend a tag (IWMW2006) to make it easier to find other Blogs, photos, bookmarks, etc. related to the event (e.g. using Technorati )

Wikis Wikis: Used successfully at IWMW 2005 and UKOLN / UCISA events for note-taking in breakout groups, social use, … Available at IWMW 2006: UKOLN Wiki (MediaWiki) Other Wikis (for various parallel sessions) Web 2.0 and IWMW 2006 http://www.ukoln.ac.uk/web-focus/events/ workshops/webmaster-2005/wiki-test/ Why? Wikis have proved popular at other UKOLN events Why diversity : To allow us to gain a feel of different Wikis and their strength & weaknesses. Wikis Users Syndication http://iwmw-barriers.pbwiki.com/

Wikis:

Used successfully at IWMW 2005 and UKOLN / UCISA events for note-taking in breakout groups, social use, …

Available at IWMW 2006:

UKOLN Wiki (MediaWiki)

Other Wikis (for various parallel sessions)

Podcasts Podcasts: Used at IWMW 2005 (prior to general public interest) Podcasting session at IWMW 2006 http://www.ukoln.ac.uk/web-focus/events/ workshops/webmaster-2005/podcasts/podcast.xml Why? Gain experiences at popular technology; explore difference usages and technical and non-technical issues Effort : Non – work being led by workshop facilitator. RSS Users Syndication

Podcasts:

Used at IWMW 2005 (prior to general public interest)

Podcasting session at IWMW 2006

Communications: Chat IRC chat facility used successfully at IWMW 2005. Gabbly being evaluated: If no systems effort available On-the-fly chatting How long to set up: Go to < http://gabbly.com/ > Create chat on your institution’s home page How long? This provides on-the-fly creation of chat facilities  Web 2.0 and IWMW 2006 Too good to be true? Suspicious of anything this simple? See risk assessment page Users Collaboration AJAX Syndication

IRC chat facility used successfully at IWMW 2005.

Gabbly being evaluated:

If no systems effort available

On-the-fly chatting

How long to set up:

Go to < http://gabbly.com/ >

Create chat on your institution’s home page

How long?

This provides on-the-fly creation of chat facilities 

Communications: Sound & Video VoIP, Access Grid technologies, streaming video, … have rich potential in supporting events: Speakers who can't travel Delegates who can't travel Maximising impact Reaching potential delegates Reaching sceptics Just-in-time speakers (cf Blended Learning 2006 conf.) Accessibility (slept in/ hungover?!) Issues : Technical difficulties; privacy; trust; business models; … Plans : Evaluate; reflect on issues & act accordingly; …

VoIP, Access Grid technologies, streaming video, … have rich potential in supporting events:

Speakers who can't travel

Delegates who can't travel

Maximising impact

Reaching potential delegates

Reaching sceptics

Just-in-time speakers (cf Blended Learning 2006 conf.)

Accessibility (slept in/ hungover?!)

Del.icio.us Del.icio.us social bookmarking service available for use to: Provide access to resources mentioned in talks & workshops Allow others to bookmark related resources Allow users to view others’ bookmarks Monitor who’s bookmarked your resources Web 2.0 and IWMW 2006 Tags AJAX Collaboration http://del.icio.us/gardnerr http://del.icio.us/url/cce31782b323dd77ab48f5ff54ead71c http://del.icio.us/lisbk/iwmw2006-web2.0-panel Tag misuse? Not needed in some areas (e.g. citation analysis, other people interests) So if misspelt still gain benefits.

Del.icio.us social bookmarking service available for use to:

Provide access to resources mentioned in talks & workshops

Allow others to bookmark related resources

Allow users to view others’ bookmarks

Monitor who’s bookmarked your resources

Microformats (1) Microformats: Highlight of WWW 2006 Semantic markup on the cheap – builds on existing XHTML pages No need for complex software See <http://microformats.org/> Using microformats: Add some simple semantics using <span>, <div>, etc. classes: <span class=&quot;fn&quot;>Brian Kelly</span> Firefox plugins, harvesters, etc can process the semantic markup e.g. add names to your Outlook contacts, events to your Google calendar, etc Bath Univ created thousands of pages with microformats using simple tweak to Perl scripts  Web 2.0 and IWMW 2006 Tags Collaboration

Microformats:

Highlight of WWW 2006

Semantic markup on the cheap – builds on existing XHTML pages

No need for complex software

See <http://microformats.org/>

Using microformats:

Add some simple semantics using <span>, <div>, etc. classes:

<span class=&quot;fn&quot;>Brian Kelly</span>

Firefox plugins, harvesters, etc can process the semantic markup e.g. add names to your Outlook contacts, events to your Google calendar, etc

Bath Univ created thousands of pages with microformats using simple tweak to Perl scripts 

Microformats (2) Pages on IWMW 2006 Web site have microformats Plugins such as Tails display contact and event details & allow them to be uploaded to Outlook, Google Calendar, etc Web 2.0 http://www.ukoln.ac.uk/web-focus/events/ workshops/webmaster-2006/sessions/kelly World Cup Web site also has microformats. This avoids the cumbersome downloading dates, entering calendar, selecting import, finding file, … http://www.worldcupkickoff.com/england/ Tags Collaboration

Pages on IWMW 2006 Web site have microformats

Plugins such as Tails display contact and event details & allow them to be uploaded to Outlook, Google Calendar, etc

Web As A Platform Upcoming.org has delivered visitors to IWMW 2006 Web site They provide Event details Microformats (event, location) Web 2.0 and IWMW 2006 http://upcoming.org/event/69469/ Exporting functionality Community space Other people can take my data and use it to provide my event. They also provide additional functionality for me  Network Users Tags Collaboration

Upcoming.org has delivered visitors to IWMW 2006 Web site

They provide

Event details

Microformats (event, location)

Exporting functionality

Community space

Creative Commons Hasn’t Upcoming contributor infringed my copyright (even though it’s to my benefit?) Creative Commons licence assigned to publicity details Also described in microformat to allow software to find Web 2.0 and IWMW 2006 http://www.ukoln.ac.uk/web-focus/events/ workshops/webmaster-2006/publicity/ Openness Tags Collaboration

Hasn’t Upcoming contributor infringed my copyright (even though it’s to my benefit?)

Creative Commons licence assigned to publicity details

Also described in microformat to allow software to find

Wikipedia Summary of IWMW series available in Wikipedia: High profile location Google friendly Maximise impact Community can update Good guys seem to win (and I’ve now a Wikipedia track record) CC rights assigned Clean URI May provide stable URI http://en.wikipedia.org/wiki/IWMW Clean, stable URIs? Mashups, integration, annotation, etc. helped by use of clean (e.g. application independent) and stable URIs URIs Wikis Collaboration

Summary of IWMW series available in Wikipedia:

High profile location

Google friendly

Maximise impact

Community can update

Good guys seem to win (and I’ve now a Wikipedia track record)

CC rights assigned

Clean URI

May provide stable URI

Maps Google Map of University of Bath embedded on Web site Provides: Usability (rescalable and repositioning through use of AJAX) Can be personalised (map from my home) Effective use of scarce resources (avoids techies duplicating existing services) Web 2.0 and IWMW 2006 http://www.ukoln.ac.uk/web-focus/events/ workshops/webmaster-2006/maps/ Risk : What if Google go out-of-business? Response : What if local staff leave? What if other development work they should do fails to get done? Note : Northumbria have better example APIs AJAX Mashups Syndication

Google Map of University of Bath embedded on Web site

Provides:

Usability (rescalable and repositioning through use of AJAX)

Can be personalised (map from my home)

Effective use of scarce resources (avoids techies duplicating existing services)

User Focus Why are we doing this? For Our Users: Making our users aware of emerging new stuff Demonstrating how they can be used Describing possible problems and solutions To provide richer services Engaging With Users Getting our users involved in using the applications, listening to their feedback Risk If We Don’t We’re aware of the risks of not doing this: Shouldn’t UKOLN be able to advise us? What do we pay them for? Deployment Strategy

Why are we doing this?

For Our Users:

Making our users aware of emerging new stuff

Demonstrating how they can be used

Describing possible problems and solutions

To provide richer services

Engaging With Users

Getting our users involved in using the applications, listening to their feedback

Risk If We Don’t

We’re aware of the risks of not doing this:

Shouldn’t UKOLN be able to advise us?

What do we pay them for?

It’s Scary Remember Web in early 1990s: It’s a toy Gopher is the future We’ve a home-grown CWIS And the word and other wars: World Wide Web, worldwideweb, WWW, W 3 You can’t use the Web for Intranets – content must be open Nothing’s changed (Web 2.0 is scary) We’ve just bought a CMS Legal issues Don’t understand the technologies We’re losing control … Deployment Strategy Northgate Rapper and their double asymmetric somersault debuted at international DERT 2006 competition Addressing fears: Experimentation, practice, working with enthusiasts & youngsters, getting support of friends & colleagues, having a plan B, alcohol?, … We Sometimes Do Scary Things

Remember Web in early 1990s:

It’s a toy

Gopher is the future

We’ve a home-grown CWIS

And the word and other wars:

World Wide Web, worldwideweb, WWW, W 3

You can’t use the Web for Intranets – content must be open

Nothing’s changed (Web 2.0 is scary)

We’ve just bought a CMS

Legal issues

Don’t understand the technologies

We’re losing control

…

IWMW 2006 & Risk Management IWMW 2006 has taken a risk management approach to its evaluation of Web 2.0 technologies: Agreements : e.g. in the case of the Chatbot. Use of well-established services : Google & del.icio.us are well-established and have financial security. Notification : warnings that services could be lost. Engagement : with the user community: users actively engage in the evaluation of the services. Provision of alternative services: multiple OMPL tools. Use in non-mission critical areas: not for bookings! Long term experiences of services: usage stats Availability of alternative sources of data : e.g. standard Web server log files. Data export and aggregation: RSS feeds, aggregated in Suprglu, OPML viewers, etc. Deployment Strategy

IWMW 2006 has taken a risk management approach to its evaluation of Web 2.0 technologies:

Agreements : e.g. in the case of the Chatbot.

Use of well-established services : Google & del.icio.us are well-established and have financial security.

Notification : warnings that services could be lost.

Engagement : with the user community: users actively engage in the evaluation of the services.

Provision of alternative services: multiple OMPL tools.

Use in non-mission critical areas: not for bookings!

Long term experiences of services: usage stats

Availability of alternative sources of data : e.g. standard Web server log files.

Data export and aggregation: RSS feeds, aggregated in Suprglu, OPML viewers, etc.

Risks (2) File Formats Microformats are a bottom-up approach OPML is simple but ambiguous How scalable? Will formats change in light of experience? Approaches: Use to provide services today Look for tools which will allow for changes Applications No longer critical in many areas! If application is flawed, no longer available through it away and use an alterative Deployment Strategy

File Formats

Microformats are a bottom-up approach

OPML is simple but ambiguous

How scalable?

Will formats change in light of experience?

Approaches:

Use to provide services today

Look for tools which will allow for changes

Applications

No longer critical in many areas!

If application is flawed, no longer available through it away and use an alterative

Web 2.0 With Responsibility Web 2.0 software and services: Will be poor, over-hyped, inaccessible, … Web 1.0 software an Web sites was the same Still need to: Make use of standards & best practices Address usability & accessibility issues Have migration plans (e.g. create microformats with scripts, use for events in near future, …) Deployment Strategy AJAX And Accessibility Argument : AJAX use JavaScript and WAI guidelines implies JavaScript is bad. Counter-Argument : But WCAG 2.0 removes this, and JavaScript can provide accessibility & usability benefits. Advice : Right decent JavaScript and test it! (or provide alternatives).

Web 2.0 software and services:

Will be poor, over-hyped, inaccessible, …

Web 1.0 software an Web sites was the same

Still need to:

Make use of standards & best practices

Address usability & accessibility issues

Have migration plans (e.g. create microformats with scripts, use for events in near future, …)

Conclusions To conclude: Web 2.0 is here and ready for use It can provide valuable user services It’s particularly appropriate for use in education & research, which seeks to make use of innovation There will be poor applications, mistakes, etc. Planning, flexibility & sharing can help Conclusions Note resources cited in the talk are bookmarked in del.icio.us using tag '' iwmw2006-web2.0-panel &quot;

To conclude:

Web 2.0 is here and ready for use

It can provide valuable user services

It’s particularly appropriate for use in education & research, which seeks to make use of innovation

There will be poor applications, mistakes, etc.

Planning, flexibility & sharing can help