Information Package / Course Catalogue
| Course Code | : İLT338 |
| Course Type | : Non Departmental Elective |
| Couse Group | : First Cycle (Bachelor's Degree) |
| Education Language | : Turkish |
| Work Placement | : N/A |
| Theory | : 1 |
| Prt. | : 2 |
| Credit | : 2 |
| Lab | : 0 |
| ECTS | : 5 |
The aim is to provide the necessary visual design, infrastructure, basic code literacy, and interaction design knowledge for an introduction to web design, and to enable the realization of beginner-level web design applications in line with this knowledge.
Within the scope of the course, fundamental interaction design principles necessary for web design are covered. Within the framework of these principles, it is learned how to plan an effective user experience while designing website interfaces. Basic coding concepts involving HTML5 are discussed. The theoretical knowledge acquired in the course is turned into projects through beginner-level design and coding applications, enabling students to create simple websites using various methods.
| 1. | The basic internet technologies and terminology necessary to design websites that comply with web standards. |
| 2. | Interaction design principles and user experience (UX) processes by analyzing them in digital interface projects. |
| 3. | Responsive web pages in accordance with visual hierarchy using basic HTML5 and CSS technologies. |
| 4. | Effectively uses and optimizes standard design templates, ready-made content management systems (CMS), and digital graphic tools. |
| 5. | Produces and presents an original, accessible, and ethical final web portfolio in a digital environment, using the theoretical and technical knowledge acquired throughout the semester. |
| 1. | ISO-9241-151 Ergonomics of human-system interaction — Part 151: Guidance on World Wide Web user interfaces. |
| 2. | Jennifer Tidwell, A Pattern Language for HCI Design. http://www.mit.edu/~jtidwell |
| 3. | Google Web Fonts — Web fonts served by Google for free Code Academy. |
| 4. | InVision — Web based tool for building image-based mock-ups. |
| Type of Assessment | Count | Percent |
|---|---|---|
| Attending Lectures | 5 | %5 |
| Assignment | 1 | %15 |
| Midterm Examination | 1 | %20 |
| Final Examination | 1 | %60 |
| Activities | Count | Preparation | Time | Total Work Load (hours) |
|---|---|---|---|---|
| Lecture - Theory | 14 | 1 | 1 | 28 |
| Lecture - Practice | 14 | 1 | 2 | 42 |
| Assignment | 1 | 10 | 1 | 11 |
| Midterm Examination | 1 | 15 | 2 | 17 |
| Final Examination | 1 | 25 | 2 | 27 |
| TOTAL WORKLOAD (hours) | 125 | |||
PÇ-1 | PÇ-2 | PÇ-3 | PÇ-4 | PÇ-5 | PÇ-6 | PÇ-7 | PÇ-8 | PÇ-9 | PÇ-10 | PÇ-11 | PÇ-12 | PÇ-13 | |
OÇ-1 | 5 | 4 | |||||||||||
OÇ-2 | 4 | 4 | 5 | ||||||||||
OÇ-3 | 5 | 5 | 5 | ||||||||||
OÇ-4 | 5 | 5 | |||||||||||
OÇ-5 | 5 | 5 | 5 | ||||||||||