USA: +1(669)289-8683 
Sign in
TEC 5343 Multimedia Web Technology
Final Project
Instructions
– See Final Project Schedule for Due Dates!
NOTE: THIS ASSIGNMENT IS TO BE COMPLETED IN INDIVIDUALLY (THIS IS NOT A GROUP PROJECT)
NOTE: THIS ASSIGNMENT CONTAINS 6 TOTAL STEPS ON 3 TOTAL PAGES.BE SURE TO READ EVERYTHING!
|
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) |
(3) |
(4) |
|
Instructions – WIREFRAMING – DUE SUNDAY @ 11:59 PM OF WEEK 11 |
Complete? |
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. |
|
Instructions – SITE CONSTRUCTION (DRAFT VERSION) – DUE SUNDAY @ 11:59 PM OF WEEK 15 |
Complete? | Step |
|
Instructions – FIVE MINUTE PRESENTATION – DUE SUNDAY @ 11:59 PM OF WEEK 15 |
Complete? |
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. |
|
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. |
|
Instructions – FINAL PROJECT SUBMISSION – DUE THURSDAY @ 11:59PM OF WEEK 17 |
Complete? |
(6) |
Step |
Remember that the Coding Watercooler is a resource available to you if you become lost or stuck.Also remember to help out your classmates there if you can!
TEC 5343 Multimedia Web Technology
Final Project Instructions – See Final Project Schedule for Due Dates!
NOTE: THIS ASSIGNMENT IS TO BE COMPLETED IN INDIVIDUALLY (THIS IS NOT A GROUP PROJECT)
NOTE: THIS ASSIGNMENT CONTAINS 6 TOTAL STEPS ON 3 TOTAL PAGES. BE SURE TO READ EVERYTHING!
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
(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.
Complete?
☐
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
(3)
Construct the four pages (Home, About, Products/Services, and Contact). Be sure to
meet all of the criteria outlined in
(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.
Complete?
☐
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
(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
Complete?
☐
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
(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.
Complete?
☐
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
(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
(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.
Complete?
☐
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.
Remember that the Coding Watercooler is a resource available to you if you
become lost or stuck. Also remember to help out your classmates there if you
can!
