multimedia

Step

Instructions

Complete?

(1)

You are tasked with developing, from scratch, a website for an organization that is either real or fictitious.This is a MAJOR project, worth 25% of your grade in total, and should be treated with as much seriousness as such a valuable project entails.You should approach this project with the same methodologies employed by the Web Development Cycle (which is covered by Web Development Lecture Video 2).

The following criteria are REQUIRED as expected minimums for the project:

(1a) The site must be planned utilizing wireframes.

(1b) The site must promote the products and/or services of an organization.

(1c) The website must be published and accessible on a web server.

(1d) The site must employ Responsive Web Design and be designed for accessibility.

(1e) All graphics and media (such as videos and images) must also employ Responsive Web Design.

(1f) All embedded APIs must also employ Responsive Web Design.

(1g) The website must function in Google Chrome, Firefox, Safari, and Microsoft Edge.

(1h) The website must function properly on desktop computers, tablet devices, and smartphones.

(1i) The website must be written from scratch and be compliant with HTML5 and CSS3 standards.

(1j) The website must utilize interactive elements created with JavaScript and/or jQuery.

(1k) The website should utilize principles of Search Engine Optimization.

(1l) The website must be validated by an HTML and CSS validation source, and proof must be provided of results and accompanied by written justifications of any unresolved errors.Submit this with your final project submission to the D2L Dropbox.

(1m) The website must be tested by at least two other people.

(1n) The website must include a contact form.

(1o) The website must utilize good practices of design and typographical principles.

(1p) The website must contain at least four pages: (1) Home (index.html), About (about.html), Products/Services (products.html or services.html), and Contact (contact.html).

(1q) Prior to final submission of the website to the D2L Dropbox, you will need to complete a 5-minute video presentation of your website to be viewed by peers in your critique group.The presentation must cover the following points: (1) Describe the real or fictitious organization the site was designed for, (2) Demonstrate the Responsive Web Design functionality that you have created, (3) Highlight any unique showpiece features you have created, (4) Provide detail on other items you would have liked to have incorporated into the site.This video presentation must be submitted to the D2L Discussion board created for this purpose so that your site can be critiqued by your group.

(1r) Within your peer critique group discussions, you are to view the presentations of each of your fellow groupmates and offer reasoned and helpful feedback on things that can be improved upon.You should be prepared to answer all of the questions provided for you in the discussion prompt and provide justification.

(1s) Submit your work to the appropriate D2L Dropboxes or Discussions at or before their due dates.

☐

Step

Instructions – WIREFRAMING – DUE SUNDAY @ 11:59 PM OF WEEK 11

Complete?

(2)

The site must be planned utilizing wireframes.Consult Web Development Lecture and Coding Video 2 for a review on this topic.

You must create a wireframe of all four of the pages you intend to build for this final project.You may use one of the web-based wireframing apps covered in Web Development Lecture and Coding Video 2, or you may use something like Adobe InDesign if you choose.You may also create paper wireframes, but if you choose this option, you must submit high quality scans of your wireframes to the D2L Dropbox.Haphazard pictures snapped with your cell phone will not be sufficient.

All four wireframes are due in the D2L Dropbox by 11:59p on Sunday of Week 11.

☐

Step

Instructions – SITE CONSTRUCTION (DRAFT VERSION) – DUE SUNDAY @ 11:59 PM OF WEEK 15

Complete?

(3)

Construct the four pages (Home, About, Products/Services, and Contact).Be sure to meet all of the criteria outlined in Step (1), paying particular attention to the responsive functionality and designing for accessibility.

Note: Projects that utilize a template or some other website building tool other than what we have learned in this class will receive no credit (no WordPress or similar website building tools).Projects from other classes will not count for this class.This must be brand new, germane work.

A working web link to your site must be submitted with your presentation video to the D2L Discussion board, and a draft version of your site must be ready by 11:59p on Sunday of Week 15.

☐

Step

Instructions – FIVE MINUTE PRESENTATION – DUE SUNDAY @ 11:59 PM OF WEEK 15

Complete?

(4)

Using screen capture software, create a video about five minutes long guiding your peer group through the draft version of your website.Be sure to point out and demonstrate the Responsive Web Design features as well as any prominent features you are proud of.You do not have to record your face if you do not want to, but you should speak during your presentation.The recording must be done in such a way that captures your screen with high quality so that your peers can see it.This rules out cell phone recordings, which will not be sufficient or acceptable for this assignment.

If you do not know how to create such a presentation, view the video at this link (be logged into D2L before you try it): https://online.eiu.edu/d2l/le/content/173488/viewContent/1657920/View?ou=173488

If you do not know how to upload your video as a streaming player to D2L Discussions, view the last parts of the video at this link (be logged into D2L before you try it):

https://online.eiu.edu/d2l/le/content/173488/viewContent/1658018/View

Be warned, both videos prevent fast forwarding.

Those of you that have completed the D2L Student Orientation Veteran Badge may use these links instead and enjoy the benefit of fast forwarding:

https://online.eiu.edu/d2l/le/content/173488/viewContent/1661695/View?ou=173488

https://online.eiu.edu/d2l/le/content/173488/viewContent/1658847/View

Your video presentation, along with a working web link to your site must be submitted with your presentation video to the D2L Discussion board, and a draft version of your site must be ready by 11:59p on Sunday of Week 15.

☐

Step

Instructions – PEER CRITIQUES – DUE SUNDAY @ 11:59 PM OF WEEK 16

Complete?

(5)

You are to view the video presentations and visit the links of each person in your peer group (this should be 3-4 people) and answer the questions you find in the D2L Discussion prompt for each person.This should be a comprehensive review of your fellow groupmate’s draft version of their website, with the intent of helping them make it perfect using your feedback.

Your constructive feedback and critiques for each member of your group must be posted to the D2L Discussion board by 11:59p on Sunday of Week 16.

☐

Step

Instructions – FINAL PROJECT SUBMISSION – DUE THURSDAY @ 11:59PM OF WEEK 17

Complete?

(6)

Using the feedback you received during the Peer Critiques as a guide, finalize your draft website into a final, complete version.Double check that it meets the criteria outlined in Step (1), then submit a working web link to the D2L Dropbox.

The final draft of your website is due by 11:59p on Thursday of Week 17.

NOTE: NO EXTENSIONS ON THE FINAL PROJECT SUBMISSION WILL BE GIVEN, NO LATE WORK WILL BE ACCEPTED.ANYTHING NOT SUBMITTED BY THE DUE DATE WILL NOT BE GRADED.

☐