Download Using Wearable Devices in Welfare Services

34
CHAPTER 3. PRELIMINARY STUDY
Flat UI
http://designmodo.github.io/
Flat_UI/#
Mobile Angular UI
http://mobileangularui.com
HTML
http://www.w3.org/standards/
techs/html#w3c_all
Cascading Style Sheets (CSS)
http://www.w3.org/standards/
techs/css#w3c_all
Table 3.2: Proposed front-end technologies.
3.7.2.2
Single-Page Application
A SPA is a web application that fits on a single web page with the goal of
providing a more fluid user experience akin to a desktop application. Although the SPA provides the perception and navigability of separate logical
pages in the application, it’s essentially just one page containing logic for the
whole system. Rather than reloading a new page for each action, client side
technology is used to manipulate the Document Object Model (DOM)Ṫhe
client side fetches data from the API using Cross-Origin Resource Sharing
(CORS) when needed. This kind of dynamic communication with the web
server happens behind the scenes.
The main benefits of a SPA are the following:
• It reduces round trip delays of loading complete web pages, so we get
a faster user interface. This enhances the User Experience (UX).
• It is easier to implement complex state logic, because small view state
changes do not map well to URL.
• It is good for responsive web design.
3.7.2.3
HTML
HTML is the standard mark-up language used to create web pages. Since
the front-end is developed as a modern SPA, the front-end developers are
required to write HTML5, which is the latest widely adopted revision of the
HTML standard. HTML5 is specified by the HTML Working Group of the
World Wide Web Consortium.