FACULTY OF FINE ARTS AND DESIGN
Department of Visual Communication Design
VCD 436 | Course Introduction and Application Information
| Course Name |
Introduction to Programming for Designers
|
|
Code
|
Semester
|
Theory
(hour/week) |
Application/Lab
(hour/week) |
Local Credits
|
ECTS
|
|
VCD 436
|
Fall/Spring
|
2
|
2
|
3
|
4
|
| Prerequisites |
None
|
|||||
| Course Language |
English
|
|||||
| Course Type |
Elective
|
|||||
| Course Level |
First Cycle
|
|||||
| Mode of Delivery | - | |||||
| Teaching Methods and Techniques of the Course | Problem SolvingQ&ACritical feedbackApplication: Experiment / Laboratory / WorkshopLecture / Presentation | |||||
| Course Coordinator | - | |||||
| Course Lecturer(s) | ||||||
| Assistant(s) | - | |||||
| Course Objectives | The aim of this course is to introduce students to computer programming, with special emphasis on interactive data visualization, the art of creating responsive and engaging visual representations. Students will learn fundamental interactive design principles, and gain practical experience creating interactive visualizations with Java, Javascript and Processing, programming languages that are developed specifically for artists and designers. This course also covers physical interaction and alternative human computer interaction such as Arduino. |
| Learning Outcomes |
The students who succeeded in this course;
|
| Course Description |
|
|
Core Courses | |
| Major Area Courses | ||
| Supportive Courses | ||
| Media and Management Skills Courses | ||
| Transferable Skill Courses |
WEEKLY SUBJECTS AND RELATED PREPARATION STUDIES
| Week | Subjects | Related Preparation |
| 1 | Introduction, Objectives and Expectations / Computing without a Computer / Hello Processing: Instructions and Statements | |
| 2 | Variables and Response / Graphic Elements: 2D Primitives, Color | https://hello.processing.org Review previous week’s subjects and homework (if assigned) |
| 3 | Conditionals - I / Graphic Elements: Custom Shapes, Curves | Review previous week’s subjects and homework (if assigned) |
| 4 | Conditionals - II / Media: Images and Text | Review previous week’s subjects and homework (if assigned) |
| 5 | Repetition and Patterns / Media: Sound | Review previous week’s subjects and homework (if assigned) |
| 6 | Modularity: Functions - I / Scene Management | Review previous week’s subjects and homework (if assigned) |
| 7 | Modularity: Functions - II / Media: Review | Review previous week’s subjects and homework (if assigned) |
| 8 | Arrays, Modularity: Review / Animations | Review previous week’s subjects and homework (if assigned) |
| 9 | Modularity: Object Oriented Programming - I / Working with multiple instances of interactive elements | Review previous week’s subjects and homework (if assigned) |
| 10 | Modularity: Object Oriented Programming - II / Introducing basic game components: timer, points, levels | Review previous week’s subjects and homework (if assigned) |
| 11 | Introduction to hardware: Arduino | |
| 12 | Introduction to web: p5js | |
| 13 | Advanced Topics #1 / Project Work Session | Project proposal |
| 14 | Advanced Topics #2 / Project Work Session | Project progress |
| 15 | Project Work Session | Project progress |
| 16 | Review of semester / Project Submission | Project progress and Presentation |
| Course Notes/Textbooks | Reas, C. and Fry, B. (2015). Getting Started with Processing, 2nd Edition. Maker Media. |
| Suggested Readings/Materials | Bohnacker, H., Gross, B., Laub, J. and Lazzeroni, C. (2012). Generative Design: Visualize, Program, and Create with Processing. Princeton Architectural Press.
Shiffman, D. (2015). Learning Processing, 2nd Edition: A Beginner’s Guide to Programming Images, Animation, and Interaction. Morgan Kaufmann.
Greenberg, I., Xu, D. and Kumar, D. (2013). Processing: Creative coding and Generative art in Processing 2. Apress.
Maeda, J. (2004). Creative Code: Aesthetics + Computation. Thames&Hudson.
McCarthy, L., Reas, C. and Fry, B. (2016). Getting Started with p5.js. Maker Media.
Pearson, M. (2011). Generative Art: A Practical Guide Using Processing. Manning Publications Co.
Reas, C. and Fry, B. (2015). Processing: A Programming Handbook for Visual Designers and Artists, 2nd Edition. The MIT Press.
Reas, C. and McWilliams, C. (2010). Form+Code in Design, Art and Architecture. Princeton Architectural Press.
Richardson, A. (2016). Data-driven Graphic Design: Creative Coding for Visual Communication. Bloomsbury.
Shiffman’s Coding Train - https://thecodingtrain.com
|
EVALUATION SYSTEM
| Semester Activities | Number | Weigthing |
| Participation |
1
|
20
|
| Laboratory / Application | ||
| Field Work | ||
| Quizzes / Studio Critiques | ||
| Portfolio | ||
| Homework / Assignments |
1
|
60
|
| Presentation / Jury | ||
| Project |
1
|
20
|
| Seminar / Workshop | ||
| Oral Exams | ||
| Midterm | ||
| Final Exam | ||
| Total |
| Weighting of Semester Activities on the Final Grade |
2
|
80
|
| Weighting of End-of-Semester Activities on the Final Grade |
1
|
20
|
| Total |
ECTS / WORKLOAD TABLE
| Semester Activities | Number | Duration (Hours) | Workload |
|---|---|---|---|
| Theoretical Course Hours (Including exam week: 16 x total hours) |
16
|
2
|
32
|
| Laboratory / Application Hours (Including exam week: '.16.' x total hours) |
16
|
2
|
32
|
| Study Hours Out of Class |
14
|
1
|
14
|
| Field Work |
0
|
||
| Quizzes / Studio Critiques |
0
|
||
| Portfolio |
0
|
||
| Homework / Assignments |
6
|
3
|
18
|
| Presentation / Jury |
0
|
||
| Project |
1
|
12
|
12
|
| Seminar / Workshop |
0
|
||
| Oral Exam |
0
|
||
| Midterms |
0
|
||
| Final Exam |
0
|
||
| Total |
108
|
COURSE LEARNING OUTCOMES AND PROGRAM QUALIFICATIONS RELATIONSHIP
|
#
|
Program Competencies/Outcomes |
* Contribution Level
|
||||
|
1
|
2
|
3
|
4
|
5
|
||
| 1 | To be able to apply the fundamental principles of design in creating visual narratives and messages, using physical and digital media, |
X | ||||
| 2 | To attain complex problem-solving skills, using various design methods, |
X | ||||
| 3 | To have a clear understanding of creative/art direction, |
X | ||||
| 4 | To be able to use the advanced theoretical and applied knowledge attained in the areas of Visual Communication Design, |
X | ||||
| 5 | To act with social and ethical awareness and to take responsibility, both individually and collectively, for developing aesthetic and effective design solutions, |
X | ||||
| 6 | To be able to investigate, interpret and evaluate the developments on Visual Communication Design in the world and in Turkey, |
X | ||||
| 7 | To have an advanced level of knowledge and experience in producing/editing still and moving images, |
X | ||||
| 8 | To attain proficiency in using related software, media, and communication technologies, |
X | ||||
| 9 | To gain reflexive and critical thinking abilities, |
X | ||||
| 10 | To undertake self-directed and continuous education in the discipline, to develop a lifelong learning attitude, |
X | ||||
| 11 | To be able to collect data in the areas of Visual Communication Design and communicate with colleagues in a foreign language ("European Language Portfolio Global Scale", Level B1), |
X | ||||
| 12 | To be able to speak a second foreign at a medium level of fluency efficiently, |
|||||
| 13 | To be able to relate the knowledge accumulated throughout the human history to their field of expertise. |
|||||
*1 Lowest, 2 Low, 3 Average, 4 High, 5 Highest
NEWS |ALL NEWS
Art born out of darkness
Izmir University of Economics (IUE) Department of Visual Communication Design carried out a joint project with 6 universities abroad to develop the
VCD graduate Kayra Paköz joins the design team of World Cup
Suna Kayra Paköz, 2017 graduate of Izmir University of Economics Faculty of Fine Arts and Design Visual Communication Design Department, has managed
Ata Kaan Koç featured in The Bebop Channel
The undergraduate student projects by our 2019 graduate Ata Kaan Koç, “Tight Rope” and “Walk the Dog Before I Sleep”, have been
Our students finalist at Pangram
Visual Communication Design 2nd-year students have managed to be finalists in the fourth edition of “Pangram”, an international student competition on font
Festival success of Asil Atay, the VCD graduate
Asil Atay, our graduate student of 2017, has managed to get mentions for his most recent project “Unraveled” in the official selection
“A Visual Frame / Her Mess, His Mess” Workshop
Stefano Cardini from Italy was the guest of Izmir University of Economics Visual Communication Design Department as part of the traditional workshop