8 Case Study Mark Dixon 1 Session Aims

  • Slides: 15
Download presentation
8 – Case Study Mark Dixon 1

8 – Case Study Mark Dixon 1

Session Aims and Objectives • Aims – To give an overview of the development

Session Aims and Objectives • Aims – To give an overview of the development of a web-page from initial idea to code. • Objectives, by end of this week’s sessions, you should be able to: – know where to start with a programming problem, and how to proceed Mark Dixon 2

Example: Land Area SPECIFICATION • User Requirements – need to know the land area

Example: Land Area SPECIFICATION • User Requirements – need to know the land area in acres, given the length and width in metres • Software Requirements – Functional: – User should be able to enter the length and the width (in metres) – the length and width (in yds), and the area (in acres) should be calculated and displayed – Non-functional should be quick and easy to use Mark Dixon 3

Question • Where do I start? Mark Dixon 4

Question • Where do I start? Mark Dixon 4

Software Development Steps • 1. Analysis: – understand problem • 2. Design – Identify

Software Development Steps • 1. Analysis: – understand problem • 2. Design – Identify inputs and outputs – User Interface (screen layout) – Behaviour • 3. Code – User Interface (screen layout) – Behaviour Mark Dixon 5

1. Analysis: Understand Problem • Acre – unit of measurement of land area –

1. Analysis: Understand Problem • Acre – unit of measurement of land area – long strip of land: can be ploughed in a day • 1 Acre = 220 yds x 22 yds (= 4840 yds 2) 22 yds 220 yds • 1 furlong (furrow long) = 220 yds Mark Dixon 6

2. Design: Inputs and Outputs • What are the inputs and outputs? Mark Dixon

2. Design: Inputs and Outputs • What are the inputs and outputs? Mark Dixon 7

2. Design: User Interface • Draw the screen layout. Mark Dixon 8

2. Design: User Interface • Draw the screen layout. Mark Dixon 8

2. Design: Behaviour • Describe the behaviour. Mark Dixon 9

2. Design: Behaviour • Describe the behaviour. Mark Dixon 9

Questions: User Interface HTML • Write an html element that creates a text box

Questions: User Interface HTML • Write an html element that creates a text box on a web-page: • Write an html element that creates an image on a web-page: • Write an html element that creates a button on a web-page: Mark Dixon 10

3. Code: User Interface (HTML) • Translate User Interface Design into HTML. Mark Dixon

3. Code: User Interface (HTML) • Translate User Interface Design into HTML. Mark Dixon 11

Questions: Behaviour Script Write script code to do the following: When btn. Add is

Questions: Behaviour Script Write script code to do the following: When btn. Add is clicked: put the word "Hello" in a paragraph called par. Greeting When the mouse moves over img. Tree: put "Tree. Big. gif" into the src of img. Tree Mark Dixon 12

3. Code: Behaviour (script) • Translate Behaviour into script. Mark Dixon 13

3. Code: Behaviour (script) • Translate Behaviour into script. Mark Dixon 13

Belching Santa's • Invent a game – no limit to your imagination (apart from

Belching Santa's • Invent a game – no limit to your imagination (apart from what you can code) Mark Dixon 14

Tutorial Exercises • Task 1: Get the Land Area example (from the lecture) working.

Tutorial Exercises • Task 1: Get the Land Area example (from the lecture) working. • Task 2: Design and Build a 'Belching Santas' game Mark Dixon 15