課程大綱

回上一層

世新大學一○八學年度第一學期課程大綱 Course Description First 2019

科目名稱
Course Title

0基礎程式設計
0Computer Programming

課程簡碼
Course No.

GRP-256-01-A1

開課系級
Dept

圖傳系二年級

學分數
Credit(s)

時數
Hour(s)

選別
Required or Elective

7-選修

開課別
Duration

半年第一學期

授課教師
Instructor

曾絲宜

扣考規定
Attendance Policy

校定時數：缺課達 9 小時發布預警達 12 小時執行扣考
University Attendance policy

中文課程概要
Chinese Course Description

透過程式語言來控制視覺，與資料元件，作為往後開發網際網路應用程式與互動電子出版或將往後作品發展成電子互動藝術的基礎。第一階段，藉由簡單易用且具物件導向概念的Scratch讓學生體驗透過電腦控制影音元件的樂趣。第二階段開始使用Processing，學習用程式碼來創作。 1.課程說明 2.Scratch基礎（一） 3.Scratch基礎（二） 4.動態腳本與演練 5.Scratch應用（一） 6.Scratch應用（二） 7.期中作品提案 8.期中作品發表 9.數位藝術與創作 10.Processing與電腦繪圖 11.點線面 12.物件導向與塊面處理 13.顏色與像素 14.動態與運動（一） 15.動態與運動（二） 16.互動練習 17.期末提案 18.期末展

英文課程概要
English Course Description

The main objective of this course is to teach students through the learning of programming languages??, to help strengthen their understanding and application of graphic communications and digital publishing technology information to teach students to apply object-oriented concepts, design and development of Internetrelated applications.

基本核心能力 /
系核心能力
Core Competency

核心能力	核心能力說明
具備高品質影像創作與展示能力	具備圖文整合為基底之文創內容創作及商品開發能力
具備美感素養與鑑賞能力	瞭解圖文整合的設計思考及設計創意，並延伸具備文創產業的商品開發及媒體行銷應用能力．
具備跨領域媒材整合與應用之能力	能應用不同媒材、科技與製程開發文創商品，並具備整合設計、生產及經營能力．
具備研究與獨立思考之能力	整合圖像創意、設計、印製技術及文化元素創意經營研究能力．

『註:該課程之核心能力以紅色表示.』

教學目標
Course Objectives

出版科技已由傳統的紙製媒體，經歷PDF、SWF等數位檔案型式，轉變為現在可從行動載具上隨手可得的EPUB、WEB及APP。根據Digital Marketing Association調查指出，自2016年開始網路媒體的傳播量已超過傳統紙製及廣播電視媒體。網路媒體是以HTML5為基礎的傳播方式，包含：網站、社群、APP等。所以，以HTML5為基礎的程式設計將是本課程的教授重點，亦是數位出版重要的專業技術。

本課程將帶領學生熟習使用HTML5與CSS基本架構與常用標籤，使用Box model 美化網站，學會簡單的JavaScript互動技術，並能夠使用Bootstrap製作RWD數位出版內容。課程將提供程式編碼素材包，讓學生能輕鬆快速的學會程式設計的基礎概念，並且透過簡易的程式編碼修改，美化UI與製作版型，提高學生學習興趣，在課程學習中潛移默化培養基礎程式設計的能力。

本課程目標為指導學生做出PERSONNAL CV WEB，並進行發布與出版。
1.知識領域：瞭解基礎程式在跨螢應用的差異，包含RWD版面、UI設計與互動應用。
2.技術領域：熟習使用HTML5、CSS、JavaScript、Bootstrap等基礎程式設計。
3.情意領域：讓學生瞭解如何規劃網站架構，並將想法落實到網路媒體上，並培養基礎網站的維護與管理能力

授課方式
Approach to Instruction

程式語法理論講述、實際上機操作、作品評析

成績評定
Grading

出席與課程投入30%
平時課堂作業及期中40%
期末成果發表與分享30%

參考書目
Textbooks and References

1. 教師自編教材
2. Robson, E., & Freeman, E. (2012). Head First Html And CSS. CA: O'Reilly Media, Inc.
3. Robson, E., & Freeman, E. (2011). Head First HTML5 Programming: Building Web Apps with JavaScript. CA: O'Reilly Media, Inc.
4. Peterson, C. (2014). Learning Responsive Web Design: A Beginner's Guide. CA: O'Reilly Media, Inc.
5. 洪錦魁（2017）。HTML5+CSS3王者歸來。臺北市：深石。
6. 蕭立文（2015）。HTML5+CSS3+jQuery 全方位網頁實例設計：跨平台、跨裝置、跨瀏覽器。臺北市：上奇。
7. 陳亦苓（譯）（民 105）。前端&行動網頁設計速成班：Bootstrap 4 + CSS3 + HTML5 + JavaScript（原作者：S. Moreto）。臺北市：松崗。（原著出版年：2016）
8. 許郁文（譯）（民 106）。設計師都該懂的UI/UX設計實務：超圖解跨裝置網頁設計實戰講座（原作者：エ・ビスコム・テック・ラボ）。臺北市：博碩。（原著出版年：2015）
9. 礒田優、久保知己、近藤直人、早川稔（2016）。宮田優希CSS3+jQuery手機網站UI範例實作。台北市：旗標。

週次
Week

進度內容
Syllabus

1(9/08~9/14)

課程導論及優良網站設計

2(9/15~9/21)

基礎程式設計開發工具簡介

3(9/22~9/28)

打造專屬的開發環境（安裝必裝軟體Sublime Text、Package）

4(9/29~10/05)

HTML5語法的基本架構

5(10/06~10/12)

用CSS語法美化HTML5

6(10/13~10/19)

認識Bootstrap

7(10/20~10/26)

Bootstrap的Grid系統

8(10/27~11/02)

認識JavaScript、撰寫簡單的JavaScript函數

9(11/03~11/09)

期中作業檢核

10(11/10~11/16)

獲獎作品之網站設計案例分析

11(11/17~11/23)

打造個人作品履歷網頁架構

12(11/24~11/30)

PERSONNAL CV WEB企劃-主題模板

13(12/01~12/07)

PERSONNAL CV WEB企劃-選單規劃

14(12/08~12/14)

PERSONNAL CV WEB企劃-文案規劃

15(12/15~12/21)

PERSONNAL CV WEB企劃-影像規劃

16(12/22~12/28)

PERSONNAL CV WEB企劃-互動設計

17(12/29~1/04)

用CSS美化個人作品履歷網頁

18(1/05~1/11)

期末成果發表與分享

回上一層