Download to read offline
![Frontend: <templateFile>.phtml
[…]
<form id="Braintree_vzero">
</form>
<script src=“https://js.braintreegateway.com/v2/braintree.js"></script>
<script type="text/javascript">
braintree.setup(
"<?php echo $clientToken;?>",
'dropin', {
container: ‘Braintree_vzero’,
}
});
</script>
[…]
@AlbertusLM@Braintree_Dev](https://image.slidesharecdn.com/z7gamof5qbanulmvqubn-signature-b7b5ba036dd4d8ba24a19fbe65b824f46b915350209caec20c4583ac5e12598e-poli-150305131205-conversion-gate01/85/Candies-for-everybody-Meet-Magento-Italia-2015-40-320.jpg)
![Frontend: <templateFile>.phtml
[…]
<form id="Braintree_vzero">
</form>
<script src=“https://js.braintreegateway.com/v2/braintree.js"></script>
<script type="text/javascript">
braintree.setup(
"<?php echo $clientToken;?>",
'dropin', {
container: ‘Braintree_vzero’,
}
});
</script>
[…]
@AlbertusLM@Braintree_Dev](https://image.slidesharecdn.com/z7gamof5qbanulmvqubn-signature-b7b5ba036dd4d8ba24a19fbe65b824f46b915350209caec20c4583ac5e12598e-poli-150305131205-conversion-gate01/85/Candies-for-everybody-Meet-Magento-Italia-2015-41-320.jpg)
![Frontend: <templateFile>.phtml
[…]
<form id="Braintree_vzero">
</form>
<script src=“https://js.braintreegateway.com/v2/braintree.js"></script>
<script type="text/javascript">
braintree.setup(
"<?php echo $clientToken;?>",
'dropin', {
container: ‘Braintree_vzero’,
}
});
</script>
[…]
@AlbertusLM@Braintree_Dev](https://image.slidesharecdn.com/z7gamof5qbanulmvqubn-signature-b7b5ba036dd4d8ba24a19fbe65b824f46b915350209caec20c4583ac5e12598e-poli-150305131205-conversion-gate01/85/Candies-for-everybody-Meet-Magento-Italia-2015-42-320.jpg)
![Frontend: <templateFile>.phtml
[…]
<form id="Braintree_vzero">
</form>
<script src=“https://js.braintreegateway.com/v2/braintree.js"></script>
<script type="text/javascript">
braintree.setup(
"<?php echo $clientToken;?>",
'dropin', {
container: ‘Braintree_vzero’,
}
});
</script>
[…]
@AlbertusLM@Braintree_Dev](https://image.slidesharecdn.com/z7gamof5qbanulmvqubn-signature-b7b5ba036dd4d8ba24a19fbe65b824f46b915350209caec20c4583ac5e12598e-poli-150305131205-conversion-gate01/85/Candies-for-everybody-Meet-Magento-Italia-2015-43-320.jpg)
![Backend: <ModelFile>.php
[…]
Braintree_Configuration::merchantId(‘YOUR_MERCHANT_ID’);
Braintree_Configuration::publicKey(‘YOUR_PUBLIC_KEY');
Braintree_Configuration::privateKey(‘YOUR_PRIVATE_KEY’);
[...]
Security: Setting API Credentials
@AlbertusLM@Braintree_Dev](https://image.slidesharecdn.com/z7gamof5qbanulmvqubn-signature-b7b5ba036dd4d8ba24a19fbe65b824f46b915350209caec20c4583ac5e12598e-poli-150305131205-conversion-gate01/85/Candies-for-everybody-Meet-Magento-Italia-2015-44-320.jpg)
![Backend: <ModelFile>.php
[...]
class Braintree_Vzero_Block_Form extends Mage_Payment_Block_Form
{
protected function _construct()
{
parent::_construct();
$this->setTemplate('vzero/form.phtml');
}
[…]
public function getClientToken()
{
$clientToken = Braintree_ClientToken::generate(array());
$this->setData('clientToken', $clientToken);
return $clientToken;
}
}
[...]
Asking for ClientToken (creating UI payment form)
@AlbertusLM@Braintree_Dev](https://image.slidesharecdn.com/z7gamof5qbanulmvqubn-signature-b7b5ba036dd4d8ba24a19fbe65b824f46b915350209caec20c4583ac5e12598e-poli-150305131205-conversion-gate01/85/Candies-for-everybody-Meet-Magento-Italia-2015-45-320.jpg)
![Backend: <ModelFile>.php
[...]
class Braintree_Vzero_Block_Form extends Mage_Payment_Block_Form
{
protected function _construct()
{
parent::_construct();
$this->setTemplate('vzero/form.phtml');
}
[…]
public function getClientToken()
{
$clientToken = Braintree_ClientToken::generate(array());
$this->setData('clientToken', $clientToken);
return $clientToken;
}
}
[...]
Asking for ClientToken (creating UI payment form)
@AlbertusLM@Braintree_Dev](https://image.slidesharecdn.com/z7gamof5qbanulmvqubn-signature-b7b5ba036dd4d8ba24a19fbe65b824f46b915350209caec20c4583ac5e12598e-poli-150305131205-conversion-gate01/85/Candies-for-everybody-Meet-Magento-Italia-2015-46-320.jpg)
![Backend: <ModelFile>.php
[...]
$result = Braintree_Transaction::sale(array(
'amount' => $grandTotal,
'paymentMethodNonce' => $paymentNonce,
'shipping' => array(
'firstName' => $firstName,
'lastName' => $lastName,
'streetAddress' => $streetAddress,
'locality' => $locality,
'region' => $stateOrProvince,
'countryName' => $countryName
),
'customFields' => array(
'cart' => $cart
)
));
$transactionID = $result->transaction->id;
[...]
NOTE
Getting previously these parameters from
the checkout:
• 'cart'-> array with the cart details
• 'grandTotal'-> total amount
• 'paymentNonce'->payment_method_nonce
Finishing the transaction
@AlbertusLM@Braintree_Dev](https://image.slidesharecdn.com/z7gamof5qbanulmvqubn-signature-b7b5ba036dd4d8ba24a19fbe65b824f46b915350209caec20c4583ac5e12598e-poli-150305131205-conversion-gate01/85/Candies-for-everybody-Meet-Magento-Italia-2015-47-320.jpg)
![Backend: <ModelFile>.php
[...]
$result = Braintree_Transaction::sale(array(
'amount' => $grandTotal,
'paymentMethodNonce' => $paymentNonce,
'shipping' => array(
'firstName' => $firstName,
'lastName' => $lastName,
'streetAddress' => $streetAddress,
'locality' => $locality,
'region' => $stateOrProvince,
'countryName' => $countryName
),
'customFields' => array(
'cart' => $cart
)
));
$transactionID = $result->transaction->id;
[...]
NOTE
v.zero form doesn’t send to backend
personal information. You only have a
nonce to finish the transaction.
Finishing the transaction
@AlbertusLM@Braintree_Dev](https://image.slidesharecdn.com/z7gamof5qbanulmvqubn-signature-b7b5ba036dd4d8ba24a19fbe65b824f46b915350209caec20c4583ac5e12598e-poli-150305131205-conversion-gate01/85/Candies-for-everybody-Meet-Magento-Italia-2015-48-320.jpg)
![Backend: <ModelFile>.php
[...]
$result = Braintree_Transaction::sale(array(
'amount' => $grandTotal,
'paymentMethodNonce' => $paymentNonce,
'shipping' => array(
'firstName' => $firstName,
'lastName' => $lastName,
'streetAddress' => $streetAddress,
'locality' => $locality,
'region' => $stateOrProvince,
'countryName' => $countryName
),
'customFields' => array(
'cart' => $cart
)
));
$transactionID = $result->transaction->id;
[...]
Finishing the transaction
@AlbertusLM@Braintree_Dev](https://image.slidesharecdn.com/z7gamof5qbanulmvqubn-signature-b7b5ba036dd4d8ba24a19fbe65b824f46b915350209caec20c4583ac5e12598e-poli-150305131205-conversion-gate01/85/Candies-for-everybody-Meet-Magento-Italia-2015-49-320.jpg)
![Backend: <ModelFile>.php
[...]
$accessToken = ‘your_access_token';
$core = SparkCore::make($accessToken);
$core->setDeviceId('your_device_id');
$core->setFunction('movemotor');
$core->setParams(array(‘transactionID'));
$result = $core->run();
echo $result->return_value;
[...]
Sending info to Candy Machine
NOTE
Library: garethtdavies/SparkPHP
Enjoy!
Tr.ID:
dfr43
@AlbertusLM@Braintree_Dev](https://image.slidesharecdn.com/z7gamof5qbanulmvqubn-signature-b7b5ba036dd4d8ba24a19fbe65b824f46b915350209caec20c4583ac5e12598e-poli-150305131205-conversion-gate01/85/Candies-for-everybody-Meet-Magento-Italia-2015-50-320.jpg)
![Spark Core: <filename>.ino
void setup()
{
[…]
//setup TFT
tft.begin();
//setup SD
SD.begin(SD_CS);
//setup DC Motor
pinMode(MOTOR, OUTPUT);
//Register our Spark function here
Spark.function("candy", moveMotorCandy);
[…]
}
Setting up the device
NOTE
TFT/SD: pkourany/ILI9341_SPI_LCD
Enjoy!
Tr.ID:
dfr43
@AlbertusLM@Braintree_Dev](https://image.slidesharecdn.com/z7gamof5qbanulmvqubn-signature-b7b5ba036dd4d8ba24a19fbe65b824f46b915350209caec20c4583ac5e12598e-poli-150305131205-conversion-gate01/85/Candies-for-everybody-Meet-Magento-Italia-2015-51-320.jpg)
![Spark Core: <filename>.ino
[…]
int moveMotorCandy(String command)
{
//Adjustment to present correctly the text on the screen
String textToPrint = " Enjoy! n Tr.ID: "+ command;
//Printing the MotorMovement screen
bmpDraw("motor.bmp", 0, 0);
showTextInScreen (textToPrint,10,160);
delay(1000);
digitalWrite(MOTOR, 1); // Turn ON the motor
delay(milisecsMovingMotor);
digitalWrite(MOTOR, 0); // Turn OFF the motor
delay(3000);
setScreenToStandBy();
}
[…]
}
Expending the candies
NOTE
TFT/SD: pkourany/ILI9341_SPI_LCD
Enjoy!
Tr.ID:
dfr43
@AlbertusLM@Braintree_Dev](https://image.slidesharecdn.com/z7gamof5qbanulmvqubn-signature-b7b5ba036dd4d8ba24a19fbe65b824f46b915350209caec20c4583ac5e12598e-poli-150305131205-conversion-gate01/85/Candies-for-everybody-Meet-Magento-Italia-2015-52-320.jpg)
Uploaded byAlberto López Martín
Candies for everybody - Meet Magento Italia 2015
The document discusses the development of a candy machine that utilizes the Braintree v.zero SDK for payment processing. It covers the architecture of the application, including both frontend and backend code, and highlights integration with Spark Core for controlling the candy dispensing mechanism. Additionally, the presentation features an overview of the Internet of Things and the evolution of the candy machine from version 1.0 to 2.0.
More Related Content
![[PL] Jak nie zostać "programistą" PHP?](https://cdn.slidesharecdn.com/ss_thumbnails/phpgoodandbadpractices-111012153806-phpapp01-thumbnail.jpg?width=640&height=640&fit=bounds)
Similar to Candies for everybody - Meet Magento Italia 2015
![[ES] Battlehacks, hackatones y algún hacha](https://cdn.slidesharecdn.com/ss_thumbnails/battlehackshackatonesyalgunhacha-141030051911-conversion-gate01-thumbnail.jpg?width=640&height=640&fit=bounds)
Candies for everybody - Meet Magento Italia 2015
- 2. Candies for everybody: hackingfrom 9 to 6 Alberto López Braintree_Dev. <Advocate/> https://flic.kr/p/6kFQBc
- 3.
- 4.
- 5.
- 6. I am here! mycurrent office @AlbertusLM@Braintree_Dev
- 7.
- 8.
- 9.
- 10.
- 11.
- 12.
- 13.
- 14. we <3 hacking9-6 @AlbertusLM@Braintree_Dev
- 15. what is mystory? @AlbertusLM@Braintree_Dev
- 16.
- 17. internet of thingseverything @AlbertusLM@Braintree_Dev
- 18. 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
- 19.
- 20. few months ofhard work… @AlbertusLM@Braintree_Dev
- 21.
- 22.
- 23.
- 24. technologies Braintree v.zero SDK <frontend><backend> @AlbertusLM@Braintree_Dev
- 25.
- 26. few months ofhard work… @AlbertusLM@Braintree_Dev
- 27.
- 28.
- 29.
- 30. why Braintree v.zeroSDK? v.zero OFF ON ON ON ON OFF ON ON ON ON FUTURE Payment Method C&D Cards @AlbertusLM@Braintree_Dev
- 31. why Braintree v.zeroSDK? v.zero Ultra Slim Invisible Elegant @AlbertusLM@Braintree_Dev
- 32. why Braintree v.zeroSDK? v.zero <frontend/> <backend/> @AlbertusLM@Braintree_Dev
- 33. why Magento? > opensource > created for eCommerce > fully scalable > high performance > great look&feel @AlbertusLM@Braintree_Dev
- 34. why spark core? >open source > wifi connected > tiny size > code on private cloud > multi-language @AlbertusLM@Braintree_Dev
- 35. Ouch! > Old Braintreemodule > v.zero not available yet (official plugin in development) @AlbertusLM@Braintree_Dev
- 36.
- 37.
- 38.
- 39. LET’S CODE OURMODULE CHALLENGE ACCEPTED
- 40. Frontend: <templateFile>.phtml […] <form id="Braintree_vzero"> </form> <scriptsrc=“https://js.braintreegateway.com/v2/braintree.js"></script> <script type="text/javascript"> braintree.setup( "<?php echo $clientToken;?>", 'dropin', { container: ‘Braintree_vzero’, } }); </script> […] @AlbertusLM@Braintree_Dev
- 41. Frontend: <templateFile>.phtml […] <form id="Braintree_vzero"> </form> <scriptsrc=“https://js.braintreegateway.com/v2/braintree.js"></script> <script type="text/javascript"> braintree.setup( "<?php echo $clientToken;?>", 'dropin', { container: ‘Braintree_vzero’, } }); </script> […] @AlbertusLM@Braintree_Dev
- 42. Frontend: <templateFile>.phtml […] <form id="Braintree_vzero"> </form> <scriptsrc=“https://js.braintreegateway.com/v2/braintree.js"></script> <script type="text/javascript"> braintree.setup( "<?php echo $clientToken;?>", 'dropin', { container: ‘Braintree_vzero’, } }); </script> […] @AlbertusLM@Braintree_Dev
- 43. Frontend: <templateFile>.phtml […] <form id="Braintree_vzero"> </form> <scriptsrc=“https://js.braintreegateway.com/v2/braintree.js"></script> <script type="text/javascript"> braintree.setup( "<?php echo $clientToken;?>", 'dropin', { container: ‘Braintree_vzero’, } }); </script> […] @AlbertusLM@Braintree_Dev
- 44.
- 45. Backend: <ModelFile>.php [...] class Braintree_Vzero_Block_Formextends Mage_Payment_Block_Form { protected function _construct() { parent::_construct(); $this->setTemplate('vzero/form.phtml'); } […] public function getClientToken() { $clientToken = Braintree_ClientToken::generate(array()); $this->setData('clientToken', $clientToken); return $clientToken; } } [...] Asking for ClientToken (creating UI payment form) @AlbertusLM@Braintree_Dev
- 46. Backend: <ModelFile>.php [...] class Braintree_Vzero_Block_Formextends Mage_Payment_Block_Form { protected function _construct() { parent::_construct(); $this->setTemplate('vzero/form.phtml'); } […] public function getClientToken() { $clientToken = Braintree_ClientToken::generate(array()); $this->setData('clientToken', $clientToken); return $clientToken; } } [...] Asking for ClientToken (creating UI payment form) @AlbertusLM@Braintree_Dev
- 47. Backend: <ModelFile>.php [...] $result =Braintree_Transaction::sale(array( 'amount' => $grandTotal, 'paymentMethodNonce' => $paymentNonce, 'shipping' => array( 'firstName' => $firstName, 'lastName' => $lastName, 'streetAddress' => $streetAddress, 'locality' => $locality, 'region' => $stateOrProvince, 'countryName' => $countryName ), 'customFields' => array( 'cart' => $cart ) )); $transactionID = $result->transaction->id; [...] NOTE Getting previously these parameters from the checkout: • 'cart'-> array with the cart details • 'grandTotal'-> total amount • 'paymentNonce'->payment_method_nonce Finishing the transaction @AlbertusLM@Braintree_Dev
- 48. Backend: <ModelFile>.php [...] $result =Braintree_Transaction::sale(array( 'amount' => $grandTotal, 'paymentMethodNonce' => $paymentNonce, 'shipping' => array( 'firstName' => $firstName, 'lastName' => $lastName, 'streetAddress' => $streetAddress, 'locality' => $locality, 'region' => $stateOrProvince, 'countryName' => $countryName ), 'customFields' => array( 'cart' => $cart ) )); $transactionID = $result->transaction->id; [...] NOTE v.zero form doesn’t send to backend personal information. You only have a nonce to finish the transaction. Finishing the transaction @AlbertusLM@Braintree_Dev
- 49. Backend: <ModelFile>.php [...] $result =Braintree_Transaction::sale(array( 'amount' => $grandTotal, 'paymentMethodNonce' => $paymentNonce, 'shipping' => array( 'firstName' => $firstName, 'lastName' => $lastName, 'streetAddress' => $streetAddress, 'locality' => $locality, 'region' => $stateOrProvince, 'countryName' => $countryName ), 'customFields' => array( 'cart' => $cart ) )); $transactionID = $result->transaction->id; [...] Finishing the transaction @AlbertusLM@Braintree_Dev
- 50. Backend: <ModelFile>.php [...] $accessToken =‘your_access_token'; $core = SparkCore::make($accessToken); $core->setDeviceId('your_device_id'); $core->setFunction('movemotor'); $core->setParams(array(‘transactionID')); $result = $core->run(); echo $result->return_value; [...] Sending info to Candy Machine NOTE Library: garethtdavies/SparkPHP Enjoy! Tr.ID: dfr43 @AlbertusLM@Braintree_Dev
- 51. Spark Core: <filename>.ino voidsetup() { […] //setup TFT tft.begin(); //setup SD SD.begin(SD_CS); //setup DC Motor pinMode(MOTOR, OUTPUT); //Register our Spark function here Spark.function("candy", moveMotorCandy); […] } Setting up the device NOTE TFT/SD: pkourany/ILI9341_SPI_LCD Enjoy! Tr.ID: dfr43 @AlbertusLM@Braintree_Dev
- 52. Spark Core: <filename>.ino […] intmoveMotorCandy(String command) { //Adjustment to present correctly the text on the screen String textToPrint = " Enjoy! n Tr.ID: "+ command; //Printing the MotorMovement screen bmpDraw("motor.bmp", 0, 0); showTextInScreen (textToPrint,10,160); delay(1000); digitalWrite(MOTOR, 1); // Turn ON the motor delay(milisecsMovingMotor); digitalWrite(MOTOR, 0); // Turn OFF the motor delay(3000); setScreenToStandBy(); } […] } Expending the candies NOTE TFT/SD: pkourany/ILI9341_SPI_LCD Enjoy! Tr.ID: dfr43 @AlbertusLM@Braintree_Dev
- 53.
- 54.
- 55. only available thefronted @AlbertusLM@Braintree_Dev
- 56. Braintree: braintreepayments.com v.zero: braintreepayments.com/v.zero Dev Braintree Portal: developers.braintreepayments.com Demoin Hackster.io: hackster.io/AlbertoLopez/candy-machine-with-v-zero-sdk @AlbertusLM@Braintree_Dev
- 57.
- 58.
- 59.