Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Cross-first Mobile App
Search
Hazem Khaled
November 21, 2014
Technology
0
450
Cross-first Mobile App
Hazem Khaled
November 21, 2014
Tweet
Share
More Decks by Hazem Khaled
See All by Hazem Khaled
Meteor @ Istanbul
hazemkhaled
0
16
Mobile app lifecycle with PhoneGap
hazemkhaled
0
570
Why & which mobile cross platform?
hazemkhaled
0
17k
Other Decks in Technology
See All in Technology
Prox Industries株式会社 会社紹介資料
proxindustries
0
340
使いたいMCPサーバーはWeb APIをラップして自分で作る #QiitaBash
bengo4com
0
990
KubeCon + CloudNativeCon Japan 2025 Recap
ren510dev
1
260
MySQL5.6から8.4へ 戦いの記録
kyoshidaxx
1
270
Microsoft Build 2025 技術/製品動向 for Microsoft Startup Tech Community
torumakabe
2
320
AIとともに進化するエンジニアリング / Engineering-Evolving-with-AI_final.pdf
lycorptech_jp
PRO
0
120
ネットワーク保護はどう変わるのか?re:Inforce 2025最新アップデート解説
tokushun
0
110
Liquid Glass革新とSwiftUI/UIKit進化
fumiyasac0921
0
280
製造業からパッケージ製品まで、あらゆる領域をカバー!生成AIを利用したテストシナリオ生成 / 20250627 Suguru Ishii
shift_evolve
PRO
1
150
KubeCon + CloudNativeCon Japan 2025 Recap by CA
ponkio_o
PRO
0
230
Wasm元年
askua
0
160
A2Aのクライアントを自作する
rynsuke
1
220
Featured
See All Featured
Making Projects Easy
brettharned
116
6.3k
Side Projects
sachag
455
42k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
8
680
Fantastic passwords and where to find them - at NoRuKo
philnash
51
3.3k
Agile that works and the tools we love
rasmusluckow
329
21k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
357
30k
Building Adaptive Systems
keathley
43
2.6k
The Cult of Friendly URLs
andyhume
79
6.5k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
50k
Automating Front-end Workflow
addyosmani
1370
200k
Git: the NoSQL Database
bkeepers
PRO
430
65k
A Modern Web Designer's Workflow
chriscoyier
694
190k
Transcript
CROSS-FIRST MOBILE APP GDG DevFest Cairo
ABOUT ME 11+ Overall experience Building Web & Mobile Apps
+SocialGood Connector
MOBILE APP PROJECTS! • Fast updates • Multi platforms •
Dependencies on another services • Potential to scale
WHAT’S CROSS-PLATFORM? • Build and HTML5 App? • Use one
of Cross-platform Mobile SDK? Com pletely not
CROSS-FIRST design your system to share code, assets, experience …
etc across your apps.
YOU CAN USE Native SDKs
SHARE • System Design • Assets • Code
SYSTEM DESIGN • One system design team • Shared logic
& flow • Shared Library • Shared Web services & versioning • Follow Standards
ASSETS • Images sizes & type • Video & Audio
files • Streaming encoding
CODE • Dependencies availability across platforms • A lot of
times Cross-platform SDK working fine • Revision control Submodule or Subtree
CAN WE? • Q1: Can we use .dll files into
Android or iPhone apps? • Q2: Can we share libraries across Mobile & Web App?
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
UX & UI CONTROLS
FOLLOW NATIVE GUIDELINE
FORCE YOUR EXPERIENCE
MY RECOMMENDATION
Side-menu or Tabs? Android iPhone
Tabs on Android Scrollable Tabs Tabs on Phone Tabs on
Tablet
Tabs on iOS iPhone Up to 5 tabs More tabs
Tabs on iPad
Action Bar & UINavigation