iGarden – NSS ICT Education Blog

經過大半年的報導，HTML5^W似乎已經成為互聯網^W技術的常用名詞，在Google^W的支持以及開發者們的熱情追捧下，HTML5^W似乎已經成為了解決網站開發中任何問題的良藥。無論新高中ICT的課程的中學資訊及通訊科技科常用英漢及漢英辭彙是否包含這詞，同學們亦要認識它。

W3C^W（World-Wide Web Consortium，萬維網聯盟）在今年一月發表了HTML5^W的官方新Logo，並對這的網絡開發技術做出了新的解釋：

HTML5的八大技術特點：

[資料來源：cnbeta]

1. 語義學

作為HTML5的前端和中心，語義學能夠賦予框架結構以意義。更詳盡的標簽組合以及資源描述框架，微型數據和微型格式將為你和你的用戶打造一套數據驅動的網絡。

2. 本機存儲

在應用緩存，本機存儲，索引數據庫和文件應用程序接口的幫助下，HTML5應用甚至能在沒有網絡連接的情況下工作。

3. 設備訪問

地理定位只是一個開始，HTML5能夠讓應用程序訪問連結到你電腦上的任何設備。

4. 連結性

更有效率的連結性將能帶來更實時的聊天，更快的游戲速度以及更好的溝通交流。服務器與客戶端之間的網絡套接字和郵件攝像頭將比以往更加便捷。

5. 多媒體

音頻和視頻可是HTML5世界的一等公民，他們將與你的應用程序和網站和睦共處。燈光，攝影，開始!

6. 平面和三維效果

在SVG, Canvas, WebGL和CSS3 3D效果這些特性之間，你一定能找到讓你的用戶眼花繚亂，美不勝收的創意。

7. 性能和集成

使你的應用程序和網絡在大量諸如Web Workers和XML HttpRequest 2這樣的技術下更加快速。沒有人願意停下了等你跟進的。

8. CSS3

在不犧牲你的講義結構和性能的情況下，CSS3提供了大量的樣式效果和加強你的網絡應用。另外WOFF(Web Open Font Format)提供了前所未有的印刷靈活性控制。

新高中ICT的課程被人詬病的是沒有指定的HTML^W標籤，所以嚴格來講2012的考卷可以考HTML5^W的標籤，不要驚慌，只要我們與時並進，HTML5^W並不是不能克服，早前園丁已介紹圖解及簡介，不如今次講歷史吧，同學亦可藉此重溫HTML^W的標準是如何制定吧！

什麼是 HTML 5？

來源:  http://www.ithome.com.tw/itadm/article.php?c=60266

HTML 5 (HyperText Markup Language 5)是W3C^W協會推出的最新網頁格式標準，大幅增加多項網頁元素和控制器，強化對網頁應用的支援，如支援影音播放的Video標籤，繪圖專用的Canvas^W標籤等，已於2008年釋出草案，預定2010年完成功能制定。

Read the rest of this entry »

普遍學生對HTML5^W的了解，是蘋果公司^W喬布斯^W轟走Adobe Flash^W的網頁技術，最容易見到的例子是HTML5版的Youtube^W，課堂中介紹得太簡單，學生亦會以為它只是另一個影音插件。

園丁在外國的tweets中見到一個介紹HTML5^W的演示，本身亦是以HTML5^W作格式的，蠻有意思：

老師可在課堂中示範HTML5^W的威力。

我們的學生自少便被誤導「PowerPoint即是演示」，他們以為演示只是隨便複製一堆文字和插入一些罐頭clipart便成，但這幾年來Steve Jobs等科技猛人示範了何謂多媒體演示，以下就是一個頗全面的介紹：

新一代網頁標準HTML 5^W，成為網絡熱談，因為它不是一個品牌像Adobe Flash^W，ICT或夕陽CA可以在考卷直接引用”HTML 5^W“，現時仍未有任何教科書（包括長人出版社）提及這概念，故此園丁想在此列出HTML5的pros and cons（相對流行的動畫^W軟件 Adobe Flash^W）：

特首強勢推超錯起錨政改，園丁則近日向學生和教育同工推介演示工具 Prezi，初中學生已經可以駕馭，很欣賞有一位中三學生胡同學，只是聽了我半堂的示範，便學以致用，用了一星期的課餘時間，利用Prezi製作了一個十分出色中文科的演示《中國文字的字形演變和由來》：

1. Prezi的好處是將概念圖^W(concept map^W)和演示二合為一，學生能掌握演示內容的整幅圖畫(whole picture)，對學習十分有益；
2. 只要開始便選擇中文範本，整體對中文支援比想像中好；
3. 只要在文字區貼上YouTube^W的超連結，便會變成YouTube播放物件，一樣可以旋轉及放大，暫不支援內地同類網站；
4. 除了圖檔，可上載pdf, swf, flv檔案；
5. 不要由零開始，只要在Showcase中選擇”Reuse Prezi”，便可複製副本在自己空間，開啟便可編輯。

以下是園丁最近推介的工具 Prezi，在美國很多學生已經使用。

我翻譯了一個英文的演示作示範：

1. 登記時可用學校電郵申請教育戶口(500MB)，否則免費版100MB；
2. 基本上不支援中文，除非選擇中文的範本；
3. 可下載離線版作演示之用。

園丁的中二學生也可上手，可試試吧，一起踢走掌聲爆樽聲的PowerPoint吧！

更多示範推介：
Read the rest of this entry »

常常有同事及學生人問園丁，如何從 YouTube^W視頻嵌入（不是連結）在PowerPoint^W投影片，我google了良久但竟然找不到，唉，唯有自己出手啦！

好，讓我們開始（以下短片是園丁試用ScreenToaster親自示範，在此鳴謝Erwin 的好介紹，聲音沙沙地 …包涵）！

1. 在YouTube的影片中複製出連結，例如 http://www.youtube.com/watch?v=BA7fdSkp8ds（園丁選了Nobody……）
2. 將http://www.youtube.com/watch?v=BA7fdSkp8ds改為http://www.youtube.com/v/BA7fdSkp8ds
3. 到達PowerPoint希望在YouTube剪輯播放的投影片，確保你可以看到’控制工具箱’工具欄。
4. 選擇’錘 /扳手’看圖標，然後從菜單列表，選擇’”Shockwave Flash Object”。
5. 然後拖動十字成一個正方形區域中想要顯示的視頻，會見到一個白盒子上的對角線。
6. 鼠標右點擊此框，然後選擇’屬性’。
7. 在Movie的空格貼上您的YouTube網址剪輯（確保是http://www.youtube.com/v/BA7fdSkp8ds）。
8. 現在，你需要做的就是測試它。
9. 這應是一個很好的YouTube嵌入播放器！

最後，園丁已上載我的測試的PPT文件給你參考，開啟embedyoutube2ppt.ppt並按F5鍵，以進入PowerPoint演示模式試驗和修改。

Augmented Reality^W（港譯：增強實境；台譯：擴增實境）成為網絡的熱點，被著名ICT評論網站ReadWriteWeb封為2009年5大網絡趨勢之一，園丁更驚喜地發覺本地有風水^W師（不是懂按摩的那種），巧妙地將iPhone^W 、AR^W、風水^W融合。

Read the rest of this entry »