Codemotion Mad 2014 - Things I love seeing when I buy something online - Braintree SDK v.zero

Post on 12-Jul-2015

104 views 0 download

Tags:

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

@AlbertusLM

Validation

http://mrg.bz/qCnplN

@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

Alberto López alberto.lopez@getbraintree.com

@AlbertusLM / @Braintree_Dev