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.
From Napkin to Network:Rapidly Design, Prototype and Leverage Network APIsBrian Mulloy                                    ...
Agenda•   Overview•   Ideation•   Design•   Development•   Deployment•   Demonstration•   Shopping List•   Summary
The world is programmable!
Thanks to APIs.
But APIs are invisible.
Apps are not.
We prototype a new app every two weeks.
For painting an API vision, one app is not enough.
Three apps is enough.
How to create ideas for apps for big companies?
Establish a guiding principle:
“Budget = Lifestyle
“Document Everything
“Involve Me and I Learn
Make a big list.
Bigger.
More is better. Don’t self-edit.
Until later…
…then narrow down based on:
Credibility for the brand.
Relevance to the customer.
Differentiation.
Dream big.
Explore what’s possible with existing APIs.
How to approach prototype design?
The first tool you should grab is your sketchbook.
How to approach prototype development?
Build a click-through demo.
Then make live API calls.
$.ajax({  type: "POST",  url: "http://telekom-ex-test.apigee.net/v1_1/payment/acr:xxx/transactions/amount",  dataType: jso...
data: {”amountTransaction":    {"endUserId":"acr:xxx","paymentAmount”    {"chargingInformation":{    "amount":"’ + amount ...
If the boss insists then build out the rest.
How to deploy prototypes on mobile devices?
iOS
Android
How do we see what’s happening on the app?
Demo
Shopping List• UIStencils                            • Arduino    – http://www.uistencils.com/            – http://arduino...
Summary•   Establish a guiding principle•   Generate many ideas•   Share rough sketches for co-dreaming•   Make visual com...
Questions?
groups.google.com/group/api-craft
youtube.com/apigee
slideshare.net/apigee
THANK YOUContact us at:@landlessnessbrian@apigee.com@apigee
From Napkin to Network: Rapidly Design, Prototype and Leverage Network APIs
From Napkin to Network: Rapidly Design, Prototype and Leverage Network APIs
From Napkin to Network: Rapidly Design, Prototype and Leverage Network APIs
From Napkin to Network: Rapidly Design, Prototype and Leverage Network APIs
From Napkin to Network: Rapidly Design, Prototype and Leverage Network APIs
From Napkin to Network: Rapidly Design, Prototype and Leverage Network APIs
From Napkin to Network: Rapidly Design, Prototype and Leverage Network APIs
From Napkin to Network: Rapidly Design, Prototype and Leverage Network APIs
From Napkin to Network: Rapidly Design, Prototype and Leverage Network APIs
From Napkin to Network: Rapidly Design, Prototype and Leverage Network APIs
From Napkin to Network: Rapidly Design, Prototype and Leverage Network APIs
From Napkin to Network: Rapidly Design, Prototype and Leverage Network APIs
From Napkin to Network: Rapidly Design, Prototype and Leverage Network APIs
From Napkin to Network: Rapidly Design, Prototype and Leverage Network APIs
From Napkin to Network: Rapidly Design, Prototype and Leverage Network APIs
From Napkin to Network: Rapidly Design, Prototype and Leverage Network APIs
From Napkin to Network: Rapidly Design, Prototype and Leverage Network APIs
From Napkin to Network: Rapidly Design, Prototype and Leverage Network APIs
From Napkin to Network: Rapidly Design, Prototype and Leverage Network APIs
From Napkin to Network: Rapidly Design, Prototype and Leverage Network APIs
From Napkin to Network: Rapidly Design, Prototype and Leverage Network APIs
From Napkin to Network: Rapidly Design, Prototype and Leverage Network APIs
From Napkin to Network: Rapidly Design, Prototype and Leverage Network APIs
From Napkin to Network: Rapidly Design, Prototype and Leverage Network APIs
From Napkin to Network: Rapidly Design, Prototype and Leverage Network APIs
From Napkin to Network: Rapidly Design, Prototype and Leverage Network APIs
From Napkin to Network: Rapidly Design, Prototype and Leverage Network APIs
From Napkin to Network: Rapidly Design, Prototype and Leverage Network APIs
From Napkin to Network: Rapidly Design, Prototype and Leverage Network APIs
From Napkin to Network: Rapidly Design, Prototype and Leverage Network APIs
From Napkin to Network: Rapidly Design, Prototype and Leverage Network APIs
From Napkin to Network: Rapidly Design, Prototype and Leverage Network APIs
From Napkin to Network: Rapidly Design, Prototype and Leverage Network APIs
From Napkin to Network: Rapidly Design, Prototype and Leverage Network APIs
From Napkin to Network: Rapidly Design, Prototype and Leverage Network APIs
From Napkin to Network: Rapidly Design, Prototype and Leverage Network APIs
From Napkin to Network: Rapidly Design, Prototype and Leverage Network APIs
From Napkin to Network: Rapidly Design, Prototype and Leverage Network APIs
From Napkin to Network: Rapidly Design, Prototype and Leverage Network APIs
From Napkin to Network: Rapidly Design, Prototype and Leverage Network APIs
From Napkin to Network: Rapidly Design, Prototype and Leverage Network APIs
From Napkin to Network: Rapidly Design, Prototype and Leverage Network APIs
From Napkin to Network: Rapidly Design, Prototype and Leverage Network APIs
From Napkin to Network: Rapidly Design, Prototype and Leverage Network APIs
From Napkin to Network: Rapidly Design, Prototype and Leverage Network APIs
From Napkin to Network: Rapidly Design, Prototype and Leverage Network APIs
From Napkin to Network: Rapidly Design, Prototype and Leverage Network APIs
From Napkin to Network: Rapidly Design, Prototype and Leverage Network APIs
From Napkin to Network: Rapidly Design, Prototype and Leverage Network APIs
From Napkin to Network: Rapidly Design, Prototype and Leverage Network APIs
From Napkin to Network: Rapidly Design, Prototype and Leverage Network APIs
From Napkin to Network: Rapidly Design, Prototype and Leverage Network APIs
From Napkin to Network: Rapidly Design, Prototype and Leverage Network APIs
From Napkin to Network: Rapidly Design, Prototype and Leverage Network APIs
From Napkin to Network: Rapidly Design, Prototype and Leverage Network APIs
From Napkin to Network: Rapidly Design, Prototype and Leverage Network APIs
From Napkin to Network: Rapidly Design, Prototype and Leverage Network APIs
Upcoming SlideShare
Loading in …5
×

From Napkin to Network: Rapidly Design, Prototype and Leverage Network APIs

1,812 views

Published on

In this session, Apigee’s Brian Mulloy will discuss the fastest way to create a concept, build a prototype and deploy a network-enabled app. You will walk away with a recipe for rapid network app development and a list of the tools and techniques to successfully get from concept to prototype in just a few days.

Published in: Technology
  • Be the first to comment

From Napkin to Network: Rapidly Design, Prototype and Leverage Network APIs

  1. 1. From Napkin to Network:Rapidly Design, Prototype and Leverage Network APIsBrian Mulloy Apigee@landlessness @apigee
  2. 2. Agenda• Overview• Ideation• Design• Development• Deployment• Demonstration• Shopping List• Summary
  3. 3. The world is programmable!
  4. 4. Thanks to APIs.
  5. 5. But APIs are invisible.
  6. 6. Apps are not.
  7. 7. We prototype a new app every two weeks.
  8. 8. For painting an API vision, one app is not enough.
  9. 9. Three apps is enough.
  10. 10. How to create ideas for apps for big companies?
  11. 11. Establish a guiding principle:
  12. 12. “Budget = Lifestyle
  13. 13. “Document Everything
  14. 14. “Involve Me and I Learn
  15. 15. Make a big list.
  16. 16. Bigger.
  17. 17. More is better. Don’t self-edit.
  18. 18. Until later…
  19. 19. …then narrow down based on:
  20. 20. Credibility for the brand.
  21. 21. Relevance to the customer.
  22. 22. Differentiation.
  23. 23. Dream big.
  24. 24. Explore what’s possible with existing APIs.
  25. 25. How to approach prototype design?
  26. 26. The first tool you should grab is your sketchbook.
  27. 27. How to approach prototype development?
  28. 28. Build a click-through demo.
  29. 29. Then make live API calls.
  30. 30. $.ajax({ type: "POST", url: "http://telekom-ex-test.apigee.net/v1_1/payment/acr:xxx/transactions/amount", dataType: json, contentType: application/json, headers: { Authorization: ClientCredential xxxx }, data: …, success: function(data) { routie(“confirm”); }, error: function() { console.log(Payment API: error.); }});
  31. 31. data: {”amountTransaction": {"endUserId":"acr:xxx","paymentAmount” {"chargingInformation":{ "amount":"’ + amount + ’”, "code":”xxx", "currency":"EUR", "description":"mwcBIKEshare rental"}, "chargingMetaData": {"onBehalfOf":"mwcBIKEshare”, "purchaseCategoryCode": "Transportation"}}, "referenceCode":"REF-12345”, "transactionOperationStatus": "Requested", "notifyURL":" + notifyURL + "} },
  32. 32. If the boss insists then build out the rest.
  33. 33. How to deploy prototypes on mobile devices?
  34. 34. iOS
  35. 35. Android
  36. 36. How do we see what’s happening on the app?
  37. 37. Demo
  38. 38. Shopping List• UIStencils • Arduino – http://www.uistencils.com/ – http://arduino.cc• Prismacolor Pencils • NFC Tag – http://www.prismacolor.com/ – http://tagstand.com• Niji Roll Pencil Bag • GitHub – http://www.amazon.com/Yasutomo- – https://github.com/ Niji-Roll-Multi-purpose- Pouch/dp/B0027A5A9M • Apigee App Services – http://apigee.com/docs/app_services• Apigee API Consoles – https://apigee.com/console • Apigee Gateway – http://apigee.com/about/enterprise-• Google search capabilities – https://www.google.com/ • TestFlight for iOS• Adobe Creative Cloud – https://testflightapp.com/ – http://adobe.com/creativecloud • Zubhium for Android• Trigger.io – https://www.zubhium.com/ – https://trigger.io/ • Apigee Mobile Analytics – http://apigee.com/docs/enterprise/c ontent/what-mobile-analytics
  39. 39. Summary• Establish a guiding principle• Generate many ideas• Share rough sketches for co-dreaming• Make visual comps to convert believers• Develop in HTML & JS• Deploy to iOS with TestFlight• Deploy to Android with Zubhium• Use fun tools
  40. 40. Questions?
  41. 41. groups.google.com/group/api-craft
  42. 42. youtube.com/apigee
  43. 43. slideshare.net/apigee
  44. 44. THANK YOUContact us at:@landlessnessbrian@apigee.com@apigee

×