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

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

Brian Mulloy
Apigee
@landlessness @apigee

Agenda
• Overview
• Ideation
• Design
• Development
• Deployment
• Demonstration
• Shopping List
• Summary

We prototype a new app every two weeks.

For painting an API vision, one app is not enough.

How to create ideas for apps for big companies?

Establish a guiding principle:

More is better. Don’t self-edit.

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?

$.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.');
}
});

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 + '"}
}',

If the boss insists then build out the rest.

How to deploy prototypes on mobile devices?

How do we see what’s happening on the app?

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

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

groups.google.com/group/api-craft

THANK YOU
Contact us at:

@landlessness
brian@apigee.com

@apigee

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

More Related Content

What's hot (17)

Similar to From Napkin to Network: Rapidly Design, Prototype and Leverage Network APIs (20)

More from Apigee | Google Cloud (20)

Recently uploaded (20)

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

Editor's Notes