Programming Question

TEC 5343 – Front End Web DevelopmentFinal Project Instructions – See Final Project Schedule for Due Dates!
NOTE: This Lab Project Contains 3 Pages of Instructions!
Step Instructions
(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 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.
(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.
Complete?
☐
(1s) Submit your work to the appropriate D2L Dropboxes or Discussions at or before
their due dates.
Step Instructions – WIREFRAMING – DUE APRIL 7th, 2023 @ 6:00p
(2)
The site must be planned utilizing wireframes. Consult Lecture and Coding Video 2 for a
review on this topic.
Complete?
Note: this is a small change from the syllabus, removing the requirement of a site
map. Since the exact pages you need are specified (Home, About, Products/Services
and Contact), there is no need for a site map.
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 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 6:00p on April 7th, 2023.
Step Instructions – SITE CONSTRUCTION (DRAFT VERSION) – DUE APRIL 21st, 2023 @ 6:00p
(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.
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 6:00p on
April 21st, 2023.
Step Instructions – FIVE MINUTE PRESENTATION – DUE APRIL 21st, 2023 @ 6:00p
(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
Complete?
☐
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 6:00p on April 21st, 2023
Step Instructions – PEER CRITIQUES – DUE April 28th, 2023 @ 6:00p
(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 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 6:00p on April 28th, 2023
Step Instructions – FINAL PROJECT SUBMISSION – DUE April 30th @ 11:59p
(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 April 30th, 2023.
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!