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