Criterion D: Product design

Size: px

Start display at page:

Download "Criterion D: Product design"

Alisha Powell
5 years ago
Views:

1 Internal assessment: Example 1 Student work: Criterion D Criterion D: Product design Overall structure The following sketches show the design of the website that was approved by Keith Findlater. Information technology in a global society teacher support material 1

2 Information technology in a global society teacher support material 2

3 Information technology in a global society teacher support material 3

4 Information technology in a global society teacher support material 4

5 Internal structure index (home) profile architecture Text provided by Keith Text provided by Keith Images provided by Keith for thumbnails Text provided by Keith Text provided by Keith Text provided by Keith portraiture + fashion Nature + natural history services + contact Text provided by Keith Text provided by Keith Text provided by Keith Text provided by Keith Th thumbnail image that renders on a click into a full size image in a new frame Information technology in a global society teacher support material 5

6 List of resources and techniques Resources Details Lightbox2 Javascript files Allows the images to be rendered in a new window Obtained from Data Images files: Keith to provide these files Techniques Details Manipulation of graphics Resizing of images to reduce file space and speed up loading to Internet Use of Javascript to customize pages and improve functionality To enable image to appear on screen in a way similar to a pop up Manipulation of HTML to customize pages and improve functionality To improve the visibility to search engines Use of Cascading style sheets To ensure consistency across each of the webpages Editing the code in the template in the editable sub regions To create customized webpages Creation of e mail link To enable prospective customers to be able to contact Keith Use of rollover image Provide information about the image when the user hovers the mouse over them Information technology in a global society teacher support material 6

7 Test plan Test item Test data Part of system tested Expected outcome Actual outcome Comments Ref in product Cover page testing REQUIRED ELEMENT FOR CRITERION G Webpages load from the cover page in three different locations File naming to ensure homepage is called Index.htm Links on cover page are relative Loads as required from 3 different locations Product testing Hyperlinks between pages function Links between pages Hyperlinks Links function as planned Customised style sheet (1) Webpages Link to stylesheet in page headers All pages have house style Customised style sheet (2).css file Content of.css file All components of file appear on webpages Links to images Images and links to them File naming convention and hyperlink target Images load either in new window e mail link to Keith e mail hyperlink Button or hyperlink Compose e mail message box appears No Disabled by student on Keith s wishes Information technology in a global society teacher support material 7

8 Agreement of client I confirm that the requirement specification meets my needs and the designs above are appropriate for the creation of the product. (Client) Information technology in a global society teacher support material 8

Criterion D: Product design Overall structure. Navigation. General outline

Criterion D: Product design Overall structure Navigation General outline Overall structure of website Background will be this colour Navigation bar will be this Box will be this colour Home page Box will