Feed on
Posts
Comments
Email訂閱

This Post is under 軟體開發

更多有關 即學即用 HTML 5 行動裝置開發 的事情

為了發展旅聯網行動版網站買了這本算是參考書的書,因為是在網路商店買的,所以書到了之後才知道是大陸人在2010年完成的,台灣的出版社拿來翻譯。因為我是單純從書的目錄大綱來決定哪一本HTML5書值得買,結果選了這本。

就結果論來說,我們台灣的軟體技術類的書也落後中國一段距離了。因為HTML5已經發展一段時間,而且早就是行動裝置瀏覽器的主流,而台灣所出的HTML5的書大多還停留在如何使用Dreamweaver來建構HTML5網站,而很少論及HTML5所含括的變革。但其實Dreamweaver只是包裝了jquery mobile。

不過看完這本書,可能還是會覺得土法煉鋼打造一個HTML5網站很麻煩。因為這本書主要是在說明HTML5跟以前有哪些不同。所以最後我還是自己去摸索了jquery mobile。幸好jquery mobile跟jquery 本一家,學習jquery mobile並不會太難。以下列出一些jquery mobile學習的網站:
jquery mobile官網
使用 jQuery Mobile 及 ASP.NET 開發跨行動裝置網站 (Mobile Web)
jQuery Mobile: Demos and Documentation

所以是不是去學jquery mobile就不用去了解HTML5呢?並非如此。jquery mobile可以說是用jquery 來打造新一代瀏覽介面的架構,這只是HTML5的subset。所以還是有必要了解HTML5所做的變革。

基本上現在大部分網站不管是不是行動版網頁都看得到HTML5的一些影子,譬如外框轉圓角與陰影,這些原本是根源於APPLE手機的介面規格,因為賈伯斯喜歡圓角。

其他的HTML5重要功能包括:直接播放Video(這也是Apple device不想支援Flash的原因)、拖放、離線web應用程式、Websocket、Webworker、本機資料儲存,以及Geolocation。不過HTML5有些尚未完全標準,並不是所有瀏覽器都支援。

目前在旅聯網實作中用的最多是本機資料儲存與Geolocation。其中本機資料儲存可用來取代cookie。而Geolcation則可以讓行動版網頁也可以讀取行動裝置的地理資訊,這本來只有裝了APP才做得到的事。以下就是旅聯網行動版的旅記地圖畫面,如果你授權這個網頁程式可以取得你的位置,在瀏覽器終將會顯示發生在你的周邊的遊記與景點。

 

留言區