About Me. Cross-platform Mobile Development Challenges, Best Practices and more.

Transcription

1

2 About Me Cross-platform Mobile Development Challenges, Best Practices and more Sivakumar will discuss about the prevalent cross platform mobile frameworks and its challenges; points in choosing the right framework for your business. Best practices for creating a common user interface and shared code base. Common problems that arise during cross-platform mobile app implementation and possible solutions. siva@anubavam.com SIVAKUMAR V Founder and CEO, Anubavam

3 Approaches for building a mobile app PROS Single application experience CONS Limited functionality when offline PROS Enables code reuse across supported Oss Mobile Web Hybrid CONS Performance due to interpretation PROS Native code No Translation Native CONS Expensive to produce

4 What is Cross-platform? Cross-platform provides write once, run everywhere solutions which offers an excellent alternative to omit one mobile OS in favor of another or, wasting resources to develop for two or three platforms at once with different programming languages and paradigms.

5 Cross-platform simplifies your life?

6 You can have your ice-cream and eat it too

7 Cross-platform characteristics

8 Benefits of cross-platform development Maintainable Scalable Developer Friendly Customer Friendly ($) Cross platform frameworks allows for the development of native mobile applications using standard web technologies through a single codebase targeted for multiple mobile platforms.

9 Cross platform frameworks Hybrid Interpreted Cross-Compiled

10 Comparing the frameworks

11 It s a tight rope walk

12 Challenge Areas UI/UX Design Performance Hardware Cross Platform Challenges Security Development Testing

13 UI Design Challenge

14 UX Design Challenge

15 Hardware Challenges Gaming Storage Wifi Touchscreen GPS Camera Battery Video Autofocus Camera Flash Bluetooth Multitouch

16 Mobile Security Challenges

17 Performance Challenges Performance Additional layers (bridge) impact performance Number of objects created increase memory consumed Different firmware's have different performance levels Power and memory consumption also impact

18 Mobile Testing Challenges

19 Hybrid vs Interpreted apps A comparison

20 Titanium vs PhoneGap Architecture

21 Titanium Titanium vs PhoneGap Best Practices PhoneGap Good to use Ti.include but best is CommonJS Include script modules where needed Try to use javascript modules for reusable codes Keep OS specific images/scripts/files in their corresponding folders For table data use setdata method with arrays instead of appending one by one To store small amounts of data use Properties instead of DB and Filesystem Avoid saving large blobs data in properties and DB Lock Orientations when not needed Use DeviceReady method once PhoneGap has loaded and ready. Use CSS3 instead of JS or jquery animations Combine all JS into one file prior to distribution Disable device-based features if not needed Try to reduce the number of DOM Manipulations

22 HTML5 A little something

23 So many devices so little time

24 A Solution - Mobile Architectures MCAP MEAP A framework that allows mobile application developers to build, manage, test and deploy mobile apps for end consumer engagement. MCAP delivers rich contextual, delightful user experiences to maximize the reach of their services. WorkLight Sencha Touch Comprehensive suite of products and services that enable development of mobile applications. MEAP is used by large enterprises for deploying mobile applications for their work force. They are more focused on satisfying internal functional requirements and systems. Rhomobile PhoneGap Appcelerator Widget Pad

25 When to go for MEAP? Explosive Data Growth Diverse networks Wireless Access Ubiquity Data availability on devices Managing and securing devices Proliferation of mobile devices Securing applications Enterprise Challenges Ease of developmen t Urgency to keep business on-the-go Demand for real-time info Data source heterogeneit y Variety of devices / OS

26 MEAP Architecture

27 Cross-platform app guidelines Define highvalue functionalit y for mobile context Design your apps to support your brand Define a cross-device app strategy upfront Identify core functionalit y before coding Select the technology path for max ROI Design for end-to-end customer interaction lifecycle Design for the variability in UI and UX Balance design simplicity with feature richness Design with an eye on the future

28 Questions