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
Aurora DSQLはサーバーレスアーキテクチャの常識を変えるのか
iwatatomoya
1
730
dbt開発 with Claude Codeのためのガードレール設計
10xinc
2
1.1k
AI開発ツールCreateがAnythingになったよ
tendasato
0
120
Language Update: Java
skrb
2
290
サンドボックス技術でAI利活用を促進する
koh_naga
0
200
現場で効くClaude Code ─ 最新動向と企業導入
takaakikakei
1
210
複数サービスを支えるマルチテナント型Batch MLプラットフォーム
lycorptech_jp
PRO
0
300
Django's GeneratedField by example - DjangoCon US 2025
pauloxnet
0
120
Terraformで構築する セルフサービス型データプラットフォーム / terraform-self-service-data-platform
pei0804
1
150
RSCの時代にReactとフレームワークの境界を探る
uhyo
10
3.3k
react-callを使ってダイヤログをいろんなとこで再利用しよう!
shinaps
1
230
2025年夏 コーディングエージェントを統べる者
nwiizo
0
140
Featured
See All Featured
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
Mobile First: as difficult as doing things right
swwweet
224
9.9k
Git: the NoSQL Database
bkeepers
PRO
431
66k
Navigating Team Friction
lara
189
15k
Optimising Largest Contentful Paint
csswizardry
37
3.4k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
34
3.1k
Bash Introduction
62gerente
615
210k
The Language of Interfaces
destraynor
161
25k
Site-Speed That Sticks
csswizardry
10
810
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
15
1.6k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
358
30k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
36
2.5k
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