1. BTEC NCF Dip in Comp - Unit 15 Website Development Lesson 12 – Publish and Test
Mr C Johnston

2. Learning Outcome Understand how to publish a website on a website
Understand the principals of testing and tools which can be used to carry this out
Understand the process of review

3. Overview
To upload your website to a server you need to use the application layer protocol FTP (file transfer protocol) to move the files
An FTP client will allow you to FTP to copy files from your computer to your folder on the web server
Most use drag and drop so its just look copying files from a fixed disk to a flash drive
You will need to log into the server before transfer can begin
Your teacher will provide you with a username and password for the computech server

4. Using FTP Windows Explorer
Windows has a built in FTP client – to access
type the FTP address of the web server within WINDOWS EXPLORER and add your username
when prompted enter your username and password into the box and your folders should appear.
Treat the area like a pen drive dropping in files and folders

5. Common Issues Homepage doesn’t display? Images missing?
Delete the home.html from the area before you start and replace with your own
Images missing?
You have not transferred your images folder
Form doesn’t work?
Database not uploaded to the dbase folder, coding error in asp file
Its slow?
server may not be able to cope with the demand of 20 students uploading at once – be patient

6. Activity
Finish your site and use an FTP client to upload the site ready for testing
REMEMBER to enter your username after the FTP address

7. Overview
It is important to test a website to ensure that potential visitors can fully experience your site and are encouraged to visit again,
To make site sure your site works you need to write a test plan which examines all aspects of your site,
You also need to consider:
Visitors may use different browsers to view your site,
Visitors computers may be set to different resolutions,
Visitors accessing the site using different devices,
All issues need to be addressed in your testing.

8. Testing Categories Each page needs to be tested for: Correct layout,
Page loads quickly,
All images and other media displayed,
All images and other are of a reasonable quality and don’t appear pixelated,
Can hear any sound on the site
Text has no spelling errors,
Hyperlinks work (page based, internal, external and ),
Scripting works correctly (rollovers, form validation, ASP),
Other browser compatibility,
Other resolution compatibility.

9. Test Plan Outline
Your test plan needs to be a formal document written prior to your site being uploaded to a server,
You should write an entire plan and make copies of it for each browser you intend to test you site with,
A suitable way of presenting your test plan is to create tables with a series of tests for each of your pages,
Remember to relate each test back to the initial requirements brief.

10. Test Plan Table Example: IE
User Requirement Addressed
Expected Result
Actual Result
Pass / Fail
Date
Corrective Action
Logo Displayed
The website uses the companies house style
CompuTech logo is displayed
As expected
Pass
01/12/09
None
Navigation Bar Appears
Website is easy to navigate
Navigation bar appears
Navigation Bar Drop Downs Work
When mouse goes over labels - menus drop down
Navigation Bar Hyperlinks Work
When mouse goes over turns to red and can click on it to take you to correct page

11. Test Plan Table Example: Firefox
User Requirement Addressed
Expected Result
Actual Result
Pass / Fail
Date
Corrective Action
Logo Displayed
The website uses the companies house style
CompuTech logo is displayed
As expected
Pass
01/12/09
None
Navigation Bar Appears
Website is easy to navigate
Navigation bar appears
Navigation Bar Drop Downs Work
When mouse goes over labels - menus drop down
Bar is static and drops do not work
Fail
Recode the JavaScript as it only works with IE
Navigation Bar Hyperlinks Work
When mouse goes over turns to red and can click on it to take you to correct page
Now I have fixed the previous error all hyperlinks work properly

12. Test Plan Table 2 Evidence
You need to include evidence within your testing,
These could be as additional referenced figures or included within the table,
Don’t include screen shots for everything but need to be certain testing has been carried out - include shots showing errors and that they have been fixed
Test#3 – navigation bars now work in Firefox

13. On The Phone!!!

14. User Testing Need to make a questionnaire to gauge user opinion
The more people who answer the better
Make adjustments to you site based upon what people say…
Make sure you have evidence of the changes…

15. Testing Tips Make sure all opened tags are closed
Ensure that your images are as small in size as possible – reduce the number of colours used,
Use formatted text rather than graphics,
Implement your pages to suit a display 1200 pixels wide
Tests and comments that show your website meets the initial user requirements

16. Activity
Example testing
Based on your designs for your website, develop a test plan which will fully test your work.
Ensure you design it so it tests you site using at least two browsers, and different platforms
You may wish to include the WAI standards already learnt about previously,
Remember to evidence all improvements