Human-Computer Interaction Design - IxD

Human-Computer Interaction Design

COGS120/CSE170 - "Intro. HCI"

Instructor: Philip Guo Lab 4 - Server-side backend web development (2016-10-20)

by Michael Bernstein, Scott Klemmer, and Philip Guo

Portfolio website

Lab roadmap

HTML for page structure: Lab 1

Browser

Frontend development

CSS for styling: Lab 2

JavaScript for interaction: Lab 3

AJAX for updates w/out reload: Lab 6

Server-side

Backend development

Express server-side web framework for Node.js: Lab 4

Data storage (future)

2

Generate pages on-demand based on user input

Routes Controllers Templates JSON

3

The story so far... loading static content

GET index.html

Web browser ...Welcome!...

(e.g., Chrome on your laptop)

This only works if all data is static: they never change based on user input.

Web server (e.g., Heroku) loads HTML file from its hard drive

4

What about...

5

 ................
................

In order to avoid copyright disputes, this page is only a partial summary.

Google Online Preview   Download