slipstream rapid application design

26
Rapid Application Design by Ahmad Amran b Kapi [email protected]

Upload: phptechtalk

Post on 23-Jan-2015

1.914 views

Category:

Technology


2 download

DESCRIPTION

phptechtalk 2010, MIMOS PHP COE

TRANSCRIPT

Page 1: Slipstream Rapid Application Design

Rapid Application Design

by Ahmad Amran b [email protected]

Page 2: Slipstream Rapid Application Design

Who am I ?

Page 3: Slipstream Rapid Application Design
Page 4: Slipstream Rapid Application Design
Page 5: Slipstream Rapid Application Design

What is Rapid Application Design ?

refers to a type of software development methodology that uses minimal planning in favor of rapid prototyping - e.g Agile , XP, JAD, RAD, Scrum, LD

Page 6: Slipstream Rapid Application Design

Comparison from traditional Development

Page 7: Slipstream Rapid Application Design

What is Pros and Cons

ProsPromotes strong collborative atmosphere and dynamic gathering or requirements. Business owner actively participate in prototyping, writing test cases and performing unit teting

ConsDependency on strong cohesive teams and invidual comitment to the project. Decision making relies on the feature functionality team and a commual decision-making process with lesser degree. Depends on superstar developer.

Page 8: Slipstream Rapid Application Design

What tools needed to do RAD

ToolsEclipse PDTiPlotz - WireframeMySQL Workbench - ERDActiveCollab - Project ManagementSubversion - Source code control

FrameworksBlueprintCSS - CSS DesignJquery - JavascriptCakePHP - PHP Framework

Page 9: Slipstream Rapid Application Design

1st RAD Step

Wear something RADical !!

Page 10: Slipstream Rapid Application Design

1st RAD Step

Wireframe tools - iPlotz

Page 11: Slipstream Rapid Application Design

2nd Step

- MySQL Workbench - ERD Design

Page 12: Slipstream Rapid Application Design

blueprintcss.org

CSS FrameworkGrid for layoutsForm stylesPrint StylesCSS Reset that eliminate discrepancies across browsers

Page 13: Slipstream Rapid Application Design

3rd step - convert from wireframe to CSS

Page 14: Slipstream Rapid Application Design

- Javascript framework

Simplifies HTML Document traversing (DOM)Event handling AnimationAJAX InteractionsStandardize all the javascript call on all browser

Page 15: Slipstream Rapid Application Design

4th Step

Find any plugins that related to your projects

Page 16: Slipstream Rapid Application Design

PHP FrameworkRapid Application DesignClean IP (MIT)Best Practices

SecurityAuthenticationSessionMailAccess Level

Javascript Generator / AJAXConvention over Configuration

Page 17: Slipstream Rapid Application Design

Why use all the framework ?

Standardization Staff developmentDidn't reinvent the wheelFastYou look good ;)

Page 18: Slipstream Rapid Application Design

How to organize all the project tools ?

Page 19: Slipstream Rapid Application Design
Page 20: Slipstream Rapid Application Design

Source code control / Version control

Page 21: Slipstream Rapid Application Design

Source code control / Version control

Page 22: Slipstream Rapid Application Design

Code Document -

Click to add content

Page 23: Slipstream Rapid Application Design

Testing - UI

Page 24: Slipstream Rapid Application Design

Testing - Code

Page 25: Slipstream Rapid Application Design

Debug / Profiling

Page 26: Slipstream Rapid Application Design

Question ?

[email protected]://twitter.com/r0kawa

http://facebook.com/ahmad.amran