APP Programming and Design Syllabus
◆ 講師資料
呂怡緯
Email：seaniwei@yahoo.com.tw、seaniwei@gmail.com
課程Blog：http://seansharingblog.blogspot.tw
課程大綱與教材：http://seansharingblog.blogspot.tw/2015/02/1032.html
Mobile：0973-033109
◆ 課程目標
透過課程實作提供學生運用Apache Cordova結合HTML5、CSS3、jQuery、JSON等技術開發跨平台行動網頁及APP應用程式之能力，並以Google Map API和政府公開資料Open Data為應用在課程中完成APP程式專題。
本課程以上機教學與專案實作為主，將依以下單元進行，1.行動網頁與手機應用程式介紹，2.Apache Cordova介紹，3.行動網頁HTML5與CSS3，4.行動UI設計 jQueryMobile，5.JSON與政府開放資料Open Data，6.Cordova包裝與發佈。
Students will learn how to program mobile webs and mobile apps with HTML5, CSS3, jQuery, JSON and Apache Cordova. And students will create an app project with Google Map API and open data application in the class.
◆ 課程進度
- 課程說明
- 認識行動網頁與手機應用程式
- 開發工具及Mobile HTML5介紹
- 用Bootstrap建立自己的Mobile Web
- Mobile HTML5 Viewport and Layout
- HTML5 Canvas, Multimedia and Forms
- Mobile HTML5 & CSS3
- MTML5 Local Storage and Application Cache
- MTML5 Geolocation
- JSON Intro
- jQuery Mobile Intro
- Cordova 安裝、包裝與發佈
- 專案設計要求
- 課程案例 - GitHub
◆ 評分標準
- 課堂參與(20%)
- 個人 APP 實作(40%)
- 期末分組專題實作(40%)
◆ 課程要求
- 按時出勤、課堂參與、上課實作。
- 個人 APP 實作。
- 期末分組專題實作 - Open Data 創新應用競賽。
◆ 課程用書
- jQuery Mobile 智慧型手機程式開發：跨平台開發Android / iPhone / Windows Phone App超簡單，作者：岡本隆史、梶原直人、田中智文，出版社：博碩 2014/05
- 通吃iOS及Android：用HTML5+Script就能開發APP，作者：唐開俊，出版社：佳魁資訊 2012/11
◆ 課程準備
- Ubuntu VM - Oracle VirtualBox 虛擬機器軟體 (GPL自由軟體)
- git & GitHub 基本概念與操作
- Web Server and PHP: Google Cloud Platform (GCP), 000webhost, InfinityFree ...
◆ After the Course
- Design Mobile Web with HTML5
- Design Mobile app with jQuery Mobile
- Creating mobile apps with Apache Cordova
◆ Appendixes
◆ 課程分組名單填寫
◆ 課程分組名單
◆ 個人 Github 繳交
◆ 108(I) 學期課程群組