platform selection
TRANSCRIPT
![Page 1: Platform Selection](https://reader030.vdocuments.mx/reader030/viewer/2022032420/55a4d18e1a28abae758b475a/html5/thumbnails/1.jpg)
Platform SelectionWilco van Duinkerken November 20th 2009
![Page 2: Platform Selection](https://reader030.vdocuments.mx/reader030/viewer/2022032420/55a4d18e1a28abae758b475a/html5/thumbnails/2.jpg)
About Me
• 1995: Started Web Development
• 1999-2001: Snakenetworks
• 2001-2004: Dots and Crosses
• 2004-2006: SoundCream
• 2006-2009: Sparkboxx
• 2009-... : Othonis
![Page 3: Platform Selection](https://reader030.vdocuments.mx/reader030/viewer/2022032420/55a4d18e1a28abae758b475a/html5/thumbnails/3.jpg)
My Target Today
![Page 4: Platform Selection](https://reader030.vdocuments.mx/reader030/viewer/2022032420/55a4d18e1a28abae758b475a/html5/thumbnails/4.jpg)
Provide you with enough material to
keep you surfing the Internet for a day
![Page 5: Platform Selection](https://reader030.vdocuments.mx/reader030/viewer/2022032420/55a4d18e1a28abae758b475a/html5/thumbnails/5.jpg)
Because Slinger is getting bored with the standard PHP/Joomla prototypes
![Page 6: Platform Selection](https://reader030.vdocuments.mx/reader030/viewer/2022032420/55a4d18e1a28abae758b475a/html5/thumbnails/6.jpg)
How to choose a Platform?
![Page 7: Platform Selection](https://reader030.vdocuments.mx/reader030/viewer/2022032420/55a4d18e1a28abae758b475a/html5/thumbnails/7.jpg)
![Page 8: Platform Selection](https://reader030.vdocuments.mx/reader030/viewer/2022032420/55a4d18e1a28abae758b475a/html5/thumbnails/8.jpg)
![Page 9: Platform Selection](https://reader030.vdocuments.mx/reader030/viewer/2022032420/55a4d18e1a28abae758b475a/html5/thumbnails/9.jpg)
These are your Garage Days
• Focus on “proof of concepts”
• Technically, but especially
• Business wise
• Your constraints: Time + Money
• So...
![Page 10: Platform Selection](https://reader030.vdocuments.mx/reader030/viewer/2022032420/55a4d18e1a28abae758b475a/html5/thumbnails/10.jpg)
Be Lazy...
![Page 11: Platform Selection](https://reader030.vdocuments.mx/reader030/viewer/2022032420/55a4d18e1a28abae758b475a/html5/thumbnails/11.jpg)
Ask yourself: “What do we have to
prove?”
![Page 12: Platform Selection](https://reader030.vdocuments.mx/reader030/viewer/2022032420/55a4d18e1a28abae758b475a/html5/thumbnails/12.jpg)
Excercise
• Find yourself a competitor
• Explain your product as:
• We are similar to [X] but we do [Y] better
• Your job is to develop [Y]! not [X]!
![Page 13: Platform Selection](https://reader030.vdocuments.mx/reader030/viewer/2022032420/55a4d18e1a28abae758b475a/html5/thumbnails/13.jpg)
Example
• We are just like Google Search, but we organize the results better
• Your Job in the Garage days:
• Learn the Google Search API and present the results differently
• DON’T build a search engine!
![Page 14: Platform Selection](https://reader030.vdocuments.mx/reader030/viewer/2022032420/55a4d18e1a28abae758b475a/html5/thumbnails/14.jpg)
Example
• We are just like Hyves / LinkedIN / Facebook, but we focus on the elderly
• Your job:
• Get an open source implementation like Community Engine
• Redesign it for the elderly
![Page 15: Platform Selection](https://reader030.vdocuments.mx/reader030/viewer/2022032420/55a4d18e1a28abae758b475a/html5/thumbnails/15.jpg)
Find a Foundation
• Is there any open source implementation you can start using?
• Are there any WebServices you can use?
• Are there any apps available with an API you can use?
![Page 16: Platform Selection](https://reader030.vdocuments.mx/reader030/viewer/2022032420/55a4d18e1a28abae758b475a/html5/thumbnails/16.jpg)
Example Foundations
• Imaging applications: pixlr.com API
• Document management: zoho.com API
• Search/ localization application: google and yahoo APIs
• Financial administration: write an Exact Online plugin
![Page 17: Platform Selection](https://reader030.vdocuments.mx/reader030/viewer/2022032420/55a4d18e1a28abae758b475a/html5/thumbnails/17.jpg)
Example Foundations
• CRM application: highriseapp.com API
• Messaging: Twitter API
• Community sites: Facebook app or Community Engine
• Content Management: Radiant, Mephisto
• E-commerce: Spree
![Page 18: Platform Selection](https://reader030.vdocuments.mx/reader030/viewer/2022032420/55a4d18e1a28abae758b475a/html5/thumbnails/18.jpg)
Try re-use first!Focus on your unique
selling point [y]
![Page 19: Platform Selection](https://reader030.vdocuments.mx/reader030/viewer/2022032420/55a4d18e1a28abae758b475a/html5/thumbnails/19.jpg)
Start Developing “outside-in”
• Design first!
• Make a prototype
• Start the implementation
• Stay away from a database as long as possible
![Page 20: Platform Selection](https://reader030.vdocuments.mx/reader030/viewer/2022032420/55a4d18e1a28abae758b475a/html5/thumbnails/20.jpg)
Design First
![Page 21: Platform Selection](https://reader030.vdocuments.mx/reader030/viewer/2022032420/55a4d18e1a28abae758b475a/html5/thumbnails/21.jpg)
Choose your Platform
• Web (works on mobile and desktop as well)
• Desktop
• Mobile
![Page 22: Platform Selection](https://reader030.vdocuments.mx/reader030/viewer/2022032420/55a4d18e1a28abae758b475a/html5/thumbnails/22.jpg)
Web Development Platforms and Tools
![Page 23: Platform Selection](https://reader030.vdocuments.mx/reader030/viewer/2022032420/55a4d18e1a28abae758b475a/html5/thumbnails/23.jpg)
Web Basics
• HTML (checkout HAML)
• CSS (checkout SASS and COMPASS)
• Javascript
![Page 24: Platform Selection](https://reader030.vdocuments.mx/reader030/viewer/2022032420/55a4d18e1a28abae758b475a/html5/thumbnails/24.jpg)
HTML (content)
• Easy to Learn
• HTML 5 is really powerful! (Google Wave)
• A lot of “ready made” material available
• Works on (almost) all Devices
![Page 25: Platform Selection](https://reader030.vdocuments.mx/reader030/viewer/2022032420/55a4d18e1a28abae758b475a/html5/thumbnails/25.jpg)
CSS (layout)
• Easy to Learn, Hard to Master
• Quite some cross-browser issues
• CSS Frameworks to the rescue
• Blueprint CSS
• 960gs (demo)
![Page 26: Platform Selection](https://reader030.vdocuments.mx/reader030/viewer/2022032420/55a4d18e1a28abae758b475a/html5/thumbnails/26.jpg)
Javascript
• For the Web2.0 Feeling
• Advanced layouts and interactions
• Use a framework:
• JQuery and JQuery UI (demo)
• Prototype + Script.aculo.us
• YUI: Yahoo User Interface
![Page 27: Platform Selection](https://reader030.vdocuments.mx/reader030/viewer/2022032420/55a4d18e1a28abae758b475a/html5/thumbnails/27.jpg)
Developing for the Web
• LAMP (Linux-Apache-MySQL-PHP)
• Ruby - Rails, Sinatra, merb
• Google Web Toolkit (Java)
• Adobe Flex
• Microsoft Silverlight
![Page 28: Platform Selection](https://reader030.vdocuments.mx/reader030/viewer/2022032420/55a4d18e1a28abae758b475a/html5/thumbnails/28.jpg)
![Page 29: Platform Selection](https://reader030.vdocuments.mx/reader030/viewer/2022032420/55a4d18e1a28abae758b475a/html5/thumbnails/29.jpg)
Rails is used by
• Twitter.com
• Omroep.nl
• Shopify.com
• NEDAP
![Page 30: Platform Selection](https://reader030.vdocuments.mx/reader030/viewer/2022032420/55a4d18e1a28abae758b475a/html5/thumbnails/30.jpg)
Ruby on Rails
• Turbocharged Web Development
• About 10.000 plugins and “gems”
• Loads and Loads of instruction videos
• railscasts.com
• peepcode.com
• Free hosting at heroku.com
![Page 31: Platform Selection](https://reader030.vdocuments.mx/reader030/viewer/2022032420/55a4d18e1a28abae758b475a/html5/thumbnails/31.jpg)
Desktop and Mobile
![Page 32: Platform Selection](https://reader030.vdocuments.mx/reader030/viewer/2022032420/55a4d18e1a28abae758b475a/html5/thumbnails/32.jpg)
Developer Aids
• Traditional
• Visual Studio .NET (Windows)
• Xcode (Mac)
• IntelliJ (Java)
![Page 33: Platform Selection](https://reader030.vdocuments.mx/reader030/viewer/2022032420/55a4d18e1a28abae758b475a/html5/thumbnails/33.jpg)
Developer Aids
• 4TH generation tools
• Servoy (free academic license) (demo)
• WinDev (free lite version)
• Cordys process factory (mashups)
![Page 34: Platform Selection](https://reader030.vdocuments.mx/reader030/viewer/2022032420/55a4d18e1a28abae758b475a/html5/thumbnails/34.jpg)
Appcelerator
![Page 35: Platform Selection](https://reader030.vdocuments.mx/reader030/viewer/2022032420/55a4d18e1a28abae758b475a/html5/thumbnails/35.jpg)
Proof of Concept(s)
• Are NOT complete products
• Are deliverables that prove a point i.e.
• Technical Feasibility
• User interface
• Customer interest
![Page 36: Platform Selection](https://reader030.vdocuments.mx/reader030/viewer/2022032420/55a4d18e1a28abae758b475a/html5/thumbnails/36.jpg)
Summary
• Define your unique selling point (USP)
• Try to re-use everything but your USP
• Prototype your USP:first visually, then technically
• Use the prototype to test your USP
• Be Lazy! Use the right toolset.
![Page 37: Platform Selection](https://reader030.vdocuments.mx/reader030/viewer/2022032420/55a4d18e1a28abae758b475a/html5/thumbnails/37.jpg)
Some (off-topic) Personal Notes and
one-liners
![Page 38: Platform Selection](https://reader030.vdocuments.mx/reader030/viewer/2022032420/55a4d18e1a28abae758b475a/html5/thumbnails/38.jpg)
Competitors are the best thing that will ever happen to you.
![Page 39: Platform Selection](https://reader030.vdocuments.mx/reader030/viewer/2022032420/55a4d18e1a28abae758b475a/html5/thumbnails/39.jpg)
Keep track of the hours you spend on
the product
![Page 40: Platform Selection](https://reader030.vdocuments.mx/reader030/viewer/2022032420/55a4d18e1a28abae758b475a/html5/thumbnails/40.jpg)
Keep a sustainable pace
(check out Pivotal Tracker)
![Page 41: Platform Selection](https://reader030.vdocuments.mx/reader030/viewer/2022032420/55a4d18e1a28abae758b475a/html5/thumbnails/41.jpg)
Build your own website in minutes using
• www.rackspace.com
• www.wordpress.com
• www.typepad.com
![Page 42: Platform Selection](https://reader030.vdocuments.mx/reader030/viewer/2022032420/55a4d18e1a28abae758b475a/html5/thumbnails/42.jpg)
#fail...please, #fail...(and admit it)