Great Deal! Get Instant $10 FREE in Account on First Order + 10% Cashback on Every Order Order Now

MIS202_Assessment_2_Brief_Programming Project_Module Due 4 Page 1 of 6 Task Summary In Assessments 2 and 3, you will turn the website prototype you developed in Assessment 1 into a working website. In...

1 answer below »
MIS202_Assessment_2_Brief_Programming Project_Module Due 4 Page 1 of 6
Task Summary
In Assessments 2 and 3, you will turn the website prototype you developed in Assessment 1 into a
working website. In this assessment, you will be developing the frontend of that website.
Please refer to the Task Instructions for details on how to complete this task.
Context
In this assessment, you will focus on frontend development. In particular, you will demonstrate your
HTML, CSS and JavaScript programming skills and apply them in a close-to-real-life web development
project.
Task Instructions
This assessment is based on the case study on Student Accommodation. You should first read the
case in Assessment 1. You should also read the additional information for Assessment 2.
ASSESSMENT 2 BRIEF
Subject Code and Title MIS202 App, Web Design and Development
Assessment Frontend Programming Project
Individual/Group Individual
Length Not applicable
Learning Outcomes The Subject Learning Outcomes demonstrated by successful
completion of the task below include:
a) Examine and apply web-based application architecture

) Propose and communicate solutions using web-based
design to meet organisational needs

c) Analyse organisational problems and develop solutions
using frontend and backend technologies

d) Apply web-based programming concepts to solve
organisational problems
Submission Due by 11:55pm AEST Sunday end of Module 4.2 (Week 8).
Weighting 30%
Total Marks 100 marks
MIS202_Assessment_2_Brief_Programming Project_Module Due 4 Page 2 of 6

Additional information for the case
The website will support all the most recent several versions of mainstream
owsers, including Safari,
Chrome, IE, Edge and Firefox. Considering the popularity of mobile devices, this website should also
e able to be viewed on a mobile device with a mobile
owser, that is, the layout of the website shall
e able to automatically adapt to various screen sizes and resolutions.
The company places a high standard on the usability of this website and requires you to develop a
website that maximises usability. The following usability considerations must be implemented:
ï‚· contextual help tips provided to users when they mouse over a button or an input field;
ï‚· client-side validation must be implemented, e.g. prompt to user when their password and
confirmed password do not match or if the input is invalid (e.g. a negative number for weekly
ent).
All programming code must be well formatted, including appropriate indentation and spacing. Please
efer to section 2.1, 2.2, 3.1, 3.2, 4.1 and 4.2 in Google HTML/CSS Style Guide available at
https:
google.github.io/styleguide/htmlcssguide.html#HTML_Formatting_Rules.
You must also provide sufficient comments in the code. In particular, comments must be provided to
significant blocks of code that directly address the functional requirements of this system.
Assessment Task
You are now to develop a comprehensive frontend for the website in the case study using HTML, CSS
and JavaScript. The frontend must comprehensively include all the functional requirements described
in the case study and the requirements you identified in Task 1, 2 in Assessment 1 for each user either
described in the case study, or that you identified in Task 3.1 in Assessment 1. The frontend must also
satisfy all the requirements in the Additional Information for the case section in this Assessment.
There is NO minimum HTML page requirement nor maximum HMTL page requirement.
You may use frontend web development frameworks or li
aries, including but not limited to,
Bootstrap (https:
getbootstrap.com) and JQuery (https:
jquery.com).
General Assessment Requirement
Incomprehensible submissions - Assessments provide the opportunity for students to demonstrate
their knowledge and skills to achieve the required standard. To do this, assessment responses need
to be both clear and easy to understand. If not, the University cannot determine that students have
demonstrated their knowledge and skills. Assessments will, therefore, be marked accordingly
including the potential for 0 (zero) marks where relevant.
Case study: Assessment response must focus on the hypothetical case study given in the Task
Instructions. Any assessment items that do not address the case study may be awarded 0 (zero) marks.
Track changes: If you use Track Changes when writing your assessment, you must ensure that the
submitted document is the final and co
ect version of the document. That is, if your submitted report
contains Track Changes or Comments or any other editing marks, it may be awarded 0 (zero) marks.
It is your responsibility to submit the final and co
ect version of your report.
https:
google.github.io/styleguide/htmlcssguide.html#HTML_Formatting_Rules
https:
getbootstrap.com
https:
jquery.com

MIS202_Assessment_2_Brief_Programming Project_Module Due 4 Page 3 of 6

Check with marking criteria: Before submitting your assessment, you should check it against the
assessment criteria and the marking ru
ic included in this specification to ensure that you have
satisfactorily addressed all the criteria that will be used to mark your submission.
Academic language: All submissions should be thoroughly proofread for spelling, typographical or
grammatical e
ors before being submitted. Do not reply on the ‘spell-check’ function in your word
processing program. If, for example, ‘affect’ is substituted for ‘effect’, your program may not detect
the e
or.
Referencing: No referencing required for this assessment.
Submission Instructions: ALL students must submit ONE ZIP file containing ALL HTML/CSS/JS files
via the Assessment link in the main navigation menu in MIS202 App, Web Design and Development.
Physical copies/email submissions are not accepted.
Complete and co
ect submission: Assessments, once submitted, are FINAL and therefore cannot be
modified. The onus is on you to ensure that your submissions are final, co
ect (co
ect files in co
ect
format) and complete before submitting to Blackboard.
You are expected to begin this assessment when you begin the trimester, especially as you relate the
learning activities (formative assessment) in the modules to this and the other (summative)
assessments. Be sure to keep several drafts of your work as well as your notes and any sources you
used to draw on when preparing your report.
Extensions will be considered only in extenuating circumstances where the student has applied before
the due date. At that point, students are required to provide the latest draft, in case the extension is
not granted, and to demonstrate they have earnestly done everything to avoid lateness.
Students are responsible for keeping appropriate back-ups and drafts of their assignments and to
submit the co
ect version.
To
ens University Australia’s policies apply to the preparation and submission of this assignment.
MIS202_Assessment_2_Brief_Programming Project_Module Due XXXXXXXXXXPage 4 of 6

Assessment Ru
ic
Assessment Attributes Fail
(Yet to achieve
minimum standard)
0-49%
Pass
(Functional)
50-64%
Credit
(Proficient)
65-74%
Distinction
(Advanced)
75-84%
High Distinction
(Exceptional)
85-100%
Overall Web Page Layout And Styling
ï‚· The overall web page design is
professional and the layout is
complete (e.g. clear navigation,
footer).
ï‚· The overall styling of the web
pages is professional and is
suitable for the case study.
20%
The website is poorly
designed. The
implementation
demonstrates limited or
no understanding of the
asic web page structure.

The styling of the website
does not look professional
and may not be fit for
purpose.
The website is not very
well designed and there
is a noticeable lack of
structural components in
the web page.

The overall styling of the
website is not very
professional and there is
significant room for
improvement.
The website is generally
well designed and the
layout structure is
generally complete, but
there is some room for
improvement.

The overall styling of
the website looks
somewhat professional
and generally fit for
purpose, but there is
some room for
improvement.

The website is
excellently designed
and the layout
structure is generally
complete.

The overall styling of
the website looks
professional and fit
for purpose, but
there is minor room
for improvement.
The website is
expertly designed
and the layout
structure is
complete.

The overall styling of
the website looks
extremely
professional and fit
for purpose.
Completeness and relevance
ï‚· The front-end website covers all
major functional requirements
for all its users in the case study.
ï‚· All the website pages
implemented in the submission
are relevant to the case study.
20%

Many functional
equirements are not
implemented.



Many implemented
features are not relevant
to the case study.

Some of the major
functional requirements
are implemented.



Some of the
implemented features
are relevant to the case
study.

Most of the major
functional
equirements are
implemented.


Most of the
implemented features
are relevant to the case
study.

All of the major
functional
equirements are
implemented.


All of the
implemented
features are relevant
to the case study.

All of the major
functional
equirements are
implemented to a
very high standard.

All implemented
features are highly
elevant to the case
study.

Responsive web design and
owser
compatibility
The implementation
demonstrates limited or
no understanding of
The implementation
demonstrates functional
understanding of
The implementation
demonstrates sound
understanding of
The implementation
demonstrates clear
understanding of
The implementation
demonstrates
thorough and in-

MIS202_Assessment_2_Brief_Programming Project_Module Due XXXXXXXXXXPage 5 of 6

ï‚· The frontend development
co
ectly used responsive web
design.
ï‚· The web pages and their layout
adjust to various screen sizes.
ï‚· The web pages and their layout
look good in all mainstream
owsers (Chrome, Edge, Safari
and Firefox).
20%
esponsive web design
techniques.

The implementation
demonstrates limited or
no understanding of
Answered Same Day Jul 24, 2021 MIS202 Deakin University

Solution

Neha answered on Jul 30 2021
163 Votes
62301 - advetisement website/advertisement.html
×
Home
All Advertisement
Create Advertisement
View Advertisement
Select Advertisement
Sign-In | Login
☰ Menu
Name:Ha
y
Company Name: ABC
Email:[email protected]

Accept
Reject
Website@Hashantha
62301 - advetisement website/advertisementDesc.html
×
Home
All Advertisement
Create Advertisement
View Advertisement
Select Advertisement
Sign-In | Login
☰ Menu
Name:Ha
y
Company Name: ABC
Email:[email protected]

Email to Owne
Select
Website@Hashantha
62301 - advetisement website/images/adv1.jpg
62301 - advetisement website/images/adv2.jpg
62301 - advetisement website/images/adv3.jpg
62301 - advetisement website/images/adv4.jpg
62301 - advetisement website/images/avatar.jpg
62301 - advetisement website/images
anner.jpg
62301 - advetisement website/index.html
×
Home
All Advertisement
Create Advertisement
View Advertisement
Select Advertisement
Sign-In | Login
☰ Menu

Welcome
Create

Tips for writing advertisement
For an advertisement to be effective, it should be able to catch the readers’ attention, keep them curious for more,
and lead them to buy the advertised product. You can write effective ads by following these five short tips.
1. Use Short Sentences
Long sentences will not sell your ad, let alone your product. People’s attention span tends to drift fast these days,
so don’t bore your readers with long sentences. Instead, be direct and to the point.
2. Use Different Sentence Structures
Do not be afraid to be creative in your writing. Employ different sentence structures within your ad to keep your readers interested.
The more varied your presentation is, the less boring your ad becomes.
3. Keep Your Ad Short
You don’t have to cram all the information you have into your ad.
On the other hand, your ad should make your readers curious and leave them wanting more....
SOLUTION.PDF

Answer To This Question Is Available To Download

Related Questions & Answers

More Questions »

Submit New Assignment

Copy and Paste Your Assignment Here