| Code |
Name of the Course Unit |
Semester |
In-Class Hours (T+P) |
Credit |
ECTS Credit |
| GRA434 |
WEB INTERFACE DESIGN |
5 |
4 |
2 |
5 |
GENERAL INFORMATION |
| Language of Instruction : |
Turkish |
| Level of the Course Unit : |
BACHELOR'S DEGREE, TYY: + 6.Level, EQF-LLL: 6.Level, QF-EHEA: First Cycle |
| Type of the Course : |
Elective |
| Mode of Delivery of the Course Unit |
- |
| Coordinator of the Course Unit |
Assoc.Prof. METİN KUŞ |
| Instructor(s) of the Course Unit |
Assist.Prof. FUNDA ÖZBUCAK |
| Course Prerequisite |
No |
OBJECTIVES AND CONTENTS |
| Objectives of the Course Unit: |
The aim of the course is to provide students with theoretical and practical knowledge about the interface design of web pages and applications for web and mobile environments. |
| Contents of the Course Unit: |
During the course term; learns the principles and theories of current mobile devices, the interface of the web page and mobile applications for the relevant devices to successfully learn the methods of construction and visualization of the project contains the application. |
KEY LEARNING OUTCOMES OF THE COURSE UNIT (On successful completion of this course unit, students/learners will or will be able to) |
| Acquires basic knowledge of HTML. |
| Understands the principles and theories of current mobile devices. |
| Design web interfaces for different platforms. |
| Interprets the relationship between web environment and design and reflects these relationships in their designs in the right ways. |
WEEKLY COURSE CONTENTS AND STUDY MATERIALS FOR PRELIMINARY & FURTHER STUDY |
| Week |
Preparatory |
Topics(Subjects) |
Method |
| 1 |
Research |
Information about the course, workload and evaluation criteria. |
Presentation / Lecture |
| 2 |
Research |
Introduction to User Interface Design |
Presentation / Lecture |
| 3 |
Research |
Introduction to Interface Object Design Tools with Photoshop |
Presentation / Lecture |
| 4 |
Practice |
Examining Responsive User Interfaces |
Practice |
| 5 |
Research |
Technical Visit |
Presentation / Lecture |
| 6 |
Practice |
Project: Web Page Design |
Practice |
| 7 |
Practice |
Project: Web Page Design |
Practice |
| 8 |
- |
MID-TERM EXAM |
- |
| 9 |
Practice |
Project: Web Page Design |
Practice |
| 10 |
Research |
Outlines, Principles and Theories |
Presentation / Lecture |
| 11 |
Research |
Introduction to HTML / Dreamweaver |
Presentation / Lecture |
| 12 |
Research |
Introduction to HTML / Dreamweaver |
Presentation / Lecture |
| 13 |
Practice |
Project: Web Page Design |
Practice |
| 14 |
Practice |
Project: Web Page Design |
Practice |
| 15 |
Practice |
Project: Web Page Design |
Practice |
| 16 |
- |
FINAL EXAM |
- |
| 17 |
- |
FINAL EXAM |
- |
SOURCE MATERIALS & RECOMMENDED READING |
| Gelişken, Uğur., Web Tasarımı ve Web Programlama, Level Publications |
| Canay, Özkan., Web Tasarımı Ve Ön Yüz Web Teknolojileri, 2016, Değişim Publications |
| Tokak, Burak., Responsive Web Tasarımı ve Uygulamaları, 2017, Dikeyeksen Publications |
ASSESSMENT |
| Assessment & Grading of In-Term Activities |
Number of Activities |
Degree of Contribution (%) |
Description |
| Level of Contribution |
| 0 |
1 |
2 |
3 |
4 |
5 |
CONTRIBUTION OF THE COURSE UNIT TO THE PROGRAMME LEARNING OUTCOMES
KNOWLEDGE |
Theoretical |
|
Programme Learning Outcomes |
Level of Contribution |
| 0 |
1 |
2 |
3 |
4 |
5 |
| 1 |
will be able to know the basic concepts of Graphic Design and to define how these concepts are reflected in designs.
|
|
|
|
|
4 |
|
| 2 |
will be able to define the function of Graphic Design in communal and social contexts.
|
|
|
2 |
|
|
|
KNOWLEDGE |
Factual |
|
Programme Learning Outcomes |
Level of Contribution |
| 0 |
1 |
2 |
3 |
4 |
5 |
| 1 |
will be able to organize the relations between the target audience and the visual design.
|
|
|
|
3 |
|
|
SKILLS |
Cognitive |
|
Programme Learning Outcomes |
Level of Contribution |
| 0 |
1 |
2 |
3 |
4 |
5 |
| 1 |
will be able to apply the past and current technical knowledge and methods in the field of Graphic Design with the competence required by the design process.
|
|
|
|
|
4 |
|
SKILLS |
Practical |
|
Programme Learning Outcomes |
Level of Contribution |
| 0 |
1 |
2 |
3 |
4 |
5 |
| 1 |
will be able to apply designs with appropriate combinations by considering the interaction of the field of Graphic Design with other disciplines.
|
|
|
|
|
4 |
|
OCCUPATIONAL |
Autonomy & Responsibility |
|
Programme Learning Outcomes |
Level of Contribution |
| 0 |
1 |
2 |
3 |
4 |
5 |
| 1 |
will be able to behave according to the values of social, cultural, scientific and professional ethics in the design process of Graphic Design.
|
|
|
2 |
|
|
|
| 2 |
will be able to use and reflect quality, cultural values, environmental protection, occupational health and safety issues in the all kind of processes in the field.
|
|
1 |
|
|
|
|
| 3 |
will be able to implements planned tasks in the desired manner and on time by organizing comprehensive design processes in the field of Graphic Design in individual or group works.
|
|
|
|
|
4 |
|
OCCUPATIONAL |
Learning to Learn |
|
Programme Learning Outcomes |
Level of Contribution |
| 0 |
1 |
2 |
3 |
4 |
5 |
| 1 |
will be able to use and relate the information that obtained in Graphic Design education for higher academic education processes or different field disciplines.
|
|
|
|
|
4 |
|
OCCUPATIONAL |
Communication & Social |
|
Programme Learning Outcomes |
Level of Contribution |
| 0 |
1 |
2 |
3 |
4 |
5 |
| 1 |
will be able to explain the theorical and applicational knowledge related to the field of Graphic Design with using appropriate presentation and communication techniques.
|
|
|
|
|
4 |
|
| 2 |
will be able to use a foreign language at least at the B1 level of the European language portfolio.
|
0 |
|
|
|
|
|
| 3 |
will be able to use basic computer softwares, information and communication technologies and graphic design programs as required by the field.
|
|
|
|
|
4 |
|
OCCUPATIONAL |
Occupational and/or Vocational |
|
Programme Learning Outcomes |
Level of Contribution |
| 0 |
1 |
2 |
3 |
4 |
5 |
| 1 |
wil be able to demonstrate....
|
|
|
|
|
4 |
|
WORKLOAD & ECTS CREDITS OF THE COURSE UNIT |
Workload for Learning & Teaching Activities |
| Type of the Learning Activites |
Learning Activities (# of week) |
Duration (hours, h) |
Workload (h) |
| Lecture & In-Class Activities |
14 |
4 |
56 |
| Preliminary & Further Study |
13 |
3 |
39 |
| Land Surveying |
0 |
0 |
0 |
| Group Work |
0 |
0 |
0 |
| Laboratory |
0 |
0 |
0 |
| Reading |
0 |
0 |
0 |
| Assignment (Homework) |
0 |
0 |
0 |
| Project Work |
13 |
2 |
26 |
| Seminar |
0 |
0 |
0 |
| Internship |
0 |
0 |
0 |
| Technical Visit |
1 |
6 |
6 |
| Web Based Learning |
0 |
0 |
0 |
| Implementation/Application/Practice |
0 |
0 |
0 |
| Practice at a workplace |
0 |
0 |
0 |
| Occupational Activity |
0 |
0 |
0 |
| Social Activity |
0 |
0 |
0 |
| Thesis Work |
0 |
0 |
0 |
| Field Study |
0 |
0 |
0 |
| Report Writing |
0 |
0 |
0 |
| Final Exam |
1 |
1 |
1 |
| Preparation for the Final Exam |
0 |
0 |
0 |
| Mid-Term Exam |
1 |
1 |
1 |
| Preparation for the Mid-Term Exam |
0 |
0 |
0 |
| Short Exam |
0 |
0 |
0 |
| Preparation for the Short Exam |
0 |
0 |
0 |
| TOTAL |
43 |
0 |
129 |
|
Total Workload of the Course Unit |
129 |
|
|
Workload (h) / 25.5 |
5,1 |
|
|
ECTS Credits allocated for the Course Unit |
5,0 |
|