Download - 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


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


Alberto López


Madrid



Alberto López


Madrid


Things I love seeing when I buy something online

Let’s go to e-surf!


@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


@AlbertusLM

I like it I don’t like it


#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

Validation

http://mrg.bz/qCnplN


http://mrg.bz/qCnplN

Amazing jewellery store

http://goo.gl/PYb26w

Captcha


Completely Automated Public Turing Test To Tell Computers

and Humans Apart


Prueba de Turing Completamente Automática y Pública para

Diferenciar Ordenadores de Humanos


PétéCADOH!


@AlbertusLM@Braintree_dev#codemotion_es

#Codemotion_es @AlbertusLM@Braintree_Dev

Autodetect credit card type


*It’s on Wikipedia#Codemotion_es @AlbertusLM@Braintree_Dev

jquerycreditcardvalidator.com

creditcardjs.com


http://creditcardjs.com

CVV, CVC2, CID…


jessepollak.github.io/card

kenkeiter.com/skeuocard


http://jessepollak.github.io/card/

http://kenkeiter.com/skeuocard/

Inline validation of credit card


http://goo.gl/YR7pRa


Luhn Algorithm


es.wikipedia.org/wiki/Algoritmo_de_Luhn

rosettacode.org/wiki/Luhn_test_of_credit_card_numbers


http://es.wikipedia.org/wiki/Algoritmo_de_Luhn

http://rosettacode.org/wiki/Luhn_test_of_credit_card_numbers

Right fields for expire date

https://flic.kr/p/efSMKw


Show a cancel button

http://goo.gl/x1TgcX


@AlbertusLM

Keep labels visible at all times


http://mrg.bz/ft5PmH

Limiting the number of digits


Card Number of Digits

AMEX 15

Visa 13 or 16

MasterCard 16

Discover 16


Simple integration

@Braintree_dev @AlbertusLM

https://flic.kr/p/qvrSE

#codemotion_es


Native checkout experience


Client Side

@AlbertusLM

v.zero


Server Side

@AlbertusLM

v.zero


NATIVE


Security


client_token

payment_nonce

v.zero

SECURE

Fast login

@AlbertusLM

http://gph.is/1eJNpL0


++

One click payment

=

One Touch™



Additional payment methods


@Braintree_Dev @AlbertusLM

Braintree Account

#codemotion_es

GLOBAL

Innovation

@AlbertusLM

https://flic.kr/p/hoAtp


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

http://elEconomista.es

http://economia.elpais.com/economia/2014/11/14/actualidad/1415970748_264420.html

http://www.expansion.com/2014/10/29/empresas/tecnologia/1414590916.html

http://blog.bankinter.com/blogs/bankinter/archive/2014/11/17/bankinter-invierte-coinffeine-tecnologia-bitcoin.aspx

I <3 v.zero

Braintree: braintreepayments.com

Get Started with Braintree developers.braintreepayments.com/javascript+python

Braintree v.zero: braintreepayments.com/v.zero

Sandbox environment: sandbox.braintreegateway.com


¿Questions?

Source photo

http://4.bp.blogspot.com/-zO6UL9o3v2U/TxYUGSkeRJI/AAAAAAAAINk/PmvuzM2LD_g/s1600/chuck+norris.jpg

Alberto López [email protected]

@AlbertusLM / @Braintree_Dev

mailto:[email protected]