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
410
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
12
Mobile app lifecycle with PhoneGap
hazemkhaled
0
510
Why & which mobile cross platform?
hazemkhaled
0
17k
Other Decks in Technology
See All in Technology
データ分析基盤を作ってみよう~設計編~
nrinetcom
PRO
1
110
Azure AI ことはじめ
tsubakimoto_s
0
130
地理情報とAPIのトレンド
nagix
0
160
ゆめみのアクセシビリティの現在地と今後
ryokatsuse
3
290
LINE WORKSへ簡単通知!Incoming Webhookアプリの紹介
mmclsntr
0
110
Amazon FSx for NetApp ONTAPのパフォーマンスチューニング要素をまとめてみた #cm_odyssey #devio2024
non97
0
220
dxd2024-生成AIに振り回された3か月間の成功と失敗/dxd2024-link-and-motivation
lmi
2
260
サービスの持続的な成長と技術負債について
siva_official
PRO
10
4.4k
MySQLのロックの種類とその競合
yoku0825
6
1.6k
プレイドにおけるDatadog APMの活用方法
plaidtech
PRO
2
120
[I/O Extended Android 2024] What`s new in Android 2024
kyeongwan
0
220
[2024最新版]AWS Control Towerを使ったセキュアなマルチアカウント環境の作り方
hiashisan
0
270
Featured
See All Featured
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
121
18k
For a Future-Friendly Web
brad_frost
173
9.2k
What’s in a name? Adding method to the madness
productmarketing
PRO
21
2.9k
Side Projects
sachag
451
42k
The Straight Up "How To Draw Better" Workshop
denniskardys
229
130k
Into the Great Unknown - MozCon
thekraken
20
1.3k
Intergalactic Javascript Robots from Outer Space
tanoku
266
26k
Why You Should Never Use an ORM
jnunemaker
PRO
51
8.9k
Designing for Performance
lara
604
67k
Build The Right Thing And Hit Your Dates
maggiecrowley
28
2.2k
Fashionably flexible responsive web design (full day workshop)
malarkey
399
65k
Building Effective Engineering Teams - LeadDev
addyosmani
47
2.2k
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