Sagamore calendar implementation: Difference between revisions

From Parents
Jump to navigation Jump to search
m (→‎Website: Paragraph'ize)
(→‎Edit: Rewrite)
Line 24: Line 24:
==Edit==
==Edit==


The following instructions allow you to '''edit Sagamore calendars'''.
''To simply view the calendar (and not be able to edit the calendar), see the [[Sagamore calendar]] page.''


''To simply view (''not edit'') Sagamore calendars, see the [[Sagamore calendar]] page).''
The following instructions allow you to '''edit the Sagamore calendar''' as if it were your own (also know as "sync"ing) if you have a Google Account (not necessarily a Gmail address) and are in the [[Sagamore Hills PTA Google account#sagamorehillspta.40sagamorehillspta.org|sagamorehillspta@sagamorehillspta.org group]].


# Log into [https://www.google.com/calendar Google Calendar]
Once the setup bellow is complete, you may edit the Sagamore calendars as you would any Google Calendar. See "[https://support.google.com/calendar/ Google Calendar Help]" for details.
# Add the Calendar ID (listed above) to the "Add a coworker's calendar" box (under "Other calenders").


===iOS (iPhone/iPad)===
===Setup===


# Have a '''Google Account'''
After [[#Google_Calendar|adding the Sagamore calendar to Google Calendar]], follow the directions at, "[https://support.google.com/calendar/answer/151674 Sync Google Calendar with your iOS device]".
#* If you log into any Google product (Gmail, Android, Drive, YouTube, etc.), you have one

#* If you don't have a one, you can [https://accounts.google.com/SignUpWithoutGmail create one]
===Generic===
# Be a member of the '''[[Sagamore Hills PTA Google account#sagamorehillspta.40sagamorehillspta.org|sagamorehillspta@sagamorehillspta.org group]]'''

#* If you're not (or not sure), contact the [[Sagamore Hills PTA]]
Use the following addresses to access the Sagamore calendars from your application of choice.
# Log into '''[https://www.google.com/calendar Google Calendar]'''

# '''Add a Sagamore Calendar''' (listed above)
;iCalendar (ical) format
## "Other calendars" (left sidebar)
: http://www.google.com/calendar/ical/sagamorehillspta.org_oj8q0h49li5ovc3dp8f114ngr8%40group.calendar.google.com/public/basic.ics
## "Add friend's/coworker's calendar" (you may need to expand "Other calendars"
;CalDAV
## Enter a Sagamore Calendar ID (listed above)
: 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==
==Website==

Revision as of 15:38, 18 September 2013

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 publicly viewable.

Instructions for simply viewing/subscribing (what most folks want) are on the Sagamore calendar page.

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

Edit

The following instructions allow you to edit Sagamore calendars.

To simply view (not edit) Sagamore calendars, see the Sagamore calendar page).

Once the setup bellow is complete, you may edit the Sagamore calendars as you would any Google Calendar. See "Google Calendar Help" for details.

Setup

  1. Have a Google Account
    • If you log into any Google product (Gmail, Android, Drive, YouTube, etc.), you have one
    • If you don't have a one, you can create one
  2. Be a member of the sagamorehillspta@sagamorehillspta.org group
  3. Log into Google Calendar
  4. Add a Sagamore Calendar (listed above)
    1. "Other calendars" (left sidebar)
    2. "Add friend's/coworker's calendar" (you may need to expand "Other calendars"
    3. Enter a Sagamore Calendar ID (listed above)

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.