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
17
Mobile app lifecycle with PhoneGap
hazemkhaled
0
580
Why & which mobile cross platform?
hazemkhaled
0
17k
Other Decks in Technology
See All in Technology
ローカルLLMとLINE Botの組み合わせ その2(EVO-X2でgpt-oss-120bを利用) / LINE DC Generative AI Meetup #7
you
PRO
0
110
私のMCPの使い方
tsubakimoto_s
0
110
Building a cloud native business on open source
lizrice
0
110
Contract One Engineering Unit 紹介資料
sansan33
PRO
0
8.9k
AI時代におけるデータの重要性 ~データマネジメントの第一歩~
ryoichi_ota
0
700
Node.js 2025: What's new and what's next
ruyadorno
0
660
All About Sansan – for New Global Engineers
sansan33
PRO
1
1.2k
Sansan Engineering Unit 紹介資料
sansan33
PRO
1
3k
AIとともに歩んでいくデザイナーの役割の変化
lycorptech_jp
PRO
0
600
Oracle Base Database Service 技術詳細
oracle4engineer
PRO
12
81k
組織改革から開発効率向上まで! - 成功事例から見えたAI活用のポイント - / 20251016 Tetsuharu Kokaki
shift_evolve
PRO
1
180
AWSでAgentic AIを開発するための前提知識の整理
nasuvitz
2
220
Featured
See All Featured
What’s in a name? Adding method to the madness
productmarketing
PRO
24
3.7k
Unsuck your backbone
ammeep
671
58k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
Making the Leap to Tech Lead
cromwellryan
135
9.6k
KATA
mclloyd
PRO
32
15k
The Straight Up "How To Draw Better" Workshop
denniskardys
238
140k
Optimizing for Happiness
mojombo
379
70k
GraphQLの誤解/rethinking-graphql
sonatard
73
11k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4k
Imperfection Machines: The Place of Print at Facebook
scottboms
269
13k
Designing for Performance
lara
610
69k
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