Math & Computer Science Department Course Syllabus

Course Term Site Instructor COAP 2000: Introduction to Web Programming Fall 1, 2013 EAHL 212, Webster University Main Campus, Webster Groves, MO Name: Email: David Hallmon davidhallmon33@webster.edu

Catalog Description HTML is the programming language used to develop home pages on the Internet. This course covers the most current tools available for developing HTML documents and posting pages on the World Wide Web. This course covers the basics of XHTML (Extensible HTML). Prerequisites: None. At the completion of this course this student will be able to: Course Level Learning Outcomes Design a web page Materials Evaluate web page styles Define coordinates for an image map Construct lists, tables, framesets for web pages Design web pages using images Design pages containing well-positioned images, using tables Design html forms that submit information to an e-mail address Design pages using styles to change font attributes Incorporate multimedia elements in a web page Create complete Web pages for companies, individuals

TEXTBOOK:
HTML5 and CSS Complete, Shelly, Woods, 7th edition Course Technology/Cengage, ISBN: 1133526128

SOFTWARE: Internet access, Browsers, Notepad++ (or other text editor), Image Mapping Software, FTP program/capability (WSFTP)

Page 1 of 13

Last Updated: August, 2013

Grading

The UNDERGRADUATE catalog provides these guidelines and grading options: A, A- superior work in the opinion of the instructor B+, B, B- good work in the opinion of the instructor C+, C, C- satisfactory work in the opinion of the instructor D+, D passing, but less than satisfactory work in the opinion of the instructor I incomplete work in the opinion of the instructor ZF An incomplete which was not completed within one year of the end of the course F unsatisfactory work in the opinion of the instructor; no credit is granted W withdrawn from the course IP course in progress NR not reported for the course Z a temporary designation given by the registrar indicating that the final grade has not been submitted by the instructor. When the final grade is filed in the Office of the Registrar, that grade will replace the Z.

(Pluses and Minuses may be given to indicate the portion of the range where the grade lies.) Grading: A B C D F 93-100% 85-92% 77-84% 70-76% 69% or below
Points 50 40 100 200 25 20 25 Percentage 20% 15% 20% 30% @Term Project @Term Project 15% 100%

Breakdown: Homework Exercises (3) Quizzes (4) Exams (2) Term Project Term Project Journal (6) Usability Class Participation (6) Total

Activities

Coding exercises will be assigned weekly, based on the content of each of the text chapters and the additional course resources (see below). A comprehensive term project will be assigned by the instructor and be posted on the Webster Labwebs server by the end of the term. Knowledge of all of the topics of the course should be demonstrated by the student in this project. The midterm and final exams will involve hands-on coding components that demonstrate the students culminating knowledge of all of the topics in the course up to that point.

Page 2 of 13

Last Updated: August, 2013

Policy Statements: University Policies

University policies are provided in the current course catalog and course schedules. They are also available on the university website. This class is governed by the universitys published policies. The following policies are of particular interest: Academic Honesty The university is committed to high standards of academic honesty. Students will be held responsible for violations of these standards. Please refer to the universitys academic honesty policies for a definition of academic dishonesty and potential disciplinary actions associated with it. Drops and Withdrawals Please be aware that, should you choose to drop or withdraw from this course, the date on which you notify the university of your decision will determine the amount of tuition refund you receive. Please refer to the university policies on drops and withdrawals (published elsewhere) to find out what the deadlines are for dropping a course with a full refund and for withdrawing from a course with a partial refund. Special Services If you have registered as a student with a documented disability and are entitled to classroom or testing accommodations, please inform the instructor at the beginning of the course of the accommodations you will require in this class so that these can be provided. Disturbances Since every student is entitled to full participation in class without interruption, disruption of class by inconsiderate behavior is not acceptable. Students are expected to treat the instructor and other students with dignity and respect, especially in cases where a diversity of opinion arises. Students who engage in disruptive behavior are subject to disciplinary action, including removal from the course. Grading Please refer to the most recent academic catalog for information on the Webster University grading policy. Student Assignments Retained From time to time, student assignments or projects will be retained by The Department for the purpose of academic assessment. In every case, should the assignment or project be shared outside the academic Department, the student's name and all identifying information about that student will be redacted from the assignment

Page 3 of 13

Last Updated: August, 2013

or project. Contact Hours for this Course It is essential that all classes meet for the full instructional time as scheduled. A class cannot be shortened in length. If a class session is cancelled for any reason, the content must be covered at another time. Course Policies The course syllabus may be revised and updated at the discretion of the instructor. All student work is required on time, and penalties will be assigned for work that is turned in late. No incompletes will be assigned for the course, unless an emergency occurs during the last week of the course, and the student is caught up in all prior work. Weekly Schedule Important Note: Prior to the first day of class, students are required to purchase their textbook in preparation for the following course schedule. TENTATIVE COURSE SCHEDULE (Subject to modification by the instructor as required.) WEEK CONTENT 1 Topics Covered Introduction to HTML, XHTML, and CSS HTML Tools Web Development Life Cycle Web Page Elements Web Page Structure Web Page Content Viewing a Web Page Tests None Term Project Journal Website Planning Reading Chapter 1, Introduction to HTML, XHTML, and CSS Homework Discussion: Class Introduction DATE August 26 , 2013
th

Page 4 of 13

Last Updated: August, 2013

Topics Covered Introduction to inline styles Linking Web pages Absolute and Relative Links Images Formatted Text Tests Chapters 1 Review Quiz Term Project Journal About Pages Reading Chapter 2, Creating and Editing a Web Page Using Inline Styles Chapter 3, Creating Web Pages with Links, Images, and Formatted and Embedded Style Sheets Homework Discussion: Meaningful Content & Solid About Page Homework Assignment #1 Topics Covered Creating Tables Formatting Tables Utilizing Adobe Kuler Formatting tables with external style sheets Tests Chapter 2 & 3 Review Quiz Term Project Journal Organize Content Within A Table Reading Chapter 4, Creating Tables in a Web Site Using an External Style Sheet Homework Discussion: Simple Design & Layout Homework Assignment #2 Check-In Tests Chapters 1-4, Midterm Exam Term Project Journal None Reading None Homework Discussion: Thoughtful User Interface

ONLINE Sept. 1st 7th, 2013

Sept. 9th, 2013

Sept. 16th, 2013

Page 5 of 13

Last Updated: August, 2013

Topics Covered Creating Image Maps Locating X, Y Coordinates Web Page Forms Organizing Forms The <button> element Text Boxes Menus E-Mailing Form Data FTPing to Webster Labwebs Tests None Term Project Journal Contact Page Reading Chapter 5, Creating An Image Map Chapter 6, Creating a Form on a Web Page Appendix D, CSS Properties & Values Homework Discussion: Useful Contact Page Homework Assignment #3 Topics Covered Controlling Content With Styles Controlling Layout With Styles Adding An Embedded Style Sheet Creating An External Style Sheet Tests Chapters 5 & 6, Review Quiz Term Project Journal Visual Design With External CSS Reading Chapter 7, Using Advanced Cascading Style Sheets Appendix D, CSS Properties & Values Homework Discussion: Good Visual Design Check-In Topics Covered Using multimedia Adding an audio file to a web page Adding a video clip to a web page Adding meta names Adding keywords

Sept. 23rd, 2013

Sept. 30th, 2013

Oct. 7th, 2013

Page 6 of 13

Last Updated: August, 2013

Adding a description Determining a domain name Publishing your website Tests Chapter 7, Review Quiz Term Project Journal Completed Term Project Reading Chapter 8, Adding Multimedia content to Web Pages Homework Discussion: Incorporate Multimedia & Social Media 8 Tests Chapters 1-8, Final Exam Homework Discussion: Privacy Policy and/or A Disclaimer Usability Assignment Course Feedback Oct. 14th, 2013

Additional Resources

Please contact your instructor immediately if you have textbook or other issues. Lynda.com While it is not required, it is recommended that students review the following training courses on Lynda.com as they correspond with the content in this course. HTML Essential Training by Bill Weinman (2012) Web Design Fundamentals by James Williamson (2010) Lynda.com is an industry leader in offering online computer based tutorials (CBT's) for a wide variety of technology subjects. There is a fee associated with Lynda.com access. Selections from these resources will be provided as class materials but not in full. Other Resources Similar to the above resource, while it is not required, it is recommended that students interact with the following training resources as well: Dont Fear The Internet Code Academy

Page 7 of 13

Last Updated: August, 2013

Code School HTML Dog

Homework assignments will be assigned that asks students to turn in a completed HTML file(s) that corresponds with the hands-on coding that the training course demonstrates. Term Project Students are required to complete a term project in this course that will involve creating an original movie genre fan website. Students are required to obtain approval from the instructor during Week 1 by submitting their top three movie genre choices, e.g., 1990's Romantic Comedies, 1980's Action Movies, 1940's & 50's Musicals, etc. Feel free to be obscure and develop a site that fits within your interest, e.g., Kurosawa Samurai Movies, Sergio Leone Westerns, 1970's B Horror Movies, etc. This class has seen them all The instructor will make every attempt to provide students with a choice within their top three choices because two students cannot both do Christmas Movies but yes I have seen this at the top of two student's lists before. In this event the instructor can work with the students to adapt their two topics so that both genre web sites will be unique. Term Project Journal The "Web Development Life Cycle" will be utilized as students develop their web site for their term project. By using this comprehensive planning and analysis process, students will ensure that the functional web site will meet the needs of the user. Throughout the course students will discuss their web site with the class in relation to one of the Web Development phases outlined in their textbook, i.e., planning, analysis, design and development, testing, and implementation and maintenance. So students are required to journal about their progress developing their Term Projects in this course. These will allow the class to see each others work and receive feedback and build a working community of web designer/developers. Each week students will be given a specific topic to discuss in their journal as well as submit draft files of their Term Project. Please review the following grading criteria out of 25 points: 1. Descriptively label your posting 2. Share the required piece of your project based on what we are learning in the given week (contents may need to be in a zip file) 3. Take a moment and revisit the example sites that you share in Week 1 discuss them based on your project/journal topic 4. Ask the class a question that would help you move forward with your project based on the journal topic 5. Actively participate in the discussion area responding to other

Page 8 of 13

Last Updated: August, 2013

students questions and responses that you have received for your own Functional Web Site The web site must be uploaded to Labwebs for the instructor to review and a zipped version of the site submitted within the course for other students in the class to view and discuss. At minimum, the following "purposeful" design and development attributes are required:

5 HTML files that follow a defined web site structure starting from a home (index) page (commonly students do more than 5 to showcase all of their movies within their genre) Consistent navigational system for all pages 5 well positioned and efficient sized images 1 list of content that is needed by the user 1 html form that can submit information to an e-mail address 1 multimedia element should be embedded, e.g., video, audio, etc. 1 external cascading style sheet (CSS) should be utilized to control the main visual design of the site and attached to all files Inline & Embedded styles should be limited Consistent look and feel for all pages utilizing a consistent color scheme created from Adobe Kuler The effective use of a tables to either present text or images should be considered Each XHTML and CSS files will need to be error free when validated against current web standards using the W3 Validator web page validation process The file structure should be well organized The code should be well formatted and comments should be inserted as needed to increase the readability of the code All html pages, images, and other files within the file structure should be named descriptively and without special characters, spaces, etc.

If there is ever a question about whether an image, video, color, etc. meets the needs of the client or the user, then discuss it with your instructor. It may be determined that the element should not be included. All attributes of a web site should always be purposeful and not distracting to the user. Important Note An anonymous Website Usability Questionnaire will be completed for each web site by another student in the class to ensure that the needs of the "user" are met. The HTML and CSS will also be reviewed by the instructor to ensure readability. Your grade for this assignment will be based mostly on your ability to

Page 9 of 13

Last Updated: August, 2013

provide constructive criticism to your fellow colleagues based on the "principles" of good web design that we have been discussing throughout the course. Extra Credit Extra credit points will only be awarded to a student once and each student will have at least one opportunity to complete the extra credit. One or two students can volunteer and have the opportunity to provide an executive summary to the class and lead an discussion surrounding the provided additional blog resource for that week. To receive the extra credit, a student must summarize the blog posting in 100 words, list 5 specific take-a-ways that we should all have from the posting, and provide an engaging open-ended question for the class to discuss.

Copyright 2005 2013 George Herbert Walker School of Business & Technology, Webster University. All rights reserved.

Page 10 of 13

Last Updated: August, 2013

COAP 2000: Term Project Evaluation

Students Name: ______________________________________ Grade: ______ /200 points
Labwebs:

MISSING OR NOT ACCEPTABLE

BELOW EXPECTATIONS

MEETS EXPECTATIONS

Site Name: Name Available?

EXCEEDS EXPECTATIONS

SPECIFIC COMMENTS

1. Site Structure Homepage index.htm Page 2 Page 3 Page 4 Page 5 Additional pages - optional Navigation General Comments:

2. Required XHTML Components Images Lists Links Tables Forms Email links Multimedia/Social Media Inline & Embedded Styles External Style Sheet Use of Comments Use of Code Formatting Organized File Structure Use Appropriate File Names General Comments:

Page 11 of 13

Last Updated: August, 2013

MISSING OR NOT ACCEPTABLE

BELOW EXPECTATIONS

MEETS EXPECTATIONS

EXCEEDS EXPECTATIONS

SPECIFIC COMMENTS

3. Site Layout and Presentation Professional Look Consistent Layout Use of Color Use of Fonts Use of Images Use of Multimedia Spelling & Grammar General Comments:

4. Validation XHTML CSS General Comments:

5. Labwebs? Running on Labwebs? General Comments:

6. User/Client Needs Are the intended users needs met? Are the needs of the client met? General Comments:

Copyright 2005 2013 George Herbert Walker School of Business & Technology, Webster University. All rights reserved. Page 12 of 13

Last Updated: August, 2013

COAP 2000: Term Project Usability Questionnaire The purpose of this questionnaire is to gather information regarding the usability of the following web site. URL Reviewed: ____________________________________________________________

How would you rate the web site reviewed? Neither Agree nor Disagree

Browsing Experience The Web pages loaded in an acceptable time frame The Web site was visually appealing The links were not broken and everything was linked correctly The navigation was clear and made it easy to find information The graphics were used to convey pertinent information I found what I was looking for on this Web site The forms and other interactive elements worked correctly The Web site content contained accurate spelling and grammar My experience with this Web site was successful

Strongly Agree

Agree

Disagree

Strongly Disagree

Please use the area below to give the web designer/developer additional feedback. It is their goal to provide an appealing and enjoyable web browsing experience. They therefore are interested to hear your comments about their Web site.

Copyright 2005 2013 George Herbert Walker School of Business & Technology, Webster University. All rights reserved.

Page 13 of 13

Last Updated: August, 2013