MEDICINE
Bachelor	TR-NQF-HE: Level 6	QF-EHEA: First Cycle	EQF-LLL: Level 6

Course Introduction and Application Information

Course Code	Course Name	Semester	Theoretical	Practical	Credit	ECTS
VCD3112	Introduction to User Interface Design	Fall	2	2	3	5

This catalog is for information purposes. Course status is determined by the relevant department at the beginning of semester.

Basic information

Language of instruction:	English
Type of course:	Non-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 training the students to develop effective graphic design interfaces with Web page design. Analysis and design phases of the Web development process will be executed through given tasks. Besides, students explore new software and technical information for creating content and design graphics for Web. Concept development from group discussions to final execution is encouraged.

Learning Outcomes

The students who have succeeded in this course;
1) define basic web technologies
2) define the Internet technologies that enable the World Wide Web
3) display skills to implement web sites based on web standards
4) design adaptable, accessible and optimized web sites
5) display skills to build HTML pages
6) display skills to style HTML pages using CSS
7) define capabilities and limitations of JavaScript
8) display skills to create and optimize multimedia content for the web
9) use common design patterns while designing web sites
10) display skills to balance aesthetics and usability issues when designing websites

Course Content

The course is structured in three parts.

First part aims students to understand the “High Level Design Decisions and Design Strategy for Web Development”, analyzing the requirements of the stakeholders of a web site to develop a conceptual content model prior to the visual design of the web page.
Second part will concentrate on visual design of web interfaces through a prototyping process for visualizing the ideas in the conceptual model and developing clear navigation tools for information requirements of stakeholders. Students will transfer their prior knowledge on layout, colors and typography to web medium.
The third part aims to give technical skills on production of web sites, including the animation tools, hypertext markup and optimized graphics.

Weekly Detailed Course Contents

Week	Subject	Related Preparation
1)	First meeting: Introduction to the course, class discussion on course and student objectives
2)	A brief history of the web. Introduction to web technologies and internet infrasructure. Assignment 1: Website analysis
3)	HTML elements, attributes and document structure. Exercise 1: Building a basic HTML page. Presentation of Assignment 1. Assignment 2: Simple CV
4)	Introduction to CSS: Selectors, statements and the cascade. Exercise 2: Styling Assignment 2. Assignment 3: Styling Exercise 1
5)	Semantic HTML and accessibility. CSS box model and positioning, attribute and pseudo-selectors. Resources: Using images on a web page. Project 1: Design patterns
6)	Resources: static resources and image optimization. Project 1 research presentations and critique.
7)	Graceful degradation and responsive design. CSS @ rules and media types. Project 2: Portfolio website
8)	Javascript: Programming basics. Variables, types, arrays, hashes and functions. Project 2 critique.
9)	Javascript: The Document Object Model (DOM). Project 2 critique.
10)	Javascript frameworks and graceful degradation. Browser compatibility. Project 2 Presentation
11)	HTML Forms. CSS tips & tricks. Final project.
12)	Text encoding. Language specifics. Search Engine Optimization (SEO). Final project critique.
13)	Embedded multimedia. Final project critique.
14)	Recap. Final project critique.

Sources

Course Notes / Textbooks:

Will be distributed weekly

References:

1) ISO-9241-151 Ergonomics of human-system interaction — Part 151: Guidance on World Wide Web user interfaces
2) Sam Quayle, 2010, An Introduction to HTML Prototyping
3) Jennifer Tidwell, A Pattern Language for HCI Design, http://www.mit.edu/~jtidwell/
4) Handcraft — Online prototyping tool. Alternative to Codeanywhere
5) TextMate — Recommended code editor for Mac OS X
E - TextEditor — Recommended code editor for Windows
Mozilla Developer Network — HTML, CSS and JavaScript reference
6) When can I use… — A good resource for checking browser compatibility of HTML and CSS features
7) A List Apart — Recommended reading on web technologies
Course slides — The presentation I use in class
FontSquirrel — Good resource for web-ready fonts and home of the @font-face generator
8) Google Web Fonts — Web fonts served by Google for free
Code Academy — Online course for learning programming basics with JavaScript
9) InVision — Web bsed tool for building image-based mock-ups

Evaluation System

Semester Requirements	Number of Activities	Level of Contribution
Application	8	% 15
Quizzes	1	% 5
Homework Assignments	2	% 40
Final	1	% 40
Total		% 100
PERCENTAGE OF SEMESTER WORK		% 60
PERCENTAGE OF FINAL WORK		% 40
Total		% 100

ECTS / Workload Table

Activities	Number of Activities	Workload
Course Hours	14	56
Study Hours Out of Class	13	44
Homework Assignments	8	16
Quizzes	1	4
Final	1	4
Total Workload		124

Contribution of Learning Outcomes to Programme Outcomes

No Effect	1 Lowest	2 Low	3 Average	4 High	5 Highest

	Program Outcomes	Level of Contribution
1)	Integrates the knowledge, skills and attitudes acquired from basic and clinical medical sciences, behavioral sciences and social sciences, and uses them in health service delivery.
2)	In patient management, shows a biopsychosocial approach that takes into account the socio-demographic and sociocultural background of the individual, regardless of language, religion, race and gender.
3)	In the provision of health services, prioritizes the protection and development of the health of individuals and society.
4)	Taking into account the individual, societal, social and environmental factors affecting health; does the necessary work to maintain and improve the state of health.
5)	By recognizing the characteristics, needs and expectations of the target audience, provides health education to healthy/sick individuals and their relatives and other healthcare professionals.
6)	Shows a safe, rational and effective approach in health service delivery, prevention, diagnosis, treatment, follow-up and rehabilitation processes.
7)	Performs invasive and/or non-invasive procedures in diagnosis, treatment, follow-up and rehabilitation processes in a safe and effective way for the patient.
8)	Provides health services by considering patient and employee health and safety.
9)	In the provision of health services, takes into account the changes in the physical and socioeconomic environment on a regional and global scale, as well as the changes in the individual characteristics and behaviors of the people who apply to it.
10)	Takes good medical practice into account while carrying out his/her profession.
11)	Fulfills its duties and obligations within the framework of ethical principles, rights and legal responsibilities required by its profession.
12)	Demonstrates decisive behavior in providing high-quality health care, taking into account the integrity of the patient.
13)	Evaluates his/her performance in his/her professional practice by considering his/her emotions and cognitive characteristics.
14)	Advocates improving the provision of health services by considering the concepts of social reliability and social responsibility for the protection and development of public health.
15)	Can plan and carry out service delivery, training and consultancy processes related to individual and community health in cooperation with all components for the protection and development of health.
16)	Evaluates the impact of health policies and practices on individual and community health indicators and advocates increasing the quality of health services.
17)	The physician attaches importance to the protection of his/her own physical, mental and social health, and does what is necessary for this
18)	Shows exemplary behavior and leads the healthcare team during service delivery.
19)	Uses resources cost-effectively, for the benefit of society and in accordance with the legislation, in the planning, implementation and evaluation processes of health services in the health institution he/she is the manager of.
20)	Establishes positive communication within the health team it serves and assumes different team roles when necessary.
21)	Is aware of the duties and responsibilities of the health workers in the health team and acts accordingly.
22)	In the professional practices, works in harmony and effectively with the colleagues and other professional groups.
23)	Communicates effectively with patients, their relatives, healthcare professionals, other professional groups, institutions and organizations.
24)	Communicates effectively with individuals and groups that require a special approach and have different socio-cultural characteristics.
25)	In the diagnosis, treatment, follow-up and rehabilitation processes, shows a patient-centered approach that associates the patient with the decision-making mechanisms.
26)	Plans and implements scientific research, when necessary, for the population it serves, and uses the results and/or the results of other research for the benefit of the society.
27)	Reaches and critically evaluates current literature knowledge about his/her profession.
28)	Applies the principles of evidence-based medicine in clinical decision making.
29)	Uses information technologies to increase the effectiveness of its work on health care, research and education.
30)	Effectively manages individual work processes and career development.
31)	Demonstrates skills in acquiring and evaluating new knowledge, integrating it with existing knowledge, applying it to professional situations and adapting to changing conditions throughout professional life.
32)	Selects the right learning resources to improve the quality of the health service it offers, organizes its own learning process