WEB/404R4 Web Design And Development I

College of Information Systems & Technology Course Syllabus

WEB/404 | Version R4

Web Design and Development I

Program Council The Academic Program Councils for each college oversee the design and development of all University of Phoenix curricula. Council members include full-time and practitioner faculty members who have extensive experience in this discipline. Teams of full-time and practitioner faculty content experts are assembled under the direction of these Councils to create specific courses within the academic program. Copyright Copyright © 2006, 2007, 2008 by University of Phoenix. All rights reserved. University of Phoenix® is a registered trademark of Apollo Group, Inc. in the United States and/or other countries. WEB/404 Course Syllabus | 2

Microsoft®, Windows®, and Windows NT® are registered trademarks of Microsoft Corporation in the United States and/or other countries. All other company and product names are trademarks or registered trademarks of their respective companies. Use of these marks is not intended to imply endorsement, sponsorship, or affiliation. Edited in accordance with University of Phoenix® editorial standards and practices. WEB/404 Course Syllabus | 3

Policies & Procedures

All students in this course are required to abide by the policies and procedures described in the University of Phoenix Student Catalog.

Course Description

This course covers the design and application of extensible hypertext markup language (XHTML), which is used to create documents on the World Wide Web. The topics include structural elements, presentational formatting, navigation, images and forms. The student will create Web pages.

Course Topics & Objectives

Introduction to XHTML

 Explain the XHTML needed to create a basic Web page.  Explain presentational formatting.  Identify the techniques for viewing and testing of Web page script.

Web Page Design & Development

 Develop XHTML code that displays text and graphic content in a Web browser.  Apply structural elements to control page layout.  Apply presentational formatting.  Develop hypertext navigation.

Web Page Forms

 Create Web page forms.  Analyze Web page design.

Introduction to JavaScript

 Explain the basics of JavaScript.

JavaScript Code

 Explain JavaScript arrays, loops, and conditional statements. WEB/404 Course Syllabus | 4

Course Materials

Primary Text(s):

Bojack, H. (2008). New Perspectives on Blended HTML, XHMTL and CSS. Boston: Course Technology.

Gosselin, D. (2008). JavaScript (4th ed.). Boston: Course Technology.

Course Reference(s):

Miletsky, J. (2003). Planning, Developing and Marketing Successful Web Sites. Boston: Course Technology.

Article Reference(s):

Gitomer, J. (2007). Web site ROI. Faulkner Information Services.

Keston, G. (2008). Web design programs and tools. Faulkner Information Services.

Keston, G. (2007). Ruby web development alternatives. Faulkner Information Services.

Shaw, R. (2007). Multi-site web content management. Faulkner Information Services.

O'Kennon, C. (2007). Flash design techniques. Faulkner Information Services.

O'Kennon, C. (2008). Streaming media market trends. Faulkner Information Services.

Greiner, L. (2007). AJAX web development techniques. Faulkner Information Services.

Keston, G. (2007). Enterprise mashups. Faulkner Information Services.

O'Kennon, C. (2008). Content delivery networks and video streaming. Faulkner Information Services.

Woodward, K. (2007). Evaluating web site goals and needs. Faulkner Information Services.

All electronic materials are available on the course page on your student Web site.

Course Schedule Thursdays, 11/06/08 – 12/11/08 (except 11/27/08) at 6 p.m PHOENIX – MESA CAMPUS

Course Materials

All materials can be found on , which can be accessed through the University of Phoenix eCampus Web site.

You can use this URL to download a self-extracting ZIP file containing the files that will allow you to follow along with the tutorials - http://academic.cengage.com/cengage/student.do? product_isbn=9781423906513&disciplinenumber=219

Instructor’s Name Greg Binder WEB/404 Course Syllabus | 5

Primary eMail Address [email protected]

Alternate eMail Address [email protected] [email protected]

Telephone Number(s) Telephone/Mail Home: 15437 N 2nd Ave Phoenix, AZ 85023 (602) 942-6448 (H) Office: (602) 256-3589 (W)

Availability I can be reached by any means above. In many cases, you will have to leave a message, however, I will return your contact as soon as possible. You may call the work number at any time. Home calls should be limited to 8 a.m. to 10 p.m. For sending documents use the OLS.

University Policies Please review University Policies regarding topics such as student conduct, attendance, and plagiarism in your Program Handbook, which can be accessed through the University of Phoenix eCampus Web site.

Modality Procedures The Learning Team will be used as a major vehicle in the various class activities, both during workshops and in outside assignments. Established teams will be modified to accommodate changed in class enrollment.

As with many University courses, class participation is a valued attribute, contributing to the final grade. Several other measures of student performance are noted in the Grading Criteria. We will have a set of Online Learning System forums available to us during this class. To access the forums, click on the Go to class link on your student website.

These web-based forums provide you with:  A common area solely for our class group (Main forum) where you can post questions between our on-campus workshop meetings  A Chat Room forum which you can use for non-class interactions with classmates (be sure to honor the Student Code of Conduct in this, and every, forum!)  Electronic access to the course syllabus which will be used in this class (see the syllabus in the Course Materials forum)  Electronic venues for Learning Team meetings and team paper drafts to use as each team deems best (I will assign a specific Learning Team forum for each team’s use during our first on-campus workshop meeting)  A personalized electronic drop-box – Individual Forum - for completed assignments. Each student will not be able to see or access any private forum except the one created for him or her individually.

There are no online attendance or participation requirements during this course. All attendance and participation activity will occur only during our on-campus workshop meetings.

If you have any questions about the class forums, please let me know during our on- campus class time or by posting your question(s) in the Main forum. WEB/404 Course Syllabus | 6

Course-Specific Standards

Late assignments All written work (does not include homework questions and HTML/JavaScript coded work) will be according to the University of Phoenix Approved Style Guide (APA). Your grade will be based on style, content and format including such items as clarity of communication, sentence and paragraph construction, punctuation, spelling, and grammar. Late work will be reduced by 10% per week late.

Feedback Assignments will be returned at the workshop following the workshop when submitted. Materials submitted in Workshop 5 will be returned to the student who submits the team project on behalf of the team.

Incompletes If you are unable to complete the coursework you should seek guidance from your academic counselor – as a matter of University policy, incompletes are not granted.

Welcome Your instructor comes to you with over 33 years of teaching experience. He is a graduate of the US Military Academy at West Point and holds a Masters Degree in Computer Science from the University of Arizona. He taught Computer Science at the Academy for three years. Subsequently he served on the staff of the US Army Management Systems Support Agency at the Pentagon. Since 1980, he has worked for the City of Phoenix Information Technology Department, consulted for the US Army Pentagon and the State Department, and taught in the Business College and School of Public Affairs at Arizona State University. He has been a faculty member with the University of Phoenix since 1983, in all aspects of graduate and undergraduate information systems subjects. He has been a faculty member with Ottawa University since 2003. He is involved with both classroom delivery and Directed Study programs. At the City of Phoenix Mr. Binder has managed development of the e-commerce program, privacy, the e-government program, and served as project manager for web-based applications. He currently heads the Technology Planning Services team, with responsibilities for project planning strategies, strategic, technical, and operational technology planning, and related solutions strategy development.

Academic Honesty Academic honesty is highly valued at the University of Phoenix. Students must always submit work that represents their original words or ideas. If any words or ideas used in a class posting or assignment submission do not represent the student’s original words or ideas, all relevant sources must be cited along with the extent to which such sources were used. Words or ideas that require citation include, but are not limited to, all hard copy or electronic publications, whether copyrighted or not, and all verbal or visual communication when the content of such communication clearly originates from an identifiable source. Please see the University of Phoenix Catalog for more information about academic honesty, including consequences of academic dishonesty.

Privacy and Confidentiality in the University of Phoenix Classroom One of the highlights of the University of Phoenix academic experience is that students can draw on the wealth of examples from their organizations in class discussions and in their written work. However, it is imperative that students not share information that is confidential, privileged, or proprietary in nature. Students must be mindful of any contracts they have agreed to with their companies.ASSIGNMENTS - POINTS

Weighting of Assignments WEB/404 Course Syllabus | 7

Individual Assignments (70%) Points Week Two 75 Week Three 75 Week Four 75 Week Five 75 Participation (all weeks) 50 Learning Team Assignments (30%) Week Five Project 100 Week Five Presentation 50 TOTAL 500

POINT/GRADE CONVERSION

Grading: % Grade % Grade 95-100 A 75-77+ C 91-94+ A- 72-74+ C- 87-90+ B+ 68-71+ D+ 83-86+ B 65-67+ D 80-82+ B- <65 F 78-79+ C+

Please remember: A= Excellent performance. B= Above average performance C= Average performance. Accomplishes only the minimum requirements. Oral and written communication is at an acceptable level for an undergraduate student. D= Meets minimally acceptable levels of performance. F= Does not meet the most minimal requirements of the course WEB/404 Course Syllabus | 8

Week One

Introduction to XHTML

 Explain the XHTML needed to create a basic Web page.  Explain presentational formatting.  Identify the techniques for viewing and testing of Web page script.

Course Assignments

1. Course Preparation

 Read the course description and objectives.  Review the Learning Team Toolkit.

 You can use this URL to download a self-extracting ZIP file that contains the necessary files to follow the tutorials. You should do that ASAP. http://academic.cengage.com/cengage/student.do? product_isbn=9781423906513&disciplinenumber=219

2. Readings

 Read Tutorial 1 of New Perspectives on Blended HTML, XHMTL and CSS.  Read Tutorial 2 of New Perspectives on Blended HTML, XHMTL and CSS.  Read the Week One articles posted on the course rEsource page.

3. Discussion Questions

 Based on the Gitmore (2007) article, why is measuring the Return On Investment (ROI) of web-based applications more difficult than traditional non-web-based applications? What factors must be considered?  Based on the Keston (2008) article, should the web designer standardize on web authoring tools to limit the complexity for designing, developing, implementing, deploying, and maintaining a company’s web site? Is web authoring all a web team must concern itself with?

4. Individual Assignment: Individual Website Project (Due Weeks Two - Four)

 The individual assignments for this course will require you to design and develop a website about your profession, hobbies or interests. The site should consist of 3-5 Web pages. Your target audience will be other professionals in your field and/or potential employers. Your site should demonstrate the following characteristics: o Effective file management. o Accurate and functional markup code. o Effective and functional navigation. o Effective application of design elements. http://academic.cengage.com/cengage/student.do? product_isbn=9781423906513&disciplinenumber=219

5. Learning Team: SR-kf-002 (Due Week Five)

 Create the Learning Team Charter. WEB/404 Course Syllabus | 9

 The Learning Team project for this course, due in Week Five, will require the Learning Teams to complete Service Request “SR-kf-002, Analysis of the Kudler Fine Foods Internet Site.” A link to the Virtual Organizations can be found on the rEsource page. In addition, the Learning Team will prepare a Microsoft PowerPoint® executive summary presentation of the project. WEB/404 Course Syllabus | 10

Week Two

Web Page Design & Development

 Develop XHTML code that displays text and graphic content in a Web browser.  Apply structural elements to control page layout.  Apply presentational formatting.  Develop hypertext navigation.

Course Assignments

1. Readings

 Read Tutorial 3 of New Perspectives on Blended HTML, XHMTL and CSS.  Read Tutorial 4 of New Perspectives on Blended HTML, XHMTL and CSS.  Read Tutorial 6 of New Perspectives on Blended HTML, XHMTL and CSS.  Read the Week Two articles posted on the course rEsource page.

 Based on the Keston (2007) article, why has Ruby programming become so popular? Do you think Ruby will replace HTML editors like Front Page? Will it replace Javascript?  Based on the Shaw (2007) article, why has content management become such an important issue? What effects have Intranets and Extranets had on this issue?

3. Individual Assignment: Basic Homepage

 Use Notepad or another text editor to hard code a basic Web page describing your profession, hobbies or interests. This page will be the homepage of your website. Save your site homepage as “index.html” or “default.html.”  Here are the tags I would expect to see: Structure Tags … first and last tag of an HTML file … first section an HTML file … main section of an HTML file … title of document

leaves extra blank lines between paragraphs
forced line break without extra blank lines

… underline … font size escape sequences (character entities) are case sensitive At least one of these six examples < escape sequence for < > escape sequence for > & escape sequence for & È escape sequence for E grave accent (È) ñ escape sequence for n tilde (ñ) ö escape sequence for o umlaut (ö) Graphic Tags image source file clicking on small image opens large image one of these background is an image one of these link sound file link QuickTime movie file link mpeg movie file

Use comment code at the beginning of your HTML to provide your name and the Workshop number of the assignment.

SPECIAL NOTE – For each coding assignment, you should avoid the use of web page development tools, such as FrontPage, Microsoft Word, or any related products. I recommend use of Notepad, Word Pad, Edit Pad Lite (can be downloaded from download.com – has a browser preview option), or Text Pad (also shareware – has a HTML checker). If you should choose to use one of the “Power Tools,” you MUST edit each HTML page you create to remove all references to the tool, as well as all extraneous code. For example, the following code snip shows, by means of strike- through, the extraneous code produced by Front Page: Side Show

Side Show's Resume

Home WEB/404 Course Syllabus | 12

Favorites &n bsp; Photos

JOHN JONES, ESQ  Prior to submitting your Web page(s), check your HTML code using the HTML Validator found on the W3C Web site. A link to this site can be found in the Information Technology Web links. Submit all Web site files in a compressed folder.

 Begin working on Service Request “SR-kf-002, Analysis of the Kudler Fine Foods Internet Site.” o Complete the analysis. o Begin drafting the executive summary. WEB/404 Course Syllabus | 13

Week Three

Web Page Forms

 Create Web page forms.  Analyze Web page design.

Course Assignments

1. Readings

 Read Tutorial 7 of New Perspectives on Blended HTML, XHMTL and CSS.  Read Tutorial 8 of New Perspectives on Blended HTML, XHMTL and CSS.  Read the Week Three articles posted on the course rEsource page.

 Based on the O’Kennon (2007) article, under what circumstances would you use Flash over an HTML editor like Front Page? What additional functionality does Flash provide over Front Page?  Based on the O’Kennon (2008) article, what impact will the incorporation of streaming media have on the enterprise’s website? How will static HTML pages be impacted by the employment of streaming media technology?

3. Individual Assignment

4. Individual Assignment: Expanded Website

 Expand the basic homepage from Week Two to a site which includes at least three Web pages. Incorporate the following into your expanded website: o Apply Cascading Style Sheets (CSS) to format elements. o Integrate graphics effectively into the site. o Organize page content using structural elements, such as headings, paragraphs, tables and lists. o Utilize internal, external and anchor links in the site. o Apply usability best practices and principles of design.  Prior to submitting your Web page(s), check your HTML code using the HTML Validator found on the W3C Web site. A link to this site can be found in the Information Technology Web links. Submit all website files in a compressed folder.

 Continue working on Service Request SR-kf-002. o Complete the proposed changes. o Continue drafting the executive summary. WEB/404 Course Syllabus | 14

Week Four

Introduction to JavaScript

 Explain the basics of JavaScript.

Course Assignments

1. Readings

 Read Chapter 1 of JavaScript.  Read the Week Four articles posted on the course rEsource page.

 Based on the Greiner (2007) article, what role does Asynchronous Javascript play in the AJAX methodology? How does AJAX minimize the traffic between the server and client?  Based on the Keston (2007) article, do you believe that mashups will completely replace the creation of HTML web pages from scratch? What are the advantages and disadvantages of using mashups?

3. Individual Assignment: Finalized Website

 Refine and finalize your website to include the following: o Use meta data to increase accessibility and search engine optimization. o Add a simple Web form (i.e. order form, subscription to newsletter, request for contact). o Use a table to structure the form elements. o Finalize a navigation system. o Test for functionality and usability.  Prior to submitting your Web page(s), check your HTML code using the HTML Validator found on the W3C Web site. A link to this site can be found in the Information Technology Web links. Submit all website files in a compressed folder.

 Continue working on Service Request SR-kf-002. o Begin creating the storyboard. o Complete the Analysis and Proposed Changes sections of the executive summary. WEB/404 Course Syllabus | 15

Week Five

JavaScript Code

 Explain JavaScript arrays, loops, and conditional statements.

Course Assignments

1. Readings

 Read Chapter 2 of JavaScript.  Read the Week Five articles posted on the course rEsource page.

 Based on the O’Kennon (2008) article, why has corporate web content become so important of late? Should content delivery be provided by an application server provider? What are the pro’s and con’s of this approach?  Based on the Woodward (2007) article, what requirements must be considered when developing a corporate website? What is most important, the presentation of the website or the content?

3. Individual Assignment

 Complete a Learning Team Evaluation.

4. Learning Team: SR-kf-002

 Complete work on Service Request SR-kf-002 o Complete and submit the storyboard. o Complete and submit the executive summary. o Prepare and submit the Microsoft PowerPoint® presentation.

Grading for Written Work

50% Content/Development  All key elements of the assignment are covered in a substantive way  Content is comprehensive, accurate, and/or persuasive  Major points are stated clearly, are supported by specific details, examples, or analysis and are organized clearly  Where appropriate, the paper supports major points with theory relevant to development of the ideas, and uses the vocabulary of the theory correctly  There is integration of theory and practice whereby the writer is able to link theories to practical experience  Research is adequate and timely for the topic  The context and purpose of the writing is clear 20% Organization  The structure of the paper is clear and easy to follow  The paper’s organization emphasizes the central theme or purpose and is directed  Paragraph transitions are present and logical, and maintain the flow of thought throughout the paper  The conclusion is logical and flows from the body of the paper  The conclusion reviews the major points toward the appropriate audience  Ideas flow in a logical sequence WEB/404 Course Syllabus | 16

 The introduction provides sufficient background on the topic and previews major points 10% Format  The paper, including citations and the reference page, follows designated guidelines for format  The paper is laid out effectively and uses reader-friendly aids (e.g., sections, summaries, tables of contents, indices, appendices, etc.) when appropriate  The paper utilizes references appropriately  Headings, the use of italics, etc., aid the readability of the paper and are not overdone  The paper is neat, with attention given to format requirements  Original work 10% Grammar/Punctuation/Spelling  Rules of grammar, usage, and punctuation are followed  Spelling is correct 10% Readability/Style  Sentences are complete, clear and concise  Sentences are well-constructed with consistently strong, varied structure  Sentence transitions are present and maintain the flow of thought  Words used are precise and unambiguous  The tone is appropriate to the content and assignment  Grading for Oral Presentations

20% Organization and Structure  Presentation is well-organized, clear, and effectively structured  If this is a team presentation, it is integrated rather than a disjointed series of individual presentations  Topic is researched adequately 10% Effective Use of Visual Aids  Visual aids are clear and effective  Visual aids contribute to a focused and integrated presentation

50% Content of Presentation  Content of presentation clearly follows the written paper on which it is based (if applicable)  The topic is relevant and addresses the specifications of the assignment  The content presented is comprehensive, accurate and believable  Key points are noted and presented logically

10% Style, Presentation, and Appearance  Dress and grooming are professional and appropriate for the setting  Non-verbal gestures are appropriate to the purpose of the presentation and flow of ideas  Confidence and knowledge of content are evident  Audience is engaged, when appropriate, in a professional manner  Delivery time is used well-presentation is not rushed  Speaker adheres to the time limit

10% Questions and Comments  Audience feedback is solicited  Audience questions are effectively addressed and correctly answered