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
390
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
11
Mobile app lifecycle with PhoneGap
hazemkhaled
0
490
Why & which mobile cross platform?
hazemkhaled
0
17k
Other Decks in Technology
See All in Technology
オブジェクトのおしゃべり大失敗 メッセージングアンチパターン集 / messaging anti-pattern collection
ytake
0
330
OCI Data Integration技術情報 / ocidi_technical_jp
oracle4engineer
PRO
1
1.5k
TypeScript Quiz (Encraft #12 Frontend Quiz Night)
uhyo
4
410
私のRSpecの書き方 / How I write RSpec
tmtms
4
830
AMLD 2024 - Build Your Own GPT
donlelef
1
260
サービス成長と共に肥大化するモノレポ、長くなるCI時間 / As services grow, monorepos get bigger and CI time gets longer
kohbis
5
2.1k
あらゆる商品を扱う商品データベースを再設計した話 / product db re-architecture
rince
8
3.7k
Vos logs méritent mieux que la config par défaut
lyrixx
2
340
SREsのためのSRE定着ガイド
netmarkjp
10
1.6k
社内共通ルールを値オブジェクトにして社内ライブラリとして運用してみた話
leveragestech
2
1.1k
BDD(Cucumber)コミュニティが無料提供しているコンテンツの紹介と現在起きている危機
nihonbuson
4
730
依存ライブラリはどこに?
takesection
0
110
Featured
See All Featured
The Language of Interfaces
destraynor
150
23k
How To Stay Up To Date on Web Technology
chriscoyier
781
250k
Building Better People: How to give real-time feedback that sticks.
wjessup
350
18k
What's new in Ruby 2.0
geeforr
335
31k
Building a Scalable Design System with Sketch
lauravandoore
455
32k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
185
15k
Infographics Made Easy
chrislema
237
18k
Robots, Beer and Maslow
schacon
PRO
154
7.9k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
39
4.3k
Docker and Python
trallard
33
2.6k
Documentation Writing (for coders)
carmenintech
59
3.8k
Product Roadmaps are Hard
iamctodd
43
9.6k
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