CIS 363 web interface design w/lab COURSE PROJECT (week 1-7)

Please do this asap its already late. I will provide log info to www.my.devry.edu.comWeek 1: Site Selection And Proposal

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

• site title;
• developer;
• rationale or focus of the site;
• outline of main elements;
• content;
• target audience;
• design considerations; and
• limiting factors.

Upon completion, name your MS Word document as lastname_CIS363_projectWk1.

Grading Rubric

CategoryPoints%DescriptionProposal format15 33Cover page, headings, APA guidelinesProposal content30 67All points addressed (Milestone 1) with adequate contentTotal45100A 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 these step-by-step instructions.

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

Listen

Week 2: Site Diagram

Update the project proposal/design document based on any feedback given from milestone 1.

Extend the Week 1 Project Proposal/Design document by adding a site diagram using MS Visio that includes the following:

• 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).

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. 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_projectWk2.

Grading Rubric

CategoryPoints%DescriptionContent updated as necessary5 12Proposal updated based on feedback from milestone 1Site diagram layout10 22All pages identified (5–7)Site diagram file names10 22Appropriate file names (ISO Standard)Site diagram links10 22 Reasonable linkages between pagesNavigation structure10 22Navigation structure is simple and consistentTotal45100A 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 these step-by-step instructions.

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

Listen

Week 3: Page Layout and Site Navigation 

Extend the Week 2 Project Proposal/Design and create a detailed page layout design in Visio that you will use as a template for all the web pages in your site. The template should include

1. a header area;
2. a link area;
3. a main content area; and
4. a footer area.

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.

Create blank content 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, but content information is not required. Create the navigation links between the site pages. The pages 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 Rubric

CategoryPoints%DescriptionPage design template1534Design template includes all the listed items (header, link, main content, and footer)Website pages created1022All pages created following the template and with navigationAll page links visible1022Links are clear and obviousAll page links functional1022Links allow full navigationTotal45100A 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 these step-by-step instructions.

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

Listen

Week 4: Site Layout and Content 

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 absolute positioning. Use inline and embedded where appropriate.

Upon completion of this step, zip up all of the files for the site into one single file and submit the file to the Dropbox.

Grading Rubric

CategoryPoints%DescriptionContent visible on two web pages8 17Content on pages is visibleAppropriate use of colors7 16Colors match theme of siteAppropriate typography (font, size, and color)7 16Typography is appropriate for siteImages visible with alt tags716Images render and are appropriateBox model using <div> tags and positioning8 17Payout layout is implemented per site specCSS used for layout and formatting 8 17Multiple CSS style rules are implementedTotal45100A 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 these step-by-step instructions.

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

Listen

Week 5: Implement Site Content and Create a Form

Continue to develop the site content as directed in milestone 4. At this point, at least 3 of the pages for the site should be completed.

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 interact with the form. Use CSS to control the layout of the form. Include reset and submit buttons with the form. The reset button should clear the form and the submit button should load a “Your information has been received” page.

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

Upon completion of this step, zip up all of the files for the site into one single file and submit the file to the Dropbox.

Grading Rubric

CategoryPoints%DescriptionContent completed on at least three pages9 20Content on pages is visibleForm created and CSS used for the layout of the form9 20As per milestone specAll necessary form controls used as appropriate9 20Required site evaluation options presentButtons (submit/reset) included9 20Submit button linked to form action; reset clears form External CSS file9 20Site managed by an external CSS fileTotal45100A 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 these step-by-step instructions.

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

Listen

Week 6: Implement Dynamic Site Content Using JavaScript

Continue to develop content for the site.

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, zip up all of the files for the site into one single file and submit the file to the Dropbox.

Grading Rubric

CategoryPoints%DescriptionContent completed on at least four pages920Content on pages is visibleJavaScript is functional920Dynamic output is visibleJavaScript functions are used920At least one user written function is usedDynamic content is appropriate920Dynamics match site themeJavaScript functions in multiple browsers920Dynamics are functional in multiple browsersTotal45100A 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 these step-by-step instructions.

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

Listen

Week 7: Site Content Completed and Site Evaluation

All content pages are completed for the site and the site is uploaded to the course web server per instructions from your professor. 

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 screenshots of the filled out forms 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. Submit your testing report to the Dropbox along with the URL for your uploaded site. 

Grading Rubrics

CategoryPoints%DescriptionAll content complete 15 34 All content completed Site uploaded to web server 10 22 Site uploaded to web server and accessible using the URL submitted to the Dropbox Validation and accessibility 10 22 No or minimal validation errors are present; accessibility standards met Testing report10 22 Report complete; at least two user tests completed Total45100A 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 these step-by-step instructions.

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