Sagamore calendar implementation

From Parents
Revision as of 00:38, 18 September 2013 by Dave (talk | contribs) (→‎PTA: Fold this section into parent)
Jump to navigation Jump to search

These Google Calendars are hosted through the Sagamore Hills PTA Google account, owned by admin@sagamorehillspta.org, editable by the sagamorehillspta@sagamorehillspta.org group, and viewable by all.

Create events

List of Calendars

Separate calendars are used to allow end-user filtering.

Sagamore Google Calendars
Name Description Calendar ID
Sagamore Hills Elementary School The main calendar where everything should be if there's no reason for it to be elsewhere sagamorehillspta.org_oj8q0h49li5ovc3dp8f114ngr8@group.calendar.google.com
Volunteer @ Sagamore Hills Elementary School Volunteer opportunities not mentioned in the main calendar (e.g. PTA Board meetings) sagamorehillspta.org_s7rl2pce7ls9c4s5qbboav4qa4@group.calendar.google.com

Use

Applications

Use the following addresses to access the Sagamore calendars from your application of choice.

iCalendar (ical) format
http://www.google.com/calendar/ical/sagamorehillspta.org_oj8q0h49li5ovc3dp8f114ngr8%40group.calendar.google.com/public/basic.ics
CalDAV
https://www.google.com/calendar/dav/sagamorehillspta.org_oj8q0h49li5ovc3dp8f114ngr8%40group.calendar.google.com/user
or
https://www.google.com/calendar/dav/sagamorehillspta.org_oj8q0h49li5ovc3dp8f114ngr8%40group.calendar.google.com/events

Website

Use the Google Embeddable Calendar Helper. If you want to get fancy, check out the jQuery Google Calendar Flow plug-in.

Here's an example appropriate for the sidebar of the Sagamore Hills PTA website circa August, 2013.

<iframe src="https://www.google.com/calendar/embed?showTitle=0&showNav=0&showDate=0&showPrint=0&showTabs=0&showCalendars=0&showTz=0&mode=AGENDA&height=393&wkst=1&bgcolor=%23ffffff&src=sagamorehillspta.org_oj8q0h49li5ovc3dp8f114ngr8%40group.calendar.google.com&color=%238C500B&ctz=America%2FNew_York" style=" border-width:0 " width="262" height="393" frameborder="0" scrolling="no"></iframe>

Or an example for the Calendar page

<iframe src="https://www.google.com/calendar/embed?title=Sagamore%20Hills%20Elementary%20School&showTz=0&height=600&wkst=1&bgcolor=%23FFFFFF&src=sagamorehillspta.org_s7rl2pce7ls9c4s5qbboav4qa4%40group.calendar.google.com&color=%23182C57&src=sagamorehillspta.org_oj8q0h49li5ovc3dp8f114ngr8%40group.calendar.google.com&color=%238C500B&ctz=America%2FNew_York" style=" border-width:0 " width="604" height="600" frameborder="0" scrolling="no"></iframe>

Background

See how it setup at Sagamore Hills PTA Google account setup#2013-08-25_19:24_Create_a_calendar.