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
Access-what? why and how, A11Y for All - Nordic.js 2025
gdomiciano
1
120
10年の共創が示す、これからの開発者と企業の関係 ~ Crossroad
soracom
PRO
1
650
多様な事業ドメインのクリエイターへ 価値を届けるための営みについて
massyuu
1
470
extension 現場で使えるXcodeショートカット一覧
ktombow
0
220
綺麗なデータマートをつくろう_データ整備を前向きに考える会 / Let's create clean data mart
brainpadpr
3
340
o11yで育てる、強い内製開発組織
_awache
3
130
能登半島地震で見えた災害対応の課題と組織変革の重要性
ditccsugii
0
180
多野優介
tanoyusuke
1
480
Function calling機能をPLaMo2に実装するには / PFN LLMセミナー
pfn
PRO
0
990
後進育成のしくじり〜任せるスキルとリーダーシップの両立〜
matsu0228
7
3.2k
【Oracle Cloud ウェビナー】クラウド導入に「専用クラウド」という選択肢、Oracle AlloyとOCI Dedicated Region とは
oracle4engineer
PRO
3
120
SoccerNet GSRの紹介と技術応用:選手視点映像を提供するサッカー作戦盤ツール
mixi_engineers
PRO
1
190
Featured
See All Featured
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
15
1.7k
Git: the NoSQL Database
bkeepers
PRO
431
66k
Building a Modern Day E-commerce SEO Strategy
aleyda
43
7.7k
Optimizing for Happiness
mojombo
379
70k
Practical Orchestrator
shlominoach
190
11k
Intergalactic Javascript Robots from Outer Space
tanoku
273
27k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
132
19k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3.1k
Docker and Python
trallard
46
3.6k
Building a Scalable Design System with Sketch
lauravandoore
462
33k
Building Applications with DynamoDB
mza
96
6.7k
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