Air apps-and-smart-cards

1,287 views
1,209 views

Published on

Jean-Baptise Pin and Zaid Al-Dabbagh - Snapper's Rich-Internet-Application Developers - show off some of the latest Flash apps including the popular MySnapper, in addition to other apps that talk to smartcards.

2010 Flash Platform Code Camp is a community event for Developers and Designers, taking place in Wellington. It is a great place to meet and greet, share cool stuff, try out new technologies and code together with other like-minded people.

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,287
On SlideShare
0
From Embeds
0
Number of Embeds
32
Actions
Shares
0
Downloads
8
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Air apps-and-smart-cards

  1. 1. AIR Apps & Smart Cards Zaid Al-Dabbagh & Jean-Baptiste Pin Flash Platform Camp Wellington 2010
  2. 2. Agenda <ul><li>Who we are 5mins </li></ul><ul><ul><li>Zaid Al-Dabbagh (aka Zaid!) </li></ul></ul><ul><ul><li>Jean-Baptiste Pin (aka JB) </li></ul></ul><ul><li>Apps 10mins </li></ul><ul><ul><li>MySnapper (Zaid) </li></ul></ul><ul><ul><li>SnapperRefunder (Zaid) </li></ul></ul><ul><ul><li>Snapper SAM Label Printer (JB) </li></ul></ul><ul><li>Technical Possibilities 5mins </li></ul><ul><li>Quick Overview of Architecture 10mins </li></ul><ul><li>Live Demos 15mins </li></ul>
  3. 3. Zaid Al-Dabbagh <ul><li>Past: Web Developer (CMS) </li></ul><ul><li>Present: RIA Developer </li></ul><ul><li>Likes: Web / Flash / Design / CMS’s </li></ul><ul><li>Contact: </li></ul><ul><ul><li>Email: [email_address] </li></ul></ul><ul><ul><li>Twitter: www.twitter.com/zaidaldabbagh </li></ul></ul><ul><ul><li>Skype: zaid.aldabbagh </li></ul></ul>
  4. 4. Jean-Baptiste PIN <ul><li>Master IT in France (Supinfo) </li></ul><ul><li>2 years @ Monaco – RIA and C# - Content delivery platform </li></ul><ul><li>6 Month in Paris – Functional Consultant SOA – Enterprise Architecture (BAM & BSM) </li></ul><ul><li>6 Month in Sophia Antipolis – Architect J2ee </li></ul><ul><li>Contact: </li></ul><ul><ul><li>Email : [email_address] </li></ul></ul><ul><ul><li>Blog: http://jbpin.wordpress.com </li></ul></ul><ul><ul><li>Github: http://www.github.com/jbpin </li></ul></ul>
  5. 5. <ul><li>MySnapper </li></ul>
  6. 6. Pre-MySnapper <ul><li>ActiveX controller </li></ul><ul><li>Limitations: </li></ul><ul><ul><li>Browser Support (IE only) </li></ul></ul><ul><ul><li>Non-cross-platform support (Windows only, no support for 64 bit, Visa or 7) </li></ul></ul><ul><ul><li>Controller is maintained off shore by 3rd party </li></ul></ul><ul><ul><li>Slow and clunky </li></ul></ul><ul><ul><li>Architecture (Webpage trying to talk to low level device) </li></ul></ul>
  7. 7. MySnapper … The answer <ul><li>Adobe AIR Desktop Application </li></ul><ul><li>Adobe Flex Builder 3 (Flex 3.5) </li></ul><ul><li>Functionality : </li></ul><ul><ul><li>Get Snapper card balance </li></ul></ul><ul><ul><li>Top up Snapper card balance (Using a Credit Card) </li></ul></ul><ul><li>MySnapper is a separate component to the website that embeds certain parts of the website (Promotions template) </li></ul><ul><li>A cross-platform solution </li></ul><ul><ul><li>Supports Windows/Mac/Linux </li></ul></ul><ul><li>Runs on Adobe AIR 1.0 </li></ul><ul><li>user-friendly interface </li></ul><ul><li>Fast and slick! </li></ul>
  8. 8. Obstacles to MySnapper <ul><li>AIR 1.0 didn’t support native API calls </li></ul><ul><li>No support for native code integration (Sandboxed) </li></ul><ul><li>No way to talk to Feeder drivers </li></ul>
  9. 9. Highs and Lows of MySnapper <ul><li>Merapi bridge vs HTTP Server </li></ul><ul><li>Shu Installer </li></ul><ul><li>HTTP vs XML (MySnapper to card) </li></ul><ul><li>HTTPs (MySnapper to SYRAH) </li></ul><ul><li>Code Signing </li></ul><ul><li>SYRAH Migration from PHP to .Net </li></ul><ul><li>Heartbeat </li></ul><ul><li>Washing Machine </li></ul><ul><li>Window Frames </li></ul>
  10. 10. Download MySnapper <ul><li>Download from www.snapper.co.nz </li></ul>
  11. 11. <ul><li>Architectural Overview </li></ul>
  12. 12. Quick Architecture Overview 1/2 <ul><li>Flex 3.5 & AIR 2.0 </li></ul><ul><li>MVCS – Model View Controller Service </li></ul><ul><li>Robotlegs Micro Architecture http://www.robotlegs.org/ </li></ul><ul><li>AS3-Signal instead of Event http://github.com/robertpenner/as3-signals </li></ul><ul><ul><li>Prevent event listener memory leaks </li></ul></ul><ul><ul><li>Faster than events </li></ul></ul><ul><ul><li>Object based (Signal can be integrated into interfaces) </li></ul></ul>
  13. 13. Quick Architecture Overview 2/2 <ul><li>Presenter pattern instead of Mediator pattern </li></ul><ul><ul><li>Application behaviours and logic are clearly not dependant of the view </li></ul></ul><ul><ul><li>Using BindingUtils and Signal for communication between them </li></ul></ul><ul><li>Command Process http://github.com/jbpin/CommandProcess-AS3 </li></ul><ul><ul><li>Using NativeProcess API like a service </li></ul></ul>
  14. 14. <ul><li>Live Demo </li></ul>
  15. 15. Thanks to our sponsors

×