教學大綱表
請遵守智慧財產權,勿使用非法影印教科書,避免觸法。
課程名稱 (中文) 手持裝置網頁設計
(英文) Web Page Design On Handheld Device
開課單位 媒體設計學系
課程代碼 V3740
授課教師 莊羽柔
學分數 2.0 必/選修 選修 開課年級 大三
先修科目或先備能力:有基本閱讀物件導向程式的能力
課程概述與目標:近年來智慧型行動裝置的發達,逐漸改變了世界觀和人與人之間的連結模式;本課程就是要教導學生該如何從設計的角度出發,進而開發出一個又好又實用的智慧型手機或智慧型平板程式(以Android平台為主)。基本上會從最基礎重頭開始紮根,但會依照學生的程式語言程度進行授課內容的調整,盡可能深入淺出!最終目標就是希望課堂結束後每人(每組)都可以開發出一個屬於自己的智慧型手機或智慧型平板程式(app)。
教科書 自備投影片
參考教材 HTML5+CSS3智慧型手機專用網站設計
課程大綱 學生學習目標 單元學習活動 學習成效評量 備註
單元主題 內容綱要
1 課程介紹 課程概略敘述 課程概略敘述  
2 認識你的手機 手機歷史沿革 手機歷史沿革  
3 認識技術 HTML+CSS做RWD HTML+CSS做RWD  
4 認識技術 HTML+CSS做RWD HTML+CSS做RWD  
5 認識技術 HTML+CSS做RWD HTML+CSS做RWD  
6 認識技術-2 jQuery Mobile jQuery Mobile  
7 認識技術-2 jQuery Mobile jQuery Mobile  
8 認識技術-2 jQuery Mobile jQuery Mobile  
9 期中報告 期中報告 期中報告
  • 期中考
  •  
    10 認識技術-3 Bootstrap Bootstrap  
    11 認識技術-3 Bootstrap Bootstrap  
    12 認識技術-3 Bootstrap Bootstrap  
    13 認識技術-3 Bootstrap Bootstrap  
    14 實作範例介紹 分析實作範例 分析實作範例
  • 作業
  •  
    15 製作完整的行動裝置版網頁並發佈 完整的規劃設計及製作教學 完整的規劃設計及製作教學  
    16 PhoneGap介紹與使用教學 教學使用PhoneGap發布 教學使用PhoneGap發布  
    17 GOOGLE服務應用開發 Google Map服務與定位系統結合教學 Google Map服務與定位系統結合教學  
    18 專案討論 與同學討論期末專案 與同學討論期末專案
  • 期末考
  •  

    教學要點概述:
    教材編選: ■ 自編教材 □ 教科書作者提供
    評量方法: 期末考:30%   期中考:30%   其他評量:25%   平時考:15%  
    教學資源: ■ 教材電子檔 □ 課程網站
    扣考規定:http://eboard.ttu.edu.tw/ttuwebpost/showcontent-news.php?id=504