Learning outcomes. On successful completion of this unit you will: More detail on the wiki.

Size: px

Start display at page:

Download "Learning outcomes. On successful completion of this unit you will: More detail on the wiki."

Annabelle Riley
5 years ago
Views:

2 Phil Smith

3 Learning outcomes On 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.

4 Assessment Pass criteria.

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

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

7 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.

8 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.

9 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

10 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!

11 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.

12 Start Concepts LO1 learning outcome 1. Understand the concepts of web application development. 1. Users 2. Site analysis 3. Accessibility 4. Legislation. 5. Functionality 6. Scripting languages 7. Security Plan 1-4 week 1 and 5-7 week 2. After half term assignment 1.

13 Users Concepts We begin by looking at types of user. We already know three types of user? 1. Novice 2. Intermediate 3. 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.

14 Users Concepts And then consider users requirements? 1. Psychological 2. Cultural 3. social and environmental 4. health and safety 5. education and work Task 1 Either individually or in pairs, produce a slide for each of the user requirements above providing specific detail on each and how each can effect web Designs. This will need to be presented.

15 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.

16 Task 1 How do your web pages measure up. Use this link to test your web pages. Correct any errors or warnings given by the validator.

17 Site analysis Concepts Main Purpose. Communication. Real time information. Commercial. Government. Education. Business. Entertainment. Downloading/Uploading. Web storage.

18 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.

19 Site analysis Concepts Fit for Purpose. Meet organisation and site objectives. Real time information. Commercial. Government. Education. Business. Entertainment. Downloading/Uploading. Web storage.

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

21 Site analysis Concepts Maintenance. Plans. Logs. Disaster recovery. Testing.

22 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.

23 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.

24 Finally You can mop up semester 1 work. Then open lab.

25 What have we learnt today? Over to you?

Web Applications Development

Unit 35: Web Applications Development Unit code: K/601/1510 QCF Level 5: BTEC Higher National Credit value: 15 Aim To enable learners to understand the concepts of web applications and apply the skills