U25: SCRIPTING & CODING FOR

WEBSITES

Health Warning Please remember that the Exam Board

doesn’t provide MAs for anything beyond U4, so this is my best interpretation of the markgrids and other paperwork…

Scenario

A new fast food outlet is opening at the top of the hill. With so many students in the Unis and hospitals, they’ve decided to include an online takeaway service.

Guess what you have to design!

Task 1: Choose your Language

You have to look at the various scripting languages, and think about which you think will be your best choice for your own work.

For exampleAjaxJavaScriptJSP/JavaPHPPERL (CGI Scripts)VBScript (ASP)XMLe

Task 1: Choose your Language

You need to consider more than just the more superficial comments – consider the features of languages: e.g.historytypical applications and examplesoperating requirementseffectiveness in performing tasks

Markgrid – AO1 PASS

Candidates provide a basic description including use of and, rationale behind some of the scripting languages used when producing interactive web pages.

A few examples will support the description although difficulty may be shown in determining whether the language is suitable for the purpose.

Candidates provide a simple explanation of the technical requirements of each scripting language although a limited understanding will be shown.

Markgrid – AO1 MERIT

Candidates provide a detailed description including use of and, rationale behind many of the scripting languages used when producing interactive web pages.

A range of appropriate examples will support the description and an accurate reflection is shown when determining whether the language is suitable for the purpose.

Candidates provide a clear explanation of the technical requirements of each scripting language and some understanding will be shown.

Markgrid – AO1 DISTINCTION

Candidates provide a comprehensive description including use of and, rationale behind most of the scripting languages used when producing interactive web pages.

A variety of well chosen examples will support the description and an accurate reflection is shown when determining whether the language is suitable for the purpose with thorough justification.

Candidates provide a detailed explanation of the technical requirements of each scripting language showing a thorough understanding.

Task 2: The right tool for the job

So you know about the scripting languages. Which one does what best? How are they designed to meet a specific need?

In this AO you look at the functions of the languages, such asdata typesoperatorsselectionIteration

Task 2: The right tool for the job

And the evidence for this really has to be in context, through annotation of scripts:identification of the scripting languageexplanation of what each part of the script does

You can use Post-its, glue sticks, whatever rocks your boat – just be VERY CLEAR about what you’re saying and how you’re saying it.

Markgrid – AO2

PASSCandidates provide annotated scripts for

a few different scripting languages.The annotation will show a brief

summary of the scripts workings although it may only indicate a limited understanding of the code.

Markgrid – AO2

MERITCandidates provide annotated scripts for

a range of different scripting languages.The annotation will show an accurate

summary of the scripts workings and will indicate an understanding of the code.

Markgrid – AO2

DISTINCTIONCandidates provide annotated scripts for

most scripting languages.The annotation will show an accurate

and concise summary of the scripts workings and will indicate a thorough understanding of the code.

Task 3: Configure browsers Browsers are windows on the Net… as

opposed to net curtains on the window... You need to be able to ensure that your

design will run on the major browsers, to make sure your site reaches the greatest number of potential viewers and purchasers for the fast food company.

Task 3: Configure browsers So the browsers you ought to consider

include:Internet ExplorerFirefoxNetscapeOperaSafari

And your evidence should show how to configure different web browser software so that scripts will run on them without interference to the user.

Markgrid – AO3

PASSCandidates demonstrate basic

configuration changes within two browsers so that scripting languages will function within them.

Markgrid – AO3

MERITCandidates demonstrate competent

configuration changes within more than two browsers so that scripting languages will function within them.

Markgrid – AO3

DISTINCTIONCandidates demonstrate fully competent

configuration changes within more than three browsers so that scripting languages will function within them.

Task 4: Design process

Here you need to show the whole process of how you design your webpages.

So as usual, start with your purpose and audience, and work through the list on the next slides…

Task 4: Design process

In the first section you should include:justification of choice of scripting languagestatement of which scripting languages will

be usedhardware and software required to host the

web pages so they can be accessed correctly

Task 4: Design process

In the second section you should include:○ Diagrams required: e.g.

data input, processing and outputstoryboards showing the web page layout

And in the third…Coding:

○ structured English/Pseudo code outlining what functions scripts are required to perform

And finally…Database Links:

○ data structures of any databases which the site will link to

Markgrid – AO4 PASS

Candidates produce basic design notes for pages they intend to create. They will state the purpose of the pages and scripting language(s) to be used.

A basic storyboard and diagram showing movement of data will be included.

Candidates show some planning of the scripts which need to be written although little thought into technical requirements to host the site may be given.

Markgrid – AO4 MERIT

Candidates produce detailed design notes for pages they intend to create.

They will describe the purpose of the pages and scripting language(s) to be used.

A detailed storyboard and diagram showing movement of data will be included.

Candidates plan the scripts which need to be written and include notes relating to the technical requirements to host the site

Markgrid – AO4 DISTINCTION

Candidates produce thorough design notes for pages they intend to create.

They will fully describe the purpose of the pages and justify the choice of scripting language(s) to be used.

A comprehensive storyboard and diagram showing movement of data will be included.

Candidates fully plan the scripts which need to be written and include designs for any data sources which will be linked to.

Candidates outline in full the technical requirements needed to host the website

Task 5: Infrastructure

You cannot create a stable website – or anything else, for that matter – without a decent base. So you need to show evidence of the following in your website paperwork (or electronic portfolio, of course!)

Task 5: Infrastructure

Directory Structure:directory, subdirectories and appropriate

filenamesaccess permissions of the folders will need

to be considered once uploaded if data is to be written to a database from the web pages).

Keep copies of work on a suitable backup device

Task 5: Infrastructure

Requirements of web pages:fit for purpose, that include scripting

languageshouse styleinclude a form on one of the web pagesscripts which allow the processing and

output of inputted datascripts on pages which return feedback to

the user or allow interactivity

Task 5: Infrastructure

And finally…Uploading:

○ upload the web pages to a server if necessary so that pages will function correctly

Annotation:○ annotate code explaining what the scripts

written do

Markgrid – AO5

PASSCandidates set up a suitable folder

structure with files named appropriately.Candidates create basic web pages

which use scripting to process and output data which has been entered.

Web pages will have some consistency.Candidates provide a brief summary, of

what the code they have written does, by annotating the scripts.

Markgrid – AO5 MERIT

Candidates set up a suitable folder structure with most files named appropriately.

Candidates create appropriate web pages which use scripting to effectively process and output data which has been entered.

Web pages use a house style which has been developed by the candidate to ensure the pages are consistent.

Candidates provide an accurate summary, of what the code they have written does, by annotating the scripts

Markgrid – AO5 DISTINCTION

Candidates set up a suitable folder structure with all files named appropriately.

Candidates create high quality web pages which use scripting to effectively process and output data which has been entered.

Web pages use a house style which has been developed by the candidate to ensure the pages are consistent.

Candidates provide an accurate and concise summary, of what the code they have written does, by annotating the scripts

Task 6: Testing Times You must make sure that your pages

are visible by users and can be accessed in the correct order

show pictures, text and other content appear in the correct place as planned

have text that is error free and follow the rules of English

include scripts that function correctly and produce the desired results

work as planned even when different browsers are used

And using the usual test plan template is fine!

Markgrid – AO6

PASSCandidates provide evidence that limited

testing of their web pages has been carried out.

Content will have been checked although some errors may remain.

Little consideration is shown into whether the pages continue to function correctly in other browsers

Markgrid – AO6 MERIT

Candidates provide evidence that detailed testing of their web pages has been carried out covering most of the main aspects.

Where problems have been rectified evidence of before and after code is included.

Content will have been checked so that few obvious errors remain.

Some consideration is shown into whether the pages continue to function correctly in other browsers with evidence included that pages have been tested in at least two browsers.

Markgrid – AO6 DISTINCTION

Candidates provide evidence that thorough testing of their web pages has been carried out covering all of the main aspects.

Where problems have been rectified evidence of before and after code is included.

Content will have been checked so that no errors remain.

Full consideration is shown into whether the pages continue to function correctly in other browsers with evidence included that pages have been tested in several browsers.

Task 7: And the final score? Look back at all this work. It’s been a

real slog, and now you need to consider:quality of web pageseffectiveness of your code in processing and

outputting the inputted dataThe strengths/weaknesses in your own

working practicessecurity issues attributed to using scripting

on web pages

Markgrid – AO7 PASS

Candidates provide a brief and not always accurate evaluation of the web pages they have produced.

They will suggest limited improvements to the pages and their working practices.

Little explanation of the effectiveness of the pages’ ability to process and output data which has been inputted is offered.

A simple analysis of the security risks involved with running scripts is made.

Markgrid – AO7 MERIT

Candidates provide a detailed and accurate evaluation of the web pages they have produced.

They will suggest realistic improvements to the pages and their working practices.

A detailed explanation of the effectiveness of the pages’ ability to process and output data which has been inputted is offered.

A clear analysis of the security risks involved with running scripts is made.

Markgrid – AO7 DISTINCTION

Candidates provide a comprehensive and accurate evaluation of the web pages they have produced.

They will suggest realistic improvements to the pages and their working practices with thorough justification.

A comprehensive explanation of the effectiveness of the pages’ ability to process and output data which has been inputted is offered.

A critical analysis of the security risks involved with running scripts is made.