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

4,465 views

Published on

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

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
4,465
On SlideShare
0
From Embeds
0
Number of Embeds
557
Actions
Shares
0
Downloads
0
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

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

  1. 1. iPhone App is ready 2013/03/28 更新版Glo gster 線上互動海報 Online Multimedia Posters 小麥梗資訊工作室 http://yunjuli.wordpress.com/ yunjuli@gmail.com 綠色科技 校園應用
  2. 2. 小麥梗資訊工作室教學大綱• Glogster 基礎簡介• Glogster 介面功能介紹• Glogster 吸引人的功能面• Glogster 在校園的應用• Glogster 與Web2.0工具整合• Glogster App(iPhone、iPAD) 示範 (2013/3/28新增)• 常見疑問解答
  3. 3. Glogster基礎簡介
  4. 4. 小麥梗資訊工作室Glogster 是什麼?• 何時開始有此平台? ▫ 2007年底推出一般免費版,2009年推出EDU版成 為全美教育界的安全學習平台,每一分鐘就有十張 Glogster海報產出• 在美國有多尐師生用它? ▫ 老師將近80萬,學生將近1000萬人!• 在世界百大科技工具應用排行? ▫ 2011年 EDU版擠進全球第十名!
  5. 5. 小麥梗資訊工作室有做好的範例海報 供参考嗎?• 素人創作的範例主題海報非常多種:愛情、藝術 、 旅行、 歡樂、滑稽、科技、音樂 、 流行、寵物 、 教育、汽車、情感、電影…• 網址: http://www.glogster.com/explore
  6. 6. 小麥梗資訊工作室基本資訊• 一般版本(免費): http://www.glogster.com/• 教育版本(費用):http://edu.glogster.com/ 資料與圖片來源 http://www.glogster.com/
  7. 7. 小麥梗資訊工作室到哪裡註冊呢? http://www.glogster.com/11. 輸入代號、信箱、密碼 22.用FB認證連線 資料與圖片來源 http://www.glogster.com/
  8. 8. Glogster介面功能介紹Account setting
  9. 9. 登入後,後台介面 帳號設定 與登出 數據資料 新增 海報 活動 我的 社群 個人 新增海報樣板選擇 分析 海報 連結 訊息 資料與圖片來源 http://www.glogster.com/
  10. 10. 小麥梗資訊工作室帳號設定:Basic 更改大頭照 登入username 修改聯絡信箱與能見度(公開或非公開) 所在國家
  11. 11. 小麥梗資訊工作室帳號設定:Password 輸入 目前的密碼 輸入 新的密碼 再次輸入 新的密碼 做雙重確認
  12. 12. 小麥梗資訊工作室封鎖設定:Blocked users
  13. 13. 小麥梗資訊工作室通知設定:Email notification 有人增加我為好友/通過了我的好友請求 有人評論我的Glog Glog有人評論我的評論對前 有人收藏我的Glog 一位朋友的最愛1 Glog 有人喜歡我的Glog 我的Glog選擇作為捷運及振動器 有人反駁我的Glog 有人傳送訊息給我 有人成為我的粉絲 朋友創建了Glog 朋友更新了Glog 我的粉絲創建了一個Glog 我的粉絲更新了他的Glog
  14. 14. 小麥梗資訊工作室個資設定:About me
  15. 15. Glogster介面功能介紹Create New Glog
  16. 16. 小麥梗資訊工作室建立新的海報 本教材範例 眾多預先設計好的樣板供選擇 資料與圖片來源 http://www.glogster.com/
  17. 17. 小麥梗資訊工作室文字設定多元 資料與圖片來源 http://www.glogster.com/
  18. 18. 小麥梗資訊工作室圖形多樣化 上一頁 下一頁 資料與圖片來源 http://www.glogster.com/
  19. 19. 小麥梗資訊工作室圖片來源:社群網站 圖片:來自社群網站• Facebook• Flickr• Picasa• Google 資料與圖片來源 http://www.glogster.com/
  20. 20. 小麥梗資訊工作室背景來源:上傳 內建相簿 單一顏色 資料與圖片來源 http://www.glogster.com/
  21. 21. 小麥梗資訊工作室背景音樂:幫海報加上配音或背景音樂海報可加入背景音樂或錄音檔 資料與圖片來源 http://www.glogster.com/
  22. 22. 小麥梗資訊工作室影片:幫海報物件加入影片海報可加入影片來源有 自己上傳或從YouTube輸入關鍵字 選擇影片或網址 資料與圖片來源 http://www.glogster.com/
  23. 23. Glogster介面功能介紹編輯完成與發佈設定
  24. 24. 小麥梗資訊工作室影片編輯完成 發佈設定 按下最下方的 Save and share 輸入海報名稱與 標籤設定 發佈完成並可選擇 分享至社群網站或 重新編輯海報 資料與圖片來源 http://www.glogster.com/
  25. 25. http://www.glogster.com/yunjuli/tccn-/g-6ljadgr06kvtrn0chb82ba0 有社群分享與按讚功能 來自圖片網址 互動海報素材 來自YouTube 可透過以下方式導入 來自本機上傳 1. 本機上傳 2. 社群資源 3. 媒體連結網址 十分鐘就能完成 有社群概念與動態式 來自Picasa 的環保海報 資料與圖片來源 http://www.glogster.com/
  26. 26. 小麥梗資訊工作室將動態海報嵌入至系所網站或Blogger可成功嵌入在Blogger即時預覽http://liyunju.blogspot.com/ 資料與圖片來源 http://www.glogster.com/
  27. 27. 小麥梗資訊工作室透過列印 輸出為PDF海報 靜態! 動態功能會消失 例如:youTube影片播放 請注意這一點 資料與圖片來源 http://www.glogster.com/
  28. 28. Glogster介面功能介紹My Glogster 觀看模式設定
  29. 29. 小麥梗資訊工作室內容排版觀看模式:共三種 資料與圖片來源 http://www.glogster.com/
  30. 30. 小麥梗資訊工作室內容背景觀看模式:顏色與圖片 選擇單一顏色 從本機上傳 背景圖片 資料與圖片來源 http://www.glogster.com/
  31. 31. 小麥梗資訊工作室Title顏色設定:背景色與字型顏色 Title 區域 Title 區域 背景顏色 字型顏色 資料與圖片來源 http://www.glogster.com/
  32. 32. 小麥梗資訊工作室資料與圖片來源 http://www.glogster.com/
  33. 33. 小麥梗資訊工作室自己設網址可到網路上 購買國際或其他種類網址 需年費可上Google 輸入關鍵字 搜尋 網址申請服務 資料與圖片來源 http://www.glogster.com/
  34. 34. Glogster吸引人的功能面
  35. 35. 小麥梗資訊工作室海報能用哪些酷斃的方式來表達?(1)• Be Original ▫ 混搭音樂、照片、影片、塗鴉表示活動或各式活動 海報? 海報能做到非靜態的喔..很妙!• Be creative ▫ 加入的文字、圖片與影片等等都能調整角度與大小, 哇!動畫也可以調整耶!• Community ▫ 創作過程中,您會發現很多與朋友之間的互動,是 能透過多元方式展現
  36. 36. 小麥梗資訊工作室海報能用哪些酷斃的方式來表達?(2)• Its free ▫ 這麼酷的工具居然是免錢喔且註冊只要30秒• Contests ▫ 這家平台三不五時就有舉辦獨家活動,會有一些名 人或創作家,透過Glogster創作互動海報
  37. 37. 小麥梗資訊工作室海報能用哪些酷斃的方式來表達?(3)• Publish ▫ My God! 海報能發佈至Facebook、Google+、 Twitter..都是世界最多人使用的社群平台!• Connect ▫ 居然能跟其他社群平台相連應用,這樣要製作一份 互動社群海報,成本只要0元! ▫ 影片平台:YouTube、Vimeo ▫ 照片平台:Google Picasa、Yahoo Flickr
  38. 38. Glogster 與Web2.0工具整合
  39. 39. 小麥梗資訊工作室能與哪些社群結合?• 照片 ▫ Picasa、Google、Facebook、Flickr• 影片 ▫ YouTube、Google 不花學校一毛錢 建立互動海報 將資源放在 社群網站上,因此 學校不會花費硬碟空間 與外部承租server的流量計費
  40. 40. 常見疑問解答 資料來源 http://www.glogster.com/faq
  41. 41. 小麥梗資訊工作室多媒體常見支援格式 有哪些?• 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
  42. 42. 小麥梗資訊工作室互動海報的版面常見問題?• 互動海報的版面有橫式的嗎?▫ 有橫式的• 若中途要臨時把直的改為橫式的?▫ 沒有回頭路,選了就不能改
  43. 43. 小麥梗資訊工作室改個資疑問• 若當初註冊是用Facebook認證,更改個人資訊是 從FB 並非是從Glogster官網喔
  44. 44. 小麥梗資訊工作室發表隱私性問題• 我的海報能有隱私性嗎? 像Google+那樣只想特定 給某些人看到? ▫ 可以的,因為有許多的使用者,將死黨旅遊或需要 隱私的活動,透過Glogster做成海報但不希望被家 人看到,這時Glogster就有此功能,要看到這個海 報必須有獨一無二的網址才能觀看• 假如是發表公開的海報,那麼所有網友都能針對 你的海報給於評論、列印或在網路分享
  45. 45. 小麥梗資訊工作室收藏與分享給朋友 酷作品• 若看到有很棒的海報,能收集嗎?▫ 可以喔!點擊喜歡的海報後,在畫面右上方如下圖 示,按下愛心圖樣就可• 假如這海報的點子實在太酷了,能及時分享給朋 友嗎?▫ 可以喔!點擊喜歡的海報後,在畫面右上方如下圖 示,按下FB、Twitter、Google+ 圖樣就可
  46. 46. Glogster App(iPhone、iPAD) 示範
  47. 47. 小麥梗資訊工作室 成功下載後請到 More區做登入動作支援與下載位置• APP僅支援Apple作業系 統 (iPhone、iPAD)• 請到Apple Store 輸入: Glogster
  48. 48. 自己所收集的Glogster 自己所建立的Glogster登入成功後的歡迎畫面 可看到上方 讓您觀看Favorite and My Glogs
  49. 49. 小麥梗資訊工作室針對特定的海報互動留言 喜歡 分享到社群
  50. 50. 小麥梗資訊工作室搜尋關鍵字找海報與上傳素材輸入nursing可找到別人創作的海報為nursing相關 • 從手機的相片庫上 傳影像與影片到 Glogster資料庫 • 在手機即興錄音
  51. 51. 小麥梗資訊工作室總結Glogster App• 在iPhone上 照片與文字和聲音呈現都正常• 影片播放無法在海報內 會連到YouTube• 手機觀看線上海報無法滿版 比例奇怪• 整題而言 等待官方改進 進化HTML5 Flash形式呈現才會順暢
  52. 52. THANKS小麥梗資訊工作室http://yunjuli.wordpress.com/yunjuli@gmail.com

×