Details of this Paper

Devry CIS363A course project Milestone (1 ? 7)

Description

solution


Question

Question;ObjectivesBack to TopThe Course Project will be an ongoing accumulation of the Course Project Milestones due each week based on the assigned readings, lectures, and iLabs. For the final product of this Course Project, you must complete a stand-alone website of around five to seven pages.You may choose any content you desire for the site, such as a work-related site or personal interest site. In addition to criteria listed throughout the process, you will be evaluated on cohesiveness, accessibility, and design.The overall objective of the Course Project is to give the opportunity to create a functioning website, from initial conception, planning, development, testing, and publishing to a web server.GuidelinesBack to Top? Students will work as individuals, not in teams.? There are seven milestones in the overall development.? Each student will select a project website idea and have it approved by the assigned faculty.Milestone 1?Week 1: Site Selection and Layout DesignBack to TopA. 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.See pages 46?47 of Principles of Web Design 5th Edition for further details.B. Prepare a site storyboard using a diagramming application, such as Visio, including? 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.Refer to pages 128?134 of Principles of Web Design 5th Edition for further details.Upon completion, name your single, MS Word document as lastname_CIS363A_projectWk1.Grading RubricCategory Points % DescriptionProposal format 9 20 Cover page, headings, APA guidelinesProposal content 9 20 All points addressed (Milestone 1A) with adequate contentSite 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 navigationTotal 45 100 A quality project will meet or exceed all of the above requirements.Submit your assignment to the Dropbox located on the silver tab at the top of this page. For instructions on how to use the Dropbox, read these step-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 DesignBack to TopA. Create a site specification based on the information you developed in Week 1. Make sure to addo a mission statement,o how to measure site success,o a description of the intended audience,o how to determine user satisfaction, ando technological issues that might influence site development.B. Prepare a detailed page layout design in Visio, includingo a header area,o a link area,o a main content area, ando 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_CIS363A_projectWk2.Grading RubricCategory Points % DescriptionSite spec format 9 20 Cover page and headingsSite spec content 9 20 All points addressed with adequate contentPage layout boxes or areas defined 9 20 At least four requested areasPage layout white space 9 20 Adequate spacing of boxes or areasPage layout appeal 9 20 Appropriate usabilityTotal 45 100 A quality project will meet or exceed all of the above requirements.Submit your assignment to the Dropbox located on the silver tab at the top of this page. For instructions on how to use the Dropbox, read these step-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 NavigationBack to TopUsing Dreamweaver and the site diagram 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 withtags and absolute positioning.When defining your site in Dreamweaver using the site manager, set up the site for publishing using the server options. Here are the related tutorials.Defining a New SiteBasic Site Layout and NavigationGrading RubricsCategory Points % DescriptionAll page links visible 12 27 Links are clear and obvious.All page links functional 11 25 Links allow full navigation.Site uploaded to server 11 24 Site is in student root directory.Site accessible via URL assigned address 11 24 Assigned URL is functioning.Total 45 100 A quality project will meet or exceed all of the above requirements.Submit your assignment to the Dropbox located on the silver tab at the top of this page. For instructions on how to use the Dropbox, read these step-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 ContentBack to TopBased 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 oftags and absolute positioning. Use inline and embedded where appropriate.Upon completion styles of this step, use the publishing feature of Dreamweaver to upload your site to the web server.Upon completion styles of this step, use the publishing feature of Dreamweaver to upload your site to the web server.Grading RubricsCategory Points % DescriptionContent visible on two to three 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 usingtags and absolute positioning 7 16 Payout layout is implemented per site spec.Inline and embedded CSS used 7 16 Multiple CSS is implemented.Total 45 100 A quality project will meet or exceed all of the above requirements.Milestone 5?Week 5: Implement Site Content and a User Feedback Form With Client-Side ValidationBack to TopUse 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. Use the form action=?mailto:your_email_address? attribute to collect the user feedback.Move all site and page level styles to an external CSS file.Grading RubricsCategory Points % DescriptionForm layout usinglayout 8 17 Form using table structureAll required tags available 8 17 As per milestone specRequired site evaluation options present 8 17 As per milestone specButtons (submit/reset) and form ?action? attribute functional 7 17 Submit sends e-mail, Reset clears formExternal CSS file 7 16 Site managed by an external CSS fileClient-side validation functional 7 16 Appropriate controls validatedTotal 45 100 A quality project will meet or exceed all of the above requirements.Milestone 6?Week 6: Implement Dynamic Site Content Using JavaScriptBack to TopUse 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 RubricsCategory Points % DescriptionJavaScript 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.Milestone 7?Week 7: User Testing and ValidationBack to TopVisit 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, or use the form to use the action=?mailto:your_email_address? attribute 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_CIS363A_projectWk7.Grading RubricsCategory Points % DescriptionXHTML 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 on the silver tab at the top of this page. For instructions on how to use the Dropbox, read these step-by-step instructions or watch this Tutorial Dropbox Tutorial.See the Syllabus section ?Due Dates for Assignments & Exams? for due date information.Best PracticesBack to TopThe following are best practices in preparing this project.? An industry standard development environment, such as Dreamweaver, is used.? XHTML code is well documented.? There is an appropriate use of box and grid site design.

 

Paper#36516 | Written in 18-Jul-2015

Price : $87
SiteLock