Html5 Web App 手機跨平臺開發

雖 說Android 平臺開發或者Mac os X 平臺開發以及Windows Phone 7平臺開發。開發的程序都只能在各自手機系統上運行,如果實現開發出一種程序,能再以上任何系統上運行,那是多麼美好的事情。而Html5 Mobile Web App就是其中一種跨平臺方法。下面是相關知識的介紹

1.背景
1.背景
1.背景
1.背景
1.背景
1.背景
1.背景
1.背景
1.背景

       HTML5是HTML的最新標準,HTML5的草案已經於2008年發佈,目前W 3 C(萬維網聯盟)正在對此進行進一步完善。對許多人來說,早該進行這種改進了。十多年來,HTML一直沒有進行真正的升級,上一次正式獲得W3C推薦(即Web標準制定過程的最終階段)的標準語言還是2001年的XHTML1.1。此後的這些年,Web開發人員要求升級的呼聲越來越高。因爲HTML和XHTML標準已力不從心,它們以文檔爲中心的理念無法有效地滿足現代Web應用的需要。

2.HTML5
2.HTML5
2.HTML5
2.HTML5
2.HTML5
2.HTML5
2.HTML5
2.HTML5
2.HTML5

2.1什麼是HTML?

HTML(Hypertext Markup Language)是超文本標記語言的英文縮寫,這是一種標記語言,不需要進行編譯,直接由瀏覽器執行。HTML文件是一個文本文件,包含了一些HTML元素、標籤等。目前HTML語言的標準是由 W3C(World Wide Web Consortium)負責制定的。依照規則,無論是何種瀏覽器,對於相同的HTML代碼,應當展現給用戶相同的效果。

2.2什麼是HTML5?

HTML5是下一代Web語言,HTML5是在現在的HTML基礎上提出了許多新的特性,例如嵌入音頻、視頻和圖片的函數、客戶端存 儲數據、交互式文檔等,通過制定如何處理所有HTML元素以及如何從錯誤中恢復的精確規則,HTML5進一步增強了互動性,並有效減少了開發成本,並將引領下一個web實現類似的桌面應用體驗。它的出現消除internet程序對flash,Sliverlight,javaFX等一類瀏覽器插件的依賴。

從感性的角度來看,HTML5技術的渲染過程主要是由瀏覽器、內嵌HTML5解 析器的應用程序 (如PhoneGap)、支持書籤打開方式的應用程序又或者是移動手機產品(iPhone和iPad)進行的。這種技術的好處就是能重用現有的網頁設計。

從理性的角度來看,HTML5 技術就是使用JavaScript引擎直接控制本地功能,改變移動設備上的瀏覽器組件。而HTML5應用上的表現問題更多是由HTML/CSS渲染技術控 制的,而不是由JavaScript解析生成的。如果使用正確,HTML5技術無疑可以給予你大量新增的表現效果

 

2.3HTML5前景

如圖,在2012年,將會由W3C發佈候選推薦版,這個版本的發佈就代表着HTML5的規範編寫已經完成了。而2022年推出的計劃推薦版,則意味着至少會有兩個瀏覽器會完全的支持HTML5的所有特性。2022年聽起來似乎很遙遠,但通過觀察現階段chrome, firefox , safari,IE等瀏覽器對HTML5的支持程度,可以看出各大瀏覽器廠商都非常積極。應該不需要到2022年就會有至少兩個瀏覽器支持HTML5。因此現在關注和討論HTML5,瞭解HTML5的新特性,爲以後的產品規劃並非毫無意義。

2.4HTML5的產品與應用

Google的GMail郵箱

3. 移動Html5 Web App
3. 移動Html5 Web App
3. 移動Html5 Web App
3. 移動Html5 Web App
3. 移動Html5 Web App
3. 移動Html5 Web App
3. 移動Html5 Web App
3. 移動Html5 Web App
3. 移動Html5 Web App

3.1移動Web App

       手機上網已經成爲最重要的上網方式之一,手機網民已達3億。移動互聯網時代已經開啓,發展勢頭迅猛,成爲互聯網行業的新戰場。 而且手機上網在用戶生活中所佔的比例越來越多。

       Android和iOS手機的興起,加速了HTML5在移動設備的普及。與桌面瀏覽器不同的是,移動操作系統和瀏覽器隨着手機的換代而不斷升級。移動瀏覽器的不斷升級,給HTML5在移動Web方向的發展提供源源不斷的動力。也隨着設備性能的不斷提高,移動Web應用的能力也漸漸逼近客戶端應用。

       隨着蘋果宣佈不支持Flash,支持Html5,以及微軟下一代系統全面支持Html5,以及剛剛得到消息office15 將支持Html5/JavaScript開發,我們可以預見Html5將帶來一場革命風暴,而它的地位是顯而易見的。

可以從上面調查中可以看到,多個手機操作系統同時存在,而且這個數據是2010年,現在估計未來購買的話,Android還是佔主導,蘋果和Windows Phone 7應該是未來三大主導。這個趨勢應該是一個長期的過程,所以開發出的應用程序能跨越平臺也是越來越重要了。

那麼通過瀏覽器指定通用的規則,只要支持這個規則的瀏覽器都可以使用,這個就是Html5 Web App.只要手機瀏覽器支持Html5瀏覽器,那麼Web App就可以運行了。

3.2開發HTML5 Web App

       目前,可以知道HTML5在PC上的應用纔剛剛開始興起,可以說在移動中的應用更是開始起步,國內外在這方面開發與應用都是非常少的,可以用稀少來形容。而HTML5 Web App開發這方面資源也少的可憐,現在開發一般使用兩種框架PhoneGap與Sencha Touch。

       PhoneGap是一款開源的手機應用開發平臺,它僅僅只用HTML和JavaScript語言就可以製作出能在多個移動設備上運行的應用。PhoneGap將移動設備本身提供的複雜的API進行了抽象和簡化,提供了一系列豐富的API供開發者調用,只要你會HTML和Javascript或者Java語言,就可以利用PhoneGap提供的API去調用各種功能,PhoneGap就能讓你可以製作出在各種手機平臺上運行的應用。PhoneGap已實現對iPhone/ipad、Android、Symbian,Palm、黑莓各版本絕大部分功能的支持。

       Sencha Touch框架是世界上第一個基於HTML5的Mobile App框架。Sencha是目前爲止所發現的最強大的應用於移動平臺的框架。相信隨着Sencha的出現,移動平臺的Web App用戶體驗設計會得到提升,同時也會對HTML5和CSS3在移動平臺上的普及推廣產生很大的促進作用。可以預見,隨着HTML5愈加強大的功能,未 來的移動應用將會逐漸步入Web App時代,Native App會逐漸走向終結。


4.總結
4.總結
4.總結
4.總結
4.總結
4.總結
4.總結
4.總結
4.總結

       可以確信兩點:Html5的未來是光明的,它勢必將引領IT屆的一場變革。隨着移動應用在人類生活文明中的地位越來越高預計將超過PC機,跨平臺的Html5 Web App勢必將是領頭軍。現在纔是一個啓蒙階段,我們有必要在這方面做好相關的準備與研究。

雖 說Android 平臺開發或者Mac os X 平臺開發以及Windows Phone 7平臺開發。開發的程序都只能在各自手機系統上運行,如果實現開發出一種程序,能再以上任何系統上運行,那是多麼美好的事情。而Html5 Mobile Web App就是其中一種跨平臺方法。下面是相關知識的介紹

1.背景
1.背景
1.背景
1.背景
1.背景
1.背景
1.背景
1.背景
1.背景

       HTML5是HTML的最新標準,HTML5的草案已經於2008年發佈,目前W 3 C(萬維網聯盟)正在對此進行進一步完善。對許多人來說,早該進行這種改進了。十多年來,HTML一直沒有進行真正的升級,上一次正式獲得W3C推薦(即Web標準制定過程的最終階段)的標準語言還是2001年的XHTML1.1。此後的這些年,Web開發人員要求升級的呼聲越來越高。因爲HTML和XHTML標準已力不從心,它們以文檔爲中心的理念無法有效地滿足現代Web應用的需要。

 

2.HTML5
2.HTML5
2.HTML5
2.HTML5
2.HTML5
2.HTML5
2.HTML5
2.HTML5
2.HTML5

2.1什麼是HTML?

HTML(Hypertext Markup Language)是超文本標記語言的英文縮寫,這是一種標記語言,不需要進行編譯,直接由瀏覽器執行。HTML文件是一個文本文件,包含了一些HTML元素、標籤等。目前HTML語言的標準是由 W3C(World Wide Web Consortium)負責制定的。依照規則,無論是何種瀏覽器,對於相同的HTML代碼,應當展現給用戶相同的效果。

2.2什麼是HTML5?

HTML5是下一代Web語言,HTML5是在現在的HTML基礎上提出了許多新的特性,例如嵌入音頻、視頻和圖片的函數、客戶端存 儲數據、交互式文檔等,通過制定如何處理所有HTML元素以及如何從錯誤中恢復的精確規則,HTML5進一步增強了互動性,並有效減少了開發成本,並將引領下一個web實現類似的桌面應用體驗。它的出現消除internet程序對flash,Sliverlight,javaFX等一類瀏覽器插件的依賴。

從感性的角度來看,HTML5技術的渲染過程主要是由瀏覽器、內嵌HTML5解 析器的應用程序 (如PhoneGap)、支持書籤打開方式的應用程序又或者是移動手機產品(iPhone和iPad)進行的。這種技術的好處就是能重用現有的網頁設計。

從理性的角度來看,HTML5 技術就是使用JavaScript引擎直接控制本地功能,改變移動設備上的瀏覽器組件。而HTML5應用上的表現問題更多是由HTML/CSS渲染技術控 制的,而不是由JavaScript解析生成的。如果使用正確,HTML5技術無疑可以給予你大量新增的表現效果

 

 

2.3HTML5前景

如圖,在2012年,將會由W3C發佈候選推薦版,這個版本的發佈就代表着HTML5的規範編寫已經完成了。而2022年推出的計劃推薦版,則意味着至少會有兩個瀏覽器會完全的支持HTML5的所有特性。2022年聽起來似乎很遙遠,但通過觀察現階段chrome, firefox , safari,IE等瀏覽器對HTML5的支持程度,可以看出各大瀏覽器廠商都非常積極。應該不需要到2022年就會有至少兩個瀏覽器支持HTML5。因此現在關注和討論HTML5,瞭解HTML5的新特性,爲以後的產品規劃並非毫無意義。

2.4HTML5的產品與應用

Google的GMail郵箱

3. 移動Html5 Web App
3. 移動Html5 Web App
3. 移動Html5 Web App
3. 移動Html5 Web App
3. 移動Html5 Web App
3. 移動Html5 Web App
3. 移動Html5 Web App
3. 移動Html5 Web App
3. 移動Html5 Web App

3.1移動Web App

       手機上網已經成爲最重要的上網方式之一,手機網民已達3億。移動互聯網時代已經開啓,發展勢頭迅猛,成爲互聯網行業的新戰場。 而且手機上網在用戶生活中所佔的比例越來越多。

 

       Android和iOS手機的興起,加速了HTML5在移動設備的普及。與桌面瀏覽器不同的是,移動操作系統和瀏覽器隨着手機的換代而不斷升級。移動瀏覽器的不斷升級,給HTML5在移動Web方向的發展提供源源不斷的動力。也隨着設備性能的不斷提高,移動Web應用的能力也漸漸逼近客戶端應用。

       隨着蘋果宣佈不支持Flash,支持Html5,以及微軟下一代系統全面支持Html5,以及剛剛得到消息office15 將支持Html5/JavaScript開發,我們可以預見Html5將帶來一場革命風暴,而它的地位是顯而易見的。

可以從上面調查中可以看到,多個手機操作系統同時存在,而且這個數據是2010年,現在估計未來購買的話,Android還是佔主導,蘋果和Windows Phone 7應該是未來三大主導。這個趨勢應該是一個長期的過程,所以開發出的應用程序能跨越平臺也是越來越重要了。

那麼通過瀏覽器指定通用的規則,只要支持這個規則的瀏覽器都可以使用,這個就是Html5 Web App.只要手機瀏覽器支持Html5瀏覽器,那麼Web App就可以運行了。

3.2開發HTML5 Web App

       目前,可以知道HTML5在PC上的應用纔剛剛開始興起,可以說在移動中的應用更是開始起步,國內外在這方面開發與應用都是非常少的,可以用稀少來形容。而HTML5 Web App開發這方面資源也少的可憐,現在開發一般使用兩種框架PhoneGap與Sencha Touch。

       PhoneGap是一款開源的手機應用開發平臺,它僅僅只用HTML和JavaScript語言就可以製作出能在多個移動設備上運行的應用。PhoneGap將移動設備本身提供的複雜的API進行了抽象和簡化,提供了一系列豐富的API供開發者調用,只要你會HTML和Javascript或者Java語言,就可以利用PhoneGap提供的API去調用各種功能,PhoneGap就能讓你可以製作出在各種手機平臺上運行的應用。PhoneGap已實現對iPhone/ipad、Android、Symbian,Palm、黑莓各版本絕大部分功能的支持。

       Sencha Touch框架是世界上第一個基於HTML5的Mobile App框架。Sencha是目前爲止所發現的最強大的應用於移動平臺的框架。相信隨着Sencha的出現,移動平臺的Web App用戶體驗設計會得到提升,同時也會對HTML5和CSS3在移動平臺上的普及推廣產生很大的促進作用。可以預見,隨着HTML5愈加強大的功能,未 來的移動應用將會逐漸步入Web App時代,Native App會逐漸走向終結。

 

4.總結
4.總結
4.總結
4.總結
4.總結
4.總結
4.總結
4.總結
4.總結

       可以確信兩點:Html5的未來是光明的,它勢必將引領IT屆的一場變革。隨着移動應用在人類生活文明中的地位越來越高預計將超過PC機,跨平臺的Html5 Web App勢必將是領頭軍。現在纔是一個啓蒙階段,我們有必要在這方面做好相關的準備與研究。


轉載於:Html5 Web App 手機跨平臺開發

發佈了163 篇原創文章 · 獲贊 62 · 訪問量 63萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章