Glogster 綠色科技應用 線上互動海報應用於校園

Glogster 小麥梗資訊工作室 http://yunjuli.wordpress.com/ [email protected]

Online Multimedia Posters

綠色科技 校園應用

2013/03/28 更新版

線上互動海報

iPhone App is ready

小麥梗資訊工作室

教學大綱

• Glogster 基礎簡介 • Glogster 介面功能介紹 • Glogster 吸引人的功能面 • Glogster 在校園的應用 • Glogster 與Web2.0工具整合 • Glogster App(iPhone、iPAD) 示範 (2013/3/28新增)

• 常見疑問解答

Glogster 基礎簡介

小麥梗資訊工作室

Glogster 是什麼?

• 何時開始有此平台? ▫ 2007年底推出一般免費版，2009年推出EDU版成為全美教育界的安全學習平台，每一分鐘就有十張Glogster海報產出

• 在美國有多少師生用它? ▫ 老師將近80萬，學生將近1000萬人!

• 在世界百大科技工具應用排行? ▫ 2011年 EDU版擠進全球第十名!

小麥梗資訊工作室

有做好的範例海報 供参考嗎?

• 素人創作的範例主題海報非常多種：愛情、藝術 、旅行、 歡樂、滑稽、科技、音樂 、 流行、寵物 、教育、汽車、情感、電影…

• 網址： http://www.glogster.com/explore

小麥梗資訊工作室

基本資訊

• 一般版本(免費)： http://www.glogster.com/ • 教育版本(費用)：http://edu.glogster.com/

資料與圖片來源 http://www.glogster.com/

小麥梗資訊工作室

到哪裡註冊呢?

http://www.glogster.com/

1.輸入代號、信箱、密碼 2.用FB認證連線

1

2

資料與圖片來源 http://www.glogster.com/

Glogster 介面功能介紹 Account setting

登入後，後台介面

新增 海報

新增海報樣板選擇 活動 分析

數據資料

我的 海報

社群 連結

個人 訊息

帳號設定 與登出

資料與圖片來源 http://www.glogster.com/

小麥梗資訊工作室

帳號設定:Basic

更改大頭照

修改聯絡信箱與能見度(公開或非公開)

登入username

所在國家

小麥梗資訊工作室

帳號設定:Password

輸入 目前的密碼

輸入 新的密碼

再次輸入 新的密碼 做雙重確認

小麥梗資訊工作室

封鎖設定:Blocked users

小麥梗資訊工作室

通知設定:Email notification 有人增加我為好友/通過了我的好友請求 有人評論我的Glog Glog有人評論我的評論對前 有人收藏我的Glog 一位朋友的最愛1 Glog 有人喜歡我的Glog 我的Glog選擇作為捷運及振動器 有人反駁我的Glog 有人傳送訊息給我 有人成為我的粉絲 朋友創建了Glog 朋友更新了Glog 我的粉絲創建了一個Glog 我的粉絲更新了他的Glog

小麥梗資訊工作室

個資設定:About me

Glogster 介面功能介紹 Create New Glog

小麥梗資訊工作室

建立新的海報

眾多預先設計好的樣板供選擇

本教材範例

資料與圖片來源 http://www.glogster.com/

小麥梗資訊工作室

文字設定多元

資料與圖片來源 http://www.glogster.com/

小麥梗資訊工作室

圖形多樣化

上一頁 下一頁

資料與圖片來源 http://www.glogster.com/

小麥梗資訊工作室

圖片來源：社群網站

圖片:來自社群網站

• Facebook • Flickr • Picasa • Google

資料與圖片來源 http://www.glogster.com/

小麥梗資訊工作室

背景來源：上傳 內建相簿 單一顏色

資料與圖片來源 http://www.glogster.com/

小麥梗資訊工作室

背景音樂：幫海報加上配音或背景音樂

海報可加入 背景音樂或錄音檔

資料與圖片來源 http://www.glogster.com/

小麥梗資訊工作室

影片：幫海報物件加入影片

海報可加入影片 來源有 自己上傳或從YouTube輸入關鍵字 選擇影片或網址

資料與圖片來源 http://www.glogster.com/

Glogster 介面功能介紹 編輯完成與發佈設定

小麥梗資訊工作室

影片編輯完成 發佈設定

按下最下方的 Save and share

輸入海報名稱與 標籤設定

發佈完成並可選擇 分享至社群網站或 重新編輯海報

資料與圖片來源 http://www.glogster.com/

http://www.glogster.com/yunjuli/tccn-/g-6ljadgr06kvtrn0chb82ba0

互動海報素材 可透過以下方式導入 1. 本機上傳 2. 社群資源 3. 媒體連結網址 十分鐘就能完成 有社群概念與動態式的環保海報

來自YouTube

來自Picasa

來自本機上傳

來自圖片網址

有社群分享與按讚功能

資料與圖片來源 http://www.glogster.com/

小麥梗資訊工作室

將動態海報嵌入至系所網站或Blogger

可成功嵌入在Blogger即時預覽 http://liyunju.blogspot.com/

資料與圖片來源 http://www.glogster.com/

小麥梗資訊工作室

透過列印 輸出為PDF海報 靜態!

動態功能會消失 例如：youTube影片播放 請注意這一點

資料與圖片來源 http://www.glogster.com/

Glogster 介面功能介紹 My Glogster 觀看模式設定

小麥梗資訊工作室

內容排版觀看模式：共三種

資料與圖片來源 http://www.glogster.com/

小麥梗資訊工作室

內容背景觀看模式：顏色與圖片

選擇單一顏色

從本機上傳 背景圖片

資料與圖片來源 http://www.glogster.com/

小麥梗資訊工作室

Title顏色設定：背景色與字型顏色

Title 區域 背景顏色

Title 區域 字型顏色

資料與圖片來源 http://www.glogster.com/

小麥梗資訊工作室

資料與圖片來源 http://www.glogster.com/

小麥梗資訊工作室

自己設網址

可到網路上 購買國際或其他種類網址 需年費 可上Google 輸入關鍵字 搜尋 網址申請服務

資料與圖片來源 http://www.glogster.com/

Glogster 吸引人的功能面

小麥梗資訊工作室

海報能用哪些酷斃的方式來表達？(1)

• Be Original ▫ 混搭音樂、照片、影片、塗鴉表示活動或各式活動海報? 海報能做到非靜態的喔..很妙!

• Be creative ▫ 加入的文字、圖片與影片等等都能調整角度與大小，哇!動畫也可以調整耶!

• Community ▫ 創作過程中，您會發現很多與朋友之間的互動，是能透過多元方式展現

小麥梗資訊工作室

海報能用哪些酷斃的方式來表達？(2)

• It's free ▫ 這麼酷的工具居然是免錢喔且註冊只要30秒

• Contests ▫ 這家平台三不五時就有舉辦獨家活動，會有一些名人或創作家，透過Glogster創作互動海報

小麥梗資訊工作室

海報能用哪些酷斃的方式來表達？(3)

• Publish ▫ My God! 海報能發佈至Facebook、Google+、

Twitter..都是世界最多人使用的社群平台! • Connect ▫ 居然能跟其他社群平台相連應用，這樣要製作一份互動社群海報，成本只要0元!

▫ 影片平台：YouTube、Vimeo ▫ 照片平台：Google Picasa、Yahoo Flickr

Glogster 與Web2.0 工具整合

小麥梗資訊工作室

能與哪些社群結合?

• 照片 ▫ Picasa、Google、Facebook、Flickr

• 影片 ▫ YouTube、Google

不花學校一毛錢 建立互動海報 將資源放在社群網站上，因此 學校不會花費硬碟空間與外部承租server的流量計費

常見疑問解答

資料來源 http://www.glogster.com/faq

小麥梗資訊工作室

多媒體常見支援格式 有哪些?

• Upload ▫ audio：aac 、aiff 、mp3、wav、wma ▫ video： asf 、avi 、mpeg 、wmv、 mp4、flv 、

mov 、m4v ▫ image： jpg 、 jpeg、 bmp、 gif 、 tif 、png

• Link ▫ audio: mp3 ▫ video: flv + Youtube url ▫ image: jpg、 png 、bmp、gif

資料來源 http://www.glogster.com/faq

小麥梗資訊工作室

互動海報的版面常見問題?

• 互動海報的版面有橫式的嗎? ▫ 有橫式的

• 若中途要臨時把直的改為橫式的? ▫ 沒有回頭路，選了就不能改

小麥梗資訊工作室

改個資疑問

• 若當初註冊是用Facebook認證，更改個人資訊是從FB 並非是從Glogster官網喔

小麥梗資訊工作室

發表隱私性問題

• 我的海報能有隱私性嗎? 像Google+那樣只想特定給某些人看到? ▫ 可以的，因為有許多的使用者，將死黨旅遊或需要隱私的活動，透過Glogster做成海報但不希望被家人看到，這時Glogster就有此功能，要看到這個海報必須有獨一無二的網址才能觀看

• 假如是發表公開的海報，那麼所有網友都能針對你的海報給於評論、列印或在網路分享

小麥梗資訊工作室

收藏與分享給朋友 酷作品

• 若看到有很棒的海報，能收集嗎? ▫ 可以喔！點擊喜歡的海報後，在畫面右上方如下圖示，按下愛心圖樣就可

• 假如這海報的點子實在太酷了，能及時分享給朋友嗎? ▫ 可以喔！點擊喜歡的海報後，在畫面右上方如下圖示，按下FB、Twitter、Google+ 圖樣就可

Glogster App (iPhone、iPAD) 示範

小麥梗資訊工作室

支援與下載位置

• APP僅支援Apple作業系統 (iPhone、iPAD)

• 請到Apple Store 輸入: Glogster

成功下載後請到 More區做登入動作

自己所收集的Glogster 自己所建立的Glogster

登入成功後的歡迎畫面 可看到上方 讓您觀看Favorite and My Glogs

小麥梗資訊工作室

針對特定的海報互動

留言 喜歡 分享到社群

小麥梗資訊工作室

搜尋關鍵字找海報與上傳素材

輸入nursing 可找到別人創作的海報為nursing相關

• 從手機的相片庫上傳影像與影片到Glogster資料庫

• 在手機即興錄音

小麥梗資訊工作室

總結Glogster App

• 在iPhone上 照片與文字和聲音呈現都正常 • 影片播放無法在海報內 會連到YouTube • 手機觀看線上海報無法滿版 比例奇怪 • 整題而言 等待官方改進 進化HTML5

Flash形式呈現才會順暢

THANKS 小麥梗資訊工作室 http://yunjuli.wordpress.com/ [email protected]