1.Introduction toMobile DevelopmentBy Pragnesh VaghelaTechnology ThreeMarch 2012

2. 2Agenda Mobile Matters iOS 5 Android When a Native Application makes sense? Mobile Web Applications Sencha Touch 2 jQuery Mobile PhoneGap Design Considerations for Building Mobile Applications Demos 3. 3Mobile Matters - Growth is explosive 4. 4Selling Like Hot Cakes 5. 5Understand the medium and the contextFeaturesWhat it means: GPS Location-AwareTouchIntimate and Interactive Physical Sensors (A/V) Intelligence Contacts Personal and Social Relevant at Point ofPortability Consideration 6. 6Native Application 7. 7 Mobile OS iOS iPhone, iPad and iPods Android Smartphones, Laptops, Netbooks, eBookReaders, Google TV BlackBerry Smartphones and PlayBook Microsoft Windows Phones and Windows 8 forDesktops and Tablets HP webOS Smartphones and HP TouchPad tablet Symbian Maintained by Accenture till 2016 Mobile Web Applications HTML 5, CSS & JavaScript 8. 8 What is iOS 5? Apple OS Objective-C Devices: iPhone 3GS and above iPod Touch 3rd Gen and above All iPads 200+ new features, including iCloud, iMessage, Notification Center Newsstand, Reminders Siri (voice dictation, commands) for iPhone 4Ss PC Free No longer requires a computer for Activation,Upgrades, Backups via Wi-Fi 9. 9iOS 5 Enterprise Features Core iOS Apps Sync MobileMe Mail, Contacts, and Calendars across devices Sync Reminders, Bookmarks, Notes Photo Stream Automatically uploads pictures taken to iCloud Syncs to all devices Stores last 1000 photos taken on any device Document Sync For apps that use iCloud, synchronizes docs across all devices including Macs/PCs iWork will be the first mainstream app using iCloud Data (Key/Value) Sync Synchronizes key/value pair information within an app Generally used for settings, state information, etc. Backup Over the air backup of device, using Wi-Fi 10. 10iOS 5 Development & Deployment Xcode for Lion (OSX) Free to download Complete Xcode developer toolset for Mac, iPhone, and iPad. It includes the Xcode IDE, iOS Simulator, and all required tools and frameworks for building OS X andiOS apps. iOS Developer Program ($99 / year) Develop your application with the iOS SDK and wealth of technical resources in the iOS Dev Center Test and debug your code on iPad, iPhone and iPod Touch Distribute your apps on the App Store via iTunes Technical Support includes 2 incidents with Apple engineers iOS Developer Enterprise Program ($299 / year) Distribute your in-house iOS apps to employees of your organization Test and Debug your application by directly installing and testing on the iPad, iPhone and iPod Touch Technical Support includes 2 incidents with Apple engineers per membership year iOS Developer University Program (Free) Degree granting higher education institution offering iOS development curriculum 11. iOS Testing11 The Xcode unit-testing environment is based on theopen-source SenTestingKit framework Xcode offers two types of unit tests: logic tests andapplication tests Logic tests - These tests check the correct functionality ofa unit of code by itself (not in an app). You can also uselogic tests to perform stress-testing of your code. Application tests - These tests check units of code in thecontext of your app. You can use these tests to performhardware testing, such as getting the location of thedevice on which your app is running. Logic tests run only in simulators 12. 12 Android Android is a Linux-based operating system for mobiledevices that includes an operating system,middleware and key applications It is developed by the Open Handset Alliance led byGoogle Googlereleases the Android code as open-source,under the Apache License The Android Open Source Project (AOSP) is taskedwith the maintenance and further development ofAndroid 13. 13Android Features Handset layouts The platform is adaptable to larger, VGA, 2D graphics library, 3D graphics library based on OpenGLES 2.0 specifications, and traditional smartphone layouts. Storage SQLite, a lightweight relational database, is used for data storage purposes. Connectivity Android supports connectivity technologies including GSM/EDGE, IDEN, CDMA, EV-DO, UMTS, Bluetooth, Wi-Fi, LTE, NFC and WiMAX. Messaging SMS and MMS are available forms of messaging, including threaded text messaging and nowAndroid Cloud To Device Messaging (C2DM) is also a part of Android Push Messaging service. Multiple language support Android supports multiple languages.[42] Web browser The web browser available in Android is based on the open-source WebKit layout engine, coupledwith Chromes V8 JavaScript engine. The browser scores 100/100 on the Acid3 test on Android 4.0. Java support While most Android applications are written in Java, there is no Java Virtual Machine in the platformand Java byte code is not executed. Java classes are compiled into Dalvik executables and run onDalvik, a specialized virtual machine designed specifically for Android and optimized for battery-powered mobile devices with limited memory and CPU. J2ME support can be provided via third-party applications. 14. 14Android Features Media support Streaming media support Additional hardware support Multi-touch Bluetooth Video calling Multitasking Voice based features Tethering Screen capture External storage 15. 15Android Architecture 16. Android Development16 Development Requirements Java Android SDK Eclipse (optional) Programming Language(s) Java officially supported C/C++ also possible but not supported IDE and Tools Android SDK Class Library Developer Tool: dx Dalvik Cross-Assembler aapt Android Asset Packaging Tool adb Android Debug Bridge ddms Dalvik Debug Monitor Service Emulator and System Images Documentation and Sample Code Eclipse IDE + ADT (Android Development Tools) Reduces Development and Testing Time Makes User Interface-Creation easier Makes Application Description Easier 17. 17Android Testing The Android development environment includes an integrated testing framework that helps you test allaspects of your application The Android testing API is based on the JUnit API and extended with a instrumentation framework andAndroid-specific testing classes Android instrumentation is a set of control methods or "hooks" in the Android system. These hooks controlan Android component independently of its normal lifecycle. They also control how Android loadsapplications The SDK tools for building and tests are available in Eclipse with ADT and also in command-line form The SDK also provides monkeyrunner, an API testing devices with Python programs, and UI/ApplicationExerciser Monkey, a command-line tool for stress-testing UIs by sending pseudo-random events to adevice A key feature of the Android testing framework is its component-specific test case classes: Activity Testing - Input validation, Lifecycle events, Intents, Runtime configuration changes, Screensizes and resolutions Content Provider Testing - business logic, resolver methods, public provider as a contract Service Testing - onCreate(), onDestroy(), correctly handles multiple calls from Context.startService(),startService() calls dont nest, business logic that your Service implements 18. 18Android Deployment Google Play is a digital content service from Googlewhich includes an online store for music, movies,books, and Android apps and games, as well as acloud media player Service is accessible from the web, the Android app,or Google TV Content is instantly available across all of thesedevices after purchase Before you can publish software on the Google Play, you must do 3 things: Create a developer profile Agree to the Google Play Developer Distribution Agreement Pay a registration fee ( $25.00) with your credit card (using GoogleCheckout) 19. 19iOS vs Android iOS AndroidBuy a Mac, download the free Xcodedownload the SDK, setup Eclipse andInstaller from the Mac App Store, and install Googles ADT Pluginstart writing codedevelopment is done in Objective-Cdevelopment is done in Java or C/C++deploy costs $99/yr and app has to pass Google simple takes a $25 flat fee toa screening process shelf your appsiOS Simulator - runs native codeAndroid Emulator - runs on a virtualmachineDebug takes 5 seconds on the iOSDebug takes about 30 seconds toSimulator redeploy and start up in the Emulator ona perfectly-modern machinehas Interface Builder create UI layouts in XMLDevices have known screen dimensionssuffers from fragmentation - manyand hardwareversions of the OS and Devices on themarket 20. 20Reasons for Native Applications Performance OfflineMode Findability Device Attributes Monetization 21. 21 Mobile Web ApplicationHTML5 & JavaScript frameworks 22. 22Reasons for Mobile Web Applications Native not for all applications Good enough for many applications JavaScript performance improving HTML 5 CSS 3 Modern Browsers Easy to Deploy and Maintain 23. 23When does an App Make Sense? Interactivity/Gaming for interactive games (think Angry Birds) an app is almost alwaysgoing to be your best choice Regular Usage/Personalization If your target users are going to be using your app in apersonalized fashion on a regular basis (think EverNote) then an app provides a great wayto do that. Complex Calculations or Reporting If you need something that will take data and allowyou to manipulate it with complex calculations, charts or reports (think banking orinvestment) an app will help you do that very effectively. Native Functionality or Processing Required - if you need to access a users camera orprocessing power an app will still do that much more effectively. No connection Required If you need to provide offline access to content or performfunctions without a network/wireless connection then an app makes sense. 24. 24Mobile JavaScript Libraries jQueryMobile Sencha Touch 2 uses Ext JS 4 PhoneGap 25. 25Sencha Touch 2 - Mobile JavaScript uses Ext JS 4 framework Sencha Touch is licensed under free commercial and open source licenses for application development,and a paid commercial license for OEM uses. High-performance HTML5 mobile application framework that enables developers to build fast andimpressive apps that work on iOS, Android, BlackBerry, Kindle Fire, and more. Sencha SDK Tools give you the best of both worlds, providing a way to seamlessly wrap your web appin a native shell. Whether youre on Mac or Windows, youre one command away from deploying to theApple App Store or Google Play Sencha Touch Charts with natural gestures visualizing and understanding complex datasets is effortless.Pinch-to-zoom, swipe-to-pan across data, and tap for deep dives. Data flows come to life with every tap,pinch, and swipe. Features AJAX - Sencha Touch provides full AJAX support, including CORS and JSON-P DOM manipulation - Full DOM manipulation support available Feature Detection - Automatically detects the presence of features like geolocation, canvas and orientation support Geolocation - Provides a simple wrapper around geolocation on devices that support it Icons - 300 icons included Example apps - 8 full example apps included Touch events - Provides a full range of touch events and gestures like tap, swipe and pinch 26. 26jQuery - Mobile JavaScript Touch-Optimized Web Framework for Smartphones & Tablets A very popular Open Source JavaScript library jQuery Mobile has broad support for the vast majority of allmodern desktop, smartphone, tablet, and e-reader platforms Simplifies HTML document traversing, event handling,animating and Ajax interactions Cross browser compatibility CSS3 selectors compliant Fast and Small footprint Tons on plugins jQuery UI jQuery Mobile 27. 27PhoneGap - Mobile JavaScript PhoneGapis an open-source project that has been moved to the Apache Software Foundation Get cross-platform mobile apps in three easy steps Write your app using HTML, CSS and JavaScript Upload it to the PhoneGap Build service Get back app-store ready apps for Apple iOS, Google Android, Palm, Symbian, Blackberry and more 28. 28PhoneGap Features PhoneGap provides a basic JavaScript API (interface) to your device and allows you to do muchmore than a standard mobile website. These features include the following: Accelerometer enables you to track the relative motion of the physical device Camera provides full support for both taking pictures and working with existing pictures Capture helps you capture both audio and video Compass allows you to tap into the compass of the device Connection tells you if the device is connected and how it is connected Contacts offers full support for searching the users contact database as well as adding new contacts Device provides basic information about the device, including the devices operating system Events detects various device-specific events, including resume, and is useful when a phone call interruptsyour application File delivers basic file read and write operations for the device Geolocation tracks where the device is Media provides basic audio playback features Notification offers a richer notification system than the basic alerts and confirmation screens most mobilebrowsers provide Storage provides access to a SQLite database for your application and provides much richer support for datastorage 29. PhoneGap Features29 30. 30PhoneGap Pricing 31. 31Analytics Google Analytics for Mobile Apps SDKs provide an interface for tracking activity within mobile apps and reporting that activity to Google Analytics Google Analytics SDKs for iOS and Android Usethe mobile tracking SDK to track your phone applications with the following Analytics interaction types: Pageview Tracking Event Tracking Ecommerce Tracking Custom Variables Mobile ads for your app (Android only) 32. 32 Design Considerations for Building Mobile Applications Decide on the Application type - Native, Web or Hybrid Security - store data in encrypted form on the local device or access it real time Storage - Use the phones data memory judiciously Connection & bandwidth - Understand that the users pay for every byte transmitted andreceived. Before you open up a data connection or before you start downloading thatlarge piece of data from a service, warn the user Handle system interrupts effectively - When your application is pushed to thebackground, pause those game timers, disable those animations, and save the state ofyour application Memory usage - Limited memory so code wisely Battery - is very important. if you are building a location-aware application, do not querythe GPS sensor every few milliseconds. Graphics - What differentiates your application from the other applications is UIresponsiveness and graphics. Spend more time in formulating the UI. Sync - understand the synchronous and asynchronous way of interacting with the remoteservices. How will you handle push messages? How will you sync the local data store withthe remote store?Finally, do not just build applications. Build solutions. 33. 33Reference https://developer.apple.com/ http://developer.android.com/ https://play.google.com http://phonegap.com/ http://jquerymobile.com/ http://www.sencha.com/ http://code.google.com/apis/analytics/docs/mobile/overview.html http://www.slideshare.net/jeremiah_owyang/developing-a-mobile-strategy 34. Thank YouPragnesh Vaghelapragnesh@technologythree.com@technologythreehttp://www.technologythree.com 34