如何利用HTML5構建一個基本的Web作業系統

然而目前的 Web 作業系統前端大多基於 Flex、Silverlight、ActiveX 外掛程式等技術開發，存在著對行動裝置的支援性差，終端安全性差，開發難度大等缺點。

HTML5 是下一代 web 語言的標準，具有相容性好，安全性高，功能豐富，開發便捷等優點，特別適合如 Web 作業系統一類的富用戶端互聯網應用的前端開發。 本文將展示如何利用 HTML5 提供的多種新技術如：本機資料庫、多執行緒開發、視頻支援、離線程式設計等構建一個基本的 Web 作業系統。

傳統的作業系統有著一些難以克服的缺點，如僅能在本地終端訪問，或僅支援有限的遠端存取，限於本地終端的資源，計算能力薄弱，存儲空間有限，缺乏強大的防火牆等一系列安全機制，安全性較差。 鑒於以上缺點，Web 作業系統應運而生 - Web 作業系統是一種基於瀏覽器的虛擬的作業系統，使用者通過瀏覽器可以在其中進行應用程式的操作，以及相關資料的存儲。 Web 作業系統提供的基本服務有文字文件的創建與存儲，音訊視頻檔的播放與存儲，提供對時間資訊的支援等，更高級的服務則包含即時通信，郵件甚至遊戲等服務。 Web 作業系統克服了傳統作業系統的缺點，在網路的支援下，它可以在任何時間，任何地點經由任何支援 Web 的終端進行訪問，可以利用伺服器端無限的計算及存儲資源，使用者資料保存在伺服器端，安全性較高。

相關技術

目前構建 Web 作業系統的前端技術主要有 Flex、Silverlight、ActiveX 外掛程式等等，它們各有一些優缺點。

Flex

Flex 是一個優秀的富用戶端應用框架，專注于頁面顯示，Adobe 專業維護，統一穩定，而且其指令碼語言 ActionScript3 是物件導向的，非常適合程式師使用。 缺點則是耗能高，佔用頻寬多，對移動應用的支援性差。

Silverlight

Silverlight 是由微軟推出的用以跟 Flash 抗衡的 RIA（富互聯網應用）解決方案，優點是具備硬體級的加速功能，但它目前仍不成熟，對非 Windows 系統的支援性並不夠好，且學習難度較大。

ActiveX 外掛程式

ActiveX 外掛程式同樣是微軟推出的 RIA 解決方案，它是一個開放的解決方案，可以相容多種語言，不過它的缺點也是顯而易見的，使用者需要調整瀏覽器的安全等級並下載外掛程式才能運行 RIA 應用，極大地降低了安全性。

HTML5

為推動 web 標準化運動的發展，W3C 推出了下一代 HTML 的標準 - HTML5，為眾多的公司所支援，因此具有良好的前景。 它有以下特點：首先，為增強使用者體驗，強化了 web 網頁的表現性能；其次，為適應 RIA 應用的發展，追加了本機資料庫等 web 應用的功能；再次，由於高度標準化以及諸多瀏覽器廠商的大力支援，它的相容性和安全性非常高 ；最後它是一種簡潔的語言，容易為廣大開發者掌握。 更為難得的是，由於節能和功耗低，在行動裝置上 HTML5 將具有更大的優勢。 因此更適合如 Web 作業系統一類的 RIA 應用的前端開發。

系統簡介

本系統基於 HTML5 開發，利用 HTML5 引入的多種新技術如拖拽 API、視頻標籤、本機資料庫、draw API、多執行緒開發、離線程式設計等提供了一個基本的 Web 作業系統環境，包含了對桌面的支援、應用程式的支援， 提供了一個簡單的視頻播放機和記事本以及一個時鐘，並對系統日誌進行了記錄，此外還提供了對離線狀態的支援。