@cbetta
@braintree_dev
A Credit Card
Walks into a Bar...
by Cristiano Betta
1
Developer Advocate
@braintree_dev
A talk on credit cards in eCommerce
Slide 2
Slide 2 text
@cbetta
@braintree_dev
A Credit Card Form
Walks into a Bar...
A talk on credit cards in eCommerce
Slide 3
Slide 3 text
@cbetta
@braintree_dev
A Credit Card Form
Walks into a Bar...
A talk on credit cards in eCommerce
A series of bad jokes
Developer Advocate
@braintree_dev
by Cristiano Betta
Slide 4
Slide 4 text
@cbetta
@braintree_dev
Slide 5
Slide 5 text
@cbetta
@braintree_dev
Slide 6
Slide 6 text
@cbetta
@braintree_dev
A Credit Card
Walks into a Bar...
Slide 7
Slide 7 text
@cbetta
@braintree_dev
he says to the bartender,
“I’ve been having a hard time
meeting people”
the bartender says:
“Wait, aren’t you supposed to be
good at generating...”
Slide 8
Slide 8 text
@cbetta
@braintree_dev
“interest”
Slide 9
Slide 9 text
@cbetta
@braintree_dev
THANK YOU!
Slide 10
Slide 10 text
@cbetta
@braintree_dev
I <3 U Bucharest
Slide 11
Slide 11 text
@cbetta
@braintree_dev
A Credit Card
Walks into a Bar_
Slide 12
Slide 12 text
@cbetta
@braintree_dev
I have a Cat
Slide 13
Slide 13 text
@cbetta
@braintree_dev
Who has a “special”
condition
Slide 14
Slide 14 text
@cbetta
@braintree_dev 14
Slide 15
Slide 15 text
@cbetta
@braintree_dev
But he thinks he is the
king of the house
Slide 16
Slide 16 text
@cbetta
@braintree_dev
Slide 17
Slide 17 text
@cbetta
@braintree_dev
Actually he has a
kidney condition
Slide 18
Slide 18 text
@cbetta
@braintree_dev
People always want to
see more photos and
videos
Slide 19
Slide 19 text
@cbetta
@braintree_dev
especially kids
Slide 20
Slide 20 text
@cbetta
@braintree_dev
so...
Slide 21
Slide 21 text
@cbetta
@braintree_dev
I wrote an application
that...
Slide 22
Slide 22 text
@cbetta
@braintree_dev
charges people money to
see his face
Slide 23
Slide 23 text
@cbetta
@braintree_dev
Slide 24
Slide 24 text
@cbetta
@braintree_dev
Slide 25
Slide 25 text
@cbetta
@braintree_dev
Slide 26
Slide 26 text
@cbetta
@braintree_dev
Slide 27
Slide 27 text
@cbetta
@braintree_dev
I know what you are
thinking...
Slide 28
Slide 28 text
@cbetta
@braintree_dev
I am an a**hole
Slide 29
Slide 29 text
@cbetta
@braintree_dev
I am actually raising
money for his kidney
surgery
Slide 30
Slide 30 text
@cbetta
@braintree_dev
I promise!
Slide 31
Slide 31 text
@cbetta
@braintree_dev
Slide 32
Slide 32 text
@cbetta
@braintree_dev
A Credit Card Form
Walks into a Bar...
Slide 33
Slide 33 text
@cbetta
@braintree_dev
the bartender says,
“Why do you keep coming in here day
after day ?”
The credit card form looks at him
miserably says
“I’m just looking for some..."
Slide 34
Slide 34 text
@cbetta
@braintree_dev
“validation”
Slide 35
Slide 35 text
@cbetta
@braintree_dev
Slide 36
Slide 36 text
@cbetta
@braintree_dev
Slide 37
Slide 37 text
@cbetta
@braintree_dev
Things people should not do when
building a Credit Card Form
Slide 38
Slide 38 text
@cbetta
@braintree_dev
Things I think you should not do
when building a Credit Card Form
@cbetta
@braintree_dev
CAPTCHA
Completely Automated Public Turing test
to tell Computers and Humans Apart
Slide 44
Slide 44 text
@cbetta
@braintree_dev
Slide 45
Slide 45 text
@cbetta
@braintree_dev
Slide 46
Slide 46 text
@cbetta
@braintree_dev
Slide 47
Slide 47 text
@cbetta
@braintree_dev
Slide 48
Slide 48 text
@cbetta
@braintree_dev
Slide 49
Slide 49 text
@cbetta
@braintree_dev
Slide 50
Slide 50 text
@cbetta
@braintree_dev
CAPTCHA
Completely Automated Public Turing test
to tell Computers and Humans Apart
Slide 51
Slide 51 text
@cbetta
@braintree_dev
CAPTCHA
Completely Automated Process
That Causes Headaches and Anger
Slide 52
Slide 52 text
@cbetta
@braintree_dev
2.
Slide 53
Slide 53 text
@cbetta
@braintree_dev
Ask users to register
Slide 54
Slide 54 text
@cbetta
@braintree_dev
Ask users to register
...before purchasing
Slide 55
Slide 55 text
@cbetta
@braintree_dev
Slide 56
Slide 56 text
@cbetta
@braintree_dev
Slide 57
Slide 57 text
@cbetta
@braintree_dev
Slide 58
Slide 58 text
@cbetta
@braintree_dev
Slide 59
Slide 59 text
@cbetta
@braintree_dev
Slide 60
Slide 60 text
@cbetta
@braintree_dev
Slide 61
Slide 61 text
@cbetta
@braintree_dev
Slide 62
Slide 62 text
@cbetta
@braintree_dev
Slide 63
Slide 63 text
@cbetta
@braintree_dev
Slide 64
Slide 64 text
@cbetta
@braintree_dev
A Credit Card Form
Walks into a Bar...
Slide 65
Slide 65 text
@cbetta
@braintree_dev
the bartender says,
“I haven’t seen you in a while!”
The credit card form
looks at him and says
“Yeah, I had to go to jail. I was...”
Slide 66
Slide 66 text
@cbetta
@braintree_dev
“Charged with bad humour"
Slide 67
Slide 67 text
@cbetta
@braintree_dev
3.
Slide 68
Slide 68 text
@cbetta
@braintree_dev
Ask me for the
credit card type?
Slide 69
Slide 69 text
@cbetta
@braintree_dev
Slide 70
Slide 70 text
@cbetta
@braintree_dev
Slide 71
Slide 71 text
@cbetta
@braintree_dev
Slide 72
Slide 72 text
@cbetta
@braintree_dev
* totally copied from Wikipedia
@cbetta
@braintree_dev
You don’t format dates as
they are on my card
Slide 113
Slide 113 text
@cbetta
@braintree_dev
Slide 114
Slide 114 text
@cbetta
@braintree_dev
Slide 115
Slide 115 text
@cbetta
@braintree_dev
Slide 116
Slide 116 text
@cbetta
@braintree_dev
6.
Slide 117
Slide 117 text
@cbetta
@braintree_dev
6.
Slide 118
Slide 118 text
@cbetta
@braintree_dev
A Credit Card Form
Walks into a Bar...
Slide 119
Slide 119 text
@cbetta
@braintree_dev
he tries to pick up someone at the bar,
They turn him down.
The credit card form
looks at the bartender and says
“Well, this is awkward normally I’m
the one who..."
Slide 120
Slide 120 text
@cbetta
@braintree_dev
“Declines”
Slide 121
Slide 121 text
@cbetta
@braintree_dev
6.
Slide 122
Slide 122 text
@cbetta
@braintree_dev
You don’t validate my card
number inline