Blog

For x.commerce inno­vate 2011 Hoc­cer teamed up with Pay­Pal and Missionfish.org for show­ing Hoccer’s API abil­i­ties in a whole new way com­pared to what you saw on your phone so far. We coded a WebApp and a dona­tion wall with which a char­ity (in our exam­ple it was the Amer­i­can Can­cer Soci­ety) can col­lect dona­tions for it’s cause. But how does this work?

The char­ity uses one or more large dis­plays or pro­jec­tors to show the dona­tion wall (our exam­ple can be found here) which acts like a black­board where all dona­tions are shown to the audi­ence of an event, a prom or sim­i­lar. Peo­ple who would like to donate use there smart­phone to open a short URL (our exam­ple can be found here), the opened web­site shows a short form where the donor types in his name, an email address, a short com­ment and an amount. To send his dona­tion the donor just makes a throw ges­ture with his phone (or taps a but­ton in case the phone doesn’t sup­port this) and the dona­tion will be shown on the wall includ­ing the name,the com­ment and the amount the donor entered. To pay his dona­tion the donor will receive an invoice using PayPal’s Invoice API

If you want to try our exam­ple just open the wall on your PC using a mod­ern Browser (Chrome, Safari or Fire­fox) and open the WebApp on your phone. But remem­ber: This is real! So please pay your dona­tion . Also we put the code in a pub­lic github repos­i­tory so if you want to use this for own char­ity feel free to use our exam­ple code. The back­end was made by Ali Minaei from Pay­Pal UK, thank you!