網頁應用程式自動化系統：運用HTML5以及JavaScript的網頁應用程式於嵌入式裝置

Abstract

隨著各式各樣的電子化裝置日趨普及，如何讓應用程式開發者快速開發程式並移植程式到不同裝置的需求也日益攀升。開發者通常希望程式可以重複使用、更希望提升程式的可用性並且能移植到硬體裝置們上執行，而網頁應用程式是相對較簡單、低成本的程式開發方式。多虧了HTML5以及 JavaScript的發展，強化了網頁應用程式跨平台、硬體支援等特性，藉由網頁應用程式來操控終端硬體裝置不再遙不可及。 本篇論文實作了圖形化網頁應用程式自動化系統，讓開發者可以設計基於Node.js平台的可遠端存取服務網頁應用程式以及單機版應用程式，並融入HTML5以及響應式網頁設計(Responsive Web Design)的特性。本系統應用軟體開發的代碼生成技術，系統會自動生成應用程式原始碼，此程式不只可以佈署在一般電腦，也可以移植到具有Node.js平台的嵌入式系統上運作。

The portability of applications in embedded devices has become complex for application designers because of the diversity of embedded devices. Simplifying programming models becomes an important issue in recent years. Web applications, instead of traditional embedded software, have attracted attentions in embedded systems community because hardware can be controlled more flexibility thanks to new features of HTML5 and JavaScript. In this work, we implement a programming aided system, called WAGED (Web Application Generator for Embedded Devices), which can generate web applications for embedded devices. We combine visual programming concepts, HTML5 features and RWD (Responsive Web Design) and code generation techniques to design the system. The WAGED system uses template-based code generation techniques to generate web applications code (including HTML, CSS and JavaScript). The application can be deployed on embedded devices over the Node.js environment. Using the system, application designers can create web applications that can interact with users and control hardware and focus on their design without spending too much time to consider how to build the web server. The WAGED system provides an interactive graphic user interface (GUI) for the customizing structure of web applications accessing end devices.