Devry CIS363A Milestone 1 and 2

Milestone 1—Week 1: Site Selection And Layout Design

Back to Top

A Create a Project Proposal document stating the basic elements that you will include in your website. Include a cover sheet with your name, course, and week number. The body of your report must include

B

• site title;

• developer;

• rationale or focus of the site;

• outline of main elements;

• content;

• target audience;

• design considerations; and

• limiting factors.

•

C Prepare a site map using a diagramming application, such as Visio, including

D

• layout of the site (identify all pages and their relationships);

• page filenames (use ISO standard naming conventions);

• links between pages (show the relationships using arrows); and

• navigation structure (choose which type of navigation structure best suits your topic).

In the diagramming application, use the Save As option to create an image file (jpg, gif, or png) of your site. Copy this image file into your Project Proposal document.

Upon completion, name your single, MS Word document as lastname_CIS363_projectWk1.

Grading Rubric

Category	Points	%	Description
Proposal format	9	20	Cover page, headings, APA guidelines
Proposal content	9	20	All points addressed (Milestone 1A) with adequate content
Site storyboard	9	20	All pages identified (5–7)
Site storyboard filenames	9	20	Appropriate filenames (ISO standard)
Site storyboard links	9	20	Reasonable linkages and navigation
Total	45	100	A quality project will meet or exceed all of the above requirements.

Submit your assignment to the Dropbox, located at the top of this page. For instructions on how to use the Dropbox, read thesestep-by-step instructions or watch this

Tutorial

Dropbox Tutorial.

See the Syllabus section “Due Dates for Assignments & Exams” for due date information.

Milestone 2—Week 2: Page Layout Design

Back to Top

A Create a site specification based on the information you developed in Week 1. Make sure to add

B

• a mission statement;

• how to measure site success;

• a description of the intended audience;

• how to determine user satisfaction; and

• technological issues that might influence site development.

•

C Prepare a detailed page layout design in Visio, including

D

• a header area;

• a link area;

• a main content area; and

• a footer area.

This layout will be the main design template for all of the pages in your site. In future weeks, you will be altering the main content areas as needed.

Upon completion, name your single, MS Word document as lastname_CIS363_projectWk2.

Grading Rubric

Category	Points	%	Description
Site spec format	9	20	Cover page and headings
Site spec content	9	20	All points addressed with adequate content
Page layout boxes or areas defined	9	20	At least four requested areas
Page layout white space	9	20	Adequate spacing of boxes or areas
Page layout appeal	9	20	Appropriate usability
Total	45	100	A quality project will meet or exceed all of the above requirements.

Submit your assignment to the Dropbox, located at the top of this page. For instructions on how to use the Dropbox, read thesestep-by-step instructions or watch this

Tutorial

Dropbox Tutorial.

See the Syllabus section “Due Dates for Assignments & Exams” for due date information.

Milestone 3—Week 3: Implement Site Navigation

Back to Top

Based on the site map and page layout from Step 2, create all pages as per your site diagram. To do this, you must have the filenames of major site pages determined. You should have a home page (index.htm) and all of the subpages created. Navigation links between the site pages must function. The subpages do not need to have much content, but they must be created and contain the navigation elements and placeholder elements for your content. Begin to implement the box model with <div> tags and CSS.

Grading Rubrics

Category	Points	%	Description
All page links visible	11	25	Links are clear and obvious.
All page links functional	12	25	Links allow full navigation.
Page links consistent across all pages	11	25	Links are the same on all pages.
FIle names	11	25	All pages are named appropriately.
Total	45	100	A quality project will meet or exceed all of the above requirements.

Submit your assignment to the Dropbox, located at the top of this page. For instructions on how to use the Dropbox, read thesestep-by-step instructions or watch this

Tutorial

Dropbox Tutorial.

See the Syllabus section “Due Dates for Assignments & Exams” for due date information.

Milestone 4—Week 4: Implement Site Layout And Content

Back to Top

Based on the site, page layout, and navigation developed in prior steps, begin to add content to your site. Include appropriate typography, colors, and imagery as per the lecture and iLab assignments. Begin to implement the box model through the use of <div> tags and CSS positioning. Use embedded CSS where appropriate.

Grading Rubrics

Category	Points	%	Description
Content visible on 2–3 Web pages	8	17	Content on pages is visible.
Appropriate use of colors	8	17	Colors match theme of site.
Appropriate typography (font, size, and color)	8	17	Typography is appropriate for site.
Images visible with alt tags	7	17	Images render and are appropriate.
Box model using <div> tags and absolute positioning	7	16	Payout layout is implemented per site spec.
CSS used	7	16	Multiple CSS style rules are implemented.
Total	45	100	A quality project will meet or exceed all of the above requirements.

Submit your assignment to the Dropbox, located at the top of this page. For instructions on how to use the Dropbox, read thesestep-by-step instructions or watch this

Tutorial

Dropbox Tutorial.

See the Syllabus section “Due Dates for Assignments & Exams” for due date information.

Milestone 5—Week 5: Implement Site Content And A User Feedback Form With Client-Side Validation

Back to Top

Use the knowledge gained in this week’s lecture and iLab to create a user feedback form. Include all necessary controls (text boxes, radio buttons, check boxes, text areas, dropdown lists, and buttons) to allow the user to effectively evaluate your site for usability, accessibility, and navigation. This form will be used in Week 7 to evaluate your site. Also, include client-side validation on key fields in the form.

Move all site and page-level styles to an external CSS file.

Grading Rubrics

Category	Points	%	Description
Form layout using <table> layout	8	17	Form using table structure
All required tags available	8	17	As per milestone spec
Required site evaluation options present	8	17	As per milestone spec
Buttons (submit/reset) and form “action” attribute functional	7	17	Submit linked to action attribute, Reset clears form
External CSS file	7	16	Site managed by an external CSS file
Client-side validation functional	7	16	Appropriate controls validated
Total	45	100	A quality project will meet or exceed all of the above requirements.

Submit your assignment to the Dropbox, located at the top of this page. For instructions on how to use the Dropbox, read thesestep-by-step instructions or watch this

Tutorial

Dropbox Tutorial.

See the Syllabus section “Due Dates for Assignments & Exams” for due date information.

Milestone 6—Week 6: Implement Dynamic Site Content Using JavaScript

Back to Top

Use the knowledge gained in this week’s lecture and iLab to implement dynamic content to a page in your site. Use JavaScript features to perform such things as basic calculations, image rollovers, user prompts, and alerts.

Upon completion of this step, use the publishing feature of Dreamweaver to upload your site to the Web server.

Grading Rubrics

Category	Points	%	Description
JavaScript is functional.	12	27	Dynamic output is visible.
JavaScript functions are used.	11	25	At least one user written function is used.
Dynamic content is appropriate.	11	24	Dynamics match site theme.
JavaScript functions in multiple browsers.	11	24	Dynamics are functional in multiple browsers.
Total	45	100	A quality project will meet or exceed all of the above requirements.

Submit your assignment to the Dropbox, located at the top of this page. For instructions on how to use the Dropbox, read thesestep-by-step instructions or watch this

Tutorial

Dropbox Tutorial.

See the Syllabus section “Due Dates for Assignments & Exams” for due date information.

Milestone 7—Week 7: User Testing And Validation

Back to Top

Visit http:www.w3.org/WAI/RC/tools/ to locate tools to check for accessibility. There are some free online tools listed there, such as EvalAccess, which you can use to check your HTML code. Check your site and make any necessary corrections in your code. Conduct a user test with at least two people (spouses and kids are fine to use as testers). In addition to observing them using your site, have them fill out the form you created in Week 5.

Take a screenshot of the completed form to collect the user feedback.

Create a short report (one page or less) detailing the results of the testing, including user suggestions and your response to those suggestions (whether you feel they are valid and whether they can be accommodated). Compare the user responses to your expectations of the user working with your site.

Upon completion, name your single, MS Word document as lastname_CIS363_projectWk7.

Grading Rubrics

Category	Points	%	Description
XHTML validation	8	27	No or minimal validation errors are present.
Accessibility standards	8	27	No or minimal accessibility errors are present.
User tests (2)	8	26	Two tests were performed.
Testing results	6	20	Dynamics are functional in multiple browsers.
Total	30	100	A quality project will meet or exceed all of the above requirements.

Submit your assignment to the Dropbox, located at the top of this page. For instructions on how to use the Dropbox, read thesestep-by-step instructions or watch this

Tutorial

Dropbox Tutorial.

See the Syllabus section “Due Dates for Assignments & Exams” for due date information.

Our website has a team of professional writers who can help you write any of your homework. They will write your papers from scratch. We also have a team of editors just to make sure all papers are of HIGH QUALITY & PLAGIARISM FREE. To make an Order you only need to click Ask A Question and we will direct you to our Order Page at WriteDemy. Then fill Our Order Form with all your assignment instructions. Select your deadline and pay for your paper. You will get it few hours before your set deadline.