檔案產生時間：2018/10/9 下午 03:13:21
本表如有異動，於4小時內自動更新

一、課程基本資料 Course Information
科目名稱 Course Title： (中文)ＭＯＢＩＬＥ　ＦＩＲＳＴ行動開發資訊非同步 (英文)MOBILE FIRST WEB APPLICATION DEVELOPMENT		開課學期 Semester：106學年度第2學期 開課班級 Class：全校選修
授課教師 Instructor：秦裕國 CHIN, JACKIE
科目代碼 Course Code：BSP97101	單全學期 Semester/Year：單			分組組別 Section：資訊非同步
人數限制 Class Size：120	必選修別 Required/Elective：選			學分數 Credit(s)：1
星期節次 Day/Session：	前次異動時間 Time Last Edited：107年01月11日08時44分
全校選修(課程)基本能力指標 Basic Ability Index
編號 Code 指標名稱 Basic Ability Index 本科目對應之指標 Correspondent Index 達成該項基本能力之考評方式 Methods Of Evaluating This Ability 1 倫理思辨 Ethical Speculation.     2 人文素養 Humanistic quality.     3 科學素養 Scientific Literacy. ● 》出缺席狀況 》課堂討論與表現 》作業成績 》實作(含分組演練/合作等) 4 歷史思維 Historical thinking.     5 語文能力 Language ability. ● 》出缺席狀況 》課堂討論與表現 》作業成績 》實作(含分組演練/合作等) 6 身心健康 Physical and mental health.     7 民主法治與公民素養 Democratic rule of law and civic literacy.     8 社會意識與國際視野 Social consciousness and international perspective.     9 美感意識 Aesthetic consciousness. ● 》出缺席狀況 》課堂討論與表現 》作業成績 》實作(含分組演練/合作等)
二、指定教科書及參考資料 Textbooks and Reference (請修課同學遵守智慧財產權，不得非法影印)
●指定教科書 Required Texts 線上平台影音教材(教師自製) ●參考書資料暨網路資源 Reference Books and Online Resources MSDN & W3School
三、教學目標 Objectives
1. 從0開始，徹底學會 HTML/Javascript/CSS 2. 透過Bootstrap框架，打造自己的行動版網頁應用 3. 使用jQuery Ajax技術，為網頁應用增加最新消息
1.HTML/Javascript/CSS foundation. 2.Create mobile first application using Bootstrap. 3.Introduction of jQuery AJAX.
四、課程內容 Course Description
●整體敘述 Overall Description 行動裝置徹底的顛覆了我們的生活，根據2014年一份Google內部的報告指出，有65％的搜尋是來自於行動裝置。軟體開發，正逐漸朝 Mobile First的方向邁進。本課程將從HTML/CSS/Javascript 最基礎的概念開始介紹，除搭配實作練習，也結合目前最流行的Mobile First框架: Bootstrap，引領同學無痛入門行動版網頁的開發。 Mobile device has deeply changed our whole life, according to an inner report of Google 2014, 65% search request was made from mobile device. Modern software development has followed the principle of Mobile First. This lesson will introduce the foundation of HTML, Javascript, CSS and the Bootstrap framework to help students build their own mobile web applications easily.
●分週敘述 Weekly Schedule 週次 Wk 日期 Date 課程內容 Content 備註 Note 1   基礎培養： @開發環境建置，如何啟用Windows/macOS內建的網站伺服器。 @Visual Studio Code 編輯器的介紹與使用 @HTML基礎語法與元素屬性介紹 @CSS樣式表介紹 @實作練習 @作業： 完成環境搭建，並使用CSS美化個人簡介頁面後上傳。 時數2小時 2   無 無 3   網頁魔法師Javascript： @什麼是Javascript，它是如何運作的 @Javascript的變數、函數宣告以及撰寫語法 @Javascript的數值運算與字串處理 @瀏覽器除錯工具使用 @作業： 使用Javascript撰寫簡易的BMI計算程式 時數2小時 4   無 無 5   Write Less, Do More: jQuery @jQuery介紹 @jQuery Selector介紹 時數2小時 6   無 無 7   Write Less, Do More: jQuery (Cont.) @jQuery 常用功能與外掛介紹 @實作練習：使用jQuery改寫BMI計算程式，並附加動畫呈現效果 @測驗： 基本觀念與Selector的運用 時數2小時 8   無 無 9   Mobile First Bootstrap 1： @Bootstrap介紹 @Bootstrap Grid System 時數2小時 10   無 無 11   Mobile First Bootstrap 2： @Bootstrap 常用功能介紹 @實作練習：使用Bootstrap Grid System編排頁面樣式 @測驗： Bootstrap基礎知識與Grid System 時數2小時 12   無 無 13   Mobile First Bootstrap 3： @Bootstrap 常用控制項介紹 @實作練習：使用Bootstrap 開發個人行動應用 @作業： 以Bootstrap 建置行動版個人頁面 時數2小時 14   無 無 15   行動應用與API的串接： @API是什麼？ @如何讓Bootstrap透過jQuery與API互通 時數2小時 16   無 無 17   ＠透過jQuery取得最新公告內容 ＠以jQuery撰寫程式，呼叫API寄信給老師 @期末測驗： 課程基礎知識觀念 時數2小時 18   無 無

五、考評及成績核算方式 Grading

配分項目 Items 次數 Times 配分比率 Percentage 配分標準說明 Grading Description 平時作業   20%   隨堂考   20%   學期考   40%       20% 線上參與討論互動 配分比率加總 100%

六、授課教師課業輔導時間和聯絡方式 Office Hours And Contact Info

●課業輔導時間 Office Hour 1. 每週三、五，下午3點 2. 線上討論，無時段限制

●聯絡方式 Contact Info 研究室地點 Office：城中2大樓電算中心2215 EMAIL：jackiechin@scu.edu.tw 聯絡電話 Tel：02-23111531 #2747 其他 Others：

七、教學助理聯絡方式 TA’s Contact Info

教學助理姓名 Name 連絡電話 Tel EMAIL 其他 Others

八、建議先修課程 Suggested Prerequisite Course

1. html 製作先備知識 2. 程式邏輯基礎類型課程

九、課程其他要求 Other Requirements

修讀線上課程重要觀念，請配合： 俗語說：「師父領進門，修行在個人」，線上學習最重要的關鍵就在「必須要動手實作、勇於提問，才會有良好的成效」。 希望同學都能持之以恆，從基礎開始，跟老師一起逐一克服各個難關。遇到任何不明白的地方或是有任何天馬行空的想法，都歡迎留言，我們可以一起討論。很多時候，完成一個任務並不是只有一種方法。

十、學校教材上網及教師個人網址 University’s Web Portal And Teacher's Website

學校教材上網網址 University’s Teaching Material Portal： 東吳大學Moodle數位平台：http://isee.scu.edu.tw

教師個人網址 Teacher's Website：

其他 Others：

十一、計畫表公布後異動說明 Changes Made After Posting Syllabus