19; 20 2022

MODULE NAME: MODULE CODE:

WEB DEVELOPMENT (INTRODUCTION) WEDE5010/d/p
WEB DEVELOPMENT (INTRODUCTION) WEDE5020/d

ASSESSMENT TYPE: POE (PAPER )

TOTAL MARK ALLOCATION: 100 MARKS

TOTAL HOURS: A minimum of 30 HOURS is suggested to complete this assessment

By submitting this assignment, you acknowledge that you have read and understood all the rules
as per the terms in the registration contract, in particular the assignment and assessment rules in
The IIE Assessment Strategy and Policy (IIE009), the intellectual integrity and plagiarism rules in
the Intellectual Integrity Policy (IIE023), as well as any rules and regulations published in the
student portal.

INSTRUCTIONS:
• No material may be copied from original sources, even if referenced correctly, unless it is a
direct quote indicated with quotation marks. No more than 10% of the assignment may
consist of direct quotes.
• Make a copy of your assignment before handing it in.
• Assignments must be typed unless otherwise specified.
• All work must be adequately and correctly referenced.
• Begin each section on a new page.
• Follow all instructions on the assignment cover sheet.
• This is an individual assignment.

Additional Instructions:
1. All tasks in this POE must be completed individually.

© The Independent Institute of Education (Pty) Ltd 2022

Page 1 of 14
19; 20 2022

Referencing Rubric ____

Providing evidence based on valid and referenced academic sources is a fundamental educational
principle and the cornerstone of high quality academic work. Hence, The IIE considers it essential to
develop the referencing skills of our students in our commitment to achieve high academic
standards.

Poor quality formatting in your referencing will result in a penalty of a maximum of five (5) marks
against the percentage mark awarded, according to the following guidelines. Please note, however,
that evidence of plagiarism in the form of copied or uncited work (not referenced), absent
reference lists, or exceptionally poor referencing, may result in action being taken in accordance
with The IIE’s Intellectual Integrity Policy (0023).

Required Subtract 1 Subtract 2 Subtract 3 Subtract 4 Subtract 5

• Consistent • Consistent • Consistent • Consistent • In-text • Poor and
in-text in-text in-text in-text referencing inconsistent
referencing referencing referencing referencing used but referencing
style style style style inconsistent style used
• Quotation • Quotation • Quotation • Quotation • Paraphrased • At least 50%
marks, marks, page marks, page marks used material of the
page numbers, numbers, for direct cited but not sources are
numbers, years, etc. years, etc. quotes but referenced correctly
years, etc. applied not always page accurately or reflected
applied correctly applied numbers consistently and
correctly • Fewer than correctly missing in text included in
• Only one five minor • Not all • At least • Quotation reference
or two mistakes paraphrased 70% of the marks list
minor made content sources are and/or page • Quotation
mistakes in • More than referenced correctly numbers for marks
style made 90% of the • At least 80% reflected direct quotes and/or page
• All sources sources are of the and missing numbers for
are correctly sources are included in • At least 60% direct
accurately reflected and correctly a reference of the quotes
reflected included in a reflected and list sources are missing
and reference list included in a correctly • May be
included in reference list reflected and referred for
a reference included in action in
list reference list accordance
with IIE
0023
Intellectual
Integrity
Policy

© The Independent Institute of Education (Pty) Ltd 2022

Page 2 of 14
19; 20 2022

Portfolio of Evidence (PoE) — Background ___ __

The need for organisations and businesses to have a responsive, well-designed website is critical to
allow them to showcase their achievements, remain relevant and ensure competitiveness.
Alongside this, organisations may also use their website to generate revenue.

As you complete this POE, you will develop a website for an NGO, NPO or small/medium business
of your choice. As your progress through each task, you will use knowledge gained in the different
learning units and add in several features to your website. The outcome is to construct a well-
designed website which will provide the NGO, NPO or organisation with a web presence.

The simplified process is as follows:

• In Task 1, you will develop the basic structure of your website (using HTML5).
• In Task 2, you will improve upon your work in the previous task and add in styling to your
website (using CSS3). You will also finalise the content across all your pages and make your
site responsive.
• In Task 3, you will add a level of interaction by way of a web-form. This could could be
implemented using Google Forms or any other suitable method.

Whilst this POE does not prescribe a specific NGO, NPO or organisation for which you must
develop the website, you are encouraged to go out and search for a real-world NGO, NPO or
organisation that could benefit from your service. Alternatively, you may use a hypothetical, but
realistic example. Your lecturer must sign-off an approval for your chosen organisation and a
broad statement of the envisaged website. Remember to always be respectful of any copyrights
and trademarks.

Since each task builds on the previous tasks, it is essential that you work consistently and invest
the necessary effort throughout the process. You are required to consult the rubrics at the end of
this document to ensure that you submit all work that is required. It is recommended that you
double-check that you have included everything. Lastly, the end-product of this POE may also add
value to your CV as work experience.

© The Independent Institute of Education (Pty) Ltd 2022

Page 3 of 14
19; 20 2022

Instructions __
In order to successfully complete this POE, you will be required to conduct additional research
and consult online resources. Links to some of these online resources have been included in your
Module Guide but you will still need to consult other sources on your own. Please ensure that you
attribute all code that you re-use from other sources in accordance with the IIE’s Referencing
Guide.

Task 1 — HTML5_________________ ____ (Marks: 100)

In this task, you are required to develop the structure of your site in HTML5.
Your site must incorporate the following features:
• Your webpage title(s) must be appropriate.
• Your website must include appropriate logos and branding.
• Your website must have a working navigation menu.
• Your website must include appropriate content including headings, text, images, tables and
any other multimedia.
• Your website must include an appropriate footer.
• Whilst you do not need to incorporate CSS in this task, your website should have some
basic styling in terms of fonts and colours.
The website should incorporate a minimum of 6 webpages that contain several types of content.
These are the minimum requirements:
• A Homepage which welcomes users to the site and displays relevant information about the
NGO, NPO or organisation.
• An About Us page which discusses the organisation, its history, mission, and vision.
• An Our Work page which outlines the work carried out by the organisation.
• A Photo Gallery which showcases the organisation, its staff, its work and projects. For now,
this may be a basic gallery which you will improve on in subsequent tasks.
• A Get Involved page which contains a form that allows users to submit their details as a
sponsor, volunteer or client. This form should collect information such as full name, email
address, contact number and the enquiry that a user has. The form should also include submit
and reset button. For this task, you need to build the form, but it does not need to be
functional.
• A Contact Us page which includes contacts details of the organisation (including physical
address, telephone numbers, social media links, an embedded Google Map, and any other
relevant details).

© The Independent Institute of Education (Pty) Ltd 2022

Page 4 of 14
19; 20 2022

Submission
Create a NetBeans project which will contain the all files and folders which you will need for your
website. Some of these folders may not include content now, but content will be added in
upcoming tasks. You are required to submit the completed task electronically (including folders,
subfolders and files). Place all your work in a zip file named WEDE5010_Task 1[Your Student
Number]_[Your Name].zip.

Task 2 — CSS and Responsive Design ____ (Marks: 100)

In this task, you are required to develop the styling of your website and incorporate responsive
design.
These are the required features:
• Improve upon the previous task, based on feedback from your lecturer.
• Your website must be developed using HTML5 and styled using CSS3.
• Your website must be styled consistently using a suitable combination of inline, internal
and external style sheets.

• Your styling must make your website responsive (i.e. automatically adjust to different
screen and device sizes).
You may also add in these optional features:
• Embedding of social media feeds and YouTube videos, as necessary.

Submission
You are required to submit the completed task electronically (including folders, subfolders and
files). Place all your work in a zip file named WEDE5010_Task 2 [Your Student Number] [Your
Name].zip.

© The Independent Institute of Education (Pty) Ltd 2022

Page 5 of 14
19; 20 2022

POE — Final Submission__ __(Marks: 100)

In this task, you are required to transform your website into a fully-functional interactive website
which is ready to be hosted.
These are the activities to be completed:
• Improve upon the previous tasks, based on feedback from your lecturer.
• Ensure that photo-gallery is now fully functional.
• Extend your website to process form submissions.
• Package the completed website ready to be hosted.
• Complete a reflection on your learning experience – please see details below.

Processing Form Submissions

In the previous tasks, you developed an HTML5 form to allow visitors to submit their details to get
involved. You need to add validation to this form.

You are also required to create a second form which allows a user of the website to provide their
email address to subscribe to a newsletter. To achieve this, you are required use Google Forms.

Complete the following steps:

• Visit Google Forms (https://forms.google.com) and build a simple Google Form which prompts
the user to enter their email address to subscribe to a newsletter.
• Embed this form into the Homepage of your website.
• In Google Forms, include an add-on which sends an email to a webmaster’s email address when
a user submits their email address. (Hint: there are several add-ons which can help you fulfil
this).
• Test your form.
• Include screenshots of the submissions saved in Google Sheets and the email notification in
your mailbox.

Visit this link for guidance on creating and embedding Google Forms:
https://support.google.com/docs/topic/9055404?hl=en&ref_topic=1382883

Reflection
In your reflection of this module, you are required to reflect on what you have learnt in this
course. Aspects which you could reflect on include:

© The Independent Institute of Education (Pty) Ltd 2022

Page 6 of 14
19; 20 2022

• What were the most and least beneficial aspects of this course?
• How did each of the learning units contribute to your knowledge of web development?
• How did the knowledge gained from each of the learning units assist you in completing the
tasks in this POE?
• Do you think you will use the skills in this course in your career? If yes, explain how.
• If you were to rewind life one semester, what would you do differently in this course and
what would you do the same?
The length of this reflection should not exceed one page.

Submission
As part of your submission, you must include all folders, subfolders and files used throughout this
POE. You are required to create a folder named WEDE5010_POE [Your Student Number] [Your
Name].
The following must be included in this folder:
• A folder named Task 1 – this must contain your original Task 1 submission.
• A folder named Task 2 – this must contain your original Task 2 submission.
• A folder named POE – this must contain:
o A document outlining specific corrections that you made based on feedback from
Task 1 and Task 2.
o Your completed website incorporating all corrections and required features.
o A reflection on your learning through this course.
o You are required to zip this folder and submit it electronically.

© The Independent Institute of Education (Pty) Ltd 2022

Page 7 of 14
19; 20 2022

Appendix A

Assessment Sheet (Marking Rubric)

MODULE NAME: MODULE CODE:

WEB DEVELOPMENT (INTRODUCTION) WEDE5010/d/p

STUDENT NAME:
STUDENT NUMBER:

TASK 1 RUBRIC Levels of Achievement Feedback

Excellent Good Developing Poor

In order to be awarded full marks for these elements of
Task 1, you need to have: Score Ranges Per Level (½ marks possible)

Development: NetBeans project created correctly with all

5 3-4 1-2 0
required folders and subfolders.

File names: HTML files are appropriately named. 6 4-5 2-3 0-1

Navigation menu: appropriate links included. 6 4-5 2-3 0-1

Navigation menu: works correctly with no broken links. 6 4-5 2-3 0-1

Webpage: Footer included with appropriate content. 5 3-4 1-2 0

Webpage: Homepage included with appropriate content. 10 8-7 4-6 0-3

Webpage: About Us page included with appropriate

10 8-7 4-6 0-3
content.

© The Independent Institute of Education (Pty) Ltd 2022

Page 8 of 14
19; 20 2022

TASK 1 RUBRIC (CONTINUED) Levels of Achievement Feedback

Excellent Good Developing Poor

In order to be awarded full marks for these elements of
Task 1, you need to have: Score Ranges Per Level (½ marks possible)

Webpage: Our Work page included with appropriate

10 8-7 4-6 0-3
content.

Webpage: Photo Gallery page included with appropriate

10 8-7 4-6 0-3
content.

Webpage: Get Involved page included with appropriate

10 8-7 4-6 0-3
content.

Webpage: Contact Us page included with appropriate

10 8-7 4-6 0-3
content.

Design: Organisational branding is evident. 3 2 1 0

Design: Basic styling applied appropriately. 4 2 1-2 0

Acknowledgement of sources. 5 3-4 1-2 0

TASK 1 SUBTOTAL /100

© The Independent Institute of Education (Pty) Ltd 2022

Page 9 of 14
19; 20 2022

Appendix B

Assessment Sheet (Marking Rubric)

MODULE NAME: MODULE CODE:

WEB DEVELOPMENT (INTRODUCTION) WEDE5010/d/p

STUDENT NAME:
STUDENT NUMBER:

TASK 2 RUBRIC Levels of Achievement Feedback

Excellent Good Developing Poor

In order to be awarded full marks for these elements of
Task 2, you need to have: Score Ranges Per Level (½ marks possible)

CSS: Appropriate use of inline, internal and external style

5 3-4 1-2 0
sheets.

CSS: Choice of elements, colours and fonts is user-friendly

10 8-7 4-6 0-3
and appropriate for the chosen NGO, NPO or cause.
CSS: Style sheets are consistently applied across all pages. 5 3-4 1-2 0

Styling: Homepage content is styled appropriately. 10 8-7 4-6 0-3

Styling: About Us page content is styled appropriately. 10 8-7 4-6 0-3

Styling: Our work page content is styled appropriately. 10 8-7 4-6 0-3

© The Independent Institute of Education (Pty) Ltd 2022

Page 10 of 14
19; 20 2022

TASK 2 RUBRIC (CONTINUED) Levels of Achievement Feedback

Excellent Good Developing Poor

In order to be awarded full marks for these elements of
Task 2, you need to have: Score Ranges Per Level (½ marks possible)

Styling: Photo Gallery page content is styled

10 8-7 4-6 0-3
appropriately.

Styling: Get Involved page content is styled appropriately. 10 8-7 4-6 0-3

Styling: Contact Us page content is styled appropriately. 10 8-7 4-6 0-3

Responsive Design: Responsive design is implemented
15 11-14 6-10 0-5
correctly.

Acknowledgement of sources. 5 3-4 1-2 0

TASK 2 SUBTOTAL /100

© The Independent Institute of Education (Pty) Ltd 2022

Page 11 of 14
19; 20 2022

Appendix C

Assessment Sheet (Marking Rubric)

MODULE NAME: MODULE CODE:

WEB DEVELOPMENT (INTRODUCTION) WEDE5010/d/p

STUDENT NAME:
STUDENT NUMBER:

POE RUBRIC Levels of Achievement Feedback

Excellent Good Developing Poor

In order to be awarded full marks for these elements of
the POE, you need to have: Score Ranges Per Level (½ marks possible)

Photo gallery: fully-functional with navigation and

10 8-7 4-6 0-3
captions.

Form processing: First form validation incorporated. 10 8-7 4-6 0-3

Google Form: Second Form created on Google Forms. 15 11-14 6-10 0-5

Google Form: Google Form embedded correctly. 15 11-14 6-10 0-5

Google Form: Screenshot of email notification sent on

15 11-14 6-10 0-5
Google Form submission.

© The Independent Institute of Education (Pty) Ltd 2022

Page 12 of 14
19; 20 2022

POE RUBRIC (CONTINUED) Levels of Achievement Feedback

Excellent Good Developing Poor

In order to be awarded full marks for these elements of
the POE, you need to have: Score Ranges Per Level (½ marks possible)

Google Form: Screenshot of captured responses provided. 10 8-7 4-6 0-3

Improvements: Student has provided evidence of

10 8-7 4-6 0-3
improvements to previous tasks.

Reflection: Student has reflected deeply on their learning

10 8-7 4-6 0-3
experience.
Acknowledgement of sources. 5 3-4 1-2 0
POE SUBTOTAL /100

© The Independent Institute of Education (Pty) Ltd 2022

Page 13 of 14
19; 20 2022

Task 1_____ ____ (Marks: 100)

Basic skills covered (not necessarily assessed)

Learning Unit 1: Introduction to Web Development (LO1: pp.6)
Learning Unit 2: HTML5 (LO2: pp.23)

Task 2_____ ____ (Marks: 100)

Basic skills covered (not necessarily assessed)
Learning Unit 1: Introduction to Web Development (LO1: pp.6)
Learning Unit 2: HTML5 (LO2: pp.23)
Learning Unit 3: CSS3 (LO3: pp.52)
Learning Unit 4: Responsive Web Design (LO4: pp.79)

POE_____ ____ (Marks: 100)

Basic skills covered (not necessarily assessed)
Learning Unit 1: Introduction to Web Development (LO1: pp.6)
Learning Unit 2: HTML5 (LO2: pp.23)
Learning Unit 3: CSS3 (LO3: pp.52)
Learning Unit 4: Responsive Web Design (LO4: pp.79)
Learning Unit 5: JavaScript (LO5: pp.88)
Learning Unit 6: Hosting your website (LO6: pp.113)

[TOTAL MARKS: 300]

© The Independent Institute of Education (Pty) Ltd 2022

Page 14 of 14