Mobile app architectures

8
Mobile App Architectures By Swagat Parida

Transcript of Mobile app architectures

Page 1: Mobile app architectures

Mobile App Architectures

By Swagat Parida

Page 2: Mobile app architectures

1. .Hybrid I – [Classic]2. ……………….Hybrid II – [Classic + Native]3. …………………………….....Native I – [Classic]4. …………………………………………………Native II - [Classic + [C/C++] + SIMD]5. …………………………………………………………………Super Hybrid - [Classic + Native + C/C++ + SIMD]

Page 3: Mobile app architectures

App-2App-1 App-N

Hybrid JS Interfaces [Public]

Cordova Web ContainerHTML/JSUI-Elements

Brower StorageSQLite

DOM Events

JS Interfaces{Authenticate}

{API}

Callback

Callback

Callb

ack

[Style][icons]

[theme][Labels]

AUTH

ENTI

CATI

ON

[Objective-c, Swift, Android(Java), WP(C#, VC ++)]

Internal Cordova InterfacesCordovaPlugin [iOS]

CordovaPlugin [Android]

CordovaPlugin[WP]

Plugin Callback

Plugin Callback

Plugin Callback

Plug

ins

Server[s]

Data Server Caching Server API Server Services Server

Hybrid - I

Page 4: Mobile app architectures

App-2App-1 App-N

Hybrid JS Interfaces [Public]

Cordova Web ContainerHTML/JSUI-Elements

Brower StorageSQLite

DOM Events

JS Interfaces{Authenticate}

{API}

Callback

Callback

Callb

ack

[Style][icons]

[theme][Labels]

AUTH

ENTI

CATI

ON

[Objective-c, Swift, Android(Java), WP(C#, VC ++)]

Internal Cordova InterfacesCordovaPlugin [iOS]

CordovaPlugin [Android]

CordovaPlugin[WP]

Plugin Callback

Plugin Callback

Plugin Callback

Plug

ins

Server[s]

Data Server Caching Server API Server Services Server

Hybrid - I

I

NATIVE

UI

Hybrid-Native Bridge

Server[s]

Data Server Caching Server API Server Services Server

Page 5: Mobile app architectures

App-2App-1 App-N

User InterfacesBase UI Components

Custom UI Components

Events

Logger

Offline Business Logic

Custom Events

Resources

Threads Tasks

Security Api Handlers

Server[s]

Data Server Caching Server API Server Services Server

[Objective-c, Swift, Android(Java), WP(C#, VC ++)]

[Style][icons]

[theme][Labels]Nativ

e

-I

Page 6: Mobile app architectures

App-2App-1 App-N

User InterfacesBase UI Components

Custom UI Components Events

Offline Business Logic

Custom EventsResources

Threads Tasks

Server[s]

Data Server Caching Server API Server Services Server

[Style][icons]

[theme][Labels]

Native-

II

Native C/C++ Wrappers OS Specific Handlers Device Specific Handlers

C, C++, SIMD

Hardware Instruction

sCore Logic

Heavy Computa

tion

Native C/C++ compilers JNI Compiler [Android NDK]

Objective-C Compiler [iOS]

VC++ Compiler [WP]

C, C++, SIMD

Page 7: Mobile app architectures

Hybrid-Native Bridge

Super Hybrid - I

Page 8: Mobile app architectures

???

??

?

? ??

??

???

? ??

??Please contact

Swagat Parida