Jqm+appspresso
- 1. JQM螻 APPSPERSSO襯 企襴 焔瑚骸 WAC API 覯
- 2. 蠍一 讌2
- 3. JQuery ?JQuery Javascript殊企 襴殊覃伎, 企欧語襴, AJAX煙 襷覲企 所 Javascript貉碁，蠍 襷れ伎Javascript殊企 襴 譴 螳 瑚鍵Script.aculo.us, Prototype.js 煙宛螻 危 : http://docs.jquery.com/Main_Page3
- 4. JQueryMobile(JQM)?JQM Jqurey襯 UIMobile糾る誤佋骸觚襴酔 譴 Device UI襯 所 襷 る レ谿瑚 危 :http://jquerymobile.com/http://w3labs.kr/?p=326http://www.ibare.kr/tag/jquerymobile4
- 5. APPSPRESSO ?KTH 螳覦 豕 企襴 覦Web View襯 伎讌 螳ロ 螳覦蟆 讌轟 譴 WAC waikiki API襯 讌危企曙IDE 讌5
- 6. APPSPRESSO ?谿瑚 危 :http://www.appspresso.com/appdev/appMain.dohttp://www.ibare.kr/talk/3586
- 7. HTML5W3C 襷り 谿碁 譴れ 觚殊一 蠍郁鍵 螳 覲伎 襦 襷 一 譴覈 觚殊一 覯る 谿語7
- 8. HTML 5谿瑚 危 : http://www.w3.org/TR/html5/http://channy.creation.net/blog/776http://html.nhndesign.com/blog/22882http://www.ibm.com/developerworks/kr/library/tutorial/wa-html5/index.html8
- 9. CSS3HTML 覓語 讌 覲伎＾ 覓語CSS3 蠍一ヾ CSS2襯 覲伎 HTML5 蟷 一企 螳ロ 讌る, 讌 襷 觚殊一煙 讌讌 蠍磯レ 襷 (谿瑚危 )9
- 10. CSS3谿瑚 危 : 鞄岳岳沿://稼温姻温糸艶壊庄乙稼.稼艶岳/看顎庄韓/界壊壊3/鞄岳岳沿://敬敬敬.韓庄稼糸馨艶恢霞庄沿.界看馨/鉛庄岳馨顎壊(讌仰覿仰)鞄岳岳沿://敬敬敬.敬3.看姻乙/意檎/2002/安禽-界壊壊3-敬艶恢韓看稼岳壊-20020802/10
- 11. Hybrid APP 蟲 覦HybirdAPPれ危磯朱 れ(佋悪,煙ろ, 壱)JQM DeviceAPI JSJQM殊企襴HTML5 + CSS3 11
- 12. HybirdAPP覿覿Hybrid APP 蟲 覦JAVADeviceAPIJQM 企 れ JS貉危JQM殊企襴XMLHTML5 + CSS3 WEB VIEW蠍一ヾ 襦企 螳覦 覦(碁 )12
- 13. JQM APPSPERSSO 蠍一朱 る13
- 14. Index.html Js css朱 伎 HTML覓碁 蠏碁襦 14
- 15. 1JQM 蟆曙 覿襴 伎 DVI 蠏碁 蟲覿 蟆 譬.JQM 讌 伎朱 襷 蠍磯レ DVI襦 襷 企 讌蠍 覓語企.15
- 16. 2JS import 覦 JQM 覲企 Jquery襯 襾殊 譴.企蟆 一 蟆曙 JQM 襦 讌 .褐 蟆曙壱襴 蟆曙16
- 17. CSSHTML5螳 覃伎 襷 煙 殊CSS3螳 襾語襯 覿 豌危.CSS 覦覯 煙 ID 企 螻CSS ID 讌<divid="live-preview"></div>#live-preview { width: 100px; height: 150px; }17
- 18. JS 螳語 JS襷 蟆曙 ./JS 启 ｌ Import蠍壱 JS 覦覯 蠍一ヾ 伎 覦覯螻 螳.<scripttype="text/javascript" src=/slideshow/jqmappspresso/8674585/"/js/index.js"></script>18
- 19. 3JQM 覯る豌襴觜襦 JQM 螳讌 覦伎れ 蠍危讌襷 蠍郁鍵 螻 覿螳 蟆 讌 覈詩 覿覿 . 磯殊 蠍郁鍵 覲襦 襦 覯る 豌襴襯 伎 .//Android or IOS? varDeviceVendor = null;deviceapis.devicestatus.getPropertyValue( function (value) { if(value.indexOf('Apple') == 0){DeviceVendor = 'IOS';}else{DeviceVendor = 'Android';}}, errorCallback, { aspect: "Device", property : "vendor"}); 覯る豌襴 貊19
- 20. JQM炎骸 螳 語 蠏 煙 data-role螻 data-position <div data-role="content"><uldata-role="listview"><li><a href="camera.html"><h1>Camera</h1><p>Photo, Camera, Video, File and more...</p><spanclass="ui-li-count">3</span></a></li></ul></div>Content(覲碁) 覿覿 listview 伎 曙伎 <li> 伎 蟲覿20
- 21. JQM2<div data-role="footer" data-position="fixed"><div data-role="navbar"><uldata-inset="true"><li><a id="main_btn" href="/main.html" data-role="button"data-icon="star" data-iconpos="top">Main</a></li><li><a id="plus_btn" href="/camera.html" data-role="button"data-icon="plus" data-iconpos="top">Plus</a></li><li><a id="arrow_btn" href="/arrow.html" data-role="button"data-icon="arrow-d" data-iconpos="top">Arrow</a></li><li><a id="gear_btn" href="/gear.htmml" data-role="button"data-icon="gear" data-iconpos="top">Setting</a></li><li><a id="info_btn" href="/info.html" data-role="button"data-icon="info" data-iconpos="top">Info</a></li></ul></div></div>footer(蟆磯, ) 覿覿 navbar 伎 曙伎 <li> 伎 蟲覿21
- 22. JQM3 貉れろ磯伎れ 轟 語 蠏 覲 螳レ)$.mobile.page.prototype.options.backBtnText = る螳蠍";.るジ れ UI 覦覯http://jquerymobile.com/demos/1.0b1/#/demos/1.0b1/谿語＾22
- 23. JQM4豌 API伎企欧, 襷れ, 伎, 襷 煙 JS殊 襷れ API伎http://jquerymobile.com/demos/1.0b1/#/demos/1.0b1/docs/api/globalconfig.html谿語＾.23
- 24. DEVICE API 覯APPSPERSSO 蠍一朱 る24
- 25. WAC Wholesale Applications Community殊 襴貅伎 襷れレ, 蟲蠍螻 伎 旧れ 覘豎 襷れ企 蠏蟆OS蠍磯 譴 螳覦蟆 螻給れ 覦伎れ 螳25
- 26. WAC APIDevice API 殊Appspresso 覈覦 覦伎 企 蠍磯ルれ 濠骸 磯 API 襯 螻蟻豺企/螳る襴/磯曙/殊/ 煙 蠏狩蟆 螳26
- 27. WAC API 1覦伎 API 伎覦覯1. 覦伎 伎螻 蟯 JS2. 焔 JS import<scripttype="text/javascript" src=/slideshow/jqmappspresso/8674585/"/js/camera-capture-video.js"></script>27
- 28. WAC API 2 API 螻牛 豺企 語 磯覦 ろ襴渚語 企伎//DOC: http://www.appspresso.com/appdev/doc/symbols/ax.ext.media.htmlax.ext.media.captureImage({}, function (filename) {deviceapis.filesystem.resolve( function(file) { $("#user-capture-image").html("<imgsrc=/slideshow/jqmappspresso/8674585/""+file.toURI()+"" alt="" width="100%" />");ax.ext.ui.alert($("#user-capture-image").html(),function(){}); }, errorCallback, filename, "r");}, errorCallback);28
- 29. WAC API 3覦伎 覲 螳語り鍵...// wifi status deviceapis.devicestatus.getPropertyValue( function (value) { $("#device .wifi-status").html(value); }, getDeviceErrorCallback, { aspect: "WiFiNetwork", property : "networkStatus"}); // device vender deviceapis.devicestatus.getPropertyValue( function (value) { $("#device .device-vendor").html(value); }, getDeviceErrorCallback, { aspect: "Device", property : "vendor"}); // O/S versiondeviceapis.devicestatus.getPropertyValue( function (value) { $("#device .os-version").html(value); }, getDeviceErrorCallback, { aspect: "OperatingSystem", property : "version"}); ...29
- 30. 蠍壱 るジ 覦伎 覯危 谿語＾ : http://www.appspresso.com/appdev/doc/api.html30
- 36. .32