Embed Size (px)
Citation preview
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]
