CM1040 Web Development Coursework 1 Brief

Coursework Brief: CM1040 Web Development Midterm

Overview:

In this coursework you are tasked with producing a presentation about web development. The presentation should be based on the material you have studied in the first half of the course. In fact, you should select two specific topics from the first five topics and develop a presentation based on those. Later in this document, you will find details of the first five topics for reference.

This is a challenging coursework because you must use your imagination to come up with an interesting story or concept for your presentation which connects the two topics you have selected. Part of the story will involve your experience working on the materials in the course, e.g. the lab worksheets and further reading.

In the following sections, you can find details of the expected deliverables and mark scheme, a review of the first five topics and suggested plan for developing your presentation.

Deliverables:

1. Presentation Slides: Create a set of slides that summarise your experiments and key insights. The slides should be in PDF format and must cover a selection of the five topics listed below.
2. Presentation Video: Record a video of yourself presenting the slides. You must present in your own voice (no AI-generated voice s) and ensure your face (covered if religion requires) is visible during the presentation. The video must be no more than 10 minutes long.

CM1040 Instructions:

1. Planning:

• Choose at least two of the five web development topics to focus on for your presentation.
• Think about how your chosen topics are connected. Your presentation should have a story. You could connect the topics to your own experiences.
• Identify some written information sources that you will draw on in your presentation. We want to see verified facts here.
• Use some of the techniques shown in the course to experiment with the topics or demonstrate some important aspect of the topics.
• A fruitful approach to technical experimentation is to select two different ways of doing things and to compare them. If you do that, make it clear what you are comparing and how.

2. Presentation Slides (PDF):

• Structure your presentation logically, with clear headings and key points for each topic.
• State which topics you are exploring and how your work aligns with those topics Include diagrams, screenshots, and code snippets where relevant to illustrate your experiments and findings.
• Ensure your slides are visually clear, concise, and professional.

3. Presentation Video:

• Record a video (maximum 10 minutes) where you present your slides.
• Use clear and articulate language to explain each topic and provide your insights.
• Your face must be visible in the video, and the use of an AI-generated voice is not allowed.
• Do not leave recording the video to the last minute – rehearse your presentation to ensure a smooth delivery. You may need a few attempts to get a good take!
• Make sure your audio is as clear as possible – if you have an external mic, you should use that
• We recommend using OBS Studio to record your presentation
  (https://github.com/obsproject/obs-studio)

4. Submission:

• Submit your PDF presentation and video recording via the coursework submission platform.
• Ensure that the video is in an accessible format (e.g., MP4) and that the audio and video quality are sufficient for clear viewing.

CM1040 Assessment Criteria:

Your coursework will be assessed on the following:

– Content (60% Overall):

• Coverage and Research (25%): Depth of understanding demonstrated in the presentation, supported by experiments and reading.
• Practical Experimentation (25%): Evidence of practical experiments and how these inform your understanding.
• Alignment with the course (10%): Your content should be clearly aligned with the chosen topics.

– Presentation (40%):

• Clarity (20%): How clearly and effectively you explain the topics and your experiments, and the connections you have made between the topics. This will be helped by a good, explicit presentation structure
• Presentation Quality (20%): Organisation and professionalism of both the slides and video. This includes your timing and planning. No element should feel rushed, and the presentation should have a clear beginning, middle and end.

Topic Review

Here is a review of the first five topics from the web development course. You will need to focus on a selection of the following topics in your presentation:

1. Web Development Topic 1: HTTP And HTML

• Historical context of the Internet and HTTP.
• Design features of HTTP and the Internet.
• Security issues with HTTP.
• Basics of HTML, including valid, well-formed, and semantic HTML.

2. Web Development Topic 2: Foundational Algorithms – Parsing Markup Languages

• Document Object Model (DOM) structure and interactions.
• HTML parsing processes and computational cost.
• Impact of large-scale parsing on energy use.

3. Web Development Topic 3: Layout For Different Devices

• Presentation of web content across different devices.
• CSS for controlling design elements.
• Responsive web design using CSS and CSS frameworks.

4. Web Development Topic 4: Accessibility And Usability Standards

• Importance of accessibility and usability in web design.
• Tools for testing accessibility.
• Adapting web code to improve accessibility.
• Evaluating usability using a specific methodology.

5. Web Development Topic 5: Working With Data Sources And Data Security

• Using JSON to represent data.
• Working with REST APIs.
• JavaScript techniques for loading and processing data.