OCR Level 1/2 Cambridge Nationals in Creative iMedia ...€¦ · UNIT R085 SAMPLE LEARNER OR ITH...

ocr.org.uk/cambridgenationals

CREATIVE iMEDIA

Cambridge NATIONALS LEVEL 1/2

Sample Learner Work with commentary

Unit R085: Creating a multipage websiteVersion 1

2

OCR LEVEL 1/2 CAMBRIDGE NATIONALS IN CREATIVE iMEDIA UNIT R085 SAMPLE LEARNER WORK WITH COMMENTARY

CONTENTS

Introduction 4

Learning Objective 1 – Understand the properties and features of multipage 5

websites

MB1

Marking commentary on MB1 sample learner work 7

Suggested improvements to progress sample learner work to MB2 7

Learning Objective 2 – Be able to plan a multipage website 8

MB1Marking commentary on MB1 sample learner work 11


Learning Objective 3 – Be able to create a multipage website using multimedia

components 12



Learning Objective 4 – Be able to review a multipage website 22



Learning Objective 1 – Understand the properties and features of multipage 23

websites


Why it was awarded MB3 not MB2 26

3

OCR LEVEL 1/2 CAMBRIDGE NATIONALS IN CREATIVE iMEDIA UNIT R085 SAMPLE LEARNER WORK WITH COMMENTARY

Learning Objective 2 – Be able to plan a multipage website 27



Learning Objective 3 – Be able to create a multipage website using multimedia 36

components



Learning Objective 4 – Be able to review a multipage website 48



UNIT R085 SAMPLE LEARNER WORK WITH COMMENTARY

4

OCR LEVEL 1/2 CAMBRIDGE NATIONALS IN CREATIVE iMEDIA

4

INTRODUCTIONThis is a guide for teachers so that you can see how we would mark work, Cambridge Nationals are designed to give the learners the project and let them create the work.

The guide contains sample learner work for this unit and covers all learning objectives, graded at Marking Band 1 (MB1) and Marking Band 3 (MB3).

The accompanying commentary explains why each piece of work was awarded its grade.

For MB1 graded work, additional guidance has been added to suggest improvements that could be made to make it an MB2 graded piece of work.

For MB3 graded work, additional guidance has been added to explain why it was awarded that grade and not the lower grade of MB2.

REPRODUCTION OF CANDIDATE’S WORK

The candidates’ work within this document is reproduced for free of charge distribution to teachers in order to help them prepare candidates for examinations. The work has been reproduced as submitted by the candidates. Some of the work may contain third-party material for which we are unaware of the source, the rights owner or the existence of any permission that the learner may have had to use the material. If you are the owner of any third-party material contained within this document, and you wish to question its use, please contact The Resources Team at OCR through [email protected]

You MUST NOT allow your learners to copy the samples contained in this guide. OCR moderators have been advised to report any copying, in whole or in part. Misuse of these samples will lead to a malpractice investigation being conducted and would put all submitted learner work at risk of investigation.


5


5

Learning Objective 1 – Understand the properties and features of multipage websitesMB1

SAMPLE LEARNER WORK

L01 – Research

Website purposes

There are many different purposes for website these include:

- providing information – www.traveline.info

- providing entertainment – www.itv.com

- providing instruction – www.wikiHow.com

- e commerce – www.amazon.co.uk

- public service – www.nhs.uk

Website features

Most websites use a range of similar feature to provide the function for the website. Below is an example of a typical website and the common features it shows.

Prominent banner to show the name of the website

Image illustrations

Website information displayed in columns. This provides a link to a larger article.

Horizontal navigation bar with buttons to show all the sections of the website, including a home button

Logo for the company

Key information in bold text

www.traveline.info

www.itv.com

www.wikiHow.com

www.amazon.co.uk

www.amazon.co.uk

www.amazon.co.uk

www.nhs.uk


6


6

Information footer with a range of different links to different sections which aren’t content based i.e. terms and conditions. These are basic text links which are a little different from the main house style.

Back to the top of the page button

Clear house style for the pages


7


7

A portable computer that can use mains electricity or

a battery. It can connect to the internet using a wired connection

or a WiFi connection.

A portable battery powered

telecommunication device. It can connect to the internet using

mobile internet such as 3G or 4G or a WiFi connection.

A portable battery powered

computer with a touch screen. It can connect to the internet using a WiFi connection. A few

models can also use mobile internet.

A desk based computer that is powered by mains electricity. It can

connect to the internet using a wired connection or a WiFi

connection.

Laptops Mobile phones

Desktop computers

Tablets

Devices used to access websites

Marking commentary on MB1 sample learner workThe work contains a very brief summary of the purposes of websites. There is analysis of an existing website used to discuss the key features of websites. The range of devices and the connection methods discussed is brief but makes some key points about connectivity.

Suggested improvements to progress sample learner work to MB2To improve this work to MB2 the work could include a more detailed discussion explaining more about the context surrounding the purposes of websites. The description of devices could contain more information that describes the product features. The methods of connectivity could be covered in a separate section with reference to more of the technical information about how the different connection methods work.


8


8

Learning Objective 2 – Be able to plan a multipage websiteMB1

SAMPLE LEARNER WORK

Client Brief

The client has asked me to make a website. The website is to advertise a festival called Ecofest. The festival is going to be really environmentally friendly and I need to show this on the website. I also need to tell the customer about the range of different tickets they can purchase.

Target Audience

The brief says that the festival is family friendly so that target audience for the product is going to be anyone who would like to go to the festival. As I am going to be making a website the audience would need to have a computer.

Ideas

EcofestContent

Acts

Bands

Puppets

DJ

Green initiatives

Recycling

Solar Power

Trees

Audience Families

Tickets

Standing

Sitting

VIP

Work Plan

Task Time Scales

Plan out work 30 minutes

Find assets to put in the website 1 hour

Create website 1.5 hours

Add images to websites 30 minutes

Add text to website 30 minutes

Add links to the website 30 minutes

Check that the links work 15 minutes

Save website 5 minutes

Test Plan

Test Result

Do the pages load correctly?

Does the page have text and images?

Do the buttons work?

Does the page have a house style?

Is the text information correct?

Is the information suitable for the target audience?

Does the product fit the brief?


9


9

Assets What I need this for

Image of the acts To show people who the acts are

Image of recycling bins To show people what the recycling bins look like

Image of solar panels To show people what the solar panels look like

Image of tree planting To show people that Ecofest are planting trees

Resources What I need this for

Computer To create the site

Monitor To view the site

Keyboard To write the site content and build the site

Web design software such as Adobe Dreamweaver To write the web pages

Mouse To edit images and move the mouse around the software

Legislation

When I make my website I need to consider some of the legal issues related to creating websites.Copyright is something I need to be aware of when I am using images and information which I didn’t make myself on my website. Most things that have been created by someone else are protected by copyright. This includes books, song, videos and picture. This means that if I use any of these assets I need to record the sources of the assets and if I publish my work I would have to contact the author or creator of the asset and ask their permission to use their work. They may or may not agree and they may charge a fee or put some restrictions on how I can use the asset. If I broke copyright law I could be prosecuted. I also need to be aware of trademarks; these are used to allow companies to protect their brands. I would have to ask permission if I wanted to use an asset in my work that was protected by a trademark. This means that if a company did not want to be associated with my work and the product I am advertising they might not give me permission to use their trademark.


10


10

The

Acts

Tick

ets

Gre

en In

itiat

ives

Cont

act U

s

ECO

FEST

SIT

E M

AP

MA

IN C

ON

TEN

T

Tick

et ty

pes

and

pric

es

Phot

o an

d te

xt

Phot

o an

d te

xtPh

oto

and

text

Cont

act d

etai

ls

EESD

GG

DJAEco

fest

Ecofest

Ecofest

Ecofest

Ecofest


11


11

Marking commentary on MB1 sample learner workThe work demonstrates an interpretation of the brief that meets some requirements and a narrow identification of the target audience. There is a brief work plan which outlines some key points in the process and some timing. The work plan, legislation information and mind map show some skills from other units. There are a few assets and resources planned but evidence of the understanding of their use in the project is minimal. A test plan has been created which would test some elements of functionality.

Suggested improvements to progress sample learner work to MB2To reach mark band 2 the work would need to include a more detailed interpretation of the brief and target audience. It could also be improved by a more detailed work plan that included some planned resources and milestones. The understanding of the use of the assets and resources could also be demonstrated in more detail and the test plan could include more detailed testing of functionality and record expected outcomes.


12


12

Learning Objective 3 – Be able to create a multipage website using multimedia componentsMB1

SAMPLE LEARNER WORK

Create new html

Insert table

Set table at 5 rows by 6 columns, table is 100% of available space


13


13

Table created

Page title created

Select a different font that is more fun

Set the page background colour to a suitable colour

Background colour

Make the table borders visible to people viewing the site


14


14

Highlight text to create a link

Right click to access menu, left click on ‘make link’

Create link to the acts page

Set all link colours to white as blue cannot be seen on the page


15


15

Save the original file

Create logo, load Adobe Fireworks software. Set canvas to 72dpi with transparent background

Create text box

Select font colour to be the same as page background colour, picking interesting font

Save image


16


16

Select insert image and click on the logo and hit ok

Create some alternate text

Convert logo to home page link, right click on logo, left click on ‘make link’


17


17

Use ‘save as; to create other pages

Merge columns to type across page. Select cells

Select the festival 1 image and click ok

Provide some alternate text

Type in ticket and price information.

Tickets.html complete


18


18

Acts html

Contact html


19


19

Green html

Index html


20


20

Tickets html

Sources of images

Everyones environment http://www.shutterstock.com/pic.mhtml?id=311640341&src=id

Solar Drum http://www.shutterstock.com/pic.mhtml?id=337847957&src=id

Green Gizmos http://www.shutterstock.com/pic.mhtml?id=234373291&src=id

DJ John Alfred http://www.shutterstock.com/pic.mhtml?id=212858584&src=id

Recycling bins http://www.shutterstock.com/pic.mhtml?id=51057727&src=id

Solar http://www.shutterstock.com/pic.mhtml?id=204847975&src=id

Tree http://www.shutterstock.com/pic.mhtml?id=316506941&src=id

Festival 1 http://www.shutterstock.com/pic.mhtml?id=55735333&src=id

Wellies http://www.shutterstock.com/pic.mhtml?id=342027458&src=id

Test Result

Do the pages load correctly? All the pages load the content correctly.

Does the page have text and images? Each page has either text images or both.

Do the buttons work? Most of the buttons work, the contact us button does not and the image links that were meant to link to the acts individual pages do not work.

Does the page have a house style? The background colours are the same and the fonts used on the page are the same.

Is the text information correct? The text information on site is correct.

Is the information suitable for the target audience? The information on the site is suitable for the audience.

Does the product fit the brief? The website covers the main elements of the brief, but some of the functionality doesn’t work as well as it could.

http://www.shutterstock.com/pic.mhtml?id=311640341&src=id










21


21

Saving and Exporting - Files and folder

Here are the screen shots showing my exported work and the files and folders I used for my project.

Marking commentary on MB1 sample learner workSome appropriate assets have been used in the product and a basic master page utilised. There is evidence of some standard techniques being used to create the website. The website has a basic navigation structure that works to an extent but some links are broken. The file names used are generally appropriate but there is little evidence of a folder structure. Content on the site is limited which reduced the ability of website to meet the brief.

Suggested improvements to progress sample learner work to MB2The work could be improved by the creating a fully working navigation system and the creation of some more meaningful content being added to the website. Evidence of a clear folder structure and file names would also improve the work. Demonstration of some more advance web design skills to accompany those evidenced here would put the work in MB2.


22


22

Learning Objective 4 – Be able to review a multipage websiteMB1

SAMPLE LEARNER WORK

ReviewI think the website meets the client requirements well. I have included some images that I think go well with the theme of the website and meet the brief. I have also included the price of the tickets as the brief said. I have created a website which has 5 pages as the brief said. The pages are linked together using hyperlinks and most of the links work. I found some images to show what the acts looked like and I tried to link these to the acts websites but I couldn’t get the links to work so I had to leave this bit. I enjoyed creating the website but I found it difficult. I think the information on the website could have been more detailed to help it fit the brief better, as at the moment it doesn’t really provide much information about the event.

To improve my work further I would like to have had time to complete the links to my pages so that they functioned correctly. I would also like to have created much more text information which told the visitor all about the different features of the festival to help them sell more tickets which was the purpose of the website. I would also try to make the layout of the pages a bit more professional, the table layout I used helped me to make the structure but it didn’t make the website look very professional.

Marking commentary on MB1 sample learner workThe review and reflection on the work that has been undertaken has some reference to the brief. There is some information on what could be improved with some reasons as to why this would further develop the product.

Suggested improvements to progress sample learner work to MB2To improve this work to MB2 there could be more discussion about what went well and what did not; with clear reference to the brief. The design choices that have been made could be explained with reference to whether or not they helped the product meet the brief and the reasons behind the suggested improvements could be explained.


23


23

Learning Objective 1 – Understand the properties and features of multipage websitesMB3

SAMPLE LEARNER WORK

Websites - purposes and features

Online retailhttps://groceries.morrisons.com/webshop/startWebshop.do

The purpose of this website is to provide shoppers with information about the retailer Morrisons. The website provides information on all the different product ranges available, as well as information on the latest offers available. It provides a search function and the opportunity to find out where your local store is, and find out the opening times for that store. If you login to the website you can also complete an online shop and arrange for the shopping to be delivered to your home at a convenient time.

This website uses a range of different features to allow it to provide all the functions and services required by the customer.

1. The search facility – this allows the users to search for a particular product within the stores website, this is a vital tool for a website such as this where there will be information on 1000s of products stored within the pages of the site. The aim of online shopping is to provide convenience for customers if they cannot find the products they need it would not be fulfilling this purpose.

2. The website contains the company logo and house style of the company throughout. This is vital to ensure that the website is always recognisable as part of the Morrisons brand, as customers look for brands they recognise and have more trust in website that appear to be professionally finished.

3. The prominent feature on this page is the scrolling banner of images across the centre of the page. This features bold colours and graphics to draw the user’s eye to the money saving offers in an attempt to encourage viewers to purchase from their store.

4. The Morrisons website has a series of navigation bars which allow the user to move around different areas of the website with ease. This website provides two horizontal navigation bars one which is in the style of table which take you to different parts of the website, sorted by product ranges for example Morrisons Cellar or kids & baby and more, this is positioned at the very top of the page. Further down the page there is a navigation bar which has main categories such as home, browse shop, favourites, offers, new and seasonal, which makes it easier for the shopper to locate products they wish to buy.

5. Below the offers banner there are 4 large static graphics which work as buttons to take the user to 4 specific services the retailer offers, match and more, £1 delivery slots, import your favourites and shop online today. The design of these buttons is very bold; they are clearly features that the retailer wants to draw to the users attention.

6. The website also has a footer containing a range of much smaller links to information. The information here whilst still important tends to link more to the company as a whole rather than the websites primary function of online shopping. For example there are links here to things like contact us, terms of use and FAQ’s. This section and its positioning on the site is fairly standard, users would probably expect to find this type of information in this position on most professional websites.

Education http://www.smart-kit.com/

The purpose of this website is to provide fun and educational games and puzzles for children. The website provides links to a wide range of different games and puzzles which children can try. It also provides assurance to parents and teachers that all the content that is available on the site is suitable. There are graphical icon links to the games as well as the option to search via category of game or puzzle.

This website has a variety of features which allow it to function in an effective way to provide the users with

https://groceries.morrisons.com/webshop/startWebshop.do


24


24

everything they need from the website.

1. The website uses a bold colour scheme and logo to identity the website and to make it engaging to children. The logo also has a tag line `School-safe Puzzle Games’ which give a clear indication to the users of the aim of this particular website.

2. The website provides a clear navigation bar across the top of the homepage which allows the user to select which type of game or puzzle they are looking for and navigate directly to this page, this is create in clear contrasting colours which standout from the colour scheme of the rest of the page.

3. The page is divided up using columns of different icons which is an effective design technique to allow the user to clearly see the categories that are available. This is done with a minimum amount of text information which allow the site to be more accessible to those who maybe don’t read very well or would be put off by large sections of text information.

4. The website also has a rollover technique on the icons which means that when the mouse is rolled over a particular game icon a speech bubble appears which contains a brief outline of the game. This is helpful particularly to new users so they can see what sort of game or puzzle it is before they go to it.

5. There is a foot at the bottom of the page which provides the user with some key information about the website and some small links to other pages such as contact and about. This is a fairly standard place for this information to be found. In this case this information is likely to be most relevant to adults visiting the site rather than the sites child based target audience so it makes sense to locate these items in a conventional place where adults could locate them but where they don’t spoil the game experience for the users.

6. This site uses white space well, there are some clear sections of information and interaction but this is all well-spaced out and the use of white space means the page does not feel cluttered of too full.

Information http://scouts.org.uk/home/

The purpose of this website is to provide information about the Scout Association to existing volunteers and children but also to people who might want to join or need more information about the Scout Association.

The website contains a range of different features to allow users to access the information on the website.

1. At the top of the page there are a number of buttons which provide different functions. To increase accessibility on the site there is a button to increase the text size on the site, there is a donate button for fundraising and there are links to the social network sites Facebook, Twitter, YouTube, Instagram and Pinterest. These links allow users to link their web browsing to their social networking pages. This feature should be particularly appealing to the children and young adults who may access the site.

2. Also at the top of the page is a search bar to allow people to search for specific information on the site. This is a fairly typical place to find such a feature; following this design convention will allow more people to locate this function easily.

3. The whole website has a strong house style with the logo in the top left hand corner of the page and the purple and green colour scheme which is used throughout the site. This gives the site an eye catching effect and professional appearance which gives people confidence in the information provided.

4. The site also has a horizontal navigation bar which provides links to some main sections of information such as `What We Do’, `Join Today’ and `Events’. There is also a link to return to the home page.

5. The information in the body of the page is split into article type boxes which each provide some information on a topic which is in effect an introduction, then you can click on that section to take you to the full article. This technique is quite common on news websites where they want to showcase all the information they have available but not provide all the extended information on the homepage. To make the articles look more exciting many of them are accompanied by a small image which links to the information.

http://scouts.org.uk/home/


25


25

6. At the bottom of the page there is a horizontal menu which provides the logos of Scout Associations partners, each logo is a link which the user can click on.

7. At the bottom on the page is a footer with a lot of text links to various pages such as About, Jobs, Privacy Policy etc. This follows the convention of all the sites I have looked at in this project and most others. Users looking for this more business like information would know to look here for this information which is why it is quite discrete and subtly styled.

8. Another typical design feature for websites which is well demonstrated here is the use of white space. In this design it serves to make the design look quite clean and professional. It also has a functional purpose of allowing the page to be viewed on smaller screens such as mobile phones or tablets without having to scroll horizontally as all the information is in the centre of the design.

Devices used to access websites and Internet connection methods.

PC A PC is a desktop computer which requires connection to a power source to operate. The computer itself is separate to the peripheral devices it needs to be operated such as a monitor, mouse and keyboard. You can access the internet on a PC by either using a wired connection to the internet via a local area network (LAN) which then connects you to the internet via a router or modem. Alternatively you can use a wireless connection which uses a router to connect you to the internet. Once connected to the internet you would need a browser on the computer to enable you to search for and access websites.

Laptop A laptop is a portable computer which as well as the main computer has an integrated screen and keyboard, it usually also contains an integrated track pad in place of a mouse. A laptop has an internal battery so it does not always need to be connected to a power source to work but it will need to be connected to charge the battery. Like a PC, a laptop can connect to the internet using a wired connection, however it is usually connected using a WiFi to connect to the Local Area Network (LAN). WiFi connections are not always as reliable as wired connections but would still be able to connect to the internet to allow the user to view webpages.

Tablets Tablets are a computer which uses a touch screen in place of the keyboard and the mouse. All the peripherals required are integrated into the unit. Tablets also do not need a wired power source to work, though they will need to be charged up to work. Tablets connect to the internet in much the same way as a laptop. They do not generally have the function to connect to the internet via a wired connection so rely on WiFi to make the connection. Some tablets also have the option of using cellular internet which works in the same way as mobile internet outlined below.

Mobile phones Similar to a tablet in function all the features of the mobile phone are built into the unit, allowing you to access webpages using either a touch screen or the keypad buttons on the phone. Mobile phones can use either the mobile network or WiFi to connection to the internet. Using mobile internet requires the mobile phone to locate a mobile signal, and then the mobile connects via the mobile phone to the tower transmitting the signal. The data for this connection is encrypted and travel to the phone using the mobile signal. This is the least reliable of the internet connections, however, as the technology for mobile phones increases so does the reliability of the connections provided. When using a mobile phone to view webpages some websites automatically direct you to a mobile version of their website which is usually a more minimal version of the site which allows the whole page to be viewed on the screen without a lot of scrolling.


26


26

Games Consoles

It is now also possible to access the internet using a games console such as Playstation and Xbox. These products now have the ability to connect to the internet using a wired connection as discussed above for PC internet connection. The can also use a WiFi connection similar to that of a laptop. The connection speed for a game console would need to have a good date transfer speed because in order to use the games effectively online a lot of data needs to be transferred quickly or the game will lag behind the user commands. Due to this a mobile internet connection would not be suitable for a games console.

Digital Televisions

Certain types of television can be connected to the internet too. These types of television will allow you to access the internet in conventional ways such as using web browsers, they will most likely also come equipped with built in facilities that allow the user to stream content from the internet such as television programs or films. The televisions can use either a wired internet connection via a router or modem or a wireless connection. As with the games console the internet speed needs to be good to allow the data required to watch video content in real time to be streamed fast enough. There also needs to be a consistent link to the internet for streaming so the unreliability of a mobile internet connection would not be suitable. It would also require more data to be transferred than most mobile internet providers would allow on a standard package.

Marking commentary on MB3 sample learner workThere is a thorough discussion of the different websites and their purposes and features. Clear details of the devices used to access websites. The connection methods are discussed in good detail but could have a little more technical information, but with the best fit marking method this would meet the MB3 criteria.

Why it was awarded MB3 not MB2The level of summary of the features and purposes of the websites is detailed enough to be classified as thorough rather than sound. A good range of different devices are recorded with a detailed summary of how they would access websites.


27


27

Learning Objective 2 – Be able to plan a multipage websiteMB3

SAMPLE LEARNER WORK

Client BriefMy client is the local tourist information service. They have asked me to create a website to encourage more teenagers to visit local attractions and spend more time locally rather than travelling further afield. The tourist board want to promote what the local area has to offer in terms of attractions and facilities.

To meet the brief I need to create a website with at least 5 pages. The website needs to have a clear and consistent house style which can be seen throughout the pages. The website should contain different types of media such as images, text information and any other media features that would be needed to complete the product.

Target AudienceThe audience for my product will be teenagers who live in the local area. Teenagers are now travelling further afield to find entertainment and socialise. To engage with the target audience I am going to need to consider what things they might like to be able to do in the local area and tap into any interest they might have. I will try to make the product appealing to the teenage target audience by making it bold in design with bright engaging colours. I will try not to include too much text on the website as this is unlikely to engage the audience.

As the audience are teenagers there is a higher likelihood that they will be viewing the webpage on a mobile phone or tablet which has a smaller screen so having less text and more images would make it better suited to this platform. Though there is also the consideration that videos and sound would be harder to stream on mobile internet. When thinking about the attractions and facilities I will promote I need to think about the amount of money the teenage target audience would have to spend and advertise the activities that they will be able to afford doing. The audience could be either male or female as the brief does not specify the gender of the target audience so I will need to make sure there is information that is suitable for everyone and includes a broad range of potential interests.


28


28

Task

Tim

seca

leRe

sour

ces

30

min

s30

m

ins

30

min

s30

m

ins

30

min

s30

m

ins

30

min

s30

m

ins

30

min

s30

m

ins

30

min

s30

m

ins

30

min

s30

m

ins

30

min

s30

m

ins

30

min

s30

m

ins

30

min

s

Rese

arch

act

iviti

es a

nd

attr

actio

ns fr

om th

e lo

cal a

rea

45 m

ins

Lapt

op, c

ompu

ter,

mou

se

Crea

te a

n ov

eral

l pla

n fo

r the

w

ebsit

e15

min

sPe

ncil,

pape

r

Crea

tive

visu

alisa

tion

diag

ram

s fo

r the

web

site

page

s30

min

sPe

ncil,

pape

r

Mile

ston

e 1

Sour

ce a

sset

s req

uire

d fo

r the

w

ebsit

e30

min

sCa

mer

a, S

D c

ard

Crea

te a

ny fu

rthe

r ass

ets f

or th

e w

ebsit

e90

min

sLa

ptop

com

pute

r, m

ouse

, Ado

be

Fire

wor

ks so

ftwar

e

Edit

asse

ts to

suit

the

web

site

60 m

ins

Lapt

op, m

ouse

, Ado

be

Phot

osho

p so

ftwar

e

Crea

te th

e w

ebsit

e m

aste

r pag

e15

min

sLa

ptop

, mou

se, A

dobe

D

ream

wea

ver s

oftw

are

Crea

te in

itial

hou

se st

ylin

g an

d la

yout

for t

he w

ebsit

e15

min

sLa

ptop

, mou

se, A

dobe

D

ream

wea

ver s

oftw

are

Crea

te th

e bu

tton

s to

navi

gate

th

e pr

oduc

t30

min

sLa

ptop

, mou

se, A

dobe

D

ream

wea

ver s

oftw

are

Hyp

erlin

k th

e bu

tton

s to

the

page

s15

min

sLa

ptop

, mou

se, A

dobe

D

ream

wea

ver s

oftw

are

Test

but

tons

15 m

ins

Lapt

op, m

ouse

, in

tern

et b

row

ser

Mile

ston

e 2

Crea

te te

xt re

quire

d fo

r the

pa

ges

15 m

ins

Lapt

op, m

ouse

, Ado

be

Dre

amw

eave

r sof

twar

e

Form

at te

xt15

min

sLa

ptop

, mou

se, A

dobe

D

ream

wea

ver s

oftw

are

Inse

rt im

ages

for t

he w

ebsit

es15

min

sLa

ptop

, mou

se, A

dobe

D

ream

wea

ver s

oftw

are

Inse

rt e

xter

nal l

inks

30 m

ins

Lapt

op, m

ouse

, Ado

be

Dre

amw

eave

r sof

twar

e

Test

web

site

15 m

ins

Lapt

op, m

ouse

, in

tern

et b

row

ser

Proo

f rea

d w

ork

15 m

ins

Lapt

op, m

ouse

, Ado

be

Dre

amw

eave

r sof

twar

e

Save

pro

duct

in a

suita

ble

form

at15

min

sLa

ptop

, mou

se, A

dobe

D

ream

wea

ver s

oftw

are

Cont

inge

ncy

115

min

s

Cont

inge

ncy

215

min

s

Work Plan


29


29


30


30


31


31


32


32


33


33

Assets

Asset Use in project

Love Selby Logo To identify the website as being the Love Selby brand and to create consistent house styling.

Home button and rollover To be the graphical link to the other pages on the website, so that the user can clearly see what pages are available and how to access them.

Events button and rollover To be the graphical link to the other pages on the website, so that the user can clearly see what pages are available and how to access them.

Links button and rollover To be the graphical link to the other pages on the website, so that the user can clearly see what pages are available and how to access them.

Outdoors button and rollover To be the graphical link to the other pages on the website, so that the user can clearly see what pages are available and how to access them.

Selby Abbey button and rollover

To be the graphical link to the other pages on the website, so that the user can clearly see what pages are available and how to access them.

Eat & Drink button and rollover To be the graphical link to the other pages on the website, so that the user can clearly see what pages are available and how to access them.

Leisure Centre button and rollover

To be the graphical link to the other pages on the website, so that the user can clearly see what pages are available and how to access them.

Restaurant image To provide a visual asset to the content on the Eat & Drink page, also to allow the user to see one of the restaurants that will feature on the page.

Park image To provide a visual asset to the content on the Links page and to advertise the park and the facilities available there.

Leisure centre image To provide a visual asset to the content on the Leisure Centre page, also to allow the user to see the new improved centre building.

Bowling image To provide a visual asset to the content on the Events page, for one of the venues that will feature on the Events page.

Abbey image To provide a visual asset to the accompany content on the Selby Abbey page and encourage them to visit.

Outdoor landscape image To provide a visual asset to the content on the Outdoors page, also to remind the user of the great outdoors that are on offer in Selby.

Resources

Resource needed Use in project

Image editing software To edit the images to ensure the properties are correct for website use.

Screen graphics software To create the vector graphics needed for the logo, buttons and headings for the website.

Website design software To create the linked pages and structure for the site.

Laptop computer To run the software needed to create the project.

Mouse To allow me to edit images and create assets using a range of software.

Camera To create the images for the website.

SD Card To store the images from the camera on

SD Card reader To allow me to remove the images from the SD card onto the laptop.

Pencil and Paper To create my plans for the project

Internet Browsers To test my product


34


34

LegislationWhen thinking about the legal issues that I might need to consider when creating this product there are a few key points I need to consider.

Copyright When a piece of work is created it is protected by copyright. Copyright applies to many different types of work such as books; photos; music; drama and computer software. If you copy or share a piece of work that is protected by copyright without being granted the correct permissions to do so then you would be breaking the law and you could be prosecuted. To help avoid copyright infringement there is a symbol to show that a piece of work is protected by copyright, it is a © symbol, but any piece of work is protected by copyright even if it the symbol is not shown, I need to bear this in mind when completing my website.

To make sure that I do not break copyright law when I create my website I will need to make sure that if I am using assets that are protected by copyright that I take all the steps needed to ensure I am not in breach of this legislation. To do this I would need to request permission from the copyright owner to use their work and work within any restrictions they may put on the use of their material such as what purpose I can use if for or whether my work will be published on distributed. The copyright owner may request a fee for the use of their work which I would need to pay and I would need to acknowledge the source of any material I used.

Though if I were to create my own assets for this assignment they too would be protected by the copyright legislation I have discussed here. For my website project I intend to create my own assets and images, this will allow me greater freedom to create the exact assets I would like but I will also mean that I do not have to request permission to use them, pay a fee or be restricted but any conditions put in place by the creator of the work.

Photograph creationIf I am going to take photographs to use on my website there are some legal issues that I need to consider.

Location: If I want to take photos on private land then I would need to ask the permission on the land owner to allow access to the property. I can take photos in a public place providing I am not taking pictures of something which is protected by copyright such as a painting.

Subject: If you are taking photographs of people to avoid any legal issues it is sensible to get model consent from the subject of the photograph. This can be done using a model consent form. This records the subject’s permission for you to photograph them and usually states what you want to use the photographs for and if any fee has been paid for the subject to be photographed.

TrademarksTrademarks allow someone to protect a brand, for example O2 or Subway. If something is a registered trademark it is usually marked by the ® symbol. Trademark protection is not automatic you have to register for it. If you register a trade mark you are then able to take legal action against someone who the trademark without permission, you are also able to sell the trademark or allow people to use it on license which means they are granted permission to use the trademark in a certain way, often there will be a fee attached to the license. This allows companies to ensure that their brand is only linked with things that fit with their corporate image and are not going to be damaging to their own brand by association.

When creating my website I need to make sure I do not use any trademarks that are registered to anyone else. This should not be too much of a problem for the task I am completing as I intend to make the branding and house style myself to ensure that it fits the house style and image I am planning to use on the website.


35


35

Test Plan

Test Expected results Actual results Improvements needed

Re-test results

Consistent house style throughout the pages of the website

Clear headings for each page

Clear navigation

Navigation functions correctly

Rollover buttons show correctly

All images load correctly

Correct images appear on the correct pages

Text is readable

Text is free from any errors

Content is suitable for teenage target audience

External hyperlinks go to the correct pages

Marking commentary on MB3 sample learner workExcellent detail and clarity of the target audience and their requirements for the website are given. Detailed work plan is provided which is entirely capable of creating the website. Good reflection of the skill from other units, such as mind maps, visualisation diagrams and testing plan. A wide range of both assets and resources are planned with a clear explanation of their intended use.

Why it was awarded MB3 not MB2Detailed information provided on legislation and clear links to the assets which may be used on the website. The range of assets and resources planned is many rather than some. The test plan provided a detailed test of functionality with expected outcomes, improvements and re-tests to improve the product.


36


36

Learning Objective 3 – Be able to create a multipage website using multimedia componentsMB3

SAMPLE LEARNER WORK

I used dedicated web design software to make my multipage website.

Creation Log

Create a new site with specifically built website design software such as Adobe Dreamweaver software

Name the new site and set the folder location for the different files

Create the master page

Use site manager to create the folder structure for the site

Set up table structure for the master page

Set up a canvas in specifically built screen graphics software such as Adobe Fireworks software to create vector graphics

Create suitable paint brush settings

Draw an outline of my logo

Duplicate and horizontally flip the image to create the heart shape of my logo

Using paint bucket tool to fill the shape colour

Selecting a size and font for the logo text

Add the rest of the logo text

Create a table structure for the master page and insert the logo image

Set link and alternate text for the logo image

Create the button canvas in the screen graphics software

Add text to buttons in the screen graphics software

Save button and rollover version

Insert rollover buttons

Set rollover buttons and create links between pages

Create the canvas for page headings in the screen graphics software

Add text to page headings

Insert text headings into pages using the website design software

Set alternate text for headings

Set up header styles to consistently format the text on the page

Add text to pages

Edit the properties of images to correct resolution for web viewing 72 dpi

Insert images into pages using the website design software

Merge cells of table using the website design software

Create hyperlinks to external websites

Resize images to make them consistent across the website

Set document title to appear on the tab at the top of the browser page

Export website working on a pen drive to show to the client


37


37

Files and folder Structure



MB3

Assets LO1 LO2 LO3 LO4

LO1

LO1 Research

LO2

LO2 R085 Work Plan

R085 Work Plan


38


38



LO3

Assets Source Table

Creation Log

Testing Log

Love Selby Eat and Drink Page

Love Selby Events Page

Love Selby Home Page

Love Selby Leisure Centre

Page

Love Selby Links Page

Love Selby Oudoors Page

Love Selby Selby Abbey

Page

LO4

Review


39


39


Eat & Drink text

Eat & Drink button 1

Eat & Drink button 2

Events textEvents button 1

Events button 2

Home text

Home button 1

Home button 2

Leisure Centre text

Leisure Centre button 1

Leisure Centre button 2

Links text

Links button 1

Links button 2

Outdoors text

Outdoors button 1

Outdoors button 2

Selby Abbey text

Selby Abbey button 1

Selby Abbey button 2

Eat & Drink

Events

Home

Leisure Centre

Outdoors

Selby Abbey Selby

Logo

Assets


40


40

Assets Source Table

File name Source of asset Date sourced

Legal restrictions

Selby Logo I created the asset 18/07/15 There are no legal restrictions on this asset as I created it.

Eat & Drink Text I created the asset 18/07/15 There are no legal restrictions on this asset as I created it.

Eat & Drink Button 1 I created the asset 18/07/15 There are no legal restrictions on this asset as I created it.

Eat & Drink Button 2 I created the asset 18/07/15 There are no legal restrictions on this asset as I created it.

Eat & Drink image I took this photograph 18/07/15 There are no legal restrictions on this asset as I took the photograph in a public place and there are no people recognisable as the subject of the image.

Events Text I created the asset 18/07/15 There are no legal restrictions on this asset as I created it.

Events Button 1 I created the asset 18/07/15 There are no legal restrictions on this asset as I created it.

Events Button 2 I created the asset 18/07/15 There are no legal restrictions on this asset as I created it.

Super bowl image I took this photograph 18/07/15 There are no legal restrictions on this asset as I took the photograph in a public place and there are no people recognisable as the subject of the image.

Home Text I created the asset 18/07/15 There are no legal restrictions on this asset as I created it.

Home Button 1 I created the asset 18/07/15 There are no legal restrictions on this asset as I created it.

Home Button 2 I created the asset 18/07/15 There are no legal restrictions on this asset as I created it.

Leisure Centre Text I created the asset 18/07/15 There are no legal restrictions on this asset as I created it.

Leisure Centre Button 1 I created the asset 18/07/15 There are no legal restrictions on this asset as I created it.

Leisure Centre Button 2 I created the asset 18/07/15 There are no legal restrictions on this asset as I created it.

Leisure Centre image I took this photograph 18/07/15 There are no legal restrictions on this asset as I took the photograph in a public place and there are no people recognisable as the subject of the image.

Links Text I created the asset 18/07/15 There are no legal restrictions on this asset as I created it.

Links Button 1 I created the asset 18/07/15 There are no legal restrictions on this asset as I created it.


41


41

Links Button 2 I created the asset 18/07/15 There are no legal restrictions on this asset as I created it.

Selby Park image I took this photograph 18/07/15 There are no legal restrictions on this asset as I took the photograph in a public place and there are no people recognisable as the subject of the image.

Outdoors Text I created the asset 18/07/15 There are no legal restrictions on this asset as I created it.

Outdoors Button 1 I created the asset 18/07/15 There are no legal restrictions on this asset as I created it.

Outdoors Button 2 I created the asset 18/07/15 There are no legal restrictions on this asset as I created it.

Outdoors image I took this photograph 18/07/15 There are no legal restrictions on this asset as I took the photograph in a public place and there are no people recognisable as the subject of the image.

Selby Abbey Text I created the asset 18/07/15 There are no legal restrictions on this asset as I created it.

Selby Abbey Button 1 I created the asset 18/07/15 There are no legal restrictions on this asset as I created it.

Selby Abbey Button 2 I created the asset 18/07/15 There are no legal restrictions on this asset as I created it.

Selby Abbey image I took this photograph 18/07/15 There are no legal restrictions on this asset as I took the photograph in a public place and there are no people recognisable as the subject of the image.

Testing Record

Test Expected Results Actual Results Improvements needed

Re-test results

Consistent house style throughout the pages of the website

The house style has been designed using a master page so should be consistent throughout the whole website.

There are some small errors in the display of the pages due to different sized images

1. Resize images to a consistent dimension

1. This has created a more consistent look but there are still some areas of inconsistency around the buttons.

2. Check row width to ensure is it consistent throughout the pages. Resize any content which is creating oversized cells.

2. Having resized the content in some of the cells on the homepage the pages now appear consistent.


42


42

Clear headings for each page

I have created headings for each page which I would expect to display clearly on each page.

Page headings show the name of each page clearly.

Not needed Not needed

Webpage tabs show the name of the page

The pages should show the name of the page in the tab at the top of the page.

The tabs displayed untitled document

Add document names to pages to display in the tabs

The title tabs all show the correct page name.

Clear navigation The navigation on the page should be clear to the user.

The text on the navigation button clearly shows the user which page it links to.


Navigation functions correctly

I would expect the buttons on the page to link to the pages indicated on the button.

The navigation to each page works correctly with the exception of the events button which links to the outdoors page.

Correct the hyperlink in the events page button to direct it to the events page.

The link now works correctly and goes to the events page.

Rollover buttons show correctly

The text on the buttons should go from white to pink when the mouse hovers over them.

The text on the rollover buttons changed to pink when the move goes over it as expected.


All images load correctly

Images should appear in the top right hand corner of each page.

All images display in the correct position.


Correct images appear on the correct pages

Each image should tie in with the content of the page.

Images display on the correct pages.


Text is readable The text should all be clearly readable by the user.

The text is in a clear font, in the contrasting colours black and white so is easy to read.


Text is free from any errors

The text should be free from errors

There are a few small spelling errors in the text, such as the misspelling of different.

Correct spelling errors

Text is now correct.

Content is suitable for teenage target audience

As the website was designed for this audience all the content should be suitable.

The content has been checked and is appropriate for the audience.



43


43

External hyperlinks go to the correct pages

Links should direct the browser from the Love Selby website to the external webpages

All links function correctly.


Webpages


44


44


45


45


46


46

Marking commentary on MB3 sample learner workThere is consistent use of appropriate file and folder names and structures, which are clearly evidenced. The navigation on the site loads consistently and correctly and navigation is entirely functional. A wide range of assets are used appropriately. Folder structure is used and managed effectively to allow the website to function. The techniques used are the lower end of MB3 but using the best fit marking would be within MB3.

Why it was awarded MB3 not MB2A wide range of assets are all used appropriately. A master page was used well and the house style is appropriate for the audience and entirely consistent. Detailed evidence of testing and improvement is shown. Files and folders saved consistently and the product was published effectively.


47


47

Learning Objective 4 – Be able to review a multipage websiteMB3

SAMPLE LEARNER WORK

ReviewThe brief of this project was quite detailed so it was a challenge to keep to all the criteria set. I think the website that I have created meets most of the criteria outlined in the brief well. The client asked me to create a website for teenagers. With that in mind I decided to make the colour scheme for my website, very bold and bright and avoid the use of pastel colours. My colour scheme is black and white with the accent colour of bright pink. The brief also required the website to have at least 5 pages, this was a simple part of the criteria and I have achieved this in full. The navigation on the page is effective and includes both internal and external links which all work correctly. I particularly like the rollover buttons, as they are a nice design feature which makes the site stand out a bit and look at bit more interesting.

The use of images on the website has added a lot more interest to the pages and because I have used photographs they link to the actual locations discussed on the pages. They also make the site look more grown up than it would have done if I had used picture graphics rather than photographs; this has helped me fulfil the brief of catering for a teenage target audience.

There were some elements of the project that didn’t work as well as I would have liked them to. One of these things was the consistency of the page. I used a table to try and regulate the layout of the pages and I used a master page to keep the design consistent. Whilst the design elements such as buttons, logos and colour schemes are consistent, there is some variation in the layout of the pages which occurred when I added the content to the table structure on the individual pages. As the content for each page is not consistent this has skewed the layout a bit which I was disappointed about. To improve the website further I could set up the properties of the table to restrict the column and row dimensions so that they do not move in relation to the content, this would make the page layout of the website more consistent.

Whilst I have reflected that the photograph element of the website worked well this was not without its issues I had particular difficulty with the Selby Abbey photograph in terms of creating a consistent design. I set the dimensions of the images to fit the layout and so they appear consistent, but I could not do this in the same way with the Selby Abbey image as when it was used in the dimensions set it just didn’t look right, the quite narrow tall building looked misshaped and this spoilt the effect of the image. So I had to resize this image to different dimensions to the other, I tried to compromise and keep it as close to the others as I could be but without compromising the quality of the image too much but this did have a negative impact on the consistency on the layout for this page. If I had had more time to improve the website further I would have spent more time editing the image to try and make it fit the page better, or consider the page plan more when I was taking the photographs and used a landscape rather than a portrait image.

With hindsight I think that the website could be further improved by the addition of some different types of media for example video of the classes at the leisure centre or music from the concerts at Selby Abbey. I think this would have helped my website fulfil the client brief better as it would have provided more information on Selby in a different more unusual way.

I think I managed to find a range of different activities and facilities that promoted Selby in a positive way as required by the client brief, it was difficult to gauge which facilities and activities would appeal to the teenagers of Selby but I tried to collect up diverse ideas that could appeal to anyone. If I had more time to further improve the website I would like to have explored more potential activities I could have promoted.

I have chosen a bold blocky font for the text on the website, which was designed to be clear to users on all different types of device as I identified this was a key part of the target audience requirements and designed my text accordingly. This works well for the body text on the website pages but for the larger text such as the headings and the buttons it appears to be a little pixelated and graining. This doesn’t give the professional appearance to the website. If I had the opportunity to improve the website further I would look for a more bold text with sharp edges, which would give the text appearance a little more of a modern look. A font like Aharoni or something similar to this would perhaps be a better fit for the website design.


48


48

Marking commentary on MB3 sample learner workThe review provides a balanced reflection of the project which explains what works well and what didn’t work; with explanations in detail. The areas for improvements are detailed and clearly linked to what did and didn’t work.

Why it was awarded MB3 not MB2The level of detail included in the review allows it to be classed as thorough with full and relevant justification of all the points made both in terms of what went well and what did not and also in explaining the potential improvements and areas for further development.

The

smal

l pri

nt

We’d like to know your view on the resources we produce. By clicking on the ‘Like’ or ‘Dislike’ button you can help us to ensure that our resources work for you. When the email template pops up please add additional comments if you wish and then just click ‘Send’. Thank you.

If you do not currently offer this OCR qualification but would like to do so, please complete the Expression of Interest Form which can be found here: www.ocr.org.uk/expression-of-interest

OCR Resources: the small printOCR’s resources are provided to support the teaching of OCR specifications, but in no way constitute an endorsed teaching method that is required by the Board and the decision to use them lies with the individual teacher. Whilst every effort is made to ensure the accuracy of the content, OCR cannot be held responsible for any errors or omissions within these resources. We update our resources on a regular basis, so please check the OCR website to ensure you have the most up to date version.

© OCR 2016 – This resource may be freely copied and distributed, as long as the OCR logo and this message remain intact and OCR is acknowledged as the originator of this work.

OCR acknowledges the use of the following content:Square down andSquare up: alexwhite/Shutterstock.com, Page 16 - Puppets: Africa Studio/Shutterstock.com, Rockband: Africa Studio/Shutterstock.com, DJ: Dmytro Zinkevych/Shutterstock.com, Rockband: Nejron photo/Shutterstock.comPage 19 - Recycling bins: Sunsetman/Shutterstock.com, Tree planting: g-stockstudio/Shutterstock.com, Solar panels: jaroslavaV/Shutterstock.com, Festival: Alan Heartfield/Shutterstock.com, Wellies: DavidTB/Shutterstock.comPage 40 - Cafe: OlegD/Shutterstock.com, Park: MaraZe/Shutterstock.com, Bowling Alley sign: Melinda Fawver/Shutterstock.com, Leisure Centre: Rihadzz/Shutterstock.com, Forest: Peshkova/Shutterstock.com, Selby Abbey: © Lofty Wikimedia Commons.

Adobe product screenshot(s) reprinted with permission from Adobe Systems Incorporated.

Please get in touch if you want to discuss the accessibility of resources we offer to support delivery of our qualifications: [email protected]

OCR is part of Cambridge Assessment, a department of the University of Cambridge. For staff training purposes and as part of our quality assurance programme your call may be recorded or monitored. © OCR 2016 Oxford Cambridge and RSA Examinations is a Company Limited by Guarantee. Registered in England. Registered office 1 Hills Road, Cambridge CB1 2EU. Registered company number 3484466. OCR is an exempt charity.

General qualificationsTelephone 01223 553998Facsimile 01223 552627Email [email protected]

ocr.org.uk/cambridgenationalsOCR customer contact centre

We will inform centres about any changes to the specification. We will also publish changes on our website. The latest version of our specification will always be the one on our website

(www.ocr.org.uk) and this may differ from printed versions.

Copyright © 2016 OCR. All rights reserved.

Copyright OCR retains the copyright on all its publications, including the specifications. However, registered centres for OCR are permitted to copy material from this specification booklet for their own internal use.

www.ocr.org.uk/expression-of-interest

http://www.ocr.org.uk/qualifications/by-type/cambridge-nationals/

www.ocr.org.uk

mailto:resources.feedback%40ocr.org.uk?subject=I%20like%20the%20Creative%20iMedia%20Sample%20Learner%20Work%20for%20R085

mailto:resources.feedback%40ocr.org.uk?subject=I%20dislike%20the%20Creative%20iMedia%20Sample%20Learner%20Work%20for%20R085

OCR Level 1/2 Cambridge Nationals in Creative iMedia ...€¦ · UNIT R085 SAMPLE LEARNER OR ITH...

Documents

Transcript of OCR Level 1/2 Cambridge Nationals in Creative iMedia ...€¦ · UNIT R085 SAMPLE LEARNER OR ITH...