HET ASSIGNMENTS 2018

Qualification Title Diploma in Information Technology

SAQA NQF Module name Year Module Semester Assignment Assignment

ID level of code number title
study
Level Web Development Group
6 2A 2nd WPD210 1st 2 Assignment

DUE DATE: …
TOTAL MARKS: 100 Marks
PASS MARK: 50%
WEIGHTING: 20% towards DP mark
DEVELOPER: John Alloziem
MODERATOR Thabiso Mathebula

INSTRUCTIONS TO STUDENTS:

1. Read the following instructions CAREFULLY before attempting the assignment.

2. Your assignment should be typed – Arial font 12, 1.5 spacing.
3. Learners must include the following: Coversheet, index/content page, Glossary of terms,
bibliography – Harvard referencing system.

4. You must consult at least three different textbooks and preferably journals for adequate
referencing.
5. Technical requirements for assignments:
Assignments must be presented in the correct format. Marks will be awarded in conjunction with
contents for overall presentation.
6. Ensure that your name and the name of your Campus are clearly indicated on the CD cover
where your assignment is been saved and submit individually to your lecturer.
7. Keep copies of all assignments handed in.
8. Failure to adhere to the above will result in marks being deducted.
9. No group work may be done on an Individual Assignment.
10. Plagiarism and copying of assignments will result in the default mark 0% being awarded. This is
also a punishable offense, which will lead to a disciplinary action.

Web Development 2A Page 1 Group Assignment

 Plagiarism and Copying

What is plagiarism?
Plagiarism is the use of other people's work without acknowledging the original work. Plagiarism is stealing somebody’s
intellectual property. It is pretending that someone else’s work is your own. Committing plagiarism is unacceptable to
Damelin, and will result in serious consequences for any person who is found guilty of plagiarism.

How is plagiarism committed?

i) Cutting and pasting from electronic sources or copying from books, magazines, journals, etc. content,
diagrams, tables, phrases & quotations in one’s own document.
ii) Copying from the work of another
student iii)
Allowing a fellow student to copy you
iv) Using too many direct quotations
v) Rewriting someone else’s ideas in your own words (paraphrasing) without referencing the source.
How can you avoid plagiarism?
If you use any secondary sources from books or the Internet while completing your assignments, you need to
reference the original source, otherwise, you will be accused of plagiarism and disciplinary action will be taken
against you by the College.
Carefully and accurately acknowledge the source that you used to obtain information and ideas from. As you
read, write down the details of the sources. Supply a list of references at the end of your essay, report or
assignment
You may talk to other people to help you work through the assignment, as long as the work you submit will be
your own work and not an assignment completed for you by another person, or one that you have copied from
the learning material.
You are not allowed to copy verbatim (word-for-word) from the learning material and submit this as your own
work. You are not allowed to use the same examples that have been used in the learning material and submit
this as your own work.

Declaration of Authenticity
A critical aspect of any assignment is authenticity. Because you are completing much of the work for the assignments
unsupervised, the examiner must be convinced that it is all your own work. For this reason, you must complete the
Declaration of Authenticity and have it countersigned by your manager, mentor or lecturer.
The declaration of authenticity is a legal document, and if found that you have made a false declaration,
then not only will your results be declared null and void, but you could also have criminal charges
brought against you. It is not worth taking the risk!

Please complete the declaration of authenticity below for all assignments:

DECLARATION OF AUTHENTICITY
I....................................................... . . . . . . . . . . . . . . . . . . Full Name
& Surname ID number

Hereby declare that the contents of this assignment are entirely my own work.
..................................... .......................
Signature Date

Web Development 2A Page 2 Group Assignment

GROUP ASSIGNMENT INSTRUCTIONS

Groups will consist of between minimum 2 and maximum 4 members. The group has to meet and each
member has to select one or two questions to complete depending on the size of the group. I.e. each
student has to submit 6 questions/summaries.

Each group member has to sign for authenticity that the portion submitted is their own work.
Once each member has completed their group assignment, the group will meet to present their
fragment of the group assignment to the rest of the group and the lecturer.

Each member of the group has to present one A4 page summary of the presentation for each member
of the group. These summaries need to be submitted with your own assignment.

The names of all the group members have to be completed on the template below once the group
completed their assignments.

The number denotes the question number of the assignment that was completed by each student.
Please sign as proof of authenticity.

No Name and Surname Signature

1.
2.
3.
4.
5.
6.

.........................
Date signed

Web Development 2A Page 3 Group Assignment

The group assignment mark allocation will be as follows:

Area Mark Student Detail

Index 5 Your own question
Introduction/background 5 Your own question
Body (content) 15 Your own question
Conclusion/summary 5 Your own question
Glossary of Terms 5 Your own question
Bibliography 5 At least 3 references
Copy of articles 10 2 Articles
Presentation 10 To the group and lecturer
Summaries of group 40 Each presentation per marks below

Total marks 100

The mark allocation will always be constant for the group assignment, i.e. the group summaries will
always count from a total of 40 marks irrespective of the number of members that participate in the
group assignment.

Each individual’s own contribution will count 60 marks, plus their summaries of 40 marks.

A blanket mark will not be allocated to the group in total. Each member will be awarded for their
individual contribution. The group assignment counts towards the DP mark and therefore, has to
reflect the mark earned by each individual.

The purpose of the presentation is to be familiar with the content of the entire assignment.

Please note example below according to the 40 marks, the maximum marks that could be allocated for
the summary of each question.

5 Members 4 Members 3 Members

Member 1 8 Marks 10 Marks 13 Marks
Member 2 8 Marks 10 Marks 13 Marks
Member 3 8 Marks 10 Marks 13 Marks
Member 4 8 Marks 10 Marks
Member 5 8 Marks
Bonus Mark 1 Mark
Total marks 40 40 40

Web Development 2A Page 4 Group Assignment

ASSIGNMENT

Question 1 [32 marks]

Below is a screen shot of a web page. Study the web page and reproduce it as seen. The second
picture shows what is expected to be in the options section.
Hint: font-family: Arial, Verdana, sans-serif;

Web Development 2A Page 5 Group Assignment

Question 2 [18 marks]

Responsive design lets you build a more flexible type of web page that responds to the varying size of
various displays, including pc, tablet and cell phones. Design a simple web page that will implement the
examples as shown below on the different display platforms. Use CSS Media Queries.

PC LAYOUT

TABLET LAYOUT

Web Development 2A Page 6 Group Assignment

CELL PHONE LAYOUT

Question 3 [30 marks]

Design a web page complete with all the information and layout design as seen in the picture below.
Your code should make use of external style sheet. You may get any two pictures from clipart.

Web Development 2A Page 7 Group Assignment

Expanded view of the web page centre above

Web Development 2A Page 8 Group Assignment

Question 4 [20 marks]

Design a web page similar to the one shown below.

The owner has desired that you design the page exactly as it is here.
When the user clicks on the button “Send Info” the data filled in the form should be picked up and
forwarded to an email which you should provide in your code.

When the user clicks on the “clear button”, the whole form should be reset to accept fresh entries.

The “Select type of position desired” should have contain two options; Part-Time Contract or Full-Time
Contract.

Web Development 2A Page 9 Group Assignment