Tag: responsive

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 SOLUTION FOR THIS ASSIGNMENT

CLICK HERE TO MAKE YOUR ORDER

TO BE RE-WRITTEN FROM THE SCRATCH

NO PLAGIARISM

• Original and non-plagiarized custom papers. Our writers develop their writing from scratch unless you request them to rewrite, edit or proofread your paper.
• Timely Delivery. capitalessaywriting.com believes in beating the deadlines that our customers have imposed because we understand how important it is.
• Customer satisfaction. Customer satisfaction. We have an outstanding customer care team that is always ready and willing to listen to you, collect your instructions and make sure that your custom writing needs are satisfied
• Privacy and safety. It’s secure to place an order at capitalessaywriting.com We won’t reveal your private information to anyone else.
• Writing services provided by experts. Looking for expert essay writers, thesis and dissertation writers, personal statement writers, or writers to provide any other kind of custom writing service?
• Enjoy our bonus services. You can make a free inquiry before placing and your order and paying this way, you know just how much you will pay. Details on CSS and Responsive Design
• Premium papers. We provide the highest quality papers in the writing industry. Our company only employs specialized professional writers who take pride in satisfying the needs of our huge client base by offering them premium writing services.

Get Professionally Written Papers From The Writing Experts