2015 2016 - herefordshire and ludlow...

2015‐2016

Phil Smith 

Learning outcomesOn successful completion of this unit you will: 1. Understand the concepts of web application 

development. (Assignment 1)2. Be able to design web applications. (Assignment 2)3. Be able to implement web applications. (Assignment 

2)4. Be able to test web applications.  (Assignment 3)

More detail on the wiki. 

AssessmentPass criteria.

Assignments 3 assignments. Issue in lesson time, due two weeks on Sunday. Formative feedback available in lesson prior to submission deadline.

Environment Windows 10: 

Office 2013  (Excel) MySql on hosting site. MySql locally using xampp. Sql Express 2014. Visual studio 2015 SQL Server Management Studio. PHPStorm IDE.

Schedule ‐ We will need ‐1. HTML website from Unit 14 (or you will have to write 

a new site)2. Database from Unit 33 (will need to be extended).

1. Transfer to mySql and/or Sql Server.3. An account on our hosting site (probably).

1. Filezilla or equivalent.4. Javascript and/or vbscript for client side 

functionality.

Unit aims So what is unit 35 all about. To enable you to understand the concepts of web applications and apply the skills to develop and test web applications using server‐side technologies. 

Understanding web applications. Designing dynamic web Application. Implementing a dynamic web application. Testing and document a dynamic web application.

Solution structure MySQL web enabled database, hosted locally and/or on a hosting site.

Static Web pages with HTML and already using RWD. PHP to be added to existing pages. JavaScript

Or

Sql Server database, hosted locally. Static Web pages with HTML and already using RWD.

Will need to convert to aspx webforms. VB or C# knowledge to add dynamic functionality.

JavaScript

Solution structure For php and mySql we can use a hosting account or we can use a local setup using XAMPP (includes MySql). Could also use MySql workbench.

If you are going to use ASP.Net you will need SQL server 2014 running on your local machine.

You decide!

Start ‐ technologies You will need to recall your HTML knowledge. You will probably also need to recall CSS knowledge. You will need to revise/recall your database knowledge.

We will learn PHP but this will be fairly basic.

We will use a new IDE called PHPStorm, you can use an alternative if you wish.

Start ‐ Concepts LO1 – learning outcome 1. Understand the concepts of web application development.

1. Users2. Site analysis3. Accessibility4. Legislation.5. Functionality6. Scripting languages7. Security

Plan 1-4 week 1 and 5-7 week 2. After half term assignment 1.

Users ‐ Concepts We begin by looking at types of user. We already know three types of user?

1. Novice2. Intermediate3. Expert

But we need to refine the list as follows ‐

1. Novice, Intermediate or Expert.2. Regular or occasional users.3. Users with special needs.

Users ‐ Concepts And then consider users requirements?1. Psychological2. Cultural3. social and environmental4. health and safety5. education and work 

Task 1Either individually or in pairs, produce a slide for each of the user requirements above providing specific detail on each and how each can effect webDesigns.

This will need to be presented.

Web page standards Web pages should/must meet a set of web accessibility standards.

Web pages can be tested using an online validator provided by the world standards organisation w3c.

Government bodies have a legal duty to ensure all web pages produced/used by their organisation meet fully the web accessibility standards.

Task 1 How do your web pages measure up.

Use this link to test your web pages.

http://validator.w3.org/

Correct any errors or warnings given by the validator.

Site analysis ‐ Concepts Main Purpose.

Communication. Real time information. Commercial. Government. Education. Business. Entertainment. Downloading/Uploading. Web storage.

Task 2 Produce a list of sites, one for each of these categories.

Communication. Real time information. Commercial. Government. Education. Business. Entertainment. Downloading/Uploading. Web storage.

Site analysis ‐ Concepts Fit for Purpose.

Meet organisation and site objectives. Real time information. Commercial. Government. Education. Business. Entertainment. Downloading/Uploading. Web storage.

Site analysis ‐ Concepts Planning.

Storyboarding. Structure. Hypermedia linkage. SEO. Graphical design (Unit 14). User interface. Audio/video sources. Animation (css?). Text design.

Site analysis ‐ Concepts Maintenance.

Plans. Logs. Disaster recovery. Testing.

Setting up the development Environment – Task 3 Local development with php/MySql – check XAMPP is installed. If not download and install. (Hint: check to see if XAMPP folder exists in root of C: drive)

Hosted development with PHP/MySql. You need to setup a hosting account through the college wiki. Can be accessed from home.

Local development with ASP.Net – Check SQL server express 2014 is installed and SSMS, if not download and install. This option will require more work.

Setting up the development Environment – Task 3 continued Install MySql/workbench or download and install the odbc drives for mySql.

Next session we will convert our Microsoft access database to MySql or Sql server.

Finally

You can mop‐up semester 1 work.

Then open lab.

What have we learnt today?

Over to you?