1. ST-CS19995: Introduction to Web Interface Design Prof. Angela Guercio Spring 2008

2. The Syllabus The class web page: The class web page: http://www.personal.kent.edu/ ~aguercio/Spring08/CS19995Sp08.html Check it regularly! Assignments, Deadlines, Communications about the class about the class are there!

3. Instructor Angela Guercio Angela Guercio Office: 424, Main Hall Office: 424, Main Hall Phone: 330 244 3424 Phone: 330 244 3424 (KSU ext 53424) (KSU ext 53424) Best way to contact me: aguercio@kent.edu Best way to contact me: aguercio@kent.edu aguercio@kent.edu Office Hours: Office Hours: TR 10:00am - 10:50am 3:25pm - 5:15pm 7:00pm - 7:30pm other times are available by appointment TR 10:00am - 10:50am 3:25pm - 5:15pm 7:00pm - 7:30pm other times are available by appointment

4. The Syllabus: The Textbook Daniel D. McCracken, Rosalie J. Wolfe – User-Centered Website Development. A Human Computer Interaction Approach– Pearson Prentice Hall, 2004 Daniel D. McCracken, Rosalie J. Wolfe – User-Centered Website Development. A Human Computer Interaction Approach– Pearson Prentice Hall, 2004 Other reading material will be given or suggested in class Other reading material will be given or suggested in class

5. The Syllabus: Requirements Class attendance is required. Class attendance is required. If you miss a class, let me know ahead of time If you miss a class, let me know ahead of time you must provide the documented reason. you must provide the documented reason. You are responsible for bringing yourself up-to-date on class material and assignments You are responsible for bringing yourself up-to-date on class material and assignments Reading material before class is required Reading material before class is required

6. The Syllabus: Assignments Weekly Homework/Tutorial Weekly Homework/Tutorial 1 large project 1 large project HW/Tutorial and project must be returned by the deadline HW/Tutorial and project must be returned by the deadline Late penalty: 5 points per day Late penalty: 5 points per day

7. The Syllabus: Exams 2 Exams 2 Exams 100 points each 100 points each 1 Final Exam 1 Final Exam Comprehensive Comprehensive 100 points 100 points No Make-up exams No Make-up exams Except in extreme case and only if I have been notified prior the exam has been issued Except in extreme case and only if I have been notified prior the exam has been issued

8. The Syllabus: Grade HW and Projects40% HW and Projects40% Exams (2)30% Exams (2)30% Final Exam20% Final Exam20% Participation 10% Participation 10% Unless otherwise specified, Unless otherwise specified, 90-100 is an A 90-100 is an A 80-89 is a B 80-89 is a B 70-79 is a C 70-79 is a C 60-69 is a D 60-69 is a D <60 is an F. <60 is an F. No + and – unless you request it. No + and – unless you request it.

9. The Syllabus: Important Dates Last day to withdraw before grade W is assigned: Jan 27 Last day to withdraw before grade W is assigned: Jan 27 Last day to drop the class: March 30 Last day to drop the class: March 30 Exam 1 is Tuesday, February 12 Exam 1 is Tuesday, February 12 Exam 2 is Thursday, March 27 Exam 2 is Thursday, March 27 Final Exam is Thursday, May 10 Final Exam is Thursday, May 10 Spring Recess: March 17 – March 23 Spring Recess: March 17 – March 23 Classes End: May 4, 2008 Classes End: May 4, 2008

10. Overview of the course  E-mail  E-mail  The Internet and the Web  Safety and security online: spam, viruses, phishing, information theft, etc.  HTML  Software used:  Frontpage  Photoshop/Image Ready  Dreamweaver  Avid Free DV  Audacity  Web Page Construction

11. Overview of the course  Introduction to HCI  Human Perception  Collecting the Specifications  Web page Design  Organizing the Content  Visual Aspects  Navigation  Prototyping  Evaluation  Colors and Typography  Global Accessibility

12. Let’s start! ----- E-mail Short for electronic-mail Short for electronic-mail Sends electronic information from one computer to another Sends electronic information from one computer to another SMTP (Simple Mail transfer Protocol) - the set of rules that a computer need to use to be able to exchange electronic data over the Internet SMTP (Simple Mail transfer Protocol) - the set of rules that a computer need to use to be able to exchange electronic data over the Internet E-mail is often used to deliver bulk unsolicited messages, or "spam" E-mail is often used to deliver bulk unsolicited messages, or "spam" Filters can be used to delete unwanted e-mail Filters can be used to delete unwanted e-mail Let’s use e-mail…. Let’s use e-mail….

13. E-mail: In class Assignment 1 In class Assignment 1: Open an e-mail program. You can use Flashline if you never used e-mail before. Open an e-mail program. You can use Flashline if you never used e-mail before. Create a message and send it to aguercio@kent.edu. Create a message and send it to aguercio@kent.edu.aguercio@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 the answer, just say “I do not know”. In the body of the message answer the following questions. If you do not 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 and anything you would like me to know about you. Briefly introduce yourself by telling me about yourself, your hobbies 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.