
...

...

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 ...
FACULTY OF FINE ARTS AND DESIGN
Department of Visual Communication DesignCourse Name |
Interactive Media Design
|
Code
|
Semester
|
Theory
(hour/week) |
Application/Lab
(hour/week) |
Local Credits
|
ECTS
|
VCD 426
|
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 | |||||
National Occupation Classification | - | |||||
Course Coordinator | - | |||||
Course Lecturer(s) | ||||||
Assistant(s) | - |
Course Objectives | The primary aim of this course is to introduce students to programming and design thinking for web and mobile interfaces. This class will introduce a variety of approaches to digital design and publishing, not only through coding, but also through the use of other tools and theoretical ideas. It will also give a historical and contemporary understanding of the digital landscape. The course will introduce students to HTML, CSS, JavaScript and other related software. |
Learning Outcomes |
The students who succeeded in this course;
|
Course Description | |
Related Sustainable Development Goals |
|
Core Courses | |
Major Area Courses | ||
Supportive Courses | ||
Media and Management Skills Courses | ||
Transferable Skill Courses |
Week | Subjects | Related Preparation |
1 | Introduction: Objectives and Expectations / Hello Web: History, Languages and Inspection / Using Visual Studio Code as a Web Editor | - |
2 | HTML & CSS - I: Page structure, Text, Color, Links | Review previous week’s subjects |
3 | HTML & CSS - II: Images, Vector Graphics, Video, Audio | Project #1 Progress |
4 | HTML & CSS - III: Tables, Forms and The Box Model | Project #1 Progress |
5 | HTML & CSS - IV: Layout, Animations | Project #1 Progress |
6 | Design Principles, Design Systems and Best Practices | Homework |
7 | JavaScript - I: Fundamentals of Programming, Instructions, Functions, Methods & Objects | - |
8 | JavaScript - II: Decisions & Loops, The DOM (Document Object Model) | Project #2 Progress |
9 | JavaScript - III: Events, jQuery, JSON | Project #2 Progress |
10 | Introduction to a website experience platform / Webflow - I: Web Elements | - |
11 | Webflow - II: Interactions and Animations | Project #3 Progress |
12 | Webflow - III: Content Management System & Dynamic Content | Project #3 Progress |
13 | Webflow - IV: Optimization and Accessibility | Project #3 Progress |
14 | Project Submission | Project #3 and Presentation |
15 | Semester Review | |
16 | Semester Review |
Course Notes/Textbooks | Duckett J. (2011). HTML & CSS: Design and Build Websites. Wiley. |
Suggested Readings/Materials | Tidwell, J., Brewer, C. and Valencia, A. (2021). Designing Interfaces: Patterns for Effective Interaction Design. 3rd Edition. O’Reilly Media. Krug, S. (2013). Don’t Make Me Think, Revisited: A Common Sense Approach To Web Usability. 3rd Edition. New Riders. Yablonski, J. (2024). Laws of UX: Using Psychology to Design Better Products & Services. 2nd Edition. O’Reilly Media. HTML & CSS (Book Website) - https://htmlandcssbook.com JavaScript & JQuery (Book Website) - https://javascriptbook.com Laws of UX (Book Website) - https://lawsofux.com User Interface Design Pattern Library - https://ui-patterns.com Collection of Design Principles - https://www.designprinciplesftw.com/ |
Semester Activities | Number | Weigthing |
Participation |
1
|
20
|
Laboratory / Application | ||
Field Work | ||
Quizzes / Studio Critiques | ||
Portfolio | ||
Homework / Assignments |
1
|
10
|
Presentation / Jury | ||
Project |
1
|
70
|
Seminar / Workshop | ||
Oral Exams | ||
Midterm | ||
Final Exam | ||
Total |
Weighting of Semester Activities on the Final Grade |
2
|
75
|
Weighting of End-of-Semester Activities on the Final Grade |
1
|
25
|
Total |
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 |
1
|
6
|
6
|
Presentation / Jury |
0
|
||
Project |
3
|
8
|
24
|
Seminar / Workshop |
0
|
||
Oral Exam |
0
|
||
Midterms |
0
|
||
Final Exam |
0
|
||
Total |
108
|
#
|
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, |
-
|
-
|
-
|
-
|
-
|
|
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, |
-
|
-
|
-
|
-
|
-
|
|
6 |
To be able to investigate, interpret and evaluate the developments on Visual Communication Design in the world and in Turkey, |
-
|
-
|
-
|
-
|
-
|
|
7 |
To have an advanced level of knowledge and experience in producing/editing still and moving images, |
-
|
-
|
-
|
-
|
-
|
|
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, |
-
|
-
|
-
|
-
|
-
|
|
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), |
-
|
-
|
-
|
-
|
-
|
|
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
...
...
Izmir University of Economics (IUE) Department of Visual Communication Design carried out a joint project with 6 universities abroad to ...
As Izmir University of Economics transforms into a world-class university, it also raises successful young people with global competence.
More..Izmir University of Economics produces qualified knowledge and competent technologies.
More..Izmir University of Economics sees producing social benefit as its reason for existence.
More..