In this assignment you will:
- Revisit the personal project you began at the beginning of the semester
- Apply as many of the concepts you learned from this semester as
possible to the project.
In all you do please remember that being a part of CSCI@HSU means DOING THE RIGHT THING.
- Doing the right thing matters.
- Doing the right thing means developing competence.
- Doing the right thing means living in community.
- Doing the right thing means finding moral, effective, and correct solutions.
- Doing the right thing means honoring God in all we do.
So, do this assignment in a way that demonstrates integrity, develops
competence, is correct, and honors God ... because what we do matters!
In completing this assignment you MAY use/access the following resources:
- The quick reference guides below (which include the printed guides
handed out in class):
- VSCode Editor in its configuration as provided in the course repo. You may use the
extensions that were suggested when you first launched VS Code in the repo directory.
- The instructor-provided notes for this course: https://docs.google.com/presentation/d/1NvzTydQUHc8_-bX2oH1hyzSbFMYByCsp/edit?usp=sharing&ouid=102845346193600525432&rtpof=true&sd=true
- Your own course notes
- Your instructor
- Discussions about the assignment with other students as long as you
never look at the working code of another student. Another student should
never tell you what to type and you should never tell another student what
to type.
- Websites that provide general instruction on HTML and CSS as long as they are
not targeted specifically to the assignment on which you are working. As an
example, if you want to learn about techniques for applying a color scheme
to a web site, this is a good thing to look up. If you are looking for a
solution to a specific Javascript programming exercise given in a homework
assignment, that is NOT something you should look up. REMEMBER: The goal is
for you to become proficient, so you need to figure some things out.
- Examples provided at: https://josephus.sergeantservices.com/classes/w1/source/
- For this assignment you can also make use of the Copilot extension in VSCode
to help you complete the work in this assignment.
You may NOT use/access any resource that exists in the universe that is not listed above.
Examples of resources you may NOT use include, but are not limited to:
- Code-producing extensions to VSCode that are not listed above.
- Code produced by code-generating tools of any kind (ChatGPT as one example).
- Code produced by other people (including classmates) that is targeted
to solve the specific assignment you are working on.
Failure to abide by these guidelines will result in a zero for the assignment
and the incident will be reported to the university provost as a violation of
the university academic integrity policy. A second incident of academic
dishonesty (whether from this course or another computer science course) will
result in an F in the course.
In the first two assignments of the semester you chose a topic and designed
a page around it. Now that you have learned a number of client-side techniques
it is time for you to apply what you learned to that project. Your final
solution should be placed in your hw12 directory in your workspace within
a separate directory named my_project. It will be graded as follows:
| 6 |
pts |
Framework |
You should utilize a CSS framework (use either Bootstrap or
Tailwind). The CSS framework you chose needs to be
utilized substantially and appropriately. |
| 6 |
pts |
Responsive |
The site should look good on a range of screen sizes
from phone to wide screen and should employ at least 2
break points (i.e., 3 sizes should have differing layouts). |
| 4 |
pts |
Aesthetics |
The site should be aethetically pleasing by making
effective use of color, graphics, and spacing. |
| 6 |
pts |
User Form |
The site should employ a form that utilizes as many of the
features demonstrated in https://josephus.sergeantservices.com/classes/w1/source/form8.html
as makes sense. |
| 4 |
pts |
Dynamic |
The site shoud include some dynamic behavior that
modifies the page in some way (beyond typical behavior of
the User Form). It might be drag and drop, adding/removing
elements, etc. |
| 4 |
pts |
localStorage |
The site should make use of localStorage to provide app-like
persistence of data. |
| 2 |
pts |
Organization |
The site should use a conventional directory structure for
organizing the various source files needed. |
| 4 |
pts |
Cohesive |
The various pages and features of the site should fit together
in a meaningful way. This implies there should be more than
one page for your site. At least one of the pages should
provide multiple panels that will need to be rearranged at
various page widths. So, you don't want a page with a single
image or box that just shrinks! |
| 36 |
pts |
Total |
|
For this assignment you MAY use the Copilot extension in VSCode. You may NOT use any other AI resources. Please take time to read the list of allowed resources provided at the top of this assignment.