Transcription
Cross-Platform Mobile App Developmentwith HTML5S Balamurugan, Lead Architect24 Mar 2012
Agenda Cross platform mobile app development Introduction Challenges Industry solution HTML 5 features for mobile apps Canvas 2D Geolocation Web DB HTML 5 app development using PhoneGap Write Once Deploy Many Architecture Enterprise mobile enablement MEAP introduction Cloud based mobile app development (PaaS) Best practices 2012 Unisys Corporation. All rights reserved.2
Mobile Technology StackMobile Programming Languages, APIs & ToolsObjective C, Java, HTML5, C# .NET, Mobile AppsWeb Apps, Native Apps, Hybrid Apps, Mobile Operating SystemiOS, Android, WP7, BlackBerry, Network ConnectivityCDMA, GSM, WiFi, Mobile Device ModelsiPhone, iPad, Samsung Galaxy Tab, HTC, Acer, 2012 Unisys Corporation. All rights reserved.3
Mobile App Development: Challenges Operating System Fragmentation Different Technologies Diversified Device Models Improved supportability and maintainability 2012 Unisys Corporation. All rights reserved.4
Mobile App Development EnvironmentsMobile OSOperatingSystemSoftware / IDEsProgramminglanguageiOSMac onlyXcodeObjective CAndroidWindows / Mac /LinuxEclipse, Android DevTool (ADT)JavaWindows Phone 7WindowsVisual Studio 2010C#, .Net, SilverlightBlackBerryWindowsEclipse /JDE, JavaJava 2012 Unisys Corporation. All rights reserved.5
Mobile App Development: Challenges Lack of developers with multiple platform skills Source code maintenance / product management Development excellence and software re-use Improved supportability and maintainability 2012 Unisys Corporation. All rights reserved.6
Cross-Platform App DevelopmentHybrid apps Web technologies like HTML5, CSS3 and JavaScript Enable access to device features using JavaScript APIs Thin native app displays web content using WebKit Distributed through app stores / market places Popular framework - PhoneGapInterpreted apps UI benefits of native app; maintainability of web app Limited to feature set of chosen framework Popular framework - Titanium AppcelaratorWeb sites Mobile websites using HTML5 2012 Unisys Corporation. All rights reserved.7
What is HTML5? HTML5 is the next generation of HTML Work in progress Major browsers support many of HTML5 elements andAPIs HTML5 is not yet an official standard, and no browsershave full HTML5 support 2012 Unisys Corporation. All rights reserved.8
Rules for HTML5 New features should be based on HTML, CSS, DOM,and JavaScript Reduce the need for external plug-in (like Flash) Better error handling More mark up to replace scripting HTML5 should be device independent The development process should be visible to the public 2012 Unisys Corporation. All rights reserved.9
Mobile Technology Stack Mobile Apps Web Apps, Native Apps, Hybrid Apps, Mobile Programming Languages, APIs & Too
