Codemotion Mad 2014 - Things I love seeing when I buy something online - Braintree SDK v.zero
-
Upload
alberto-lopez-martin -
Category
Technology
-
view
104 -
download
0
Transcript of Codemotion Mad 2014 - Things I love seeing when I buy something online - Braintree SDK v.zero
v.zeroA modern foundation for accepting Payments
Alberto López
Braintree_Dev. <Advocate/>
Madrid
#codemotion_es
@Braintree_Dev
@AlbertusLM
eCommerce in Spain
#codemotion_es @Braintree_Dev @AlbertusLM
PLEASE, NOT A BUSINESS PRESENTATION
#codemotion_es @Braintree_Dev @AlbertusLM
Drop-in UI
> Mobile, born and raise
#codemotion_es @AlbertusLM@Braintree_Dev
#Codemotion_es @AlbertusLM@Braintree_Dev
PLEASE, NOT A PRODUCT PRESENTATION
@AlbertusLM@Braintree_Dev#codemotion_es
v.zeroA modern foundation for accepting Payments
Alberto López
Braintree_Dev. <Advocate/>
Madrid
#codemotion_es @Braintree_Dev @AlbertusLM
v.zeroA modern foundation for accepting Payments
Alberto López
Braintree_Dev. <Advocate/>
Madrid
#codemotion_es @Braintree_Dev @AlbertusLM
Things I love seeing when I buy something online
Let’s go to e-surf!
@AlbertusLM@Braintree_Dev#codemotion_es
@AlbertusLM
This presentation is not a
decalogue of advices
https://flic.kr/p/4Z39YK
@Braintree_Dev#codemotion_es
Things I lov
e seeing whe
n I
buy somethin
g on interne
t
#codemotion_es @Braintree_Dev @AlbertusLM
@AlbertusLM
I like it I don’t like it
@Braintree_Dev#codemotion_es
#codemotion_es @Braintree_dev @AlbertusLM
Responsive Design
https://flic.kr/p/9S8gfK
http://responsivedesign.ca/sites/default/files/styles/content-full-width/public/assets/blog/responsive-web-design-what-is-it-and-why-should-i-care/pinch-zoom-is-bad_2.jpg
@AlbertusLM@Braintree_Dev#codemotion_es
<meta name=”GENERATOR” content=”Microsoft FrontPage 6.0″>
http://www.webpagesthatsuck.com/worst-websites-of-2013-Jan-to-June.html@AlbertusLM@Braintree_Dev#codemotion_es
Amazing jewellery store
@AlbertusLM@Braintree_Dev#codemotion_es
http://goo.gl/PYb26w
Captcha
@AlbertusLM@Braintree_Dev#codemotion_es
Completely Automated Public Turing Test To Tell Computers
and Humans Apart
@AlbertusLM@Braintree_Dev#codemotion_es
Prueba de Turing Completamente Automática y Pública para
Diferenciar Ordenadores de Humanos
@AlbertusLM@Braintree_Dev#codemotion_es
PétéCADOH!
@AlbertusLM@Braintree_Dev#codemotion_es
@AlbertusLM@Braintree_Dev#codemotion_es
@AlbertusLM@Braintree_Dev#codemotion_es
@AlbertusLM@Braintree_dev#codemotion_es
@AlbertusLM@Braintree_Dev#codemotion_es
#Codemotion_es @AlbertusLM@Braintree_Dev
Autodetect credit card type
@AlbertusLM@Braintree_Dev#codemotion_es
@AlbertusLM@Braintree_Dev#codemotion_es
*It’s on Wikipedia#Codemotion_es @AlbertusLM@Braintree_Dev
@AlbertusLM@Braintree_Dev#codemotion_es
@AlbertusLM@Braintree_Dev#codemotion_es
@AlbertusLM@Braintree_Dev#codemotion_es
jquerycreditcardvalidator.com
creditcardjs.com
@AlbertusLM@Braintree_Dev#codemotion_es
CVV, CVC2, CID…
@AlbertusLM@Braintree_Dev#codemotion_es
@AlbertusLM@Braintree_Dev#codemotion_es
@AlbertusLM@Braintree_Dev#codemotion_es
@AlbertusLM@Braintree_Dev#codemotion_es
@AlbertusLM@Braintree_Dev#codemotion_es
@AlbertusLM@Braintree_Dev#codemotion_es
@AlbertusLM@Braintree_Dev#codemotion_es
jessepollak.github.io/card
kenkeiter.com/skeuocard
@AlbertusLM@Braintree_Dev#codemotion_es
Inline validation of credit card
@AlbertusLM@Braintree_Dev#codemotion_es
http://goo.gl/YR7pRa
#codemotion_es @Braintree_Dev @AlbertusLM
Luhn Algorithm
@AlbertusLM@Braintree_Dev#codemotion_es
@AlbertusLM@Braintree_Dev#codemotion_es
es.wikipedia.org/wiki/Algoritmo_de_Luhn
rosettacode.org/wiki/Luhn_test_of_credit_card_numbers
@AlbertusLM@Braintree_Dev#codemotion_es
@AlbertusLM@Braintree_Dev#codemotion_es
@AlbertusLM@Braintree_Dev#codemotion_es
@AlbertusLM@Braintree_Dev#codemotion_es
Right fields for expire date
https://flic.kr/p/efSMKw
@AlbertusLM@Braintree_Dev#codemotion_es
@AlbertusLM@Braintree_Dev#codemotion_es
@AlbertusLM@Braintree_Dev#codemotion_es
Show a cancel button
http://goo.gl/x1TgcX
@AlbertusLM@Braintree_Dev#codemotion_es
@AlbertusLM@Braintree_Dev#codemotion_es
@AlbertusLM@Braintree_Dev#codemotion_es
@AlbertusLM
Keep labels visible at all times
@Braintree_Dev#codemotion_es
@AlbertusLM@Braintree_Dev#codemotion_es
http://mrg.bz/ft5PmH
Limiting the number of digits
@AlbertusLM@Braintree_Dev#codemotion_es
Card Number of Digits
AMEX 15
Visa 13 or 16
MasterCard 16
Discover 16
@AlbertusLM@Braintree_Dev#codemotion_es
@AlbertusLM@Braintree_Dev#codemotion_es
@AlbertusLM@Braintree_Dev#codemotion_es
Simple integration
@Braintree_dev @AlbertusLM
https://flic.kr/p/qvrSE
#codemotion_es
@AlbertusLM@Braintree_Dev#codemotion_es
http://mrg.bz/ft5PmH
Native checkout experience
@AlbertusLM@Braintree_Dev#codemotion_es
@AlbertusLM@Braintree_Dev#codemotion_es
Client Side
@AlbertusLM
v.zero
@Braintree_Dev#codemotion_es
Server Side
@AlbertusLM
v.zero
@Braintree_Dev#codemotion_es
NATIVE
http://mrg.bz/ft5PmH
Security
@AlbertusLM@Braintree_Dev#codemotion_es
client_token
payment_nonce
v.zero
SECURE
Fast login
@AlbertusLM
http://gph.is/1eJNpL0
@Braintree_Dev#codemotion_es
++
One click payment
=
One Touch™
#codemotion_es @AlbertusLM@Braintree_Dev
http://mrg.bz/ft5PmH
Additional payment methods
#codemotion_es @AlbertusLM@Braintree_Dev
@Braintree_Dev @AlbertusLM
Braintree Account
#codemotion_es
GLOBAL
Innovation
@AlbertusLM
https://flic.kr/p/hoAtp
@Braintree_Dev#codemotion_es
@AlbertusLM@Braintree_Dev#codemotion_es
09 : 41
+
¿ ?
Madrid tiene la 'calle bitcoin' más larga de Europa: reina en la 'Milla de oro’ elEconomista.es (19/11/2014)
“El bitcoin es la moneda de la Red” El País (17/11/2014)
Así funciona el primer cajero Bitcoin en España Expansión (29/10/2014)
Bankinter invierte en Coinffeine, una innovadora empresa española de tecnología Bitcoin Blog de Bankinter (17/11/2014)
https://flic.kr/p/8M8BLm#codemotion_es @Braintree_Dev @AlbertusLM
+
I <3 v.zero
#codemotion_es @Braintree_Dev @AlbertusLM
Braintree: braintreepayments.com
Get Started with Braintree developers.braintreepayments.com/javascript+python
Braintree v.zero: braintreepayments.com/v.zero
Sandbox environment: sandbox.braintreegateway.com
@AlbertusLM@Braintree_Dev#codemotion_es
¿Questions?
Source photo