Mobile Application 1
Ammar Y. T.
Course Outline
• Understanding Mobile/SmartPhone Architecture
• Basics of Mobile Application
• Understanding UI/UX Principles.
• Dart Programming Language
• Flutter Framework
• Build Simple/Complex Mobile UI
What is Mobile Application?
Smart Phone
• Phone that runs a complete Operating System
• O ers a standardized platform for development
• Able to execute arbitrary 3rd party applications
• Cell phones in use today ~ 1.2 billion
• It keeps changing
ff
Phone History
• Motorola
• Nokia
• iPhone era. (iOS)
• Google (Android)
Types of Mobile Application
Web Application
• HTML5 Mobile Applications are mobile versions of web pages
• Accessed through the web browser
• Deployed over Internet
• Can develop/design one application for all platforms
• A cross-platform mobile application
• Provides uniformity across all platforms
• Near-instant updates
• Updates to the application are actually updates to the website,
happening on the back-end
Web Application
• Advantages
• Uniform appearance on all devices
• Instantly applied updates
• Disadvantages
• Only works with wireless data coverage
• Cannot access most device sensors/resources/features
• Large resource demands on servers
Native Application
• Native Mobile Applications are coded in a unique programming language,
speci c to an operating system.
• Native applications are therefore tied to one operating system .
• Native Apps live on the device; installed through an app store
• Feature rich – can accomplish more
• Access to phone’s features – phone, camera, etc.
• Fast performance; high degree of reliability
fi
Native Application
• iOS => Objective-C, Swift , and C
• Android => Java, and Kotlin
Native Application
• Advantages
• Shifts most resource requirements to user devices
• Application can access device resources
• Sensors, microphone, camera, etc.
• Feature-rich; Fast
• Disadvantages
• Function may be restricted by App Store requirements
• Cannot guarantee updates
• Expensive to create
• Mobile security concerns
Hybrid Mobile Application
• Hybrid applications combine native and web application technologies in
order to bene t from each.
• Controls will di er across platforms, but a near-uniform appear- ance can
be achieved
• Can provide a native application experience but minimize plat- form-
speci c design requirements
• Updates to one (HTML5 or Native) may need to coincide with updates to
the other
fi
fi
ff
Hybrid Mobile Application
• Advantages
• Combines all the advantages and bene ts of Native and HTML5
applications into a single application type
• Disadvantages
• Development requires both a HTML5 and a Native application; therefore,
version and design control for both Combines all the problems of Native
and HTML5 applications into a single application type
• Expensive and time consuming to develop