intro
DESCRIPTION
Intro. Rethinking the community calendar. Jon Udell Hampton Roads April 23, 2013 http://elmcity.cloudapp.net. Where I’m working to solve this problem. Why do posters on kiosks succeed?. t here’s no central point of control e veryone is directly responsible for their own stuff. - PowerPoint PPT PresentationTRANSCRIPT
![Page 1: Intro](https://reader031.vdocuments.site/reader031/viewer/2022011717/56816856550346895dde7856/html5/thumbnails/1.jpg)
Intro
Rethinking the community calendar
Jon UdellHampton RoadsApril 23, 2013http://elmcity.cloudapp.net
![Page 2: Intro](https://reader031.vdocuments.site/reader031/viewer/2022011717/56816856550346895dde7856/html5/thumbnails/2.jpg)
![Page 3: Intro](https://reader031.vdocuments.site/reader031/viewer/2022011717/56816856550346895dde7856/html5/thumbnails/3.jpg)
Why do posters on kiosks succeed?
there’s no central point of control
everyone is directly responsible for their own stuff
Why do posters on kiosks fail?
you can’t add them (easily) to your personal calendar
you can’t find them (reliably) in community web calendars
![Page 4: Intro](https://reader031.vdocuments.site/reader031/viewer/2022011717/56816856550346895dde7856/html5/thumbnails/4.jpg)
Why do posters on kiosks succeed?
there’s no central point of control
everyone is directly responsible for their own stuff
Why do posters on kiosks fail?
you can’t add them (easily) to your personal calendar
you can’t find them (reliably) in community web calendars
Search: “posters on kiosks” Replace: “standard web calendars”
![Page 5: Intro](https://reader031.vdocuments.site/reader031/viewer/2022011717/56816856550346895dde7856/html5/thumbnails/5.jpg)
Why do standard web calendars succeed?
there’s no central point of control
everyone is directly responsible for their own stuff
Why do standard web calendars fail?
you can’t add them (easily) to your personal calendar
you can’t find them (reliably) in community web calendars
Search: “posters on kiosks” Replace: “standard web calendars”
![Page 6: Intro](https://reader031.vdocuments.site/reader031/viewer/2022011717/56816856550346895dde7856/html5/thumbnails/6.jpg)
Why do standard web calendars succeed?
there’s no central point of control
everyone is directly responsible for their own stuff
Why do standard web calendars fail succeed?
you can’t can add them (easily) to your personal calendar
you can’t can find them (reliably) in community web calendars
Search: “posters on kiosks” Replace: “standard web calendars”
![Page 7: Intro](https://reader031.vdocuments.site/reader031/viewer/2022011717/56816856550346895dde7856/html5/thumbnails/7.jpg)
How not: AnnArbor.com
![Page 8: Intro](https://reader031.vdocuments.site/reader031/viewer/2022011717/56816856550346895dde7856/html5/thumbnails/8.jpg)
Or: A2Y Chamber
![Page 9: Intro](https://reader031.vdocuments.site/reader031/viewer/2022011717/56816856550346895dde7856/html5/thumbnails/9.jpg)
Or: ArborWeb.com
![Page 10: Intro](https://reader031.vdocuments.site/reader031/viewer/2022011717/56816856550346895dde7856/html5/thumbnails/10.jpg)
But: A2Chronicle
![Page 11: Intro](https://reader031.vdocuments.site/reader031/viewer/2022011717/56816856550346895dde7856/html5/thumbnails/11.jpg)
So: Washtenaw County calendar of events
https://secure.ewashtenaw.org/eventcal/ViewCalendar.do?view=month
![Page 12: Intro](https://reader031.vdocuments.site/reader031/viewer/2022011717/56816856550346895dde7856/html5/thumbnails/12.jpg)
A2Cal today
http://elmcity.cloudapp.net/a2cal/html
![Page 13: Intro](https://reader031.vdocuments.site/reader031/viewer/2022011717/56816856550346895dde7856/html5/thumbnails/13.jpg)
What is iCalendar and why would I care?
What is iCalendar?
- The standard Internet format for exchanging calendar information. - Supported by Google Calendar, Hotmail Calendar, Outlook, Apple iCal,
Lotus Notes, others.
Why should I care?
When you use a iCalendar-aware program to manage your web calendar:
1. It creates HTML for people to read. 2. It also creates an iCalendar feed for automatic data exchange.
Unfortunately…
Most web calendars (including eWashtenaw’s) are only available as HTML (or even PDF). So people can view them, but computers can't automatically exchange the data.
![Page 14: Intro](https://reader031.vdocuments.site/reader031/viewer/2022011717/56816856550346895dde7856/html5/thumbnails/14.jpg)
A2Cal today all
Today in Ann Arbor
![Page 15: Intro](https://reader031.vdocuments.site/reader031/viewer/2022011717/56816856550346895dde7856/html5/thumbnails/15.jpg)
Wurster Park
![Page 16: Intro](https://reader031.vdocuments.site/reader031/viewer/2022011717/56816856550346895dde7856/html5/thumbnails/16.jpg)
Wurster Park
![Page 17: Intro](https://reader031.vdocuments.site/reader031/viewer/2022011717/56816856550346895dde7856/html5/thumbnails/17.jpg)
A2cal feed stats snapshot
Some Ann Arbor feeds I found
![Page 18: Intro](https://reader031.vdocuments.site/reader031/viewer/2022011717/56816856550346895dde7856/html5/thumbnails/18.jpg)
A2cal feed stats all
All the Ann Arbor feeds I found
![Page 19: Intro](https://reader031.vdocuments.site/reader031/viewer/2022011717/56816856550346895dde7856/html5/thumbnails/19.jpg)
A2cal quick stats
Sources feeding the Ann Arbor hub
![Page 20: Intro](https://reader031.vdocuments.site/reader031/viewer/2022011717/56816856550346895dde7856/html5/thumbnails/20.jpg)
iCal PRODIDs
Applications that produced the feeds
![Page 21: Intro](https://reader031.vdocuments.site/reader031/viewer/2022011717/56816856550346895dde7856/html5/thumbnails/21.jpg)
Feed count by iCal producer
![Page 22: Intro](https://reader031.vdocuments.site/reader031/viewer/2022011717/56816856550346895dde7856/html5/thumbnails/22.jpg)
Bright lights: AADL
Syndication from the Ann Arbor District Library
![Page 23: Intro](https://reader031.vdocuments.site/reader031/viewer/2022011717/56816856550346895dde7856/html5/thumbnails/23.jpg)
Bright lights: Crazy Wisdom
Syndication from CrazyWisdom
![Page 24: Intro](https://reader031.vdocuments.site/reader031/viewer/2022011717/56816856550346895dde7856/html5/thumbnails/24.jpg)
Bright lights: City of Ann Arbor
Syndication from the City of Ann Arbor
![Page 25: Intro](https://reader031.vdocuments.site/reader031/viewer/2022011717/56816856550346895dde7856/html5/thumbnails/25.jpg)
calendar “dark matter”dark matter
![Page 26: Intro](https://reader031.vdocuments.site/reader031/viewer/2022011717/56816856550346895dde7856/html5/thumbnails/26.jpg)
The HTML/PDF/RSS fallacyHow humans represent calendar events:
“Community Information Sharing Seminar with Jon Udell, Ann Arbor District Library, Sept. 26 at 4PM“
How computers represent calendar events:
DTSTART;TZID=EST;20120926T160000 SUMMARY:Jon Udell: Community Info Sharing LOCATION:Ann Arbor District Library
HTML, PDF,RSS
iCalendar
![Page 27: Intro](https://reader031.vdocuments.site/reader031/viewer/2022011717/56816856550346895dde7856/html5/thumbnails/27.jpg)
A civic scorecard for public calendars
![Page 28: Intro](https://reader031.vdocuments.site/reader031/viewer/2022011717/56816856550346895dde7856/html5/thumbnails/28.jpg)
Google create new calendar
Step 1: Create a calendar (once only)
Syndicating from Google Calendar
![Page 29: Intro](https://reader031.vdocuments.site/reader031/viewer/2022011717/56816856550346895dde7856/html5/thumbnails/29.jpg)
Google share calendarStep 2: Make it public (once only)
![Page 30: Intro](https://reader031.vdocuments.site/reader031/viewer/2022011717/56816856550346895dde7856/html5/thumbnails/30.jpg)
Capture Google HTML and iCal
https://www.google.com/calendar/ical/ajgh1q3t9plrlcoobkovsdfm88%40group.calendar.google.com/public/basic.ics
<iframe src="https://www.google.com/calendar/embed?src=ajgh1q3t9plrlcoobkovsdfm88%40group.calendar.google.com&ctz=America/New_York" style="border: 0" width="800" height="600" frameborder="0" scrolling="no"></iframe>
HTML (for people)
iCalendar (for computers)
Step 3: Capture HTML for website, iCalendar URL for syndication (once only)
![Page 31: Intro](https://reader031.vdocuments.site/reader031/viewer/2022011717/56816856550346895dde7856/html5/thumbnails/31.jpg)
Embed Google HTML
Step 4: Ask webmaster to embed the HTML in your site (once only)
![Page 32: Intro](https://reader031.vdocuments.site/reader031/viewer/2022011717/56816856550346895dde7856/html5/thumbnails/32.jpg)
Transmit URL to curator
Step 5: Send the iCal URL to the syndication hub (once only)
From: [email protected] 1
To: [email protected] 2
Subject: iCal feed for Washtenaw County public meetings
Hi there,
Please syndicate our calendar at this URL:
https://www.google.com/calendar/ical/8i9vg16fbddqkct11sml54a0m0%40group.calendar.google.com/public/basic.ics
1. Person responsible for the eWashtenaw public calendar
2. Person responsible for the syndication hub
![Page 33: Intro](https://reader031.vdocuments.site/reader031/viewer/2022011717/56816856550346895dde7856/html5/thumbnails/33.jpg)
Google create eventFrom now on, when you create an event here…
![Page 34: Intro](https://reader031.vdocuments.site/reader031/viewer/2022011717/56816856550346895dde7856/html5/thumbnails/34.jpg)
It shows up here
It shows up here: https://secure.ewashtenaw.org/eventcal
![Page 35: Intro](https://reader031.vdocuments.site/reader031/viewer/2022011717/56816856550346895dde7856/html5/thumbnails/35.jpg)
And also here
And also here: http://elmcity.cloudapp.net/a2cal/html
![Page 36: Intro](https://reader031.vdocuments.site/reader031/viewer/2022011717/56816856550346895dde7856/html5/thumbnails/36.jpg)
And potentially A2Chron
And maybe here? http://annarborchronicle.com/events-listing/
![Page 37: Intro](https://reader031.vdocuments.site/reader031/viewer/2022011717/56816856550346895dde7856/html5/thumbnails/37.jpg)
And potentially also A2YChamber
And maybe also here? http://www.a2ychamber.org/Events.aspx
![Page 38: Intro](https://reader031.vdocuments.site/reader031/viewer/2022011717/56816856550346895dde7856/html5/thumbnails/38.jpg)
And potentially even Community Television Network
And maybe even on community access television?
![Page 39: Intro](https://reader031.vdocuments.site/reader031/viewer/2022011717/56816856550346895dde7856/html5/thumbnails/39.jpg)
Hotmail create new calendar
Step 1: Create a calendar (once only)
Syndicating from Hotmail Calendar
![Page 40: Intro](https://reader031.vdocuments.site/reader031/viewer/2022011717/56816856550346895dde7856/html5/thumbnails/40.jpg)
Hotmail share calendarStep 2: Make it public (once only)
![Page 41: Intro](https://reader031.vdocuments.site/reader031/viewer/2022011717/56816856550346895dde7856/html5/thumbnails/41.jpg)
HTML (for people)
iCalendar (for computers)
Capture Hotmail HTML and iCal
![Page 42: Intro](https://reader031.vdocuments.site/reader031/viewer/2022011717/56816856550346895dde7856/html5/thumbnails/42.jpg)
Embed Hotmail HTML
Step 4: Ask webmaster to embed the HTML in your site (once only)
![Page 43: Intro](https://reader031.vdocuments.site/reader031/viewer/2022011717/56816856550346895dde7856/html5/thumbnails/43.jpg)
Transmit URL to curator
Step 5: Send the iCal URL to the syndication hub (once only)
From: [email protected] To: [email protected] Subject: iCal feed for Washtenaw County public meetings
Hi there,
Please syndicate our calendar at this URL:
webcals://cid-dffec23daaf5ee89.calendar.live.com/calendar/eWashtenaw/calendar.ics
![Page 44: Intro](https://reader031.vdocuments.site/reader031/viewer/2022011717/56816856550346895dde7856/html5/thumbnails/44.jpg)
Hotmail create eventFrom now on, when you create an event here…
![Page 45: Intro](https://reader031.vdocuments.site/reader031/viewer/2022011717/56816856550346895dde7856/html5/thumbnails/45.jpg)
It shows up here
It shows up here…
![Page 46: Intro](https://reader031.vdocuments.site/reader031/viewer/2022011717/56816856550346895dde7856/html5/thumbnails/46.jpg)
And also here
And also here: http://elmcity.cloudapp.net/a2cal/html
![Page 47: Intro](https://reader031.vdocuments.site/reader031/viewer/2022011717/56816856550346895dde7856/html5/thumbnails/47.jpg)
And potentially A2Chron
And maybe here? http://annarborchronicle.com/events-listing/
![Page 48: Intro](https://reader031.vdocuments.site/reader031/viewer/2022011717/56816856550346895dde7856/html5/thumbnails/48.jpg)
And potentially also A2YChamber
And maybe also here? http://www.a2ychamber.org/Events.aspx
![Page 49: Intro](https://reader031.vdocuments.site/reader031/viewer/2022011717/56816856550346895dde7856/html5/thumbnails/49.jpg)
Blind Pig home calendar
http://www.blindpigmusic.com/calendar.html
![Page 50: Intro](https://reader031.vdocuments.site/reader031/viewer/2022011717/56816856550346895dde7856/html5/thumbnails/50.jpg)
Blind Pig in a2cal via upcoming
http://elmcity.cloudapp.net/a2cal/html?view=music
The Hood Internet shows up here via Upcoming
![Page 51: Intro](https://reader031.vdocuments.site/reader031/viewer/2022011717/56816856550346895dde7856/html5/thumbnails/51.jpg)
Blind Pig in facebook
https://www.facebook.com/BlindPigAnnArbor/events
The Blind Pig didn’t include The Hood Internet (Sep 26) in its Facebook calendar.
But it was a source for these events.
![Page 52: Intro](https://reader031.vdocuments.site/reader031/viewer/2022011717/56816856550346895dde7856/html5/thumbnails/52.jpg)
Blind Pig Sept 30 in a2cal
Two Gallants shows up here (at the right time, because The Blind Pig entered the data into Facebook)
Two Gallants also shows up here (at the wrong time, because somebody else entered the data into Upcoming)
Duplication isn’t necessarily bad. When times and titles match, multiples coalesce.
Syndicating from Facebook
![Page 53: Intro](https://reader031.vdocuments.site/reader031/viewer/2022011717/56816856550346895dde7856/html5/thumbnails/53.jpg)
What could the Blind Pig do? (Strategy 1: Use Facebook)
How? Put the whole schedule on Facebook.
Pros Popular, convenient, great way to socialize events.
Cons 1. Doesn’t automatically feed the Blind Pig home site
2. Event details only available to logged-in Facebook users.
Workarounds 1. Syndicate from Facebook to standard calendar, embed that on home site.
2. Now details visible to Blind Pig home site visitors (as well as Facebook site).
![Page 54: Intro](https://reader031.vdocuments.site/reader031/viewer/2022011717/56816856550346895dde7856/html5/thumbnails/54.jpg)
What could the Blind Pig do? (Strategy 2: Use a standard calendar)
How? Put the whole schedule into an iCalendar-aware program.
Pros Write it once, show it automatically on website and elsewhere.
Cons 1. Not in Facebook.2. Widgets don’t match site design.
Workarounds 1. Use one-click Add to Facebook 2. Extract data from Facebook, flow through
site template.
![Page 55: Intro](https://reader031.vdocuments.site/reader031/viewer/2022011717/56816856550346895dde7856/html5/thumbnails/55.jpg)
One-click Add To Facebook
Any syndicated event can also be added to personal calendars in the cloud (Google, Hotmail) or on the desktop (Outlook, Apple iCal)
![Page 56: Intro](https://reader031.vdocuments.site/reader031/viewer/2022011717/56816856550346895dde7856/html5/thumbnails/56.jpg)
Music in Ann Arbor
Feeds in the Ann Arbor hub’s music category
![Page 57: Intro](https://reader031.vdocuments.site/reader031/viewer/2022011717/56816856550346895dde7856/html5/thumbnails/57.jpg)
Exploratorium
Creating a “Music Around Town” widget
![Page 58: Intro](https://reader031.vdocuments.site/reader031/viewer/2022011717/56816856550346895dde7856/html5/thumbnails/58.jpg)
Blind Pig with widget
“Music Around Town” widget embedded in the Blind Pig site
![Page 59: Intro](https://reader031.vdocuments.site/reader031/viewer/2022011717/56816856550346895dde7856/html5/thumbnails/59.jpg)
Crazy Wisdom with widget
“Music Around Town” widget embedded in the Crazy Wisdom site
![Page 60: Intro](https://reader031.vdocuments.site/reader031/viewer/2022011717/56816856550346895dde7856/html5/thumbnails/60.jpg)
Crazy Wisdom: all vs music only
http://elmcity.cloudapp.net/a2cal/html?view=crazywisdom
http://elmcity.cloudapp.net/a2cal/html?view=crazywisdom,music
Organizing feeds into categories
![Page 61: Intro](https://reader031.vdocuments.site/reader031/viewer/2022011717/56816856550346895dde7856/html5/thumbnails/61.jpg)
Crazy Wisdom feeds and tags
Organizing feeds into categories
![Page 62: Intro](https://reader031.vdocuments.site/reader031/viewer/2022011717/56816856550346895dde7856/html5/thumbnails/62.jpg)
Crazy Wisdom: making the music feed
BEGIN:VEVENTCATEGORIES:crazywisdomCATEGORIES:musicDESCRIPTION: Live Music Weekends at Crazy Wisdom Tea Room \n 8:30 to 10 :30 p.m. &ndash\; No Cover Charge \n Every Friday and Saturday night C razy Wisdom invites you to Tea and Tunes. Not a tea drinker? No problem! C razy Wisdom offer a wide selection of coffee drinks. (while you&rsquo\;re here\, don&rsquo\;t forget to try some of our tasty treats as well!) \n Click here to see who is playing DTEND;TZID=Eastern Standard Time:20120928T223000DTSTAMP:20120924T135335DTSTART;TZID=Eastern Standard Time:20120928T203000LOCATION:SEQUENCE:0SUMMARY:Live Music in th Tea RoomUID:eab1368d-f802-45ab-b63f-842bf09fa1c6URL:http://www.crazywisdom.net/events.htmlEND:VEVENT
Organizing feeds into categories
![Page 63: Intro](https://reader031.vdocuments.site/reader031/viewer/2022011717/56816856550346895dde7856/html5/thumbnails/63.jpg)
Slauson: all vs music only
http://elmcity.cloudapp.net/a2cal/html?view=slauson
http://elmcity.cloudapp.net/a2cal/html?view=slauson,music
Organizing feeds into categories
![Page 64: Intro](https://reader031.vdocuments.site/reader031/viewer/2022011717/56816856550346895dde7856/html5/thumbnails/64.jpg)
Slauson: multiple gcals
Organizing feeds into categories
![Page 65: Intro](https://reader031.vdocuments.site/reader031/viewer/2022011717/56816856550346895dde7856/html5/thumbnails/65.jpg)
Arts Alive site
![Page 66: Intro](https://reader031.vdocuments.site/reader031/viewer/2022011717/56816856550346895dde7856/html5/thumbnails/66.jpg)
Arts alive hub
![Page 67: Intro](https://reader031.vdocuments.site/reader031/viewer/2022011717/56816856550346895dde7856/html5/thumbnails/67.jpg)
musichealth
sports
environment
tech
Community Arts and Culture Hub
art
business
music art
Community Tech and Business Hub
tech business
State Hub A: Arts and Culture
Ann Arbor music
Ann Arbor art
Detroit music
Grand Rapids art
…State Hub B: Tech and Business
Ann Arbor tech
Ann Arbor business
Detroit tech
Lansing business
…
…
…
Big picture