WordPress, WooCommerce, v.zero & IoT - Alberto López Braintree Developer Advocate

Transcript

1. WordPress, WooCommerce, v.zero & IoT Alberto López Braintree_Dev. <Advocate/> https://flic.kr/p/6kFQBc
2. WordPress, WooCommerce, v.zero & IoT Alberto López Braintree_Dev. <Advocate/> https://flic.kr/p/6kFQBc
3. γεια @albertuslm alberto.lopez@getbraintree.com alopezmartin@paypal.com
4. battlehack.org @AlbertusLM @Braintree_Dev
5. @AlbertusLM @Braintree_Dev 30-31 MAY
6. One Axe @AlbertusLM @Braintree_Dev
7. @AlbertusLM @Braintree_Dev
8. 100.000 USD @AlbertusLM @Braintree_Dev
9. we <3 hackers @AlbertusLM @Braintree_Dev
10. we <3 innovation @AlbertusLM @Braintree_Dev
11. > Levers of innovation_ @AlbertusLM @Braintree_Dev
12. Era of rapid prototyping @AlbertusLM @Braintree_Dev
13. @AlbertusLM @Braintree_Dev
14. Internet of Things everything @AlbertusLM @Braintree_Dev
15. The Hype Cicle_ @AlbertusLM @Braintree_Dev
16. 4.9 Billion Connected "Things" by 2015 http://www.gartner.com/newsroom/id/2905717 Gartner Symposium/ITxpo 2014, November 9-13 in Barcelona, Spain @AlbertusLM @Braintree_Dev
17. @AlbertusLM @Braintree_Dev
19. > Case Study_ @AlbertusLM @Braintree_Dev fake
20. My story… @AlbertusLM @Braintree_Dev flic.kr/p/jVvyqX
21. @AlbertusLM @Braintree_Dev Being an inventor
22. Everybody <3 chocolate @AlbertusLM @Braintree_Dev
23. ΕΥΡΗΚΑ
24. Candy Machine! @AlbertusLM @Braintree_Dev
25. The pursuit of Empire @AlbertusLM @Braintree_Dev Candies for everybody!
26. @AlbertusLM @Braintree_Dev
27. Challenges > Scalability > Operational management > Sustainable Growth @AlbertusLM @Braintree_Dev
28. The project´s stack @AlbertusLM @Braintree_Dev Braintree v.zero SDK
29. Why WordPress? @AlbertusLM @Braintree_Dev *critical features for the project 4.1.1
30. Why WordPress? @AlbertusLM @Braintree_Dev > Open Source *critical features for the project 4.1.1
31. Why WordPress? @AlbertusLM @Braintree_Dev > Open Source > Scalable *critical features for the project 4.1.1
32. Why WordPress? @AlbertusLM @Braintree_Dev > Open Source > Scalable > Easy to manage *critical features for the project 4.1.1
33. Why WordPress? @AlbertusLM @Braintree_Dev > Open Source > Scalable > Easy to manage > Thriving ecosystem *critical features for the project 4.1.1
34. Why WordPress? @AlbertusLM @Braintree_Dev > Open Source > Scalable > Easy to manage > Thriving ecosystem > Mobile friendly *critical features for the project 4.1.1
35. Why WooCommerce? @AlbertusLM @Braintree_Dev *critical features for the project 2.3.7
36. Why WooCommerce? @AlbertusLM @Braintree_Dev > Free core *critical features for the project 2.3.7
37. Why WooCommerce? @AlbertusLM @Braintree_Dev > Free core > Huge flexibility *critical features for the project 2.3.7
38. Why WooCommerce? @AlbertusLM @Braintree_Dev > Free core > Huge flexibility > WooThemes’ support *critical features for the project 2.3.7
39. Why WooCommerce? @AlbertusLM @Braintree_Dev > Free core > Huge flexibility > WooThemes’ support > Professional Yet Simple *critical features for the project 2.3.7
40. Why WooCommerce? @AlbertusLM @Braintree_Dev > Free core > Huge flexibility > WooThemes’ support > Professional Yet Simple > Room For Growth *critical features for the project 2.3.7
41. Why WooCommerce? @AlbertusLM @Braintree_Dev > Free core > Huge flexibility > WooThemes’ support > Professional Yet Simple > Room For Growth > # of plugins *critical features for the project 2.3.7
42. @AlbertusLM @Braintree_Dev 16/04/2015 goo.gl/IYy1ls
43. Why Braintree v.zero SDK? @AlbertusLM @Braintree_Dev Abandonment checkout process FACTS: 17% concerns about payment security 13% price presented in foreign currency 12% complicated checkout 79% want to have more payment options goo.gl/AFwF10 goo.gl/Nm1kbt goo.gl/bMlrDm
44. Why Braintree v.zero SDK? OFF ON ON ON ON OFF ON ON ON ON FUTURE Payment Method C&D Cards v.zero @AlbertusLM @Braintree_Dev *critical features for the project
45. Why Braintree v.zero SDK? v.zero @AlbertusLM @Braintree_Dev *critical features for the project > Mobile ready
46. Why Braintree v.zero SDK? v.zero @AlbertusLM @Braintree_Dev *critical features for the project > Mobile ready > PCI compliance made easy
47. Why Braintree v.zero SDK? v.zero @AlbertusLM @Braintree_Dev *critical features for the project > Mobile ready > PCI compliance made easy > Ultra Slim
48. Why Braintree v.zero SDK? v.zero @AlbertusLM @Braintree_Dev *critical features for the project > Mobile ready > PCI compliance made easy > Ultra Slim > Elegant
49. Why Braintree v.zero SDK? v.zero @AlbertusLM @Braintree_Dev *critical features for the project > Mobile ready > PCI compliance made easy > Ultra Slim > Elegant > Invisible
50. Why Braintree v.zero SDK? v.zero @AlbertusLM @Braintree_Dev *critical features for the project > Mobile ready > PCI compliance made easy > Ultra Slim > Elegant > Invisible > 40 countries
51. Why Braintree v.zero SDK? v.zero @AlbertusLM @Braintree_Dev *critical features for the project > Mobile ready > PCI compliance made easy > Ultra Slim > Elegant > Invisible > 40 countries > 130 currencies
52. Why Braintree v.zero SDK? <frontend/> <backend/> v.zero @AlbertusLM @Braintree_Dev *critical features for the project
53. Why Braintree v.zero SDK? <frontend/> <backend/> v.zero @AlbertusLM @Braintree_Dev *critical features for the project
54. Why Spark core? @AlbertusLM @Braintree_Dev
55. Why Spark core? > Open Source @AlbertusLM @Braintree_Dev
56. Why Spark core? > Open Source > Wifi ready @AlbertusLM @Braintree_Dev
57. Why Spark core? > Open Source > Wifi ready > Tiny size @AlbertusLM @Braintree_Dev
58. Why Spark core? > Open Source > Wifi ready > Tiny size > Multi-language @AlbertusLM @Braintree_Dev
59. Why Spark core? > Open Source > Wifi ready > Tiny size > Multi-language > Active community @AlbertusLM @Braintree_Dev
60. Why Spark core? > Open Source > Wifi ready > Tiny size > Multi-language > Active community > # of plugins @AlbertusLM @Braintree_Dev
61. Problems > v.zero plugin not available > not plugin Spark - WooCommerce @AlbertusLM @Braintree_Dev
62. LET’S CODE OUR MODULE CHALLENGE ACCEPTED
63. Things to consider @AlbertusLM @Braintree_Dev
64. Things to consider @AlbertusLM @Braintree_Dev > Custom payment module from scratch
65. Things to consider @AlbertusLM @Braintree_Dev > Custom payment module from scratch > Using WooCommerce Checkout Manager
66. Things to consider @AlbertusLM @Braintree_Dev > Custom payment module from scratch > Using WooCommerce Checkout Manager > Prototype version
67. Things to consider @AlbertusLM @Braintree_Dev > Custom payment module from scratch > Using WooCommerce Checkout Manager > Prototype version -Plugin in alpha phase • Core files modified • Core templates modified
68. Things to consider @AlbertusLM @Braintree_Dev > Custom payment module from scratch > Using WooCommerce Checkout Manager > Prototype version -Plugin in alpha phase • Core files modified • Core templates modified -Payment module in beta phase • Transaction ID saved • Fully functional
69. Issue @AlbertusLM @Braintree_Dev This button submits the whole form
70. @AlbertusLM @Braintree_Dev This drop-in payment UI form is totally created and managed by v.zero SDK This form is never submitted to Braintree, so we don’t have the payment nonce to finish the transaction Impact on v.zero SDK
71. Solution @AlbertusLM @Braintree_Dev This checkbox (1) triggers a function which submits the UI form (2), stores the payment method nonce value in a hidden field (3) and enables the general submit button (4) (1) (4) (2) (3)
72. Connecting to Spark Core @AlbertusLM @Braintree_Dev (1) configuring the access to the device (2) calling the functions (1) (2)
73. dem @AlbertusLM @Braintree_Dev
74. Plan B @AlbertusLM @Braintree_Dev youtu.be/7jYdduBUfVs
75. > Conclusion_ @AlbertusLM @Braintree_Dev
76. IoT is NOT flash in the pan flic.kr/p/8RU8QS
77. eCommerce IoT Why not?
78. @AlbertusLM @Braintree_Dev Olympo of Payments in visible elega n t ultr a slim Payment Gateway
79. + = + Why not? + Braintree v.zero SDK
80. > Questions?_ @AlbertusLM @Braintree_Dev
81. Source'photo
82. Alberto López alberto.lopez@getbraintree.com @AlbertusLM / @Braintree_Dev ATHENS, 30-31 MAY 2015.battlehack.org/athens THANKS!