Designing for Social Sharing Rashmi Sinha www.uzanto.com www.rashmisinha.com
Plagger – RSS/Atom remixing platform Tatsuhiko Miyagawa   [email_address] Six Apart, Ltd. / Shibuya Perl Mongers YAPC::NA ...
<ul><li>What is Plagger? </li></ul>
<ul><li>Pl uggable </li></ul><ul><li>RSS/Atom </li></ul><ul><li>Agg regato r </li></ul>
<ul><li>Pl atform for </li></ul><ul><li>Aggr egation </li></ul><ul><li>/ remixing </li></ul>
<ul><li>Whatever </li></ul>
<ul><li>Speaking of </li></ul><ul><li>RSS/Atom aggregator </li></ul>
<ul><li>Who here is </li></ul><ul><li>using Bloglines? </li></ul><ul><li>(or any other web-based aggregators) </li></ul>
<ul><li>Who here </li></ul><ul><li>thinks that it sucks? </li></ul>
Customer-Centered Design at HP Nancy L. Clark & Craig B. Neely
Overview <ul><li>Why is Customer-Centered Design important? </li></ul><ul><li>HP Customer-Centered Design Services (CCDS):...
Why is Customer-Centered Design Important?
HP Customer-Centered Design Services (CCDS): Who we are <ul><li>Center of competency in customer research and designing us...
Product Development Process: Overview <ul><li>Our Focus: </li></ul><ul><li>User analysis, requirements </li></ul><ul><li>P...
Case Study: Designing a Complex Application Suite <ul><li>Storage Network Management Challenges </li></ul><ul><li>Very lar...
Case Study: Designing a Complex Application Suite <ul><li>Challenges: </li></ul><ul><li>Vague product concept </li></ul><u...
Case Study: Designing a Complex Application Suite <ul><li>Challenges </li></ul><ul><li>What details do users need and expe...
Case Study: Designing a Complex Application Suite <ul><li>Challenges: </li></ul><ul><li>Complex: hundreds of details </li>...
Case Study: Designing a Complex Application Suite <ul><li>Challenges: </li></ul><ul><li>Meeting users’ requirements? </li>...
Case Study: Designing a Complex Application Suite <ul><li>Challenges: </li></ul><ul><li>Is the product easy to install and...
Case Study: HP.com Support <ul><li>The Challenges: </li></ul><ul><li>Provide continuous, reliable, unified web access to t...
Case Study: HP.com Support <ul><li>Challenges: </li></ul><ul><li>Requirements handed down by merger planners </li></ul><ul...
Case Study: HP.com Support <ul><li>Challenges: </li></ul><ul><li>Meeting requirements? </li></ul><ul><li>Integration of ne...
Case Study: HP.com Support <ul><li>Challenges: </li></ul><ul><li>Does this site meet the customers’ real world needs? </li...
HP.com summary <ul><li>Fully integrated site released in August, 2003 </li></ul><ul><li>Initial usability data show this p...
Summary <ul><li>Customer-centered focus can unify diverse stakeholders and be the basis for common process definition </li...
Resources <ul><li>www.hfes.org  - Human Factors & Ergonomics Society </li></ul><ul><ul><li>Mission: to promote the discove...
HP logo
<ul><li>Plagger is for you. </li></ul><ul><li>see Bloglines2gmail </li></ul>
<ul><li>Who here has </li></ul><ul><li>ever written a tool </li></ul><ul><li>using XML::RSS? </li></ul>
<ul><li>Welcome aboard. </li></ul><ul><li>There's a chance that you can transform </li></ul><ul><li>your script into a Pla...
<ul><li>Why Pluggable? </li></ul><ul><li>Just  for a feed aggregation? </li></ul>
<ul><li>2002 Apr. </li></ul><ul><li>baseball2rss </li></ul><ul><li>http://search.cpan.org/dist/WWW-Baseball-NPB/ </li></ul>
<ul><li>2003 Oct. </li></ul><ul><li>rss2javascript </li></ul><ul><li>http://blog.bulknews.net/cookbook/blosxom/rss/rss2js....
<ul><li>2004 Sep. </li></ul><ul><li>bloglines2ipod </li></ul><ul><li>http://bulknews.net/lib/utils/bloglines2ipod/ </li></ul>
<ul><li>2004 Oct. </li></ul><ul><li>rss2audiobook </li></ul><ul><li>http://bulknews.net/lib/utils/rss2audiobook/ </li></ul>
<ul><li>2005 Aug. </li></ul><ul><li>bloglines2gmail </li></ul><ul><li>http://svn.bulknews.net/repos/public/bloglines2email...
<ul><li>Looks like </li></ul><ul><li>It's not only me </li></ul><ul><li>doing these things. </li></ul>
<ul><li>rss2opml </li></ul><ul><li>http://aruntx.com/software/rss2opml/ </li></ul>
<ul><li>rss2pdf </li></ul><ul><li>http://rss2pdf.com/ </li></ul>
<ul><li>rss2atom </li></ul><ul><li>brian.wanamaker.com/mybicycle/2004/02/rss2atom.html </li></ul>
<ul><li>atom2rss </li></ul><ul><li>http://www.2rss.com/software.php?page=atom2rss </li></ul>
<ul><li>rss2ical </li></ul><ul><li>http://bura-bura.com/blog/archives/2004/06/22/rss2ical/ </li></ul>
<ul><li>Bloglines2opml </li></ul><ul><li>http://mycvs.org/wp/wp-content/wp-transform.php </li></ul>
<ul><li>rss2gmail </li></ul><ul><li>http://www.cs.utexas.edu/~karu/gmailrss/ </li></ul>
<ul><li>rss2imap </li></ul><ul><li>http://rss2imap.sourceforge.jp/ </li></ul>
<ul><li>ebay2rss </li></ul><ul><li>http://www.2rss.com/software.php?page=ebay2rss </li></ul>
<ul><li>svn2rss </li></ul><ul><li>http://twiki.org/cgi-bin/view/Codev/Svn2rss </li></ul>
<ul><li><anything>2<anything> </li></ul>
<ul><li>Being sick of </li></ul><ul><li>writing the same code </li></ul><ul><li>again and again </li></ul>
<ul><li>Why not creating </li></ul><ul><li>A pluggable platform </li></ul><ul><li>Instead? </li></ul>
<ul><li>With reusable </li></ul><ul><li>Parsers / Emitters </li></ul><ul><li>/ Filters? </li></ul>
<ul><li>That's what </li></ul><ul><li>Plagger is. </li></ul>
IRC, Eject, Growl MSAgent, SSTP … Filter Publish StripRSSAd TruePermalink EntryFullText Pipe Thumbnail FindEnclosures Fetc...
IRC, Eject, Growl MSAgent, SSTP … Filter Publish StripRSSAd TruePermalink EntryFullText Pipe Thumbnail FindEnclosures Fetc...
IRC, Eject, Growl MSAgent, SSTP … Filter Publish StripRSSAd TruePermalink EntryFullText Pipe Thumbnail FindEnclosures Fetc...
IRC, Eject,  Growl MSAgent, SSTP … Filter Publish StripRSSAd TruePermalink EntryFullText Pipe Thumbnail FindEnclosures Fet...
<ul><li>Just like  </li></ul><ul><li>Lego™ Block </li></ul>
<ul><li>Create an app </li></ul><ul><li>With combo of </li></ul><ul><li>Plugins! </li></ul>
<ul><li>Example App #1 </li></ul><ul><li>Bloglines to Gmail </li></ul>
bloglines2gmail.yaml plugins: - module: Subscription::Bloglines config: username: you@example.com password: foobar mark_re...
<ul><li>Run it on crontab </li></ul><ul><li>% ./plagger –c bloglines2gmail.yaml </li></ul>
RSS in Gmail
HTML + Images
Feed Image (Logo / Buddy Icon)
Search
Auto grouping (“Conversations”)
Diff
Tips: Filter
Tips: is:unread
<ul><li>Example App #2 </li></ul><ul><li>RSS to ircbot </li></ul>
RSS bot in action <ul><li>#plagger on freenode </li></ul>
Config for RSS bot (1/3) plugins: - module: Subscription::Config config: feed: # Trac's feed for changesets  - http://plag...
Config for RSS bot (2/3) # I don't like to be notified of same items # more than once! - module: Filter::Rule rule: module...
Config for RSS bot (3/3) - module: Notify::IRC config: daemon_port: 9999 nickname: plaggerbot server_host: chat.freenode.n...
<ul><li>See more in </li></ul><ul><li>examples/irc.yaml </li></ul>
<ul><li>Example App #3 </li></ul><ul><li>Planet </li></ul>
<ul><li>http://planet.yapcchicago.org/ </li></ul>
planet-yapcna.yaml (1/4) plugins: - module: Subscription::Config config: feed: - http://yapcchicago.org/feed/ - http://use...
planet-yapcna.yaml (2/4) # Normalize feed title and permalinks - module: Filter::FeedBurnerPermalink - module: Filter::Tru...
planet-yapcna.yaml (3/4) # Create a smartfeed for all the entries merged - module: SmartFeed::All rule_op: AND rule: - mod...
planet-yapcna.yaml (4/4) # Generate nice XHTML out of the SmartFeed - module: Publish::Planet rule:  expression: $args->{f...
<ul><li>(I admit this Planet config is so clumsy </li></ul><ul><li>and I'll work on that to make it suck less.) </li></ul>
<ul><li>Example App #4 </li></ul><ul><li>YouTube downloader </li></ul>
youtube.yaml plugins: - module: Subscription::Config config: feed: - http://www.youtube.com/rss/tag/yapc.rss # discover re...
<ul><li>Coming soon … </li></ul><ul><li>Filter::ffmpeg, Sync::PSP, Sync::iPodVideo </li></ul>
<ul><li>Plagger  </li></ul><ul><li>Core features </li></ul>
<ul><li>RSS/Atom </li></ul><ul><li>Auto-Discovery </li></ul>
<ul><li>Support various </li></ul><ul><li>Feed formats </li></ul><ul><li>RSS 0.91 to Atom 1.0 </li></ul>
<ul><li>Support parsing </li></ul><ul><li>Broken XML feeds </li></ul><ul><li>(XML::Liberal) </li></ul>
<ul><li>Podcast / Videocast </li></ul><ul><li>Support </li></ul><ul><li>(RSS 2.0 & Atom 1.0) </li></ul>
<ul><li>Photocast </li></ul><ul><li>Media RSS </li></ul><ul><li>iTunes RSS* </li></ul>
<ul><li>Sane I18N impl. </li></ul><ul><li>Unicode & Timezone </li></ul>
<ul><li>Access to </li></ul><ul><li>browser's Cookies </li></ul><ul><li>IE, Safari, Firefox and w3m </li></ul><ul><li>Than...
<ul><li>Quick tour </li></ul><ul><li>On available plugins </li></ul>
Plugin phases (types) <ul><li>Subscription </li></ul><ul><li>Aggregator </li></ul><ul><li>CustomFeed </li></ul><ul><li>Fil...
<ul><li>Subscription </li></ul><ul><li>load subscriptions </li></ul><ul><li>(list the feeds/URLs to aggregate) </li></ul>
<ul><li>Subscription::Config </li></ul>- module: Subscription::Config config: feed: - http://www.yapcchicago.org/feed/ - h...
<ul><li>Subscription::OPML </li></ul>- module: Subscription::OPML config: url: http://www.example.com/subs.opml # subs.opm...
<ul><li>Subscription::File </li></ul>- module: Subscription::File config: url: file:///path/to/subscription.txt % cat subs...
<ul><li>Subscription::XOXO </li></ul>- module: Subscription::XOXO config: url: http://www.example.com/subscription.html # ...
<ul><li>Subscription::Bookmarks </li></ul><ul><li>Read bookmarks file of IE, Firefox and Safari </li></ul>
<ul><li>Aggregator </li></ul><ul><li>Aggregate and parse the feeds </li></ul><ul><li>listed in subscription(s) </li></ul>
<ul><li>Aggregator::Simple </li></ul><ul><li>The &quot;dumb&quot; aggregator </li></ul><ul><li>Using LWP and XML::Feed </l...
<ul><li>Aggregator::Xango </li></ul><ul><li>The &quot;fast&quot; aggregator using Xango.pm </li></ul><ul><li>the POE based...
<ul><li>CustomFeed </li></ul><ul><li>Feed formats other than RSS/Atom </li></ul><ul><li>Scrapers </li></ul>
<ul><li>CustomFeed::POP3 </li></ul><ul><li>Each email is a feed. </li></ul><ul><li>Attachments are enclosures. </li></ul>
<ul><li>CustomFeed::MySpace* </li></ul><ul><li>Your friends journal as feed </li></ul><ul><li>(* indicates it's not develo...
<ul><li>CustomFeed::FlickrSearch </li></ul><ul><li>Search results as feed </li></ul><ul><li>Each photo found is an entry <...
<ul><li>Filter </li></ul><ul><li>Normalize / Repair feed metadata </li></ul><ul><li>Upgrade feed content </li></ul><ul><li...
<ul><li>Filter::StripRSSAd </li></ul>Supports: Google AdSense, FeedBurner, Pheedo
<ul><li>Filter::EntryFullText </li></ul><ul><li>Upgrade content-less feed to fulltext feed </li></ul><ul><li>by fetching i...
<ul><li>Filter::TruePermalink </li></ul><ul><li>Resolves nasty redirection URL </li></ul><ul><li>to the &quot;true&quot; p...
<ul><li>Filter::FindEnclosures </li></ul><ul><li>Find enclosures from content body </li></ul><ul><li><a href=&quot;http://...
<ul><li>Filter::RSSLiberalDateTime </li></ul><ul><li>Deal with broken rss datetime format </li></ul><ul><li><pubDate>2006/...
<ul><li>Publish </li></ul><ul><li>Publish aggregated entry to online services </li></ul><ul><li>Convert feeds to other for...
<ul><li>Publish::Feed </li></ul><ul><li>Republish feed in RSS/Atom </li></ul><ul><li>Good to use with scrapers </li></ul>
<ul><li>Publish::Delicious </li></ul><ul><li>Auto-post entries to your del.icio.us </li></ul><ul><li>using its REST API </...
<ul><li>Publish::iCal* </li></ul><ul><li>Publish iCal feeds out of RSS/Atom </li></ul>
<ul><li>Publish::MTWidget </li></ul>
<ul><li>Publish::Excel </li></ul>If your boss is unhappy your reading blogs on browsers.
<ul><li>Search </li></ul><ul><li>Index aggregated entries on search engines </li></ul>
<ul><li>Search::Spotlight </li></ul>
<ul><li>Search::Estraier </li></ul><ul><li>Uses HyperEstraier XMLRPC node API </li></ul>
<ul><li>Notify </li></ul><ul><li>Notify feed updates in various ways </li></ul>
<ul><li>Notify::Campfire </li></ul>
<ul><li>Notify::Growl </li></ul>
<ul><li>Notify::MSAgent </li></ul>
Notify::Eject Supports: Windows, Linux, FreeBSD and Mac OSX!
<ul><li>So far, </li></ul><ul><li>Plagger rocks   </li></ul>
<ul><li>Actually, </li></ul><ul><li>Plagger sucks   </li></ul>
<ul><li>No good </li></ul><ul><li>Documentation </li></ul><ul><li>(Not a big deal if you can read Perl code) </li></ul>
<ul><li>Horrible lots of  </li></ul><ul><li>CPAN deps. </li></ul>% grep requires Makefile.PL | wc –l 25 % grep recommends ...
<ul><li>cpan Plagger </li></ul><ul><li>Doesn't work (partially) </li></ul>
<ul><li>144 open tickets </li></ul><ul><li>On Trac </li></ul><ul><li>http://plagger.org/trac/query </li></ul><ul><li>(Not ...
<ul><li>The way it </li></ul><ul><li>de-dupes entries </li></ul><ul><li>is clumsy </li></ul>
<ul><li>No database </li></ul><ul><li>Backend (yet) </li></ul><ul><li>Planned to be in core of 0.8 </li></ul>
<ul><li>Plugin invocations </li></ul><ul><li>Can be rule-based </li></ul><ul><li>but undocumented </li></ul>
<ul><li>Different Plugin functionalities </li></ul><ul><li>On the same namespaces </li></ul><ul><li>(CustomFeed, Filter, P...
<ul><li>Publish::Gmail </li></ul><ul><li>was badly named </li></ul>
<ul><li>I want you </li></ul><ul><li>To fix & improve it. </li></ul>
<ul><li>Plagger </li></ul><ul><li>dev. Status </li></ul>
<ul><li>Version </li></ul><ul><li>0.7.3 </li></ul>
<ul><li>Coming Soon … </li></ul>
<ul><li>iTunes RSS support </li></ul>
<ul><li>Enclosure processors </li></ul><ul><li>ffmpeg, Sync::PSP, Sync::iPodVideo </li></ul>
<ul><li>Rich Media metadata </li></ul><ul><li>ID3 tag in enclosures </li></ul><ul><li>Links to imdb.com / amazon.com </li>...
<ul><li>Database Storage </li></ul><ul><li>& Server API </li></ul><ul><li>branches/plagger-server </li></ul>
<ul><li>Calendar Support </li></ul><ul><li>iCal parser & emitter </li></ul><ul><li>hCalendar microformats </li></ul><ul><l...
<ul><li>How's the dev </li></ul><ul><li>going on? </li></ul>
<ul><li>31 authors </li></ul><ul><li>128 plugins </li></ul><ul><li>(most of them are from Japan) </li></ul>
<ul><li>Buzz in Japan </li></ul>
<ul><li>I am Happy </li></ul><ul><li>With &quot;the Buzz&quot; </li></ul>
<ul><li>I am !Happy </li></ul><ul><li>With &quot;In Japan&quot; </li></ul>
<ul><li>Help spreading </li></ul><ul><li>the words </li></ul>
<ul><li>Doc Contribution </li></ul><ul><li>Is highly welcome </li></ul>
<ul><li>http://plagger.org/ </li></ul><ul><li>Planet, Mailing List, IRC </li></ul><ul><li>Bug Tracking, SVN repository </l...
<ul><li>#plagger on freenode </li></ul>
<ul><li>Join Us! </li></ul>
<ul><li>Thank you </li></ul><ul><li>Questions? </li></ul>
browsing alone
Part I: Why NOW?
The web has become a social sphere
Who is online <ul><li>Broadband penetration is at more than 50% </li></ul>From Pew Internet Research, for US only
From Pew Internet Research, for US only
Just for fun! 34%  men , 26%  women   37% of  18-29 yrs old , and 20% of  65 and over go online, on any given day, just fo...
The web has become a social sphere Massively multiplayer online games
Hintz Alumni Center Evening Mixers:  • 400 Indoors  • 400 Patio Seating
Beaver Stadium Tuesday Night Banquet  -  Tailgate Party and Old Fashioned Ice Cream Party and Sock-Hop Nittany Club Sports...
Posters, Exhibits & Socials  <ul><li>  Walk Time to </li></ul><ul><li>Venue Capacities Eisenhower  </li></ul><ul><li>Hetze...
Penn State has a full-service catering company on campus for breaks and meals. We also have our own bakery which supplies ...
Hotels <ul><li>Nittany Lion Inn </li></ul><ul><li>Council Meetings </li></ul><ul><li>Banquets </li></ul>Banquet & Social V...
Nittany Lion Inn   The Nittany Lion Inn  is a gracious, colonial style hotel right on-campus. A 15 minute walk to ASV sess...
A  National Trust  historic  hotel •   For Banquets & Council Meetings  •  220 Sleeping Rooms Nittany Lion Inn
 
Courtyard Inn Nittany Lion Inn Days Inn Hampton Inn Hilton Garden Inn Ramada Inn Atherton Penn Stater 2 mi from campus >
Conference Center •  2 miles From Campus •  300 Luxury Rooms
Exhibits
Penn State Campus Main Presentation Sites: < Eisenhower Auditorium (2,500)
Downtown State College flanks the south side of campus, a five-minute walk from campus housing, and a 12 minute walk from ...
MEALS ON-CAMPUS Breakfast $ 5.75 Lunch  $ 8.25 Dinner $10.00 Banquet  $45.00 HOUSING ON-CAMPUS * Single Room in Eastview T...
Budget
 
 
 
WOW is millions of people with diverse backgrounds collaborating, socializing, and learning while having fun. It represent...
240,000 users
Wells Fargo StageCoach Island
American Apparel
Four draws of such games <ul><li>the ability to socialize </li></ul><ul><li>an achievement system that gives players an in...
Alone together <ul><li>Social interaction in online gaming (Ducheneaut et al. 2006) </li></ul><ul><ul><li>Surrounded by ot...
The web has become a social sphere Massively multiplayer online games Rich interfaces enable richer interactions
Part II
Part II: What is social sharing?
 
Hi I found you while I was searching my network at LinkedIn. Let's connect directly, so we can help each other with referr...
First generation Social Networks (Friendster, LinkedIn…) 1) I am linked to ->   -> to you ---> --->You are linked to her -...
Object mediated social networks “… call for the rethinking of sociality along lines that include objects in the concept of...
Coffee Dance performance Tomatoes
Second generation social networks  <ul><li>Put objects at the center </li></ul><ul><ul><li>Social sharing </li></ul></ul><...
Social sharing of our stuff  (social networks with objects in between) e.g., Flickr, Yahoo answers 1) I share my pics ->  ...
Viral sharing  (passing on interesting stuff) e.g., YouTube videos 1) I send video I like  ->   -> to you. You pass on -->...
Tag-based social sharing  (linked by concepts…) e.g., Flickr, del.icio.us 1) I tag my bookmarks   -> you see my tags  -->Y...
Social news creation  (rating news stories) e.g., digg, Newsvine 1) I find interesting story   -> you rate story  -->Other...
Objects invite us to <ul><li>Connect </li></ul><ul><li>Play </li></ul><ul><li>React </li></ul><ul><li>Reach out </li></ul>
Part III: So you want to design for social sharing?
Forget the ipod!
Web 2.0 and Virtual Worlds Roo Reynolds Metaverse Evangelist [email_address]
Your innocent laughter was so pure
To my pain it was the cure
My heart fills with pain so much
To see all the lives of people that you have touched..
memories of you are so sweet …
But sometimes <ul><li>they make me weep … </li></ul>
A story of an African Safari An adventure experienced by three little boys. PART ONE
It was November 2006…. <ul><li>The three boys were together in the back of the car. It was hot and sticky. They had been d...
<ul><li>Oupa suggested a contest: the first one to see an animal would be the winner.  He explained that it was an old fam...
<ul><li>“ SNAKE!!!” Leon shouted.  </li></ul><ul><li>“ Nonsense,” said Daniel.  That’s just a silly old stick.” </li></ul>...
Looking out different windows <ul><li>When Papa looked out the window on his side of the car, he could see this.   </li></...
Which snake do you think it is? Me! It is me! I’m a puff adder.  The book says I’m ‘large, thick bodied, sluggish, broad h...
<ul><li>The snake in the picture was the first puffadder that Ouma had ever seen. She had to ask her brother, Guillaume, w...
Does Leon win? Is a snake an animal? No! I’m a banana, not a snake.  (How can I get them to come closer so I can SHOW THEM...
<ul><li>The way to avoid puff adders is to look in the path in front of  you when you walk and to make a small amount of n...
But what about the stick on the other side of the car? No, a stick is not an animal. A stick comes from a tree, so it is p...
Compare two of the  little boys  to the elephant in SIZE Why is Taz holding his nose???
… .because he’s never ever smelled anything like an elephant before Elephant poo!
<ul><li>Elephants are MUCH bigger in real life than the ones one sees on TV.  </li></ul><ul><li>Elephants in Kruger Park a...
You can tell how recently an elephant passed by, based on the elephant dung. <ul><li>Can you guess how? </li></ul><ul><li>...
They carried on driving….. <ul><li>Although it was very hot, Uncle Eric  </li></ul><ul><li>(Dad, to you, Daniel!) insisted...
I’m sorry … for the bad times  we had to share
I’m thankful … <ul><li>for the sad times you’ve helped me bare. </li></ul>
that have known you. <ul><li>i am proud to be one amongst tons of </li></ul><ul><li>others </li></ul>
So many people you have helped with just a smile
you were the type that was worth waiting for a while … <ul><li>so many memories  </li></ul><ul><li>filled with laughter </...
if only they keep going forever after
years went by it seems so long ago but at the same time i can’t let you go i can’t seem to get over the fact that you’re g...
you were such a young person and you opened my eyes <ul><li>Always a legend you will be in my eyes </li></ul>
Web 2.0
Web 2.0 examples (then and now) <ul><li>Personal websites  ->  blogs  </li></ul><ul><li>Britannica Online  ->  Wikipedia  ...
Web 2.0 components / characteristics The Web  as “ The Platform” Tools: RSS, AJAX, PHP, Ruby Services, not packaged softwa...
Key themes to remember <ul><li>Social networking </li></ul><ul><li>User-generated content </li></ul>
Web 2.0 attitude <ul><li>“  Web 2.0 is an attitude not a technology.  It’s about enabling and encouraging  participation t...
Web 2.0  is understood – so what’s next?
Games?!  A few numbers… <ul><li>69% of American heads of households play computer or video games </li></ul><ul><li>In 2005...
Virtual Worlds - background <ul><li>Online Games </li></ul><ul><li>e.g. Quake, Half-Life, … </li></ul><ul><li>MMORPGs  (Ma...
Virtual Worlds <ul><li>Second Life   ( http://secondlife.com ) </li></ul><ul><ul><li>3,600,000+ user accounts and growing ...
Some principles…
1: Make system personally useful <ul><li>For end-user system should have strong personal use </li></ul><ul><ul><li>Memorab...
Bite-sized self-expression <ul><li>Creative self-expression </li></ul><ul><ul><li>Artistic expression (Flickr, YouTube) </...
2: Identify symbiotic relationship between personal & social <ul><li>Personal snippets > Social stream </li></ul><ul><ul><...
3: Create porous boundary between public & private <ul><li>Earlier systems </li></ul><ul><ul><li>Personal (Personal Deskto...
4. Allow for levels of participation <ul><li>Everyone does not need to create! </li></ul><ul><ul><li>Implicit creation (cr...
Why do people digg? “ commenting, digging, burying comments, typing descriptions, reading hundreds of articles and… … for ...
how to encourage participation <ul><li>Insights from Social Psychology </li></ul><ul><ul><li>Highlight unique contribution...
5. Let people feel the presence of others <ul><li>What paths are well worn </li></ul><ul><li>User profiles / photos </li><...
6. And yet, moments of Independence… <ul><li>Choreography:  when alone, when part of group </li></ul><ul><li>Prevent mobs ...
Allow for alternative viewpoints & perspectives <ul><li>Social sharing can lead to tyranny of dominant view </li></ul><ul>...
Create conditions for wise crowds <ul><li>Cognitive Diversity </li></ul><ul><li>Independence </li></ul><ul><li>Decentraliz...
Wise Crowds: Cognitive Diversity <ul><li>Need many perspectives for good answers </li></ul><ul><li>Groups become homogenou...
Wise Crowds: Independence <ul><li>Keeps people’s mistakes from getting correlated (uncorrelated mistakes averaged out) </l...
Wise Crowds: Decentralization “ A crowd of decentralized people working to solve a problem on their own without any centra...
Wise Crowds: Easy Aggregation <ul><li>A decentralized system can pick right solution  </li></ul><ul><ul><li>With easy way ...
7. Enable Serendipity  <ul><li>Don’t make navigation all about popularity </li></ul><ul><ul><li>Access to some popular stu...
8. Most of all, allow for play
Things to try at home! <ul><li>Create an account on myspace.com </li></ul><ul><li>Read Emergence, Wisdom of Crowds </li></...
Questions? www.rashmisinha.com www.uzanto.com
Upcoming SlideShare
Loading in...5
×

29.4 mb

7,736

Published on

Published in: Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
7,736
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • http://www.flickr.com/photo_zoom.gne?id=2939327&amp;size=o Traditionally browsing alone has been the dominant paradigm
  • Reference: http://www.pewinternet.org/PPF/r/175/report_display.asp
  • Mixers
  • Walking time to and from a couple of satellite venues. NLI where your speakers and council members can stay, and where you can have meetings and banquets Hetzel Union building is where we plan to have poster presentations Eateries and coffee bars are on the upper and lower levels, along with seating, art galleries and lounges Wireless internet access throughout this building Bookstore Copy center
  • This color coded map shows the main venues that we will utilize for ASV
  • Nittany Lion Inn is a gracious, colonial style hotel right on-campus. A 15 minute walk to ASV sessions
  • Nittany Lion Inn is a gracious, colonial style hotel right on-campus. A 15 minute walk to ASV sessions
  • Penn State has a conference center and hotel two miles from campus. We will not be using this facility except for hotel rooms.
  • This color coded map shows the main venues that we will utilize for ASV
  • Downtown skirts the south side of campus, a 7 minute walk from Eisenhower Aud. A 3 minute walk from Eastview Terrace
  • Real time collaboration and updating provides a very different feel to the web than static or even dynamic web pages. You feel the social presence of people something we are used to in real life. For example, I am standing here, and I can see, feel, hear all of you. For example, take a look at DiggSpy, where you can watch what people have been digging. This allows a whole new level of socability. It lets you feel the presence of groups of people.
  • So what is social sharing. Lets start with what its not. Its not the social networks of 2001. How many of you are on Frienster and LinkedIN. How many of you have sent that awkward sounding email to your friends. Hi I found you while
  • Lets go back, back to 2001. Back to the beginning of social networks. Remember the excitement. How many of you have seen such a diagram? How many of you are a member of such a network?
  • But how do we really connect?
  • Overview of Web 2.0 and introduction to Virtual Worlds
  • So what is Web 2.0? A quick overview…
  • http://web2con.com – O’Reilly’s Web 2.0 conference first ran in October 2004 Theme: “The Web as Platform” &amp;quot;While the first wave of the Web was closely tied to the browser, the second wave extends applications across the web and enables a new generation of services and business opportunities.&amp;quot; “ You have to remember that every revolution occurs in stages, and often isn&apos;t recognized till long after the new world is in place.” “ There might be a better name (I tried internet operating system on for size starting back in 2000), but the fact that Web 2.0 has caught on says that it&apos;s as good a term as any.” (Tim O’Reilly - http://radar.oreilly.com/archives/2005/08/not_20.html) See http://www.oreillynet.com/pub/a/oreilly/tim/news/2005/09/30/what-is-web-20.html for the original
  • See http://www.oreillynet.com/pub/a/oreilly/tim/news/2005/09/30/what-is-web-20.htmlfor the original Here is a depiction of Web 2.0 as a growing cultural organism with the tools, standards and techniques enabling it in blue on the top and some of the key characteristics of the organism on the bottom - simplicity (light-weight programming models)  Only easy things will continue to propagate (PHP) - community-development is represented here in “software that gets better with the more people use it” and “harnessing the collective intelligence” - move to web services that are published on the web, not hardened and shrink wrapped - assembly of consumable pieces which enable architectural participation from end-users and the community - again bandwidth, graphics, and graphic app models are driving users to demand rich user experiences - drag and drop, location based visualizations,  the end of command line text windows! ==================== Google, by contrast, began its life as a web application, never sold or packaged, but delivered as a service. Customer paid for the service, directly or indirectly No scheduled software releases, just continuous improvement. No licensing or sale, just usage. No porting to different platforms so that customers can run the software on their own equipment, just a massively scalable collection of commodity PCs running open source operating systems plus homegrown applications and utilities that no one outside the company ever gets to see. At bottom, Google requires a competency: database management, not a collection of software tools, it&apos;s a specialized database. Without the data, the tools are useless; without the software, the data is unmanageable. Software licensing and control over APIs--the lever of power in the previous era--is irrelevant because the software never need be distributed but only performed, and also because without the ability to collect and manage the data, the software is of little use. In fact, the value of the software is proportional to the scale and dynamism of the data it helps to manage. Much like a phone call, which happens not just on the phones at either end of the call, but on the network in between, Google happens in the space between browser and search engine and destination content server, as an enabler or middleman between the user and his or her online experience. Other important Web 2.0 themes: Rich user experience Emergence Play Archicture of participation Harnessing collective intelligence Perpetual beta
  • One opinion of Web 2.0
  • What will come post-web 2.0? Web 3.0 Web3 3D Internet Virtual Worlds ? A lot of attention of Virtual Worlds
  • Gamers are increasing in number, and buying power IBM by no means dominant here, but starting to show a real interest……
  • Virtual Worlds are an emerging opportunity for a wide range of activities, including marketing, online commerce and services. Popular non-game Virtual World platforms (such as Second Life) are expanding fast with thriving economies. We are seeing the beginnings of the exploitation of the market, with the BBC, sporting events, high-street names and web brands announcing their involvement. This continues the shift from a passive audience to an engaged, interactive population Virtual Worlds are the web, rendered in interactive 3D. They could mark the start of the next phase of web technology.
  • Virtual Worlds are an emerging opportunity for a wide range of activities, including marketing, online commerce and services. Popular non-game Virtual World platforms (such as Second Life) are expanding fast with thriving economies. We are seeing the beginnings of the exploitation of the market, with the BBC, sporting events, high-street names and web brands announcing their involvement. This continues the shift from a passive audience to an engaged, interactive population Virtual Worlds are the web, rendered in interactive 3D. They could mark the start of the next phase of web technology. More than 50% users are in Europe 10% of users have remained for 40 hours or more These stats are usually out of date. Try secondlife.com to check the latest figures.
  • Encourages independence Takes advantage of tacit knowledge People have specialized knowledge Need some type of loose coordination
  • 29.4 mb

    1. 1. Designing for Social Sharing Rashmi Sinha www.uzanto.com www.rashmisinha.com
    2. 2. Plagger – RSS/Atom remixing platform Tatsuhiko Miyagawa [email_address] Six Apart, Ltd. / Shibuya Perl Mongers YAPC::NA 2006 Chicago
    3. 3. <ul><li>What is Plagger? </li></ul>
    4. 4. <ul><li>Pl uggable </li></ul><ul><li>RSS/Atom </li></ul><ul><li>Agg regato r </li></ul>
    5. 5. <ul><li>Pl atform for </li></ul><ul><li>Aggr egation </li></ul><ul><li>/ remixing </li></ul>
    6. 6. <ul><li>Whatever </li></ul>
    7. 7. <ul><li>Speaking of </li></ul><ul><li>RSS/Atom aggregator </li></ul>
    8. 8. <ul><li>Who here is </li></ul><ul><li>using Bloglines? </li></ul><ul><li>(or any other web-based aggregators) </li></ul>
    9. 9. <ul><li>Who here </li></ul><ul><li>thinks that it sucks? </li></ul>
    10. 10. Customer-Centered Design at HP Nancy L. Clark & Craig B. Neely
    11. 11. Overview <ul><li>Why is Customer-Centered Design important? </li></ul><ul><li>HP Customer-Centered Design Services (CCDS): Who are we? </li></ul><ul><li>Overview: Where we fit in the Product Development Process </li></ul><ul><li>Case Study: Designing a complex application suite </li></ul><ul><li>Case Study: Merger of Compaq and HP support web sites </li></ul>
    12. 12. Why is Customer-Centered Design Important?
    13. 13. HP Customer-Centered Design Services (CCDS): Who we are <ul><li>Center of competency in customer research and designing user interfaces, with facilities around the country </li></ul><ul><ul><li>Staff educated and experienced in cognitive & physiological disciplines </li></ul></ul><ul><ul><li>Centralized resource for HP design teams who do not have research, design, & testing skills </li></ul></ul><ul><li>Primary value add to HP design teams: </li></ul><ul><ul><li>Improve development process by bringing HP design teams together, creating a common product vision </li></ul></ul><ul><ul><li>Bring target users of products together with design teams to define, design, develop customer-centered products </li></ul></ul>
    14. 14. Product Development Process: Overview <ul><li>Our Focus: </li></ul><ul><li>User analysis, requirements </li></ul><ul><li>Product definition, design, & development for ease of use and usefulness </li></ul><ul><li>Other Elements of the Customer Experience: </li></ul><ul><li>Ordering, delivery </li></ul><ul><li>Documentation </li></ul><ul><li>Installation </li></ul><ul><li>Integration with 3 rd party products </li></ul><ul><li>Customer Support </li></ul>
    15. 15. Case Study: Designing a Complex Application Suite <ul><li>Storage Network Management Challenges </li></ul><ul><li>Very large scale, distributed networks – thousands of devices, huge amounts of data </li></ul><ul><li>Very complex to manage </li></ul><ul><li>Need continuous, reliable access to critical business data </li></ul><ul><li>Imagine a hard drive crash! </li></ul><ul><ul><li>Real-time monitoring </li></ul></ul><ul><ul><li>Fast troubleshooting </li></ul></ul>
    16. 16. Case Study: Designing a Complex Application Suite <ul><li>Challenges: </li></ul><ul><li>Vague product concept </li></ul><ul><li>Customers’ priorities? </li></ul><ul><li>Developing a shared vision </li></ul><ul><li>Solutions: </li></ul><ul><li>Customer focus groups </li></ul><ul><li>Designed sketchy prototypes, customers filled in blanks </li></ul><ul><li>Value: </li></ul><ul><li>Requirements, shared vision </li></ul><ul><li>Not just a launch point for management applications! </li></ul><ul><li>Network representation </li></ul><ul><li>View of business apps, data </li></ul>Planning
    17. 17. Case Study: Designing a Complex Application Suite <ul><li>Challenges </li></ul><ul><li>What details do users need and expect? </li></ul><ul><li>Requirements risks: incomplete, failure to confirm </li></ul><ul><li>Solutions: </li></ul><ul><li>Refined prototypes with more details </li></ul><ul><li>Iterative research to define next level of detail </li></ul><ul><li>Value: </li></ul><ul><li>Details for info & task flow (e.g. status, clicking behavior) </li></ul><ul><li>Avoided costly re-design </li></ul>Requirements
    18. 18. Case Study: Designing a Complex Application Suite <ul><li>Challenges: </li></ul><ul><li>Complex: hundreds of details </li></ul><ul><li>Tradeoffs: ease of use versus development cost </li></ul><ul><li>Solutions: </li></ul><ul><li>Iterative user interface design, prototyping, testing </li></ul><ul><li>UI specification, evaluation </li></ul><ul><li>Cross-suite style guide </li></ul><ul><li>Value: </li></ul><ul><li>Continuous user focus keeps design usable and aligned with requirements </li></ul><ul><li>Cross-team coordination to ensure unified design </li></ul>Design
    19. 19. Case Study: Designing a Complex Application Suite <ul><li>Challenges: </li></ul><ul><li>Meeting users’ requirements? </li></ul><ul><li>Unanticipated design issues </li></ul><ul><li>Solutions: </li></ul><ul><li>User interviews: key features </li></ul><ul><li>Numerous usability tests </li></ul><ul><li>Structured expert review </li></ul><ul><li>Ongoing design consulting </li></ul><ul><li>Value: </li></ul><ul><li>Customer-centered answers to design questions </li></ul><ul><li>Usability evaluation of actual product </li></ul>Iterative Development
    20. 20. Case Study: Designing a Complex Application Suite <ul><li>Challenges: </li></ul><ul><li>Is the product easy to install and use? </li></ul><ul><li>Does it meet customers’ real world needs? </li></ul><ul><li>Solutions: </li></ul><ul><li>Interviews with HP specialists in the field </li></ul><ul><li>Customer visits, interviews </li></ul><ul><li>Value of Usability Data: </li></ul><ul><li>Identify gaps between user needs and actual product </li></ul><ul><li>Focuses next version require-ments on customer needs </li></ul>Post-Release
    21. 21. Case Study: HP.com Support <ul><li>The Challenges: </li></ul><ul><li>Provide continuous, reliable, unified web access to tech support from HP and Compaq </li></ul><ul><li>Combine two approaches to online support delivery via the web while meeting expectations of both groups of customers </li></ul><ul><li>Combine independent HP and Compaq Usability Groups as part of overall merger of eSupport program </li></ul><ul><li>Focus on customer needs, not political and technical challenges </li></ul>
    22. 22. Case Study: HP.com Support <ul><li>Challenges: </li></ul><ul><li>Requirements handed down by merger planners </li></ul><ul><li>2 distinct interaction models </li></ul><ul><li>Solutions: </li></ul><ul><li>Validate requirements via fast prototyping, early testing </li></ul><ul><li>Iterative design & testing </li></ul><ul><li>Combined team, web repository for shared work </li></ul><ul><li>Value: </li></ul><ul><li>Retain customer loyalty by working toward a single, unified support site as an indication of HP’s focus on the customer </li></ul>Design
    23. 23. Case Study: HP.com Support <ul><li>Challenges: </li></ul><ul><li>Meeting requirements? </li></ul><ul><li>Integration of new design with other sites on HP.com </li></ul><ul><li>Will new design support the functionality? </li></ul><ul><li>Solutions: </li></ul><ul><li>Relationships across HP.com </li></ul><ul><li>Ongoing design updates based on customer feedback </li></ul><ul><li>Iterative development, test </li></ul><ul><li>Value: </li></ul><ul><li>Kept design aligned with both sets of customer needs and expectations </li></ul><ul><li>Integration with HP.com </li></ul>Development
    24. 24. Case Study: HP.com Support <ul><li>Challenges: </li></ul><ul><li>Does this site meet the customers’ real world needs? </li></ul><ul><li>Constant or improved customer satisfaction, usage? </li></ul><ul><li>Solutions: </li></ul><ul><li>Large customer survey </li></ul><ul><li>Remote web-based usability testing, large number of users </li></ul><ul><li>Usability testing in lab </li></ul><ul><li>Value: </li></ul><ul><li>Customer-focused approach to evaluating support site </li></ul><ul><li>Validates if the content is useful, meets customer needs </li></ul>Product Release
    25. 25. HP.com summary <ul><li>Fully integrated site released in August, 2003 </li></ul><ul><li>Initial usability data show this performs as well if not better than the previous sites across user types </li></ul><ul><li>The designers formerly from HP and Compaq now work together as one group </li></ul><ul><li>Continue to update and improve the support content to our customers </li></ul>http://h20000.www2.hp.com/bizsupport/TechSupport/Home.jsp
    26. 26. Summary <ul><li>Customer-centered focus can unify diverse stakeholders and be the basis for common process definition </li></ul><ul><li>Customer-centered design activities can and should be incorporated into every phase of product design and development </li></ul><ul><li>CCDS activities are tailored to the needs of each project </li></ul><ul><li>CCDS activities: </li></ul><ul><ul><li>Decrease development time and cost by “getting it right the first time” </li></ul></ul><ul><ul><li>Increase customer satisfaction by meeting their needs and expectations </li></ul></ul>
    27. 27. Resources <ul><li>www.hfes.org - Human Factors & Ergonomics Society </li></ul><ul><ul><li>Mission: to promote the discovery and exchange of knowledge concerning the characteristics of human beings that are applicable to the design of systems and devices of all kinds. </li></ul></ul><ul><li>www.upassoc.org - Usability Professionals Association </li></ul><ul><ul><li>Supports those who promote and advance the development of usable products, reaching out to people who act as advocates for usability and the user experience. </li></ul></ul><ul><li>www.acm.org/sigs/sigchi - ACM Special Interest Group in Computer-Human Interaction </li></ul><ul><ul><li>Brings together people working on the design, evaluation, implementation, study of interactive computing systems for human use. </li></ul></ul><ul><li>www.baddesigns.com - Examples of things that are hard to use because they do not follow human factors principles </li></ul>
    28. 28. HP logo
    29. 29. <ul><li>Plagger is for you. </li></ul><ul><li>see Bloglines2gmail </li></ul>
    30. 30. <ul><li>Who here has </li></ul><ul><li>ever written a tool </li></ul><ul><li>using XML::RSS? </li></ul>
    31. 31. <ul><li>Welcome aboard. </li></ul><ul><li>There's a chance that you can transform </li></ul><ul><li>your script into a Plagger plugin. </li></ul><ul><li>And I can give you a svn commit bit! </li></ul>
    32. 32. <ul><li>Why Pluggable? </li></ul><ul><li>Just for a feed aggregation? </li></ul>
    33. 33. <ul><li>2002 Apr. </li></ul><ul><li>baseball2rss </li></ul><ul><li>http://search.cpan.org/dist/WWW-Baseball-NPB/ </li></ul>
    34. 34. <ul><li>2003 Oct. </li></ul><ul><li>rss2javascript </li></ul><ul><li>http://blog.bulknews.net/cookbook/blosxom/rss/rss2js.html </li></ul>
    35. 35. <ul><li>2004 Sep. </li></ul><ul><li>bloglines2ipod </li></ul><ul><li>http://bulknews.net/lib/utils/bloglines2ipod/ </li></ul>
    36. 36. <ul><li>2004 Oct. </li></ul><ul><li>rss2audiobook </li></ul><ul><li>http://bulknews.net/lib/utils/rss2audiobook/ </li></ul>
    37. 37. <ul><li>2005 Aug. </li></ul><ul><li>bloglines2gmail </li></ul><ul><li>http://svn.bulknews.net/repos/public/bloglines2email/trunk/ </li></ul>
    38. 38. <ul><li>Looks like </li></ul><ul><li>It's not only me </li></ul><ul><li>doing these things. </li></ul>
    39. 39. <ul><li>rss2opml </li></ul><ul><li>http://aruntx.com/software/rss2opml/ </li></ul>
    40. 40. <ul><li>rss2pdf </li></ul><ul><li>http://rss2pdf.com/ </li></ul>
    41. 41. <ul><li>rss2atom </li></ul><ul><li>brian.wanamaker.com/mybicycle/2004/02/rss2atom.html </li></ul>
    42. 42. <ul><li>atom2rss </li></ul><ul><li>http://www.2rss.com/software.php?page=atom2rss </li></ul>
    43. 43. <ul><li>rss2ical </li></ul><ul><li>http://bura-bura.com/blog/archives/2004/06/22/rss2ical/ </li></ul>
    44. 44. <ul><li>Bloglines2opml </li></ul><ul><li>http://mycvs.org/wp/wp-content/wp-transform.php </li></ul>
    45. 45. <ul><li>rss2gmail </li></ul><ul><li>http://www.cs.utexas.edu/~karu/gmailrss/ </li></ul>
    46. 46. <ul><li>rss2imap </li></ul><ul><li>http://rss2imap.sourceforge.jp/ </li></ul>
    47. 47. <ul><li>ebay2rss </li></ul><ul><li>http://www.2rss.com/software.php?page=ebay2rss </li></ul>
    48. 48. <ul><li>svn2rss </li></ul><ul><li>http://twiki.org/cgi-bin/view/Codev/Svn2rss </li></ul>
    49. 49. <ul><li><anything>2<anything> </li></ul>
    50. 50. <ul><li>Being sick of </li></ul><ul><li>writing the same code </li></ul><ul><li>again and again </li></ul>
    51. 51. <ul><li>Why not creating </li></ul><ul><li>A pluggable platform </li></ul><ul><li>Instead? </li></ul>
    52. 52. <ul><li>With reusable </li></ul><ul><li>Parsers / Emitters </li></ul><ul><li>/ Filters? </li></ul>
    53. 53. <ul><li>That's what </li></ul><ul><li>Plagger is. </li></ul>
    54. 54. IRC, Eject, Growl MSAgent, SSTP … Filter Publish StripRSSAd TruePermalink EntryFullText Pipe Thumbnail FindEnclosures FetchEnclosure SpamAssassin RSSLiberalDateTime URLBL ResolveRelativeLink … Gmail Delicious PDF MT Feed Planet Speech … Notify Bloglines Config OPML, XOXO File, DBI, FOAF … Mixi, Yahoo360JP POP3, iCal iTunes, Amazon YouTube … Subscription CustomFeed
    55. 55. IRC, Eject, Growl MSAgent, SSTP … Filter Publish StripRSSAd TruePermalink EntryFullText Pipe Thumbnail FindEnclosures FetchEnclosure SpamAssassin RSSLiberalDateTime URLBL ResolveRelativeLink … Gmail Delicious PDF MT Feed Planet Speech … Notify Bloglines Config OPML, XOXO File, DBI, FOAF … Mixi, Yahoo360JP POP3, iCal iTunes, Amazon YouTube … Subscription CustomFeed
    56. 56. IRC, Eject, Growl MSAgent, SSTP … Filter Publish StripRSSAd TruePermalink EntryFullText Pipe Thumbnail FindEnclosures FetchEnclosure SpamAssassin RSSLiberalDateTime URLBL ResolveRelativeLink … Gmail Delicious PDF MT Feed Planet Speech … Notify Bloglines Config OPML, XOXO File, DBI, FOAF … Mixi, Yahoo360JP POP3, iCal iTunes, Amazon YouTube … Subscription CustomFeed
    57. 57. IRC, Eject, Growl MSAgent, SSTP … Filter Publish StripRSSAd TruePermalink EntryFullText Pipe Thumbnail FindEnclosures FetchEnclosure SpamAssassin RSSLiberalDateTime URLBL ResolveRelativeLink … Gmail Delicious PDF MT Feed Planet Speech … Notify Bloglines Config OPML , XOXO File, DBI, FOAF … Mixi, Yahoo360JP POP3, iCal iTunes, Amazon YouTube … Subscription CustomFeed
    58. 58. <ul><li>Just like </li></ul><ul><li>Lego™ Block </li></ul>
    59. 59. <ul><li>Create an app </li></ul><ul><li>With combo of </li></ul><ul><li>Plugins! </li></ul>
    60. 60. <ul><li>Example App #1 </li></ul><ul><li>Bloglines to Gmail </li></ul>
    61. 61. bloglines2gmail.yaml plugins: - module: Subscription::Bloglines config: username: you@example.com password: foobar mark_read: 1 - module: Publish::Gmail config: mailto: [email_address] mailfrom: miyagawa@example.com mailroute: via: smtp host: smtp.example.com
    62. 62. <ul><li>Run it on crontab </li></ul><ul><li>% ./plagger –c bloglines2gmail.yaml </li></ul>
    63. 63. RSS in Gmail
    64. 64. HTML + Images
    65. 65. Feed Image (Logo / Buddy Icon)
    66. 66. Search
    67. 67. Auto grouping (“Conversations”)
    68. 68. Diff
    69. 69. Tips: Filter
    70. 70. Tips: is:unread
    71. 71. <ul><li>Example App #2 </li></ul><ul><li>RSS to ircbot </li></ul>
    72. 72. RSS bot in action <ul><li>#plagger on freenode </li></ul>
    73. 73. Config for RSS bot (1/3) plugins: - module: Subscription::Config config: feed: # Trac's feed for changesets - http://plagger.org/…/rss
    74. 74. Config for RSS bot (2/3) # I don't like to be notified of same items # more than once! - module: Filter::Rule rule: module: Fresh mtime: path: /tmp/rssbot.time autoupdate: 1
    75. 75. Config for RSS bot (3/3) - module: Notify::IRC config: daemon_port: 9999 nickname: plaggerbot server_host: chat.freenode.net server_channels: - #plagger-ja - #plagger
    76. 76. <ul><li>See more in </li></ul><ul><li>examples/irc.yaml </li></ul>
    77. 77. <ul><li>Example App #3 </li></ul><ul><li>Planet </li></ul>
    78. 78. <ul><li>http://planet.yapcchicago.org/ </li></ul>
    79. 79. planet-yapcna.yaml (1/4) plugins: - module: Subscription::Config config: feed: - http://yapcchicago.org/feed/ - http://use.perl.org/search.pl?query=YAPC… - http://del.icio.us/rss/tag/yapcna2006 - http://feeds.technorati.com/feed/posts/… - http://bloglines.com/search?q=YAPC+NA&… # etc, etc …
    80. 80. planet-yapcna.yaml (2/4) # Normalize feed title and permalinks - module: Filter::FeedBurnerPermalink - module: Filter::TruePermalink - module: Filter::StripTagsFromTitle
    81. 81. planet-yapcna.yaml (3/4) # Create a smartfeed for all the entries merged - module: SmartFeed::All rule_op: AND rule: - module: Fresh duration: 10080 # seven days - module: URLBL dnsbl: rbl.bulkfeeds.jp config: title: Planet YAPC::NA
    82. 82. planet-yapcna.yaml (4/4) # Generate nice XHTML out of the SmartFeed - module: Publish::Planet rule: expression: $args->{feed}->id eq 'smartfeed:all' config: dir: /path/to/htdocs skin: sixapart-std template: members_list: 1 style_url: http://example.com/style.css
    83. 83. <ul><li>(I admit this Planet config is so clumsy </li></ul><ul><li>and I'll work on that to make it suck less.) </li></ul>
    84. 84. <ul><li>Example App #4 </li></ul><ul><li>YouTube downloader </li></ul>
    85. 85. youtube.yaml plugins: - module: Subscription::Config config: feed: - http://www.youtube.com/rss/tag/yapc.rss # discover real .flv URLs on YouTube.com - module: Filter::FindEnclosures # fetch them to local directory - module: Filter::FertchEnclosure config: dir: path/to/save
    86. 86. <ul><li>Coming soon … </li></ul><ul><li>Filter::ffmpeg, Sync::PSP, Sync::iPodVideo </li></ul>
    87. 87. <ul><li>Plagger </li></ul><ul><li>Core features </li></ul>
    88. 88. <ul><li>RSS/Atom </li></ul><ul><li>Auto-Discovery </li></ul>
    89. 89. <ul><li>Support various </li></ul><ul><li>Feed formats </li></ul><ul><li>RSS 0.91 to Atom 1.0 </li></ul>
    90. 90. <ul><li>Support parsing </li></ul><ul><li>Broken XML feeds </li></ul><ul><li>(XML::Liberal) </li></ul>
    91. 91. <ul><li>Podcast / Videocast </li></ul><ul><li>Support </li></ul><ul><li>(RSS 2.0 & Atom 1.0) </li></ul>
    92. 92. <ul><li>Photocast </li></ul><ul><li>Media RSS </li></ul><ul><li>iTunes RSS* </li></ul>
    93. 93. <ul><li>Sane I18N impl. </li></ul><ul><li>Unicode & Timezone </li></ul>
    94. 94. <ul><li>Access to </li></ul><ul><li>browser's Cookies </li></ul><ul><li>IE, Safari, Firefox and w3m </li></ul><ul><li>Thanks to brian d foy </li></ul>
    95. 95. <ul><li>Quick tour </li></ul><ul><li>On available plugins </li></ul>
    96. 96. Plugin phases (types) <ul><li>Subscription </li></ul><ul><li>Aggregator </li></ul><ul><li>CustomFeed </li></ul><ul><li>Filter </li></ul><ul><li>Publish </li></ul><ul><li>Notify </li></ul><ul><li>Search </li></ul>
    97. 97. <ul><li>Subscription </li></ul><ul><li>load subscriptions </li></ul><ul><li>(list the feeds/URLs to aggregate) </li></ul>
    98. 98. <ul><li>Subscription::Config </li></ul>- module: Subscription::Config config: feed: - http://www.yapcchicago.org/feed/ - http://tokyo.yapcasia.org/blog/
    99. 99. <ul><li>Subscription::OPML </li></ul>- module: Subscription::OPML config: url: http://www.example.com/subs.opml # subs.opml <opml> <outline xmlUrl=&quot;http://www.yapcchicago.org/feed/&quot; /> <outline htmlUrl=&quot;http://tokyo.yapcasia.org/blog/&quot; /> </opml>
    100. 100. <ul><li>Subscription::File </li></ul>- module: Subscription::File config: url: file:///path/to/subscription.txt % cat subscription.txt http://www.yapcchicago.org/feed/ http://tokyo.yapcasia.org/blog/ %
    101. 101. <ul><li>Subscription::XOXO </li></ul>- module: Subscription::XOXO config: url: http://www.example.com/subscription.html # subscription.html <ul class=&quot;xoxo&quot;> <li><a href=&quot;http://www.yapcchicago.org/feed/&quot;>YAPC::NA</a></li> <li><a href=&quot;http://tokyo.yapcasia.org/blog/&quot;>YAPC::NA</a></li> </ul>
    102. 102. <ul><li>Subscription::Bookmarks </li></ul><ul><li>Read bookmarks file of IE, Firefox and Safari </li></ul>
    103. 103. <ul><li>Aggregator </li></ul><ul><li>Aggregate and parse the feeds </li></ul><ul><li>listed in subscription(s) </li></ul>
    104. 104. <ul><li>Aggregator::Simple </li></ul><ul><li>The &quot;dumb&quot; aggregator </li></ul><ul><li>Using LWP and XML::Feed </li></ul><ul><li>Might be okay < 20 feeds </li></ul>
    105. 105. <ul><li>Aggregator::Xango </li></ul><ul><li>The &quot;fast&quot; aggregator using Xango.pm </li></ul><ul><li>the POE based scalable web crawler </li></ul><ul><li>For > 100 feeds </li></ul>
    106. 106. <ul><li>CustomFeed </li></ul><ul><li>Feed formats other than RSS/Atom </li></ul><ul><li>Scrapers </li></ul>
    107. 107. <ul><li>CustomFeed::POP3 </li></ul><ul><li>Each email is a feed. </li></ul><ul><li>Attachments are enclosures. </li></ul>
    108. 108. <ul><li>CustomFeed::MySpace* </li></ul><ul><li>Your friends journal as feed </li></ul><ul><li>(* indicates it's not developed yet) </li></ul>
    109. 109. <ul><li>CustomFeed::FlickrSearch </li></ul><ul><li>Search results as feed </li></ul><ul><li>Each photo found is an entry </li></ul><ul><li>(with enclosures). </li></ul>
    110. 110. <ul><li>Filter </li></ul><ul><li>Normalize / Repair feed metadata </li></ul><ul><li>Upgrade feed content </li></ul><ul><li>Filter feed content using text filters </li></ul><ul><li>Invoke some action on entries </li></ul>
    111. 111. <ul><li>Filter::StripRSSAd </li></ul>Supports: Google AdSense, FeedBurner, Pheedo
    112. 112. <ul><li>Filter::EntryFullText </li></ul><ul><li>Upgrade content-less feed to fulltext feed </li></ul><ul><li>by fetching individual HTML </li></ul><ul><li>and extracting the content body </li></ul>
    113. 113. <ul><li>Filter::TruePermalink </li></ul><ul><li>Resolves nasty redirection URL </li></ul><ul><li>to the &quot;true&quot; permalink </li></ul><ul><li>(e.g. http://…/go.php?url=….) </li></ul>
    114. 114. <ul><li>Filter::FindEnclosures </li></ul><ul><li>Find enclosures from content body </li></ul><ul><li><a href=&quot;http://…./foo.mp3&quot;>episode #1</a> </li></ul>
    115. 115. <ul><li>Filter::RSSLiberalDateTime </li></ul><ul><li>Deal with broken rss datetime format </li></ul><ul><li><pubDate>2006/06/27 01:45:22 +0900</pubDate> </li></ul>
    116. 116. <ul><li>Publish </li></ul><ul><li>Publish aggregated entry to online services </li></ul><ul><li>Convert feeds to other formats </li></ul>
    117. 117. <ul><li>Publish::Feed </li></ul><ul><li>Republish feed in RSS/Atom </li></ul><ul><li>Good to use with scrapers </li></ul>
    118. 118. <ul><li>Publish::Delicious </li></ul><ul><li>Auto-post entries to your del.icio.us </li></ul><ul><li>using its REST API </li></ul>
    119. 119. <ul><li>Publish::iCal* </li></ul><ul><li>Publish iCal feeds out of RSS/Atom </li></ul>
    120. 120. <ul><li>Publish::MTWidget </li></ul>
    121. 121. <ul><li>Publish::Excel </li></ul>If your boss is unhappy your reading blogs on browsers.
    122. 122. <ul><li>Search </li></ul><ul><li>Index aggregated entries on search engines </li></ul>
    123. 123. <ul><li>Search::Spotlight </li></ul>
    124. 124. <ul><li>Search::Estraier </li></ul><ul><li>Uses HyperEstraier XMLRPC node API </li></ul>
    125. 125. <ul><li>Notify </li></ul><ul><li>Notify feed updates in various ways </li></ul>
    126. 126. <ul><li>Notify::Campfire </li></ul>
    127. 127. <ul><li>Notify::Growl </li></ul>
    128. 128. <ul><li>Notify::MSAgent </li></ul>
    129. 129. Notify::Eject Supports: Windows, Linux, FreeBSD and Mac OSX!
    130. 130. <ul><li>So far, </li></ul><ul><li>Plagger rocks  </li></ul>
    131. 131. <ul><li>Actually, </li></ul><ul><li>Plagger sucks  </li></ul>
    132. 132. <ul><li>No good </li></ul><ul><li>Documentation </li></ul><ul><li>(Not a big deal if you can read Perl code) </li></ul>
    133. 133. <ul><li>Horrible lots of </li></ul><ul><li>CPAN deps. </li></ul>% grep requires Makefile.PL | wc –l 25 % grep recommends Makefile.PL | wc –l 70
    134. 134. <ul><li>cpan Plagger </li></ul><ul><li>Doesn't work (partially) </li></ul>
    135. 135. <ul><li>144 open tickets </li></ul><ul><li>On Trac </li></ul><ul><li>http://plagger.org/trac/query </li></ul><ul><li>(Not a bad sign. I use it as a Wishlist) </li></ul>
    136. 136. <ul><li>The way it </li></ul><ul><li>de-dupes entries </li></ul><ul><li>is clumsy </li></ul>
    137. 137. <ul><li>No database </li></ul><ul><li>Backend (yet) </li></ul><ul><li>Planned to be in core of 0.8 </li></ul>
    138. 138. <ul><li>Plugin invocations </li></ul><ul><li>Can be rule-based </li></ul><ul><li>but undocumented </li></ul>
    139. 139. <ul><li>Different Plugin functionalities </li></ul><ul><li>On the same namespaces </li></ul><ul><li>(CustomFeed, Filter, Publish) </li></ul>
    140. 140. <ul><li>Publish::Gmail </li></ul><ul><li>was badly named </li></ul>
    141. 141. <ul><li>I want you </li></ul><ul><li>To fix & improve it. </li></ul>
    142. 142. <ul><li>Plagger </li></ul><ul><li>dev. Status </li></ul>
    143. 143. <ul><li>Version </li></ul><ul><li>0.7.3 </li></ul>
    144. 144. <ul><li>Coming Soon … </li></ul>
    145. 145. <ul><li>iTunes RSS support </li></ul>
    146. 146. <ul><li>Enclosure processors </li></ul><ul><li>ffmpeg, Sync::PSP, Sync::iPodVideo </li></ul>
    147. 147. <ul><li>Rich Media metadata </li></ul><ul><li>ID3 tag in enclosures </li></ul><ul><li>Links to imdb.com / amazon.com </li></ul><ul><li>hReview microformats </li></ul>
    148. 148. <ul><li>Database Storage </li></ul><ul><li>& Server API </li></ul><ul><li>branches/plagger-server </li></ul>
    149. 149. <ul><li>Calendar Support </li></ul><ul><li>iCal parser & emitter </li></ul><ul><li>hCalendar microformats </li></ul><ul><li>.ics attached in emails </li></ul><ul><li>Sync::SyncML </li></ul>
    150. 150. <ul><li>How's the dev </li></ul><ul><li>going on? </li></ul>
    151. 151. <ul><li>31 authors </li></ul><ul><li>128 plugins </li></ul><ul><li>(most of them are from Japan) </li></ul>
    152. 152. <ul><li>Buzz in Japan </li></ul>
    153. 153. <ul><li>I am Happy </li></ul><ul><li>With &quot;the Buzz&quot; </li></ul>
    154. 154. <ul><li>I am !Happy </li></ul><ul><li>With &quot;In Japan&quot; </li></ul>
    155. 155. <ul><li>Help spreading </li></ul><ul><li>the words </li></ul>
    156. 156. <ul><li>Doc Contribution </li></ul><ul><li>Is highly welcome </li></ul>
    157. 157. <ul><li>http://plagger.org/ </li></ul><ul><li>Planet, Mailing List, IRC </li></ul><ul><li>Bug Tracking, SVN repository </li></ul>
    158. 158. <ul><li>#plagger on freenode </li></ul>
    159. 159. <ul><li>Join Us! </li></ul>
    160. 160. <ul><li>Thank you </li></ul><ul><li>Questions? </li></ul>
    161. 161. browsing alone
    162. 162. Part I: Why NOW?
    163. 163. The web has become a social sphere
    164. 164. Who is online <ul><li>Broadband penetration is at more than 50% </li></ul>From Pew Internet Research, for US only
    165. 165. From Pew Internet Research, for US only
    166. 166. Just for fun! 34% men , 26% women 37% of 18-29 yrs old , and 20% of 65 and over go online, on any given day, just for fun… From Pew Internet Research, for US only
    167. 167. The web has become a social sphere Massively multiplayer online games
    168. 168. Hintz Alumni Center Evening Mixers: • 400 Indoors • 400 Patio Seating
    169. 169. Beaver Stadium Tuesday Night Banquet - Tailgate Party and Old Fashioned Ice Cream Party and Sock-Hop Nittany Club Sports Museum
    170. 170. Posters, Exhibits & Socials <ul><li> Walk Time to </li></ul><ul><li>Venue Capacities Eisenhower </li></ul><ul><li>Hetzel Union Building (HUB) 5 minutes </li></ul><ul><li>Alumni Hall Posters up to 550 </li></ul><ul><li>HUB Eateries Seating for 900 </li></ul><ul><li>White Gym Exhibits 7 minutes </li></ul><ul><li>Nittany Lion Inn 15 minutes Ballroom Banquets up to 500 3 Banquet Rooms Banquets up to 160 </li></ul><ul><li>4 Meeting Rooms Banquets up to 100 </li></ul>
    171. 171. Penn State has a full-service catering company on campus for breaks and meals. We also have our own bakery which supplies Java Co. Catering
    172. 172. Hotels <ul><li>Nittany Lion Inn </li></ul><ul><li>Council Meetings </li></ul><ul><li>Banquets </li></ul>Banquet & Social Venues
    173. 173. Nittany Lion Inn The Nittany Lion Inn is a gracious, colonial style hotel right on-campus. A 15 minute walk to ASV sessions A National Trust historic hotel
    174. 174. A National Trust historic hotel • For Banquets & Council Meetings • 220 Sleeping Rooms Nittany Lion Inn
    175. 176. Courtyard Inn Nittany Lion Inn Days Inn Hampton Inn Hilton Garden Inn Ramada Inn Atherton Penn Stater 2 mi from campus >
    176. 177. Conference Center • 2 miles From Campus • 300 Luxury Rooms
    177. 178. Exhibits
    178. 179. Penn State Campus Main Presentation Sites: < Eisenhower Auditorium (2,500)
    179. 180. Downtown State College flanks the south side of campus, a five-minute walk from campus housing, and a 12 minute walk from Eisenhower Auditorium.
    180. 181. MEALS ON-CAMPUS Breakfast $ 5.75 Lunch $ 8.25 Dinner $10.00 Banquet $45.00 HOUSING ON-CAMPUS * Single Room in Eastview Terrace $57.00/night Double Room Nittany Suites $40.00/night * Includes Breakfast
    181. 182. Budget
    182. 186. WOW is millions of people with diverse backgrounds collaborating, socializing, and learning while having fun. It represents the future of real-time collaborative teams in an always-on, diversity-intensive, real-time environment. WOW is a glimpse into our future. Joi Ito in Wired Magazine
    183. 187. 240,000 users
    184. 188. Wells Fargo StageCoach Island
    185. 189. American Apparel
    186. 190. Four draws of such games <ul><li>the ability to socialize </li></ul><ul><li>an achievement system that gives players an incentive to improve </li></ul><ul><li>complex and satisfying strategy that makes combat fun </li></ul><ul><li>underlying narrative that players want to learn more about </li></ul><ul><li>Many games also update continuously, adding features and addressing user requests </li></ul>
    187. 191. Alone together <ul><li>Social interaction in online gaming (Ducheneaut et al. 2006) </li></ul><ul><ul><li>Surrounded by others. Feel their presence, not interacting all the time </li></ul></ul><ul><ul><ul><li>Analogy: Reading book in a cafe </li></ul></ul></ul><ul><ul><li>Spectacle: Performing for an audience </li></ul></ul><ul><ul><ul><li>Analogy: Playing pinball with others watching </li></ul></ul></ul><ul><li>Social facilitation (Zajonc, 1960) </li></ul><ul><ul><li>Improved performance in presence of others (even if presence is passive) </li></ul></ul><ul><ul><li>Observed even in cockroaches! </li></ul></ul>
    188. 192. The web has become a social sphere Massively multiplayer online games Rich interfaces enable richer interactions
    189. 193. Part II
    190. 194. Part II: What is social sharing?
    191. 196. Hi I found you while I was searching my network at LinkedIn. Let's connect directly, so we can help each other with referrals. If we connect, both of our networks will grow. To add me as your connection, just follow the link below.
    192. 197. First generation Social Networks (Friendster, LinkedIn…) 1) I am linked to -> -> to you ---> --->You are linked to her -> ---> so on… <ul><li>How it works </li></ul><ul><li>Individuals connected to each other </li></ul><ul><li>Relationships can be marked, hubs identified </li></ul><ul><li>Concept of six degrees of separation </li></ul><ul><li>“ Are you my friend” type of awkwardness </li></ul>
    193. 198. Object mediated social networks “… call for the rethinking of sociality along lines that include objects in the concept of social relations.” Katrin-Knorr Cetina
    194. 199. Coffee Dance performance Tomatoes
    195. 200. Second generation social networks <ul><li>Put objects at the center </li></ul><ul><ul><li>Social sharing </li></ul></ul><ul><ul><li>Tagging </li></ul></ul><ul><ul><li>Viral sharing </li></ul></ul><ul><ul><li>Social News Creation </li></ul></ul>
    196. 201. Social sharing of our stuff (social networks with objects in between) e.g., Flickr, Yahoo answers 1) I share my pics -> -> with you ---> -->You share your pics -> ---> with him <ul><li>How it works </li></ul><ul><li>People share objects and watch others </li></ul><ul><li>Social connections are through objects </li></ul><ul><li>Formation of social streams of information with emergence of popular, interesting items </li></ul>
    197. 202. Viral sharing (passing on interesting stuff) e.g., YouTube videos 1) I send video I like -> -> to you. You pass on --> --> to her, who sends on to her, who passes on… <ul><li>How it works </li></ul><ul><li>Individual to individual to individual </li></ul><ul><li>Popularity based navigation helps track “viral” items </li></ul>
    198. 203. Tag-based social sharing (linked by concepts…) e.g., Flickr, del.icio.us 1) I tag my bookmarks -> you see my tags -->You share your tags -> <ul><li>How it works </li></ul><ul><li>Saving & tagging your stuff (creating bookmarks). </li></ul><ul><li>Tags mediate social connections </li></ul><ul><li>Formation of social/conceptual information streams. Emergence of popular, interesting items </li></ul>politics lebanon Global voices politics technology Global voices web JAVA CNN networks blogs science science science brain
    199. 204. Social news creation (rating news stories) e.g., digg, Newsvine 1) I find interesting story -> you rate story -->Others rate stories <ul><li>How it works </li></ul><ul><li>Finding and rating stories </li></ul><ul><li>Popular stories rise to top </li></ul>5 4
    200. 205. Objects invite us to <ul><li>Connect </li></ul><ul><li>Play </li></ul><ul><li>React </li></ul><ul><li>Reach out </li></ul>
    201. 206. Part III: So you want to design for social sharing?
    202. 207. Forget the ipod!
    203. 208. Web 2.0 and Virtual Worlds Roo Reynolds Metaverse Evangelist [email_address]
    204. 209. Your innocent laughter was so pure
    205. 210. To my pain it was the cure
    206. 211. My heart fills with pain so much
    207. 212. To see all the lives of people that you have touched..
    208. 213. memories of you are so sweet …
    209. 214. But sometimes <ul><li>they make me weep … </li></ul>
    210. 215. A story of an African Safari An adventure experienced by three little boys. PART ONE
    211. 216. It was November 2006…. <ul><li>The three boys were together in the back of the car. It was hot and sticky. They had been driving a long time. They were getting kind of cranky but Taz kept reminding the other two that they were about to see LOTS OF AFRICAN ANIMALS. </li></ul><ul><li>He knew, because Ouma had told him so. </li></ul>
    212. 217. <ul><li>Oupa suggested a contest: the first one to see an animal would be the winner. He explained that it was an old family tradition. </li></ul><ul><li>And then, Leon saw what looked like a stick on the side of the road…. </li></ul>
    213. 218. <ul><li>“ SNAKE!!!” Leon shouted. </li></ul><ul><li>“ Nonsense,” said Daniel. That’s just a silly old stick.” </li></ul>“ No,” said Taz, look, it’s moving…it IS a snake!”
    214. 219. Looking out different windows <ul><li>When Papa looked out the window on his side of the car, he could see this. </li></ul>When Mama looked out the window on HER side of the car, she could see this. There was a snake AND a stick.
    215. 220. Which snake do you think it is? Me! It is me! I’m a puff adder. The book says I’m ‘large, thick bodied, sluggish, broad head is covered in small scales. Tail very short. Body scales rough. Body yellowish to light brown with numerous dark chevrons… active at dusk, Up to 30 young born in late summer. May give deep warning hiss. Bites readily. Venom causes swelling and pain, occasionally death. Found throughout Africa.’
    216. 221. <ul><li>The snake in the picture was the first puffadder that Ouma had ever seen. She had to ask her brother, Guillaume, what kind of snake it was. Guillaume is a hiker and a mountaineer so he knows more about snakes than she does. He immediately knew the answer. </li></ul>
    217. 222. Does Leon win? Is a snake an animal? No! I’m a banana, not a snake. (How can I get them to come closer so I can SHOW THEM my FANGS?) A snake is a reptile. Reptiles are members of the animal kingdom. So yes, Leon won – the snake IS an animal.
    218. 223. <ul><li>The way to avoid puff adders is to look in the path in front of you when you walk and to make a small amount of noise – like tapping a stick against the rocks in the path. The puff adder then gets a fright and gets out of your way. </li></ul><ul><li>(Shouting is a BAD IDEA because then it frightens all the other animals away too.) </li></ul>
    219. 224. But what about the stick on the other side of the car? No, a stick is not an animal. A stick comes from a tree, so it is part of a plant. HOWEVER, a stick can be an insect. During their exploration of the camp the boys saw several stick insects. BUT THIS STICK? It is a very special thing. It is a message – a signal. There’s one animal in the African bush that likes breaking such leafy sticks off trees to carry around until they get bored, then they drop them. The boys soon found out what that animal is….
    220. 225. Compare two of the little boys to the elephant in SIZE Why is Taz holding his nose???
    221. 226. … .because he’s never ever smelled anything like an elephant before Elephant poo!
    222. 227. <ul><li>Elephants are MUCH bigger in real life than the ones one sees on TV. </li></ul><ul><li>Elephants in Kruger Park are very used to cars and buses and sometimes will allow us to get quite close to them – THEN you can see exactly how big they are. </li></ul>
    223. 228. You can tell how recently an elephant passed by, based on the elephant dung. <ul><li>Can you guess how? </li></ul><ul><li>Or </li></ul><ul><li>Maybe you already know? </li></ul><ul><li>If you don’t and would like to, ask your father. </li></ul>
    224. 229. They carried on driving….. <ul><li>Although it was very hot, Uncle Eric </li></ul><ul><li>(Dad, to you, Daniel!) insisted that they kept the windows open and the air conditioner off. </li></ul><ul><li>“ Only with the windows open will you hear the birds and the insects and smell the bushveld smells,” he said. </li></ul>
    225. 230. I’m sorry … for the bad times we had to share
    226. 231. I’m thankful … <ul><li>for the sad times you’ve helped me bare. </li></ul>
    227. 232. that have known you. <ul><li>i am proud to be one amongst tons of </li></ul><ul><li>others </li></ul>
    228. 233. So many people you have helped with just a smile
    229. 234. you were the type that was worth waiting for a while … <ul><li>so many memories </li></ul><ul><li>filled with laughter </li></ul>
    230. 235. if only they keep going forever after
    231. 236. years went by it seems so long ago but at the same time i can’t let you go i can’t seem to get over the fact that you’re gone <ul><li>i keep expecting you to show up for more laughs and fun </li></ul>
    232. 237. you were such a young person and you opened my eyes <ul><li>Always a legend you will be in my eyes </li></ul>
    233. 238. Web 2.0
    234. 239. Web 2.0 examples (then and now) <ul><li>Personal websites -> blogs </li></ul><ul><li>Britannica Online -> Wikipedia </li></ul><ul><li>DoubleClick -> Google AdSense </li></ul><ul><li>Domain name speculation -> search engine optimisation </li></ul><ul><li>Screen scraping -> web services </li></ul><ul><li>Content management systems -> wikis </li></ul><ul><li>Directories (taxonomy) -> tagging (&quot;folksonomy&quot;) </li></ul>
    235. 240. Web 2.0 components / characteristics The Web as “ The Platform” Tools: RSS, AJAX, PHP, Ruby Services, not packaged software Architecture of participation Small pieces loosely joined, or “re-mixed” Harnessing collective intelligence Software that gets better as more people use it Standards: REST, XHTML Techniques: Mash-up, wiki, tagging, blogging Rich user experience Light-weight programming models
    236. 241. Key themes to remember <ul><li>Social networking </li></ul><ul><li>User-generated content </li></ul>
    237. 242. Web 2.0 attitude <ul><li>“ Web 2.0 is an attitude not a technology. It’s about enabling and encouraging participation through open applications and services . By open I mean technically open with appropriate APIs but also, more importantly, socially open , with rights granted to use the content in new and exciting contexts.” </li></ul><ul><li>Ian Davis http://iandavis.com/blog/2005/07/talis-web-20-and-all-that </li></ul>
    238. 243. Web 2.0 is understood – so what’s next?
    239. 244. Games?! A few numbers… <ul><li>69% of American heads of households play computer or video games </li></ul><ul><li>In 2005, 25% of gamers were over the age of 50 </li></ul><ul><li>The average game player age is 33 </li></ul><ul><li>44% of most frequent game players say they play games online </li></ul><ul><li>In 2005, video and computer games sales came in at $7billion </li></ul><ul><ul><li>Slightly down on 2004 – due to new consoles </li></ul></ul><ul><li>Source: Entertainment Software Association., “Essential Facts about the Computer and Video Game Industry, 2006” </li></ul>
    240. 245. Virtual Worlds - background <ul><li>Online Games </li></ul><ul><li>e.g. Quake, Half-Life, … </li></ul><ul><li>MMORPGs (Massively multiplayer online role-playing games) </li></ul><ul><li>e.g. Everquest, Project Entropia, World of Warcraft, … </li></ul><ul><ul><ul><li>Persistent online world </li></ul></ul></ul><ul><li>Virtual Worlds - Massively multiplayer (but not role-playing games) </li></ul><ul><li>e.g. There.com, Second Life, Big World, … </li></ul><ul><ul><ul><li>The users generate the content </li></ul></ul></ul><ul><ul><ul><li>Not really a game; no objectives – ‘just’ a platform </li></ul></ul></ul><ul><ul><ul><li>A place for meeting, building, selling, collaborating and exploring. </li></ul></ul></ul>
    241. 246. Virtual Worlds <ul><li>Second Life ( http://secondlife.com ) </li></ul><ul><ul><li>3,600,000+ user accounts and growing fast </li></ul></ul><ul><ul><li>1,100,000+ logged on in past 2 months. Usually 15,000+ concurrently online </li></ul></ul><ul><li>Active economy </li></ul><ul><ul><li>Millions of US$ changes hands between players every month. </li></ul></ul><ul><li>Media coverage </li></ul><ul><ul><li>BBC, Wired, Economist, Business Week, Observer, Sunday Times, Guardian, Channel 4, CBS, USA Today, The Register, Forbes, … everyone </li></ul></ul>
    242. 247. Some principles…
    243. 248. 1: Make system personally useful <ul><li>For end-user system should have strong personal use </li></ul><ul><ul><li>Memorable Personal Snippets (e.g., Del.icio.us & Flickr) </li></ul></ul><ul><ul><li>Self-expression (e.g., Newsvine) </li></ul></ul><ul><ul><li>Social status: Digg </li></ul></ul><ul><li>Don’t count on altruism </li></ul><ul><ul><li>System should thrive on people’s selfishness </li></ul></ul>
    244. 249. Bite-sized self-expression <ul><li>Creative self-expression </li></ul><ul><ul><li>Artistic expression (Flickr, YouTube) </li></ul></ul><ul><ul><li>Humor (YouTube) </li></ul></ul><ul><li>Individual piece should be small </li></ul><ul><ul><li>Can create sets & lists </li></ul></ul><ul><ul><li>Do Mashups </li></ul></ul><ul><ul><li>Simple, guessable URLs for everything </li></ul></ul><ul><li>Leave room for games & social play </li></ul><ul><ul><li>Appreciation </li></ul></ul><ul><ul><li>Stalking (some!) </li></ul></ul><ul><ul><li>Gossip </li></ul></ul>
    245. 250. 2: Identify symbiotic relationship between personal & social <ul><li>Personal snippets > Social stream </li></ul><ul><ul><li>Pictures > Organized by Events </li></ul></ul><ul><ul><li>Music > Organized by Playlists </li></ul></ul>
    246. 251. 3: Create porous boundary between public & private <ul><li>Earlier systems </li></ul><ul><ul><li>Personal (Personal Desktop Software, e.g., Picasa, EndNote) </li></ul></ul><ul><ul><li>OR Social websites (Shutterfly) </li></ul></ul><ul><li>Rethink public & private </li></ul><ul><ul><li>People share for the right returns </li></ul></ul><ul><ul><li>Set defaults to public, allow easy change to private </li></ul></ul><ul><li>Give user control </li></ul><ul><ul><ul><li>Over individual pieces & sets </li></ul></ul></ul><ul><ul><ul><li>Delete items from history </li></ul></ul></ul><ul><ul><ul><li>Reset /remove profile </li></ul></ul></ul>Privacy settings on Flickr
    247. 252. 4. Allow for levels of participation <ul><li>Everyone does not need to create! </li></ul><ul><ul><li>Implicit creation (creating by consuming) </li></ul></ul><ul><ul><li>Remixing—adding value to others’ content </li></ul></ul>Source: Bradley Horowitz’s weblog, Elatable, Feb. 17, 2006, “Creators, Synthesizers, and Consumers”
    248. 253. Why do people digg? “ commenting, digging, burying comments, typing descriptions, reading hundreds of articles and… … for a lot of nerds, using digg is just a casual free-time activity. Entertaining. Fun. Engaging.”
    249. 254. how to encourage participation <ul><li>Insights from Social Psychology </li></ul><ul><ul><li>Highlight unique contribution </li></ul></ul><ul><ul><li>Allow for smaller local groups </li></ul></ul><ul><ul><li>Highlight benefit to self from </li></ul></ul><ul><ul><li>Highlight benefit to group </li></ul></ul>Source: Using social psychology to motivate contributions to online communities, Ling et al. 2005
    250. 255. 5. Let people feel the presence of others <ul><li>What paths are well worn </li></ul><ul><li>User profiles / photos </li></ul><ul><li>Real-time updating </li></ul><ul><ul><li>Like a conversation </li></ul></ul><ul><ul><li>Sense that others are out there </li></ul></ul>What people are digging right now!
    251. 256. 6. And yet, moments of Independence… <ul><li>Choreography: when alone, when part of group </li></ul><ul><li>Prevent mobs </li></ul><ul><li>Don’t make it too easy to mimic others </li></ul><ul><ul><li>Incentives for originality & uniqueness </li></ul></ul>
    252. 257. Allow for alternative viewpoints & perspectives <ul><li>Social sharing can lead to tyranny of dominant view </li></ul><ul><ul><li>People of a group agree </li></ul></ul><ul><ul><ul><li>Viewpoint rises to top (popularity lists, tag clouds) </li></ul></ul></ul>
    253. 258. Create conditions for wise crowds <ul><li>Cognitive Diversity </li></ul><ul><li>Independence </li></ul><ul><li>Decentralization </li></ul><ul><li>Easy Aggregation </li></ul>
    254. 259. Wise Crowds: Cognitive Diversity <ul><li>Need many perspectives for good answers </li></ul><ul><li>Groups become homogenous </li></ul><ul><ul><li>Members bring lesser new information in </li></ul></ul><ul><li>Diversity reduces groupthink </li></ul><ul><ul><li>Groupthink works by shielding members from outside opinions </li></ul></ul><ul><li>Diversity reduces conformity </li></ul><ul><ul><li>Chance that you will change opinion to match group </li></ul></ul>
    255. 260. Wise Crowds: Independence <ul><li>Keeps people’s mistakes from getting correlated (uncorrelated mistakes averaged out) </li></ul><ul><li>Encourages people to bring in new viewpoints (diversity) </li></ul><ul><li>Concept of Social Proof </li></ul><ul><ul><li>Milgram experiment </li></ul></ul><ul><ul><li>People assume that groups know what they are doing </li></ul></ul><ul><ul><li>Assuming crowd is wise, leads to herd like behavior </li></ul></ul><ul><ul><ul><li>Can sometimes lead to good decisions </li></ul></ul></ul><ul><li>Information Cascades </li></ul><ul><ul><li>Sequence of uninformed choices, building upon each other </li></ul></ul>
    256. 261. Wise Crowds: Decentralization “ A crowd of decentralized people working to solve a problem on their own without any central effort to guide them, come up with better solutions, rather than a top-down driven solution.” Suroweicki
    257. 262. Wise Crowds: Easy Aggregation <ul><li>A decentralized system can pick right solution </li></ul><ul><ul><li>With easy way for information to be aggregated across system </li></ul></ul><ul><ul><li>Example: votes on Digg </li></ul></ul>
    258. 263. 7. Enable Serendipity <ul><li>Don’t make navigation all about popularity </li></ul><ul><ul><li>Access to some popular stuff (keep this fast moving) </li></ul></ul><ul><li>Make the “long tail” accessible </li></ul><ul><ul><li>Popularity as a jump off point to other ways of exploring </li></ul></ul><ul><li>Provide personalization </li></ul><ul><ul><li>Recommendations using collaborative filtering </li></ul></ul><ul><ul><ul><li>Similar tags, content, others </li></ul></ul></ul><ul><li>Ad-hoc groups? </li></ul>
    259. 264. 8. Most of all, allow for play
    260. 265. Things to try at home! <ul><li>Create an account on myspace.com </li></ul><ul><li>Read Emergence, Wisdom of Crowds </li></ul><ul><li>Play a Multiplayer Online Game (WOW, Second Life) </li></ul><ul><li>Play with an API (try GoogleMaps API) </li></ul><ul><li>Try a mobile social application (DodgeBall) </li></ul><ul><li>Ask your friends what they find “fun” on the web </li></ul>
    261. 266. Questions? www.rashmisinha.com www.uzanto.com
    1. Gostou de algum slide específico?

      Recortar slides é uma maneira fácil de colecionar informações para acessar mais tarde.

    ×