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.