SLIDE 1
Rails Girls Galway Designing Your App @gerryk who am i? * - - PowerPoint PPT Presentation
Rails Girls Galway Designing Your App @gerryk who am i? * - - PowerPoint PPT Presentation
Rails Girls Galway Designing Your App @gerryk who am i? * Application Developer * Linux System Administrator * Web & WebApp Developer * Free Open Source Advocate * Telecoms Consultant * Information Security Analyst * Telecoms Platform
SLIDE 2
SLIDE 3
birth of a webapp
it starts with an idea...
SLIDE 4
first steps
Ask yourself...
- 1. what problem is being solved?
- 2. who is having the problem?
- 3. how will the user use the
application?
SLIDE 5
the rails girls Attendees App
"Develop a WebApp for recording attendee details"
SLIDE 6
design, design, design
Design the model: how you will represent the world in data. Design the view: how you will interact with the user. Design the controller: the logic that ties it all together.
SLIDE 7
UI: communication
UI is the designer talking to the user UI is a teacher & a guide UI is a toolkit UI is a safety-net
SLIDE 8
data
data models the real world good data modelling reduces application complexity
SLIDE 9
leave your computer
SLIDE 10
sketch...
SLIDE 11
sketch...
SLIDE 12
sketch...
SLIDE 13
sketch...
SLIDE 14
sketch...
SLIDE 15
sketch...
SLIDE 16
styling
SLIDE 17
styling
layout/wireframing ○ Photoshop ○ Fireworks ○ Denim ○ Gliffy
SLIDE 18
styling
typography
SLIDE 19
styling
typography
SLIDE 20
styling
colour
SLIDE 21
build
SLIDE 22
test
unit testingunit testingunit testingunit testingunit testingunit testingunit testingunit testingunit testingunit testing
feature testingfeature testingfeature testingfeature testing
system testing
SLIDE 23
improve
SLIDE 24