COMMUNICATION AND DESIGN | |||||
Bachelor | TR-NQF-HE: Level 6 | QF-EHEA: First Cycle | EQF-LLL: Level 6 |
Course Code | Course Name | Semester | Theoretical | Practical | Credit | ECTS |
VCD4118 | Advanced Web Design | Spring | 2 | 2 | 3 | 5 |
This catalog is for information purposes. Course status is determined by the relevant department at the beginning of semester. |
Language of instruction: | English |
Type of course: | Departmental Elective |
Course Level: | Bachelor’s Degree (First Cycle) |
Mode of Delivery: | Face to face |
Course Coordinator : | Dr. Öğr. Üyesi İPEK TORUN |
Recommended Optional Program Components: | None |
Course Objectives: | This course concentrates on advanced design and technology issues in Web design domain. Students will be familiar with current web technologies and the use of technologies for designing usable and accessible web sites. |
The students who have succeeded in this course; 1) Recognize advanced design issues 2) Identify the content and design 3) Define accessibility for mobile devices 4) Define accessibility for handicapped users 5) Design for information processing 6) Design within Web 2.0 concepts 7) Display skills on advanced technology issues 8) Display skills on HTML & CSS 9) Execute content for multiple screen access 10) Define dynamic content 11) Reproduce interactive content 12) Analyze metadata 13) Recognize Web 2.0 technologies |
Throughout the course, issues related to design problems in Web will be given with the technical information related to the solutions of discussed design problems. |
Week | Subject | Related Preparation |
1) | The purpose and structure of Hypertext Mark-up Language Editing HTML with WYSIWYG editor Content vs. Format | |
2) | Formatting HTML with CSS | |
3) | Formatting HTML with CSS Assignment:Project I | |
4) | Preparing content for multiple screens: Granularity | |
5) | Multiple CSS for multiple screens: Designing web pages for mobile devices Accessibility for hearing impaired and visually impaired people | |
6) | Dynamic Web: Creating content on the fly Databases and web programming languages Assignment: Presentation I | |
7) | Content Management Systems Designing Interfaces for CMS Assignment: Project II | |
8) | CMS için arayüz tasarımı | |
9) | Interactive Content: Flash Assignment: Project III | |
10) | Interactive Content: Flash | |
11) | Interactive Content: Javascript & HTML5 | |
12) | Web 2.0 concepts: User generated content & service mash-up | |
13) | Service mash-up for web applications | |
14) | User generated content & social media mash-up Assignment: Presentation II |
Course Notes / Textbooks: | - |
References: | 1) ISO-9241-151 Ergonomics of human-system interaction — Part 151: Guidance on World Wide Web user interfaces 2) ISO-9241-171 Ergonomics of human-system interaction — Part 151: Guidance on World Wide Web Accesibility |
Semester Requirements | Number of Activities | Level of Contribution |
Attendance | 14 | % 0 |
Presentation | 2 | % 20 |
Project | 2 | % 40 |
Final | 1 | % 40 |
Total | % 100 | |
PERCENTAGE OF SEMESTER WORK | % 20 | |
PERCENTAGE OF FINAL WORK | % 80 | |
Total | % 100 |
Activities | Number of Activities | Workload |
Course Hours | 14 | 42 |
Study Hours Out of Class | 14 | 37 |
Presentations / Seminar | 4 | 8 |
Project | 14 | 37 |
Final | 1 | 3 |
Total Workload | 127 |
No Effect | 1 Lowest | 2 Low | 3 Average | 4 High | 5 Highest |
Program Outcomes | Level of Contribution | |
1) | Create design oriented application for the visual communication design field. | 4 |
2) | Resolve visual communication problems via concept based designs and an integrated perspective in the visual communication design field. | 2 |
3) | Qualify in design directing through analysis and design processes. | |
4) | Display creative thinking, approach and production process skills. | |
5) | Integrate basic fields of visual communication; print, time-based and interactive media, through mastering each one of these fields individually. | 2 |
6) | Identify complementary design solutions in the visual field in order to solve communication problems. | 2 |
7) | Perform necessary operational skills in order to finalize products in the visual communication design field. | 5 |
8) | Evaluate recent design trends and the evolving aesthetic perspectives. | 3 |
9) | Use recent design softwares that coincide with the developing information technologies and communication channels. | 5 |
10) | Interpret theoretical, historical and intellectual roots of the visual communication design field. | |
11) | Perform necessary time management in order to complete a visual communication design project. | 3 |
12) | Demonstrate leadership qualities in a design team as well as individual skills during the progress of a visual communication design project. | |
13) | Display compositional solutions and aesthetic skills to fulfill design needs in a visual communication design work. | 1 |
14) | Develop academical, intellectual and critical point of view for global, local and individual visual communication design works. | 1 |