Desenvolvimento um Website Basico para um Parque Tematico

Solent University Coursework Assessment Brief Assessment Details Module Title Web Technologies Module Code COM419 Module Leader Tendai Mhlanga Level 4 Assessment Title Theme Park Website Assessment Number 1 Assessment Type Software Artefact with Supporting Documentation Restrictions on TimeWord Count No more than 1500 words supporting documentation Consequence of not meeting timeword count limit It is essential that assignments keep within the timeword count limit stated above Any work beyond the maximum timeword length permitted will be disregarded and not accounted for in the final grade IndividualGroup Individual Assessment Weighting 100 Issue Date 10th July 2024 Hand In Date TBC Planned Feedback Date 4 weeks after deadline Mode of Submission Online Only FINAL submissions will be accepted DRAFT submissions will not be considered an attempt and will not be marked Anonymous Marking This assessment Will be marked anonymously 1 Academic Registry 202324 Scenario The Scenario You have been asked to develop a marketing website for a new theme park The owners are giving you a lot of freedom in terms of branding and design just make sure the website is themed appropriately This is a promotional website it is not a ticket selling website Thus you need not concern yourself with the selling or booking of tickets There are some core requirements that this website must have at absolute minimum Areas Like most theme parks it will have multiple themed areas each of which have rides and attractions relating to the areas theme within These areas should be represented on the website Ridesattractions As stated above each of the themed areas will be made up of rides and attractions You should ensure that rides are featured appropriately on the website The park is open every day AprilOctober from 9am to 7pm This should be VERY clearly displayed on the website An FAQ page Just a page to answer likely questions people may have A contact us page this must have an appropriate HTML form on it Additional notes Regarding the theme and layout of this website that is up to you Style your website as you feel appropriate in the way that you envision when you imagine a theme park Consider the audience and how that impacts the themes For example Thorpe Park has a focus on thrill rides Paultons Park Family oriented and has themed areas for young children ie Peppa Pig World and more universal areas ie Tornado Springs Chessington World of Adventures has themed areas full of rides ie Wild Woods and a zooSealife area In other words you have creative freedom over the content and look of the website as long as it is appropriate 2 Academic Registry 202324 Tasks There are two elements to this assessment A website based on the above scenario Supporting documentation To be submitted as a word or pdf document alongside the website see the Supporting Documentation section below The Website The main element of this assessment is the development of a website based on the scenario see previous page I have provided detailed grading criteria page 5 which will state what the website must do to achieve the different grades You must only use the following to develop this website HTML CSS JavaScript Node JS o Express o Sqlite3 o EJS Any technologies that were not covered in this module will not be counted and any features developed using them will not be considered during marking Bootstrap and jQuery whilst mentioned in the unit are not to be used Supporting Documentation This will be a brief and concise document that will be written after you have completed your website It should detail the following Proof that your website conforms to W3C standards use the online validator Pick one feature of the website preferably one involving the database and explain how it works with particular emphasis on explaining what aspects are clientside and what is serverside Legal and ethical and accessibility considerations o What legal considerations have been made Sourcing images from websites like Pexels for example 3 Academic Registry 202324 o What makes the website accessible ie alt text on images Where applicable What security considerations have been made A rough ERD diagram should be provided to show the database structure If you have used version control ie GitGitHub you must declare it here by providing a screenshot of your commit history Your GitHub username must be fully visible in the screenshot If you have used any AI tools to aid you with the development of this website you must be fully transparent with this You are expected to document any usage of AI tools including o What AI tools were used o What prompts were entered into the tool o What answers you received back from the tool o How you modified and integrated the answer into your work What you should submit You will need to upload two files to Solent Online learning A zip file containing your web project A word document or PDF containing the supporting documentation The zip file and the wordpdf document should be uploaded as separate files Attention To speed up the marking process it would be helpful if you Use your student ID as the name for your submitted files For example if your student ID is 123456 then you should submit a zip file called 123456zip and either a word document or a pdf called 123456docx or 123456pdf respectively Please use port number 5000 When the marker downloads your submission they will do the following to make it run You should ensure that this will work o Unzip the zip file o Open the now unzipped project folder in VSCode o In the terminal run npm install o In the terminal run node indexjs o The marker should now be able to view the website by going to httplocalhost5000 4 Academic Registry 202324 Grading Criteria Here is what the website needs to do to To Achieve an F Grade Any of the following will result in an F or S grade being awarded The submission does not run in a node environment or the features are not accessible using custom URLs The website uses unapproved technologies that are not in line with those listed on the previous page The website has little to no layout Very poor practice has been demonstrated o ie using deprecated HTML tags that style the page rather than CSS The requirements listed in the scenario have not been met andor the criteria for the D grade below have not been met The submitted website is very similar to a class task has perhaps been slightly restyled or just given different content No clientside JavaScript has been added to the website at all No supporting documentation has been submitted A zip file containing the website was not submitted The supporting documentation is off topic or does not follow the points requested in the supporting documentation section of this brief The supporting documentation must be submitted outside of the zip file and must generate a Turnitin report The use of bad rude or offensive languageimagery This includes its usage as filler text Lack of professionalism Similar to the previous point Attempts to prank the marker redirect them to unrelated material or otherwise hinder them from carrying out their duties 5 Academic Registry 202324 Evidence of plagiarism or collusion To Achieve a D Grade To achieve a D grade the website should Meet all the requirements listed in the Scenario Have a basic layout Include some basic clientside JavaScript functionality A basic Express app has been set up using Node JS The website should be navigable using routes Templating should be used where needed At least one part of the website retrieves information from the database ie line up Mostly conform to W3C standards An uptodate packagejson file has been provided All functionalities should be easy to navigate to Content that cannot be navigated to by browsing the website or content that is behind broken links will not be considered The homepage should load from the default route ie the marker should be able to go to httplocalhost5000 and the home page will load Supporting documentation has been submitted and covers the points mentioned on page 3 of this document supporting documentation section To Achieve a C Grade To achieve a C grade in addition to the D criteria the website should Fully conform to W3C Standards Be fully responsive to different devices and adjust well to different screen sizes Media queries should be demonstrated 6 Academic Registry 202324 Work on different browsers specifically Chrome Firefox and Edge The form as required in the scenario should have some simple validation performed by a JavaScript Retrieve data from an SQLite database and display it on the page o The area and rideattraction information should be retrieved from the database The contact us form when submitted should store the information in the database Your database file has been provided in the project folder This is important If you dont include it then the marker cannot connect to your database which means your database wont work on their machine If it does not work then the C criteria is not met General good practice should be observed including but not limited to o an organised folder structure with images styles and scripts separated appropriately o Using stylesheets appropriately and not repeating code by having an individual stylesheet for each page Supporting documentation should note what security considerations have been made when developing the website To Achieve a B Grade To achieve a B grade in addition to the C criteria the website should In general the website should not break There should not be errors in the developer console on the browser or in node as you navigate the website or use features including the ones below An additional page should be created for an activity that you should come up with This activity will be interactive and involve JavaScript It might make your life easier if you develop this for a younger audience o This should be original and not taken from the internet o Can be any kind of activity ie a guess the picture game where you have an image covered up by squares that vanish when you click them etc but should be related to one of the themed areas of the park Supporting documentation is strengthened by further reading ie in to accessibility or security issues 7 Academic Registry 202324 To Achieve an A4 or A3 Grade To achieve an A4 or A3 grade the website should Meet the D C and B criteria listed above with no exceptions Look professional would be publishable for its intended purpose and conform to professional standards this includes the design of the database Include a search feature that demonstrates AJAX Include AJAX for at least one other feature The feature you pick to explain clientsideserverside elements in your supporting documentation should be one that includes AJAX as well as a database connection To Achieve an A2 or A1 Grade To achieve an A2 or A1 grade the website should Meet the D C B and A4A3 criteria listed above with no exceptions Should have AJAX throughout especially where database connections are involved Provides an additional feature that allows the park to promote the many events that they hold each year This can vary from concerts being held on their grounds to things like Halloween scare nights By default the website should display this years events However the user should also be able to view what past events have occurred The user should be able to select a year and then view the events for the given year Additionally the user should be able to apply filters to the listed events to narrow them down a little ie select events categorised as concerts Upon clicking a listed event the user should be taken to a page that provides information about said event this page should make it clear to users if the event has already occurred o This should be fully database driven and utilise good database practice and design o AJAX should be used extensively for this feature 8 Academic Registry 202324 Learning Outcomes This assessment will enable you to demonstrate in full or in part your fulfilment of the following learning outcomes identified in the Module Descriptor Living CV As part of the Universitys Work Ready Future Ready strategy you will be expected to build a professional Living CV as you successfully engage and pass each module of your degree The Living CV outputs evidenced on completion of this assessment are 1 Apply HTML CSS JavaScript NodeJS JSON SQL and relational databases to develop a website 2 Develop a simple full stack web application that conforms to W3C standards Please add these to your CV via the Living CV builder platform on Solent Futures Online Solent Futures Online Important Information Solent University Academic Regulations 2023 24 Late Submissions You are reminded that i If this assessment is submitted late ie within 7 calendar days of the submission deadline the mark will be capped at 40 if a pass mark is achieved ii If this assessment is submitted later than 7 calendar days after the submission deadline the work will be regarded as a nonsubmission and will be awarded a zero iii If this assessment is being submitted as a referred piece of work then it must be submitted by the deadline date any Refer assessment submitted late will be regarded as a nonsubmission and will be awarded a zero Assessment regulations Extenuating Circumstances The Universitys Extenuating Circumstances EC procedure is in place if there are genuine short term exceptional circumstances that may prevent you submitting an assessment You are able to self 9 Academic Registry 202324 certify for up to two assessment dates in any semester without supporting evidence for an extension of up to seven calendar days for coursework or to defer an exam to the resit period Alternatively if you are not fit to study or you have used up your two selfcertification opportunities you can request an extension to the submission deadline of 7 calendar days or a request to submit the assessment at the next opportunity ie the resit period as a Defer without capping of the grade In both instances you must submit an EC application with relevant evidence If accepted under the university regulations there will be no academic penalty for late submission or nonsubmission dependent on what is requested You are reminded that EC covers only shortterm issues 20 working days and that if you experience longer term matters that impact on your learning then you must contact the Student Hub for advice Please find a link to the EC policy below Extenuating Circumstances Academic Misconduct Any submission must be your own work and where facts or ideas have been used from other sources these sources must be appropriately referenced The Universitys Academic Regulations includes the definitions of all practices that will be deemed to constitute academic misconduct You should check this link before submitting your work Procedures relating to student academic misconduct are given below Academic Misconduct Ethics Policy The work being carried out must be in compliance with the university Ethics Policy Where there is an ethical issue as specified within the Ethics Policy then you will need an ethics release or ethics approval prior to the start of the project The Ethics Policy is contained within Section 2S of the Academic Handbook Ethics Policy Grade marking The University uses an alpha numeric grade scale for the marking of assessments Unless you have been specifically informed otherwise your marked assignment will be awarded a letternumber grade More detailed information on grade marking and the grade scale can be found on the portal and in the Student Handbook Grade Marking Scale 10 Academic Registry 202324 Guidance for online submission through Solent Online Learning SOL Online Submission 11 Academic Registry 202324