Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Rapid Application Design


 by Ahmad Amran b Kapi
   amran@aist.com.my
Who am I ?
What is Rapid Application Design ?

  refers to a type of software development methodology that
  uses minimal planning in...
Comparison from traditional Development
What is Pros and Cons

    Pros
Promotes strong collborative atmosphere and dynamic
gathering or requirements. Business ow...
What tools needed to do RAD

 Tools
    Eclipse PDT
    iPlotz - Wireframe
    MySQL Workbench - ERD
    ActiveCollab - Pr...
1st RAD Step




Wear something RADical !!
1st RAD Step




Wireframe tools - iPlotz
2nd Step




- MySQL Workbench - ERD Design
blueprintcss.org

CSS Framework
Grid for layouts
Form styles
Print Styles
CSS Reset that eliminate discrepancies across br...
3rd step - convert from wireframe to CSS
- Javascript framework

Simplifies HTML Document traversing (DOM)
Event handling
Animation
AJAX Interactions
Standardize a...
4th Step

Find any plugins that related to your projects
PHP Framework
Rapid Application Design
Clean IP (MIT)
Best Practices
   Security
   Authentication
   Session
   Mail
   A...
Why use all the framework ?

  Standardization
  Staff development
  Didn't reinvent the wheel
  Fast
  You look good ;)
How to organize all the project tools ?
Source code control / Version control
Source code control / Version control
Code Document -

Click to add content
Testing - UI
Testing - Code
Debug / Profiling
Question ?


                amran@aist.com.my
              http://twitter.com/r0kawa
        http://facebook.com/ahmad.a...
Slipstream Rapid Application Design
Slipstream Rapid Application Design
Slipstream Rapid Application Design
Upcoming SlideShare
Loading in …5
×

Slipstream Rapid Application Design

2,222 views

Published on

phptechtalk 2010, MIMOS PHP COE

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Slipstream Rapid Application Design

  1. 1. Rapid Application Design by Ahmad Amran b Kapi amran@aist.com.my
  2. 2. Who am I ?
  3. 3. 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
  4. 4. Comparison from traditional Development
  5. 5. What is Pros and Cons Pros Promotes strong collborative atmosphere and dynamic gathering or requirements. Business owner actively participate in prototyping, writing test cases and performing unit teting Cons Dependency 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.
  6. 6. What tools needed to do RAD Tools Eclipse PDT iPlotz - Wireframe MySQL Workbench - ERD ActiveCollab - Project Management Subversion - Source code control Frameworks BlueprintCSS - CSS Design Jquery - Javascript CakePHP - PHP Framework
  7. 7. 1st RAD Step Wear something RADical !!
  8. 8. 1st RAD Step Wireframe tools - iPlotz
  9. 9. 2nd Step - MySQL Workbench - ERD Design
  10. 10. blueprintcss.org CSS Framework Grid for layouts Form styles Print Styles CSS Reset that eliminate discrepancies across browsers
  11. 11. 3rd step - convert from wireframe to CSS
  12. 12. - Javascript framework Simplifies HTML Document traversing (DOM) Event handling Animation AJAX Interactions Standardize all the javascript call on all browser
  13. 13. 4th Step Find any plugins that related to your projects
  14. 14. PHP Framework Rapid Application Design Clean IP (MIT) Best Practices Security Authentication Session Mail Access Level Javascript Generator / AJAX Convention over Configuration
  15. 15. Why use all the framework ? Standardization Staff development Didn't reinvent the wheel Fast You look good ;)
  16. 16. How to organize all the project tools ?
  17. 17. Source code control / Version control
  18. 18. Source code control / Version control
  19. 19. Code Document - Click to add content
  20. 20. Testing - UI
  21. 21. Testing - Code
  22. 22. Debug / Profiling
  23. 23. Question ? amran@aist.com.my http://twitter.com/r0kawa http://facebook.com/ahmad.amran

×