Scenario
Social Media Campaigns Ltd. (SMC) is a new business that is looking to provide help and support to teenagers to encourage them to stay safe when using social media apps. The business is looking for an online e-commerce website to help it promote its facilities to teenagers.
SMC Ltd. approached you and asked you to help them develop a website where they can share information with teenagers and educate them on how to stay safe. An added feature of the website will be a membership section, allowing users to register for a monthly newsletter. So, the website should have a database to store a list of users who sign up for the monthly newsletter.
The website should fulfil the following:
Be easily viewable on various devicesHave mobile-friendly contentInclude responsive images and text
Task 1 – HTML (25 Marks)
Develop a website using HTML 5 that meets all the following requirements including at least SEVEN (7) interlinked webpages:
Home Page: Introduces visitors to the campaign and includes relevant images of social media apps and risks to teenagers. It should include the following features:A search bar.TWO (2) web services.The web page should contain:Minimal text and good use of visuals to break up the textMost popular social media appsInteractive navigation bar with drop downsHow to stay safe onlineHeaderCustom Cursors3D illustrationsYou are here (page) – in the footer along with relevant copyright information and social media buttons.Information: This page will provide details of the social media campaigns and their aims and vision to keep teenagers safe online.Most Popular Social Media Apps: This page allows customers to search the online database for the latest techniques to stay safe.How Parents Can Help: This page provides top tips that parents can use to support healthy teen use of social media.Livestreaming: This page will provide an overview of livestreaming and how it can be done in a safe environment.Contact: This is a contact form where customers can send messages through the website (it should have a link to the privacy policy).Legislation and Guidance: This page provides the details of relevant legislation and best practice guidance relating to online social media use.Allows users to create, query, browse and manipulate the database and allows the user to create and delete records they are currently browsing.Use at least TWO (2) web development tools.Be usable in at least TWO (2) different web browsers including a mobile device. You should consult your tutor for guidance on the specific browsers and versions you should use.
At the initial stage of the development process, you should make an HTML/CSS prototype of the website that will clearly show SMC how the final website could work.
Content hasn’t been provided. Suitable content can be found on the web e.g., images of keeping teenagers safe online. Use creative commons (http://search.creativecommons.org/) or Wikimedia Commons (http://commons.wikimedia.org/wiki/Main_Page) as a starting point to find content.
Remember the content you include in your site must be licensed for re-use. Do not spend excessive amounts of time researching and gathering content. The purpose is to provide a clear indication of how the final website could look and function. The client will provide the actual content at a later point if they are happy with the website you have proposed.
Task 2 – CSS and Database (25 Marks)
Create an external CSS file that specifies the design for the website. Each of the HTML pages must link to this CSS file. There should be no use of the style attribute or the
<style> element on the website.
Create a database with the following requirements:
It should store the personal details of each member such as their first name, surname, and email address.The user should receive a prompt if the username does not appear in the database or if login fails after THREE (3) attempts.It should be locked for TEN (10) minutes after a login failure.
Task 3 – Critical Evaluation (40 Marks)
You are required to write a short report of 1000 words, analysing the website you have submitted.
You should:
Start your report with an introduction and an appraisal of the potential benefits to SMC of web services and how they add functionality to the website.Appraise how effectively you have used at least TWO (2) web development tools to develop your website.Describe how effectively you have used PHP to design and build the website database.Evaluate the SMC website which utilises web services and how effectively it meets the objectives in the scenario.
Task 4 – Reflection (10 Marks)
You are required to write a short report of 250 words, evaluating your learning in this assignment.
You should:
Briefly describe the process you went through in the website development: what tools you used and what was successful and what wasn’t.Discuss what you learned from the process and how it changed the way you understand website development.Describe what you would do differently when faced with a similar task in the future.
Submission requirements
For each task, you should present the necessary code and screenshots in a word- processed document.A single file report including Task 3 and Task 4 should be 1250 words.All references and citations must use the Harvard Style.