Mobile Application Development Contents Introduction Mobile application development
Mobile Application Development
Contents • Introduction Mobile application development • Process of mobile application development • Types of Mobile applications • Structure of hybrid application • Hybrid mobile application development tools • Example: A simple hybrid application Prepared By: Kanika Sharma 2
Introduction to Mobile Application Development
Introduction • Mobile application development is a term used to denote the act or process by which application software is develope d for mobile devices, Prepared By: Kanika Sharma 4
Mobile Application Development Prepared By: Kanika Sharma 5
Mobile Application Development Process • • • Inception – All apps start with an idea. That idea is usually refined into a solid basis for an application. Design – The design phase consists of defining the app’s User Experience (UX) such as what the general layout is, how it works, etc. , as well as turning that UX into a proper User Interface (UI) design, usually with the help of a graphic designer. Development – Usually the most resource intensive phase, this is the actual building of the application. Stabilization – When development is far enough along, QA usually begins to test the application and bugs are fixed. Often times an application will go into a limited beta phase in which a wider user audience is given a chance to use it and provide feedback and inform changes. Deployment Prepared By: Kanika Sharma 6
Cont… Prepared By: Kanika Sharma 7
Types of mobile applications • • Native Applications Web Base Application Hybrid Applications Prepared By: Kanika Sharma 8
Native Applications • • • A native application (native app) is an application program that has been developed for use on a particular platform or device. Because a native app is built for a particular device-specific hardware and software device and its operating system, it has the ability to use , meaning that native apps can take advantage of the latest technology available on mobile devices such as a global positioning system (GPS) and camera. This can be construed as an advantage for native apps over Web apps or mobile cloud apps. Prepared By: Kanika Sharma 9
Web Based Applications • • ”A web based application is a software package that can be accessed through the web browser. The software and database reside on a central server rather than being installed on the desktop system and is accessed over a network. ” Web-based applications are easy to use and can be implemented without interrupting your existing work process. Prepared By: Kanika Sharma 10
Hybrid Applications • A hybrid application (hybrid app) is one that combines elements of both native and Web applications. Prepared By: Kanika Sharma 11
Difference between Native, Web Based and Hybrid Applications Prepared By: Kanika Sharma 12
Prepared By: Kanika Sharma 13
Features Of Hybrid Applications • Can function whether or not the device is connected. • Integration with Web-based services. • An embedded browser to improve access to dynamic online content. • Most applications could be considered hybrid apps. Web apps, such as online banking services, Prepared By: Kanika Sharma 14
Understanding structure of hybrid application • Applications are usually broken into logical chunks called "tiers", where every tier is assigned a role . Prepared By: Kanika Sharma 15
Structure of hybrid application Prepared By: Kanika Sharma 16
Components of hybrid apps • • APP_UI Cordova Plugins Common Control Device API HTML CSS JS Prepared By: Kanika Sharma 17
Prepared By: Kanika Sharma 18
Tools For mobile application development • • Ionic Cordova Phone. GAP …. many more Prepared By: Kanika Sharma 19
Creating First Simple Hybrid Application
Prepared By: Kanika Sharma 21
Prepared By: Kanika Sharma 22
v. Open WWW folder in that we are having a file name index. html v. We can make all changes in that file. Prepared By: Kanika Sharma 23
- Slides: 23