ST-CS19995:ST-CS19995:Introduction to Web Interface Introduction to Web Interface

DesignDesignProf. Angela GuercioProf. Angela Guercio

Spring 2008Spring 2008

The SyllabusThe Syllabus

The class web page:The class web page:

http://www.personal.kent.edu/http://www.personal.kent.edu/

~aguercio/Spring08/CS19995Sp08.html~aguercio/Spring08/CS19995Sp08.html

Check it regularly!Check it regularly!

Assignments, Deadlines, Assignments, Deadlines, CommunicationsCommunications

about the class about the class

are there!are there!

InstructorInstructor

Angela Guercio Angela Guercio Office: Office: 424, Main Hall424, Main Hall PhonePhone: 330 244 3424 : 330 244 3424

(KSU ext 53424)(KSU ext 53424) Best way to contact me: Best way to contact me:

aguercio@kent.eduaguercio@kent.edu Office Hours: Office Hours:

TRTR 10:00am - 10:50am  3:25pm - 10:00am - 10:50am  3:25pm - 5:15pm  7:00pm - 7:30pm5:15pm  7:00pm - 7:30pm other times other times are available by appointmentare available by appointment

The Syllabus: The TextbookThe Syllabus: The Textbook

Daniel D. McCracken, Rosalie J. Daniel D. McCracken, Rosalie J. Wolfe – Wolfe – User-Centered Website User-Centered Website Development. A Human Development. A Human Computer Interaction ApproachComputer Interaction Approach– – Pearson Prentice Hall, 2004Pearson Prentice Hall, 2004

Other reading material will be Other reading material will be given or suggested in class given or suggested in class

The Syllabus: RequirementsThe Syllabus: Requirements

Class attendance is Class attendance is requiredrequired.. If you miss a class, let me know ahead If you miss a class, let me know ahead

of timeof time you must provide the documented reason. you must provide the documented reason.

You are responsible for bringing yourself You are responsible for bringing yourself up-to-date on class material and up-to-date on class material and assignments assignments

Reading material before class is Reading material before class is requiredrequired

The Syllabus: AssignmentsThe Syllabus: Assignments

Weekly Homework/TutorialWeekly Homework/Tutorial 1 large project1 large project HW/Tutorial and project must be HW/Tutorial and project must be

returned by the deadlinereturned by the deadline Late penalty: 5 points per dayLate penalty: 5 points per day

The Syllabus: ExamsThe Syllabus: Exams

2 Exams2 Exams 100 points each100 points each

1 Final Exam1 Final Exam ComprehensiveComprehensive 100 points100 points

No Make-up examsNo Make-up exams Except in extreme case and only if I Except in extreme case and only if I

have been notified prior the exam has have been notified prior the exam has been issuedbeen issued

The Syllabus: GradeThe Syllabus: Grade

HW and ProjectsHW and Projects 40%40% Exams (2)Exams (2) 30%30% Final ExamFinal Exam 20%20% Participation Participation 10%10%

Unless otherwise specified, Unless otherwise specified, 90-100 is an A90-100 is an A 80-89 is a B80-89 is a B 70-79 is a C70-79 is a C 60-69 is a D60-69 is a D <60 is an F. <60 is an F.

No + and – unless you request it.No + and – unless you request it.

The Syllabus: Important DatesThe Syllabus: Important Dates

Last day to withdraw Last day to withdraw before grade Wbefore grade W is is assigned: assigned: Jan 27Jan 27

Last day to drop the class: Last day to drop the class: March 30March 30 Exam 1 is Tuesday, Exam 1 is Tuesday, February 12February 12 Exam 2 is Thursday, Exam 2 is Thursday, March 27March 27 Final Exam is Thursday, Final Exam is Thursday, May 10May 10

Spring Recess:Spring Recess: March 17 – March 23 March 17 – March 23 Classes End:Classes End: May 4, 2008 May 4, 2008

Overview of the courseOverview of the course

E-mail  E-mail   The Internet and the WebThe Internet and the Web

Safety and security online: spam, Safety and security online: spam, viruses, viruses, phishingphishing, information theft, etc., information theft, etc.

HTML HTML Software used:Software used:

FrontpageFrontpage Photoshop/Image ReadyPhotoshop/Image Ready DreamweaverDreamweaver Avid Free DVAvid Free DV AudacityAudacity

Web Page ConstructionWeb Page Construction

Overview of the courseOverview of the course

Introduction to HCIIntroduction to HCI Human PerceptionHuman Perception Collecting the SpecificationsCollecting the Specifications Web page Design Web page Design Organizing the Content Organizing the Content Visual Aspects Visual Aspects Navigation Navigation Prototyping Prototyping Evaluation Evaluation Colors and TypographyColors and Typography Global Accessibility Global Accessibility

Let’s start! ----- E-mailLet’s start! ----- E-mail

Short for Short for electronic-mailelectronic-mail SSends electronic information from ends electronic information from

one computer to anotherone computer to another SMTP (Simple Mail transfer Protocol) - SMTP (Simple Mail transfer Protocol) -

the set of rules that a computer need to the set of rules that a computer need to use to be able to exchange electronic use to be able to exchange electronic data over the Internetdata over the Internet

E-mail is often used to deliver bulk E-mail is often used to deliver bulk unsolicited messages, or unsolicited messages, or "spam""spam" Filters can be used to delete unwanted Filters can be used to delete unwanted

e-maile-mail Let’s use e-mail….Let’s use e-mail….

E-mail: In class Assignment 1E-mail: In class Assignment 1In class In class Assignment Assignment 1:1:

Open an e-mail program. You can use Flashline if you never used e-mail Open an e-mail program. You can use Flashline if you never used e-mail before.before.

Create a message and send it to Create a message and send it to aguercio@kent.eduaguercio@kent.edu.. In the Subject write be “CS19995”In the Subject write be “CS19995” In the body of the message answer the following questions. If you do not In the body of the message answer the following questions. If you do not

the answer, just say “I do not know”.the answer, just say “I do not know”. What is your name and your class (freshman, sophomore, ect..)?What is your name and your class (freshman, sophomore, ect..)? Briefly introduce yourself by telling me about yourself, your hobbies Briefly introduce yourself by telling me about yourself, your hobbies

and anything you would like me to know about you.and anything you would like me to know about you. What is your major?What is your major? Why did you choose this class?Why did you choose this class? Do you want a + and – in the final grade?Do you want a + and – in the final grade? What is your experience with computers?What is your experience with computers? What would you expect to learn from this course?What would you expect to learn from this course? What is your e-mail address?What is your e-mail address? What is your teacher’s e-mail address?What is your teacher’s e-mail address? What is a URL?What is a URL? What is the Web?What is the Web? What is an Interface?What is an Interface? What does Web Interface Design mean?What does Web Interface Design mean?

Send the e-mail.Send the e-mail.