Embed Size (px)
Citation preview
© Pearson 2014 1
NQF BTEC from 2012 Sample Marked Learner Work Distinction standard. Unit: 3
NQF BTEC Level 1/Level 2 First in Information and Creative Technology
Unit 3: A Digital Portfolio
© Pearson 2014 2
Contents You will need to refer to the appropriate specification alongside these sample materials. Unit 3: A Digital Portfolio from the BTEC Level 1/Level 2 First in Information and Creative Technology can be found by typing the following into your web browser. http://www.edexcel.com/quals/firsts2012/information-and-creative- technology/Pages/default.aspx
Page
1 Introduction and commentary 3
2 Assignment Brief 4
3 Learner work 9
4 Assessment Record Sheet 60
Please note: The names in this learner work have been changed, images may have been removed for copyright reasons and there may or may not have been further edits for the purposes of exemplifying each grade
© Pearson 2014 3
Introduction and commentary
The learner work that follows has been assessed accurately to national standards. This is one example of a Distinction grade on the core internally assessed unit. The Digital Portfolio developed achieved all of the set criteria. The assignment brief used was the Pearson Authorised Assessment Brief for Unit 3: Design a Portfolio, and was not modified by the centre. This learner has achieved all of the set criteria for Learning Aim A (2A.P1, 2A.P2, 2A.M1 and 2A.D1). The final design justification explains how the portfolio fulfilled its intended purpose and met the needs of its target audience. The detailed design documentation includes a clear timeline for the project, a fully-referenced asset table and a detailed structure chart. The eight-page storyboard demonstrates a consistent approach to layout and colour schemes. The proposed alternative design solution also provides a clear description of alternative styles, layout and assets. This learner has achieved all of the set criteria for Learning Aim B (2B.P3, 2B.P4, 2B.P5, 2B.M2. 2B.M3, 2B.M4 and 2B.D2). The learner has used a good range of assets in the development of their digital portfolio. The folder structure and testing strategy used demonstrates a good awareness of the audience and purpose. The context and section pages clearly explain the choice of content and the navigation routes used. Commentaries were used consistently throughout the portfolio. A good range of assets were used with video links included to introduce the portfolio content, which demonstrated a good use of multimedia assets to enhance the user experience. The portfolio was tested for purpose and functionality and end-user recommendations were also considered. This demonstrated an awareness of the target audience and intended purpose of the portfolio. The result of the development and testing process made the portfolio easy to navigate and ensured it looked professional. This learner has achieved all of the set criteria for Learning Aim C (2C.P6, 2C.M5 and 2C.D3). The learner has evaluated the final portfolio against the initial design documentation and considered how the portfolio addresses the needs of the target audience and how it is fit for the intended purpose. Comments from the end-user testing helped the review process. The learner has also provided a rationale for the changes made throughout the development and creation of the digital portfolio, and has made recommendations for further improvements.
© Pearson 2014 4
Assignment Brief Assignment title
Design a Portfolio to Get That Job!
Assessor Bey Brooke Date issued 13 January 2014 Final deadline
13 April 2014
Duration (approx)
10 hours
Qualification suite covered
BTEC Level 1/Level 2 First Award in Information and Creative Technology BTEC Level 1/Level 2 First Certificate in Information and Creative Technology BTEC Level 1/Level 2 First Extended Certificate in Information and Creative Technology BTEC Level 1/Level 2 First Diploma in Information and Creative Technology
Units covered
Unit 3: A Digital Portfolio
Learning aims covered
Learning aim A: Design a digital portfolio Learning aim B: Create and test a digital portfolio Learning aim C: Review the digital portfolio
Scenario You want to apply for an IT job when you finish your BTEC course and you’ve
heard that a local company, Konnekted, recruits IT apprentices. As part of your job application, you are going to produce a digital portfolio so that the company can see the work that you can produce. You know that potential employers will want to see a range of your work, such as written documents, images (still and moving), audio tracks, programs and systems that you have created during your course. The range of work you produce will show how suited to the job you are. You can also include any other relevant activities that you have done, such as other courses or qualifications, activities completed for the Duke of Edinburgh’s Award, community work you have undertaken and any other achievements, as well as details about yourself. Your digital portfolio needs to impress the people at Konnekted and, if necessary, other employers, as you are sure that there will be other people applying for the apprentice positions. Therefore, it is important that your portfolio shows that you have all the skills required for the role. Your digital portfolio will be hosted on a server and employers like Konnekted will be able to access it through a web browser. It will be made up of a number of linked web pages. All of the content will need to be in a format suitable for displaying on the web. The portfolio will have a main page, which the other pages will link to. You will need to split your portfolio into different sections based on the different content you have created. The portfolio must include work from all your completed units in the course.
© Pearson 2014 5
Task 1 Produce a detailed design of the portfolio that, with a written justification for your design, you are going to submit for an IT job at a potential employer such as Konnekted. It should include the following information. Who your portfolio is aimed at and what its purpose is. You should tailor the
portfolio to showcase your skills and achievements, and produce an original design to set your application apart from those of the other people who apply.
A project plan or timeline which provides a predicted date for when your portfolio will be finished.
A detailed storyboard of your preferred solution; describing at least eight screens, and showing how you will layout the pages and what content each page will contain. You can include colours, fonts, moods and styles.
A diagram or chart showing how people can navigate through your portfolio. A list of all the resources (assets) you will use. This includes logos, texts,
images, video, audio tracks and other content that your site will contain, with details of where they have come from and where these assets will be used.
Details of an alternative solution. This does not have to be a fully completed design but should outline how the design could be done differently. It could cover text and image description, navigation details and the asset list. You could outline alternative ideas on the preferred solution’s storyboard, but you should clearly identify that the idea is an alternative and explain why you have rejected the idea.
Include a written justification of your design, saying how it will meet its purpose, how each asset will enhance the user experience and how it has been designed to meet the needs of the audience.
Consider what your potential employer will be looking for when viewing your portfolio and bear these in mind when designing your portfolio. The portfolio must include work from all your completed units in the course.
Evidence you must produce for this task
Comprehensive design document that contains the following. Description of aim and purpose. Timeline. Detailed storyboard. Detailed structure chart. Table of ready-made assets with fully referenced sources. Alternative design solutions. Design justification.
Criteria covered by this task:
To achieve the criteria you must show that you are able to: Unit Criterion reference
Describe the audience and purpose for the design of a digital portfolio. 3 2A.P1
Produce designs for a digital portfolio, including: a timeline for the project a storyboard of the layout and content of pages a structure chart indicating navigation routes a list of ready-made assets to be used, including sources.
3 2A.P2
Produce detailed designs for a digital portfolio, including: alternative solutions detailed storyboard of layout and content of pages a detailed structure chart with complete navigation routes
3 2A.M1
© Pearson 2014 6
fully referenced sources for the ready-made assets.
Justify the final design decisions, explaining how the digital portfolio will: fulfil the stated purpose meet the needs of the audience.
3 2A.D1
Task 2 Create and Test Your Portfolio With your plans all in place, you can now create and test your portfolio, refining and justifying the content as necessary. You will need to create: 1. a folder structure to hold the different types of content 2. html web pages (to display the assets) 3. commentaries to introduce and explain the assets.
4. Make sure that all the assets are in a format suitable for the web. You will
need to check the file format and also the size of any images, videos and animations. You may need to change any text that has been created using a word processor so that it displays correctly when formatted in HTML.
5. Create the necessary pages for your portfolio using HTML and other assets; for example, text, images, audio and video. Your navigation should be consistent and straight forward.
Now that you have created your portfolio, you need to test it for purpose and functionality. Create a test plan that includes the steps to check that your portfolio works
properly when used in different browsers and by different computer systems. Work through your test plan, recording and correcting any faults that are found.
Get feedback from the users of your portfolio, especially about the suitability of your portfolio for the intended audience. Make changes as necessary.
Refine and justify your choice of content. Provide a detailed commentary that contextualises the content and shows how the assets have been chosen to enhance the user experience.
Evidence you must produce for this task
Screen shot of folder structure that also shows content in the folders. Completed and uploaded digital portfolio (witnessed by your tutor). Updated table of ready-made assets Completed test plan Completed user feedback forms and feedback review Detailed content justification.
Criteria covered by this task:
To achieve the criteria you must show that you are able to: Unit Criterion reference
Prepare portfolio content and save in appropriate file formats, using folders, demonstrating awareness of purpose.
3 2B.P3
Create a functional digital portfolio, including: home page and section pages context pages.
3 2B.P4
Test the portfolio for purpose and functionality on a different system and browser, and take appropriate action. 3 2B.P5
Select and refine a range of portfolio content and save in appropriate file formats, using a logical folder structure and
3 2B.M2
© Pearson 2014 7
demonstrating awareness of the audience.
Develop the portfolio, demonstrating awareness of the audience, using: a range of suitable assets on the web pages consistent navigation commentaries to explain the content.
3 2B.M3
Gather feedback from others and use it to improve the portfolio, demonstrating awareness of audience and purpose. 3 2B.M4
Refine the portfolio to improve navigation and include commentaries that justify the choice of content. 3 2B.D2
Task 3 Now that you have completed your portfolio for an IT role at a potential employer like Konnekted, write an evaluation of it by comparing the finished product to your original designs. Consider whether your portfolio is suitable for the intended audience and
purpose. Evaluate the final portfolio against the design documentation. Justify any changes you made from your original design. Consider the results of your testing and the user feedback you received. Evaluate whether there are any further improvements you think would
make your portfolio better meet its purpose, and the needs of the recruiters at Konnekted.
Evidence you must produce for this task
Written evaluation report.
Criteria covered by this task:
To achieve the criteria you must show that you are able to: Unit Criterion reference
Explain how the final portfolio is suitable for the intended audience and purpose. 3 2C.P6
Review the extent to which the final portfolio meets the needs of audience and purpose, considering feedback from others. 3 2C.M5
Evaluate the final digital portfolio against the initial designs and justify any changes made, making recommendations for further improvements.
3 2C.D3
Sources of information
Textbooks Jenkins, S. (2009) Web Design All-in-one For Dummies, Wiley Publishing 978 0 47041 796 6 Vandome, N. (2010) Dreamweaver CS5 in Easy Steps, Easy Steps Limited 978 1 84078 407 7 Allman, E. et al (2012) BTEC Level 2 First Information and Creative Technology Student Book, Pearson Education 978 1 44690 187 8 Websites w3.org A website providing protocols and guidelines for web development. w3schools.com
© Pearson 2014 8
Tutorials on how to make your own website. webmonkey.com A resource for web developers. wikihow.com/Make-a-Website Step-by-step help on how to make your own website. Note to assessors We are committed to ensuring that teachers/tutors and learners have a choice of resources to support their teaching and study. We would encourage them to use relevant resources for your local area such as local employers, newspapers and council websites. Resources from various publishers are available to support delivery and training for all Pearson and BTEC qualifications so that learners and teachers/tutors can select those that best suit their needs. Above are some examples of resources. Further useful resources may be found at www.edexcel.com/resources/Pages/default.aspx.
If you have not achieved the Level 2 criteria, your work will be assessed to determine if the following Level 1 criteria have been met.
To achieve the criteria you must show that you are able to: Unit Criterion reference
Identify the audience and purpose for the design of a digital portfolio. 3 1A.1
Produce designs for a digital portfolio, with guidance, including: outline storyboards of the layout and content a list of ready-made assets to be used.
3 1A.2
Prepare portfolio content, with guidance. 3 1B.3
Create a functional digital portfolio, with guidance. 3 1B.4
Test the digital portfolio for functionality, with guidance. 3 1B.5
Identify how the final portfolio is suitable for the intended purpose. 3 1C.6
© Pearson 2014 9
Learner work
How my designs meet the needs of the audience and purpose
The purpose of my portfolio is too show off my skills so that I can get a job. In order to achieve this I have included a copy of my CV and I have also included my GCSE grades. The portfolios will also show the work that I have completed on the BTEC course such as reports, documents, images, audio tracks, programs and systems. It will show that I have good skills and am well-suited to be a IT Apprentice or any IT job.So that potential employer can see the work that can do and have completed successfully.
I have organised my portfolio into sections, a page dedicated to each unit and an explanation the skills that I have learnt. I choose to have introductions as would show that I have understood the work that I was given.
The aim is to not only to give an outline of my work but also some information about me as a person. It will also show that I have IT skills and would be a good IT apprentices
The audience of my digital portfolio are my potential employersin order for them to be interested in my work I’ve made my portfolio look professional. I have done this by adding a colour scheme and a photo to my web page to help catch their attention. Each page will have a number of linked web pages so that it is easy to navigate for perspective employers to see my skills.
The page layout will also look professionals .When I added my tables I will made sure that my tables were neat as this
© Pearson 2014 10
would prevent the web pages from being untidy. This will mean that my website will look neat this will helps because if the website is too over crowded it would be untidy and uninteresting.
The portfolio will be thoroughly tested so that the potential employer will see that I am skilled and would be a goof IT Apprentice.
These are my design documents
My design will include: timeline for the project a structure chart indicating navigation routes original and readymade assets list storyboard mapping out the layout and content
Timeline for the project
Job Description How long to complete
Finished by
Start date 5 May 2014 Phase 1 - planning
storyboard Create a storyboard board Panels for each page layout page formatting
1 hour Finished after 30 min
© Pearson 2014 11
Structure chart Navigation to show how pages are
20 min Finished after 10 min
linked
Asset list Create a list of assets Find and create different assets images, sound, video
2 hours Finished after 1 hour
Phase 2 – detailed design Alternative design
What my webpage would look like with different layout images
30 min Finished 30 min
Detailed updated storyboard
Annotated design on how the layout and links
1 hour 30 min
Phase 3 – detailed design Develop the webpage
Develop the webpage Formatting, assets and links
10 hours 10 hours
Updated asset list
Listed different assets used
10 min 10 min
Test the I will test the 3 hours 3 hours webpage website and Repair the ask a user to website test it also
Phase 4 – detailed evaluation/design justification
© Pearson 2014 12
Evaluation Evaluation of the webpage Purpose, audience And user
2 hour Finished 1 hour
End date 30 May 2014
© Pearson 2014 13
Asset list
Category File name Name of asset
Description Location Source
Theme in FrontPage
template Industrial template All pages http://www.frontpage- templates.org/
Image original
image.jpeg Own photo Image of myself CV and personal info page
Taken with the school camera
Image original
phonemanual.jpeg Phone manual
Print screen of 2D own design passed into word. Image cropped and saved as jpeg.
Unit 6 2D Design
Image sourced
phoneadvert.jpeg Phone advert Original image of phone advert. Used Photoshop to change file from PSD to a JPEG.
Page 6 http://www.clipartlord.com/cate gory/home-clip-art/appliances- clip-art/mobile-phones-clip- art/smartphone-clip-art/
Text report
Various e.g. evaluationreport.d oc
Evaluation report
Evaluation report of the review of the digital portfolio
Last page C: user/unit 3/evaluationreport.doc
Music/ sound
music.mp3 Music Background music sourced, modified frames and saved
CV and personal info page
https://www.youtube.com/chan nel/UC-9- kyTW8ZkZNDHQJ6FgpwQ
© Pearson 2014 14
video transformersageof extinction .mov
Video Video to be used as background
Page 4 http://trailers.apple.com/trailers /paramount/transformersageofe
i i / xtinction/
Hypertext Links Original
Link.jpeg Original macro button created
Image macro button used to navigate the website
All pages C: user/unit 3/ Link.jpeg
Text cv.doc cv Used word to create and edit cv document
CV and personal info page
C: user/unit 3/cv.doc
Clip art image
Computer.jpeg computer Image of computer used to make the webpage look professional
Unit 14 Page C: user/unit 3/Computer.jpeg
table Appointment table.accdb
Appointment table
Copied appointment table from access to use in webpage
Unit 10 page C: user/unit 3/Appointment table.accdb
Video Intorvideo.QTFF quick time video
Recorded quick time video to introduce myself.
CV and personal info page
C: user/unit 3/Intorvideo.QTFF
© Pearson 2014 15
FOLDERLISTANDNAVIGATIONSTRUCTURE
This screenshot shows the list of folders in my project. It also shows my navigation structure for the portfolio. I have saved the files in the folders so that they can be organised, found and stored safely.
© Pearson 2014 16
• . ...
\
\
© Pearson 2014 17
\
© Pearson 2014 18
© Pearson 2014 19
© Pearson 2014 20
© Pearson 2014 21
© Pearson 2014 22
© Pearson 2014 23
© Pearson 2014 24
© Pearson 2014 25
© Pearson 2014 26
© Pearson 2014 27
© Pearson 2014 28
© Pearson 2014 29
© Pearson 2014 30
© Pearson 2014 31
© Pearson 2014 32
© Pearson 2014 33
© Pearson 2014 34
-
J
© Pearson 2014 35
o r
0 .
. . ! .
I l , II <
© Pearson 2014 36
.
© Pearson 2014 37
. )
-, ---
© Pearson 2014 38
: 1
© Pearson 2014 39
Alternative design
The alternative designs will be different navigation and images layout.
Cv page – remove clip art images from the page to make it less cluttered and make it look more professional.
Unit 6 page – different layout images and text Document link page – all of the documents created on
the course and introduction page will be linked one page.
Home page – navigation at the top of the page and page layout image and text different
How my portfolio is suitable for its audience and purpose My portfolio is suitable for my audience because I have created a relaxed but professional and interesting web page. All of my skills can be seen by the prospective employer. I have done this by using tables to show all of the information and clip art images to add some multimedia to my website. This would help the audience because they would be interested by my Wide variety of it skills. When I got somebody else to review my website they liked the relaxed blues and whites however felt that some of the pages lacked information. I acted on this by including some introductions on the homepages of the units as well as on my GSCE page. By doing this I have made my website more professional and more interesting to read. My digital portfolios purpose is to advertise my It skills to
a computer company called Konnected. I decided that the digital portfolio should contain all of the units I have covered because then my future bosses can see my wide
© Pearson 2014 40
variety of skills. It’s also important that they also can read about me as a person. To achieve this I have added my cv. Which I have spent a lot of time writing to make sure that it is professional. I also included an introduction which includes Information about me and my interests and hobbies. I have also to record an introduction on quick time. This recording was to include a brief intro on each unit as well as noting who I was and that I’d also included a page with my CV.
How the asset help make the webpage work
I have used a good number of different assets e.g. text, images, video, photos, templates, hypertext image link buttons.
The text is the same and consistent in style and type on every page and provides the information about my me and my skills.
The video is used as a brief intro on each unit as well as noting who I was. This makes the portfolio look interesting and attractive to the perspective employer. It also shows them my skills.
The frontpage template makes the overall portfolio attractive with the same colour and text in every page. Its easy to see and read if all of the information is on the same place in every page.
I have cropped the images that I found to make sure that they fit and looked on the pages.
I took a picture of myself using the school camera so that the prospective employer could see what i look like.
© Pearson 2014 41
The layout of every page is consistent with a home page and a page for each of the sections. I created hypertext image link buttons to make it easy for the user to navigate. How the navigation options makes the product easy to use and professional. All of the buttons also look the sam so the webpage flows and look professional
Justification of my portfolio against my design The first element in designing and creating my portfolio was to write the purpose and the audience of the portfolio. This was important because I could relate this to my designs to determine what I needed to include in my portfolio. I then made a time line to help me lay out what task I was to do and how long it should take me to complete it. Next I made two different versions of my navigation tree.one which was a final version and a second which was to include the alternative designs. This was to help me because I would have a backup plan if the final design couldn’t work. I next started to design each page these were detailed as I knew exactly what needed to be done. For example I annotated what colours I wanted to use and what would be the purpose of that button. I choose to have the buttons down the left hand of the page because they out of the way of my main information but they are still in the users eye. I also created 3 alternative versions of my pages. I choose to place the navigation buttons above the information on my pages. I did this because I thought that if having the are down the side was unsuitable I could then have it across the page. This also meant I would also be able to spread the information around my pages more because there are more room. Once these designs were completed I could then load up Microsoft FrontPage and I could start to make my portfolio. The first step was to sort out the navigation system. I had a mother and a child tier. It is called this because the mother tier is above the child tier. I choose to do this
© Pearson 2014 42
because each unit would have a homepage with other pages coming off of it. I could then start to make my pages I added the navigation bars to my pages and on the homepage added the picture of me along with an introduction to my portfolio. The portfolio was important because not only was it to introduce the company to my portfolio but also to myself. I included in my introduction my it skills as well as my hobbies and interests. This was because I wanted them not just to see what I like and but what I don’t like as well. I then made my pages whilst I was doing this I created a table in Microsoft Word which was my asset list. This is where I could keep track of all the pictures and clip art I had used. Once I had completed all of my pages I could then start to test my website in internet explorer, Firefox and Google chrome. These were all very successful although I still feel that the layout of my portfolio could be neatened up.
© Pearson 2014 43
The Digital Portfolio Screen shots and description of my website and justification of content
Screen shot Description
my home page includes a picture of myself as well as a written introduction which explains about me, my it skills and my hobbies. This page help the user to understand me as a person and to identify a name with a picture. This is also the main page that all of the other pages can be accessed from.
My unit 6 page includes 2 buttons on the left hand side which link to the vector and bitmap pages. The table includes both the bitmap and vector images. Next to each image I have added a short introduction to each one. This page will have all of the resources for this unit , they are grouped together so that they can be found easier.
I created a page for vector image this included the purpose and audience of the product, evaluation , asset list , my improvements and the testing. I have made sure that all of my documents which are for this unit are there. This page will have all of the resources for this unit , they are grouped together so that they can be found easier.
© Pearson 2014 44
The bitmap page has the same documents as the vector page however I’ve also included the strengths and weakness of the image as I thought this was an important because it shows what worked and what didn’t and how I would change it. This page will have all of the resources for this unit , they are grouped together so that they can be found easier.
my unit 10 homepage includes a screenshot of my patient form. I have also made a introduction to the page giving a explanation of the unit and a rough outline on how my database was made, how I improved it and what the scenario/brief we was given was about. This page will have all of the resources for this unit , they are grouped together so that they can be found easier.
This is my report table I screen printed my reports and placed in this table. Following feedback saying I could include more information on some off my page o I added information on each of the reports. This page will have all of the resources for this unit , they are grouped together so that they can be found easier.
© Pearson 2014 45
For my form table I screen printed my forms and placed in this table. Following feedback saying I could include more information on some off my page o I added information on each of the forms .
This is my unit 10 document page. This includes a table which holds all of my paperwork for my unit 10 folder. Some of the documents include my improvements, alternative design ideas, uses of databases and some screenshots with descriptions annotating each part of my database. This page will have all of the resources for this unit , they are grouped together so that they can be found easier.
My unit 14 homepage. This includes a clip art image of a computer I thought this would help to bring sense of colour to my home page. As with my other unit home pages I have included an introduction which has information on the unit and a brief view of the scenario.
© Pearson 2014 46
On my hardware page I have included the documents which relate to the unit. These included an asset list and types of hard ware documents. This page will have all of the resources for this unit , they are grouped together so that they can be found easier.
This is my upgrading and maintaining page. This page includes evidence of me carrying out the procedure of maintain and upgrading a computer hardware system. This page also has my letter to our client discussing the strengths and the weakness of them buying a laptop they have chosen.
An absolute must for me to include in my digital portfolio was my CV I have made a page dedicated to this. The CV will help the clients to understand me as a person.
© Pearson 2014 47
It is important in any job application or portfolio that you should include your GCSE results. I have a page which has two clipart images to liven up the page, my table of grades and an introduction to the page and how I carried out my GCSE’s.
To make add my audio commentary onto my webste I had to copy a code of tfrom the schools it folder into the HTMl this way the audio could be sent to the right page on the website.
On the bottom of the page of the homepage you can find the audio player which allows you to listen to the commentary. This was an important asset to use as it shows off my skills and what I can do. It also makes my portfolio easier to use and more professional.
© Pearson 2014 48
TestPlan–
Test
Number
Test
Expected
result Actual result
Any action
required?
Responsibility
Date for Completing
required action
1.
Start the
app
Home page should appear
Home page
should opened
no
2.
Navigation Press cv page link button
cv page should appear
cv page should opened
link worked
no
3
spelling
All spelling correct on home page
Some spelling mistakes
yes I will have tp read and correct all spelling mistakes
30 may
4
images
All images viewed
clearly on page and cropped
Not all images viewed clearly
on page
yes I will have to crop some of the images
30 may
5
Page layout
Page layout is
uncluttered and the
same on all
Page layout is
the same on all pages
yes
© Pearson 2014 49
pages
6
video
The video runs when
cliked
video is clear
no
7
navigation
All links between
pages work
All links work
no
8
exit
When you click on the exit butting the page closes
Webpage Page
closed
no
Test Plan – internet explorer
Test Number
Test
Expected
result Actual result
Any action
required?
Responsibility
Date for Completing
required action
1.
Start the
app
Home page should appear
Home page
should opened
no
2.
Navigation Press all page link button
All pages should appear
All pages
opened links
worked
no
4
images
All images viewed
clearly on
Not all images viewed
yes I will have to cropped some of the images
30 may
© Pearson 2014 50
page and cropped
clearly on page
5
Page layout
Page layout the same on
all pages
Page layout is
the same on all pages
no
Test Plan – chrome
Test Number
Test
Expected
result Actual result
Any action
required?
Responsibility
Date for Completing
required action
1.
Start the
app
Home page should appear
Home page
should opened
no
2.
Navigation Press all page link button
All pages should appear
All pages
opened links
worked
no
4
images
All images viewed
clearly on page and
All images viewed clearly
no
© Pearson 2014 51
cropped
5
Page layout
Page layout the same on
all pages
Page layout is
the same on all pages
no
Test Plan – firefox
Test Number
Test
Expected
result Actual result
Any action
required?
Responsibility
Date for Completing
required action
1.
Start the
app
Home page should appear
Home page
should opened
no
2.
Navigation Press all page link button
All pages should appear
All pages
opened links
worked
no
© Pearson 2014 52
4
images
All images viewed
clearly on page and cropped
All images viewed clearly
no
© Pearson 2014 53
5 Page layout
Page layout the same on
all pages
Page no layout is
the same on all pages
About me page:
Task Numb
er
Task
Expected result
Actual result
Any action
required?
Responsib ility
Date for Complet
ing required action
1.
About Box
button is
pressed
About box is opened
About box is
opened
no
2.
Main menu button
is pressed
Main menu page is opened
Main
page is opened
no
3
Cv Cv can be seen
Cv opened
no
© Pearson 2014 54
Review Home – very colourful and bold which makes it a nice read and can also gather a lot of information from just your home page. I feel that it may look a little better if the writing. Other pages – The other pages are all very good but I feel that you may need to add a little more to a couple of sections for example the GCSE results. Images All of your images look good and have good meanings Colour Scheme - I like the colour scheme as it is really happy and makes me think of the sky which makes writing look easy to read. Navigation – it is a really good smile navigation system which is why I like it Other comments None
© Pearson 2014 55
Testing
Improvements following feedback The person who gave me feedback advised me that I could lay out the writing differently on the home page to make it look more interesting. To add a more information or details to some of my other pages for example on my gcse page. Overall they seemed pretty impressed by the web page they said that the coulor scheme reminded of the sky because of the blues and whites. They also liked the amount of information on the home page because they could learn a lot about me from it.
Improvemen t To change the layout on the text on my home page
before after
To add more information on sections of some of my pages this is my gsce page
© Pearson 2014 56
Review of my webpage
My original designs of my digital portfolio are different to my actual website because on the original designs I wanted a hyperlink that would take you to my actual document. I decided not to and to have the documents copied and pasted into tables because it is easier than having to keep opening up documents. A second reason is that the audience may not be able to load up the documents as they may be uncompatible with their machines. A similarity between my two designs is that they all have a navigation bar down the left hand side and across the top. I kept this because it would give the page a border and with a theme it would give it a creative and a colourful look. Navigation would also be easier After I had got my feedback back I noticed that they said it would be great if the pages weren’t all laid out the same as it looked boring. To solve this I decided that I would make the tables different sizes so that each page was consistent. Another comment that they made was to include more information on some of the pages especially the GSCE page. I then went and acted on this by adding some information on my views about my results and also when I did them and how I went around my revision. I could further improve my webpage by adding more colours to the pages. I would hope this would help to make the pages more attractive to the reader this can also make the pages more interesting to read. A second improvement I would make to my digital portfolio it would be to make an introduction page to my CV page to explain how I made it and how I made sure it met the criteria.
© Pearson 2014 57
my final justification for the content
The purpose for me making a digital portfolio was to get me a job with an IT company. It is important that I show off my IT skills but also show me as person. I have achieved this by
Adding my CV, grades and an introduction all about me Crating a professional digital portfolio will all of the work that I
have created on the course. Showcase all of my skills Tested the portfolio and asked other for help and ideas
I’m really happy that I did this because not only do they get an insight into my work but also into me as a person. I have included many pages to my website these have included database (unit 10), hardware and maintaining hardware (unit 14) and bitmap and vector images (unit 6). These are the pages that showed off my IT skills the most because they show that I can create a database with forms and menus and add reports and query’s. Also that my unit 14 folder showed that I am capable of upgrading and maintaining the hardware.
The audience who could be my employers need to be impressed by my website. In order to do this I added a simple colour scheme of blue and white as anything to over the top would be too much. I’ve also made sure that every page is neat and tidy. This is the aspect I’m the most proud off because I’ve created a very professional portfolio which I hope will sell very well to my potential employers. I have made sure that the font is professional looking because if it was to fancy it would be distracting. I have tables on my website pages so that it keeps my work organised and neat. This prevents the page from being over crowded. I have made my writing formal because this portfolio could potentially get me job with the IT Company and I need to make sure it’s as professional as it can be. I also tested the portfolio on different systems and make sure that it worked properly with no spelling errors as that would have made my portfolio unprofessional.
Following the completion of the portfolio I asked someone to give me some feedback on my website. When I was handed my feedback I was pleased and surprised. I was pleased because they liked how the colour scheme reminded them of the blue sky as this
© Pearson 2014 58
gave a relaxed look. However I was surprised when they said there was a lack of information on some of my pages in particular my GCSE page. I acted on this by adding an introduction to each unit page explaining the unit as well as a paragraph explaining about how I went around revising and completing my GCSE grades. Another comment that they made was the change the layout of the tables as the same look can be boring. I acted on this by making some of the tables landscape and some of them portraits that each page is then different in layout.
To make my website even better: 1. I would add more colour to my pages to spice them. 2. I would also add a section on how I made my digital portfolio
and on computer programming. 3. I would also try to use dreamweaver to make the webpages as
it would let me create more features and a better more professional layout.
4. I would also have a page on my work experience as I have a Saturday and holiday job in MacDonald’s
5. My next step is to add my commentary which I will record and add onto my homepage.
6. I will also have a look at monster the job site webpage to see if they have any tips .
All in all I’m very proud of my portfolio and how it looks and I’d like to think of my portfolio as my aid in helping me get a job in the real world.
© Pearson 2014 59
LEARNER ASSESSMENT SUBMISSION AND DECLARATION
When submitting evidence for assessment, each learner must sign a declaration confirming that the work is their own.
Learner name: Hutch Simmonds Assessor name: Ceri Christopher
Issue date: 5 May 2014
Submission date: 30 May 2014
Submitted on: 30 May 2014
Programme: BTEC First Award in Information and Creative Technology
Unit 3: A Digital Portfolio
Assignment reference and title: Design a Portfolio to Get That Job!
Please list the evidence submitted for each task. Indicate the page numbers where the evidence can be found or describe the nature of the evidence (e.g. video, illustration).
Task ref. Evidence submitted Page numbers or
description P1,P2,M1,D1 LA:A Design a digital portfolio
Report 9‐10
P3,P4,P5,M2,M3,M4,D2 LA:B Create and test a digital portfolio
Timeline for the project A structure chart indicating navigation routes Original and readymade Assets list Storyboard mapping out the layout and content Test data Design evaluation User feedback screen prints Observation report
10-58
P6,M5,D3 LA:C Review the digital portfolio
Evaluation report 59-61
Additional comments to the Assessor:
Learner declaration
I certify that the evidence submitted for this assignment is my own. I have clearly referenced any sources used in the work. I understand that false declaration is a form of malpractice.
Learner signature: Hutch Simmonds Date:30 May 2014
© Pearson 2014 60
Assessment Record Sheet
ASSESSMENT RECORD SHEET Programme BTEC First Award in Information and Creative
Technology
Learner name
Hutch Simmonds
Assignment title Design a Portfolio to Get That Job! Assessor name Ceri Christopher
Unit no. & title Unit 3: A Digital Portfolio Target learning aims A, B, C
Issue date 5 May 2014 Submission date 30 May 2014
First submission / resubmission?*
First submission
Resubmission date**
Resubmission authorisation by Lead Internal Verifier*
Date
* All resubmissions must be authorised by the Lead Internal Verifier. Only one resubmission is possible per assignment, providing: The learner has met initial deadlines set in the assignment, or has met an agreed deadline extension. The tutor considers that the learner will be able to provide improved evidence without further guidance. Evidence submitted for assessment has been authenticated and accompanied by a signed and dated declaration of authenticity by the learner.
**Any resubmission evidence must be submitted within 10 working days of receipt of results of assessment. Target criteria
Criteria achieved? (Yes / No)
Assessment comments
2A.P1 Yes A clear description of the target audience and purpose for the design of the portfolio given.
2A.P2
Yes The design document includes a clear timeline for the project, storyboard mapping out the layout and content with the required eight screens, a structure chart indicating navigation routes, and a list of ready-made assets, i.e. a mixture of text, images, audio and video assets. It was also clear where these assets will be used.
2A.P3
Yes The folder structure used demonstrates an awareness of purpose. Screen print of the folder shows that the portfolio content was saved in appropriate file formats, .html, .jpg and .mp3. The folders were also appropriately named. Testing demonstrated that the file formats were appropriate.
2B.P4
Yes Achieved; home page and section pages for each section created. The context page contained appropriate assets, comments to introduce the portfolio content and navigation links to the portfolio content. Each page included a video link to introduce the portfolio content which makes very good use of multimedia assets.
2B.P5
Yes Achieved with a variety of testing carried out including checking that the portfolio can be viewed on different system/ browsers i.e. Internet Explorer, Chrome and Firefox. Appropriate action taken to ensure the portfolio is fully functional. End user recommendations also considered.
© Pearson 2014 61
2C.P6 Yes Achieved, explained two reasons why the portfolio is suitable for the intended audience and purpose.
2A.M1
Yes Detailed design documentation seen with a detailed storyboard of the layout and content of the required eight screens. Detailed structure chart that identifies complete navigation routes. Fully sourced table of ready-made assets identifying text, images, sound and video and where the assets were used/located in the portfolio. The design documentation is detailed and will allow someone else to visualise the completed portfolio. A detailed alternative design solution was also presented with a description of alternative styles, layout and assets.
2B.M2
Yes Achieved as the folder structure was logical and clear with suitable content in regards to the folder/files names and where the files are stored. The range of extracts gave a good overview of the achievements, demonstrating an awareness of the audience.
2B.M3
Yes Good evidence of further development of the portfolio seen, demonstrating an awareness of audience and the purpose. The context pages included clear explanations for the choice and content. The range of assets used was seen as suitable. The navigation and commentaries was also found to be consistent throughout the portfolio.
2B.M4
Yes Achieved; good range of tests carried out during the testing process, i.e. folder structure, page functionality, links work/open correctly, web pages are error free, effectiveness of pages. Tested the digital portfolio for usability i.e. user interface, navigation, content and style. The portfolio was also tested for functionality on another computer system/browser. Gathered and documented feedback from others and repaired the portfolio when required, acknowledged user comments when a change was suggested to show a good awareness of audience and purpose.
2C.M5
Yes Portfolio reviewed, good consideration given as to how well the portfolio addresses the needs of the intended audience and purpose. Feedback from end reviewer acknowledged and realistic and valid comments recorded. Feedback incorporated from end user into the review.
2A.D1
Yes Full justification of design choice seen with an explanation of how each asset enhances the user experience and how the navigation options makes the portfolio easy to use, also takes into account the intended needs of the audience.
2B.D2
Yes The portfolio was refined after the initial review and throughout the testing process; user testing was also acknowledged. Commentaries contextualise the content and the various assets enhanced the user experience. The result of the development and testing process made the portfolio easy to navigate and look professional.
2C.D3
Yes Achieved; with an evaluation of the final portfolio against the initial design documentation that considered the extent to which the portfolio met the needs of the audience and purpose explaining the rationale for any changes that were made. A variety of further potential improvements identified, some assisted by feedback from end reviewers.
© Pearson 2014 62
General comments
Well done Hutch, you have developed an excellent digital portfolio. You worked hard on each of the development phases and completed all of the tasks within the required time. The digital portfolio demonstrates all of the skills that you have learned in this course.
Assessor declaration I certify that the evidence submitted for this assignment is the learner’s own. The learner has clearly referenced any sources used
in the work. I understand that false declaration is a form of malpractice. Assessor signature
Ceri Christopher
Date
2 June 2014
Learner comments
I enjoyed the assignment I think it will help me get a job.
Learner signature Hutch Simmonds
Date 2 June 2014
All the material in this publication is copyright. © Pearson Education Limited 2014 (Edexcel)
Pearson Education Limited. Registered company number 872828 with its registered office at Edinburgh Gate, Harlow, Essex CM20 2JE
