Transcript JMA 308/545 - Journalism and Multimedia Arts

Multimedia &
Interface
Design
JMA 308/545
TTH 4:30 – 5:45
College Hall 205
JMA 308/545 - Instructor

Dr. Bill Gibbs

Associate Professor in Journalism & Multimedia Arts.

Ph.D. in Instructional Systems from The Pennsylvania State University.

Office 316 College Hall

Office hours – MW 11:00 – 2:30 and by appointment

Phone – 412 - 396-1310

E-mail – [email protected]
JMA 308/545 - Topics
• Introduce Interface Design (ID)
• Interface design for the Web
• User-centered design
• Usability testing
JMA 308/545 – Course
goals

Review current terms and concepts related to ID.

Discuss general ID guidelines and theories.

Demonstrate general principles underlying
effective screen design and navigation control.
JMA 308/545 – Course
goals

Prototype designs using development tools.

Design, development and evaluate a Web site and
associated interactions based on ID principles.

Perform usability tests.(Ex1) (Ex2) (Ex3) (Ex4)
(EX5)
JMA 308/545 –
Applications & Tools
The course focuses
on Web interface
design and usability
testing.
What is this device and how do you used it?
Does the device tell you anything about how to use it?
Attaches to something?
For gripping?
For pushing?
For writing?
Clues about how to use it
Also, conventions
What clues are here?
Most important?
What’s here?
Additional stuff?
Current offering?
What’s here?
Additional stuff?
Let’s look at a couple sites

http://www.sonicdrivein.com/home.jsp#/home

http://www.staples.com
JMA 308/545 –
Applications & Tools
We will use:
• Dreamweaver
• Morae
• Others…
JMA 308/545 –
Applications & Tools
• In class we will work with
authoring tools (e.g.,
Dreamweaver) to create
interfaces.
•We may also use other
applications.
JMA 308/545 - Assignments
1.
2.
3.
4.
5.
Interface design activities - approximately 4
Client interface usability study (Group)
Final project & documentation
Project presentation
Pilot study (graduate students only)
JMA 308/545 - Assignments
Points assigned to each project
JMA 308/545 - Assignments
• Due at end of day.
• Late assignments receive a
10% per class penalty up to a
maximum of 30%.
JMA 308/545 – You’ll may
need
Blank discs or Flash drive
labeled with your name and
contact information.
You should have access to email and a Web browser –
outside of class.
JMA 308/545 – E-mailing
E-mailing assignments.
Make sure I have your
correct address.
JMA 308/545–
E-mailing
E-mailing assignments/attachments.
• Must have your name
• E-mail address
• Title of assignment
• Label subject of e-mail
JMA 308/545 – Class Web
Site
• Web site
http://www.jma.duq.edu/classes/gibbs/jma308/index.htm
• Media Site Live
• Room 205 Access
JMA 308/545 – Before
you go…
 Log
into computer
 Check
accounts
 Biographical
sheet
User Name and Password

To connect to our servers from within either
of our two labs (205 or 345):
Ctrl-Alt-Delete
 Username: YourLastName

PW: Given in class
 You will be asked to change your password
the first time you login

User Name and Password
8 characters or more
 1 UPPERCASE character
 1 number
 1 Special character ($, &) – no spaces

Duquesne$07
Our Server
www.jma.duq.edu

Your private folder
It’s a subfolder of users folder

www.jma.duq.edu/users/YourLoginName

Save files (drag and drop files) while in either lab (CH205, CH345)

You can also FTP to there from home…

How do I access the server?
From dorm or home
ftp://www.jma.duq.edu/users/YourLastName

Example: ftp://www.jma.duq.edu/users/gibbs/

You will be prompted for your user name and
password
Use the same name and password you used to
login to Windows

How do I access the server?
You will be prompted for your user name
and password – jma/username
How do I access the server?
• Folders and files display
• Transfer (put) files from your computer,
• Download (get) files to your computer.
How do I access the server?

Your folder on server has a child folder
named pub
Inside that folder you should create a
folder for each course that requires a web
site
 In this course, create a sub folder named
JMA308

The PUB folder
•You might create subfolders, for each course.
Double-click on pub
Right-click on any
unused white area
The PUB folder

Create new folder

Name it your course name
Web URL


The URL to your website(s) depend on how you structured your
home folder
Using earlier example
http://www.jma.duq.edu/users/gibbs/pub/JMA308/FileName.htm

Assuming your file name is default.htm, or index.htm in the jma308
folder the address would be:
http://www.jma.duq.edu/users/gibbs/pub/jma308/index.htm
How do I access the server?

Access from either CH345 and CH205
\\jma1\users\username

While in class, feel free to save to the
net folder
www.jma.duq.edu
Your Space
User folder
Folder
PUB
Folder
File
File
Folder
File
File
www.jma.duq.edu
Your Space
User folder
All files for
the
Folder
Web must
File
be in PUB
File
PUB
Folder
Folder
File
File
File Extensions
File Extensions
Windows-based computers vs. Mac
 Index.htm

File Extension
File Name
Turning File Extensions on in
Windows

Folder Options>>View>>
uncheck Hide Extensions for know
file types