KSDG #2 jQuery Mobile + PhoneGap

KSDG 第二次聚會於 2013/10/11 在高雄軟體科學園區舉辦,活動資訊

當天有兩個主題:jQuery Mobile 與 PhoneGap。

Query Mobile 是一個專為 Mobile 所設計的 Web 前端 Framework,套用其框架可以設計出在個種手機上均看到相同的 Web畫面。
PhoneGap 是將 Web 程式轉為各種各種手機的 App, 包括: iOS, Android, WP, FireFox ... 等六種平台,功能與效能上不比原生語言所開發的 App。其最大優勢是撰寫一次 JavaScript 的 Web 程式,就可以轉生成六種平台的 App。
未來有 Mobile App 需求例如:網站活動、企業內資料查詢...等應用,可以嘗試選擇合併搭配這兩種技術或單以 jQuery Mobile。

JQM Workshop

講師: Marty / marty.shu@gmail.com

簡報: http://jqmdesigner.appspot.com/jqm/jqmShare.html

第一步

載入一個CSS, 兩個 javascript 

jQuery Mobile CSS (桌布、結構)
jQuery javascript
jQuery Mobile javascript

release : jQuery 1.3.2, 1.4 即將發行

工具

EZoApp 

http://jqmdesigner.appspot.com/designer.html#id=6257589109129216

語意增強

<div id="home" data-role="page" is="page" data-gk-id="home">
  <div data-role="content" is="content" data-gk-id="gk-141cf4faebd-1"></div>
</div>

塞資料後,需要在 reflash,才會有 jQuery 的外觀

Plurk Poster

http://jqmdesigner.appspot.com/designer.html#id=4865671812874240

其他工具

jsbin.com

 

PhoneGap

  • 原始版本 Cordova

80~90% 程式可以轉為多平台的手機上

Sample code

https://github.com/KSDG/PhoneGap-Sample

Windows Phone, Windows Phone Store, 程式競賽, 比賽, 競賽, Nokia, Nokia Lumia 925, Lumia 1020, Lumia, App

http://mopcon.org/2013/events/nokia-microsoft-wp-contest.html

相關工具

phonejs