Cross-first Mobile App

12b0344a6c92811ec45db6126b90c3a0?s=47 Hazem Khaled
November 21, 2014

Cross-first Mobile App

12b0344a6c92811ec45db6126b90c3a0?s=128

Hazem Khaled

November 21, 2014
Tweet

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