COAP_2000_FALL1_2013_Hallmon
-
Upload
dave-hallmon -
Category
Documents
-
view
213 -
download
0
Transcript of COAP_2000_FALL1_2013_Hallmon
-
8/22/2019 COAP_2000_FALL1_2013_Hallmon
1/13
Page 1 of 13 Last Updated: August, 2013
Math & Computer Science Department
Course Syllabus
Course COAP 2000: Introduction to Web Programming
Term Fall 1, 2013
Site EAHL 212, Webster University Main Campus, Webster Groves, MO
InstructorName:
Email:
David Hallmon
Catalog Description HTML is the programming language used to develop home pages on theInternet. This course covers the most current tools available for developingHTML documents and posting pages on the World Wide Web. This course
covers the basics of XHTML (Extensible HTML). Prerequisites: None.
Course Level
Learning Outcomes
At the completion of this course this student will be able to:
Design a web page
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
Materials 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)
-
8/22/2019 COAP_2000_FALL1_2013_Hallmon
2/13
Page 2 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 thecourse
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 gradehas 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 rangewhere the grade lies.)
Grading:
A 93-100%
B 85-92%C 77-84%
D 70-76%
F 69% or below
Breakdown: Points Percentage
Homework Exercises (3) 50 20%
Quizzes (4) 40 15%
Exams (2) 100 20%
Term Project 200 30%Term Project Journal (6) 25 @Term Project
Usability 20 @Term Project
Class Participation (6) 25 15%
Total 100%
ActivitiesCoding 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 inthis project.
The midterm and final exams will involve hands-on coding componentsthat demonstrate the students culminating knowledge of all of the topics in
the course up to that point.
-
8/22/2019 COAP_2000_FALL1_2013_Hallmon
3/13
Page 3 of 13 Last Updated: August, 2013
Policy Statements:
University Policies
University policies are provided in the current course catalog and courseschedules. 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 HonestyThe 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 fromthis 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 informthe instructor at the beginning of the course of the accommodations
you will require in this class so that these can be provided.
DisturbancesSince every student is entitled to full participation in class without
interruption, disruption of class by inconsiderate behavior is notacceptable. 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 fromthe 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 theacademic Department, the student's name and all identifying
information about that student will be redacted from the assignment
-
8/22/2019 COAP_2000_FALL1_2013_Hallmon
4/13
Page 4 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 anothertime.
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 DATE
1 Topics Covered
Introduction to HTML, XHTML, and
CSSHTML Tools
Web Development Life Cycle
Web Page ElementsWeb Page Structure
Web Page Content
Viewing a Web Page
Tests
None
Term Project Journal
Website Planning
ReadingChapter 1, Introduction to HTML,XHTML, and CSS
Homework
Discussion: Class Introduction
August
26th
, 2013
-
8/22/2019 COAP_2000_FALL1_2013_Hallmon
5/13
Page 5 of 13 Last Updated: August, 2013
2 Topics Covered
Introduction to inline styles
Linking Web pagesAbsolute and Relative Links
Images
Formatted TextTests
Chapters 1 Review Quiz
Term Project Journal
About Pages
Reading
Chapter 2, Creating and Editing a Web
Page Using Inline StylesChapter 3, Creating Web Pages with
Links, Images, and Formatted and
Embedded Style Sheets
HomeworkDiscussion: Meaningful Content & SolidAbout Page
Homework Assignment #1
ONLINE
Sept. 1st
7th
, 2013
3 Topics Covered
Creating TablesFormatting Tables
Utilizing Adobe Kuler
Formatting tables with external stylesheets
Tests
Chapter 2 & 3 Review QuizTerm Project JournalOrganize Content Within A Table
Reading
Chapter 4, Creating Tables in a Web Site
Using an External Style Sheet
Homework
Discussion: Simple Design & LayoutHomework Assignment #2
Check-In
Sept. 9th
,
2013
4 TestsChapters 1-4, Midterm Exam
Term Project Journal
None
Reading
None
Homework
Discussion: Thoughtful User Interface
Sept. 16
th
,2013
-
8/22/2019 COAP_2000_FALL1_2013_Hallmon
6/13
Page 6 of 13 Last Updated: August, 2013
5 Topics Covered
Creating Image Maps
Locating X, Y CoordinatesWeb Page Forms
Organizing Forms
The elementText BoxesMenus
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 WebPageAppendix D, CSS Properties & Values
Homework
Discussion: Useful Contact Page
Homework Assignment #3
Sept. 23rd
,
2013
6 Topics Covered
Controlling Content With StylesControlling Layout With Styles
Adding An Embedded Style Sheet
Creating An External Style SheetTestsChapters 5 & 6, Review Quiz
Term Project Journal
Visual Design With External CSS
Reading
Chapter 7, Using Advanced Cascading
Style SheetsAppendix D, CSS Properties & Values
Homework
Discussion: Good Visual Design
Check-In
Sept. 30th
,
2013
7 Topics Covered
Using multimedia
Adding an audio file to a web pageAdding a video clip to a web page
Adding meta names
Adding keywords
Oct. 7th
,
2013
-
8/22/2019 COAP_2000_FALL1_2013_Hallmon
7/13
Page 7 of 13 Last Updated: August, 2013
Adding a description
Determining a domain name
Publishing your website
Tests
Chapter 7, Review Quiz
Term Project JournalCompleted Term Project
Reading
Chapter 8, Adding Multimedia content
to Web Pages
Homework
Discussion: Incorporate Multimedia &
Social Media
8 Tests
Chapters 1-8, Final Exam
HomeworkDiscussion: Privacy Policy and/or ADisclaimer
Usability Assignment
Course Feedback
Oct. 14th
,
2013
Additional
Resources
Please contact your instructor immediately if you have textbook or otherissues.
Lynda.comWhile it is not required, it is recommended that students review thefollowing 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 ResourcesSimilar 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
-
8/22/2019 COAP_2000_FALL1_2013_Hallmon
8/13
Page 8 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 thatthe training course demonstrates.
Term ProjectStudents 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'sAction Movies, 1940's & 50's Musicals, etc. Feel free to be obscure and
develop a site that fits within your interest, e.g., Kurosawa SamuraiMovies, 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 listsbefore. 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 discusstheir web site with the class in relation to one of the Web Developmentphases outlined in their textbook, i.e., planning, analysis, design and
development, testing, and implementation and maintenance. So studentsare 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 webdesigner/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 posting2. 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 Week1 discuss them based on your project/journal topic
4. Ask the class a question that would help you move forward withyour project based on the journal topic
5. Actively participate in the discussion area responding to other
-
8/22/2019 COAP_2000_FALL1_2013_Hallmon
9/13
Page 9 of 13 Last Updated: August, 2013
students questions and responses that you have received for your
own
Functional Web Site
The web sitemust be uploaded to Labwebs for the instructor to review and
a zipped version of the site submitted within the course for other studentsin 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 froma 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 externalcascading 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 fromAdobe Kuler
The effective use of a tables to either present text or images shouldbe 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
-
8/22/2019 COAP_2000_FALL1_2013_Hallmon
10/13
Page 10 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 CreditExtra 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 twostudents 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, astudent 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.
-
8/22/2019 COAP_2000_FALL1_2013_Hallmon
11/13
Page 11 of 13 Last Updated: August, 2013
COAP 2000: Term Project Evaluation
Students Name: ______________________________________ Grade: ______ /200 points
MISSINGORNO
T
ACCEPTABLE
BELOW
EXPECTATIONS
MEETS
EXPECTATIONS
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:
Labwebs:
Site Name:
Name Available?
-
8/22/2019 COAP_2000_FALL1_2013_Hallmon
12/13
Page 12 of 13 Last Updated: August, 2013
MISSINGORNOT
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.
-
8/22/2019 COAP_2000_FALL1_2013_Hallmon
13/13
Page 13 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?
Browsing ExperienceStrongly
AgreeAgree
Neither
Agree nor
Disagree
DisagreeStrongly
Disagree
The Web pages loaded in an
acceptable time frame
The Web site was visually
appealingThe links were not broken and
everything was linked correctly
The navigation was clear andmade it easy to find information
The graphics were used to convey
pertinent information
I found what I was looking for onthis Web site
The forms and other interactiveelements worked correctly
The Web site content containedaccurate spelling and grammar
My experience with this Web site
was successful
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 tohear your comments about their Web site.
Copyright 2005 2013 George Herbert Walker School of Business & Technology,
Webster University. All rights reserved.