multimedia & interface design jma 308/545 tth 4:30 – 5:45 college hall 205
TRANSCRIPT
Multimedia &Interface Design
JMA 308/545TTH 4:30 – 5:45College 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 writing?
For pushing?For gripping?
Clues about how to use it
Also, conventions
What clues are here?
Most important?
What’s here?
Additional stuff?
What’s here?
Current offering?
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. Interface design activities - approximately 4
2. Client interface usability study (Group)
3. Final project & documentation
4. Project presentation
5. 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
You should have access to e-mail and a Web browser – outside of class.
Blank discs or Flash drive labeled with your name and contact information.
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
http://www.jma.duq.edu/classes/gibbs/jma308/index.htm
• Room 205 Access
• Media Site Live
• Web site
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-DeleteUsername: YourLastNamePW: Given in classYou 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
Folder
File
File
FileFile
PUB Folder
Folder
Your Space
User folder
Folder
File
File
FileFile
PUB Folder
Folder
Your Space
All files for the
Web must be in PUB
All files for the
Web must be in PUB
User folder
www.jma.duq.edu
File Extensions
File Extensions
Windows-based computers vs. Mac Index.htm
File Name
File Extension
Turning File Extensions on in Windows
Folder Options>>View>> uncheck Hide Extensions for know file types