Visual Narrative Workshop
...
...
- University
- Academic
- Schools/Vocational Schools
- Vocational School of Justice
- Vocational School
- Vocational School
- Department of Banking and Insurance (Turkish)
- Department of Computer Programming (Turkish)
- Department of Foreign Trade (Turkish)
- Department of Graphic Design (Turkish)
- Department of Interior Design (Turkish)
- Department of Construction Technology (Turkish)
- Department of Occupational Health and Safety (Turkish)
- Department of Media and Communication (Turkish)
- Department of Architectural Restoration (Turkish)
- Department of Radio and Tv Programming (Turkish)
- Department of Civil Aviation Cabin Services (Turkish)
- Department of Civil Aviation Transportation Management (Turkish)
- Department of Tourism and Hotel Management (Turkish)
- Department of Applied English Translation
- Vocational School Of Health Services
- Vocational School Of Health Services
- Department of Child Development (Turkish)
- Department of Physiotherapy (Turkish)
- Department of Paramedic (Turkish)
- Department of Opticianry (Turkish)
- Department of Medical Documentation and Secreteriat (Turkish)
- Department of Medical Imaging Techniques (Turkish)
- Department of Medical Laboratory Techniques (Turkish)
- Department of Elderly Care (Turkish)
- School of Applied Management Sciences
- School of Foreign Languages
- Faculties
- Faculty of Arts and Sciences
- Faculty of Fine Arts and Design
- Faculty of Law
- Faculty of Communication
- Faculty of Business
- Faculty of Engineering
- Faculty of Engineering
- Department of Computer Engineering
- Department of Biomedical Engineering
- Department of Electrical and Electronics Engineering
- Department of Industrial Engineering
- Department of Food Engineering
- Department of Genetics and Bioengineering
- Department of Aerospace Engineering
- Department of Civil Engineering
- Department of Mechanical Engineering
- Department of Mechatronics Engineering
- Department of Software Engineering
- Faculty of Health Sciences
- Medicine
- Graduate School
- Common Courses
- Schools/Vocational Schools
- Research
- Research Centers
- Library
- Smart Campus
- Technology Transfer Office
- İzmir Sciencepark
- Continuous Education Center (EKOSEM)
- Children's University
- Ethics Committee
- Teaching and Learning Center (EKOEĞİTİM)
- Psychology Application and Research Center
- Researcher Training Coordinatorship
- Research Collaborations And Innovation Coordinatorship
- Campus
- INTERNATIONAL
- Contact
FACULTY OF FINE ARTS AND DESIGN
Department of Visual Communication DesignVCD 426 | Course Introduction and Application Information
| Course 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 |
WEEKLY SUBJECTS AND RELATED PREPARATION STUDIES
| 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/ |
EVALUATION SYSTEM
| 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 |
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 |
1
|
6
|
6
|
| Presentation / Jury |
0
|
||
| Project |
3
|
8
|
24
|
| 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, |
-
|
-
|
-
|
-
|
-
|
|
| 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
NEWSALL NEWS
IZMIR UNIVERSITY OF ECONOMICS GÜZELBAHÇE CAMPUS
DetailsGLOBAL CAREER
As Izmir University of Economics transforms into a world-class university, it also raises successful young people with global competence.
More..CONTRIBUTION TO SCIENCE
Izmir University of Economics produces qualified knowledge and competent technologies.
More..VALUING PEOPLE
Izmir University of Economics sees producing social benefit as its reason for existence.
More..
You are one step ahead with your graduate education at Izmir University of Economics.