Computer Science / Human-Computer Interaction (HCI)

Human-Computer Interaction

Brought by: Udacity

Overview

This course is an introductory course on human-computer interaction, covering the principles, techniques, and open areas of development in HCI.

Syllabus

Principles

Feedback Cycles and Direct Manipulation,Design Principles and Heuristics,Mental Models and Distributed Cognition

Methods

Needfinding and Requirements Gathering,Low-Fidelity to High-Fidelity Prototyping,Predictive, Empirical, and Qualitative Evaluation

Applications

Virtual and Augmented Reality, and others,Ubiquitous and Context-Sensitive Computing, and others,Healthcare, Education, and Security, and others

Taught by

David Joyner

Computer Science / Human-Computer Interaction (HCI)

Go to course

Human-Computer Interaction

Brought by: Udacity

Udacity
Free
English
Certificate Not Available
Available at any time
intermediate
N/A

Messages Timeline Exceptions Views14 Route Queries7 Models6 Gate Session Request

8.1.2771ms2MBGET en/courses/{slug}

Booting (463ms)
Application (306ms)
1 x Booting (60.03%)
463.02ms
1 x Application (39.73%)
306.47ms

14 templates were rendered

public.courses.show (resources/views/public/courses/show.blade.php)3bladefile
Params
0
course
1
links
2
config
public.courses.partials.breadcrumbs (resources/views/public/courses/partials/breadcrumbs.blade.php)6bladefile
Params
0
__env
1
app
2
errors
3
course
4
links
5
config
public.courses.partials.heading (resources/views/public/courses/partials/heading.blade.php)7bladefile
Params
0
__env
1
app
2
errors
3
course
4
links
5
config
6
classes
public.courses.partials.details (resources/views/public/courses/partials/details.blade.php)6bladefile
Params
0
__env
1
app
2
errors
3
course
4
links
5
config
public.courses.partials.breadcrumbs (resources/views/public/courses/partials/breadcrumbs.blade.php)6bladefile
Params
0
__env
1
app
2
errors
3
course
4
links
5
config
public.courses.partials.heading (resources/views/public/courses/partials/heading.blade.php)7bladefile
Params
0
__env
1
app
2
errors
3
course
4
links
5
config
6
classes
public.layouts.main (resources/views/public/layouts/main.blade.php)6bladefile
Params
0
__env
1
app
2
errors
3
course
4
links
5
config
public.layouts.partials.meta (resources/views/public/layouts/partials/meta.blade.php)6bladefile
Params
0
__env
1
app
2
errors
3
course
4
links
5
config
public.layouts.partials.navbar (resources/views/public/layouts/partials/navbar.blade.php)6bladefile
Params
0
__env
1
app
2
errors
3
course
4
links
5
config
public.auth.profile.partials.links (resources/views/public/auth/profile/partials/links.blade.php)6bladefile
Params
0
__env
1
app
2
errors
3
course
4
links
5
config
public.auth.profile.partials.link (resources/views/public/auth/profile/partials/link.blade.php)8bladefile
Params
0
__env
1
app
2
errors
3
course
4
links
5
config
6
route
7
title
public.auth.profile.partials.link (resources/views/public/auth/profile/partials/link.blade.php)8bladefile
Params
0
__env
1
app
2
errors
3
course
4
links
5
config
6
route
7
title
public.auth.profile.partials.link (resources/views/public/auth/profile/partials/link.blade.php)8bladefile
Params
0
__env
1
app
2
errors
3
course
4
links
5
config
6
route
7
title
public.layouts.partials.flash-session (resources/views/public/layouts/partials/flash-session.blade.php)6bladefile
Params
0
__env
1
app
2
errors
3
course
4
links
5
config

Params
0	`course`
1	`links`
2	`config`

Params
0	`__env`
1	`app`
2	`errors`
3	`course`
4	`links`
5	`config`

Params
0	`__env`
1	`app`
2	`errors`
3	`course`
4	`links`
5	`config`
6	`classes`

Params
0	`__env`
1	`app`
2	`errors`
3	`course`
4	`links`
5	`config`

Params
0	`__env`
1	`app`
2	`errors`
3	`course`
4	`links`
5	`config`

Params
0	`__env`
1	`app`
2	`errors`
3	`course`
4	`links`
5	`config`
6	`classes`

Params
0	`__env`
1	`app`
2	`errors`
3	`course`
4	`links`
5	`config`

Params
0	`__env`
1	`app`
2	`errors`
3	`course`
4	`links`
5	`config`

Params
0	`__env`
1	`app`
2	`errors`
3	`course`
4	`links`
5	`config`

Params
0	`__env`
1	`app`
2	`errors`
3	`course`
4	`links`
5	`config`

Params
0	`__env`
1	`app`
2	`errors`
3	`course`
4	`links`
5	`config`
6	`route`
7	`title`

Params
0	`__env`
1	`app`
2	`errors`
3	`course`
4	`links`
5	`config`
6	`route`
7	`title`

Params
0	`__env`
1	`app`
2	`errors`
3	`course`
4	`links`
5	`config`
6	`route`
7	`title`

Params
0	`__env`
1	`app`
2	`errors`
3	`course`
4	`links`
5	`config`

uri: GET en/courses/{slug}
middleware: web, localize:en
controller: App\Http\Controllers\CourseController@show
as: en.courses.show
namespace
prefix: /en
where
file: app/Http/Controllers/CourseController.php:17-35

7 statements were executed8.11ms

select * from `courses` where `slug_en` = 'human-computer-interaction' limit 1

5.85ms/app/Http/Controllers/CourseController.php:20corspedia

Metadata
Bindings	0. human-computer-interaction
Backtrace	17. /app/Http/Controllers/CourseController.php:20 18. /vendor/laravel/framework/src/Illuminate/Routing/Controller.php:54 19. /vendor/laravel/framework/src/Illuminate/Routing/ControllerDispatcher.php:43 20. /vendor/laravel/framework/src/Illuminate/Routing/Route.php:260 21. /vendor/laravel/framework/src/Illuminate/Routing/Route.php:205

update `courses` set `visitors` = `visitors` + 1, `courses`.`updated_at` = '2025-07-29 20:10:24' where `id` = 664

920μs/app/Http/Controllers/CourseController.php:21corspedia

Metadata
Bindings	0. 2025-07-29 20:10:24 1. 664
Backtrace	17. /app/Http/Controllers/CourseController.php:21 18. /vendor/laravel/framework/src/Illuminate/Routing/Controller.php:54 19. /vendor/laravel/framework/src/Illuminate/Routing/ControllerDispatcher.php:43 20. /vendor/laravel/framework/src/Illuminate/Routing/Route.php:260 21. /vendor/laravel/framework/src/Illuminate/Routing/Route.php:205

select `id`, `name_en`, `name_ar`, `topic_id`, `slug_en`, `slug_ar` from `subjects` where `subjects`.`id` in (26)

240μs/app/Http/Controllers/CourseController.php:23corspedia

Metadata
Backtrace	20. /app/Http/Controllers/CourseController.php:23 21. /vendor/laravel/framework/src/Illuminate/Routing/Controller.php:54 22. /vendor/laravel/framework/src/Illuminate/Routing/ControllerDispatcher.php:43 23. /vendor/laravel/framework/src/Illuminate/Routing/Route.php:260 24. /vendor/laravel/framework/src/Illuminate/Routing/Route.php:205

select `id`, `name_en`, `name_ar`, `slug_en`, `slug_ar` from `topics` where `topics`.`id` in (1)

210μs/app/Http/Controllers/CourseController.php:23corspedia

Metadata
Backtrace	25. /app/Http/Controllers/CourseController.php:23 26. /vendor/laravel/framework/src/Illuminate/Routing/Controller.php:54 27. /vendor/laravel/framework/src/Illuminate/Routing/ControllerDispatcher.php:43 28. /vendor/laravel/framework/src/Illuminate/Routing/Route.php:260 29. /vendor/laravel/framework/src/Illuminate/Routing/Route.php:205

select * from `institutions` where `institutions`.`id` in (22) and `institutions`.`deleted_at` is null

230μs/app/Http/Controllers/CourseController.php:23corspedia

Metadata
Backtrace	20. /app/Http/Controllers/CourseController.php:23 21. /vendor/laravel/framework/src/Illuminate/Routing/Controller.php:54 22. /vendor/laravel/framework/src/Illuminate/Routing/ControllerDispatcher.php:43 23. /vendor/laravel/framework/src/Illuminate/Routing/Route.php:260 24. /vendor/laravel/framework/src/Illuminate/Routing/Route.php:205

select * from `providers` where `providers`.`id` in (6) and `providers`.`deleted_at` is null

270μs/app/Http/Controllers/CourseController.php:23corspedia

Metadata
Backtrace	20. /app/Http/Controllers/CourseController.php:23 21. /vendor/laravel/framework/src/Illuminate/Routing/Controller.php:54 22. /vendor/laravel/framework/src/Illuminate/Routing/ControllerDispatcher.php:43 23. /vendor/laravel/framework/src/Illuminate/Routing/Route.php:260 24. /vendor/laravel/framework/src/Illuminate/Routing/Route.php:205

select * from `html_files` where `html_files`.`id` = 658 limit 1

390μs/app/Models/Course.php:84corspedia

Metadata
Bindings	0. 658
Backtrace	21. /app/Models/Course.php:84 28. view::public.courses.show:29 30. /vendor/laravel/framework/src/Illuminate/Filesystem/Filesystem.php:125 31. /vendor/laravel/framework/src/Illuminate/View/Engines/PhpEngine.php:58 32. /vendor/laravel/framework/src/Illuminate/View/Engines/CompilerEngine.php:72

App\Models\HtmlFile: 1
App\Models\Provider: 1
App\Models\Institution: 1
App\Models\Topic: 1
App\Models\Subject: 1
App\Models\Course: 1

_token: bbdun1PJWjjlYM26J4eTXTebn0NfLNpMOdm7eMrn
locale: en
_previous: array:1 [ "url" => "https://www.corspedia.com/en/courses/human-computer-interaction" ]
_flash: array:2 [ "old" => [] "new" => [] ]
PHPDEBUGBAR_STACK_DATA: []

path_info

/en/courses/human-computer-interaction

status_code

status_text

format

html

content_type

text/html; charset=UTF-8

request_query

[]

request_request

[]

request_headers

  0 of 0   
array:24 [▼
  "cf-ipcountry" => array:1 [▶
    0 => "US"
  ]
  "cf-connecting-ip" => array:1 [▶
    0 => "216.73.216.78"
  ]
  "cdn-loop" => array:1 [▶
    0 => "cloudflare; loops=1"
  ]
  "x-forwarded-proto" => array:1 [▶
    0 => "https"
  ]
  "x-forwarded-for" => array:1 [▶
    0 => "216.73.216.78"
  ]
  "sec-fetch-site" => array:1 [▶
    0 => "none"
  ]
  "accept" => array:1 [▶
    0 => "text/html,application/xhtml+xml,application/xml;q=0.9,image/avif,image/webp,image/apng,*/*;q=0.8,application/signed-exchange;v=b3;q=0.7"
  ]
  "user-agent" => array:1 [▶
    0 => "Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; +claudebot@anthropic.com)"
  ]
  "upgrade-insecure-requests" => array:1 [▶
    0 => "1"
  ]
  "sec-ch-ua-platform" => array:1 [▶
    0 => ""Windows""
  ]
  "sec-ch-ua-mobile" => array:1 [▶
    0 => "?0"
  ]
  "sec-ch-ua" => array:1 [▶
    0 => ""Chromium";v="130", "HeadlessChrome";v="130", "Not?A_Brand";v="99""
  ]
  "cache-control" => array:1 [▶
    0 => "no-cache"
  ]
  "pragma" => array:1 [▶
    0 => "no-cache"
  ]
  "sec-fetch-dest" => array:1 [▶
    0 => "document"
  ]
  "cf-ray" => array:1 [▶
    0 => "966f426aa911b687-YYZ"
  ]
  "accept-encoding" => array:1 [▶
    0 => "gzip, br"
  ]
  "priority" => array:1 [▶
    0 => "u=0, i"
  ]
  "sec-fetch-user" => array:1 [▶
    0 => "?1"
  ]
  "sec-fetch-mode" => array:1 [▶
    0 => "navigate"
  ]
  "cf-visitor" => array:1 [▶
    0 => "{"scheme":"https"}"
  ]
  "host" => array:1 [▶
    0 => "www.corspedia.com"
  ]
  "content-length" => array:1 [▶
    0 => ""
  ]
  "content-type" => array:1 [▶
    0 => ""
  ]
]

request_server

  0 of 0   
array:50 [▼
  "USER" => "www-data"
  "HOME" => "/var/www"
  "HTTP_CF_IPCOUNTRY" => "US"
  "HTTP_CF_CONNECTING_IP" => "216.73.216.78"
  "HTTP_CDN_LOOP" => "cloudflare; loops=1"
  "HTTP_X_FORWARDED_PROTO" => "https"
  "HTTP_X_FORWARDED_FOR" => "216.73.216.78"
  "HTTP_SEC_FETCH_SITE" => "none"
  "HTTP_ACCEPT" => "text/html,application/xhtml+xml,application/xml;q=0.9,image/avif,image/webp,image/apng,*/*;q=0.8,application/signed-exchange;v=b3;q=0.7"
  "HTTP_USER_AGENT" => "Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; +claudebot@anthropic.com)"
  "HTTP_UPGRADE_INSECURE_REQUESTS" => "1"
  "HTTP_SEC_CH_UA_PLATFORM" => ""Windows""
  "HTTP_SEC_CH_UA_MOBILE" => "?0"
  "HTTP_SEC_CH_UA" => ""Chromium";v="130", "HeadlessChrome";v="130", "Not?A_Brand";v="99""
  "HTTP_CACHE_CONTROL" => "no-cache"
  "HTTP_PRAGMA" => "no-cache"
  "HTTP_SEC_FETCH_DEST" => "document"
  "HTTP_CF_RAY" => "966f426aa911b687-YYZ"
  "HTTP_ACCEPT_ENCODING" => "gzip, br"
  "HTTP_PRIORITY" => "u=0, i"
  "HTTP_SEC_FETCH_USER" => "?1"
  "HTTP_SEC_FETCH_MODE" => "navigate"
  "HTTP_CF_VISITOR" => "{"scheme":"https"}"
  "HTTP_HOST" => "www.corspedia.com"
  "REDIRECT_STATUS" => "200"
  "SERVER_NAME" => "corspedia.com"
  "SERVER_PORT" => "443"
  "SERVER_ADDR" => "141.95.147.152"
  "REMOTE_USER" => ""
  "REMOTE_PORT" => "55200"
  "REMOTE_ADDR" => "108.162.241.168"
  "SERVER_SOFTWARE" => "nginx/1.18.0"
  "GATEWAY_INTERFACE" => "CGI/1.1"
  "HTTPS" => "on"
  "REQUEST_SCHEME" => "https"
  "SERVER_PROTOCOL" => "HTTP/2.0"
  "DOCUMENT_ROOT" => "/var/www/corspedia/public"
  "DOCUMENT_URI" => "/index.php"
  "REQUEST_URI" => "/en/courses/human-computer-interaction"
  "SCRIPT_NAME" => "/index.php"
  "CONTENT_LENGTH" => ""
  "CONTENT_TYPE" => ""
  "REQUEST_METHOD" => "GET"
  "QUERY_STRING" => ""
  "SCRIPT_FILENAME" => "/var/www/corspedia/public/index.php"
  "PATH_INFO" => ""
  "FCGI_ROLE" => "RESPONDER"
  "PHP_SELF" => "/index.php"
  "REQUEST_TIME_FLOAT" => 1753819824.0291
  "REQUEST_TIME" => 1753819824
]

request_cookies

[]

response_headers

  0 of 0   
array:5 [▼
  "content-type" => array:1 [▶
    0 => "text/html; charset=UTF-8"
  ]
  "cache-control" => array:1 [▶
    0 => "no-cache, private"
  ]
  "date" => array:1 [▶
    0 => "Tue, 29 Jul 2025 20:10:24 GMT"
  ]
  "set-cookie" => array:2 [▶
    0 => "XSRF-TOKEN=eyJpdiI6IklES1VPZksxSVZKbWExeWlJSVIzQVE9PSIsInZhbHVlIjoiYWdSc2JjbVY5Zm05aXQrUlJVWllLR1NuZUtrbUkvODlEVHNNSGVld1ErUm91UWQrS2h1OGkvTU41OG5xMG5vZGV2Z1NyQUJ4bnVuVm9lQ1dzbzl6SjhpMnUxV2cxYlZRNVlXZXBBRXdFNXo4bkIrc0k2OGtMdGxkSmVVMHArOGciLCJtYWMiOiI5ZjhkOTI4ODljMzA1N2Y5OTE2YWRhNzdjOWIzOTI0MWUzNGFlM2ZiOTdjOTcyMWVjM2U1NDE5YTg5MTdhNWZhIiwidGFnIjoiIn0%3D; expires=Tue, 29 Jul 2025 22:10:24 GMT; Max-Age=7200; path=/; samesite=lax ◀XSRF-TOKEN=eyJpdiI6IklES1VPZksxSVZKbWExeWlJSVIzQVE9PSIsInZhbHVlIjoiYWdSc2JjbVY5Zm05aXQrUlJVWllLR1NuZUtrbUkvODlEVHNNSGVld1ErUm91UWQrS2h1OGkvTU41OG5xMG5vZGV2Z1NyQ ▶"
    1 => "laravel_session=eyJpdiI6IjNvemgvL2lZZWtWc2FFdWlsdFNNbkE9PSIsInZhbHVlIjoiTVlpTlZlZCs0WUJkMzM4d2JGZy9Ham4rbDlWbkVWQUtXajliNGlUY2JucmlXTlZzWGJ1T3BCNkVmWlVIUVJDTndwbFV5RzU4NXNuendjdEJKemI0N2pvMkFrb0trK3RVWFJCVUNoSVFmQXZmTmdPV2o4VVpyTnpZLzMxVzJaTWkiLCJtYWMiOiI4MjNkNzM1OTlhOTc3MGZkMjg2Nzk0MGZiMmZjNWQ5MzExZDY1NDkxNzg0YTU3MDg5MTBhMGRlM2YwZWVlM2RiIiwidGFnIjoiIn0%3D; expires=Tue, 29 Jul 2025 22:10:24 GMT; Max-Age=7200; path=/; httponly; samesite=lax ◀laravel_session=eyJpdiI6IjNvemgvL2lZZWtWc2FFdWlsdFNNbkE9PSIsInZhbHVlIjoiTVlpTlZlZCs0WUJkMzM4d2JGZy9Ham4rbDlWbkVWQUtXajliNGlUY2JucmlXTlZzWGJ1T3BCNkVmWlVIUVJDTndw ▶"
  ]
  "Set-Cookie" => array:2 [▶
    0 => "XSRF-TOKEN=eyJpdiI6IklES1VPZksxSVZKbWExeWlJSVIzQVE9PSIsInZhbHVlIjoiYWdSc2JjbVY5Zm05aXQrUlJVWllLR1NuZUtrbUkvODlEVHNNSGVld1ErUm91UWQrS2h1OGkvTU41OG5xMG5vZGV2Z1NyQUJ4bnVuVm9lQ1dzbzl6SjhpMnUxV2cxYlZRNVlXZXBBRXdFNXo4bkIrc0k2OGtMdGxkSmVVMHArOGciLCJtYWMiOiI5ZjhkOTI4ODljMzA1N2Y5OTE2YWRhNzdjOWIzOTI0MWUzNGFlM2ZiOTdjOTcyMWVjM2U1NDE5YTg5MTdhNWZhIiwidGFnIjoiIn0%3D; expires=Tue, 29-Jul-2025 22:10:24 GMT; path=/ ◀XSRF-TOKEN=eyJpdiI6IklES1VPZksxSVZKbWExeWlJSVIzQVE9PSIsInZhbHVlIjoiYWdSc2JjbVY5Zm05aXQrUlJVWllLR1NuZUtrbUkvODlEVHNNSGVld1ErUm91UWQrS2h1OGkvTU41OG5xMG5vZGV2Z1NyQ ▶"
    1 => "laravel_session=eyJpdiI6IjNvemgvL2lZZWtWc2FFdWlsdFNNbkE9PSIsInZhbHVlIjoiTVlpTlZlZCs0WUJkMzM4d2JGZy9Ham4rbDlWbkVWQUtXajliNGlUY2JucmlXTlZzWGJ1T3BCNkVmWlVIUVJDTndwbFV5RzU4NXNuendjdEJKemI0N2pvMkFrb0trK3RVWFJCVUNoSVFmQXZmTmdPV2o4VVpyTnpZLzMxVzJaTWkiLCJtYWMiOiI4MjNkNzM1OTlhOTc3MGZkMjg2Nzk0MGZiMmZjNWQ5MzExZDY1NDkxNzg0YTU3MDg5MTBhMGRlM2YwZWVlM2RiIiwidGFnIjoiIn0%3D; expires=Tue, 29-Jul-2025 22:10:24 GMT; path=/; httponly ◀laravel_session=eyJpdiI6IjNvemgvL2lZZWtWc2FFdWlsdFNNbkE9PSIsInZhbHVlIjoiTVlpTlZlZCs0WUJkMzM4d2JGZy9Ham4rbDlWbkVWQUtXajliNGlUY2JucmlXTlZzWGJ1T3BCNkVmWlVIUVJDTndw ▶"
  ]
]

session_attributes

  0 of 0   
array:5 [▼
  "_token" => "bbdun1PJWjjlYM26J4eTXTebn0NfLNpMOdm7eMrn"
  "locale" => "en"
  "_previous" => array:1 [▶
    "url" => "https://www.corspedia.com/en/courses/human-computer-interaction"
  ]
  "_flash" => array:2 [▶
    "old" => []
    "new" => []
  ]
  "PHPDEBUGBAR_STACK_DATA" => []
]

1 x Booting (60.03%)	463.02ms
1 x Application (39.73%)	306.47ms