WPDD202 Webpage Design and Development September 26, 2019 postadmin Post in Uncategorized Kent Institute Australia Pty. Ltd.Assessment Brief ABN 49 003 577 302 CRICOS Code: 00161E RTO Code: 90458Version 1: 22nd December, 2016 TEQSA Provider Number: PRV12051ASSESSMENT BRIEF COURSE: Bachelor of Business / Bachelor of AccountingUnit: Webpage Design and DevelopmentUnit Code: WPDD202Type of Assessment: Assessment 3 (Group Assignment)Length/Duration: N.A.Course LearningOutcomes addressed:Information strategy, Business strategy and planning and Technicalstrategy and planninga)To gather, critically analyse, manage and present in meaningful waysinformation and data, andSystems development and User experiencea) To act as an ethical practitioner while demonstrating skills in dataanalysis, database design, system design, web design and softwaredevelopment and testing,b) To implement and document user experience analysis, design andtesting.Communication skillsa)To prepare design and system documentation and written reportsTeamwork and self-management skillsa) To work collaboratively in small teams on a variety of large and smallprojects to produce models, software, documentation and reportsb) To take responsibility for their own time management deliveringquality required material on time in dynamically changing technologicaland communication contexts whether as an individual or member of asmall team.Unit LearningOutcomes addressed:Upon successful completion of this unit students should be able to:a. Describe and use the client-server internet model, W3C standards,mark-up languages, client-side scripting, server-side scripting toaccess and manipulate data, database access and internet securityb. Analyse and model requirements and constraints for the design ofclient-server internet applicationsc. Apply HTML 5, CSS, JavaScript, Multimedia and interactivity to develophighly effective websitesd. Identify problems, opportunities and challenges in creating Webpagese. Make recommendations based on accessibility, ethics, and websitepromotion strategiesSubmission Date: Week 11 Kent Institute Australia Pty. Ltd.Assessment Brief ABN 49 003 577 302 CRICOS Code: 00161E RTO Code: 90458Version 1: 22nd December, 2016 TEQSA Provider Number: PRV12051 Assessment Task:A written assignment undertaken in groups of three or four students inthe form of a webpage design, implementation, test and evaluation.Your Project will demonstrate mastery of the web development skillsand concepts learned in this unit.The project must be your own design and be completed by you — theuse of free or purchased web site templates is not permitted (forexample, those found in Dreamweaver, purchased or free, blog orsocial networking templates such as Drupal, WordPress, Blogger,Facebook as well as the textbook’s Case Study Lab). If it is perceivedthat a web template has been used, the project grade will be no morethan “below average”.Total Mark: 30 marksWeighting: 30% of the unit total marksStudents are advised that any submissions past the due date without an approved extension orwithout approved extenuating circumstances incurs a 5% penalty per calendar day,calculated from the total markE.g. a task marked out of 40 will incur a 2 mark penalty per calendar day.More information, please refer to (Documents > Student Policies and Forms > POLICY –Assessment Policy & Procedures – Login Required) ASSESSMENT DESCRIPTION:ABOUT THE ORGANISATIONThink Green Foundation was founded in October 2010 and is a non-profit organisation that aims toassist and uplift rural communities with the support of environmental projects. We have raised morethan AUD 3 million to date and have won the UN Champions of the Earth Award in 2017 and 2018.To date, we have assisted 40 rural communities in South Africa, Botswana and Zambia and plantedmore than 40,000 trees.Our staff currently includes three full time project coordinators, a marketing coordinator and sevenadministrative staff members. We also have eight part time volunteers during various stages of theyear.Our main message is that poverty and environmental degradation are intrinsically linked. Byeducating communities to respect the environment, opportunities for income generation arecreated.Target audience1. The general public. 80% of our funding comes from individuals who hear about ourmessage through our marketing channels. The remainder comes from corporate sponsorshipand internal profit generation (such as fundraising activities and sale of our brandedmerchandise).Kent Institute Australia Pty. Ltd.Assessment Brief ABN 49 003 577 302 CRICOS Code: 00161E RTO Code: 90458Version 1: 22nd December, 2016 TEQSA Provider Number: PRV120512. Businesses. Businesses contribute 10% to our funding. We would like to strengthen ourfocus on corporate sponsorship during 2020 and use the website to support co-brandedsponsorship projects like the Go Green campaign.3. Volunteering students. Once a year we run a volunteer program in conjunction withUniversity of Melbourne. Social sciences students donate 100 hours of their time to an NGOof their choice as part of their year-end thesis. We typically receive 600 hours donated eachyear. The website should act as a recruitment drive for these volunteers, as well as othernon-student volunteers.4. Accreditation agencies. We are in the process of securing accreditation from ACNC(Australian Charities and Not-for-profits Commission) and CMA. A professional web presencewill assist in this evaluation.5. Partners. We are continually expanding our partnership network to environmentalorganisations and lateral NGOs. The website should act as a vehicle to strengthen ournetwork.6. Employees. The strength of our efforts relies on the quality of our people. We would likethe website to attract job applications from qualified individuals in the fields of marketing,accounting and project management. The website should advertise the uniqueness of ouroffering.7. Photographers. Photographers typically spend 40 hours a year to profile our projects.They are selected on a competitive basis but often donate free hours to capture specificprojects and events. We would like the ‘photo gallery’ to inspire professional photographersto get involved.8. Design students. We sell branded merchandise (t-shirts, caps and bags) in our online shopas part of our fundraising. The designs and illustrations are donated by designers and designstudents. We would like the site to attract further contributions in this area. An onlinecompetition platform would be ideal.9. Media. We have been featured in a variety of local magazines and radio stations. We wouldlike the website to attract further positive media attention and enable interested parties todownload our press kits.Website activities and objectivesWe would like the general user to engage in the following activities on our website. Items are listedin order of importance:▪ Donate online▪ Subscribe to our newsletter▪ Follow us on social media channels like twitter and Facebook▪ Purchase our merchandise▪ Download resources on “Think Green”This ties in with our major website objectives:▪ Create awareness about our organisation▪ Generate donations and merchandise sales▪ Build an online communityKent Institute Australia Pty. Ltd.Assessment Brief ABN 49 003 577 302 CRICOS Code: 00161E RTO Code: 90458Version 1: 22nd December, 2016 TEQSA Provider Number: PRV12051▪ Build a repository for resources and materials on “Think Green”▪ Advertise uniqueness of organisation to partners, volunteers and the mediaNavigation structureThe website will contain the following navigation structure. Alternate suggestions on page structureare welcome: HomeAbout UsMission and visionHistoryFAQBoard (6 members) Staff (12 members)PartnersProjects DonateOutline per project with image galleries and videos (2 projects for launch) Subscribe to our newsletterOnline shop (15 products for launch)VolunteerThink Green (resources centre with 10 articles for launch)Events calendarImage galleries (2 albums for launch, approx. 10 images per album)Careers (4 vacancies currently)Contact Us Website main features Newsletter subscription Home page banner Online donation form with ability to pay via EFT, PayPal or credit card. We would like usersto choose between recurring and once-off donations (please see Template 1 as a reference) Interactive image galleries Online shop selling our branded merchandise (also ability to pay via EFT, PayPal or creditcard); delivery is included in the purchase price and we post orders internationally; wecurrently have 20 products in our shop ranging from branded t-shirts to bags Visual events calendar (we would like a full page calendar that highlights specific dates andallows users to toggle between months) Website keyword searchCompetitor websitesCompetitor website worth referencing are:Bill and Melinda Gates Foundation – http://www.gatesfoundation.org/Kent Institute Australia Pty. Ltd.Assessment Brief ABN 49 003 577 302 CRICOS Code: 00161E RTO Code: 90458Version 1: 22nd December, 2016 TEQSA Provider Number: PRV12051We like the home page banner animation, the breadth of information as well as the extensive use ofmultimedia throughout the site. The world map on the home page is a good reference for theinteractive project map.Plant with Purpose – http://www.plantwithpurpose.org/We like the design of the website as well as the interactive village feature.DesignThe design should be clean and ‘organic-looking’. We are leaning towards green as the dominanthue together with neutral colours like beige and grey. We would like to feature a mixture of objectand people-based photography.The home page design should tie in with our main message, which is:Uplifting communities through environmental projectsWhere people photography is concerned, a mixture of races and ages should be represented.Other requirementsWe are looking for an affordable and reliable hosting solution. We require 500 MB of disk space andup to 10 GB monthly traffic. This excludes email hosting. We already have a domain secured.Website Design and Development AssignmentFor this assignment you will work with a team to develop a website. Your team will need to conductsome research to find the information for the topic. The goal is to present the information (website)in such a way that customers can use your website effectively. In addition, you will submit a briefindividual report about this assignment.Teams:You will be expected to choose your own teams for this project. Teams may consist of three or fourstudents. Your team needs to choose a team name and contact person. Students who are not in agroup must contact the lecturer.The Website:Good web design suggests that dividing material into bite-sized pieces relating to a portion of theoverall topic.Good practice of web design is expected – e.g. appropriate navigation, a good writing style for theweb, well-thought out design to make material easily read on screen, and appropriate fonts andcolors. The home page should be index.html.One of the pages (references.html) should contain accurate and detailed information about thesources of information (contents and images) used in the web pages. It is expected that thereferences be accurate and complete and follow an appropriate format.Your website project must follow the hierarchical structure and file naming conventions given below.Your marks will be deducted if you don’t follow this structure in your project.Kent Institute Australia Pty. Ltd.Assessment Brief ABN 49 003 577 302 CRICOS Code: 00161E RTO Code: 90458Version 1: 22nd December, 2016 TEQSA Provider Number: PRV12051The Group Report:Write a three page paper describing the process of creating your website, working with your clientand learning the technical skills necessary to do so. Discuss the things that went well on the site, thethings that you found difficult, things you would change if you could do it again and what your groupdid on the project and how each of the group member personally contributed to the project.Remember, unlike some of the other papers we have done in class, this is an actual essay, not arough designs or notes. Pay attention to grammar and spelling.Make sure the name of your group and a listing of the members of your group are clearly identifiedon the first page of this document.Word limit: equivalent to 1200 wordsPlagiarism and Collusion of Material:One of the most common reasons for programming plagiarism is leaving work until the last minute.Avoid this by making sure that you know what you have to do (not necessarily how to do it) as soonas an assessment is set. Then decide what you will need to do in order to complete the assignment.Since the web pages are submitted as a group, ensure that all members of your group follow strictguidelines to avoid plagiarism.Kent Institute Australia Pty. Ltd.Assessment Brief ABN 49 003 577 302 CRICOS Code: 00161E RTO Code: 90458Version 1: 22nd December, 2016 TEQSA Provider Number: PRV12051Requirements:▪ Website should have 18(references page included)pages.▪ Each of those pages should use same or similar style, so that the pages looklike they belong to the same website.Validate your Webpage: Each HTML page and CSS should pass the W3C validation.Validate the webpage using the W3C validator. All errors must beeliminated before assignment is submitted.Include the validation icon on your valid page *inside* your closing body tagat the base of your page/web site. Navigation: Each page should have a meaningful title (using the same title for all thepages is not considered meaningful).You should have a consistent navigation, for example if you have a menuwhich links to different pages, the menu should appear in the same place in all pages, so that users can easily find the menu and able to navigate todifferent pages.Design:▪ Website demonstrates accepted graphic design principles (repeatedelements throughout, contrast, proximity, and alignment as well asuncluttered space and subdued backgrounds).▪ Website uses coordination of colors which do not hamper usage; thisincludes text contrasting well with background▪ Consistent design throughout the website▪ You should use one external stylesheet, and optionally internal stylesheetsin different pages. The stylesheet should contain only the rules which arecommon more than 2 pages or all the pages. The internal stylesheet shouldcontain rules which are used only in one particular page.▪ You should organize all the pages in a good structure.▪ You should layout your web pages using one of the layout techniques. Youshould use <div> to layout your pages, using <table> for laying out is notallowed.▪ Your pages should be easy to read, easy to navigate. The text, border,background etc. should be contrasting, and don’t use too many differentcolors.Kent Institute Australia Pty. Ltd.Assessment Brief ABN 49 003 577 302 CRICOS Code: 00161E RTO Code: 90458Version 1: 22nd December, 2016 TEQSA Provider Number: PRV12051▪ You should have enough text and 20 images in your website. You must addmulti-media contents (audio, video etc.).▪ You should have at least a list in your website.▪ You should have one contact form and one online booking form by usingthe valid HTML5 form elements.▪ If you’re using an image or some text from somewhere else, you mustclarify the origin of that resource in a comment in your HTML or CSS file,right before the resource you’re using.▪ Use at least 2 JavaScript Pop-up windows and 2 Alert boxes inyour website.▪ Create the company logo and navigation bars by using the FontAwesome (Font Awesome is a font and icon toolkit based on CSSand LESS.).▪ You should only use Google fonts in your website. Your markswill be deducted in case of using other generic fonts by using thehtml font tags.▪ Add social media (Facebook, LinkedIn, Google +, Pinterest,Instagram and Twitter) links in the footer section of eachwebpage by using the Font-Awesome toolkit.General:▪ The website to be designed in wide screen format.▪ The website to be developed to be a responsive website.▪ Thetarget audience is all users of mobile,tablet, desktopand laptops.Restrictions:▪ Use of <TABLE> tags are not allowed to layout the webpage▪ Each page must contain: A Header, Footer, Body section andcommon elements (logo, menu)▪ Use of multiple versions of images and CSS3 styling rules torender web pages based on user platform and screenresolution.ASSIGNMENT SUBMISSION:This assessment is a group project and students are required to work with their respectivegroups. No individual submission will be accepted. You will not receive any marks for thisassignment if your group members collectively report against you for non-participation ornoncooperation.You have to nominate someone as your group leader to coordinate the assignmentsubmission. Only one submission is accepted for each group.▪ The assignment must be submitted online in Moodle.▪ You should compress all your files into a zip (.zip) fileKent Institute Australia Pty. Ltd.Assessment Brief ABN 49 003 577 302 CRICOS Code: 00161E RTO Code: 90458Version 1: 22nd December, 2016 TEQSA Provider Number: PRV12051and name like “project_<Your Group Number>.zip”.▪ You are not allowed to use open-source front-end library(Bootstrap) and cross-platform JavaScript library (jQuery)while designing this website.▪ No paper based or hardcopy submission will be accepted.The assessment process may require some students to attend an interview in order to explainaspects of their assignment.MARKING GUIDE: Marking Criteria MaxMarksLecturer’s Expectation MarksAssignedCommentsUse of completed Assignment 3task’s Website. 5Meet all basic requirements of theAssignmentHome page (index.html) 3 Clear design and contentWebpage 2 (about.html) 3 Clear design and contentWebpage 3 (mission.html) 3 Clear design and contentWebpage 4 (history.html) 3 Clear design and contentWebpage 5 (boards.html) 3 Clear design and contentWebpage 6 (partners.html) 3 Clear design and contentWebpage 7 (projects.html) 3 Clear design and contentWebpage 8 (volunteers.html) 3 Clear design and contentWebpage 9 (donate.html) 3 Refer to Template1 at the end ofassessment brief to design this form.Webpage 10 (products.html) 3 Clear design and contentWebpage 11 (payonline.html) 3 Refer to Template2 at the end ofassessment brief to design this form.Webpage 12 (tgreen.html) 3 Clear design and contentWebpage 13 (calendar.html) 3 Clear design and contentWebpage 14 (gallery.html) 3 Clear design and contentWebpage 15 (faqs.html) 3 Clear design and contentWebpage 16 (contact.html)3 Refer to Template3 at the end ofassessment brief to design this form.Webpage 17 (careers.html) 3 Clear design and contentWebpage 18 (reference.html) 3Use of JavaScript 2 JavaScript should be used only onWebpages 11, 12, 13 and 14.Use of Multimedia 2 Use multimedia only on Webpages 3 and5.Company logo and Navigation byusing the combination of FontAwesome and Google fonts.3Use of Font-Awesome 2.5Use of Google Fonts 2.5Social Media Links 2Widescreen layout 5Responsive layout 9 Web site is interactive and adjustsbased on deviceUse of CSS3 media style rules 4 Use of proper HTML5 and CSS3design guidelinesCorrectnessofHTML, CSS usage 5 Group Report 4Total Max Marks 100 Total Marks assignedDowngraded out 30 Kent Institute Australia Pty. Ltd.Assessment Brief ABN 49 003 577 302 CRICOS Code: 00161E RTO Code: 90458Version 1: 22nd December, 2016 TEQSA Provider Number: PRV12051GENERAL NOTES FOR ASSIGNMENTS:Assignments should usually incorporate a formal introduction, main points and conclusion, and willbe fully referenced including a reference list.The work must be fully referenced with in-text citations and a reference list at the end. We stronglyrecommend you to refer to the Academic Learning Skills materials available in the Moodle. For detailsplease click the link http://moodle.kent.edu.au/kentmoodle/course/view.php?id=5 and downloadthe file “Harvard Referencing Workbook”. Appropriate academic writing and referencing areinevitable academic skills that you must develop and demonstrate.We recommend a minimum of FIVE references, unless instructed differently by your lecturer. Unlessspecifically instructed otherwise by your lecturer, any paper with less than FIVE references may befailed. Work that includes sources that are not properly referenced according to the “HarvardReferencing Workbook” will be penalised.Marks will be deducted for failure to adhere to the word count – as a general rule you may go over orunder by 10% than the stated length.GENERAL NOTES FOR REFERENCING:High quality work must be fully referenced with in-text citations and a reference list at the end. Werecommend you work with your Academic Learning Support (ALS) site(http://moodle.kent.edu.au/kentmoodle/course/view.php?id=5) available in Moodle to ensure thatyou reference correctly.References are assessed for their quality. You should draw on quality academic sources, such as books,chapters from edited books, journals etc. Your textbook can be used as a reference, but not thelecturer notes. We want to see evidence that you are capable of conducting your own research. Also,in order to help markers determine students’ understanding of the work they cite, all in-textreferences (not just direct quotes) must include the specific page number/s if shown in the original.Before preparing your assignment or own contribution, please review this ‘YouTube’ video by clickingon the following link: Plagiarism: How to avoid itPLAGIARISM: HOW TO AVOID ITYou can search for peer-reviewed journal articles, which you can find in the online journal databasesand which can be accessed from the library homepage. Wikipedia, online dictionaries and onlineencyclopaedias are acceptable as a starting point to gain knowledge about a topic, but should not beoverused – these should constitute no more than 10% of your total list of references/sources.Additional information and literature can be used where these are produced by legitimate sources,such as government departments, research institutes such as the NHMRC, or internationalorganisations such as the World Health Organisation (WHO). Legitimate organisations andgovernment departments produce peer reviewed reports and articles and are therefore very usefuland mostly very current. The content of the following link explains why it is not acceptable to use nonpeer reviewed websites: Why can’t I just Google? (Thanks to La Trobe University for this video).Kent Institute Australia Pty. Ltd.Assessment Brief ABN 49 003 577 302 CRICOS Code: 00161E RTO Code: 90458Version 1: 22nd December, 2016 TEQSA Provider Number: PRV12051TEMPLATE 1:Make a Difference. Donate Now.Kent Institute Australia Pty. Ltd.Assessment Brief ABN 49 003 577 302 CRICOS Code: 00161E RTO Code: 90458Version 1: 22nd December, 2016 TEQSA Provider Number: PRV12051TEMPLATE 2:Contact us formIf you can’t find what you’re looking for, or if you wish to be contacted by one of ouradvisors, please fill in the form below so we can get back to you.To telephone us, visit our contact pages.Kent Institute Australia Pty. Ltd.Assessment Brief ABN 49 003 577 302 CRICOS Code: 00161E RTO Code: 90458Version 1: 22nd December, 2016 TEQSA Provider Number: PRV12051TEMPLATE 3:Purchase Order Form1. BILLING ADDRESS2. DELIVERY METHODKent Institute Australia Pty. Ltd.Assessment Brief ABN 49 003 577 302 CRICOS Code: 00161E RTO Code: 90458Version 1: 22nd December, 2016 TEQSA Provider Number: PRV120513. PAYMENT METHOD