Coap 2000 Summer 2013 Hallmon

7/30/2019 Coap 2000 Summer 2013 Hallmon

1/13

Page 1 of 10 Last Updated: May 2013

Math & Computer Science Department

Course Syllabus

Course COAP 2000: Introduction to Web Programming

Term Summer, 2012

Site Online

InstructorName:

Email:

David Hallmon

[email protected]

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)


2/13


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.


3/13


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


4/13


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

1 Topics Covered

Introduction to HTML, XHTML, and CSS

HTML ToolsWeb Development Life Cycle

Web Page Elements

Web Page StructureWeb Page Content

Viewing a Web Page

Tests

None

Term Project Journal

Website Planning

Reading

Chapter 1, Introduction to HTML, XHTML, and CSSHomework

Discussion: Class Introduction

2 Topics Covered

Introduction to inline styles

Linking Web pages


5/13


Absolute and Relative Links

Images

Formatted Text

Tests

Chapters 1 Review Quiz

Term Project JournalAbout 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

Homework

Discussion: Meaningful Content & Solid About Page

Homework Assignment #1

3 Topics CoveredCreating TablesFormatting Tables

Utilizing Adobe Kuler

Formatting tables with external style sheets

Tests

Chapter 2 & 3 Review Quiz


Organize Content Within A Table

Reading

Chapter 4, Creating Tables in a Web Site Using an

External Style SheetHomeworkDiscussion: Simple Design & Layout

Homework Assignment #2Check-In

4 Tests

Chapters 1-4, Midterm Exam


None

Reading

NoneHomeworkDiscussion: Thoughtful User Interface

5 Topics Covered

Creating Image Maps

Locating X, Y CoordinatesWeb Page Forms


6/13


Organizing Forms

The element

Text BoxesMenus

E-Mailing Form Data

FTPing to Webster LabwebsTests

None


Contact Page

Reading

Chapter 5, Creating An Image Map

Chapter 6, Creating a Form on a Web PageAppendix D, CSS Properties & Values

Homework

Discussion: Useful Contact Page

Homework Assignment #3

6 Topics Covered

Controlling Content With Styles

Controlling Layout With Styles

Adding An Embedded Style SheetCreating An External Style Sheet

Tests

Chapters 5 & 6, Review Quiz


Visual Design With External CSS

ReadingChapter 7, Using Advanced Cascading Style Sheets

Appendix D, CSS Properties & Values

Homework

Discussion: Good Visual Design

Check-In

7 Topics Covered

Using multimediaAdding an audio file to a web page

Adding a video clip to a web page

Adding meta namesAdding keywordsAdding a description

Determining a domain name

Publishing your website

Tests

Chapter 7, Review Quiz



7/13


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

AdditionalResources

Please contact your instructor immediately if you have textbook or otherissues.

Lynda.comWhile it is not required, it is recommended that students review the

following training courses on Lynda.com as they correspond with thecontent in this course.

HTML Essential Training by Bill Weinman (2012)

Web Design Fundamentals by James Williamson (2010)

Students have access to this online resource through the technology

training program and the Webster University Library. Lynda.com is anindustry leader in offering online computer based tutorials (CBT's) for awide variety of technology subjects.

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

Code School

HTML Dog

Homework assignments will be assigned that ask the student to turn in a

completed HTML file that corresponds with the hands-on coding that thetraining course demonstrates.


8/13


Term ProjectStudents are required to complete a term project in this course that willinvolve creating an original movie genre fan website. Students are required

to obtain approval from the instructor during Week 1 by submitting theirtop 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 SamuraiMovies, Sergio Leone Westerns, 1970's B Horror Movies, etc. This classhas seen them all

The instructor will make every attempt to provide students with a choicewithin 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.


The "Web Development Life Cycle" will be utilized as students developtheir web site for their term project.By using this comprehensive planning

and analysis process, students will ensure that the functional web site willmeet the needs of the user. Throughout the course students will discuss

their 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 students

are required to journal about their progress developing their Term Projectsin this course. This will alow 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 thefollowing 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 Week

1 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 otherstudents 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"


9/13


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 should

be considered Each XHTML and CSS files will need to be error free when

validated against current web standards using the W3 Validatorweb 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 structureshould be named descriptively and without special characters,

spaces, etc.

If there is ever a question about whether an image, video, color, etc. meetsthe 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 foreach 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 toprovide 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


10/13


summary to the class and lead an online discussion surrounding theprovided additional blog resource for that week. To receive the extra

credit, a student must summarize the blog posting in 100 words, list 5specific 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.


11/13

COAP 2000: Introduction To Web Programming Term Project Evaluation

Students Name: Grade: /200 poin ts

MISSINGORNOT

ACCEPTABLE

BELOW

EXPEC

TATIONS

MEETS

EXPEC

TATIONS

EXCEEDS

EXPEC

TATIONS

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:


12/13


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:


13/13


Overall Comments

Coap 2000 Summer 2013 Hallmon

Documents

Transcript of Coap 2000 Summer 2013 Hallmon