Prevent is a website and potential organisation that helps in the process of preventing radicalisation and extremism through collaboration with loacl agencies through the resources provided in the site. the long term goal for Prevent is to make a real change in radicalisation numbers in the UK by helping individuals that may be at risk.
The Prevent site was created with the intention to provide provide clear and accurate information about the prevent strategy that has been put in place by the Government and provide credible resources for community engagement.We aim for users to understand the concept of Prevent and how it aims to counter radicalisation and extremism, as well as understanding what at risk individual's behaviour might look like.
![large.webp]
In this section, you should go over the different parts of your project, and describe each in a sentence or so. You will need to explain what value each of the features provides for the user, focusing on who this website is for, what it is that they want to achieve and how your project is the best way to help them achieve these things.
-
Navigation Bar
- Featured on all five of the pages, the full responsive navigation bar includes links to the Home page, Programmes page, Get Involved page, My Story page and Gallery page and is identical in each page to allow for easy navigation.
- This section will allow the user to easily navigate from page to page across all devices without having to revert back to the previous page via the ‘back’ button.
-
Signup Modal
- Featured on five of the pages within the NavBar to allow easy access and quick sign up without being relocated to a different page.
- This feature pops up with an easy to fill out signup form.
-
Home Landing Page
- The landing includes a photograph with text overlay to allow the user to use a button that will reveal contact information if they need immediate help.
- This section introduces the user to prvent with a background image to set the mood for the site.
-
Home Page Quotes Section
- The Quotes section will allow the user to hear real life quotes from people who have experienced the dangers of radicalisation to give the user something to empathise with.
- Images and names of the peoples quoted were added for visual interest and user connection to the stories.
-
Home Page Stories section
- This section will allow the user even more insight into what an indivual whos at risk behvaiour might look like as well as insight into ways Prevent has helped them.
- This section also provides a link to the My Story page for more case studies.
-
The Footer
- The footer section includes links to the relevant social media sites for Prevent. The links will open to a new tab to allow easy navigation for the user.
- The footer is also provides another option for signup with form and submit button.
-
Gallery
- The gallery will provide the user with supporting images to see the ideas and tone behind Prevent concepts.
-
Programmes Page Image
- This page has all the information and links the user needs to know about the Government's Prevent Programmes. An image is added to the bottom of the page to encourage the initative to prevent radicalisation and for visual interest that breaks up the text on this page.
- Navigation to downloadable document
- When clicking on the Counter Narrative tab in the NavBar it takes the user to a seperate page with a downloadable Government document on the ways to prevent radicalisation and how to identify individuals at risk.
- This is useful to the user as it provides more information that they are able to download and look back at later on.
- Get Involved Landing Page
- This page includes background image for visual interest and a link to a site that provides resources on how to get involved with the Prevent initiative. This is useful to the users who want to get involved within their local communities that may have Prevent initiatives in place.
- My Story Landing Page
- This section of the My Story page includes a background image to set the tone and a Youtube video on the page for users to hear a case study on radicalisation.
- The video provides the user another option if they dont want to read more the topic and would prefer to watch.
- Case Studies Section
- This section provides a detailed text format to describe through case studies how loacl authorities and Prevent Agencies help prevet radicalisation in real life cases.
- This gives the user a better understanding and gives the Prevent concept some credibility to show it is actually making real change.
- Immediate Assistance Section
- This section is similar to the immediate assistance toggle on the Home page which provides the user contact details and links if they feel like they need to amke an immediate referral due to someone being potentionally at risk.
- Case Studies Carousel
- There could be an option for visual interest to scroll through Case Study image which when clicked can take the user to a seperate page with more information on the case study they clicked on.
On both mobile and tablet the NavBar confines down into a dropdown toggle. Images and Videos are also sized to fit in relation to the screen sizes on different devices allowing the visuals to be clear on all screens.
Most of the bugs/errors within our code related to Image files not being corrected and missing closing tabs which were easy and quick to solve allowing us to have a fully validated HTML and CSS files.
An interesting bug we have found is that on the My Story page the Heading is cut off for some desktops and others is fully visable.
- HTML
- No errors were returned when passing through the official W3C validator
- CSS
- No errors were found when passing through the official (Jigsaw) validator
This section should describe the process you went through to deploy the project to a hosting platform (e.g. GitHub)
- The site was deployed to GitHub pages. The steps to deploy are as follows:
- In the GitHub repository, navigate to the Settings tab
- From the source section drop-down menu, select the Master Branch
- Once the master branch has been selected, the page will be automatically refreshed with a detailed ribbon display to indicate the successful deployment.
The live link can be found here - https://tanikair.github.io/PreventProject/
In this section you need to reference where you got your content, media and extra help from. It is common practice to use code from other repositories and tutorials, however, it is important to be very specific about these sources to avoid plagiarism.
You can break the credits section up into Content and Media, depending on what you have included in your project.
- Other Resource Links
https://www.preventwatch.org/cases/
The Education site for webinars etc https://www.et-foundation.co.uk/professional-development/safeguarding-prevent/forums-webinars/
- Videos
What is PREVENT? Introduction to the Prevention of Radicalisation https://www.youtube.com/watch?v=rtFvL8BmpT8&t=12s&pp=ygUccHJldmVudCByYWRpY2FsaXNhdGlvbiB2aWRlbw%3D%3D
Safer Devon: Online Radicalisation https://www.youtube.com/watch?v=NHmOnCRAGvw&pp=ygUccHJldmVudCByYWRpY2FsaXNhdGlvbiB2aWRlbw%3D%3D
Prevent Training https://www.youtube.com/watch?v=ptoraXKGfpA&pp=ygUccHJldmVudCByYWRpY2FsaXNhdGlvbiB2aWRlbw%3D%3D
What is Prevent? https://www.youtube.com/watch?v=1os0hDJIjy0&pp=ygUccHJldmVudCByYWRpY2FsaXNhdGlvbiB2aWRlbw%3D%3D
Preventing Radicalisation and Extremism https://www.youtube.com/watch?v=nN3h1YMDTXE&pp=ygUccHJldmVudCByYWRpY2FsaXNhdGlvbiB2aWRlbw%3D%3D
Radicalisation and extremism - educational video https://www.youtube.com/watch?v=4Ph536eGzbA&pp=ygUccHJldmVudCByYWRpY2FsaXNhdGlvbiB2aWRlbw%3D%3D
Prevent - Radicalisation https://www.youtube.com/watch?v=GF01JWdEk5M&pp=ygUccHJldmVudCByYWRpY2FsaXNhdGlvbiB2aWRlbw%3D%3D
- The icons in the footer were taken from Font Awesome
- Link to Wireframes using Balsamiq https://balsamiq.cloud/srhpwk3/p5ayom5