建構跨平台(iPad / PC)影音教學網

關於影音教學網，我們之前都是使用Powercam進行錄製，使用上十分方便，但有一些問題：

1. 直接錄製完產生的檔案，只能在IE瀏覽器觀看。可以轉成Flash進行跨平台，但是也無法在iPad上使用。
2. 檔案有時會出現毀損狀況，看一半會當機或無法順利開啓。

前陣子看了重灌狂人介紹的Screencast-O-Matic 螢幕錄影工具，可將影片做成 GIF 動畫！，這個工具有幾個好處：

1. 可以任意決定螢幕錄製的尺寸
2. 有多種輸出格式可以選擇

為了完整體驗Screencast-O-Matic的功能，所以決定付費成為Pro會員，US$12/year，台幣三百多。

成為付費會員後，主要的差別是：

1. 錄影長度無限制
2. 錄影畫面不會出現Screen-O-Matic的字樣
3. 可以錄製Step-By-Step影片，可以輸入一段文字，錄下語音，然後再錄製操作步驟，適合用於教別人系統設定操作或是障礙排除的步驟
4. 成為付費會員後，可以下載螢幕錄製程式，會在開機時啓動，隨時可進行錄影

使用Screen-O-Matic對我來說最大的好處，是能夠控制錄製螢幕大小以及輸出成MP4格式。但是實際在使用時，常常發生編碼錯誤的狀況。

已經回報給Screen-O-Matic，目前的解決方案是，輸出到Google Docs，再從Google Docs下載，即為MP4格式。

原廠已回覆！原來是儲存路徑的問題，如發生無法存檔時，可能是儲存路徑中有中文，導致錯誤，請換一個地方進行儲存。

其實Screen-O-Matic也提供了錄影檔上傳的平台，但是這個平台播放時會使用到Java，在一般桌面端觀看皆可，但是iPad沒有支援Java，無法觀看。



http://www.screencast-o-matic.com/channels/clVw1KVHI

為了能在iPad上也可以觀看，所以決定轉換成MP4格式之後，再放到網站上。但是錄下來的錄影檔一個一個的，並沒有組織架構，我們利用Moodle架設數位學習網之後，再加入Yui Menu來製作架構：

有了架構之後，再利用HTML5的語法，來加入MP4檔案：

<video src="movie.mp4"  width="320" height="240" controls="controls">
Your browser does not support the video tag.
</video>

用iPad可以正常觀看了，但是使用桌面端的Firefox卻看不到畫面。

原因出在於目前HTML5在各家瀏覽器支援的影片格式：

 所以只好再將MPEG4的影片轉檔成WebM格式，使用的工具是 Miro Video Converter，使用上非常方便，只要將檔案拖曳進去，然後選擇輸出的格式就可以了！

 然後再修改HTML5的語法

<video width="320" height="240" controls="controls">
  <source src="movie.mp4" type="video/mp4" />
  <source src="movie.webm" type="video/webm" />
  Your browser does not support the video tag.
</video> 

終於製作出 iPad / Firefox / Chrome / Safari 都可以順利觀看的影音教學網

http://mobiledev.tw/course/view.php?id=17

IDEAS Show&Expo 側記

今天花了一天的時間參觀IDEAS SHOW&EXPO，發現台灣新創的網路服務公司還真多，而且都具備多平台的開發技術，此次共有21隻團隊參賽，稍微介紹一下：

1.EZTABLE：AppWorks第一屆的團隊，這一次主要demo與Facebook的結合，可以直接在各餐廳的粉絲頁進行訂位以及邀請朋友，手機app也可以查詢餐廳訂位的資訊。
http://www.eztable.com.tw/

2.Patisco：雲端應用服務，建立完善的客戶關係管理系統。網站首頁的Flash很可愛哦。
http://www.patisco.com/

3.Now.in：網路廣播平台，在此平台上每個人可以建立一個廣播頻道，提供聊天室服務，此類型網站其實多年前就有看過了，之前的還可以跟主持人call in聊天，不過Now.in多了可以在iPhone與Android平台上收聽，這個是當年沒有的。
http://now.in/tw/list/

4.樂世界：提供個人唱片發行平台，並已與kkbox,ezpeer合作，可在iPhone,Android平台使用
http://www.musicworld.com.tw/

5.來嘛通：網站訪客分析，並主動出擊與網站瀏覽者即時通訊，充分記錄瀏覽者各項資訊，不過看了這個Demo之後，這個網站應該大家都不太敢去吧@@
http://www.lyma-tech.com/

6.活動通：使用QRCode進行票卷製作與驗證，結合簡訊、郵件寄送票卷，並建構平台供活動業主使用。本次IDEAS SHOW的報到即是使用活動通。
http://accupass.com/

7.Pubu書城：提供電子書平台，使用者可利用此平台出版、閱讀電子書，強調各平台均可使用。
http://www.pubu.com.tw/

8.Gumhoo：分享購物資訊給朋友，朋友收到訊息可以給你正面或負面的建議，具獨立平台，並可即時Push訊息給朋友。發表者的台風穩健，節奏適當，唯一在六分鐘內讓我留下深刻印象的團隊。
http://www.gumhoo.com.tw/


9.竹貓Facebook shop：使用Facebook Web應用程式進行購物，畫面看起來較為陽春。
http://phpbb-tw.net/phpbb/


10.FunMall：比價網，在此平台可搜尋到多購物網站的售價。

11.Pinkoi：專注於設計商品的網路交易平台。
http://www.pinkoi.com/

12.投注站online：提供代購彩卷的服務，並有幸運評測系統，結合人工智慧與使用者投注資料統計，運算出中獎機率最高的號碼，所以在這個網站上一直中獎的人，是會被系統盯上的哦。
http://www.lottoshop.com.tw/


13.英雄部落：網站世界中的Game Center，提供一平台可結交熱門遊戲上認識的朋友。
http://heroxhero.com/


14.FreePP ConCall：手機雲端多人會議通話系統，非使用VOIP。
http://www.freepp.com/


15.Go!Look：行動會員卡，不過不知是否因現場網路太慢，一直無法順利操作
http://www.golook.tw/

16.HiGGS：QRCode服務平台，可管理QRCode的Link。

17.iSpark：iPad電子童書平台，今年的AppWorks的投資標的之一。

18.VideOhya：Youtube教學精選，今年的AppWorks團隊之一。

19.Pippo：小方塊名片交換硬體平台，開發中。

20.商務無縫閱讀服務：可同步播放簡報、顯示主講者簡報標示，不過這個…Google Docs的Presentation好像就做得到了耶XD

21.18度C巧克力情人電子公仔：情侶各拿一個公仔，可傳送訊息給對方，會顯示不同的燈號，有點像前陣子看到的MSN機器人，不過公仔要接USB線至電腦，那..我都在電腦旁了，看電腦的MSN好像比較快.....不知未來是否會變成無線版，放在床頭變成訊息通知器可能會更有趣一些。


縱觀這一次的IDEAS Show，可以發現一些有趣的共通點：
1.大家都在建平台：平台似乎變成新世代網路的唯一謀生通道，只有建立了自己的平台才有機會掌握使用者、提供特定服務、向業者談合作。
2.使用者多平台支援：不論你用的是PC、iPad、iPhone還是Android，只要你願意來，我都要服務你！


前陣子也去了AppWorks的Demo day，我想這兩個活動不免會被拿來比較，有趣的是，AppWorks的團隊大都以商業模式為主，且多為電子商務網站服務，很少在做App；而IDEAS Show以Web2.0起家，但展出團隊大都不只有網站，反而以App多平台服務為特色！

在Demo time之前，早上IDEAS Show還邀請了一位日本演講者，以及幾位高層進行對談，其中裡面提到了幾件有趣的事情，我感覺這些高層其實並沒有做很完整的準備要說甚麼，但是說出來的言論都十分中肯，其中來自大陸的代表提到，大陸的市場以及使用者經驗與台灣、新加坡等亞洲其他地區截然不同，如果沒有在地的資金注入以及在地的合作業者，很難在大陸市場存活。而尤以經營平台特別艱難，一來大陸的在地公司資金雄厚，一出手規模可能就比台灣的大非常多，另外平台經營是兵家必爭之地，勢必會面臨與各界龍頭業者競爭，沒有一定的資金與長期奮戰的準備，很容易就消失了。

這些活動也一再地驗證了這一波IT產業的大趨勢：雲的平台服務與端的行動載具之結合。而從這些新創團隊中也可以看見，不論是雲端服務還是行動開發，只要願意投入，這些技術都不是遙不可及的，雖然公司只有10人以下的規模，也能夠經營平台服務。


也許只是靈光一閃的點子，也許只是年輕人不怕冒險的一時堅持

五年後這些新創團隊還在不在沒有人有把握，但是可以看見的是

台灣的軟實力正在茁壯，走過這一趟都是值得的

不論最後到底是誰真的抓到了致勝的關鍵

[歡迎參加]6/16 10:00資策會行動開發養成班成果發表會

歡迎參加！！5隻最夯的全新創作APP發表！！！

III Mobile APP SOHO Developer's Demo Day
資策會行動開發SOHO養成班第一期成果發表
http://www.facebook.com/event.php?eid=229346963742823

歷經四個月的時間，同學們學習了Web、iOS、Android、Cloud Service，並將所學整合應用，開發出自己的App，其中兩個作品已上架！

歡迎你一起來體驗！

6/16 (四) 10:00 ~ 12:00


1.Picture Beat (榮登App Store 音樂類 New & Noteworthy)
http://itunes.apple.com/us/app/picture-beat/id440480582?mt=8

Picture Beat is a simple drum kit that shows image while a drum pad is tapped.You can easily customize the drum sound with your own recording voice,and change image with picture from your photo library or camera.

http://appsgaga.com/

http://www.youtube.com/watch?v=DqZzdgNdNSc

2.Happy Off

下班前，不慌張；
下班後，安排妥妥當當；
即使主管刁難也能應付裕如地快樂下班去！


3.iSurvive

What's the iSurvive ? iSurvive = I Survive + IPhone Survive

I Survive(Survival tool) -----
It included of 4 functions: Flashlight, Alarm, Call, and Location.

Flashlight : strobe mode & bright mode
Alarm : it will make the high decibel whistle sound to cause other people's attention.
Call : It will dial the emergency call directly.
Location : You can publish your location by using Facebook & E-MAIL directly. Let your friends help you immediately.

IPhone Survive(Security function) -----
Protect your iphone ! if anyone wants to steal your iphone, it will make high volume alarm sound and show the warning picture. This situation will frighten the burglar away. Well, it will decrease the stealing rate of your iphone effectively.

4.Flash Match (Amazon EC2 Server Ready!)

Check out the latest events, meet up with new friends and chat instantly to people nearby you. Have fun to find someone you just chat with in the nearby Starbucks to spend a Friday night with you. Start a party now and invite new friends nearby! Go Flash Match!

5.Baby's Black And White Book (中、英、日版本)
http://itunes.apple.com/us/app/babys-black-and-white-book/id431509691?mt=8

■About this App
Baby’s Black & White Book App is designed for newborn baby to recognize the shapes of the world, and try to help them to develop their sense of sight when enjoy this App .

■Features
◇There are four themes (Geometry shape, Fruits and vegetables, Transportation, and Animals) with all 40 pieces.
◇All contents with Japanese, Chinese and English pronunciation, and you can record your own voice for baby to listen.
◇Portable on your iPhone/iPod touch/iPad and you can enjoy it with your baby every time everywhere.
◇It is E-Book for baby and there is no tree downed for your baby.
◇This App will update and add more contents on schedule.