1. INTRODUCING HYBRID APP KAU with MICT PARK IT COMPANIES Supported by KOICA 2012.08.14 1

2. INDEX Understanding the differences - Native Apps - Web Apps - Hybrid Apps Examples of actual hybrid Apps Mobile System Architecture Framework and tools for hybrid Apps Hybrid Apps can be a good alternative if; Q&A 2

3. Native Apps Definition – Is built using the native programming language for the platform like iPhone or iPad apps built using Objective-C, and Android application built with Java. Pros - Fast, - Provide better user experience and interface - Have access to all device features such as Camera or GPS. - Easy for delivery i.e. Apple’s App Store Cons - Can be used only for its specific platform e.g., an android app cannot be run on an iPhone. - Long and expensive development time 3

4. Web Apps 4 Definition - A website built using HTML5, CSS3 etc., which resembles an application and can be accessed through a mobile browser. Pros - Can be used across all platforms and devices. - Cheaper and easier to develop: use HTML and CSS - Constantly updated content from the web Cons - Functionality and speed are lower than native apps - Not accepted in native app stores - Not use the device APIs like Camera or GPS - Can be slow on bad network condition

5. Native Apps VS Web Apps 5 What if we can develop apps with benefits from both Native and Web apps?

6. Introducing Hybrid Apps 6 What if we can develop apps with benefits from both Native and Web apps? Hybrid Apps

7. Hybrid Apps 7 Definition - Built using web technology(HTML5), and then wrapped in a native apps. Pros – Look like native apps - Eligible to enter the app stores, - Can access Device APIs such as Camera or GPS - Use the same HTML5 codes across all platforms. Cons - Difficulty with advanced graphics implementation like Game Apps

8. Examples of actual hybrid Apps 8

9. Server Application Client Mobile System Architecture Data Base Business Rules MS server (Internet) Web Service Web Service Sencha touch Web App Sencha touch Web App WCF RESTful Ajax Http (JSON) Hybrid App Hybrid App

10. Sencha Touch 10 Sencha Touch is a user interface (UI) JavaScript library, or framework, specifically built for Mobile Web. It can be used by Web developers to develop user interfaces for mobile web applications that look and feel like native applications on supported mobile devices. It is fully based on web standards such as HTML5, CSS3 and JavaScript. http://docs.sencha.com/touch/2-0/#!/example/kitchen-sink http://docs.sencha.com/touch/2-0/#!/example/kitchen-sink

11. Phone Gap 11 PhoneGap is an HTML5 app platform that allows you to author native applications with web technologies and get access to APIs and app stores. PhoneGap leverages web technologies developers already know best... HTML and JavaScript.

12. Hybrid Apps should be a good alternative if; 12 Multiple platforms are targeted. Want to reuse the same code. Not require advanced graphics. Wants to use the existing skill of web developers to reduce cost.

13. Q & A 13