[ITOnAir]데브멘토 동영상, 김민태 KTH 웹플랫폼 lab(2/2부)_Dev & Tech Festival <!--StartFragment-->하이브리드 웹, 앱의 의미와 개발 전략오픈소스 등으로 멀티플랫폼 앱 제작크로스 플랫폼 적용 사례   <?xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office" />본 영상은 데브멘토 ITOnAir (tv.devmento.co.kr) 또는 다음tv팟(tvpot.daum.net/pot/Itonair)을 통해 웹과 모바일로 시청하실 수 있습니다.

1. W
CAMERA
COMPASS
CONTACTS
FILE
1
GEO

2. LOCATION
NOTIFICATION

3. VIBRATION
NOTIFICATION

4. SOUND
ACCELEROMETER
PhoneGap
MEDIA

5. (AUDIO

6. RECORDING)
STORAGE
Hybrid Apps

7. 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

8. W
1 PhoneGap
iOS
AdPlugin
ChildBrowser
ClipboardPlugin
KeyChain
NativeControls
PayPayPlugin
ScreenShot
Hybrid Apps
Android
BarcodeScanner
ChildBrowser
ContactView
FileUploader
WebInternet

9. W
1 PhoneGap
Hybrid Apps

10. W
1 PhoneGap
Copy Build
Hybrid Apps

11. W
1 Appspresso
Eclipse IDE
WAC Waikiki 2.0 API
Enhanced Native API
Plug-in Development Kit
Include JS Framework
On the fly development
Hybrid Apps

12. W
1 Appspresso
WAC Waikiki API 2.0 beta
Export WAC widget package
Deviceapis
Accelerometer
Orientation
Camera
Devicestatus
Filesystem
Hybrid Apps
Messaging
Geolocation
Contact
Calendar
Task
Deviceinteration

13. W
1 Appspresso
Hybrid Apps

14. W
1 Appspresso
Hybrid Apps

15. W

16. W
1 Appspresso
Hybrid Apps

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

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

19. W

20. W
Native

21. User

22. Experience
Native

23. Performance

24. +

25. Native

26. UX
(tables,view,tabs,alert,

27. button

28. or

29. more)
Social

30. Networking
Titanium
Facebook,

31. Twiter,

32. Yahoo

33. YQL,

34. and

35. more
Analytics
User,

36. Session

37. and

38. Event

39. Analytics
Hybrid Apps
Location-based

40. Service
Rich

41. Multimedia
2
GeoLocation,

42. Compass,

43. Native

44. maps
Camera,

45. Video

46. Camera,

47. Streaming
Unlimited

48. Extensibility

49. W Titanium
Hybrid Apps
2

50. W Titanium
Hybrid Apps
2

51. 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

52. W What is
Hybrid
Apps
By min tae, Kim
KTH/웹플렛폼Lab
Thank you!
ibar
e77
om
ail.c
@gm
@ib
are