screencast-o-matic Online Screen Recorder 線上螢幕錄影機

screencast-o-matic簡介

screencast-o-matic是一個支援線上螢幕錄製的服務網站。

screencast-o-matic錄製時不需要安裝軟體，而是透過Java的技術來擷取螢幕畫面，可以暫停錄製，且錄製品質佳。

完成螢幕錄製後，您可以直接存到電腦上(支援MP4、AVI、FLV格式)、上傳到SOM(Screencast-O-Matic)自家的網站，或者分享到Youtube中，是一個Web 2.0的應用。

操作步驟

STEP01

• 進入http://www.screencast-o-matic.com/網站。
• 按下圖中的「Start Recodring」開始錄製。

 

STEP02

• 若是第一次使用，會彈跳出安全警告，請勾選「一律信任此發行者的內容」 。
• 並按「執行」後就可以開始錄製了。

 

STEP03

• 下方工具列即可開始錄製及設定螢幕範圍。
• ALT+P :可以暫停或繼續錄製。

 

STEP04

• 錄製完成後會出現預覽畫面，我們可以播放錄製作業
• 右邊則可以選擇要上傳至SOM空間、Youtube，或是直接存到電腦中。

 

STEP05

• 上傳至 YouTube，則選取Publish to YouTube 。

 

STEP06

• 輸入上傳影片的描述Description，設定YouTube帳戶。
• 按下[Upload to YouTube] 。

 

STEP07

• 完成上傳至YouTube的影片。另可再分享至您的Blog或Plurk。

 

網址: http://www.screencast-o-matic.com/

 

source:screencast-o-matic

iBuildAPP免程式設計自製APP

iBuildAPP簡介

iBuildApp提供一個免程式設計經驗的 App 開發設計方案， iBuildApp簡單又直覺的網頁介面，可以協助您設計出屬於自己的 App，它不但支援文字、RSS訂閱、圖片、聲音檔與視訊檔，並提供各種現成的 App 範本，可自行選擇套用，甚至可以將部落格或網站做成 App。

此外，iBuildApp也提供App管理者介面，讓您可以方便隨時更新App的內容。

目前iBuildApp所製作的App，可支援iPhone、iPad以及Android系統，不久後更將拓展至BlackBerry系統。最重要的是，除非你有特殊需求，否則大部分的功能都是完全免費的。

操作步驟

STEP01

• 註冊帳號: 輸入名字、email及設定密碼。

 

STEP02

• 建立APP : 點選[CREATE APP]按鈕。

 

STEP03

• 選擇APP樣版(Template)平台: 如選擇Web APPs
• Native Apps (iPhone/Android) Native iPad Web APPs

 

STEP04

• 選擇APP樣版(Template) : 點選[User it]按鈕。
• 按[View More Templates]可選擇更多樣版。

 

STEP05

• 輸入APP名稱。並按[Create]按鈕。

STEP06

• 設定您的APP : 選擇背景/背景圖片, 並按[Next Step]按鈕。

STEP07

• 設定您的APP :選擇Logo圖片, 並按[Next Step]按鈕。

STEP08

• 設定您的APP :修改中間及底端之導覽圖示, 並按[Next Step]按鈕。
• 可移除或變更導覽圖示。

STEP09

• 設定您的APP內容 :點選手機上之導覽圖示, 並設定每一圖示對應的內容。

 

STEP10

• 如點選About Us : 輸入關於我們的說明內容。
• 按[Preview]即可在手機上看到相關內容。

 

STEP11

• 依導覽順序逐一設定對應內容。無一導覽按鈕都須設定。
• 如下News導覽按鈕設定RSS訂閱網址。

 

STEP12

• 設定時間格式。勾選 Use 24-hour format，按[Continue]按鈕。

 

STEP13

• 設定APP資訊及Logo。 按[Continue]按鈕。

 

STEP14

• 出版您的APP。 如下網址及QR Barcode即是設定好的APP網址。
• 按[Publish your app]按鈕。

 

 

iBuildApp網址：http://ibuildapp.com/

source: iBuildApp

JAlbum 網路相簿產生器

JAlbum 簡介

Jalbum是一項以 JAVA 寫成的網路相簿產生器。

有時一系列活動的相片要如何才能簡單、快速的製作出具有華麗互動的介面，且能方便地展示到自己所架設的網站或是網路空間上。

Jalbum 提供了相當豐富的佈景主題面板(skin)可供下載、安裝，透過Jalbum所提供的樣式，您可以輕鬆地選擇不同類型的面板、包含排版方式與色彩配置，讓您的相簿觀賞起來具有與眾不同的專業水準。

操作步驟

STEP01

• 下載安裝Jalbum ，開啟後，如已有 Jalbum 的帳號，可先登入，若無帳號，建議你可以先免費申請一個帳號。
• 若不想註冊，只要將登入對話視窗，點擊[X]關閉即可，一樣是可以使用的。

 

STEP02

• 在視窗點擊[Add photos]，選取你要做成相簿的照片。
• 或直接將照片或資料夾拉到 Jalbum 視窗中指定的位置。

 

STEP03

• 所彈出的新建相簿對話框中輸入相簿的名稱與描述後，點擊[確定]。

 

STEP04

• 於相片加入後，可在左下角的「Skin and style」選單，選擇所要使用的佈景主題樣式與色彩配置，點選時視窗上方會自動出現佈景主題的樣式預覽。

 

STEP05

• 選好要使用的相簿樣式後，點擊[建立相簿]，便可製作成相簿。(儲存在: 我的文件/我的相簿資料夾中)
• 相簿建立完成後，可以點擊[預覽]一本具有專業水準的相簿。

 

STEP06

• 若有 Jalbum 的帳號，可選取[Upload]發佈到網路上，也可放置在自己的網站。

 

網址：http://jalbum.net/

Source: jalbum

Chartle.net互動的線上圖表服務

Chartle.net簡介

Chartle.net是一個提供您線上製作圖表的服務網站，您可以方便的選用各式圖表並作調整及填寫內容，且於完工可以直接分享到其它Blog網站或facebook等。

您也可以發佈為一般的PNG圖檔，透過網址連結，或是直接下載圖檔再利用。

點選Get Started即可觀看1分鐘的操作教學。

Chartle.net圖表類型

長條圖Bar

 

 

圓餅圖Pie

 

線條圖Line

 

推論統計圖Plots & Diagrams

 

商用圖表Business

 

測量圖表Gauge

 

地圖Map

操作步驟

STEP01

• 進入http://www.chartle.net/
• 點選Creat your own連結。

STEP02

• 選擇上方圖表類型。

 

STEP03

• 於[General]頁面設定相關資料。如圖名稱, 顏色, 寬度,位置等。
• 於[Data]頁面可輸入更細部各欄對應的資料。

 

STEP04

• 按下[Publish, Share, Embed]可填寫圖表說明。
• 按下[Publish]可取得程式碼附貼至您的部落格或網站。

 

網站：http://www.chartle.net

Source: chartle

類似的服務

• 網址： http://www.chartgo.com/index.jsp

 

• 網址：https://cacoo.com/

Cacoo線上圖表製作工具

Cacoo線上圖表製作工具 簡介

Cacoo是一套實用的線上製圖的服務系統，包括sitemap、wireframe、UML及network charts等豐富的圖表製作工具，讓您輕鬆上手。

Cacoo是免費的線上圖表製作工具且支援共同協作功能。

Cacoo的介面有:

• 右邊: 提供許多物件可以讓你選取使用
• 上方: 工具列，可以用來選用製作表格
• 右下角還有對話框，可以作為溝通的視窗

Cacoo的特色

透過網路瀏灠器便捷地製作圖表

• 包括wire frames, mind maps, network charts, 與site maps等，您只需從快取圖案圖庫中「選取」並「拖曳」即可完成，讓您輕鬆上手。

多種多樣的物件

• 提供了便捷的製圖方式及多種多樣的物件，您的設計及思想能立即反映到圖表中。

 

• 提供了便捷的製圖方式及多種多樣的物件，您的設計及思想能立即反映到圖表中。
• 圖表的連線也是多種多樣的。

 

分享圖表

• 圖表可分享至Blog，圖表的修改是即時反映的。
• 圖表可設定為全員編輯，這樣公佈到twitter和Facebook上的圖表Guest都可以編輯。

匯出成PDF和SVG格式

• 圖表可匯出為PDF或SVG等格式。

 

即時互動及交流

• 即時的互動體驗，如同世界各地的人在同一個空間協同工作。
• 可一邊交流設計思想，一邊製作圖表。

網址：https://cacoo.com/

Source: cacoo

類似的服務

• 網站：http://www.chartle.net

• 網址： http://www.chartgo.com/index.jsp