教學大綱與進度

課程基本資料：

學年期	課號	課程名稱	階段	學分	時數	修	教師	班級	人	撤	備註
110-2	297429	程式設計入門	1	2.0	3	▲	羅梅君	工設一	33	0	產品組(請同學勿選錯組),計中教室

教學大綱與進度：

教師姓名	羅梅君
Email	mcl@mail.shu.edu.tw
最後更新時間	2022-02-18 23:47:33
課程大綱	This lecture is designed for university-level students to learn how to create images and simple interactive multimedia related applications (including interactive art, live video processing, and data visualization) through a casual and concise introduction to computer programming. It’s presented in a non-threatening way that will ease students into programming and teach them to craft their own digital artwork and webpage/mobile apps and even combine works with hardware—no prior programming experience required. The Processing language taught using Python or Java or JavaScript (p5.js), will lead students to visualize the programming design concepts, through the production of computer graphics that illustrate the coding principles while being artworks. Over the course, students will learn the basics of drawing/designing simple shapes, move on to photo/image editing and video manipulation, and ultimately affect the physical world by using Processing with multimedia. 本講座是專為大學水平的學生設計的，旨在通過對計算機編程的簡要介紹來學習如何創建圖像和與交互式多媒體相關的簡單應用程序（包括交互式藝術，現時視頻處理和數據可視化）。它是以非威脅性的方式呈現，可以使學生輕鬆編程，並教他們製作自己的數位作品和網頁/手機應用程式，甚至將作品與硬件結合在一起-學生無需要有先前編程經驗也可以很快上手。課程中將通過使用Java或Python或JavaScript（p5.js）教授的處理語言，引導學生通過計算機圖形學的理論將編程設計的概念形象化，亦即經由編碼原理實踐電腦圖形的生成和藝術品的創作。在課程中，學生將使用多媒體處理應用軟體 (Processing)，首先學習繪製/設計簡單形狀的基礎知識，循序漸進地繼續進行照片/圖像編輯和視頻處理，期望最後實踐產生和實體世界響應相通並以多媒體形式呈現的2D和3D成品。
課程進度	第01週: Hello: (The Beginning) Pixels, Processing, and Interaction 第02週: Starting to Codes: Your First Program; Show; Save and New; Share 第03週: Draw: Display Window; Basic Shapes; Draw Order; Shape Property; Draw Modes; Color; Custom Shape; Comments; Robot 1/Draw 第04週: Variables: First Variables; Making Variables; Processing Variables; Little Math; Repetition; Robot 2/Variables 第05週: Responses: Once and Forever; Follow; Modifying Global Variables; Click; Location; Type; Map; Robot 3/Responses 第06週: Translate/Rotate/Scale: Translate; Rotate; Scale; Push and Pop; Robot/Translate, Rotate, Scale 第7週: Media: Images; Fonts; Shapes; Robot 5/Media 第8週: Mid-Term 第9週: Motions: Frames; Speed and Direction; Tweening; Random; Timers; Circular; Robot 6/Motions 第10週 Functions(I): Function Basics; Make a Function 第11週: Functions(2): Return Value; Robot 7: Functions 第12週: Objects: Fields and Methods; Define a Class; Create Objects; Robot 8/Objects 第13週: Lists: From Variables to Lists; List Operations; Repetition and Lists; Lists of Objects; Robot 9/Lists 第14週: Data and Dictionaries (I): Data Summary; Dictionaries; CSV Files 第15週: Data and Dictionaries (II): JSON; Network Data and APIs; Robot 10/Data 第16週: Extend I: Sound; Image and PDF Export 第17週: Extend II: Android 第18週: Final-Exam (Project)
評量方式與標準	平時成績(出席率、上課表現和作業):55% 期中成績:20% 期末考:25% 上課表現包括:熱心教導同學,學習大進步,態度積極進取。 特別必須注意者：每周所交代規定之作業(Homework)若未繳交 (包含未完成基本該有的進度和功能，亦視同未繳交；就算是當周缺席未到課，仍然得繳交當周所交代的作業)
使用教材、參考書目或其他	【遵守智慧財產權觀念，請使用正版教科書，不得使用非法影印教科書】 使用外文原文書：是 使用教材(教科書) 1. Casey Reas and Ben Fry, Make: Getting Started with Processing, Second Edition, Maker Media, September 2015. 參考書目 2. Margaret Noble, Programming Media Art Using Processing: A Beginner's Guide, CRC Press, 2021. 3. Yu Zhang (Author), Mathias Funk (Contributor), Coding Art: The Four Steps to Creative Programming with the Processing Language (Design Thinking) (English), Apress, 01/2021 4. Casey Reas & Ben Fry, Make: Getting Started with Processing, MAKER MEDIA, 2015. 5. Lauren McCarthy, Casey Reas & Ben Fry, Make: Getting Started with p5.js, MAKER MEDIA, 2016. 6. Casey Reas and Ben Fry, Processing: A Programming Handbook for Visual Designers, Second Edition, The MIT Press. December 2014. 7. Derek Runberg, The SparkFun Guide to Processing, No Starch Press, 2015. 8. Daniel Shiffman, Learning Processing, Second Edition: A Beginner's Guide to Programming Images, Animation, and Interaction, Morgan Kaufmann, August 2015. 9. Allison Parrish, Ben Fry, and Casey Reas, Make: Getting Started with Processing.py, MAKER MEDIA, 2016. (有中文翻譯本) 10. Daniel Shiffman, The Nature of Code: Simulating Natural Systems with Processing, December 2012. 11. Hartmut Bohnacker, Benedikt Gross, Julia Laub, and Claudius Lazzeroni,Generative Design: Visualize, Program, and Create with Processing, Princeton Architectural Press, August 2012. 12. Jeffrey L. Nyhoff, Larry R. Nyhoff, Processing: An Introduction to Programming, CRC Press, May 2017. 13. Ira Greenberg, Dianna Xu, Deepak Kumar, Processing: Creative Coding and Generative Art in Processing 2, friends of ED, April 2013. 14. Andrew S. Glassner, Processing for Visual Artists: How to Create Expressive Images and Interactive Art, A K Peters, August 2010. 15. Penny de Byl, Creating Procedural Artworks with Processing A Holistic Guide, CreateSpace Independent Publishing Platform, May 2017. 16. Nikolaus Gradwohl, Processing 2: Creative Coding Hotshot, PACKT, May 2013. 17. Jan Vantomme, Processing 2: Creative Programming Cookbook, PACKT, September 2012. Other Materials from Websites. 18. https://processing.org/ 19. http://learningprocessing.com/examples/ 20. http://learningprocessing.com/exercises/ 21. http://learningprocessing.com/videos/ 22. http://learningprocessing.com/resources/ 23. https://www.youtube.com/user/shiffman 24. https://www.youtube.com/user/shiffman/videos 25. http://happycoding.io/tutorials/processing/ Processing Tutorials 26. http://happycoding.io/tutorials/ 27. https://en.wikipedia.org/wiki/Processing_(programming_language)
課程諮詢管道
課程對應SDGs指標
備註	曠課12 小時扣考 (以老師點名記錄為主，就算學校點名系統關閉之後的曠課時數也在計算在內)。 若因疫情而暫停實體上課時，將使用可以同步師生互動的 discord 視訊上課，會議網址將公告於北科i學園