Hybrid apps combine aspects of both native and web apps. They are built using web technologies like HTML, CSS, and JavaScript but wrapped in a native container using a framework like PhoneGap or Titanium to access native device capabilities and be distributed through native app stores. This allows developers to create apps that have high performance like native apps but with the multi-platform capabilities of web apps since the code only needs to be written once.

1. W What is
Hybrid
Apps
By min tae, Kim
ibar
e77
om
ail.c
@gm
@ib
are

2. W
Native Apps

3. W Awesome UX
High Performance
Full Device Resource
App Store
Gaming Machine
Native Apps

4. W High Cost
Too Difficult
Long Store Process
Too Many Device
Too Many Platform
Version Management
Native Apps

5. W
Morgan Stanley
1,000,000
Mobile
Internet
100,000
Devices & Users (MM in Log Scale)
10,000 Desktop
Internet
1,000
PC
10B++
1B+ Units / Units ??
100 Users
Minicomputer
10 100MM+ Units
Mainframe 10MM+ Units
1
1MM+ Units
1960 1970 1980 1990 2000 2010 2020
Native Apps

6. W
WebApps

7. W Open Web Standard
HTML,CSS,JS
Multi Device
Multi Platform
Realtime Update
WebApps

8. W Device Resource
Accessibility
Confidence
Cross-domain
Performance
WebApps

9. W
The Solution

10. W

11. W

12. W
app1 = “web app”;
app2 = “native app”;
app3 = app1 + app2;
alert(app3);

13. W Awesome!!
Hybrid Apps

14. W
2007
Add
to
Home
Screen
Hybrid Apps

15. W Awesome!!
Hybrid Apps

16. W 2
Hybrid Apps

17. W
1
Convert
WebApps to
Native Apps
Hybrid Apps

18. W
1 PhoneGap
Hybrid Apps

19. W
1 PhoneGap
Open Source and Free
Wrap it with PhoneGap
Deploy to Multi Platform
Access Native Features
Supported Plugins
Hybrid Apps

20. W
CAMERA
COMPASS
1
GEOLOCATION
CONTACTS
FILE
PhoneGap
NOTIFICATIONVIBRATION
NOTIFICATIONSOUND
ACCELEROMETER
MEDIA(AUDIORECORDING)
STORAGE
Hybrid Apps

21. W
1 PhoneGap
WebApp
Files
Hybrid Apps

22. W
1 PhoneGap
Copy Build
Hybrid Apps

23. W
1 PhoneGap
Camera
Contact
Network
Hybrid Apps

24. W
1 PhoneGap
acceleration adMOD
compass camera
contact file
debugconsole
position
device
accelerometer
iAds
Hybrid Apps
uicontrols
media
orientation WebSocket
network notification
geolocation
sms
map
telephony

25. W
1 PhoneGap
iOS
Hybrid Apps
Android

26. W
1
);
},
PhoneGap
navigator.camera.getPicture (
function (imgBase64) {
var image = document.getElementById('img1');
img1.src = data:image/jpeg;base64, + imgBase64;
function(message) {
},
{
}
alert('실패했습니다.: ' + message);
quality: 80,
sourceType : Camera.PictureSourceType.CAMERA,
destinationType : Camera.DestinationType.DATA_URL
Hybrid Apps

27. W
1 PhoneGap
Hybrid Apps

28. W
Build Native Apps
with Web
Technology
Hybrid Apps
2

29. W Titanium
Hybrid Apps
2

30. W Titanium
Open Source and Free
Full Featured API
Cross-platform Publishing
Use Web Technology
Titanium is Native
Hybrid Apps
2

31. W

32. W
NativeUserExperience
Analytics
SocialNetworking
Hybrid Apps
Titanium
Location-basedService
RichMultimedia
UnlimitedExtensibility
2

33. W Titanium
Hybrid Apps
2

34. W Titanium
Hybrid Apps
2

35. W
});
transform:t
Titanium
var t = Titanium.UI.create2DMatrix().scale(0);
var w = Titanium.UI.createWindow({
backgroundColor:'#336699',
height:400,
width:300,
borderRadius:10,
var t1 = Titanium.UI.create2DMatrix().scale(1.1);
var a = Titanium.UI.createAnimation();
a.transform = t1;
a.duration = 200;
a.addEventListener('complete', function()
{ .....
Hybrid Apps
2

36. W
Market

37. W
Web Apps

38. W

39. W What is
Hybrid
Apps
By min tae, Kim
Thank you!
ibar
e77
om
ail.c
@gm
@ib
are