Loading presentation...

Present Remotely

Send the link below via email or IM

Copy

Present to your audience

Start remote presentation

  • Invited audience members will follow you as you navigate and present
  • People invited to a presentation do not need a Prezi account
  • This link expires 10 minutes after you close the presentation
  • A maximum of 30 users can follow your presentation
  • Learn more about this feature in our knowledge base article

Do you really want to delete this prezi?

Neither you, nor the coeditors you shared it with will be able to recover it again.

DeleteCancel

Intro to User Centered Design

Class Introduction and History of the Internet and World Wide Web
by

Mandy Kendall

on 30 August 2016

Comments (0)

Please log in to add your comment.

Report abuse

Transcript of Intro to User Centered Design

The Internet
Global System of interconnected computer networks
In essence, a network of networks - private, corporate, universities, etc.
Used as a backbone of many services: Messaging, faxing, voice, television, email, file sharing, games, music

Technology
and Terms

The World Wide Web
Global system of interlinked hypertext documents accessed via the Internet
Using a web browser, you can view web pages
Browsers are present in computers, phone, glasses, cars, watches, and probably something else that just came out today.
Intro to User Centered Design
The World Wide Web is one of the services that runs on the Internet
The Internet is the structure, the hardware
The Web is made up of the billions of hyperlinked pages that we see in browsers.
The Internet
vs the Web
The Birth of the
World Wide Web
Invented in 1989 by Tim Berners-Lee
The Internet already existed, and so did hypertext documents
Berners-Lee had trouble getting support for his vision of a hyperlinked, Internet-based system - both at CERN and from outside vendors
The First Web Page
"The WorldWideWeb (WWW) project aims to allow all links to be made to any information anywhere. [...] The WWW project was started to allow high energy physicists to share data, news, and documentation. We are very interested in spreading the web to other areas, and having
gateway servers for other data.
Collaborators welcome!”
— from Tim Berners-Lee’s first message
http://line-mode.cern.ch/www/hypertext/WWW/TheProject.html
Unique Address for every resource, or document, that's available online
UNIFORM
RESOURCE LOCATOR
Request & Response
http://www.pitt.edu/student-life
Protocol,
colon,
2 slashes
Clients & Servers
The computer that the user is using—phone, laptop, tablet, watch, whatever—is the client
The documents—the web page—that they request are on a server
The cloud is a really just a server
Serves as the primary interface to the Web
Allows a user to go get resources from other computers, display them on-screen, and interact with them
User puts in a URL, or clicks a link, and the browser does the rest (or at least hides all the other crazy stuff)
The Evolution of the Web
http://www.evolutionoftheweb.com/
Browsers
WELCOME TO
USER CENTERED DESIGN

THIS CLASS WILL
INTRODUCE YOU TO:
WHAT YOU WILL NEED
Text Editor
Brackets
Atom
Sublime
Text Wrangler
Coda
WHAT YOU WILL NEED
WHAT YOU WILL NEED
THIS CLASS WILL
INTRODUCE YOU TO:

The Design Process
HTML
CSS
Basic JavaScript
Basic Layout/Design
Web Typography
Basic Image Editing
FTP Program
Filezilla
WinFTP
Image Editing Program
WHAT TO EXPECT
WORKLOAD
Expect to spend
several hours
each week
creating your assignments.

Do NOT wait
until the last minute
to start working
WHAT IS
CONSIDERED CHEATING?
Using a template or code that you find online
Copying another student's code
WHAT IS NOT
CONSIDERED
CHEATING?
Having the Instructor, TA or fellow student look at you code and make suggestions to improve it
Looking at pre-written code to learn how it was done.
HTML
CSS
JavaScript

Hypertext Markup Language

Adds meaning to content

Provides the
Structure
of the website

Cascading Style Sheet

Provides the
Style
of the website

Provides
Enhancements
to the website
Getting Started
SETTING UP YOUR SERVER
ACCOUNT
HOW YOUR DIRECTORY
SHOULD BE STRUCTURED
PROTOCOL
: SFTP: SSH File Transfer Protocol
HOST NAME
: unixs.cis.pitt.edu
USER NAME:
Your myPitt username
PASSWORD:
Your myPitt Password
Your directory name for each homework should be "lastnamehomeworkX"
Example: kendallhomework3
Inside each directory, you should have a separate folder for css, js, and images.

We will talk more
about this later.
HOW YOUR DIRECTORY SHOULD BE STRUCTURED
HOW YOUR DIRECTORY
SHOULD BE STRUCTURED
All of your files for this class should be inside of a main directory called "1052"
Host, either a domain
name or IP address
Full path of
the resource
WHAT YOU WILL NEED

Google Chrome
Firefox
Browsers
Web Hypertext
Application
Technology
Working Group
(WHATWG)
WORLD WIDE WEB
CONSORTIUM
(W3C)
The main international standards organization for the World Wide Web
Full transcript