Your SlideShare is downloading. ×
How To Quickly Prototype, Implement and Market a Simple Web Application
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

How To Quickly Prototype, Implement and Market a Simple Web Application

3,486
views

Published on

A quick presentation I'm doing at Tokyo2point0 on the title subject, using my personal project Open Source Food (http://www.opensourcefood.com) as an example.

A quick presentation I'm doing at Tokyo2point0 on the title subject, using my personal project Open Source Food (http://www.opensourcefood.com) as an example.

Published in: Business, Technology

1 Comment
22 Likes
Statistics
Notes
No Downloads
Views
Total Views
3,486
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
0
Comments
1
Likes
22
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. Open Source Food How to quickly prototype, implement and market a simple web application
  • 2. But Wait Let me talk about myself for a bit yongfook.com
  • 3. 8apps/Home Username: Password: Log In Social Networking for Productive People 8apps is a suite of online applications that helps you to work better. At the center there is Handshake, a fully-featured social network for you to make new contacts, strengthen existing relationships and find like-minded entrepreneurs. Add a contact in Handshake and suddenly a world of collaborative functionality opens up. Share task lists in Orchestrate, brainstorm together in Blueprint. The list goes on and is growing as we speak. Handshake Orchestrate Blueprint Pinpoint App 5 App 6 App 7 App 8
  • 4. 8apps/Home 8apps/Orchestrate Username: Password: (log out) logged in as yongfook In Log List Name My Tasks Shared Social Networking for Productive People x x x Shopping Apartment qweqw & qwe OSF &qweq Shopping 8apps is a suite of online applications that helps you to work better. At the 0 pending 0 pending center task is Handshake, a fully-featured social network for youAdd make Add a there to a task incorporate & lala 5 complete 5 complete new contacts, strengthen existing relationships and find like-minded set up blog / wiki beer qweqwe entrepreneurs. qweqw & qwe 8appsweq wordpress theme 4 HP other booze 0 pending 1 pending 123123 Add a contact in Handshake and suddenly a world of collaborative functionality 8 complete 12 complete something like kecap manis stuff opens up. Share task lists in Orchestrate, brainstorm together in Blueprint. 123123123 The list goes on and is growing as we speak. OSF &qweq more stuff suit eqweqwe 7 pending Handshakestuff cereal + milk Orchestrate Blueprint Pinpoint 1 complete 123 business plan 1st draft Add a task design x x 8appsweq Apartment Blueprint force paginate Add a task clean! Add a task App 5 Orch -> editable titles? App 6 App 7 App 8 change of address for bank? change of address for CC blog widget? change of address for mobile add rss link
  • 5. 8apps/Orchestrate 8apps/Home 8apps/Handshake Username: Password: (log out) logged in as yongfook In Log List Name Home My Tasks My Profile Shared Mail People Groups 2 NEW Social Networking for Productive People My Picture x x x Shopping Apartment qweqw & qwe OSF &qweq Shopping Handshakeofis the applications meet your to work friend, the online place to that helps you next better. At programmer, 8apps is a suite 0 pending 0 pending project is Handshake, a fully-featured social network for youAdd a task center task manager, accountant, interface designer make more. By to and Add a there incorporate & lala 5 complete 5 complete new contacts, strengthen existing relationships and find like-minded adding someone as a contact here, you can collaborate online in set up blog / wiki beer qweqwe entrepreneurs. qweqw & qwe 8appsweq 8apps. Handshake is social networking with purpose. wordpress theme 4 HP other booze 0 pending 1 pending 123123 Add a contact in Handshake and suddenly a world of collaborative functionality 8 complete 12 complete something like kecap manis stuff Recently Active Members opens up. Share task lists in Orchestrate, brainstorm together in Blueprint. 123123123 The list goes on and is growing as we speak. OSF &qweq more stuff suit eqweqwe 7 pending Handshakestuff cereal + milk Orchestrate Blueprint Pinpoint 1 complete 123 yongfook johnkr cinemafreak roadrunnermm DdeWit ChuckCheese pollen8 business plan 1st draft Add a task My Contacts (32) design psilens ouven mahyuni binreddy prakashjha Thomassl dimonay x x 8appsweq Apartment eMe nathantr Guig dmotz MrQwest hulbertd navix camenotes JARSInc pablonoel Blueprint force paginate Add a task clean! Add a task Recent Group Activity burleydude pbaron dannychoo App 5 Orch -> editable titles? App 6 App 7 App 8 change of address for bank? DdeWit posted in The Design Disease change of address for CC Thank god... not alone... blog widget? change of address for mobile add rss link
  • 6. Ads by Google International American News Europe News Arabia News 8apps/Handshake 8apps/Orchestrate 8apps/Home Username: Password: (log out) logged in as yongfook In Log RSS Feed httpAsia is a social news site about the web industry in Asia Online business in China, Japan, Singapore, Korea, Malaysia, Thailand and more List Name My Tasks Home My Profile Shared Mail People Groups 2 NEW Social Networking for Productive People MyhttpAsia Sponsors Picture From The Blogosphere From The News x x x Shopping Apartment qweqw & qwe OSF &qweq Shopping Handshakeofis the applications meet your to work friend, the online place to that helps you next better. At programmer, 8apps is a suite 0 pending 0 pending center task manager, accountant, interface designer make more. By project is Handshake,Why Did Yahoo networkSoftbanktask to and a fully-featured social Give for youAdd a Such a Sweet Bad Food Gone Worse Add a there From Entrepreneur incorporate & lala 5 complete 5 complete 2 Hours, 53 Minutes ago new contacts, strengthen existing relationships and findJapan? adding someone asPrice for Overture like-minded beer to Infopreneur: a contact here, you can collaborate online in via pingmag.jp blog / wiki set up qweqwe Make Money with entrepreneurs. bar and 44 Minutes ago Discuss This Article seekingalpha.com qweqw & qwe 8appsweq While waiting at a snack 8apps. Handshake is social networkingJapan). While there booze no information with purpose. Books, E-books, Inc has 34% stake in Yahoo other was looking at the food displays, HP wordpress theme 4 0 pending 1 pending 123123 and … Dutch photographer Rene Handshake and suddenly a world of collaborative functionality Add a contact in 8 complete 12 complete about this on Yahoo!'s site, it was something that Yahoo! Japan Infopreneurs sell something like kecap manis stuff Recently Active Members opens up. Share task lists in Orchestrate, brainstorm together in Blueprint. Nuijens and art director Ewoudt 123123123 made a big deal out of in … valuable information Boonstra of publisher The list goes on and is growing as we speak. OSF &qweq more stuff suit online in the form of KesselsKramer had the idea of eqweqwe 7 pending books, … collecting the … Handshakestuff cereal + milk Orchestrate Blueprint Pinpoint Google Library Foe Penning Googlization 1 complete 123 HP: Linux ready for Book yongfook johnkr cinemafreak roadrunnermm DdeWit ChuckCheese pollen8 mission-critical apps business plan 1st draft 50 Minutes ago Discuss This Article www.webpronews.com The Peebles 3 Hours ago Of course, a task Add Google already has censored information in China, as a Principles: Tales via www.zdnetasia.com concession to local laws and the burgeoning Chinese Internet and Tactics from an The open-source operating My Contacts (32) system is secure enough to be userbase designthe potential ... Entrepreneur's and used in mission-critical psilens ouven mahyuni binreddy prakashjha Thomassl dimonay Life … applications, says a senior Praise for The Peebles Hewlett-Packard executive. Principles quot;Don Peebles Internet lines of two Koreas to be linked Compare your salaryUse the IT x x nathantr example … is an 8appsweq Apartment eMe Guig during summit salary benchmark wizard and know the average … 55 Minutestask hulbertd a ago Discuss This Article english.yonhapnews.co.kr dmotz MrQwest navix camenotes JARSInc pablonoel Blueprint force paginate Add SEOUL, Oct. 1 (Yonhap) -- South and North Korea will be linked via Facebook, MySpace A Billion Bootstraps: clean! Add a task threaten your Activity Recent Group job, savings the Internet during the summit of their leaders from Tuesday to Microcredit, 7 Hours, 4 Minutes ago Thursday, 6 App South address for... change of Korea's bank? burleydude pbaron dannychoo App 5 Orch -> editable titles? App 7 App 8 Barefoot Banking, DdeWit posted in The Design Disease via www.zdnetasia.com and The Business While they present opportunities change of address for CC Thank god... not alone... blog widget? Solution … to meet people with similar International internet traffic growth slows, change of address for mobile interests,add rssnetworking sites social link A bold manifesto by two
  • 7. Ads by Google International American News Europe News Arabia News 8apps/Handshake 8apps/Orchestrate 8apps/Home Username: Password: (log out) logged in as yongfook In Log RSS Feed httpAsia is a social news site about the web industry in Asia Yongfook is a web producer and Japan, Singapore, Korea, Malaysia, Thailand and more Online business in China, List Name usability consultant based in Tokyo Home My Tasks My Profile Shared Mail People Groups 2 NEW Social Networking for Productive People MyhttpAsia Sponsors Picture From The Blogosphere From The News x x x Shopping Apartment qweqw & qwe OSF &qweq Shopping Handshakeofis the applications meet your to work friend, the online place to that helps you next better. At programmer, 8apps is a suite 0 pending 0 pending center task manager, accountant, interface designer make more. By project to and there is Handshake,Why Did Yahoo networkSoftbanktask a fully-featured social Give for youAdd a Such a Sweet Bad Food Gone Worse From Entrepreneur Blog a About Contact incorporate & lala RSS Add 5 complete 5 complete 2 Hours, 53 Minutes ago new contacts, strengthen existing relationships and findJapan? adding someone asPrice for Overture like-minded beer to Infopreneur: a contact here, you can collaborate online in Poll via pingmag.jp blog / wiki set up qweqwe seekingalpha.com Reader Recommended Make Money with entrepreneurs. bar and 44 Minutes ago Discuss This Article qweqw & qwe 8appsweq 8apps. Week of is social networkingJapan). While there booze no information A Handshake Inc has 34% stake in Yahoo with purpose. Dining in Tokyo While waiting at a snack Books, E-books, other was looking at the food displays, HP wordpress theme 4 0 pending 1 pending 123123 What would you do if you didn't have the internets? and … Dutch photographer Rene Handshake and suddenly a world of collaborative functionality Add a contact in 8 complete 12 complete Posted in Food on September 28th, 2007Yahoo!'s site, it (Edit) something that Yahoo! Japan about this on / 18 Comments was Infopreneurs sell something like kecap manis stuff Recently Active Members opens up. Share task lists in Orchestrate, brainstorm together in Blueprint. Nuijens and art director Ewoudt Get 500% more work done 123123123 made a big deal out of in … valuable information Fairly recently Ion and is growing as we speak. Boonstra of publisher did a week-long whistle-stop tour of Tokyo dining 45 The list goes OSF &qweq more stuff suit online in the form of KesselsKramer had the idea of - from plush restaurants at the top of 5 star hotels to hole-in-the- Make my own internets out of paper maché eqweqwe 7 pending books, … collecting the … 21 wall shacks that only serve one thing on the menu. Here is a run stuff cereal + milk Handshake Google Library Foe Penning Blueprintto find a girlfriend Orchestrate Pinpoint 123 opinions, should you findGooglization 1 complete Try down of where I went, with some HP: Linux ready for Book 16 yourself looking for a nice place to eat in The ‘Kyo. yongfook johnkr cinemafreak roadrunnermm DdeWit ChuckCheese pollen8 mission-critical apps business plan 1st draft Kill Indiscriminately 50 Minutes ago Discuss This Article www.webpronews.com The Peebles 3 Hours ago TY Harbor Brewery 13 Of course, a task Add Google already has censored information in China, as a Principles: Tales via www.zdnetasia.com Total Votes: 95 concession to local laws and the burgeoning Chinese Internet and Tactics from an The open-source operating My Contacts (32) Started: 24th September 2007 system is secure enough to be userbase designthe potential ... Entrepreneur's and used in mission-critical psilens ouven mahyuni binreddy prakashjha Thomassl dimonay Life … Recent Web Activity applications, says a senior Praise for The Peebles Hewlett-Packard executive. Principles quot;Don Peebles Internet lines of two Koreas to be linkeda photo to flickr I posted Compare your salaryUse the IT x x nathantr example … is an 8appsweq Apartment eMe Guig Ok I'm all set. » during summit salary benchmark wizard and know the average … 55 Minutestask hulbertd a ago Discuss This Article english.yonhapnews.co.kr dmotz MrQwest navix camenotes JARSInc I duggpablonoel Blueprint force paginate Add an article The Top 50 Dystopian Movies of All Time SEOUL, Oct. 1 (Yonhap) -- South and North Korea will be linked via Facebook, MySpace » A Billion Bootstraps: clean! Add a task threaten your Activity Recent Group job, savings the Internet during the summit of their leaders from Tuesday to Microcredit, 7 Hours, 4 Minutes ago Thursday, 6 App South address for... change of Korea's bank? I posted a photo to flickrburleydude 8 pbaron dannychoo App 5 Orch -> editable titles? App 7 App Barefoot Banking, DdeWit posted in The Design Disease via www.zdnetasia.com omgyesss » Tucked away at an odd, corporate location in Shinagawa, TY Harbor and The Business While they present opportunities blog thereforegod... not alone... at lunch, but for CC Thank totally rammed change of address surprisingly quiet at Brewery iswidget? Solution … to meet people with similar I dugg an article dinner. social networkinglike eatingInternational internet traffic growth Mac OS X Leopard Only Has One slows, In general I sites here as the ambience is nice - the ceilings change of address for mobile interests, A bold manifesto by two add rss link
  • 8. Why build an app? • For fun • For mad profitz!1 • As a marketing experiment • To make yourself a better programmer / designer • To use your skill / resources to benefit other people
  • 9. Open Source Food Recipes rated, reviewed Logged in as yongfook Add Recipe logout? and improved by fellow food lovers. Now with beautiful photography. Home Food People Tips My Page Search Recipes All East West Fusion Meat Vegetable Seafood Sweet Quick Slow Spaghetty Simple and Frikadellen Bolognaise Easy (German Homemade Meatballs) Marinara Sauce by Mariska by Mariska by dosdne Tarte de Puree Pan-Roasted Rabbit with des Chataignes Salmon with black olives / Chestnut Wild Puree Tart Mushrooms by dduane by yongfook by michelem Roast Chicken Chicken with Moldavian stew, with Harissa preserved toc!niquot;! and Lemon lemons and moldoveneasc! couscous by freychef by len by len
  • 10. Open Source Food Recipes rated, reviewed Logged in as yongfook Add Recipe logout? and improved by fellow food lovers. Now with beautiful photography. Home Food People Tips My Page Search Recipes TheAll East of Open Source Food People West Fusion Meat Vegetable Seafood Sweet Quick Slow Chefs, hobbyists, photographers, food-lovers - the community at OSF is a rich tapestry of talented, beautiful people. Spaghetty Simple and Frikadellen Bolognaise Easy (German Homemade Meatballs) Marinara Sauce by Mariska by Mariska by dosdne yongfook 34 recipes arebesque pawtasu theory 14 recipes jerry 1 recipe Tarte de Puree Pan-Roasted Rabbit with des Chataignes Salmon with black olives / Chestnut Wild Puree Tart Mushrooms by dduane by yongfook by michelem chimp Danika DaveWood Nicola 2 recipes lshannon 4 recipes 6 recipes Roast Chicken Chicken with Moldavian stew, with Harissa preserved toc!niquot;! and Lemon lemons and moldoveneasc! couscous by freychef by len by len wouter sugiko Judy mayu yehting 3 recipes 13 recipes
  • 11. Open Source Food Recipes rated, reviewed Logged in as yongfook Add Recipe logout? and improved by fellow food lovers. Now with beautiful photography. Home Food People Tips My Page Search Recipes TheAll East of Open Source Food People West Fusion Meat Vegetable Seafood Sweet Favourites Slow Recipes Quick Menus Tips Messages Create Menu Write Tip Add Recipe Chefs, hobbyists, photographers, food-lovers - the community at OSF is a rich tapestry of talented, beautiful people. Spaghetty Spicy Courgette Simple and Pan-Roasted Frikadellen Bolognaise & Chicken Easy Salmon with (German Homemade Sandwich Meatballs) Wild Marinara Sauce Mushrooms by Mariska by yongfook by Mariska by yongfook by dosdne yongfook 34 recipes arebesque pawtasu theory 14 recipes jerry 1 recipe yongfook (edit) Tarte de Puree Pan-Roasted Indoor BBQ Basil-Wrapped Rabbit with des Chataignes Salmon with Corn Cob Salmon and black olives Recipes 34 / Chestnut Wild Zucchini Pesto Location Tokyo Puree Tart Mushrooms Tagliatelle by dduane by yongfook by michelem yongfook Occupation Intarnets Producer Homepage Link About Me chimp 4 recipes Danika DaveWood Nicola 2 recipes lshannon 6 recipes My favourite chefs: Gordon Ramsay Roast Chicken Chilled Tan-Tan Chicken with MoldavianTuna Sesame stew, Nigel Slater with Harissa preserved Noodles withtoc!niquot;! Lime Mash Jamie Oliver and Lemon lemons and moldoveneasc! couscous by freychef by by len yongfook by by len yongfook wouter sugiko Judy mayu yehting 3 recipes 13 recipes
  • 12. Open Source Food Recipes rated, reviewed Logged in as yongfook Add Recipe logout? and improved by fellow food lovers. Now with beautiful photography. Home Food People Tips My Page Search Recipes TheAll East of Open Source Food People West Fusion Meat Vegetable Seafood Sweet Favourites Slow Recipes Quick Menus Tips Messages Create Menu Write Tip Add Recipe Chefs, hobbyists, photographers, food-lovers - the community at OSF is a rich tapestry of talented, beautiful people. Spaghetty Spicy Courgette Simple and Pan-Roasted Frikadellen Bolognaise & Chicken Easy Salmon with (German Homemade Sandwich Meatballs) Wild Marinara Sauce Mushrooms by Mariska by yongfook by Mariska by yongfook by dosdne 1 week to build yongfook 34 recipes arebesque pawtasu theory 14 recipes jerry 1 recipe 2100 users from word of mouth yongfook (edit) Tarte de Puree Pan-Roasted Indoor BBQ Basil-Wrapped Rabbit with 200,000 page views a month des Chataignes Salmon with Corn Cob Salmon and black olives Recipes 34 / Chestnut Wild Zucchini Pesto Location Tokyo Puree Tart Mushrooms Tagliatelle 45% of traffic from natural search by dduane by yongfook by michelem yongfook Occupation Intarnets Producer Homepage Link About Me chimp 4 recipes Danika DaveWood Nicola 2 recipes lshannon 6 recipes My favourite chefs: Gordon Ramsay Roast Chicken Chilled Tan-Tan Chicken with MoldavianTuna Sesame stew, Nigel Slater with Harissa preserved Noodles withtoc!niquot;! Lime Mash Jamie Oliver and Lemon lemons and moldoveneasc! couscous by freychef by by len yongfook by by len yongfook wouter sugiko Judy mayu yehting 3 recipes 13 recipes
  • 13. Building the Actual App is the new Planning
  • 14. Decide on your base functionality, do a rough design and start building.
  • 15. Starter • File / Directory Structure • Addressing Scalability • Validation / Malicious use • Error Handling • Database Abstraction • Logic Separation • SEO / Goal Tracking
  • 16. Starter • File / Directory Structure • Addressing Scalability • Validation / Malicious use • Error Handling • Database Abstraction • Logic Separation • SEO / Goal Tracking
  • 17. Starter • File / Directory Structure • Addressing Scalability • Validation / Malicious use • Error Handling • Database Abstraction • Logic Separation • SEO / Goal Tracking
  • 18. Starter • File / Directory Structure • Addressing Scalability • Validation / Malicious use • Error Handling • Database Abstraction • Logic Separation • SEO / Goal Tracking
  • 19. Starter • File / Directory Structure • Addressing Scalability • Validation / Malicious use • Error Handling • Database Abstraction • Logic Separation • SEO / Goal Tracking
  • 20. Starter • File / Directory Structure • Addressing Scalability • Validation / Malicious use • Error Handling MemberPeer::retrieveByPk($this->getAuthorId())->getFriends() • Database Abstraction • Logic Separation • SEO / Goal Tracking
  • 21. Starter • File / Directory Structure • Addressing Scalability • Validation / Malicious use • Error Handling • Database Abstraction • Logic Separation • SEO / Goal Tracking
  • 22. Main Course • What do you want your users to be able to DO? • What is in it for them? • What’s your killer feature? • Use high quality classes and libraries for sexy functionality, add them to your repertoire • Zend • jQuery
  • 23. 8apps: Growth Driven by seed users, invite-only hype, blog marketing Users 11,000 7,000 4,000 2,000 January April July September
  • 24. Open Source Food: Growth Driven by blog marketing, evangelists Users Recipes 5,000 3,000 2,100 1,260 1,200 800 1 April 5 July September December (projected)
  • 25. Dessert • Where will you announce your app and who will talk about it? • Let your users market the app • Blog parts • Customer service • Be an evangelist yourself
  • 26. Dessert • Where will you announce your app and who will talk about it? • Let your users market the app Ads by Google Blog Recipes Food Blog Cooking Blog Food Log For Baby Recipes • Blog parts Food – Social Networking for Recipes ! 15 March Open Source 07 • Customer service • Be an evangelist yourself Add benjaminchristie.com to: AOL, MyYahoo, Google, Bloglines Technorati, MY MSN, del.icio.us
  • 27. September 29 Helen Christoph Mel Stern Acton Kei Baron Jon is making a list. 8:29pm Dessert Jon is quot;Hquot;quot;quot;quot;. 7:16pm Jon joined the group Jeremy Clarkson should be Prime Minister. 1:17pm Jon commented on his own posted item. 12:03pm William Rita • Where will you announce your Davis Saya Busi Hjønnevåg Open Source Food Open Source Recipes by yongfook app and who will talk about it? Notes yongfook 3 of 351 notes. See All A Week of Dining in Tokyo • Let your users market the app Location Tokyo 12:02pm Sep 28 | 1 comment Occupation Intarnets Producer Ads by Google Blog Recipes A Food Blog Cooking Blog Food Log For Baby Recipes Week of Dining in Tokyo 12:02pm Sep 28 • Blog parts Food – omgyesss Networking for Recipes ! 15 March Open Source Social 1:57pm Sep 27 07 Photos • Customer service7 albums. My Heritage 2 of See All I am Singaporean and British. Home Updated • Be an evangelist yourself I was born in United Kingdom and I live in Tokyo September 6 Heritage Facts: Singapore was invented by Britain in 1819. But Why Male Ethnic Food: Chicken Rice FTW. Oh and baked beans. Not Models? together, mind. Created Add your heritage! September 2 The Wall Displaying 10 of 150 wall posts. See All Write something on your own Wall... Attach: Record Video Share Link Friends in Other Networks Add benjaminchristie.com to: AOL, MyYahoo, Google, Bloglines Networks with the most friends Post Technorati, MY MSN, del.icio.us Japan (53) London (30) Emily Grigg-Saito (Bryn Mawr) wrote Australia (8) at 7:49pm
  • 28. Be An Evangelist