hallmon_coap_2120_fall2_2013_syllabus

7/27/2019 Hallmon_COAP_2120_Fall2_2013_Syllabus

http://slidepdf.com/reader/full/hallmoncoap2120fall22013syllabus 1/11

of 11 Last Updated: October 2013

Math & Computer Science Department

Course Syllabus

Course COAP 2120: Web Editors

Term Fall 2, 2013

Instructor Name:

Email:

Dave [email protected]

Catalog Description In this course students learn methods of building, maintaining, and

supporting a web site. The content created, to include documents,workbooks, presentations, and databases, will be built and published using

a current web editing tool.

Prerequisites Prerequisite: COAP 2000 (or concurrently) or HTML proficiency

Course Level

Learning OutcomesAt the completion of this course this student will be able to:

1. Learn the difference between WYSIWYG and source editors, and

the benefits of open-source software.2. Become familiar with an Integrated Development Environment for

web site creation.

3. Create and modify various HTML and XHTML elements using

web editors.4. Become familiar with library based software development

practices.

5. Modify layouts and create themes using CSS technology.6. Introduce students to client-side scripting techniques.

7. Understand web site management using web editors.

MaterialsTEXTBOOK:

Hoisington, C. L. & Minnick, J. L. (2013). Adobe

Dreamweaver CS6 Complete. Course Technology/Cengage.

ISBN-13: 9781133525943

SOFTWARE:

Adobe Dreamweaver CS4 - CS6 (recommended version is CS6 )




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 rangewhere the grade lies.)

Grading:

A 93-100%

B 85-92%C 77-84%

D 70-76%

F 69% or below

Activity Points Total Percentage

Discussions/Web Critique (5) 25,50 150 25%

Homework (2) 50 100 25%

Term Project Journal (9) 25 225 10%

Term Project 100 100 20%Midterm Exam 100 100 10%

Final Exam 100 100 10%

Extra Credit 10 10 5%

Total 785 105%

Activities Coding exercises will be assigned weekly, based on the content of each of

the text chapters. A comprehensive term project will be assigned by the

instructor and be posted on the Webster Labwebs server by the end of theterm. Knowledge of all of the topics of the course should be demonstrated

by the student in this project.

The final exam will contain multiple choice and true false questions fromtheir assigned readings and essay components.




Policy Statements:

University PoliciesUniversity policies are provided in the current course catalog and courseschedules. They are also available on the university website. This class is

governed by the university’s 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 university’s 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.

Student Assignments Retained

From time to time, student assignments or projects will be retained

by The Department for the purpose of academic assessment. Inevery 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

or project.




Course PoliciesThe course syllabus may be revised and updated at the discretion of theinstructor.

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 emergencyoccurs during the last week of the course, and the student is caught up in all

prior work.

Weekly ScheduleImportant Note: Prior to the first week 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 CONTENT1 Topics Covered

The Internet & WWWTypes of Websites

Planning, Developing, Reviewing, Testing, Publishing,

and Maintaining a WebsiteExploring the Dreamweaver Environment &

Workspace

Reading

Introduction: Web Site Development and AdobeDreamweaver CS6

Appendix D: Project Planning GuidelinesTerm Project Journal

Discuss web site planning with the client

Homework

Online Discussion QuestionPersonal Information Request

Choose Term Project Topic

2 Topics Covered

Defining a Local Site & Saving

Adding Backgrounds, Text, and TitlesFormatting Text

Reading Chapter 1: Creating a New Web Site with Dw

Term Project Journal Discuss website planning and analysis with the client

Homework

Hands on coding assignment will be chosen byinstructor.

Initial Web Critique




3 Topics Covered

The Files Panel

Adding Pages to a Web SiteAdding & Understanding Web Site Images

Adding & Understanding Web Site Links

Design, Code, & Split Views in Dreamweaver Reading

Chapter 3: Adding Graphics and Links

Term Project Journal

Discuss website analysis and design with the client

Homework

Hands on coding assignment will be chosen by

instructor.Web Critique Additional

Check-In

4 Topics Covered

Adding & Understanding TablesPage LayoutHeader Element

Reading

Chapter 4: Exploring Tables (pgs. 201-230)


Discuss website design and development with the

client

Homework

Midterm

5 Topics Covered

Adding & Understanding TemplatesIntroduction to Style Sheets

Using Webster Labwebs

Reading

Chapter 2: Designing a Web Site Using a Template

and CSSAppendix E: Publishing to a Web Server


Discuss website development and reviewing/testingwith the client

Homework

Web Critique FinalTerm Project (Initial Draft)

6 Topics Covered

AP ElementsAdding & Understanding Image Maps

Reading

Chapter 5: Creating Interactive Web Pages with Spryand Adobe Widgets





Discuss website reviewing/testing and publishing/

maintenance with the client

Homework Web Critique Apply

Term Project (2nd Draft) uploaded to LabwebsCheck-In

7 Topics Covered

Adding & Understanding Forms

Form Objects

Behaviors with Forms

Adding Audio & Video

Reading

Chapter 4: Exploring Forms (pgs. 231-252)

Chapter 6: Enhancing Web Pages with Audio & Video

Homework

Term Project (Final Draft) uploaded to Labwebs8 Homework

Review classmates websites with usability form

Final Exam (Parts 1 and 2)Prove instructor some feedback

Additional

InformationPlease contact your instructor immediately if you have textbook or other

issues.

Atomic Learning While 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.

Dreamweaver CS6 Intro Training (2013)

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:

Adobe Layers Magazine > Dreamweaver

Adobe TV > Dreamweaver

Adobe TV > Web Design

Adobe TV > Web Development

Homework assignments will be assigned that asks students to turn in acompleted HTML file(s) that corresponds with the hands-on coding that

the training course demonstrates.




Term ProjectStudents are required to complete a “term project” in this course that willinvolve designing and developing a web site to meet the needs of their

client and their users. For the purposes of this assignment their client will

be the instructor posing as an author of a book that can be found on ProjectGutenberg. All of the works found on Project Gutenberg are free of

copyright. For example, if a student was to choose the literary work Frankenstein, then the instructor would pose as the author—MaryWollstonecraft Shelley. The student would then consult with “Mary” to

design and develop the Frankenstein site.

During Week 1, students are required submit to the instructor their top

three choices of literary works found on Project Gutenberg. Then duringWeek 2 student will then start the “Web Development Life Cycle” process

with their client.

As mentioned above, the “Web Development Life Cycle” will be utilized

as students develop their web site for their client. By utilizing this

comprehensive planning and analysis process, students will ensure that thefunctional web site will meet the needs of their client and their users.

Throughout the course students will discuss their web site with the class

through their Term Project Journal in relation to one of the WebDevelopment Life Cycle phases outlined in the introduction of their text

book, i.e., planning, analyzing, designing, developing, reviewing and

testing, publishing, and maintaining.

Grading The web site must be uploaded to Labwebs for the class to view and

discuss throughout the course. At minimum, by Week 7, the following

“purposeful” design and development attributes are required:

5 total XHTML files that follow a defined web site structurestarting from an index.html page. The content of these pages will be

negotiated by the client (i.e., the author)

Consistent navigational system (i.e., utilizing a Dw CSS Spry

Object)

5 non-copyrighted, well positioned, and efficient sized images (1

for each page)

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.

Some form of social media that adds value to the user experience

should be implemented

1 external cascading style sheet (CSS) should be utilized to control

the entire visual and structural design of the site and attached to all

files (i.e., utilizing a Dw CSS Prebuilt Layout)




Consistent look and feel for all pages utilizing a consistent color scheme created from Adobe Kuler

The effective use of a tables to present tabular data

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. Itmay be determined that the element should not be included. All attributesof a web site should always be purposeful and not distracting to the user.

Important Note An anonymous web site 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. During Week 8, students will download a PDF form to

complete usability questionnaire for another student’s term project.

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 online 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 5specific “take-a-ways” that we should all have from the posting, and

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




Term Project Evaluation

Student’s Name: Grade: /100 poin ts

M I S S I N G O R

N O T

A C C E P T A B L E

B E L O W

E X P E C T A T I O

N S

M E E T S

E X P E C T A T I O

N S

E X C E E D S

E X P E C T A T I O

N S

SPECIFIC COMMENTS

1. Site Structure

Homepage – index.htm

Page 2

Page 3

Page 4

Page 5

Dw Prebuilt CSS Layout

Dw CSS Spry Navigation

General Comments:

2. Required XHTML Components

Images

Lists

LinksTables

Forms

Email links

Multimedia

Social Media

Inline & Embedded Styles

External Style Sheet

Use of Comments

Use of Code FormattingOrganized File Structure

Use Appropriate File Names

General Comments:




M I S S I N G O R N O T

A C C E P T A B L E

B E L O W

E X P E C T A T I O N S

M E E T S


E X C E E D S


SPECIFIC COMMENTS

3. Site Layout and Presentation

Professional Look

Consistent Layout

Use of Color

Use of Fonts

Use of Images

Use of Multimedia/Social Media

Spelling & Grammar

General Comments:

4. Validation

HTML

CSS

General Comments:

5. Labwebs?

Running on Labwebs?

General Comments:

6. User/Client Needs

Are the intended user’s 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.




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 anacceptable time frame

The Web site was visually

appealingThe 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 sitewas successful

Please use the area below to give the web designer/developer additional feedback. It is their goalto 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.

hallmon_coap_2120_fall2_2013_syllabus

Documents