vuvox 多媒體mashup展示工具

30
VUVOX 數數數數數數 Jane Hart 數數數數數數數數 (11) 數數數數數數數數數數數 數數 :9825403 數數 : 數數數 數數數數 數數數 數數 數數數數數數 ( 數數 , 數數 , 數數數數數數數 數數 ) Facebook: 數數數數數數數數數數數數數 Center for applying free learning tool (C4A4LT)

Upload: yunjuli

Post on 31-May-2015

1.158 views

Category:

Technology


4 download

DESCRIPTION

VUVOX 多媒體mashup展示工具

TRANSCRIPT

Page 1: VUVOX 多媒體mashup展示工具

VUVOX

數位學習顧問 Jane Hart 相關資料讀後心得 (11)

竹大數位學習科技研究所 學號 :9825403 姓名 : 李芸茹指導老師 王鼎銘

多媒體混合展示工具 ( 圖片 , 音樂 , 影片等多形式媒體混合 )

Facebook: 數位教材製作免費工具學習網 Center for applying free learning tool (C4A4LT)

Page 2: VUVOX 多媒體mashup展示工具

軟體介紹 VUVOX is Collage is a rich internet

application for creating and publishing combinations of photos, videos, text, and audio.

網址 : http://www.vuvox.com/

文字與圖片來源 : http://www.vuvox.com/

Page 3: VUVOX 多媒體mashup展示工具

Final

Page 4: VUVOX 多媒體mashup展示工具

Facebook: 數位教材製作免費工具學習網 Center for applying free learning tool (C4A4LT)

註冊註冊

網站首頁 http://www.vuvox.com/ 網站首頁 http://www.vuvox.com/

Sign inSign in11

22

33

註冊新帳號註冊新帳號輸入

帳號 + 密碼

使用者名稱

輸入帳號 + 密

碼 使用者名稱

Page 5: VUVOX 多媒體mashup展示工具

3 ways to Create

文字與圖片來源 : http://www.vuvox.com/

Page 6: VUVOX 多媒體mashup展示工具

Way 1

Dynamic Visual Galleries. EXPRESS is a super FAST, compact version of

the STUDIO platform. Choose a presentation style and link it to

your media libraries through RSS feeds that maintain “always on” permalinks to the original content source.

文字與圖片來源 : http://www.vuvox.com/

Page 7: VUVOX 多媒體mashup展示工具

Facebook: 數位教材製作免費工具學習網 Center for applying free learning tool (C4A4LT)

Way 1: sample 1Way 1: sample 1

Page 8: VUVOX 多媒體mashup展示工具

Facebook: 數位教材製作免費工具學習網 Center for applying free learning tool (C4A4LT)

Way 1: sample 2Way 1: sample 2

Page 9: VUVOX 多媒體mashup展示工具

Facebook: 數位教材製作免費工具學習網 Center for applying free learning tool (C4A4LT)

Way 1: sample 3Way 1: sample 3

滑鼠靠近放大圖示滑鼠靠近放大圖示

Page 10: VUVOX 多媒體mashup展示工具

Facebook: 數位教材製作免費工具學習網 Center for applying free learning tool (C4A4LT)

確定標體與媒體內容無誤請按下 I’m done!

確定標體與媒體內容無誤請按下 I’m done!

Page 11: VUVOX 多媒體mashup展示工具

Facebook: 數位教材製作免費工具學習網 Center for applying free learning tool (C4A4LT)

混合式媒體完成 , 左上角有 3 種形式 按下link 就可擷取原始碼或網址 放置

Blog,Facebook 等

混合式媒體完成 , 左上角有 3 種形式 按下link 就可擷取原始碼或網址 放置

Blog,Facebook 等

Page 12: VUVOX 多媒體mashup展示工具

Facebook: 數位教材製作免費工具學習網 Center for applying free learning tool (C4A4LT)

混合式媒體完成 , 左上角有 3 種形式 按下link 就可擷取原始碼或網址 放置

Blog,Facebook 等

混合式媒體完成 , 左上角有 3 種形式 按下link 就可擷取原始碼或網址 放置

Blog,Facebook 等

Page 13: VUVOX 多媒體mashup展示工具

Facebook: 數位教材製作免費工具學習網 Center for applying free learning tool (C4A4LT)

http://www.vuvox.com/presentations/01c65fe93f

Facebook shareFacebook share

Page 14: VUVOX 多媒體mashup展示工具

Facebook: 數位教材製作免費工具學習網 Center for applying free learning tool (C4A4LT)

混合媒體完成 請連以下網址 可看範例http://www.vuvox.com/presentations/

01c65fe93f

混合媒體完成 請連以下網址 可看範例http://www.vuvox.com/presentations/

01c65fe93f

Page 15: VUVOX 多媒體mashup展示工具

Way 2

Interactive Panoramas! COLLAGE introduces a new creation

platform for WYSIWYG online multimedia layout and sharing. COLLAGE offers Drag and Drop interfaces, placement of Interactive Media Hot Spots that can include direct links and presentations. An easy to use cut-out tool delivers fast compositing of photos, video and audio assets. Learn more.

文字與圖片來源 : http://www.vuvox.com/

Page 16: VUVOX 多媒體mashup展示工具

Facebook: 數位教材製作免費工具學習網 Center for applying free learning tool (C4A4LT)

Page 17: VUVOX 多媒體mashup展示工具

Facebook: 數位教材製作免費工具學習網 Center for applying free learning tool (C4A4LT)

6 種分類6 種分類

以下為 mymedia & picasa 匯入素材範例

以下為 mymedia & picasa 匯入素材範例

Page 18: VUVOX 多媒體mashup展示工具

Facebook: 數位教材製作免費工具學習網 Center for applying free learning tool (C4A4LT)

滑鼠靠近下方素材分類區 , 就會出現 + 符號 , 對著素材雙擊二下便會自動出現在上方編輯區

滑鼠靠近下方素材分類區 , 就會出現 + 符號 , 對著素材雙擊二下便會自動出現在上方編輯區

素材加料區( 註解 , 附加檔 )

Page 19: VUVOX 多媒體mashup展示工具

Facebook: 數位教材製作免費工具學習網 Center for applying free learning tool (C4A4LT)完成素材排列與相關編輯後 , 按下右上角publish 便可公布於網路上

完成素材排列與相關編輯後 , 按下右上角publish 便可公布於網路上

Page 20: VUVOX 多媒體mashup展示工具

Facebook: 數位教材製作免費工具學習網 Center for applying free learning tool (C4A4LT)

完成檔 , 按下右下角 share icon 便可( 共有三種分享模式 )直接分享至社群網站

第一種 如 : Facebook

完成檔 , 按下右下角 share icon 便可( 共有三種分享模式 )直接分享至社群網站

第一種 如 : Facebook

Page 21: VUVOX 多媒體mashup展示工具

Facebook: 數位教材製作免費工具學習網 Center for applying free learning tool (C4A4LT)

11 22

Page 22: VUVOX 多媒體mashup展示工具

Way 3

Powerful Style Customization. STUDIO provides a range of media

presentation formats that allow unmatched personalization. Link to your media, choose a style and modify to your heart’s desire... and, distribute it to COLLAGE, or your personal and public web pages.

文字與圖片來源 : http://www.vuvox.com/

Page 23: VUVOX 多媒體mashup展示工具

Facebook: 數位教材製作免費工具學習網 Center for applying free learning tool (C4A4LT)

Page 24: VUVOX 多媒體mashup展示工具

Facebook: 數位教材製作免費工具學習網 Center for applying free learning tool (C4A4LT)

選擇所要利用的資料來源 , 本範例是 Picasa online libraryAlbum 是一種下拉設選單 , 可選擇您自己在 gooogle 相簿的資源

選擇所要利用的資料來源 , 本範例是 Picasa online libraryAlbum 是一種下拉設選單 , 可選擇您自己在 gooogle 相簿的資源

Page 25: VUVOX 多媒體mashup展示工具

Facebook: 數位教材製作免費工具學習網 Center for applying free learning tool (C4A4LT)

從個人電腦上傳資料

從個人電腦上傳資料

滑鼠靠近 my media 選單便會自動彈出左方選單

滑鼠靠近 my media 選單便會自動彈出左方選單

素材選擇無誤請按下 create 按鈕

Page 26: VUVOX 多媒體mashup展示工具

Facebook: 數位教材製作免費工具學習網 Center for applying free learning tool (C4A4LT)

開始選擇自己喜歡的媒體展式風格與增加文字或相關效果開始選擇自己喜歡的媒體展式風格與增加文字或相關效果

Page 27: VUVOX 多媒體mashup展示工具

Facebook: 數位教材製作免費工具學習網 Center for applying free learning tool (C4A4LT)滑鼠靠近展示內容 , 便會出現向左或右箭頭 ,

按下鍵頭後 , 便可往下觀看確認無誤後 , 便可按下選擇與發佈按鈕

滑鼠靠近展示內容 , 便會出現向左或右箭頭 ,按下鍵頭後 , 便可往下觀看

確認無誤後 , 便可按下選擇與發佈按鈕

滑鼠靠近媒體區影片圖像可放大縮小 + 影片亦可播放

滑鼠靠近媒體區影片圖像可放大縮小 + 影片亦可播放

Page 28: VUVOX 多媒體mashup展示工具

Facebook: 數位教材製作免費工具學習網 Center for applying free learning tool (C4A4LT)

11

22

33

發佈檔案前的設定 , 如標題與內容描述發佈檔案前的設定 , 如標題與內容描述

Page 29: VUVOX 多媒體mashup展示工具

Facebook: 數位教材製作免費工具學習網 Center for applying free learning tool (C4A4LT)

發佈後程式碼的擷取 , 如下樣式發佈後程式碼的擷取 , 如下樣式

直接獲取成品網址 ,可應用在社群或 blog

共有三種風格按下 copy code 獲取程式

碼可嵌入在個人架設之網站

http://www.vuvox.com/my_vox/01e42fb782http://www.vuvox.com/my_vox/01e42fb782

Page 30: VUVOX 多媒體mashup展示工具

Facebook: 數位教材製作免費工具學習網 Center for applying free learning tool (C4A4LT)

http://www.vuvox.com/my_vox/01e42fb782http://www.vuvox.com/my_vox/01e42fb782

剛剛完成之成品 , 所見即得如右下圖在左手邊是個人檔案管理區直接按下縮圖 , 便可在右方預覽區觀看作品 ,非常的方便喔

剛剛完成之成品 , 所見即得如右下圖在左手邊是個人檔案管理區直接按下縮圖 , 便可在右方預覽區觀看作品 ,非常的方便喔