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