Your SlideShare is downloading. ×
Design Driven Development
Design Driven Development
Design Driven Development
Design Driven Development
Design Driven Development
Design Driven Development
Design Driven Development
Design Driven Development
Design Driven Development
Design Driven Development
Design Driven Development
Design Driven Development
Design Driven Development
Design Driven Development
Design Driven Development
Design Driven Development
Design Driven Development
Design Driven Development
Design Driven Development
Design Driven Development
Design Driven Development
Design Driven Development
Design Driven Development
Design Driven Development
Design Driven Development
Design Driven Development
Design Driven Development
Design Driven Development
Design Driven Development
Design Driven Development
Design Driven Development
Design Driven Development
Design Driven Development
Design Driven Development
Design Driven Development
Design Driven Development
Design Driven Development
Design Driven Development
Design Driven Development
Design Driven Development
Design Driven Development
Design Driven Development
Design Driven Development
Design Driven Development
Design Driven Development
Design Driven Development
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Design Driven Development

552

Published on

Design Driven Development and the 
CodeIgniter …

Design Driven Development and the 
CodeIgniter
Framework

Innovate or die...

Published in: Technology, News & Politics
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
552
On Slideshare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
9
Comments
0
Likes
2
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Design DrivenDevelopmentand theCodeIgniterFrameworkInnovate or die...Artemis MendrinosWednesday, 29 May, 13
  • 2. Wednesday, 29 May, 13
  • 3. What is Methodology...Wednesday, 29 May, 13
  • 4. What is Methodology...Methodology is the procedure for doingsomething, in a specific way (discipline) inorder to maximize the possibility of achievingthe expected results.Wednesday, 29 May, 13
  • 5. What is DDD...An agile-based processfor creating innovativerequirements to buildbetter solutions.Wednesday, 29 May, 13
  • 6. What is DDD...An agile-based processfor creating innovativerequirements to buildbetter solutions.Wednesday, 29 May, 13
  • 7. What is DDD...An agile-based processfor creating innovativerequirements to buildbetter solutions.Wednesday, 29 May, 13
  • 8. It is based on thefollowing philosophy:Design is an art of creating beautiful, elegant,and innovative solutions, which works in theuser and customer context.Design is an accident that kicks in atconception, and D3 creates maximumopportunities to make accidents happen.Wednesday, 29 May, 13
  • 9. Steve Jobs said...Design is not just what it looks like.Wednesday, 29 May, 13
  • 10. Steve Jobs said...Design is not just what it looks like.Design ishow it works!Wednesday, 29 May, 13
  • 11. DDD vs TDDSomething... driven developmentYou write first the tests in order tohave the tests as a point of referencefor your logicThe tests protects your application, thetests runs before the deployment andassures that nothing is broken (bymistake) on your codeThe tests helps you understand theneeded functionality better and writebetter codeYou design first the way your “ideal”experience your user (potentialcustomer) wantsYou create designs (personas/entities,work-flows, task-flows, wireframes)and you make sure “everyone” and“everything” have them as a point ofreferenceYou execute according to the designs,in order to focus and deliver what thedesigns aspired to deliver!Wednesday, 29 May, 13
  • 12. DDD vs TDDSomething... driven developmentYou write first the tests in order tohave the tests as a point of referencefor your logicThe tests protects your application, thetests runs before the deployment andassures that nothing is broken (bymistake) on your codeThe tests helps you understand theneeded functionality better and writebetter codeYou design first the way your “ideal”experience your user (potentialcustomer) wantsYou create designs (personas/entities,work-flows, task-flows, wireframes)and you make sure “everyone” and“everything” have them as a point ofreferenceYou execute according to the designs,in order to focus and deliver what thedesigns aspired to deliver!Innovative andbetter solutions!Wednesday, 29 May, 13
  • 13. “Cost” on web productsExpensiveEffortCheap or“0” costFastIdeaBusiness Analysis/ researchUser-centric designSketch it!(wireframes)Design itStatic web pages(Make them look like thedesigns but within the browser)HTML5/CSS3Logic(Make them work)PHP - Ruby - Java - .Net ....DB(Store the Data efficiently)MySQL, MongoDB,Oracle ...Wednesday, 29 May, 13
  • 14. Business Analysis / ResearchUser-centric designUsers Targeted UserFeelings?Key wins?How andWhat hebenefits?what about them? :)KeyfeaturesUniqueactionsSpecificstepsKeyNeedsKeyProblemsWednesday, 29 May, 13
  • 15. Friendlysite is down page?Wednesday, 29 May, 13
  • 16. “Cost” on web productsExpensiveEffortCheap or“0” costFastIdeaBusiness Analysis/ researchUser-centric designSketch it!(wireframes)Design itStatic web pages(Make them look like thedesigns but within the browser)HTML5/CSS3Logic(Make them work)PHP - Ruby - Java - .Net ....DB(Store the Data efficiently)MySQL, MongoDB,Oracle ...Needs to completelyaccommodate“blindly” what isdefined on theprevious step!Wednesday, 29 May, 13
  • 17. “Cost” on web productsExpensiveEffortCheap or“0” costFastIdeaBusiness Analysis/ researchUser-centric designSketch it!(wireframes)Design itStatic web pages(Make them look like thedesigns but within the browser)HTML5/CSS3Logic(Make them work)PHP - Ruby - Java - .Net ....DB(Store the Data efficiently)MySQL, MongoDB,Oracle ...Needs to completelyaccommodate“blindly” what isdefined on theprevious step!deliverableWednesday, 29 May, 13
  • 18. Possible Twitter Concept?Wednesday, 29 May, 13
  • 19. Wednesday, 29 May, 13
  • 20. Download the video! » SHAREHappy 5th birthday, Firefox! Tweet this! »Remember what the Web waslike in 2004? Thanks forchanging that, Firefox!Tweet this! »Celebrate 5 years of makingthe Web better with FirefoxTweet this! »Write your own message »»Become a Fan on Facebook » Follow our Tweets »Wish Firefox a Happy Birthday!Send one of the tweets below, or write your own.COMMUNITYAdd your photos or video (and be sure to includethe Firefox5 tag). Add yours »Privacy Policy Legal Notices Report Trademark AbuseExcept where otherwise noted, content on this site is licensed under the Creative Commons AttributionShare-Alike License v3.0 or any later version.Firefox.com Firefox Parties Mozilla.org Go toFIVE YEARS OFThats a long time on the Internet, so lets celebrate five years of working together to make the Web better for everyone.FIREFOXLIGHT THE WORLDWant to join the fun? Try the ideas below, and when youre finished be sure to posta photo or video of your project to Flickr with the tag Firefox5. The best photosand videos will be rewarded with cool Firefox swagReminder: have fun, but be safe and use common sense. And get permission before projecting our logo on publicbuildings!SpotlightBorrow a projector and shine the Firefox logo on the wall during your party, ormake a logo stencil and place it in front of a flashlight for a cool effect. Or, gocrazy and get a searchlight to create your very own Firefox "bat signal"!image_1image_2image_3image_5View more »image_6image_7LookingBackHow has the Webchanged since 2004?Read more on ourHacks blog.LookingAheadFirefox is goingmobile! Get a sneakpreview of whats instore.GetCreativeDesign a 5 Year posterand share it with theworld on the CreativeCollective.image_4Wednesday, 29 May, 13
  • 21. Vimeo Profile Page IdeaWednesday, 29 May, 13
  • 22. Vimeo Profile Page IdeaChange ischeap and fast!Wednesday, 29 May, 13
  • 23. “Cost” on web productsExpensiveEffortCheap or“0” costFastIdeaBusiness Analysis/ researchUser-centric designSketch it!(wireframes)Design itStatic web pages(Make them look like thedesigns but within the browser)HTML5/CSS3Logic(Make them work)PHP - Ruby - Java - .Net ....DB(Store the Data efficiently)MySQL, MongoDB,Oracle ...Needs to completelyaccommodate“blindly” what isdefined on theprevious step!Wednesday, 29 May, 13
  • 24. “Cost” on web productsExpensiveEffortCheap or“0” costFastIdeaBusiness Analysis/ researchUser-centric designSketch it!(wireframes)Design itStatic web pages(Make them look like thedesigns but within the browser)HTML5/CSS3Logic(Make them work)PHP - Ruby - Java - .Net ....DB(Store the Data efficiently)MySQL, MongoDB,Oracle ...Needs to completelyaccommodate“blindly” what isdefined on theprevious step!deliverableWednesday, 29 May, 13
  • 25. Download the video! » SHAREHappy 5th birthday, Firefox! Tweet this! »Remember what the Web waslike in 2004? Thanks forchanging that, Firefox!Tweet this! »Celebrate 5 years of makingthe Web better with FirefoxTweet this! »Write your own message »»Become a Fan on Facebook » Follow our Tweets »Wish Firefox a Happy Birthday!Send one of the tweets below, or write your own.COMMUNITYAdd your photos or video (and be sure to includethe Firefox5 tag). Add yours »Privacy Policy Legal Notices Report Trademark AbuseExcept where otherwise noted, content on this site is licensed under the Creative Commons AttributionShare-Alike License v3.0 or any later version.Firefox.com Firefox Parties Mozilla.org Go toFIVE YEARS OFThats a long time on the Internet, so lets celebrate five years of working together to make the Web better for everyone.FIREFOXLIGHT THE WORLDWant to join the fun? Try the ideas below, and when youre finished be sure to posta photo or video of your project to Flickr with the tag Firefox5. The best photosand videos will be rewarded with cool Firefox swagReminder: have fun, but be safe and use common sense. And get permission before projecting our logo on publicbuildings!SpotlightBorrow a projector and shine the Firefox logo on the wall during your party, ormake a logo stencil and place it in front of a flashlight for a cool effect. Or, gocrazy and get a searchlight to create your very own Firefox "bat signal"!image_1image_2image_3image_5View more »image_6image_7LookingBackHow has the Webchanged since 2004?Read more on ourHacks blog.LookingAheadFirefox is goingmobile! Get a sneakpreview of whats instore.GetCreativeDesign a 5 Year posterand share it with theworld on the CreativeCollective.image_4Wednesday, 29 May, 13
  • 26. “Cost” on web productsExpensiveEffortCheap or“0” costFastIdeaBusiness Analysis/ researchUser-centric designSketch it!(wireframes)Design itStatic web pages(Make them look like thedesigns but within the browser)HTML5/CSS3Logic(Make them work)PHP - Ruby - Java - .Net ....DB(Store the Data efficiently)MySQL, MongoDB,Oracle ...Needs to completelyaccommodate“blindly” what isdefined on theprevious step!Wednesday, 29 May, 13
  • 27. “Cost” on web productsExpensiveEffortCheap or“0” costFastIdeaBusiness Analysis/ researchUser-centric designSketch it!(wireframes)Design itStatic web pages(Make them look like thedesigns but within the browser)HTML5/CSS3Logic(Make them work)PHP - Ruby - Java - .Net ....DB(Store the Data efficiently)MySQL, MongoDB,Oracle ...Needs to completelyaccommodate“blindly” what isdefined on theprevious step!deliverableWednesday, 29 May, 13
  • 28. Value for the customerUIHTML / CSSLogicPHPDataMySQLData CenterServerUsabilityUser ExperienceFeelingsImpressionsMore important Less importantBusinessImpactValue heat map onweb productsWednesday, 29 May, 13
  • 29. Value for the customerUIHTML / CSSLogicPHPDataMySQLData CenterServerUsabilityUser ExperienceFeelingsImpressionsMore important Less importantBusinessImpactValue heat map onweb productsDoes the customer seesdaily a value for hisdaily tasks?1Wednesday, 29 May, 13
  • 30. Value for the customerUIHTML / CSSLogicPHPDataMySQLData CenterServerUsabilityUser ExperienceFeelingsImpressionsMore important Less importantBusinessImpactValue heat map onweb productsDoes the customer seesdaily a value for hisdaily tasks?1How much the life ofthe customer changedafter purchasing ourweb solution?2Wednesday, 29 May, 13
  • 31. Value for the customerUIHTML / CSSLogicPHPDataMySQLData CenterServerUsabilityUser ExperienceFeelingsImpressionsMore important Less importantBusinessImpactValue heat map onweb productsDoes the customer seesdaily a value for hisdaily tasks?1How much the life ofthe customer changedafter purchasing ourweb solution?2How depended is thecustomer from ourservice?3Wednesday, 29 May, 13
  • 32. Value for the customerUIHTML / CSSLogicPHPDataMySQLData CenterServerUsabilityUser ExperienceFeelingsImpressionsMore important Less importantBusinessImpactValue heat map onweb productsDoes the customer seesdaily a value for hisdaily tasks?1How much the life ofthe customer changedafter purchasing ourweb solution?2How depended is thecustomer from ourservice?3Idea“Cost” on web productsbug free web appCheap or “0” cost Expensive / EffortWednesday, 29 May, 13
  • 33. Value for the customerUIHTML / CSSLogicPHPDataMySQLData CenterServerUsabilityUser ExperienceFeelingsImpressionsMore important Less importantBusinessImpactValue heat map onweb productsDoes the customer seesdaily a value for hisdaily tasks?1How much the life ofthe customer changedafter purchasing ourweb solution?2How depended is thecustomer from ourservice?3Idea“Cost” on web productsbug free web appCheap or “0” cost Expensive / EffortWednesday, 29 May, 13
  • 34. Value for the customerUIHTML / CSSLogicPHPDataMySQLData CenterServerUsabilityUser ExperienceFeelingsImpressionsMore important Less importantBusinessImpactValue heat map onweb productsDoes the customer seesdaily a value for hisdaily tasks?1How much the life ofthe customer changedafter purchasing ourweb solution?2How depended is thecustomer from ourservice?3Idea“Cost” on web productsbug free web appCheap or “0” cost Expensive / EffortDifferent Case if yourapplication tries to beatKasparov!!!Wednesday, 29 May, 13
  • 35. Technology wasalways there...The relational databasewas first defined in June1970 by Edgar Codd, ofIBMs San Jose ResearchLaboratory1970 1995Apache web serverPHP & MySQL(all appeared the same year...)2000First SMS was sentover the webWednesday, 29 May, 13
  • 36. “Waste” on web productsExpensiveEffortCheap or“0” costFastIdeaBusiness Analysis/ researchUser-centric designSketch it!(wireframes)Design itStatic web pages(Make them look like thedesigns but within the browser)HTML5/CSS3Logic(Make them work)PHP - Ruby - Java - .Net ....DB(Store the Data efficiently)MySQL, MongoDB,Oracle ...Deliver what the“exact” previousdeliverable dictatesand you will neverhave a “waste” onyour code...Wednesday, 29 May, 13
  • 37. Why DDD is important?DesignManagementEngineeringEffort for a kick-ass Web ProductDeadlinesResourcesBudgetProfitMotivationMaintainableDefect freeFuture-proofScalablePerformanceInnovative Useful Usable Desirable SellableWednesday, 29 May, 13
  • 38. Why DDD is important?DesignManagementEngineeringEffort for a kick-ass Web ProductDeadlinesResourcesBudgetProfitMotivationMaintainableDefect freeFuture-proofScalablePerformanceInnovative Useful Usable Desirable SellableExtremeProgrammingWednesday, 29 May, 13
  • 39. Why DDD is important?DesignManagementEngineeringEffort for a kick-ass Web ProductDeadlinesResourcesBudgetProfitMotivationMaintainableDefect freeFuture-proofScalablePerformanceInnovative Useful Usable Desirable SellableExtremeProgramming SCRUMWednesday, 29 May, 13
  • 40. Why DDD is important?DesignManagementEngineeringEffort for a kick-ass Web ProductDeadlinesResourcesBudgetProfitMotivationMaintainableDefect freeFuture-proofScalablePerformanceInnovative Useful Usable Desirable SellableExtremeProgramming SCRUMDDDWednesday, 29 May, 13
  • 41. Why DDD is important?DesignManagementEngineeringEffort for a kick-ass Web ProductDeadlinesResourcesBudgetProfitMotivationMaintainableDefect freeFuture-proofScalablePerformanceInnovative Useful Usable Desirable SellableExtremeProgramming SCRUMDDDWednesday, 29 May, 13
  • 42. How to make asellable productInnovative Useful Usable Desirable SellableEntrepreneurUnderstandingMarket!!Wednesday, 29 May, 13
  • 43. How to make asellable productInnovative Useful Usable Desirable SellableEntrepreneurUnderstandingMarket!!Wednesday, 29 May, 13
  • 44. Wednesday, 29 May, 13
  • 45. Wednesday, 29 May, 13
  • 46. Why CodeIgniter...?Extremely light framework (~800kb)Easy to start with, easy to deploy..Minimum configuration/server specs needsMVC....Minimum effort required tobring the expected results!Wednesday, 29 May, 13

×