Unit 6: Website Development

1y ago
57.83 KB
10 Pages
Last View : Today
Last Download : 2d ago
Upload by : Macey Ridenour

UNIT 6: WEBSITE DEVELOPMENTUnit 6: Website DevelopmentLevel: 3Unit type: InternalGuided learning hours: 60Unit in briefLearners investigate website development principles. They will design and develop a website usingscripting languages.Unit introductionIncreasingly, organisations rely on websites to serve customers and, in some cases, to generaterevenue. With millions of web pages being created daily, the need for websites to be engaging,innovative and desirable is important. As a website developer, you must use sophisticatedtechniques to capture user interest and to ensure that customers are served. The scripting involvedin the development of websites has become crucial: website developers need to understand andacquire the necessary skills to find solutions to a variety of scenarios and problems.In this unit, you will review existing websites – commenting on their overall design andeffectiveness. You will use scripting languages such as Hypertext Markup Language (HTML),Cascading Style Sheets (CSS) and JavaScript and a simple text editor, or rapid applicationdevelopment tools. Finally, you will reflect on the website design and functionality using a testingand review process.Many software developers, database experts and systems managers need web-client developmentskills as an integral part of their overall portfolio of expertise. This unit will prepare you foremployment as a website developer or as a website development apprenticeship. The unitwill benefit you if you want to go on to higher education to develop your studies.Learning aimsIn this unit you will:A Understand the principles of website developmentB Design a website to meet client requirementsC Develop a website to meet client requirements.Pearson BTEC Level 3 National Extended Diploma in Information Technology –Specification – Version 1.0 final pre-publication – August 2016 Pearson Education Limited 201671

UNIT 6: WEBSITE DEVELOPMENTSummary of unitLearning aimKey content areasRecommendedassessment approachAA1 Purpose and principles ofA report describing thedifferent types and purposes ofwebsites. This will include anexplanation of the factors thataffect website performanceand mathematical principlesused in website development.Understand the principlesof website developmentwebsite productsA2 Factors affecting websiteperformanceBDesign a website to meetclient requirementsB1 Website designB2 Common tools andtechniques used toproduce websitesCDevelop a website to meetclient requirementsC1 Client-side scriptinglanguagesC2 Website developmentC3 Website reviewC4 Website optimisationC5 Skills, knowledge andbehaviours72Learners’ devised designdocumentation arising fromthe identification of clientrequirements.A digital version of thewebsite product, including anobservation record sheet andsupporting documentation,such as scripts and annotatedscreenshots, to justify designdecisions.A report evaluating the designand the website against theclient requirements.Pearson BTEC Level 3 National Extended Diploma in Information Technology –Specification – Version 1.0 final pre-publication – August 2016 Pearson Education Limited 2016

UNIT 6: WEBSITE DEVELOPMENTContentLearning aim A: Understand the principles of website developmentA1 Purpose and principles of website productsx Purpose of websites, including the features of:o content-based (Web 2.0 technologies)o product and/or service-basedo target audience, e.g. social networker, seekers, gamers, buyers, age profile, gendero requirements, e.g. user-friendly, consistent, navigational, customisable, flexible.x Principles of website design, e.g. usability, white space, site layout, accessibility, spacing,navigation, typography, alignment, clarity, consistency/intuitiveness, accuracy, content,media, simplicity.x Media and objects, e.g. position, colour, contrast, size, appropriateness.x Creativity and innovation, e.g. unconventional layouts, white space, ‘outside of the box’thinking, golden ratio.x Search engine optimisation, e.g. indexing (meta tags), use of keywords, importance ofupdates, limiting crawling.A2 Factors affecting website performancex Where scripts run (on the web server – server-side scripts, or the local client machine –client-side scripts).x Browser compliance, e.g. which elements are supported by different browsers.x Server-side factors, e.g. bandwidth availability, number of hits, file types.x Client-side factors, e.g. upload and download speeds, browser, cache memory,processor speed, interactivity.Learning aim B: Design a website to meet client requirementsB1 Website designUnderstanding the steps involved in developing a design for a client website.x Problem definition statement requirements: intended audience, full summary ofthe problem to be solved, constraints, benefits, nature of interactivity, complexityof the website.x Purpose requirements as defined in a client brief for their interactive website.x Application of website design principles by professionally created websites.x Initial design ideas/prototypes (illustrating design principles) and the requirementsfor an interactive website, including:oooodiagrammatic illustrations, e.g. storyboard, mood board, wireframe, site mapsrealistic representationssearch engine optimisationalternative design ideas/prototypes, including compatibility with mobile/tabletdevices.x Client-side scripting design tools and techniques, e.g. pseudocode, flow charts(including use of British Computer Society (BCS) standard flow chart symbols) usedto develop original code.x Effective use of ready-made and/or original assets, e.g. a digital animation, digital graphic,digital audio and video, or any other combined assets.x Obtaining and using feedback from others to help refine alternative designideas/prototypes and make decisions.x Testing plan requirements and its completion with test data, to test functionality.x Identifying technical and design constraints and working around them.Pearson BTEC Level 3 National Extended Diploma in Information Technology –Specification – Version 1.0 final pre-publication – August 2016 Pearson Education Limited 201673

UNIT 6: WEBSITE DEVELOPMENTx Legal and ethical considerations applicable to the equivalent legislation in England,Wales and Northern Ireland:o Copyright, Designs and Patents Act 1988 and its requirements in terms of protectingsoftware products and digital media, such as images, music and films.o Data Protection Act 1998 and the requirements it places on organisations to keepdata about living individuals secure.B2 Common tools and techniques used to produce websitesUse of tools and techniques and their suitability for different client requirements.xxxxxxxHTML, HTML5 and subsequent updates.Tables.Forms, text field, text area, buttons, radio buttons, check boxes.Navigation, menus, hyperlinks (internal and external), anchors.Interactive components, e.g. hot spots, pop-ups, buttons, menus, rollover images.Colour schemes, styles and templates.CSS, e.g. background colour, background images, text formatting, borders, padding,heading styles, element position.x Embedded multimedia/digital asset content, e.g. digital animation, digital graphics,digital audio, digital video.xxxxAccessibility features, e.g. alternative tags, zoom features, text-to-speech.The World Wide Web Consortium (W3C ) standards for accessibility and HTML compliance.Platform compatibility, e.g. browser, operating system, mobile devices.Exporting and compressing of digital assets into suitable file types.Learning aim C: Develop a website to meet client requirementsC1 Client-side scripting languagesx Embedding of original client-side scripts into web pages to provide more interactivityand improve the usability of the website.x Types of web-scripting languages, e.g. JavaScript , VBScript .x Uses of scripting languages, e.g. alerts, confirming choices, browser detection,creating rollovers, checking/validating input, handling forms.x Constructs, e.g. syntax, loops, decision making, functions, parameter passing,handling events, methods.C2 Website developmentCreation of interactive websites, including:x use of CSS, e.g. HTML tags, CSS frameworks, box model, access CSS from HTML,doc typesxxxxuse of original client-side scriptingcompatibility with mobile and tablet deviceseffective use of tools and techniquesthe uploading of files to a web server or host computer/device.C3 Website reviewReviewing interactive websites:xxxxx74quality in comparison with other similar websitessuitability for intended purpose and audiencesuitability against the client’s requirements, including optimisationlegal and ethical constraintsstrengths and improvements.Pearson BTEC Level 3 National Extended Diploma in Information Technology –Specification – Version 1.0 final pre-publication – August 2016 Pearson Education Limited 2016

UNIT 6: WEBSITE DEVELOPMENTC4 Website optimisationOptimising an interactive website, including:xxxxxperformance and user testingobtaining and evaluating feedback from otherschecking interactivitychecking compatibilityrefinements and making improvements to meet client needs to optimise the website.C5 Skills, knowledge and behavioursx Planning and recording, including the setting of relevant targets with timescales, how andwhen feedback from others will be gathered.x Reviewing and responding to outcomes, including the use of feedback from others, e.g. ITprofessionals and users who can provide feedback on the quality of the website and theirsuitability against the original requirements.x Demonstrate own behaviours and their impact on outcomes to include professionalism,etiquette, supporting others, timely and appropriate leadership, accountability andindividual responsibility.x Evaluating outcomes to help inform high-quality, justified recommendations and decisions.Pearson BTEC Level 3 National Extended Diploma in Information Technology –Specification – Version 1.0 final pre-publication – August 2016 Pearson Education Limited 201675

UNIT 6: WEBSITE DEVELOPMENTAssessment criteriaPassMeritDistinctionLearning aim A: Understand the principles of websitedevelopmentA.P1 Compare the principles ofwebsite design used in twowebsites, including theirsuitability for the intendedaudience and intendedpurpose.A.M1 Analyse how the principlesof website design are usedto produce creative, highperformance websites thatmeet client requirements.A.D1 Evaluate how theprinciples of websitedesign are used toproduce creative, highperformance websitesthat meet clientrequirementsLearning aim B: Design a website to meet clientrequirementsB.P2 Produce designs for awebsite that meet clientrequirements.B.P3 Review the website designproposals with others toidentify and informimprovements.B.M2 Justify the designdecisions, explaining howthey will meet the user'sneeds and be fit forpurpose.Learning aim C: Develop a website to meet clientrequirementsC.P4 Produce a website for anintended audience andpurpose.C.M3 Optimise a website tomeet client requirements.BC.D2 Evaluate the design andoptimised websiteagainst clientrequirements.BC.D3 Demonstrate individualresponsibility, creativityand effectiveself-managementin the design,development and reviewof a website.C.P5 Test the website forfunctionality, compatibilityand usability.C.P6 Review the extent to whichthe website meets clientrequirements.76Pearson BTEC Level 3 National Extended Diploma in Information Technology –Specification – Version 1.0 final pre-publication – August 2016 Pearson Education Limited 2016

UNIT 6: WEBSITE DEVELOPMENTEssential information for assignmentsThe recommended structure of assessment is shown in the unit summary along with suitable formsof evidence. Section 6 gives information on setting assignments and there is further information onour website.There is a maximum number of two summative assignments for this unit. The relationship of thelearning aims and criteria is:Learning aim: A (A.P1, A.M1, A.D1)Learning aims: B and C (B.P2, B.P3, C.P4, C.P5, C.P6, B.M2, C.M3, BC.D2, BC.D3)Pearson BTEC Level 3 National Extended Diploma in Information Technology –Specification – Version 1.0 final pre-publication – August 2016 Pearson Education Limited 201677

UNIT 6: WEBSITE DEVELOPMENTFurther information for teachers and assessorsResource requirementsFor this unit, learners must have access to software resources that will allow them to use tools andtechniques (given in the unit content) to design and develop websites. For example, text editors(such as Notepad ), rapid authoring software (such as Dreamweaver , KompoZer), File TransferProtocol (FTP) service (such as FileZilla ) to upload websites to a web server.Essential information for assessment decisionsLearning aim AFor distinction standard, learners will give a detailed and balanced evaluative report thatexplains how the two sites meet user requirements. This must be explored further by identifyingthe requirements of the websites, for example it has a secure login, and why these are importantfor the user. Learners will discuss what overall impact the site will have on the organisation,including positive and negative outcomes. The report will demonstrate high-quality written/oralcommunication through use of accurate and fluent technical vocabulary to support a well-structuredand considered response that clearly connects chains of reasoning.For merit standard, learners will show a clear understanding of how the two sites employdifferent principles of website design to develop websites that are creative and high performing.Learners will give a detailed analysis of how user needs and principles of website design impacton the design and development of a website. The report must provide a balanced discussion,supported by reasoned examples. It will be technically accurate and demonstrate good-qualitywritten/oral communication.For pass standard, learners will give a detailed comparison of two websites, for example Asdaand Tesco – two similar commerce sites, with an explanation of who the site is aimed at andits purpose. Learners will explain the use of design principles in each website to compare theirapplication. The evidence may have some inaccuracies and the comparison may be unbalanced.Learning aims B and CFor distinction standard, learners will draw on and show synthesis of knowledge across thelearning aims to evaluate how the decisions and methodologies applied throughout the design,development, maintenance, optimisation and testing stages of their website impacted on the overalloutcomes. They will consider whether the website meets client requirements, including achieving itsstated purpose and appealing to the target audience. Learners will justify their designs and providea discussion on why alternative designs were not used.Learners will give a detailed and balanced evaluation of how effectively their completed websitemeets the client requirements, including appealing to the target audience and meeting its statedpurpose, in comparison to alternative solutions. Their evaluation will be supported by evidencefrom all stages of the project to reach conclusions and suggest developments. The evaluationmust contain a systematic and accurate review of their own skills, performance and behavioursand the impact that this had on the development of the final website. Learners will take individualresponsibility for their own work, for example identifying potential issues and resolving them,reviewing their work and making improvements, keeping their work safe and secure, and showingresponsible use of quoted materials. Creativity will be shown, for example, by taking innovativeapproaches to problem solving and through the originality of their solution.78Pearson BTEC Level 3 National Extended Diploma in Information Technology –Specification – Version 1.0 final pre-publication – August 2016 Pearson Education Limited 2016

UNIT 6: WEBSITE DEVELOPMENTFor merit standard, learners will apply their knowledge through selection and application ofappropriate methodologies to design, develop, maintain and test an effective, optimised websiteto meet client requirements. Learners will produce comprehensive designs, including alternativesolutions. When developing their website, learners will produce an optimal solution to meet clientrequirements as closely as possible. Learners will also gather and analyse feedback on their websitein order to make improvements. Learners will record the changes that are made and producesubsequent versions of the website as appropriate.Learners will give a clear analysis of the success of their solution, giving accurate and reasonedsuggestions as to how the solution could be improved, they will discuss alternative solutions thatcould be implemented if the task were to be repeated. They will consider how decisions they madeduring the project affected the outcomes and justify why these decisions were made. They will givean evaluation of how their skills and behaviours affected the outcomes of the website.For pass standard, learners will apply understanding through the planning and development ofthe website to meet client requirements. Learners will produce detailed designs for their website,including user requirements, visual designs and technical documentation. Learners will carry outand document a number of tests and reviews of the website (including use of test users andappropriate test plans, schedules and test data) to ensure that the solution works and meets theidentified criteria. They will give evidence that different types of testing have been carried out andthat important problems and errors identified have been responded to. Learners’ websites will befunctional and meet the identified requirements but there may be some performance issues and/orthe implemented solution may not be as efficient or effective as it could be.Learners will review how the decisions they made during planning and development affected thewebsite. Learners will explain the extent to which the website meets the initial project brief. Theywill consider both positive and negative aspects of the website, although their review may beunbalanced and/or superficial. They will make reference to the possible alternative solutions thatcould be implemented.Links to other unitsThis unit links to:xxxxxxxxxxxUnit 1: Information Technology SystemsUnit 3: Using Social Media in BusinessUnit 4: ProgrammingUnit 7: Mobile Apps DevelopmentUnit 11: Cyber Security and Incident ManagementUnit 12: IT Technical Support and ManagementUnit 14: IT Service DeliveryUnit 15: Customising and Integrating ApplicationsUnit 16: Cloud Storage and Collaboration ToolsUnit 17: Digital 2D and 3D GraphicsUnit 18: Digital Animation and Effects.Employer involvementThis unit would benefit from employer involvement in the form of:x guest speakersx technical workshops involving staff from local organisations/businessesx contribution of design/ideas to unit assignment/scenario/case study/project materials,including own organisation/business materials as exemplars where appropriatex feedback from staff from local organisations/businesses on plans/designs/items developedx opportunities for observation of organisational/business application during work experiencex support from local organisation/business staff as mentors.Pearson BTEC Level 3 National Extended Diploma in Information Technology –Specification – Version 1.0 final pre-publication – August 2016 Pearson Education Limited 201679

80Pearson BTEC Level 3 National Extended Diploma in Information Technology –Specification – Version 1.0 final pre-publication – August 2016 Pearson Education Limited 2016

website design used in two websites, including their suitability for the intended audience and intended purpose. A.M1 Analyse how the principles of website design are used to produce creative, high-performance websites that meet client requirements. Learning aim B: Design a website to meet client requirements BC.D2Evaluate the design and optimised website against client requirements. BC .