任务分为四个部分：PA（及格）、CR（学分）、DI（优异）和HD（高分）。
DI和HD部分的任务需要自我研究，你不会在课程材料中得到直接的答案。虽然我们很乐意协助您完成这些任务，但大部分工作和研究必须由您完成。这样做是为了让您为未来的工作和IT行业的严峻形势做好准备。此外，为了实现DI和HD，您必须向课程的讲师展示您的每周进度。有关这方面的更多细节将在稍后发布。如果你发现有一个可以解释的规范，请在作业1的相应讨论板上发布一个识别该规范的查询。现实生活中的软件开发没有一个明确的路线图和流程图，也没有完整的说明。通常情况下，开发人员的工作是澄清客户的需求。就本作业和课程而言，讲师被视为客户。我们所有人都受到了不幸的新冠肺炎及其后果的影响。注意力和学习往往很难集中；但作为一名参加本课程的学生，你有责任定期参加讲座、实验室和咨询会议。Web Programming COSC2413/3052 Assignment 1

1.Overview

(you must read this first)You are to attempt this assignmentindividually OR in a group of TWO (recommended). No more than two.You will use HTML5, CSS & JavaScript to author the client-side part of a website. The server-side implementation of the website will be completed in assignment 2.The tasks are divided into four parts: PA (Pass), CR (Credit), DI (Distinction) & HD (High Distinction).The DI & HD section tasks will require self-research, you will not get straight answers in the course material. While we are happy to assist you on those tasks, most of the work and research must be done by you. This is done on purpose to prepare you for future work and the rigours of the IT industry. Also, in order to achieve DI and HD, you must show your weekly progress to the instructors of the course. More details on this will be released later.If you find a specification open to interpretation, post a query identifying the specification in the corresponding discussion board for assignment 1. Software development in real life does not come with a definitive roadmap and flowcharts complete with instructions. More often than so, it is the job of the developer to clarify requirements from the client. For the purpose of thisassignment and course, the lecturer is considered as the client.All of us have been affected by the unfortunate COVID-19 scenario and its aftermath. It is often hard to concentrate and study; but as a student enrolled in this course, it is your responsibility to regularly attend lectorial, lab and consultation session(s).Bring your questions to online discussion board, consultation sessionsWatch the online recordings on a regular basis if you cannot attend the live sessions.Do NOT start the work on assignment at the last minute.Do NOT ask for last minute extensions, these are often rejected. Extensions can only be granted for personal and medical reasons, provided you can supply some evidence.Learning

2.Outcomes

This assessment relates to all of the learning outcomes of the course which are:understand modern languages, constructs used on the Web (such as HTML5, Advanced CSS, JavaScript)explain the functions of clients and servers on the Web, and describe the strengths and weaknesses of the client-server internet approaches to web design and implementationprogram, access, and manipulate data through the adoption of accepted standards, mark-up languages,client-side programming, and server-side programmingdesign and implement an interactive website(s) with regard to issues ofusability,accessibility and internationalisationAssessment detailsHealth and well-being are two very crucial aspects for happy living, and now more than perhaps ever it has been challenging to find a healthy upkeep and balance of it in our lives. In recent times there have been increasing levels of self-reported stress and anxiety by communities in Melbourne, with many of the reports identifying the likely main cause as the recent pandemic or social media over-consumption and idealisation.According to research done by a local council in Melbourne, the wellness industry itself has grown rapidly over the past few years. People are looking for ways to decompress, relax, and focus on mental wellbeing. In view of that the local council would like to commence a digital wellness website known as LIFE (Living It Fully Everyday). The program on the website will manage stress, and lead the user down the path of becoming a more mindful and productive individual.LIFE will include ONLINE services

3.Healthy Habits

Note: Weight training and gymming are not a part of this program!
Having decided to discuss the needs around this website, the committee at the council has realised that they totally lack the necessary skills and in-house experience. However, after a series of acrimonious meetings they have decided to engage a local contractor to design and build the LIFE website. You are that contractor!Consequently, prudently and sensibly they have decided to start off slowly and gradually build the whole site in two stages. The first stage will involve: HCI (Human Computer Interaction) analysis and construction of the client-side components of the website. In order to avoid the cost blow-outs, care has to be taken from the start to meet user demands and expectations. This includes the user interface design and how a user feels about interacting with your site (hence HCI).

4.Tasks

Note: in order to proceed to higher parts, you must complete all of the specifications in the lower part, you must not cherry pick specifications from various parts. As an example, complete all of the specifications in the PA part before proceeding to the CR part and so on.Create a single PDF document, call its HCI_Analysis.pdf. No other name and format (.txt,.doc, etc.) will be accepted. You will get a ZERO for this part for changing the name and format. Answer the following (tasks a-c) :a.(2 marks) Which links must be placed in the navigation bar? Justify your answer by providing examples. Be realistic in your answer as you will have to program these features as a part of website creation. Your answer should not exceed 1-2 page(s).b.(2 marks) What kind of content should be placed in the main content area of the website to facilitate the wellness of clients? Justify your answer by providing examples. Be realistic in your answer as you will have to code these features as a part of website creation. Your answer should not exceed 2-3 pages.c.(2 marks) Suggest an alternative (to the one shown on page 2) layout for the website. We expect at least one or two reasonably significant modifications to the provided design. You will need to draw a well-labelled diagram of the new layout. Consider the features of HTML5 and CSS3 that might help in creation of this layout. Analyse the layout considering the points such as: ease of use of the website, how user-friendly the layout is? & is the layout easily editable or extended in future (this is important as clients change their needs, requirements and thought process and website layout needs to be altered for future versions)? Your answer should not exceed 1-2 page(s).d.(2 marks) Suggest and explain four ways to make the LIFE website accessible. Be realistic in your answer as you will have to code these features as a part of website creation. Your answer should not exceed 1-2 page(s).
WX：codehelp