Official government website of the Government of Kingdom of Saudi Arabia
Link to official Saudi websites end with edu.sa

All links to official educational websites in the Kingdom of Saudi Arabia end with sch.sa or edu.sa

Government websites use the HTTPS protocol for encryption and security.

Secure websites in the Kingdom of Saudi Arabia use the HTTPS protocol for encryption.

Registered with the Digital Government Authority under number:

20250417892
Main
UQU Programs
Human-Computer Interaction

User Interface Design 2

HCI2102
3 hours English

User Interface Design 2

User Interface Design 2
1 Introduction to Advanced UI Design / Overview of course objectives and expectations / Key concepts of multi-device interface design / Introduction to component-based design principles
2 Introduction to JavaScript Frontend Frameworks / Overview of frontend frameworks / Introducing JavaScript / Advantages of using JavaScript frontend frameworks / Comparing JavaScript Frontend Frameworks
3 Introduction to JavaScript: Fundamentals of the language
4 Asynchronous programming and handling promises
5 DOM manipulation and events in the browser
6 Introduction to frontend frameworks (React, Angular, Vue.js)
7 Components, state, and data handling in the frontend
8 Introduction to Node.js: environment and basic concepts
9 Building RESTful APIs with Express
10 Introduction to databases (MongoDB, PostgreSQL)
11 Using advanced backend frameworks like Nest.js
12 Frontend and backend integration: API communication
13 User Interface Layout and Grids
14 User Interface Components and Variable
15 User Interface Styling and Formatting
1.1 Mapped to: K1

Demonstrate foundational knowledge of core HCI theories, models, and design principles, explaining how these inform user-centered technology design.

Teaching Strategy Lectures, discussions, projects
Assessment Methods Exams/project
1.2 Mapped to: K2

Analyze a complex computing problem and apply principles of computing and other relevant disciplines to identify solutions.

Teaching Strategy Lectures, discussions, projects
Assessment Methods Exams/project
1.3 Mapped to: k3

Explain the importance of inclusive and accessible design by recognizing diverse user needs, cultural contexts, and global perspectives.

Teaching Strategy Lectures, discussions, projects
Assessment Methods Exams/project
2.1 Mapped to: S1

Design, implement, and evaluate a computing-based solution to meet a given set of computing requirements in the context of the program’s discipline.

Teaching Strategy Lectures, discussions, projects
Assessment Methods Exams/project
2.2 Mapped to: S4

Use iterative prototyping and design methods (low-fidelity to high-fidelity) to refine user interfaces and interactive systems based on feedback and testing.

Teaching Strategy Lectures, discussions, projects
Assessment Methods Exams/project
3.1 Mapped to: V1

Recognize professional responsibilities and make informed judgments in computing practice based on legal and ethical principles.

Teaching Strategy Lectures, discussions, projects
Assessment Methods Exams/project
3.2 Mapped to: V2

Advocate for inclusivity and respect for diverse perspectives by designing technology solutions that are accessible and equitable for all users.

Teaching Strategy Lectures, discussions, projects
Assessment Methods Exams/project
Assessment
Weight
Lab Assessments
10%
Project
30%
Midterm
20%
Final Exam
40%
Total
100%