2009-01-11

使用 Google Calendar (日曆) 來做【課程表】(五)

Part 5: 提供訂閱課程表的功能

如果你已經做到透過網頁的方式將課程表的行事曆公開，使用者已經可以很方便的透過瀏覽器來瀏覽課程的日期以及時間。但如果能夠再提供課程表行事曆訂閱的功能，讓對於課程有興趣的人可以訂閱課程表的時間，然後跟自己習慣使用的行事曆管理軟體 (例如：Mozilla Sunbird, Apple iCal, Microsoft Outlook ... 等) 整合在一起，這樣的話，使用者就可以很迅速地比對課程的時間是否跟自己原本已經安排好的行程時間有所衝突，也更能方便地安排自己可以上課的時間。

要提供課程表行事曆訂閱的功能不難，大部分的工作 Google Calendar 已經幫你做好了，你唯一需要做的只要將相關的連結網址加到你的網頁，這樣你就已經可以讓別人訂閱課程表的行事曆了！

在開始介紹相關的步驟之前，再補充說明兩個部份：
  1. Google Calendar 公開的格式
    Google Calendar 共提供了 3 種公開行事曆的格式：XML, iCal, 以及 HTML。
    • XML
      這種格式是提供給 Feed Reader 訂閱時使用，你可以將此網址複製並貼到任何 Feed Reader 中。

    • iCal
      iCalendar (*.ics)是是一種標準的網際網路日曆格式 (RFC 2445)，一般的行事曆管理軟體應該都會支援這種行事曆的格式。你可以將此網址複製並貼到任何支援 iCal 格式的行事曆軟體中，就可以直接透過網址的連結訂閱遠端的行事曆，或是將 *.ics 檔案下載後匯入到行事曆管理軟體中。

    • HTML
      使用者只要透過一般的瀏覽器連線 HTML 的網址就可以瀏覽行事曆。

  2. Calendar Address (日曆網址) 和 Private Address (私人網址) 的不同
    在 Google Calendar 的 Calendar Details 設定頁面最下面，你會看到有兩個不同的欄位都提供了 、 以及 按鈕，分別是 Calendar Address (日曆網址) 以及 Private Address (私人網址)。Private Address 是專為您你個人使用而設計的，因此請勿與其他人分享這個網址；如果要將 Calendar 設為公開時，使用的網址是 Calendar Address 所列出的網址，其他人可以使用各種應用程式檢視它。

接下來介紹如何提供行事曆訂閱的步驟：
  1. 將行事曆設定為公開
    如果你還不知該如何將行事曆設定為公開，請參此篇文章：【Google Calendar: 公開讓其他人瀏覽行事曆】。

  2. 編輯準備加入行事曆連結的網頁
    在準備提供課程表訂閱的頁面加上要作為連結的文字或圖片，例如本例中加上 "(課程表訂閱：XML、ICAL)" 文字。
    (註：在這邊沒有預計要增加 HTML 的連結，因為我們在【使用 Google Calendar (日曆) 來做【課程表】(三)：公開單一課程的課程表】所使用的方式就是 HTML 連結的方式將課程表嵌入網頁中。)



  3. 將 Calendar Address 相關的連結加到訂閱行事曆的網頁
    • 在 Google Calendar 中進入 Calendar Details 設定頁面
      按下 Calendar Address 的 (或是 )




    • 在開啟的對話框中，複製網址




    • 回到要加上連結的網頁設計畫面中
      為要設定的文字或圖片增加連結(Link)
      連結的網址就是上一個步驟所複製的網址




    • 重複上一個動作，一直到所有連結的 XML 或是 ICAL 都設定完畢為止

    • 儲存網頁

完成以上的動作之後，使用者就可以透過自己習慣使用的行事曆軟體訂閱課程表。

這篇文章所提到的功能示範可以在【Dance Helper 示範網站】的【課程表】中看到。
>>按此開啟示範


<< 上一篇：【使用 Google Calendar (日曆) 來做【課程表】(四)：公開全部課程的課程表】
>> 下一篇：【使用 Google Calendar (日曆) 來做【課程表】(六)：將課程表跟課程介紹網頁連結】
張貼者： 於 沒有留言:
標籤： ,

2009-01-09

使用 Google Calendar (日曆) 來做【課程表】(四)

Part 4: 公開全部課程的課程表

如果你已經完成前一篇文章【使用 Google Calendar (日曆) 來做【課程表】(三)：公開單一課程的課程表 】，你已經可以將單一一堂課程的課程表透過 Google Calendar 公開並且嵌入網頁中。但是要如何將舞團或是舞蹈教室中所有的課程表整合在同一份行事曆中，一起利用網頁公開讓使用者瀏覽呢？

  1. 將所有的課程建立在各自的行事曆中，並設定好公開的相關設定
    (詳細的步驟說明請參：【使用 Google Calendar (日曆) 來做【課程表】(三)：公開單一課程的課程表 】)

  2. 進入客製化嵌入 Calendar 的設定畫面
    • Click [我的日曆]/[My calendars] 任何一個行事曆旁的 [▼]
    • 在展開的功能表選擇 [日曆設定]/[Calendar settings]


    • 在開啟的 [Calendar details] 設定頁面中，找到 [Embed This Calendar] 項目後， Click [Customize the color, size, and other options] 連結，開啟 [Google Embeddable Calendar Helper] 頁面




  3. 複製所有課程表的連結
    • 在 [Google Embeddable Calendar Helper] 頁面中，你可以依據需求調整參數，
      參數調整所呈現的結果會立刻顯示在右邊的預覽




    • 在頁面參數的 [Calendars to Display]，勾選所有要公開的課程表行事曆


    • 所有參數調整設定完畢，複製 [Copy and paste the HTML below to include this calendar on your webpage] 的所有內容



  5. 將 HTML 貼到網頁設計的內容中
    如果是自己網站的網頁，你可以直接將【步驟 3】最後一個步驟複製的 HTML 貼到網頁設計中

  6. 將所有課程表的行事曆放到 Google Sites (協作平台) 的網頁中
    如果你的網頁是放在 Google Sites 中，目前 Google Sites 的網頁設計是不允許 <iframe> 語法，在【步驟 3】最後一個步驟所複製的 HTML 中有用到 <iframe> 的語法，在存檔時會自動被刪除。



    而 Google Sites [資訊主頁] 類型的網頁可以插入 [日曆] 的小工具，但是只能在一個 [日曆] 小工具中設定一個行事曆，無法設定多個行事曆。
    (參：【使用 Google Calendar (日曆) 來做【課程表】(三)：公開單一課程的課程表】)

    目前在 Google Sites 的網頁中只能透過連結的方式，將所有課程的行事曆網址放到連結中，使用者按下連結後，在新的瀏覽器頁面便可瀏覽到所有課程的課程表。以下是設定的步驟：
  • 在 Google Site 中瀏覽到要增加【課程表】連結的頁面，並按下 Google Sites 功能表的【編輯頁面】


  • 在頁面編輯的畫面中，切換到 HTML 編輯模式




  • 在要加入連結的文字(例如本例中的 "所有課程" )前面加上 <a href="" target="_blank">
     在文字後面加上</a>




  • 將【步驟 3】最後一個步驟所複製的 HTML 中的 src="..." 之間的連結字串中，把 &amp; 取代為 & ，完成後貼到上一個步驟的 href="" 的兩個雙引號之間

  • 儲存修改過的網頁

完成之後，使用者就可以點擊 "所有課程" 的連結在新的瀏覽器頁面中開啟所有課程的課程表。





使用者還可以 Click 課程表右上角的 [▼]，在展開的項目選單中可以自行切換要顯示的課程表內容。



這篇文章所提到的功能示範可以在【Dance Helper 示範網站】的【課程表】中看到。
>>按此開啟示範


<< 上一篇：【使用 Google Calendar (日曆) 來做【課程表】(三)：公開單一課程的課程表】
>> 下一篇：【使用 Google Calendar (日曆) 來做【課程表】(五)：提供訂閱課程表的功能】
張貼者： 於 沒有留言:
標籤： ,

2009-01-06

網站建構文章導覽

Dance Information Helper (舞蹈以及表演藝術小幫手) 部落格 (簡稱：DanceHelper) 整理了你要用來建構舞團或是舞蹈教室的網站所需要的概念以及步驟。

內容導覽如下：

基本


功能增進

張貼者： 於 沒有留言:
標籤： ,

要如何建立屬於舞團的網站？

建立舞團網站的方式有非常多種。如果有足夠資源的話，你當然可以編列經費，委託網站規劃以及網站設計人員來建構網站。但是對於一些中小型的舞蹈教室或是舞團來說，大多沒有足夠的經費來委託專業人員製作網站。是否能夠用最簡單的步驟以及最經濟的方式來擁有屬於自己舞蹈教室或是舞團的網站呢？

答案是肯定的，你可以試試 Google 所提供的線上服務！

Google 提供許多線上服務，一般人比較常使用的應該是 Google 的 Email 服務：Gmail。但如果要用來建構舞團的網站，你可以使用 Google Blogger (部落格) 或者是 Google Sites (協作平台) 來作為主要的網站入口，並且在這兩種服務中還可以整合 Google 其他的線上服務，例如：可用來作為網站討論區的 Google Groups (網上論壇)、可用來製作課程表的 Google Calendar (日曆)、可以用來分享演出影片片段的 YouTube、可以用來分享舞團照片的 Picasa Web Album (Picasa 網路相簿) ... 等。

為什麼要選擇 Google 的這些服務來作為建構舞團網站的工具呢？

第一個吸引人的原因，就是使用 Google 提供的這些服務都是免費的！只要註冊一個 Google Account (這也是免費的)，你就可以使用 Google 所提供的線上服務，完全不需要付任何費用。這對於經費不多的舞蹈教室或是舞團來說，是非常令人難以抗拒的。

除此免費之外，另外一個具有吸引力的地方，那就是要使用 Google 線上服務的大部分功能都是非常簡單的！使用這些 Google 所提供的服務，你不需要架設自己的網站主機，你也不需要具備太多的網站架設或是網頁設計的知識與經驗，只要藉由簡單幾個申請以及設定的動作，任何人都可以馬上啟用服務所提供的功能，在網路的世界中擁有一個屬於自己的網站。

雖然使用上具有其簡易的特性，但若再依據程度來分，筆者建議對於建構網站剛入門的人，先選擇 Google Blogger (部落格) 來架設舞團網站；如果是稍微具備有網頁設計能力以及網站架設概念的人，除了 Google Blogger (部落格) 之外，也可以選擇 Google Sites (協作平台) 來建構網站。

詳細的網站建構步驟與細節請參 DanceHelper 相關文章說明。
張貼者： 於 沒有留言:
標籤： ,

2009-01-04

使用 Google Calendar (日曆) 來做【課程表】(三)

要開始這文章的步驟之前，你必須有能力達到以下幾個動作：
  • 使用 Google Account 登入 Google Calendar
  • 在 Google Calendar 中建立【課程表】的行事曆
  • 擁有自己的 Google Sites (協作平台) (Optional)
如果你還有問題，請參前面幾篇文章：

Part 3: 公開單一課程的【課程表】

如果將課程表的行事曆透過網頁的方式公開，使用者不需要申請或是登入 Google Account，任何人只要使用瀏覽器連到課程表的網頁網址，就可以看到課程表，也就不會因為對於使用者有太多的限制條件而引響到使用者查閱課程表的意願。

在這篇文章中，內嵌網頁的工具使用 Google Sites (協作平台)，若要將 Google Calendar 內嵌到其他工具(例如：部落格、或是自己設計的網頁)中，細節會略有不同，但大致的步驟是一樣的。

將 Google Calendar 建立的【課程表】行事曆嵌入到 Google Sites (協作平台) 網頁的步驟如下：
  1. 登入 Google Sites
  2. 將課程表的行事曆公開
  3. 複製【課程表】行事曆網址
  4. 在 Google Sites 建立網頁
  5. 將【課程表】嵌入網頁
  6. 增加連接到這個頁面的連結


接下來說明詳細步驟：

  1. 登入 Google Sites

  2. 將課程表的行事曆公開

  3. 複製【課程表】行事曆網址

    如果你不知道執行步驟 2 ~ 3 的步驟，請參這一篇部落格文章【Google Calendar: 公開讓其他人瀏覽行事曆】。

  4. 在 Google Sites 建立網頁

    • 按下 Google Sites 功能表的【建立新頁面】



    • 在開啟的新頁面設定畫面中，輸入【頁面名稱】
    • 預設 Google Sites 會幫你自訂頁面的【網頁位置】。
      如果你想修改，請按下【網頁位置】旁的【變更】，
      在開啟的的【變更網頁網址】對話框中輸入網頁網址後按【儲存】。






    • 如果這個頁面要用來嵌入 Google Calendar 的話，頁面的類型請選擇【資訊主頁】。



    • 如果要設定此頁面所在的階層的話，可以在下方相關的選項中設定。
    • 設定完畢後，按下【建立頁面】按紐，完成新頁面的建立。



    • 新【資訊主頁】類型的頁面完成。



  5. 將【課程表】嵌入網頁

    • Click 這個頁面的 [版面配置▼]
      展開後，選擇 [單欄]



    • Click 小工具的控制項，會跳出選擇小工具類型的功能選單
      選擇【日曆】





    • 在跳出【插入 Google 日曆】的對話框中，
      將步驟 3 中所複製的 Google Calendar 網址貼到控制項中



    • 其他設定可以依據需求自行調整，
      設定完畢後，按下【儲存】。

    • 小工具設定儲存成功，回到編輯頁面，按下頁面的【儲存】將此頁面儲存。

    • 頁面儲存成功，就可以看到課程表的行事曆已經嵌入這個頁面中。



  6. 增加連接到這個頁面的連結

    • 在 Google Site 中瀏覽到要增加【課程表】連接的頁面，並按下 Google Sites 功能表的【編輯頁面】



    • 在頁面內容，或是小工具內容中，選取要增加【課程表】連結的文字後，按下【連結】。



    • 選擇【課程表】的頁面後按【確定】，建立連結。



    • 連接增加完成後，按下儲存小工具或是頁面相關的【儲存】按鈕，將頁面內容儲存。

完成了以上的步驟後，你已經可以將單一一個【課程表】的行事曆透過網頁發佈，但是要如何將網團的所有課程表以及演出行程的行事曆擺在一起並發佈呢？這在下一篇文章將會說明。

這篇文章所提到的功能示範可以在【Dance Helper 示範網站】的【課程表】中看到。
>>按此開啟示範


<< 上一篇：【使用 Google Calendar (日曆) 來做【課程表】(二)：建立課程表】
>> 下一篇：【使用 Google Calendar (日曆) 來做【課程表】(四)：公開全部課程的課程表】
張貼者： 於 沒有留言:
標籤： ,

2009-01-03

如何有效率地使用 [Dance Helper] 相關網站資源

我是一名熱愛舞蹈以及表演藝術的人，網路上使用的名號為 "DanceProvider"，目前從事的是資訊相關的工作。

成長的過程中累積了許多跟舞蹈及表演藝術相關的資源。為了分享我所擁有的這些 Know-How 以及相關資源，讓更多喜好或是從事表演藝術相關工作的人可以使用這些資源，我利用了 Google 所提供的服務建立了幾個功能，來說明以及展示可以運用 Google 來協助舞蹈以及表演藝術相關人員達到的功能。

這些功能主要包括：
我將這一系列的網站命名為 Dance Information Helper (舞蹈以及表演藝術小幫手)，簡稱為 DanceHelper (舞蹈小幫手)。

要如何有效地運用 DanceHelper 這一系列的網站資源來協助你解決舞蹈以及表演藝術相關的問題呢？

Know-How 以及資源的分享主要透過【Dance Information Helper (舞蹈以及表演藝術小幫手) 部落格】來組織，當你遇到跟舞蹈以及表演藝術相關的問題時，你可以嘗試透過這個部落格來尋找是否有協助你解決問題的方法。

【Dance Information Helper 示範網站】則是實際透過 Google Sites (協作平台) 來製作 DanceHelper 部落格所提到的相關功能。當你在製作舞蹈或是表演藝術相關網站時，這個網站所呈現的功能可以作為你的參考。如何利用 Google 所提供的服務來建立這個網站的說明大多可以在【Dance Information Helper (舞蹈以及表演藝術小幫手) 部落格】中找的到。

【Dance Information Helper 討論區】是使用 Google Groups (網上論壇) 所建立的討論區，你可以透過這個討論區來討論跟舞蹈或是表演藝術相關的議題。

【Dance and Performance Art Information Provider 部落格】是我整理了一些內容有舞蹈或是表演藝術元素的影音書籍資料，當你要從電影、演出、或是書籍、教材之中尋找跟表演藝術相關的資料時，這個部落格可以作為你的參考。部落格的組織以表演藝術的類型分類，你可以透過【標籤目錄】面板中篩選你要找的類型，或是透過關鍵字搜尋部落格，來尋找你要的資料。

最後一個【Google Utilities 部落格】跟舞蹈或是表演藝術就沒有太多的關連，只是我把我在使用 Google 所提供的服務過程中的心得筆記整理在一起，如果你也是使用 Google 所提供的服務來建立你的網站或是功能時，這個部落格可以作為你的參考。

由於這些功能是透過不同的 Google 服務所達成的，為了讓 DanceHelper 這一系列的網站可以更緊密地整合在一起，在建立或是設定相關的功能時，已經儘可能地在每一個網站所提供的功能面板中建立相互之間的網站連結，讓你可以方便地瀏覽相關的網站。

如果 DanceHelper 這一系列的網站還是沒有辦法協助你解決舞蹈以及表演藝術相關的問題時，歡迎你透過網站中 [與我聯絡] 的 [Email 給我] 連結發電子郵件給我，或是在【Dance Information Helper 討論區】中留言，讓大家集思廣益來解決問題。
張貼者： 於 沒有留言:
標籤：

使用 Google Calendar (日曆) 來做【課程表】(二)

Part 2: 建立【課程表】

由於 Google Calendar 支援多個行事曆的功能，這意味了舞團行事曆管理的人可以將整個舞團的課程表以及演出行程建立在同一個行事曆中，或者也可以為每一個不同的課程各自建立不同的行事曆。

雖然 Google Calendar 建立行事曆的方式非常有彈性，但考量到將來要分享行事曆時的呈現方式，以及訂閱者如何能方便的只訂閱他所關心的行事曆，就必須在建立行事曆就先考慮進去。舉例來說：
  • 以不同顏色標示不同類型的課程
    Google Calendar 可以為每一個行事曆設定各自的顯示顏色 (一般的行事曆管理軟體也幾乎都支援這樣的功能)，這樣在視覺上就可以一目瞭然。
    所以如果你想要讓 [芭蕾課] 用一個顏色顯示，[爵士舞課] 用另一個顏色顯示，就必須為 [芭蕾課] 建立一個行事曆，為 [爵士舞課] 建立另一個行事曆，然後各自設定每個行事曆的顯示顏色。這樣的話，瀏覽的人就可以用不同的顏色找到想上的課程類型。


    (用不同顏色來標示不同類型的課程)


  • 讓使用者只瀏覽或是訂閱所關心的課程類型
    假如我現在想要上 Flamenco 的課程，我所希望的應該是我在瀏覽教室的課程表時可以將其他不同課程的課表隱藏，只顯示 Flamenco 的課程；假如我正在上 Flamenco 的課程，我想要讓我這一期正在上的 Flamenco 課表跟我自己的行事曆整合在一起的話，在我訂閱教室的課表行事歷時，我應該只要訂閱 Flamenco 的課程時間，整合在我自己的行事曆軟體中，而不是在課程行事曆訂閱後教室其他類型(如：芭蕾舞、爵士舞 ... 等)的課程也一併出現，這樣的話，太多其他的課程資料反而會讓整合之後的整個行事曆變得雜亂無章。
    如果要完成以上方式的話，就必須各自為 Flamenco、芭蕾舞、爵士舞各自建立獨自的行事曆，才能在將來分享行事曆之後，使用者可以單獨訂閱或是瀏覽。

要如何能恰到好處的將行事曆分類，並且不會分的太細，同時兼顧到以後方便使用者瀏覽、查詢、以及訂閱，是行事曆管理的人必須依據行事曆的性質以及使用者的使用習慣仔細考量的。提出以下幾點建議：

  1. 不同類型的課程分開建立不同的行事曆
    例如：[Argentine Tango] 的課程建立一個行事曆、[Salsa] 的課程建立另一個行事曆、[巡迴演出] 的時間再建立在第三個行事曆中。

  2. 相同類型但不同期的課程分開建立不同的行事曆
    例如：同樣是 [踢踏舞] 的課程，1/8 ~ 2/26 所開的課可以建立一個行事曆、2/3 ~ 3/24 所開的課可以建立另一個行事曆。

  3. 可以在設定行事曆顯示顏色的時候，將同一類型不同時期開的課程設定同一種顏色
    例如：將 [1/8 ~ 2/26] 的 [踢踏舞] 的課程以及 [2/3 ~ 3/24] 的 [踢踏舞] 的課程都設定為藍色，而將 2 月到 5 月所有開的 [Argentine Tango] 課程都設定為綠色。

思考好如何行事曆分割的方式後，就可以開始建立行事曆。如果還是沒有辦法現在就考慮清楚的話也沒關係，等行事曆建立好之後再來修改也可以。

在 Google Calendar 建立行事曆的步驟如下：

  1. 使用你的 Google Account 登入你的 Google Calendar

    如果你還不知道這個步驟怎麼做，請參前一篇文章：【使用 Google Calendar (日曆) 來做【課程表】(一)】。

  2. 建立新的 Calendar

    按下 [My calendars] 面板的 [Create]




  3. 輸入 Calendar 的資料

    在開啟的 [Create New Calendar] 畫面中，依據需求輸入相關的課程相關資料。
    例如：
    • 在 [Calendar Name:] 輸入課程名稱以及日期，例如："Argentine Tango 0108-0226"
    • 在 [Description:] 輸入課程基本說明以及教師名稱
    • 在 [Location:] 輸入教室的地點，例如："台北 忠孝東路教室"
    • 如果這個課程要對外公開分享，則將 [Make this calendar public] 打勾，[Share only my free/busy information (Hide details)] 不要打勾；如果是自己私人的行事曆不想對外公開，則 [Make this calendar public]不要打勾。
    輸入完成後，按下 [Create Calendar] 建立行事曆。





    如果你將 [Make this calendar public] 打勾，會再出現是否真正要公開行事曆的確認，按下 [Yes] 即可。



  4. 完成

    完成後，在 [My calendars] 面板中會出現剛才建立的行事曆



行事曆建立好了，接下來要將事件(Event) 加到行事曆中。
加入事件方式有非常多種，基本的步驟如下：

  1. 新建 Event

    按下 [Create Event] 連結

  2. 輸入課程資料

    在開啟的 Event 輸入畫面中，將課程相關的資訊輸入到對應的控制項中。



    例如：
    • 在 [What] 輸入課程名稱，例如："Argentine Tango 初級一"
    • 在 [When] 輸入課程時間，例如：時間設定為 07:00pm ~ 08:30pm，日期則設定為第一堂課的日期
    • 在 [Where] 輸入教室的地點，例如："台北 忠孝東路教室"
    • 在 [Description] 輸入課程相關說明，例如：教師名稱
    • 在 [Calendar] 選擇目前這個事件屬於哪個行事曆，例如本例選擇：[Argentine Tango 0108-0226]

    如果是重複性的課程，例如：每週四晚上的課程，可以重複建立多個 Events，或是利用重複(Repeats) 的設定，重複性的課程設定步驟如下
    • 在 [Repeats:] 選擇 [Weekly]
    • 在 [Repeat every:] 選擇 [1] week
    • 在 [Repeat On:] 勾選星期，例如在本例勾選星期四的 [T]
    • [Range] 依據需求設定結束日期，例如在本例選擇 [Until] 並設定結束日期 (Ends) 為 02/26



  3. 儲存

    輸入完成後，按下 [Save] 儲存。
    如果瀏覽到課程所在的是其範圍內，可以在行事曆上看到設定事件，如果已經有設定事件的日期，在左上角月份的檢視中，日期是以粗體字體顯示。




其他的課程表的行事曆或是事件的內容請依據上述的步驟重複建立即可。
課程資料設定完成後行事曆如下：



截至目前為止，我們看到的行事曆畫面都只是在設定者所使用的瀏覽器上所看到的，接下來我們要開始將設定好的課程表透過網站或是部落格公佈，並讓所有對於相關課程有興趣的人可以透過自己熟悉的行事曆管理軟體訂閱課程表。


<< 上一篇：【使用 Google Calendar (日曆) 來做【課程表】(一)：Google Calendar (日曆) 概述】
>> 下一篇：【使用 Google Calendar (日曆) 來做【課程表】(三)：公開單一課程的課程表】
張貼者： 於 沒有留言:
標籤： ,
訂閱： 文章 (Atom)