Cross-first Mobile App

Transcript

1. CROSS-FIRST MOBILE APP GDG DevFest Cairo
2. ABOUT ME 11+ Overall experience Building Web & Mobile Apps
 
 +SocialGood Connector
3. MOBILE APP PROJECTS! • Fast updates • Multi platforms • Dependencies on another services • Potential to scale
4. WHAT’S CROSS-PLATFORM? • Build and HTML5 App? • Use one of Cross-platform Mobile SDK?
 
 
 
 Com pletely not
5. CROSS-FIRST design your system to share code, assets, experience … etc across your apps.
6. YOU CAN USE Native SDKs
7. SHARE • System Design • Assets • Code
8. SYSTEM DESIGN • One system design team • Shared logic & flow • Shared Library • Shared Web services & versioning • Follow Standards
9. ASSETS • Images sizes & type • Video & Audio files • Streaming encoding
10. CODE • Dependencies availability across platforms • A lot of times Cross-platform SDK working fine • Revision control Submodule or Subtree
11. CAN WE? • Q1: Can we use .dll files into Android or iPhone apps? • Q2: Can we share libraries across Mobile & Web App?
12. CROSS-PLATFORM CHOICES • Easy way : HTML5 • Pick a Framework : ionic, jQuery … etc • Pick a Wrapper : PhoneGap usually • Better user experience • HTML5, but more effort in UX • Titanium or Xamarin • Better performance • Native, but more code • Qt, but losing UX • Xamarin
13. UX & UI CONTROLS
14. FOLLOW NATIVE GUIDELINE
15. FORCE YOUR EXPERIENCE
16. MY RECOMMENDATION
17. Side-menu or Tabs? Android iPhone
18. Tabs on Android Scrollable Tabs Tabs on Phone Tabs on Tablet
19. Tabs on iOS iPhone Up to 5 tabs More tabs Tabs on iPad
20. Action Bar & UINavigation