對現場監工人員而言，進行現場工程施工品質管理作業，要取得公司內部最新整合式資訊，仍然相當費時且不便。而且以傳統紙本傳遞之方式，往往會有資源無法共享、訊息傳遞速度慢、上下溝通不易等問題。 

智慧型手機功能越來越增強，使用者也越來越普遍，使用手機App的功能進行工作平台的開發，建置上無需另購置軟硬體成本。如果在手機上建置一個營建工地管理系統，並搭配資料彙整與作業管理的雲端服務協作平台，可用來輔助現場監工人員快速查詢、儲存、下載，公司各部門所需營建工地管理的資訊。 

經由網際網路的資訊分享，可有效提高工地管理效率，使資訊溝通及資料彙整更加快速，因而帶動整體工程品質及績效的提昇。

智慧型手機從2006年開始，每年都以倍增的速度大幅度成長，取而代之的一般桌用型電腦及筆記型電腦出貨量則數量銳減，在功能性及時空概念的界限被智慧型手機打破的同時，也顯出作業系統在這個產業革命中的重要性，目前市面上的智慧型手機之作業系統有Apple的iOS、Google的Android、Nokia的Symbian、Microsoft的Windows、Blackberry的RIM等等…在功能型手機時代，消費者選擇手機時著重的大多是手機本身所附有的功能，智慧型手機時代，選擇作業系統則成為消費者考慮的重點，原因在每支手機所搭載的作業系統都不同，而每個作業系統的操作模式及功能也有很大的差異，作業系統所提供的應用程式都略有不同，其中Apple的iOS及Google的Android是目前市面上市占率最高的兩大智慧型手機的作業系統，也是目前最受歡迎的智慧型手機。

如果想同時開發網頁應用程式及原生APP，目前有三種主要工具: Unity，一個專業的遊戲開發引擎，並且開發效果最接近原生APP，能維持高性能。相對而言，也要付出較高的學習成本。Xamarin，基於Mono專案的開發套件，並且在價格上特別實惠(尤其對.NET開發者而言)。可以直接透過微軟的 Visual Studio及C#開發各種跨平台App。Cordova，能直接使用HTML/CSS/Javascript來開發跨平台APP，如果你是網頁工程師，則學習曲線則幾乎為0。

 Adobe在三年前收購了Nitobi軟體(主導PhoneGap專案)，將PhoneGap原始碼捐獻給Apache，並重新命名為 Cordova 專案。Cordova在2011年10月進入了Apache軟體基金會，並且在2012年10月正式成為Apache的頂級專案。

PhoneGap 其實只是個殼，畢竟世界上針對行動裝置設計的網站還不到20%，有了行動網站就等於先贏了其他80%。

回到2014年5月，微軟的Visual Studio 2013釋放出2個更新，此次的項目中，出現了一個全新的拓展項目，命名為: 跨裝置整合應用程式(Multi-Device Hybrid App)。這個獨立的更新項目，讓 Visual Studio 與 Apache Cordova 能更完美的結合。當首次釋放就在微軟社群中獲得廣大的迴響後，微軟就接續在第二版提供了更多功能及更多的整合。

近期，在2014年11月，Visual Studio 2015 Preview的發布會當中，這個跨裝置整合應用程式被重整並且重新命名為"Tools for Apache Cordova"，讓Cordova可以在Visual Studio的選項中直接勾選並安裝。除此之外，進一步還能允許使用者自行選擇想要裝的程式語言，如: Ant, Android, Java, NodeJS 等等。 

對一個傳統網站而言，僅能透過E-Mail及簡訊與手機用戶聯繫。Cordova則提供了網站開發的新思維: 當裝置安裝並執行應用程式後，就能夠直接取得手機訊息、地理資訊、搖晃、鏡頭、儲存資料...等，這些不可或缺的項目，已經超過了手持裝置開發的範圍。讓產品能以非常有效率的方式來開發。 

Cordova之所以能讓網頁技術在原生環境中執行，其中主要兩個關鍵點為:

- 運用WebView元件，整合成瀏覽器環境

- 將一系列的相關資源都包覆在網站應用程式資料夾中

當環境建造完成之後，只需要寫少量的javascript程式，就能夠使用Cordova的API擴充套件:

  <script src="cordova.js"></script>

最後，有時可能要執行特定的事件去偵測API，例如: 

 document.addEventListener("deviceready", onDeviceReady, false);

function onDeviceReady() { /* INIT */ }

 Cordova幫助了網頁開發人員踏出APP開發的一步，讓這些開發者可以維持大部分的工作習慣，特別是一些關於響應式設計及更加靈活布局的技術。其中，非常值得關注的就是動態效果，如果是透過Javascript來開發，就必須考慮兼容各種瀏覽器的問題(原生應用程式則不太會有這樣的問題)。除此之外，必須考慮到使用者可能會使用IE6或7的情況；並且，在移動裝置的 CPU及可用RAM不足並不如桌上型電腦好。因此，如果想保險一點，你可以選擇特定的OS版本，以確保客戶端先決條件充足才能安裝。 

因此，應該將Javascript動態效果替換成CSS動畫效果，讓CPU運作過程，可以避免一些"reflow"現象。當一個元素尺寸改變時，只要將這些動作放在背景執行，就能夠避免計算過程中造成瀏覽器暫時慢下來的情況。 

跨平台開發解決方案都使用了HTML, Javascript和CSS作為開發的基礎。各種方案當中，開發Web App是支援平台最多的一種做法。因為現代的行動平台一定都配備了瀏覽器，以Web的形式來開發App是最直接且入門門檻相對較低的做法。但是因為瀏覽器的諸多限制，有很多裝置上的功能（如：拍照、存取通訊錄或相簿）並無法使用，與系統間也沒有資料交換(如：通訊錄、行事曆)的機制。再加上無法上架到App Store或Google Play等銷售平台上販賣，這大大限制了其應用範圍。不過如果只是單純的資訊傳遞，不需要太多與手機的整合性功能，開發行動裝置專用的Mobile Web App，或是同時適用各種裝置的Responsive Web App將能夠橫跨最多的平台。只是要做到流暢的使用者經驗，開發者對於HTML5、CSS3的技術掌握必須在一定的層次之上，才能對於各種瀏覽器環境有一定的掌握。

另一種解決方案為以PhoneGap為首的Hybrid App，它提供一個框架，讓開發者能夠將網頁直接打包成App，上架販售。若要使用裝置的功能，這類框架也提供能Javascript API，讓App可以存取手機的功能(如：拍照)。Hybrid App直接使用網頁來制作使用者界面，這是它的優點、但同時也是缺點。因為這代表開發者無法直接使用平台原生的使用者介面，也就是說看起來不像該平台的App，要花時間調整到和原生界面相同的視覺效果和流暢程度，有相當大的門檻要跨過。通常會藉由使用Mobile Web App的框架來降低開發難度。但由於顯示的部分還得經過瀏覽器引擎，也有跨瀏覽器的相容問題要處理，在整體的功能與流暢度方面，尚難以和Native App相提並論。不過如果只是單純的資訊呈現，對流暢度和功能的要求較低，Hybrid App還是其生存空間，尤其PhoneGap已經被整合到視覺設計師熟悉的Dreamweaver內。

Native App：原生語言程式是為了特定的操作系統而編碼，用的也是特定操作系統的開發套件 (Platform SDK), 如 Apple iOS。因此它的性能和工具一向比 Hybrid App 優越。 

Hybrid App： 混合語言程式的部份代碼會以 Web 技術編寫，如 HTML5, CSS 和 JavaScript。這些程式都是被包裹在原生容器 (Native Container) 和透過手機上的瀏覽器引擎來呈現 HTML 和執行 JavaScript。 Hybrid App 的優點是一個編碼程式能夠跨越不同的作業平台，不需要為每個操作系統編寫特定的編碼。 

其實，隨著手機操作系統不斷的更新，如近期的新版本的 iOS 和 Andriod, 都令手機的 Javascript 運行速度改善了不少。 

這種改進使 Hybrid App 的性能得到相當的提升，而它們的工具設備也日漸成熟了。現在已經有許多成熟又吸引的工具方案，如原生用戶介面 (Native UI) 和裝置應用程式介面 (Device API)，甚至有模擬器 （Simulators）、開發套件管理 (SDK Management)、裝置調試 (on-device debugging) 等等。 

當然， Hybrid App 的方案並不是完美萬能的，Native App 還有些地方是不能被取代，但現在 Hybrid 開發已經證明了它已經不遜於 Native 開發了。