+1(978)310-4246 credencewriters@gmail.com
  

Description

Your web development focus of this project will be on AJAX and jQuery.

1.Create a presentation with slides, preferably in PowerPoint format, on your final work of the website development projects. You should make 15 to 20 slides and list your

full name and URL to the website

on the title page.

2.Your presentation slides should showcase your final website by, including but not limited to, providing an overview of the website, outlining primary features and key points, demonstrating some functionality and code, and including screenshots from and URLs to the website. (final project including 1, 2,3,and 4)

Note: Add voice narration to

each

of your presentation slides, and leave a comment that “voice narration is included” on the Assignment Submission page.

IT331
Project #4
Page 1
George Mason University
IT 331, Introduction to Web Development I
Project #4
Before beginning this project, read the “Project Introduction” document located in
the same folder for details on the project rules and submission.
Your web development focus of this project will be on AJAX and jQuery.
Project Requirements
1. 7 web pages minimum (including the XML file), with a clear method of navigation
between pages on your site.
2. Coding requirements:
a. Comments: be sure to include detailed comments that “tell the story” of your
code.
b. Readability: your source code should be easy to read and grade. To ensure this,
be sure to use plenty of appropriate white space in your code and indent the
lines of a structure’s body.
3. Features (all features must be relevant to your Web site):
a. Your site must include at least 1 example of “Raw” Ajax (scripted manually
without the use of any frameworks / toolkits) that uses the XMLHttpRequest
object.
b. Your site must include at least 1 feature (e.g., effect, animation, ajax) from the
jQuery Library (excluding jQuery UI or any jQuery plugin).
c. Your site must include at least 1 feature (e.g., Autocomplete, Datepicker, Dialog,
Button) from the jQuery UI Library, implemented either manually or using
Adobe Dreamweaver CC.
d. Apply some type of validation on at least three different form fields (e.g., text
field, password field, checkbox group) that you have created previously in
Project 1. You must use a jQuery Plugin (e.g., jQuery Validation Plugin) to
implement this feature.
4. Overall, your site needs to be easy to use, navigate, and understand. All pages of your
site should be consistent in terms of color theme and fonts with the use of the
external style sheet.
Have Fun!
IT331
Project #4
Page 2
Grading Criteria
Description
Points
Fundamental Rules
50
â–ª The web site is hosted on the Mason cluster server
â–ª No violation of Copyright laws or Fair Use limitations
â–ª No copying, plagiarism, or using any existing web page templates
Description/documentation
10
â–ª Saved in an MS Word document
â–ª Includes the URL to your web site
â–ª Includes the file names of the pages that are included in the current site, and a short
description of each page
â–ª Includes the file names of the pages that have been newly created or modified since last
project
â–ª Includes a detailed explanation of how each requirement (as listed in the project
specification document) is met AND where the associated feature/component locates
â–ª Includes an explanation of any special features (optional)
Project Requirement 1: 7 Minimum Pages (including the XML file)
2
Project Requirement 2a: Coding Requirements
3
â–ª 2a; 2b
Project Requirement 3a: “Raw” Ajax
7
Project Requirement 3b: jQuery Feature
7
Project Requirement 3c: jQuery UI Feature
7
Project Requirement 3d: Form Validation using jQuery Plugin
9
Project Requirement 4: HTML Validation
3
Overall
2
â–ª Navigation is intuitive and consistent; No broken links, buttons, or graphics
â–ª Color theme and fonts are consistent and appealing
â–ª Content and web site design shows effort; Web site text is clearly written and free of
spelling and grammatical errors.
TOTAL
50
IT331
Project Presentation
Page 1
George Mason University
IT 331, Introduction to Web Development I
Project Presentation
Requirements
1. Create a presentation with slides, preferably in PowerPoint format, on your final
work of the website development projects. You should make 15 to 20 slides and
list your full name and URL to the website on the title page.
2. Your presentation slides should showcase your final website by, including but not
limited to, providing an overview of the website, outlining primary features and
key points, demonstrating some functionality and code, and including
screenshots from and URLs to the website.
Submission
Submit your presentation slides via Blackboard using the Assignments Tool (“Course
Tools” → “Assignments” → follow the appropriate link).
Add voice narration to each of your presentation slides, and leave a comment that
“voice narration is included” on the Assignment Submission page.
Instructions on adding voice narration to PowerPoint slides can be found at
Microsoft Office website.
Have Fun!
IT331
Project Presentation
Page 2
Grading Criteria
Description
Fundamental Rules
â–ª The presentation slides are submitted on Blackboard.
Points
Presentation
â–ª There are 15-20 slides
▪ Title page includes student’s full name and URL to the website
â–ª Text on slides is easy to read
â–ª Graphics are appropriate, clear, legible, and easy to understand
Slides Content / Website Completeness
â–ª Slides are interesting and relevant
â–ª Primary features / key points are outlined in bulleted form
â–ª Screenshots and URLs are included
â–ª Website is complete and meets major project requirements
Organization
â–ª Slides are well organized and easy to comprehend
â–ª Website is logically introduced and demonstrated
TOTAL
Student: XXX
IT 331-XXX
Project #1 Submission
URL:
•
•
•
•
•
•
•
index.html – Welcome page that explains what the website is about.
lions.html – Contains information about the lions
buffalo.html – Here we give information about buffalos
elephants.html – Contains details and facts about elephants
leopards.html – contains information about leopards
rhinos.html – has information about rhinos
story.html – here I implemented the form to take user story about wild life
1. 7 web pages used with a horizontal navigation bar to easily navigate between pages on
your site.
2. Coding requirements
a) Readability : I have added white space in the code
b) Comments : In each of the javascript implementations there is a detailed
description of what the logic is doing
3. Modifying Page Content Dynamically: Added a feature in story.html where the heading is
edited when user enters and updates there name
4. Project Requirement 3b: Modifying Page Styles Dynamically: In leopards.html, users are
able to edit the background color.
5. Project Requirement 3c: Rollover Effect: In rhino.html, at the gallery section, users are able
roll the images.
6. Project Requirement 3d: Scripted Animation: in buffallos.html page the h1 contents are
animated. The heading are animated
7. Project Requirement 3e: XML or JSON File & Spry Data : This is implemented in the
index.html page. The images of the big 5 is loaded using spry data.
8. Validation : All pages successfully passed validation

Purchase answer to see full
attachment

  
error: Content is protected !!