The goal of the phase 1 of the web application is to design and develop an attractive and functional user.

Description

i am working on a hmt/css project and need the explanation and answer to learn.

Don't use plagiarized sources. Get Your Custom Assignment on
The goal of the phase 1 of the web application is to design and develop an attractive and functional user.
From as Little as $13/Page

Unformatted Attachment Preview

School of Technology
Assessment
Brief
Module Code
Module Title
CIS4004
Building for the Web
Academic Year
Semester
2023-2024
One
Module Leader email
[email protected]
Content
Assessment Details……………………………………………. 2
Submission Details ……………………………………………. 3
Assessment Criteria …………………………………………… 3
Further Information ……………………………………………. 5
Who can answer questions about my assessment? ………… 5
Referencing …………………………………………………………………… 5
Submission problems ……………………………………………………. 5
Unfair academic practice ……………………………………………….. 5
How is my work graded? ……………………………………………….. 6
Assessment Details
Assessment title
Abr.
Weighting
WRIT1 – Project
WRIT1
80%
Pass marks are 40% for undergraduate work and 50% for postgraduate work unless stated otherwise.
Task/assessment brief:
SIST Student Union is a student portal within the SIST official website which concerns with Student
Union’s activities and events. Acting as the web designer/developer, you have been asked to assist the
design and development activities in phase 1.
The goal of the phase 1 of the web application is to design and develop an attractive and functional user
interface for basic activities (listed below) and implement a server-side component to handle client
requests. In this phase, you are to assume that the system caters for only to a single user type, in this case
‘organiser’).
The functions of the user type ‘organiser’ are given below:



A user should be able to register with the system by filling up a registration form.
A user should be able to login to the system by providing a combination of username and password,
which was setup by the user during registration.
Once logged in a user should be able to;
o Add events to the system by completing an event details form.
o View the events added by the user to the system.
o Edit the details of a selected event.
o Delete an event from the system.
Client side of the web application:
The client side should contain:
1. A welcome page with the option to login to the system for registered users, and a link to a registration page
to allow new user registration.
a. You may design this to display the latest events posted by the users to make the welcome page
attractive.
2. A registration page to register new users (organiser). The registration page should consist of HTML form
elements. The registration form should contain appropriate client-side validations using JavaScript. Refer to
the structure of the ‘users’ table given below to extract the details required for the user registration form.
3. Add event page for organisers. The organisers should be able to upload an event to the system. You are to
refer to the structure of the ‘event_details’ table given below to extract the details required for the event
details form. The event details must include images and may contain any other multimedia elements such as
video clips etc.
4. Event list view page to view all previously uploaded events when the users log-in to the system.
5. Event summary page. The users can select a particular event (from the event list view) and get detailed
36
descriptions, images or videos available for the event.
6. Event edit page. The users should be able to edit the details of an event.
7. Event delete function. The users should be able to delete an event (that he/she has created) from the system.
8. About page. About page should give a description of the website, and a description of the developer, with a
picture or a video of you.
Server side of the web application:
The server side should be implemented using PHP (version 7.4.12 is the latest version, and what is installed within
SIST hosting company) as the programming language, Apache web server, and MySQL as the database which are
installed within the wamp server.
The server-side implementation should include:
1. Functionality to handle user registration. The information gathered from the registration page should be
handled and uploaded to the “users” Table in the MySQL database.
2. A web page to handle event uploads. The information gathered from the event upload page should be
handled and saved in the “event_detail” Table in the MySQL database.
3. A web page to handle the user login, that accepts user login details and compare them with the “users” Table.
A PHP user session should be initiated and maintained until the user logs out from the system. The current
session should be visible across all pages with the option to logout from the session.
4. A log out page that clears the current session, enabling a new user to login to the system.
5. Server-side functions to retrieve the event list uploaded by a particular user. This function should support the
event list view page, and event summary page.
9. Server-side functions to edit, and delete an event uploaded by a particular user.
Resources:


The database (MySql) will be made available for you, you just need to do link/connect to it.
Supporting SQL statements will be made available in Moodle, which can be used for manipulating records in
the “event_details” and “user” tables.
Sample database schema and table structure that can be used for the system design is shown in Fig. 1.
37
Figure 1: An example database schema diagram containing users, and event details
tables
Note 1: All web pages should show evident use of CSS, and JavaScript. The web pages should work well with Chrome,
Internet Explorer and Microsoft Edge browsers which are installed in the computer lab. There should be a foot note
on each page indicating if the page renders as intended with either browser. If not please indicate which browser
version it failed with and how in this footnote.
No code generators, or JavaScript frameworks are to be used, and all pages must be hand coded. You are allowed to
use bootstrap CSS framework and jQuery libraries if needed.
Note 2: All textual content needs to be original, however it does not need to be real, (do not include any sensitive
private information that you do not wish to make public). Images and videos used should be labelled for noncommercial reuse, under creative commons license.
(Any pages, templates copied from other websites will get zero marks!)
Word count (or equivalent):
3200 +/-10%
This a reflection of the effort required for the assessment.
Word counts will normally include any text, tables, calculations, figures, subtitles and citations. This is a
3200 words report (+ or – 10%), assignments that do not meet or go over the word count will not be marked.
Reference lists and contents of appendices are excluded from the word count.
A minimum of SIX different sources should be given (e.g. textbooks or business reports/websites but not
lecture presentation material or general websites). All material, including charts, diagrams and statistics
should be referenced using the Harvard system. A penalty will be applied for missing
citations/references; and/or not meeting the word count.
The report should be appropriately referenced using Harvard referencing, and a reference list provided at
the end of the report. If references are not readily available online, a copy of the reference material used
should be provided.
Contents of appendices are not usually considered when determining your final assessment grade.
38
Academic or technical terms explained:
Design and Implementation requirements
You are required to submit the following components:
Part 1: 30%
This will be a design document describing the sitemap, wireframe schematics of the website. A pdf version of this
document (which is no more than 15 pages, minimum font size 11pt in Times New Roman) must be uploaded to
Moodle by the submission date (Please refer to Moodle).
This submission should include an overall schematic plan (hierarchical site map). For each page, a layout of the
elements used to format the pages, with placeholders for text, images etc. using 960 grid format.
Each web page you should demonstrate its adherence to the 960 grid, rule of thirds design principles, and how the
web page and its underlying functions will adhere to the Nielsen’s usability heuristics.
Wireframes can be drawn and exported to images or pdf; you can use different online/free platform:
https://www.justinmind.com/free-wireframing-tool
https://balsamiq.com/wireframes/
Or simply using Photoshop, a free version is available within the computer lab.
Part 2: 70%
After you have developed and tested your website, a zip file should be uploaded to Moodle by the submission date,
containing the following:


All HTML, CSS, JavaScript and PHP files along with the image files that are necessary to render the web pages
Updated .SQL file for the database.
Note: This is only applicable if you are creating your own database.
Submission Details
Submission
Deadline:
19/01/2024
Estimated Feedback
Return Date
This will normally be 20
working days after initial
submission.
Submission
Time:
Before 4 PM
Moodle/Turnitin:
Any assessments submitted after the deadline will not be marked and will be
recorded as a non-attempt unless you have had an extension request agreed or
have approved mitigating circumstances. See the School Moodle pages for
more information on extensions and mitigating circumstances.
File Format:
The assessment must be submitted as a pdf document (save the document as
a pdf in your software) and submit through the Turnitin submission point in
Moodle.
Your assessment should be titled with your:
39
student ID number, module code and assessment ID,
e.g. st12345678 BHL5007 WRIT1
Feedback
Feedback for the assessment will be provided electronically via Moodle. Feedback will
be provided with comments on your strengths and the areas which you can improve.
View the guidance on how to access your feedback.
All marks are provisional and are subject to quality assurance processes and
confirmation at the programme Examination Board.
Assessment Criteria
Learning outcomes assessed




Explore the Web, understanding the key underlying principles, mechanics and security.
Build and write for the Web using appropriate open tools and technologies.
Connect and interact on the Web by sharing, collaborating and remixing content.
Identify and apply key usability, HCI and design principles.
Other skills/attributes developed
This includes elements of the Cardiff Met EDGE (Ethical, Digital, Global and Entrepreneurial skills) and
other attributes developed in students through the completion of the module and assessment. These will
also be highlighted in the module guidance, which should be read by all students completing the module.
Assessments are not just a way of auditing student knowledge. They are a process which provides
additional learning and development through the preparation for and completion of the assessment.
This assignment contributes evidence towards attainment of the following key skills:





Communication
Problem solving
Improving own learning and performance
Creativity
Critical thinking
Marking/Assessment Criteria
40
Part 1: design document
Wireframes and site map
Use of design principles
Total (part 1)
30%
70%
30%
100%
Part 2: Implementation of the website
Files, naming conventions and organisation of the website
HTML Files and use of HTML tags
Use of CSS
JavaScript
Forms interface design
Originality and attractiveness
Usability and user experience
Login and logout functionality
Inserting users and events
List and detailed view of events
Edit and delete products
Total (part 2)
Total (Part 1 + part 2)
70%
5%
10%
15%
15%
10%
5%
10%
5%
5%
10%
10%
100%
100%
Marking Scheme
70%+
1st class
60-69%
2.1 class
50-59%
2.2 class
40-49%
3rd class
An excellent assignment. It demonstrates a high level of understanding of the
learning outcomes. The review provides evidence of significant understanding
of the questions and of the complex issues involved with deep critical analysis.
There is a sound basis of relevant factual knowledge and/or theoretical issues
included. Most of the important issues as dealt with in a detailed, specific and
systematic way. Evidence of creativity, critical analysis and a wide base of
referenced material beyond that of the core subject matter are included. No
significant omissions or errors in written or oral communication.
A very good assignment. It demonstrates a reasonably high level of
understanding of the learning outcomes. The review provides evidence of a
clear understanding of the question and grasp of the complexity of the issues
involved. There is a sound basis of relevant factual knowledge and/or
theoretical issues involved, with a few significant omissions of errors. The
issues involved are dealt with overall in a systematic way. Some of the issues
may be limited in critical approach but organised to show a comprehensive
understanding.
A good assignment. It demonstrates a sound understanding of the learning
outcomes. The review provides evidence of understanding of the basic issues
in the question. There is a basis of factual knowledge and/or/ relevant
theoretical issues. Although some errors and omissions may be apparent,
most issues are dealt with clearly and accurately. The majority of issues have
been dealt with at a level available through course material. The answer
shows planning in its construction, with a clear train of thought or development
of argument present. Average competent performance will be presented.
Failure to reference adequately will not allow you to enter this band
A satisfactory assignment. It demonstrates an understanding of the learning
outcomes. The review demonstrates limited understanding of the main issues.
There is relevant factual knowledge and/or awareness of theoretical issues,
however, this may be dealt with in a patchy and/or poor and confused for lower
grades. Many significant errors may be present. Lacks clarity of expression.
The answer may be poorly planned and with little development of argument.
Harvard referencing: you must use at least 6 sources.
FAIL GRADES:
41
35-39%
-35%
An unsatisfactory assignment which demonstrates a lack of understanding of
the learning outcomes. A review that fails to demonstrate any appreciable
understanding of the basic issues of the question. Relevant factual knowledge
and/or factual awareness of theoretical issues, if present at all, are very poor
and limited. Many significant errors and omissions are apparent. Much or all
of the answer is irrelevant to answering the particular question. Poorly
organised.
Attempts an answer, but relevant factual knowledge and/or awareness of the
theoretical issues is very poor. Only superficial points are made. The answer
is so short or irrelevant that only a few marks are justified. For example, one
or two points made which show only some peripheral awareness of possibly
relevant issues.
42
Further Information
Who can answer questions about my
assessment?
Questions about the assessment should be
directed to the staff member who has set the
task/assessment brief. This will usually be the
Module Leader. They will be happy to answer
any queries you have.
Staff members can often provide feedback on
an assignment plan but cannot review any
drafts of your work prior to submission. The
only exception to this rule is for Dissertation
Supervisors to provide feedback on a draft of
your dissertation.
Referencing and independent learning
Please ensure you reference a range of
credible sources, with due attention to the
academic literature in the area. The time
spent on research and reading from good
quality sources will be reflected in the quality
of your submitted work.
Remember that what you get out of university
depends on what you put in. Your teaching
sessions typically represent between 10%
and 30% of the time you are expected to
study for your degree. A 20-credit module
represents 200 hours of study time. The rest
of your time should be taken up by selfdirected study.
Unless stated otherwise you must use the
HARVARD referencing system. Further
guidance on referencing can be found in the
Study Smart area on Moodle and at
www.citethemrightonline.com (use your
university login details to access the site).
Correct referencing is an easy way to
improve your marks and essential in
achieving higher grades on most
assessments.
Technical submission problems
It is strongly advised that you submit your
work at least 24 hours before the deadline to
allow time to resolve any last minute
problems you might have. If you are having
issues with IT or Turnitin you should contact
the IT Helpdesk on (+44) 2920 417000. You
may require evidence of the Helpdesk call if
you are trying to demonstrate that a fault with
Moodle or Turnitin was the cause of a late
submission.
Extensions and mitigating circumstances
Short extensions on assessment deadlines
can be requested in specific circumstances. If
you are encountering particular hardship
which has been affecting your studies, then
you may be able to apply for mitigating
circumstances. This can give the teachers on
your programme more scope to adapt the
assessment requirements to support your
needs. Extensions and mitigating
circumstances policies and procedures are
regularly updated. You should refer to your
degree programme or school Moodle pages
for information on extensions and mitigating
circumstances.
Unfair academic practice
Cardiff Met takes issues of unfair practice
extremely seriously. The University has
procedures and penalties for dealing with
unfair academic practice. These are
explained in full in the University’s Unfair
Practice regulations and procedures under
Volume 1, Section 8 of the Academic
Handbook. The Module Leader reserves the
right to interview students regarding any
aspect of their work submitted for
assessment.
43
Types of Unfair Practice, include:
Plagiarism, which can be defined as using
without acknowledgement another person’s
words or ideas and submitting them for
assessment as though it were one’s own
work, for instance by copying, translating
from one language to another or
unacknowledged paraphrasing. Further
examples include:
• Use of any quotation(s) from the
published or unpublished work of other
persons, whether published in textbooks,
articles, the Web, or in any other format,
where quotations have not been clearly
identified as such by being placed in
quotation marks and acknowledged.
• Use of another person’s words or ideas
that have been slightly changed or
paraphrased to make it look different from
the original.
• Summarising another person’s ideas,
judgments, diagrams, figures, or
computer programmes without reference
to that person in the text and the source
in a bibliography/reference list.
• Use of assessment writing services,
essay banks and/or any other similar
agencies (NB. Students are commonly
being blackmailed after using essay
mills).
• Use of unacknowledged material
downloaded from the Internet.
• Re-use of one’s own material except as
authorised by your degree programme.
Collusion, which can be defined as when
work that that has been undertaken with
others is submitted and passed off as solely
the work of one person. Modules will clearly
identify where joint preparation and joint
submission are permitted, in all other cases
they are not.
Fabrication of data, making false claims to
have carried out experiments, observations,
interviews or other forms of data collection
and analysis, or acting dishonestly in any
other way.
How is my work graded?
Assessment grading is subject to thorough
quality control processes. You can view a
summary of these processes on the
Assessment Explained Infographic.
Grading of work at each level of Cardiff Met
degree courses is benchmarked against a set
of general requirements set out in Volume 1,
Section 4.3 of our Academic Handbook. A
simplified version of these Grade Band
Descriptors (GBDs) with short videos
explaining some of the academic terminology
used can be accessed via the Facilitation of
Learning resource page.
We would strongly recommend looking at the
Study Smart area of Moodle to find out more
about assessments and key academic skills
which can have a significant impact on your
grades. Always check your work thoroughly
before submission.
44

Purchase answer to see full
attachment