braintree sdk v.zero or "a payment gateway walks into a bar..." - devfest nantes 2014
TRANSCRIPT
![Page 1: Braintree SDK v.zero or "A payment gateway walks into a bar..." - Devfest Nantes 2014](https://reader034.vdocuments.us/reader034/viewer/2022052602/55a230ac1a28ab77428b47d2/html5/thumbnails/1.jpg)
v.zeroA modern foundation for accepting Payments
Alberto López
Braintree_Dev. <Advocate/>
DevFest Nantes 2014
![Page 2: Braintree SDK v.zero or "A payment gateway walks into a bar..." - Devfest Nantes 2014](https://reader034.vdocuments.us/reader034/viewer/2022052602/55a230ac1a28ab77428b47d2/html5/thumbnails/2.jpg)
#DevFest #Nantes
@Braintree_dev
@AlbertusLM
![Page 3: Braintree SDK v.zero or "A payment gateway walks into a bar..." - Devfest Nantes 2014](https://reader034.vdocuments.us/reader034/viewer/2022052602/55a230ac1a28ab77428b47d2/html5/thumbnails/3.jpg)
m Commerce in France
#DevFest #Nantes @Braintree_dev @AlbertusLM
![Page 4: Braintree SDK v.zero or "A payment gateway walks into a bar..." - Devfest Nantes 2014](https://reader034.vdocuments.us/reader034/viewer/2022052602/55a230ac1a28ab77428b47d2/html5/thumbnails/4.jpg)
2014-‐ 5K model A -‐ 4K model B -‐ 6K watch C
# Android Devices
#DevFest #Nantes @Braintree_dev @AlbertusLM
-‐ 1M ice-‐Creams -‐ 2M clothes -‐ 43M sports
# euros mcommerce / vertical of business
![Page 5: Braintree SDK v.zero or "A payment gateway walks into a bar..." - Devfest Nantes 2014](https://reader034.vdocuments.us/reader034/viewer/2022052602/55a230ac1a28ab77428b47d2/html5/thumbnails/5.jpg)
PLEASE, BUSINESS PRESENTATION NO
#DevFest #Nantes @Braintree_dev @AlbertusLM
![Page 6: Braintree SDK v.zero or "A payment gateway walks into a bar..." - Devfest Nantes 2014](https://reader034.vdocuments.us/reader034/viewer/2022052602/55a230ac1a28ab77428b47d2/html5/thumbnails/6.jpg)
Drop-in UI
> Mobile, born and raise
#DevFest #Nantes @Braintree_dev @AlbertusLM
![Page 7: Braintree SDK v.zero or "A payment gateway walks into a bar..." - Devfest Nantes 2014](https://reader034.vdocuments.us/reader034/viewer/2022052602/55a230ac1a28ab77428b47d2/html5/thumbnails/7.jpg)
#DevFest #Nantes @Braintree_dev @AlbertusLM
![Page 8: Braintree SDK v.zero or "A payment gateway walks into a bar..." - Devfest Nantes 2014](https://reader034.vdocuments.us/reader034/viewer/2022052602/55a230ac1a28ab77428b47d2/html5/thumbnails/8.jpg)
PLEASE, PRODUCT PRESENTATION NO
#DevFest #Nantes @Braintree_dev @AlbertusLM
![Page 9: Braintree SDK v.zero or "A payment gateway walks into a bar..." - Devfest Nantes 2014](https://reader034.vdocuments.us/reader034/viewer/2022052602/55a230ac1a28ab77428b47d2/html5/thumbnails/9.jpg)
v.zeroA modern foundation for accepting Payments
Alberto López
Braintree_Dev. <Advocate/>
DevFest Nantes 2014
#DevFest #Nantes @Braintree_dev @AlbertusLM
![Page 10: Braintree SDK v.zero or "A payment gateway walks into a bar..." - Devfest Nantes 2014](https://reader034.vdocuments.us/reader034/viewer/2022052602/55a230ac1a28ab77428b47d2/html5/thumbnails/10.jpg)
v.zero
Alberto López
Braintree_Dev. <Advocate/>
DevFest Nantes 2014
A payment gateway walks into a bar…Thanks to Justin Woo ;)
A modern foundation for accepting Payments
#DevFest #Nantes @Braintree_dev @AlbertusLM
![Page 11: Braintree SDK v.zero or "A payment gateway walks into a bar..." - Devfest Nantes 2014](https://reader034.vdocuments.us/reader034/viewer/2022052602/55a230ac1a28ab77428b47d2/html5/thumbnails/11.jpg)
A bank account walks into a bar…
#DevFest #Nantes @Braintree_dev @AlbertusLM
![Page 12: Braintree SDK v.zero or "A payment gateway walks into a bar..." - Devfest Nantes 2014](https://reader034.vdocuments.us/reader034/viewer/2022052602/55a230ac1a28ab77428b47d2/html5/thumbnails/12.jpg)
…and says to the bartender:
“I’ve been having a hard time meeting people”
The bartender answers:
“Wait, aren’t you supposed to be good at generating…
#DevFest #Nantes @Braintree_dev @AlbertusLM
![Page 13: Braintree SDK v.zero or "A payment gateway walks into a bar..." - Devfest Nantes 2014](https://reader034.vdocuments.us/reader034/viewer/2022052602/55a230ac1a28ab77428b47d2/html5/thumbnails/13.jpg)
“interest”
#DevFest #Nantes @Braintree_dev @AlbertusLM
![Page 14: Braintree SDK v.zero or "A payment gateway walks into a bar..." - Devfest Nantes 2014](https://reader034.vdocuments.us/reader034/viewer/2022052602/55a230ac1a28ab77428b47d2/html5/thumbnails/14.jpg)
I have a girlfriend
#DevFest #Nantes @Braintree_dev @AlbertusLM
![Page 15: Braintree SDK v.zero or "A payment gateway walks into a bar..." - Devfest Nantes 2014](https://reader034.vdocuments.us/reader034/viewer/2022052602/55a230ac1a28ab77428b47d2/html5/thumbnails/15.jpg)
I want to propose to her
#DevFest #Nantes @Braintree_dev @AlbertusLM
![Page 16: Braintree SDK v.zero or "A payment gateway walks into a bar..." - Devfest Nantes 2014](https://reader034.vdocuments.us/reader034/viewer/2022052602/55a230ac1a28ab77428b47d2/html5/thumbnails/16.jpg)
(shhh, don’t say it to her)
#DevFest #Nantes @Braintree_dev @AlbertusLM
![Page 17: Braintree SDK v.zero or "A payment gateway walks into a bar..." - Devfest Nantes 2014](https://reader034.vdocuments.us/reader034/viewer/2022052602/55a230ac1a28ab77428b47d2/html5/thumbnails/17.jpg)
This is me Looking for a ring…
https://flic.kr/p/cHEgTj#DevFest #Nantes @Braintree_dev @AlbertusLM
![Page 18: Braintree SDK v.zero or "A payment gateway walks into a bar..." - Devfest Nantes 2014](https://reader034.vdocuments.us/reader034/viewer/2022052602/55a230ac1a28ab77428b47d2/html5/thumbnails/18.jpg)
… on the Internet
#DevFest #Nantes @Braintree_dev @AlbertusLM
![Page 19: Braintree SDK v.zero or "A payment gateway walks into a bar..." - Devfest Nantes 2014](https://reader034.vdocuments.us/reader034/viewer/2022052602/55a230ac1a28ab77428b47d2/html5/thumbnails/19.jpg)
I am an a**hole
#DevFest #Nantes @Braintree_dev @AlbertusLM
![Page 20: Braintree SDK v.zero or "A payment gateway walks into a bar..." - Devfest Nantes 2014](https://reader034.vdocuments.us/reader034/viewer/2022052602/55a230ac1a28ab77428b47d2/html5/thumbnails/20.jpg)
I am an a**hole
Go to a J
eweller
y
#DevFest #Nantes @Braintree_dev @AlbertusLM
![Page 21: Braintree SDK v.zero or "A payment gateway walks into a bar..." - Devfest Nantes 2014](https://reader034.vdocuments.us/reader034/viewer/2022052602/55a230ac1a28ab77428b47d2/html5/thumbnails/21.jpg)
NO
#DevFest #Nantes @Braintree_dev @AlbertusLM
![Page 22: Braintree SDK v.zero or "A payment gateway walks into a bar..." - Devfest Nantes 2014](https://reader034.vdocuments.us/reader034/viewer/2022052602/55a230ac1a28ab77428b47d2/html5/thumbnails/22.jpg)
I am a lazy person
#DevFest #Nantes @Braintree_dev @AlbertusLM
![Page 23: Braintree SDK v.zero or "A payment gateway walks into a bar..." - Devfest Nantes 2014](https://reader034.vdocuments.us/reader034/viewer/2022052602/55a230ac1a28ab77428b47d2/html5/thumbnails/23.jpg)
Let’s go to e-surf!
#DevFest #Nantes @Braintree_dev @AlbertusLM
![Page 24: Braintree SDK v.zero or "A payment gateway walks into a bar..." - Devfest Nantes 2014](https://reader034.vdocuments.us/reader034/viewer/2022052602/55a230ac1a28ab77428b47d2/html5/thumbnails/24.jpg)
Things I thi
nk that shou
ld
change for m
aking easier
purchases on
Internet
#DevFest #Nantes @Braintree_dev @AlbertusLM
![Page 25: Braintree SDK v.zero or "A payment gateway walks into a bar..." - Devfest Nantes 2014](https://reader034.vdocuments.us/reader034/viewer/2022052602/55a230ac1a28ab77428b47d2/html5/thumbnails/25.jpg)
A payment gateway walks into a bar…
#DevFest #Nantes @Braintree_dev @AlbertusLM
![Page 26: Braintree SDK v.zero or "A payment gateway walks into a bar..." - Devfest Nantes 2014](https://reader034.vdocuments.us/reader034/viewer/2022052602/55a230ac1a28ab77428b47d2/html5/thumbnails/26.jpg)
…the bartender says:
“Why do you keep coming in here day after day ?”
The payment gateway looks at him miserably and says:
“I’m just looking for some…
#DevFest #Nantes @Braintree_dev @AlbertusLM
![Page 27: Braintree SDK v.zero or "A payment gateway walks into a bar..." - Devfest Nantes 2014](https://reader034.vdocuments.us/reader034/viewer/2022052602/55a230ac1a28ab77428b47d2/html5/thumbnails/27.jpg)
“validation”
#DevFest #Nantes @Braintree_dev @AlbertusLM
![Page 28: Braintree SDK v.zero or "A payment gateway walks into a bar..." - Devfest Nantes 2014](https://reader034.vdocuments.us/reader034/viewer/2022052602/55a230ac1a28ab77428b47d2/html5/thumbnails/28.jpg)
Amazing jewellery store
![Page 29: Braintree SDK v.zero or "A payment gateway walks into a bar..." - Devfest Nantes 2014](https://reader034.vdocuments.us/reader034/viewer/2022052602/55a230ac1a28ab77428b47d2/html5/thumbnails/29.jpg)
![Page 30: Braintree SDK v.zero or "A payment gateway walks into a bar..." - Devfest Nantes 2014](https://reader034.vdocuments.us/reader034/viewer/2022052602/55a230ac1a28ab77428b47d2/html5/thumbnails/30.jpg)
![Page 31: Braintree SDK v.zero or "A payment gateway walks into a bar..." - Devfest Nantes 2014](https://reader034.vdocuments.us/reader034/viewer/2022052602/55a230ac1a28ab77428b47d2/html5/thumbnails/31.jpg)
#DevFest #Nantes @Braintree_dev @AlbertusLM
![Page 32: Braintree SDK v.zero or "A payment gateway walks into a bar..." - Devfest Nantes 2014](https://reader034.vdocuments.us/reader034/viewer/2022052602/55a230ac1a28ab77428b47d2/html5/thumbnails/32.jpg)
http://goo.gl/PYb26w
Captcha
#DevFest #Nantes @AlbertusLM@Braintree_dev
![Page 33: Braintree SDK v.zero or "A payment gateway walks into a bar..." - Devfest Nantes 2014](https://reader034.vdocuments.us/reader034/viewer/2022052602/55a230ac1a28ab77428b47d2/html5/thumbnails/33.jpg)
Completely Automated Public Turing Test To Tell Computers
and Humans Apart
#DevFest #Nantes @AlbertusLM@Braintree_dev
![Page 34: Braintree SDK v.zero or "A payment gateway walks into a bar..." - Devfest Nantes 2014](https://reader034.vdocuments.us/reader034/viewer/2022052602/55a230ac1a28ab77428b47d2/html5/thumbnails/34.jpg)
#DevFest #Nantes @AlbertusLM@Braintree_dev
![Page 35: Braintree SDK v.zero or "A payment gateway walks into a bar..." - Devfest Nantes 2014](https://reader034.vdocuments.us/reader034/viewer/2022052602/55a230ac1a28ab77428b47d2/html5/thumbnails/35.jpg)
#DevFest #Nantes @AlbertusLM@Braintree_dev
![Page 36: Braintree SDK v.zero or "A payment gateway walks into a bar..." - Devfest Nantes 2014](https://reader034.vdocuments.us/reader034/viewer/2022052602/55a230ac1a28ab77428b47d2/html5/thumbnails/36.jpg)
#DevFest #Nantes @AlbertusLM@Braintree_dev
![Page 37: Braintree SDK v.zero or "A payment gateway walks into a bar..." - Devfest Nantes 2014](https://reader034.vdocuments.us/reader034/viewer/2022052602/55a230ac1a28ab77428b47d2/html5/thumbnails/37.jpg)
#DevFest #Nantes @AlbertusLM@Braintree_dev
![Page 38: Braintree SDK v.zero or "A payment gateway walks into a bar..." - Devfest Nantes 2014](https://reader034.vdocuments.us/reader034/viewer/2022052602/55a230ac1a28ab77428b47d2/html5/thumbnails/38.jpg)
#DevFest #Nantes @Braintree_dev @AlbertusLM
![Page 39: Braintree SDK v.zero or "A payment gateway walks into a bar..." - Devfest Nantes 2014](https://reader034.vdocuments.us/reader034/viewer/2022052602/55a230ac1a28ab77428b47d2/html5/thumbnails/39.jpg)
An American Express walks into a bar in Moscow…
#DevFest #Nantes @Braintree_dev @AlbertusLM
![Page 40: Braintree SDK v.zero or "A payment gateway walks into a bar..." - Devfest Nantes 2014](https://reader034.vdocuments.us/reader034/viewer/2022052602/55a230ac1a28ab77428b47d2/html5/thumbnails/40.jpg)
…the bartender says:
“Sorry mate, You aren’t allowed in here without a ….”
#DevFest #Nantes @Braintree_dev @AlbertusLM
![Page 41: Braintree SDK v.zero or "A payment gateway walks into a bar..." - Devfest Nantes 2014](https://reader034.vdocuments.us/reader034/viewer/2022052602/55a230ac1a28ab77428b47d2/html5/thumbnails/41.jpg)
“VISA”
#DevFest #Nantes @Braintree_dev @AlbertusLM
![Page 42: Braintree SDK v.zero or "A payment gateway walks into a bar..." - Devfest Nantes 2014](https://reader034.vdocuments.us/reader034/viewer/2022052602/55a230ac1a28ab77428b47d2/html5/thumbnails/42.jpg)
Not autodetect credit card type
#DevFest #Nantes @Braintree_dev @AlbertusLM
![Page 43: Braintree SDK v.zero or "A payment gateway walks into a bar..." - Devfest Nantes 2014](https://reader034.vdocuments.us/reader034/viewer/2022052602/55a230ac1a28ab77428b47d2/html5/thumbnails/43.jpg)
#DevFest #Nantes @Braintree_dev @AlbertusLM
![Page 44: Braintree SDK v.zero or "A payment gateway walks into a bar..." - Devfest Nantes 2014](https://reader034.vdocuments.us/reader034/viewer/2022052602/55a230ac1a28ab77428b47d2/html5/thumbnails/44.jpg)
*It’s on Wikipedia#DevFest #Nantes @Braintree_dev @AlbertusLM
![Page 45: Braintree SDK v.zero or "A payment gateway walks into a bar..." - Devfest Nantes 2014](https://reader034.vdocuments.us/reader034/viewer/2022052602/55a230ac1a28ab77428b47d2/html5/thumbnails/45.jpg)
Restaurant onlINe
#DevFest #Nantes @Braintree_dev @AlbertusLM
![Page 46: Braintree SDK v.zero or "A payment gateway walks into a bar..." - Devfest Nantes 2014](https://reader034.vdocuments.us/reader034/viewer/2022052602/55a230ac1a28ab77428b47d2/html5/thumbnails/46.jpg)
#DevFest #Nantes @Braintree_dev @AlbertusLM
![Page 47: Braintree SDK v.zero or "A payment gateway walks into a bar..." - Devfest Nantes 2014](https://reader034.vdocuments.us/reader034/viewer/2022052602/55a230ac1a28ab77428b47d2/html5/thumbnails/47.jpg)
#DevFest #Nantes @Braintree_dev @AlbertusLM
![Page 48: Braintree SDK v.zero or "A payment gateway walks into a bar..." - Devfest Nantes 2014](https://reader034.vdocuments.us/reader034/viewer/2022052602/55a230ac1a28ab77428b47d2/html5/thumbnails/48.jpg)
http://jquerycreditcardvalidator.com
http://creditcardjs.com
#DevFest #Nantes @Braintree_dev @AlbertusLM
![Page 49: Braintree SDK v.zero or "A payment gateway walks into a bar..." - Devfest Nantes 2014](https://reader034.vdocuments.us/reader034/viewer/2022052602/55a230ac1a28ab77428b47d2/html5/thumbnails/49.jpg)
https://github.com/jgrana/CreditCardEntry
#DevFest #Nantes @Braintree_dev @AlbertusLM
![Page 50: Braintree SDK v.zero or "A payment gateway walks into a bar..." - Devfest Nantes 2014](https://reader034.vdocuments.us/reader034/viewer/2022052602/55a230ac1a28ab77428b47d2/html5/thumbnails/50.jpg)
I <3 v.Zero
#DevFest #Nantes @Braintree_dev @AlbertusLM
![Page 51: Braintree SDK v.zero or "A payment gateway walks into a bar..." - Devfest Nantes 2014](https://reader034.vdocuments.us/reader034/viewer/2022052602/55a230ac1a28ab77428b47d2/html5/thumbnails/51.jpg)
CVV, CVC2, CID…
#DevFest #Nantes @Braintree_dev @AlbertusLM
![Page 52: Braintree SDK v.zero or "A payment gateway walks into a bar..." - Devfest Nantes 2014](https://reader034.vdocuments.us/reader034/viewer/2022052602/55a230ac1a28ab77428b47d2/html5/thumbnails/52.jpg)
#DevFest #Nantes @Braintree_dev @AlbertusLM
![Page 53: Braintree SDK v.zero or "A payment gateway walks into a bar..." - Devfest Nantes 2014](https://reader034.vdocuments.us/reader034/viewer/2022052602/55a230ac1a28ab77428b47d2/html5/thumbnails/53.jpg)
#DevFest #Nantes @Braintree_dev @AlbertusLM
·_· mmm
![Page 54: Braintree SDK v.zero or "A payment gateway walks into a bar..." - Devfest Nantes 2014](https://reader034.vdocuments.us/reader034/viewer/2022052602/55a230ac1a28ab77428b47d2/html5/thumbnails/54.jpg)
o_· ooohh
#DevFest #Nantes @Braintree_dev @AlbertusLM
![Page 55: Braintree SDK v.zero or "A payment gateway walks into a bar..." - Devfest Nantes 2014](https://reader034.vdocuments.us/reader034/viewer/2022052602/55a230ac1a28ab77428b47d2/html5/thumbnails/55.jpg)
O_o OMG
#DevFest #Nantes @Braintree_dev @AlbertusLM
![Page 56: Braintree SDK v.zero or "A payment gateway walks into a bar..." - Devfest Nantes 2014](https://reader034.vdocuments.us/reader034/viewer/2022052602/55a230ac1a28ab77428b47d2/html5/thumbnails/56.jpg)
O_O WTF
#DevFest #Nantes @Braintree_dev @AlbertusLM
![Page 57: Braintree SDK v.zero or "A payment gateway walks into a bar..." - Devfest Nantes 2014](https://reader034.vdocuments.us/reader034/viewer/2022052602/55a230ac1a28ab77428b47d2/html5/thumbnails/57.jpg)
#_# dead
#DevFest #Nantes @Braintree_dev @AlbertusLM
![Page 58: Braintree SDK v.zero or "A payment gateway walks into a bar..." - Devfest Nantes 2014](https://reader034.vdocuments.us/reader034/viewer/2022052602/55a230ac1a28ab77428b47d2/html5/thumbnails/58.jpg)
http://jessepollak.github.io/card/
http://kenkeiter.com/skeuocard/
#DevFest #Nantes @Braintree_dev @AlbertusLM
![Page 59: Braintree SDK v.zero or "A payment gateway walks into a bar..." - Devfest Nantes 2014](https://reader034.vdocuments.us/reader034/viewer/2022052602/55a230ac1a28ab77428b47d2/html5/thumbnails/59.jpg)
I <3 v.Zero
#DevFest #Nantes @Braintree_dev @AlbertusLM
![Page 60: Braintree SDK v.zero or "A payment gateway walks into a bar..." - Devfest Nantes 2014](https://reader034.vdocuments.us/reader034/viewer/2022052602/55a230ac1a28ab77428b47d2/html5/thumbnails/60.jpg)
A payment gateway walks into a bar…
#DevFest #Nantes @Braintree_dev @AlbertusLM
![Page 61: Braintree SDK v.zero or "A payment gateway walks into a bar..." - Devfest Nantes 2014](https://reader034.vdocuments.us/reader034/viewer/2022052602/55a230ac1a28ab77428b47d2/html5/thumbnails/61.jpg)
#DevFest #Nantes @Braintree_dev @AlbertusLM
…and tries to pick up someone at the bar, but she turns him down.
The Payment gateway looks at the
bartender and says:
“Well, this is awkward, normally I’m the one who…
![Page 62: Braintree SDK v.zero or "A payment gateway walks into a bar..." - Devfest Nantes 2014](https://reader034.vdocuments.us/reader034/viewer/2022052602/55a230ac1a28ab77428b47d2/html5/thumbnails/62.jpg)
“declines”
#DevFest #Nantes @Braintree_dev @AlbertusLM
![Page 63: Braintree SDK v.zero or "A payment gateway walks into a bar..." - Devfest Nantes 2014](https://reader034.vdocuments.us/reader034/viewer/2022052602/55a230ac1a28ab77428b47d2/html5/thumbnails/63.jpg)
Not validate a Credit Card # field inline
#DevFest #Nantes @Braintree_dev @AlbertusLM
![Page 64: Braintree SDK v.zero or "A payment gateway walks into a bar..." - Devfest Nantes 2014](https://reader034.vdocuments.us/reader034/viewer/2022052602/55a230ac1a28ab77428b47d2/html5/thumbnails/64.jpg)
http://goo.gl/YR7pRa
#DevFest #Nantes @Braintree_dev @AlbertusLM
![Page 65: Braintree SDK v.zero or "A payment gateway walks into a bar..." - Devfest Nantes 2014](https://reader034.vdocuments.us/reader034/viewer/2022052602/55a230ac1a28ab77428b47d2/html5/thumbnails/65.jpg)
Luhn algorithm
#DevFest #Nantes @Braintree_dev @AlbertusLM
![Page 66: Braintree SDK v.zero or "A payment gateway walks into a bar..." - Devfest Nantes 2014](https://reader034.vdocuments.us/reader034/viewer/2022052602/55a230ac1a28ab77428b47d2/html5/thumbnails/66.jpg)
#DevFest #Nantes @Braintree_dev @AlbertusLM
![Page 67: Braintree SDK v.zero or "A payment gateway walks into a bar..." - Devfest Nantes 2014](https://reader034.vdocuments.us/reader034/viewer/2022052602/55a230ac1a28ab77428b47d2/html5/thumbnails/67.jpg)
http://en.wikipedia.org/wiki/Luhn_algorithm
http://rosettacode.org/wiki/Luhn_test_of_credit_card_numbers
#DevFest #Nantes @Braintree_dev @AlbertusLM
![Page 68: Braintree SDK v.zero or "A payment gateway walks into a bar..." - Devfest Nantes 2014](https://reader034.vdocuments.us/reader034/viewer/2022052602/55a230ac1a28ab77428b47d2/html5/thumbnails/68.jpg)
#DevFest #Nantes @Braintree_dev @AlbertusLM
![Page 69: Braintree SDK v.zero or "A payment gateway walks into a bar..." - Devfest Nantes 2014](https://reader034.vdocuments.us/reader034/viewer/2022052602/55a230ac1a28ab77428b47d2/html5/thumbnails/69.jpg)
#DevFest #Nantes @Braintree_dev @AlbertusLM
![Page 70: Braintree SDK v.zero or "A payment gateway walks into a bar..." - Devfest Nantes 2014](https://reader034.vdocuments.us/reader034/viewer/2022052602/55a230ac1a28ab77428b47d2/html5/thumbnails/70.jpg)
#DevFest #Nantes @Braintree_dev @AlbertusLM
![Page 71: Braintree SDK v.zero or "A payment gateway walks into a bar..." - Devfest Nantes 2014](https://reader034.vdocuments.us/reader034/viewer/2022052602/55a230ac1a28ab77428b47d2/html5/thumbnails/71.jpg)
http://capdroid.wordpress.com/2011/09/19/creditdebit-card-validation-using-luhn-mod10-algorithm/
http://codereview.stackexchange.com/questions/59521/credit-card-validator-using-luhns-algorithm
#DevFest #Nantes @Braintree_dev @AlbertusLM
![Page 72: Braintree SDK v.zero or "A payment gateway walks into a bar..." - Devfest Nantes 2014](https://reader034.vdocuments.us/reader034/viewer/2022052602/55a230ac1a28ab77428b47d2/html5/thumbnails/72.jpg)
I <3 v.Zero
#DevFest #Nantes @Braintree_dev @AlbertusLM
![Page 73: Braintree SDK v.zero or "A payment gateway walks into a bar..." - Devfest Nantes 2014](https://reader034.vdocuments.us/reader034/viewer/2022052602/55a230ac1a28ab77428b47d2/html5/thumbnails/73.jpg)
Setting up the date
https://flic.kr/p/efSMKw
#DevFest #Nantes @Braintree_dev @AlbertusLM
![Page 74: Braintree SDK v.zero or "A payment gateway walks into a bar..." - Devfest Nantes 2014](https://reader034.vdocuments.us/reader034/viewer/2022052602/55a230ac1a28ab77428b47d2/html5/thumbnails/74.jpg)
#DevFest #Nantes @Braintree_dev @AlbertusLM
![Page 75: Braintree SDK v.zero or "A payment gateway walks into a bar..." - Devfest Nantes 2014](https://reader034.vdocuments.us/reader034/viewer/2022052602/55a230ac1a28ab77428b47d2/html5/thumbnails/75.jpg)
#DevFest #Nantes @Braintree_dev @AlbertusLM
![Page 76: Braintree SDK v.zero or "A payment gateway walks into a bar..." - Devfest Nantes 2014](https://reader034.vdocuments.us/reader034/viewer/2022052602/55a230ac1a28ab77428b47d2/html5/thumbnails/76.jpg)
I <3 v.Zero
#DevFest #Nantes @Braintree_dev @AlbertusLM
![Page 77: Braintree SDK v.zero or "A payment gateway walks into a bar..." - Devfest Nantes 2014](https://reader034.vdocuments.us/reader034/viewer/2022052602/55a230ac1a28ab77428b47d2/html5/thumbnails/77.jpg)
Keep labels visible at all times
#DevFest #Nantes @Braintree_dev @AlbertusLM
![Page 78: Braintree SDK v.zero or "A payment gateway walks into a bar..." - Devfest Nantes 2014](https://reader034.vdocuments.us/reader034/viewer/2022052602/55a230ac1a28ab77428b47d2/html5/thumbnails/78.jpg)
#DevFest #Nantes @Braintree_dev @AlbertusLM
![Page 79: Braintree SDK v.zero or "A payment gateway walks into a bar..." - Devfest Nantes 2014](https://reader034.vdocuments.us/reader034/viewer/2022052602/55a230ac1a28ab77428b47d2/html5/thumbnails/79.jpg)
I <3 v.Zero
#DevFest #Nantes @Braintree_dev @AlbertusLM
![Page 80: Braintree SDK v.zero or "A payment gateway walks into a bar..." - Devfest Nantes 2014](https://reader034.vdocuments.us/reader034/viewer/2022052602/55a230ac1a28ab77428b47d2/html5/thumbnails/80.jpg)
http://mrg.bz/ft5PmH
no limiting the number of digits
#DevFest #Nantes @Braintree_dev @AlbertusLM
![Page 81: Braintree SDK v.zero or "A payment gateway walks into a bar..." - Devfest Nantes 2014](https://reader034.vdocuments.us/reader034/viewer/2022052602/55a230ac1a28ab77428b47d2/html5/thumbnails/81.jpg)
Card Number of Digits
AMEX 15
Visa 13 or 16
MasterCard 16
Discover 16
#DevFest #Nantes @Braintree_dev @AlbertusLM
![Page 82: Braintree SDK v.zero or "A payment gateway walks into a bar..." - Devfest Nantes 2014](https://reader034.vdocuments.us/reader034/viewer/2022052602/55a230ac1a28ab77428b47d2/html5/thumbnails/82.jpg)
#DevFest #Nantes @Braintree_dev @AlbertusLM
·_· mmm
![Page 83: Braintree SDK v.zero or "A payment gateway walks into a bar..." - Devfest Nantes 2014](https://reader034.vdocuments.us/reader034/viewer/2022052602/55a230ac1a28ab77428b47d2/html5/thumbnails/83.jpg)
O_o OMG
#DevFest #Nantes @Braintree_dev @AlbertusLM
![Page 84: Braintree SDK v.zero or "A payment gateway walks into a bar..." - Devfest Nantes 2014](https://reader034.vdocuments.us/reader034/viewer/2022052602/55a230ac1a28ab77428b47d2/html5/thumbnails/84.jpg)
O_O WTF
#DevFest #Nantes @Braintree_dev @AlbertusLM
![Page 85: Braintree SDK v.zero or "A payment gateway walks into a bar..." - Devfest Nantes 2014](https://reader034.vdocuments.us/reader034/viewer/2022052602/55a230ac1a28ab77428b47d2/html5/thumbnails/85.jpg)
I <3 v.Zero
#DevFest #Nantes @Braintree_dev @AlbertusLM
![Page 86: Braintree SDK v.zero or "A payment gateway walks into a bar..." - Devfest Nantes 2014](https://reader034.vdocuments.us/reader034/viewer/2022052602/55a230ac1a28ab77428b47d2/html5/thumbnails/86.jpg)
A Payment Gateway walks into a Hawaiian bar…
#DevFest #Nantes @Braintree_dev @AlbertusLM
![Page 87: Braintree SDK v.zero or "A payment gateway walks into a bar..." - Devfest Nantes 2014](https://reader034.vdocuments.us/reader034/viewer/2022052602/55a230ac1a28ab77428b47d2/html5/thumbnails/87.jpg)
…the bartender says:
“Aloha!”
The Payment Gateway, confused, says:
“Sorry, I don’t understand you”
So,the bartender answers:
“Well, this is because you are not…”#DevFest #Nantes @Braintree_dev @AlbertusLM
![Page 88: Braintree SDK v.zero or "A payment gateway walks into a bar..." - Devfest Nantes 2014](https://reader034.vdocuments.us/reader034/viewer/2022052602/55a230ac1a28ab77428b47d2/html5/thumbnails/88.jpg)
“native”
#DevFest #Nantes @Braintree_dev @AlbertusLM
![Page 89: Braintree SDK v.zero or "A payment gateway walks into a bar..." - Devfest Nantes 2014](https://reader034.vdocuments.us/reader034/viewer/2022052602/55a230ac1a28ab77428b47d2/html5/thumbnails/89.jpg)
#DevFest #Nantes @Braintree_dev @AlbertusLM
![Page 90: Braintree SDK v.zero or "A payment gateway walks into a bar..." - Devfest Nantes 2014](https://reader034.vdocuments.us/reader034/viewer/2022052602/55a230ac1a28ab77428b47d2/html5/thumbnails/90.jpg)
Client Side
#DevFest #Nantes @Braintree_dev @AlbertusLM
v.Zero
![Page 91: Braintree SDK v.zero or "A payment gateway walks into a bar..." - Devfest Nantes 2014](https://reader034.vdocuments.us/reader034/viewer/2022052602/55a230ac1a28ab77428b47d2/html5/thumbnails/91.jpg)
1. Obtain a Client Token
Request the client token from your server, then initialize Braintree and present drop-in UI:
#DevFest #Nantes @Braintree_dev @AlbertusLM
![Page 92: Braintree SDK v.zero or "A payment gateway walks into a bar..." - Devfest Nantes 2014](https://reader034.vdocuments.us/reader034/viewer/2022052602/55a230ac1a28ab77428b47d2/html5/thumbnails/92.jpg)
To present the Drop In UI, set the EXTRA_CLIENT_TOKEN value to the client token and start the activity:
#DevFest #Nantes @Braintree_dev @AlbertusLM
![Page 93: Braintree SDK v.zero or "A payment gateway walks into a bar..." - Devfest Nantes 2014](https://reader034.vdocuments.us/reader034/viewer/2022052602/55a230ac1a28ab77428b47d2/html5/thumbnails/93.jpg)
@Override protected void onActivityResult(int requestCode, int resultCode, Intent data) { if (requestCode == REQUEST_CODE) { if (resultCode == BraintreePaymentActivity.RESULT_OK) { String paymentMethodNonce = data.getStringExtra(BraintreePaymentActivity.EXTRA_PAYMENT_METHOD_NONCE); postNonceToServer(paymentMethodNonce); } } }
2. Present Drop In UI
When your user provides payment information, your app code receives a paymentMethodNonce in your calling Activity's onActivityResult, which you will override to get the response:
#DevFest #Nantes @Braintree_dev @AlbertusLM
![Page 94: Braintree SDK v.zero or "A payment gateway walks into a bar..." - Devfest Nantes 2014](https://reader034.vdocuments.us/reader034/viewer/2022052602/55a230ac1a28ab77428b47d2/html5/thumbnails/94.jpg)
3. Post the Payment Method Nonce to Your Server
Send the resulting payment method nonce to your server
#DevFest #Nantes @Braintree_dev @AlbertusLM
![Page 95: Braintree SDK v.zero or "A payment gateway walks into a bar..." - Devfest Nantes 2014](https://reader034.vdocuments.us/reader034/viewer/2022052602/55a230ac1a28ab77428b47d2/html5/thumbnails/95.jpg)
Server Side
#DevFest #Nantes @Braintree_dev @AlbertusLM
v.Zero
![Page 96: Braintree SDK v.zero or "A payment gateway walks into a bar..." - Devfest Nantes 2014](https://reader034.vdocuments.us/reader034/viewer/2022052602/55a230ac1a28ab77428b47d2/html5/thumbnails/96.jpg)
1. Import Braintree
In your code, configure the environment and API credentials:
#DevFest #Nantes @Braintree_dev @AlbertusLM
![Page 97: Braintree SDK v.zero or "A payment gateway walks into a bar..." - Devfest Nantes 2014](https://reader034.vdocuments.us/reader034/viewer/2022052602/55a230ac1a28ab77428b47d2/html5/thumbnails/97.jpg)
#DevFest #Nantes @Braintree_dev @AlbertusLM
2. Provide a Client Token to Your client
Your server is responsible for creating a client token, which contains all authorization and configuration information your client needs to initialize a Braintree Client SDK to communicate with Braintree.
![Page 98: Braintree SDK v.zero or "A payment gateway walks into a bar..." - Devfest Nantes 2014](https://reader034.vdocuments.us/reader034/viewer/2022052602/55a230ac1a28ab77428b47d2/html5/thumbnails/98.jpg)
3. Create a transaction
Once your client successfully obtains a customer payment method, it receives a payment method nonce representing customer payment authorization, which it then sends to your server.
#DevFest #Nantes @Braintree_dev @AlbertusLM
![Page 99: Braintree SDK v.zero or "A payment gateway walks into a bar..." - Devfest Nantes 2014](https://reader034.vdocuments.us/reader034/viewer/2022052602/55a230ac1a28ab77428b47d2/html5/thumbnails/99.jpg)
I <3 v.Zero
#DevFest #Nantes @Braintree_dev @AlbertusLM
![Page 100: Braintree SDK v.zero or "A payment gateway walks into a bar..." - Devfest Nantes 2014](https://reader034.vdocuments.us/reader034/viewer/2022052602/55a230ac1a28ab77428b47d2/html5/thumbnails/100.jpg)
NATIVE Payment Gateway
![Page 101: Braintree SDK v.zero or "A payment gateway walks into a bar..." - Devfest Nantes 2014](https://reader034.vdocuments.us/reader034/viewer/2022052602/55a230ac1a28ab77428b47d2/html5/thumbnails/101.jpg)
http://mrg.bz/ft5PmH
security
#DevFest #Nantes @Braintree_dev @AlbertusLM
![Page 102: Braintree SDK v.zero or "A payment gateway walks into a bar..." - Devfest Nantes 2014](https://reader034.vdocuments.us/reader034/viewer/2022052602/55a230ac1a28ab77428b47d2/html5/thumbnails/102.jpg)
client_token
payment_nonce
![Page 103: Braintree SDK v.zero or "A payment gateway walks into a bar..." - Devfest Nantes 2014](https://reader034.vdocuments.us/reader034/viewer/2022052602/55a230ac1a28ab77428b47d2/html5/thumbnails/103.jpg)
SECURE Payment Gateway
![Page 104: Braintree SDK v.zero or "A payment gateway walks into a bar..." - Devfest Nantes 2014](https://reader034.vdocuments.us/reader034/viewer/2022052602/55a230ac1a28ab77428b47d2/html5/thumbnails/104.jpg)
http://mrg.bz/ft5PmH
Additional payment methods
#DevFest #Nantes @Braintree_dev @AlbertusLM
![Page 105: Braintree SDK v.zero or "A payment gateway walks into a bar..." - Devfest Nantes 2014](https://reader034.vdocuments.us/reader034/viewer/2022052602/55a230ac1a28ab77428b47d2/html5/thumbnails/105.jpg)
#DevFest #Nantes @Braintree_dev @AlbertusLM
Braintree Account
![Page 106: Braintree SDK v.zero or "A payment gateway walks into a bar..." - Devfest Nantes 2014](https://reader034.vdocuments.us/reader034/viewer/2022052602/55a230ac1a28ab77428b47d2/html5/thumbnails/106.jpg)
#DevFest #Nantes @Braintree_dev @AlbertusLM
GLOBAL Payment Gateway
![Page 107: Braintree SDK v.zero or "A payment gateway walks into a bar..." - Devfest Nantes 2014](https://reader034.vdocuments.us/reader034/viewer/2022052602/55a230ac1a28ab77428b47d2/html5/thumbnails/107.jpg)
I <3 v.Zero
#DevFest #Nantes @Braintree_dev @AlbertusLM
![Page 108: Braintree SDK v.zero or "A payment gateway walks into a bar..." - Devfest Nantes 2014](https://reader034.vdocuments.us/reader034/viewer/2022052602/55a230ac1a28ab77428b47d2/html5/thumbnails/108.jpg)
#DevFest #Nantes @Braintree_dev @AlbertusLM
![Page 109: Braintree SDK v.zero or "A payment gateway walks into a bar..." - Devfest Nantes 2014](https://reader034.vdocuments.us/reader034/viewer/2022052602/55a230ac1a28ab77428b47d2/html5/thumbnails/109.jpg)
A Payment Gateway walks into a bar…
#DevFest #Nantes @Braintree_dev @AlbertusLM
![Page 110: Braintree SDK v.zero or "A payment gateway walks into a bar..." - Devfest Nantes 2014](https://reader034.vdocuments.us/reader034/viewer/2022052602/55a230ac1a28ab77428b47d2/html5/thumbnails/110.jpg)
…and says to the bartender:
“Hey, do you have any dessert?”
The bartender answers:
“Well, may be you want an…
#DevFest #Nantes @Braintree_dev @AlbertusLM
![Page 111: Braintree SDK v.zero or "A payment gateway walks into a bar..." - Devfest Nantes 2014](https://reader034.vdocuments.us/reader034/viewer/2022052602/55a230ac1a28ab77428b47d2/html5/thumbnails/111.jpg)
“apple”
#DevFest #Nantes @Braintree_dev @AlbertusLM
![Page 112: Braintree SDK v.zero or "A payment gateway walks into a bar..." - Devfest Nantes 2014](https://reader034.vdocuments.us/reader034/viewer/2022052602/55a230ac1a28ab77428b47d2/html5/thumbnails/112.jpg)
![Page 113: Braintree SDK v.zero or "A payment gateway walks into a bar..." - Devfest Nantes 2014](https://reader034.vdocuments.us/reader034/viewer/2022052602/55a230ac1a28ab77428b47d2/html5/thumbnails/113.jpg)
A payment gateway walks into a bar…
#DevFest #Nantes @Braintree_dev @AlbertusLM
![Page 114: Braintree SDK v.zero or "A payment gateway walks into a bar..." - Devfest Nantes 2014](https://reader034.vdocuments.us/reader034/viewer/2022052602/55a230ac1a28ab77428b47d2/html5/thumbnails/114.jpg)
…the bartender says:
“You are new to this joint, aren’t you?”
The Payment Gateway look at him and says:
“Yeah, I just…”
#DevFest #Nantes @Braintree_dev @AlbertusLM
![Page 115: Braintree SDK v.zero or "A payment gateway walks into a bar..." - Devfest Nantes 2014](https://reader034.vdocuments.us/reader034/viewer/2022052602/55a230ac1a28ab77428b47d2/html5/thumbnails/115.jpg)
“discovered” it
#DevFest #Nantes @Braintree_dev @AlbertusLM
![Page 116: Braintree SDK v.zero or "A payment gateway walks into a bar..." - Devfest Nantes 2014](https://reader034.vdocuments.us/reader034/viewer/2022052602/55a230ac1a28ab77428b47d2/html5/thumbnails/116.jpg)
do you <3 v.Zero?
#DevFest #Nantes @Braintree_dev @AlbertusLM
![Page 117: Braintree SDK v.zero or "A payment gateway walks into a bar..." - Devfest Nantes 2014](https://reader034.vdocuments.us/reader034/viewer/2022052602/55a230ac1a28ab77428b47d2/html5/thumbnails/117.jpg)
By the way…
#DevFest #Nantes @Braintree_dev @AlbertusLM
![Page 118: Braintree SDK v.zero or "A payment gateway walks into a bar..." - Devfest Nantes 2014](https://reader034.vdocuments.us/reader034/viewer/2022052602/55a230ac1a28ab77428b47d2/html5/thumbnails/118.jpg)
I only have the flowers
https://flic.kr/p/oVByur
#DevFest #Nantes @AlbertusLM@Braintree_dev
![Page 119: Braintree SDK v.zero or "A payment gateway walks into a bar..." - Devfest Nantes 2014](https://reader034.vdocuments.us/reader034/viewer/2022052602/55a230ac1a28ab77428b47d2/html5/thumbnails/119.jpg)
Tank you!
#DevFest #Nantes @Braintree_dev @AlbertusLM
![Page 120: Braintree SDK v.zero or "A payment gateway walks into a bar..." - Devfest Nantes 2014](https://reader034.vdocuments.us/reader034/viewer/2022052602/55a230ac1a28ab77428b47d2/html5/thumbnails/120.jpg)
Original Source
S
#DevFest #Nantes @Braintree_dev @AlbertusLM
![Page 121: Braintree SDK v.zero or "A payment gateway walks into a bar..." - Devfest Nantes 2014](https://reader034.vdocuments.us/reader034/viewer/2022052602/55a230ac1a28ab77428b47d2/html5/thumbnails/121.jpg)
Braintree: https://www.braintreepayments.com/
Get Started with Braintree https://developers.braintreepayments.com/android+php/start/overview
Braintree v.zero: https://www.braintreepayments.com/v.zero
Sandbox environment: https://sandbox.braintreegateway.com/login
#DevFest #Nantes @Braintree_dev @AlbertusLM
![Page 122: Braintree SDK v.zero or "A payment gateway walks into a bar..." - Devfest Nantes 2014](https://reader034.vdocuments.us/reader034/viewer/2022052602/55a230ac1a28ab77428b47d2/html5/thumbnails/122.jpg)
Questions?
Think twice before asking,
seriously
Source photo