COMP1111 Programming 2022/23
Hello, dear friend, you can consult us at any time if you have any questions, add WeChat: daixieit
COMP1111 Programming Gold
2022-23
Formative Assignment and Peer-Review:
Web page development – HTML, CSS and UI design
1. Ou tline of requirements
This is an individual assignment. You should use: html, css, Bootstrap, github.
For the formative assignment, you should design and develop a web page for one of the following domains:
Cybersecurity (e.g., malware, privacy issues, etc.)
Mental health and/or wellbeing
Art/paintings
I. Select one of the above domains and a dataset for your domain. Choose a public dataset (or create one) that fits your website’s aim and target audience.
1 Find example datasets on:
- https://github.com/awesomedata/awesome-public-datasets
- https://msropendata.com/
- https://www.kaggle.com/
- https://registry.opendata.aws/
- https://toolbox.google.com/datasetsearch
- https://www.aminer.cn
- Or other sources you find on the web.
1 To make it easier on yourself, choose a smaller dataset, or reduce the dataset size.
1 Preferably, in JSON, but CSV is acceptable.
1 Note: For theformative, you will not use the dataset, it isjust important that you start looking through options and tentatively select a domain and a datasetfor it.
II. Design and create your HTML pages and CSS stylesheets
1 Your website must have a clear purpose/aim which is explained/highlighted on the main/home web page.
1 The website should preferably be in a single/one page style.
1 Input interface - user should be able to input information (e.g., search, input text, select from options, etc.).
1 Output interface – include different content forms: text, images, videos. Note – refer to your dataset to identify attributes/features/objects and their data types, and what to present/write about on your web page.
1 Apply user interface/experience design guidelines. Refer to: https://www.usability.gov/what-and-why/user-interface-design.html and https://www.interaction-design.org/literature/article/user-interface-design-guidelines- 10-rules-of-thumb. Focus on:
- usability – ease of use; consistency; intuitiveness
- responsiveness - adjusting for different devices (e.g., laptop and smartphone) and window size browsing.
III. Apply good programming practices:
1 Make your web page accessible by posting it on github pages.
1 Start using tools that support software development, e.g., Bootstrap.
2. Peer - review
10% of your overall coursework mark will be derived from your on-going participation and engagement in the module’s activities and tasks, including: formative assignment, peer review, in-class tasks, group discussions. Participation components and their weights are:
Marking Submitted (1); not submitted (0)
Components Weight
Formative assignment |
Peer review |
Weekly tasks |
Each formative assignment submission will be assigned two markers from among your peers.
Markers should:
a. Open, view and evaluate the web page in detail.
b. Assign a mark on the following 4-point scale:
1. Fail (<40) – most of the basic requirements were not met.
2. Approaching expectations (40-59) - basic requirements were mainly met, with some errors in web page content display.
3. Meeting expectations (60-79) – all the basic requirements were met; the web page has no (or very minor) errors.
4. Exceeding expectations (≥80) – the web page is fully functional; beyond the basic requirements, more complex and/or creative solutions were implemented.
c. Provide written feedback (a few sentences) on both of the following: Strong points
Areas for improvement
d. Pay particular attention to and flag potential plagiarism or issues with referencing.
NOTE: When we check your peer review submissions, partial peer-review (e.g., lacking complete written feedback, or only providing a scale mark) will be treated as a non- submission.
2022-10-24