This document compares the performance of applications built with two cross-platform frameworks, PhoneGap and Titanium. It first provides background on hybrid mobile applications and the two frameworks. It then discusses related work comparing native and hybrid performance. The document proposes comparing the two frameworks' applications based on execution time and disk space. It presents the implementation of a sample RSS feed app with both frameworks. Analysis shows the PhoneGap application has shorter execution times and uses less disk space than the Titanium application. Overall, PhoneGap applications perform faster for the tasks tested.

1. 1
presentedby
ApurvaVyas
(0876IT12ME03)
Performance Disparities between
Cross-platform Frameworks Applications

2. 2
ABSTRACT
 The proposed work has compared different
framework application on the different platform
based on some parameters (Execution Time, Disk
Space) by developing an application on both
frameworks.
 Proposed work has measured both app’s
execution time and compares both app’s output
values.
 The proposed work define some drawbacks of
traditional native development. And also how the
proposed cross-platform framework will
overcome these drawbacks.

3. 3
INTRODUCTION

4. 4
Background of Study
 The Hybrid App combines element of web and
native app.
 Used technology
Cross platform frameworks:- Cross-Platform
frameworks deliver native application code
which can be deployed on all supported mobile
operating system.
 Used frameworks for proposed work:
PhoneGap Framework
Appcelerator Titanium Framework

5. 5
Phonegap
framework turn a
static website to
native app.
It use web
standard
technology.
Use JavaScript
to connect to
device technology
like camera,
notification etc.
Project compile
with PhoneGap to
add native code
and turn into app.

6. 6
In titanium create
the app using
JavaScript and
calling Titanium
APIs.
 The JavaScript
(we write) is
interpreted on
runtime.
Titanium create
JavaScript
interpreter bridge
between app ‘s
JavaScript code
and underlying
native platform.

7. 7
Related Work
Robert Gustavsson et al. proposed [9] a comparison
between a hybrid and native application based on
time measurement criteria.
 In this paper he proposed an execution time which
shows the elapsed time to complete the method and by
this method he analyzes both apps performance.
 In this paper author take two technologies PhoneGap
and Window SDK framework for native and hybrid
application development. The execution time which
used for comparison was basically a timestamp
difference between start timestamp and end timestamp.

8. 8
 Spyros Xanthopoulos et al. (2013) proposed
comparative analysis on specific criteria which
set by him.
 This paper gives a review and analysis of cross-
platform approaches. The author focused on
primary applications type web, hybrid, and native
apps. The author uses Appcelerator titanium
framework for developing an application for ios
and android development.

9. 9
PROBLEM STATEMENT

10. 10
Native app development drawbacks
 Very expensive
Time-consuming for cross-platform
applications
Need a big development team
Native app are developed with specific sdk and
tools for each platform

11. 11
 The cross platform framework overcome all this
problems. Currently, various cross platforms are
available in the market. But the dilemma is which
will be better for development.
 Spyros Xanthopoulos et al. (2013) tested hybrid
development framework called Titanium. Their
work was a comparison between hybrid app and
native app.

12. 12
 Robert Gustavsson and Dimitrios Symeon [9]
tested hybrid development framework Phonegap and
native development framework Window phone SDK.
Their work was a comparison of native app and
hybrid app‘s performance with execution time
parameter.

13. 13
Research Objective
 Our objective is to choose a better cross-platform
framework for mobile app development which
support all devices and all platforms.
 Second is analyze which framework application is
better at run time.
 Also proposed a framework to overcome the issues
which occur in comparative analysis.

14. 14
PROPOSED WORK

15. 15
Proposed work compare two hybrid applications
PhoneGap and Titanium app.
Execution-Time parameter to compare two
different framework application performance.
Disk-Space parameter to analyze memory
consumption by apps.

16. 16
 The execution time parameter is work as timer which
starts when the method is called by the application
and ends when the method completed.

17. 17
Proposed framework- MAT(MobileApp Technology)
 The proposed framework is the multi-architecture
framework.
 It has flexible web (HTML, CSS, JavaScript) and
native (Android, iOS, Windows) techniques.
 MAT has include 3 layers
 UI layer
 Logic layer
 Native layer

18. 18
Layer structure of MAT framework

19. 19
The proposed framework solve the issue which
occurs in PhoneGap and titanium like
 poor performance
 delay in loading the app
 lack of look and feel
 high memory usage

20. 20
Implementation
 Development of a RSS Feed app for Android and
iOS platform in PhoneGap and Titanium framework.
 RSS (Rich Site Summary) is a format for delivering
regularly changing web content.

21. 21
 This application feeds the information what client
select.
 The user can add the RSS address/links which he
likes to read, some RSS feed source like TOI, ZEE
NEWS etc.

22. 22
Use Case
diagram
of RSS
Feed
app

23. 23
Activity
diagram
of
RSS
Feed
app

24. 24
Installation process of Titanium and Phonegap

25. 25
Application development procedure for both frameworks
 In PhoneGap framework
we use HTML, CSS,
JAVASCRIPT for develop
app.
 In PhoneGap the main
files is index.html and the
root folder is www. For the
PhoneGap app
development we use
PhoneGap CLI, which run
on command prompt.
 In Titanium framework
we use JavaScript and
Titanium APIs for app
development.
 In titanium the main file
is app.js file and the root
folder is Resource. For
the titanium app
development we use
Titanium SDK and
Titanium CLI, which also
run on command
prompt.

26. 26
In figure show the RSS feed app for android and also use android
emulator for install and run application virtually.
Development forandroid platform on PhoneGap

27. 27
This framework only familiar with JavaScript code so we use JavaScript
language to create RSS feed app.
DevelopmentforandroidplatformonTitanium

28. 28
ios platform development XCode tool is needed. we need an ios-simulator to run
application. Ios application support Mac operating system.
Development forios platform on PhoneGap

29. 29
Below we show app screen which runs on IPHONE simulator..
Development forios platform onTitanium

30. 30
RESULT ANALYSIS

31. 31
Comparison b/w PhoneGap and Titanium
 Compare both framework based on parameter.
 Calculate the execution time of app at run time.
 Measure the installed app size and apk/ipa size of
app.
 Throughout work, we analyze how the application
runs on android devices and how much time taken
by it to complete the input task performed by user
when run it on device or emulator and also how
much memory consumption is done by app.

32. 32
 Table for compare execution time for both
frameworks’ application
Comparison for Android platform
Parameters Frameworks
PhoneGap Titanium
Execution time 275283 ms 298391 ms
Installed App
Size
2.47 MB 19.63MB
.Apk/.Ipa Size 1.97 MB 9.07MB

33. 33
PHONEGAPAPP
Screenshots of debugging log which show Execution time of
both app when they run on android emulator.

34. 34
TITANIUMAPP

35. 35
 Table for compare execution time for both
frameworks’ application
Comparison for iOS platform
Parameters Frameworks
PhoneGap Titanium
Execution time 90876 ms 96113 ms
Installed App
Size
1.8 MB 10 MB
Apk/Ipa Size 1.8 MB 9.7 MB

36. 36
PHONEGAPAPP

37. 37
TITANIUMAPP
Screenshots of
debugging log
which show
Execution time
of both app
when they run
on android
emulator.

38. 38
PHONEGAP APP TITANIUM APP
Screenshot of application when it shows execution time
after save feed data.

39. 39
CONCLUSION

40. 40
 The proposed work analyzes two different cross-
platform frameworks which use in market mostly.
 In comparison table we can see that the execution
time of the Phonegap application is less than
Titanium application in both platforms.

41. 41
 Also the installed app size and apk/ipa size of
Phonegap app is less than titanium app on
Android/iOS platform.
 Based on comparison we observe that PhoneGap
application perform faster than Titanium
application and use less disk space.

42. 42
 Titanium application completes the task slower than
PhoneGap application.
 The slower part of titanium application is handling
event in JavaScript. Because of this Titanium
framework application perform slower than
PhoneGap application.
 Also because Titanium framework use JavaScript
interpreter bridge at runtime

43. 43
Futurework
 Furthermore, promising future improvement is
possible in cross-platform framework development
approaches for the mobile app.
 We can use framework plug-in (GPS, Camera, etc.)
application for more test and comparison .Also we
can use other popular framework for test and
development for future work.

44. 44
THANK YOU