Upload
leonard-francis-griffith
View
214
Download
0
Tags:
Embed Size (px)
Citation preview
OVERVIEW OF NATIVE MOBILE APPSAND APPCELERATOR TITANIUM IDE
http://www.flickr.com/photos/ourcage/8343799386/
Native apps vs mobile web apps
• Native apps– Install from app store– Binary executables are stored on the phone– Executables directly interact with the user
• Mobile web apps– Install by hitting web page, maybe bookmarking– Binary executables are stored on a server– Executables generate HTML+CSS+JS for browser
A multitude of mobile devices
• Ancient days-Personal Digital Assistants (PDAs)– Psion Organizer, Simon (first smartphone-1992),
PalmPilot, Apple Newton
– Typical limitations of PDAs…• No support for making phone calls• Inaccurate touch input (needed a stylus)• Short battery life (recharge every day)• Limited wireless support (usually had to "dock")
Rise of the smartphone
• Vastly improved capabilities– Sensors: GPS, accelerometers, gyroscopes,
accurate touch input, camera, etc.– Output: High-resolution screens, good audio– Chipsets: Good CPU, wireless+3G, flash RAM
• Plenty of options…– iOS, Android, Blackberry, Windows, Ubuntu, …
Survey of over 2000 developers (2010 Q4 Mobile Developer Report)
http://assets.appcelerator.com.s3.amazonaws.com/docs/Appcelerator-IDC-Q4-Mobile-Developer-Report.pdf
Job openings as of Q1 2014
Android iOSOn dice.com 2439 2632On indeed.com 15445 15374
Android Software Engineer salary: $96,000iOS Software Engineer salary: $102,000
Starting salaries
http://www.itcareerfinder.com/brain-food/it-salaries/computer-software-engineer-salary-range.html
Android rising… the death of iOS?
"We estimate 152.1 million Android smartphones were shipped globally in Q4 2012, nearly doubling from 80.6 million units in Q4 2011," said Neil Mawston, executive director at Strategy Analytics. "Android's share of the global smartphone market has surged from 51% to 70% over the past year, crushing Symbian, Bada and other platforms in its wake. Almost half-a-billion Android smartphones were shipped in total worldwide during 2012.
"Android is clearly the undisputed volume leader of the smartphone
industry at the present time."
http://www.informationweek.com/mobility/smart-phones/android-ios-leave-little-room-for-compet/240147104
Don’t be so sure…
http://www.techtimes.com/articles/4189/20140308/ios-and-windows-phone-gain-u-s-smartphone-market-share-at-the-expense-of-android-and-blackberry.htm
Lessons from the market
• Platforms come and go from fashion– iOS -> Android -> ? – What is next?
• Gotta keep your code from going stale• Gotta keep your skills from going stale
• Problem: non-portable native code
Differences between one platform and another and another and another and another and another and…
• Physical differences– Screen size– Textual input– Scrolling
• Stylistic differences– “Back” and “Cancel” buttons– Placement of navigation bar– Colors
How to target multiple platforms?
• Option 1: Write platform-independent code, interpose libraries
• Option 2: Write platform-independent code, compile to platform
• Option 3: Platform-specific frameworks
Option 1: Write platform-independent code, interpose libraries
Some random platform
Your code
Platform-specific binary libraries
This is basically how JavaScript works in mobile web apps
(each browser implements the ECMA specification for JavaScript and implements specified objects with binary libraries)
Platform-independent frameworks
• Option 1: just libraries, no compiler– jQTouch – pure
HTML+CSS+JS– PhoneGap –
HTML+CSS+JS + binary libraries
Option 2: Write platform-independent code, compile to platform
Some random platform
Your code
Compiler
Platform-specific binary
This is basically how C++ works
(a compiler for each platform compiles the source code into binary format accepted by the target operating system and hardware)
Runtime library
Platform-independent frameworks
• Option 2: compiler– Appcelerator – write JS, compile to binary– Adobe Air – write ActionScript, compile to Flash
• In practice, both of these require platform-specific runtime libraries, even though they theoretically could compile code to pure binaries that would not require any runtime library.
Option 3: Platform-specific frameworks
Some random platform
Platform-specific code
Compiler
Platform-specific binary
You need different code for every platform… and probably still need runtime libraries as well.
Runtime library
Some random platform
Platform-specific code
Compiler
Platform-specific binary
Runtime library
Option 3: Platform-specific frameworks
• Examples of platform-specific frameworks– XCode – compiles Objective C to iOS binaries– Android SDK – compiles Java to Android binaries
Pros and cons
Option Pros Cons
Platform-indep.: libraries -Use existing JS skills-Very easy to get started-Nearly 100% portable
-Lowest performance-Limited API access
Platform-indep.: compiler -Probably use your JS skills-Better performance-Some access to binary API-Moderately easy to learn-Nearly 100% portable
Platform dependent code -Best performance-Access to full binary API
-Maybe new language-Relatively hard to learn-Nearly 0% portable
Overview of Appcelerator Titanium
• Example of Option 2: Write (mostly) platform-independent code, compile to platform
• Write code in JS• Compile to target platform– Works reasonably well for Android & iOS– Some minor differences between platforms
A few Titanium APIs
• Accelerometer• Camera• Compass• Contacts• Database• Facebook• Files• Geolocation• Gestures
• Gyroscope• Map• Network• Preferences• Sound• Touchscreen• UI widgets• XML & JSON
(Crossing out APIs that are hard to access in just a mobile web app)
• Accelerometer• Camera• Compass• Contacts• Database• Facebook• Files• Geolocation• Gestures
• Gyroscope• Map• Network• Preferences• Sound• Touchscreen• UI widgets• XML & JSON
Pros & cons of choosing Titaniumas an example in this class
• Pros– You already know JS – we can focus on mobile– You can use Titanium on Windows, Linux, Mac– You can compile to Android or iOS
• Cons– Deploying Titanium to emulator slow• Other options: Either (a) work on a Mac and deploy to
the iOS emulator, or (b) buy a cheap Android device
What is next for you…
• Windows + Linux users– Install Oracle JDK, set PATH and JAVA_HOME– Install Firefox– Install Appcelerator’s Titanium Studio– Install Android SDK
• Mac users– Install Xcode– Install Appcelerator’s Titanium Studio– Optional: Install Android SDK
Images used in this presentation
• http://www.flickr.com/photos/samchurchill/5387613247/sizes/l/in/photostream/
• http://www.flickr.com/photos/incredibleguy/5980129538/sizes/s/in/photostream/
• http://www.digitaltonto.com/wp-content/uploads/2012/01/android-share-of-smartphone-operating-system-market-nov-14-2011-e1328056252645.jpg
• http://www.indeed.com/trendgraph/jobgraph.png?q=iphone%20developer%2C+android%20developer%2C+mobile%20web%20developer%2C+blackberry%20developer
• http://www.flickr.com/photos/eklem/6727262207/sizes/z/in/photostream/