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.
• Any assignment with a similarity index of more than 25% will be scrutinised for plagiarism. Please make sure you attach a similarity report to your POE if required.
• 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.
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 in-text referencing style
• Quotation marks, page
numbers,
years, etc. applied
correctly
• Only one or two minor mistakes in style made
• All sources are accurately reflected and included in
a reference
list • Consistent in-text referencing style
• Quotation marks, page numbers,
years, etc. applied
correctly
• Fewer than five minor
mistakes made
• More than 90% of the sources are correctly reflected and included in a
reference list
• Consistent in-text referencing style
• Quotation marks, page numbers,
years, etc. not always applied correctly
• Not all paraphrased content referenced
• At least 80% of the sources are correctly reflected and included in a
reference list
• Consistent in-text referencing style
• Quotation marks used for direct quotes but page numbers missing
• At least 70% of the sources are correctly reflected and included in
a reference
list • In-text referencing used but
inconsistent
• Paraphrased material cited but not referenced accurately or consistently
in text
• Quotation marks and/or page numbers for direct quotes missing
• At least 60% of the sources are correctly reflected and included in reference list • Poor and inconsistent referencing style used
• At least 50% of the sources are correctly reflected and included in
reference
list
• Quotation marks and/or page numbers for direct quotes
missing
• May be
referred for action in
accordance with IIE 0023
Intellectual
Integrity
Policy
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 welldesigned 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.
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).
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.
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:
• 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.
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
In order to be awarded full marks for these elements of
Task 1, you need to have: Excellent Good Developing Poor
Score Ranges Per Level (½ marks possible)
Development: NetBeans project created correctly with all required folders and subfolders. 5 3-4 1-2 0
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 content. 10 8-7 4-6 0-3
TASK 1 RUBRIC (CONTINUED) Levels of Achievement Feedback
In order to be awarded full marks for these elements of
Task 1, you need to have: Excellent Good Developing Poor
Score Ranges Per Level (½ marks possible)
Webpage: Our Work page included with appropriate content. 10 8-7 4-6 0-3
Webpage: Photo Gallery page included with appropriate content. 10 8-7 4-6 0-3
Webpage: Get Involved page included with appropriate content. 10 8-7 4-6 0-3
Webpage: Contact Us page included with appropriate content. 10 8-7 4-6 0-3
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
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
In order to be awarded full marks for these elements of
Task 2, you need to have: Excellent Good Developing Poor
Score Ranges Per Level (½ marks possible)
CSS: Appropriate use of inline, internal and external style sheets. 5 3-4 1-2 0
CSS: Choice of elements, colours and fonts is user-friendly and appropriate for the chosen NGO, NPO or cause. 10 8-7 4-6 0-3
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
TASK 2 RUBRIC (CONTINUED) Levels of Achievement Feedback
In order to be awarded full marks for these elements of
Task 2, you need to have: Excellent Good Developing Poor
Score Ranges Per Level (½ marks possible)
Styling: Photo Gallery page content is styled appropriately. 10 8-7 4-6 0-3
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 correctly. 15 11-14 6-10 0-5
Acknowledgement of sources. 5 3-4 1-2 0
TASK 2 SUBTOTAL /100
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
In order to be awarded full marks for these elements of the POE, you need to have: Excellent Good Developing Poor
Score Ranges Per Level (½ marks possible)
Photo gallery: fully-functional with navigation and captions. 10 8-7 4-6 0-3
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
Google Form submission. 15 11-14 6-10 0-5
POE RUBRIC (CONTINUED) Levels of Achievement Feedback
In order to be awarded full marks for these elements of the POE, you need to have: Excellent Good Developing Poor
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 improvements to previous tasks. 10 8-7 4-6 0-3
Reflection: Student has reflected deeply on their learning experience. 10 8-7 4-6 0-3
Acknowledgement of sources. 5 3-4 1-2 0
POE SUBTOTAL /100
GET ANSWERS / LIVE CHAT