iT邦幫忙

DAY 9
0

練習如何去開發一個通訊軟體 Boo it!系列 第 9

Day – 9 HTML5 簡介

HTML 大家對他的解讀是用來寫網頁的一種格式同時也是一種標準。(HyperText Markup Language),簡單來說,各不同瀏覽器需要去觀看一份文件,就必須制定一個共同的語言標準,讓大家來看懂同一份文件,因此HTML標準的制定就這樣誕生。

HTML5 是新版本的HTML。標準仍然在制定之中。結合JavaScript以及CSS的特色。使他逐漸強大起來,並且號稱可以擊敗Flash的殺手級應用。(在這裡Justinsanity使用的Firefox瀏覽器觀看Youtube常常容易發生flash使得瀏覽器當掉無法使用,不妨可以切到HTML5來使用,現在已經有很多影片與音樂都支援HTML5的播放了)。

HTML5的改進,也使得他多了很多方便的工具以及用法來幫助我們開發應用程式,不管是網頁程式、或者Apps.,都是相當好用的開發工具。比起原生的Android以及Iphone apps.,開發難度算是相對地容易。簡單說起來,你只要會寫網頁,就會開發HTML5 Apps.。當然由於是 HTML5語法,只要有支援的瀏覽器,皆可以使用,進而達到跨平台的效果。也不用顧慮那麼多限制了! 只是HTML5仍在制定標準,拿來開發智慧型手機、平板Apps.也較無法使用該裝置的原生硬體及功能,這算是比較可惜的地方。當然! 以後會愈來愈成熟,也會使得開發人員更簡單地去開發網頁應用程式以及Apps.

2012, Smart phone 、tablet競爭,群雄爭鬥,伴隨著HTML5的崛起,Firefox OS,一個基於Linux核心的open source 作業系統,提供如一般智慧型手機、平板的功能,Apps都是以HTML5、JavaScript去直接與手機硬體溝通。當然,這也顯得HTML5的強大之處。

Justinsanity有玩過Firefox OS平板,除了相機功能不怎麼完善以外,其實真的用起來感覺不錯呢!

以下是Firefox OS的模擬器畫面。

畫面中小圈圈Apps都是以HTML5 與JavaScript等一些共同標準寫出來的呢!

HTML5比起上一版本的HTML,多了許多功能,如:

Canvas : 畫布設定,對於Flash無疑是一個很強勁的對手。可以拿來製作繪圖、算圖以及遊戲應用。

Audio、Vedio : 比起以前更容易去鑲嵌音訊以及影音檔案。

Storage : 更容易、方便的儲存空間,建立在client端,如sessionStoage 、localStorage.

Communication : HTML以往給人的印象是stateless 的協定,但是透過websocket 以及與server的搭配,可以達到stateful的功能。當然這對於現今Web 技術是相當大的改進。

Offline : 離線功能

除上述以外,還有很多的API、標籤可以使用,也簡化了語法,使得可以做的事情更多,程式碼也變少了。

HTML5的語法使用很簡單,只要在開頭加入

瀏覽器解譯起來就會讀取成一份HTML5文件。

在我們開發Boo-it就是利用HTML5 還有JavaScript幫助我們來開發Client端,透過他新的儲存功能以及Websocket來幫助我們進行訊息的溝通功能。

當然我們的最終目的就是將其部屬在各平台都可以運行。

後面章節則會介紹我們如何使用HTML5 的Communication API 以及 Storage 應用。


上一篇
Day8 – Let's smoking "Sinatra" 一個輕量的網頁框架
下一篇
Day10 - App 與 Web 世界的明日之星 JavaScript
系列文
練習如何去開發一個通訊軟體 Boo it!30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言