SlideShare a Scribd company logo
Using Design Pattern 4 Mobile
      luca mezzalira




 © 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.



Wednesday, May 18, 2011
Speaker bio - Luca Mezzalira                                                    TWITTTER: @lucamezzalira




 © 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.   2



Wednesday, May 18, 2011
Design Pattern?

  In software engineering, a design pattern is a general
  reusable solution to a commonly occurring problem in
  software design. [...]
  It is a description or template for how to solve a
  problem that can be used in many different
  situations.




  Patterns provide a way to organize and name those
  ordinary solutions to make it easier for people to use
  them.


 © 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.   3



Wednesday, May 18, 2011
Design Pattern?

     Development speed up


     Utilizzati nelle micro architetture


     Coprono molte casistiche comuni nei progetti


     Aiutano nella realizzazione dell’architettura


     Rendono il progetto mantenibile e documentato


     Spesso li usiamo ma non ce ne rendiamo conto



 © 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.   4



Wednesday, May 18, 2011
MicroArchitetture




                                                  E SU MOBILE ?!
 © 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.   5



Wednesday, May 18, 2011
altre tecnologie a confronto




                             MVVM                                                       Model/View
   Model - View -View Model                                                       Model - View -View Model




 © 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.   6



Wednesday, May 18, 2011
mobile VS desktop

     diverse tipologie di schermi (tablet, smartphone, ...)


     diversi sistemi operativi con diverse caratteristiche


     potenza di calcolo


     user interaction e input method


     porting da desktop a mobile




 © 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.   7



Wednesday, May 18, 2011
c’erano una volta 3 design pattern...



                                                                      Singleton

                                                                      Observer

                                             Presentation Model



 © 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.   8



Wednesday, May 18, 2011
Singleton

     rappresentazione della Singleton matematica in programmazione


     un gruppo con 1 solo oggetto

      Quando utilizzarlo?




 © 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.   9



Wednesday, May 18, 2011
Observer

     Un oggetto principale (Subject) tiene una lista di oggetti osserverti
      (Observer) e notifica ogni cambio di stato ad ogni oggetto
      osservato.

      Quando utilizzarlo?




 © 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.   10



Wednesday, May 18, 2011
Presentation Model (Application Model)

     Scissione completa tra elementi della GUI e le loro funzionalità e
      valori




 © 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.   11



Wednesday, May 18, 2011
Presentation Model (Application Model)

      Quando utilizzarlo?




 © 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.   12



Wednesday, May 18, 2011
Presentation Model (Application Model)

     MVVM (Model-View-View Model)

     contiene i dati che la view utilizza

     come sincronizzo i dati tra presentation model e relativa view?

     favorisce lo sviluppo di un software con view differenti ma

      stesse funzionalità

     dobbiamo dividere le funzionalità inerenti alla view da quelle del

      presentation model

     favorisce lo unit testing



 © 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.   13



Wednesday, May 18, 2011
CODE TIME!




 © 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.   14



Wednesday, May 18, 2011
Da dove iniziare...




 © 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.   15



Wednesday, May 18, 2011
DOMANDE & RISPOSTE



     email: luca@mart3.org                                                           twitter: @lucamezzalira
     blog: lucamezzalira.com                                                            site: www.mart3.org

 © 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.   16



Wednesday, May 18, 2011
© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.



Wednesday, May 18, 2011

More Related Content

PDF
Adobe flex at jax london 2011
PDF
Flex 4.5 and mobile development
PDF
Montpellier - Flex UG
PDF
Flex mobile for JUG
PDF
Fatc - Productivity by Design
PDF
Over the air 2.5 - Adobe AIR for Android
PDF
Jax2001 adobe keynote
PDF
Best practices for Flash applications on mobile devices
Adobe flex at jax london 2011
Flex 4.5 and mobile development
Montpellier - Flex UG
Flex mobile for JUG
Fatc - Productivity by Design
Over the air 2.5 - Adobe AIR for Android
Jax2001 adobe keynote
Best practices for Flash applications on mobile devices

What's hot (20)

PDF
Jax 2011 keynote
PDF
Xplatform mobile development
PDF
Adobe et la stratégie multi-écrans
PDF
Breizh camp adobe flex et les mobiles
PDF
Ria2010 - keynote - Evolution des RIA d'Entreprise
PDF
Flash camp portugal - Let's talk about Flex baby
PDF
Flex presentation for Paris Android User group PAUG
PDF
Develop multi-screen applications with Flex
PDF
Oop2012 mobile workshops
PDF
Adobe Flash platform の法人利用
PDF
Eva flex java_1_slides
PDF
Flex and the city in London - Keynote
PDF
JAX2010 Flex Java technical session: interactive dashboard
PDF
Adobe flash platform java
PDF
Ria2010 workshop dev mobile
PDF
Back From MAX in London for CQ5 users
PDF
Jax2010 adobe lcds
PDF
Fm Mc Presentation Ria2008
PDF
Oop2012 keynote Design Driven Development
PDF
Devoxx 2010: Develop mobile applications with Flex
Jax 2011 keynote
Xplatform mobile development
Adobe et la stratégie multi-écrans
Breizh camp adobe flex et les mobiles
Ria2010 - keynote - Evolution des RIA d'Entreprise
Flash camp portugal - Let's talk about Flex baby
Flex presentation for Paris Android User group PAUG
Develop multi-screen applications with Flex
Oop2012 mobile workshops
Adobe Flash platform の法人利用
Eva flex java_1_slides
Flex and the city in London - Keynote
JAX2010 Flex Java technical session: interactive dashboard
Adobe flash platform java
Ria2010 workshop dev mobile
Back From MAX in London for CQ5 users
Jax2010 adobe lcds
Fm Mc Presentation Ria2008
Oop2012 keynote Design Driven Development
Devoxx 2010: Develop mobile applications with Flex
Ad

Similar to Using design pattern for mobile (20)

PDF
Android Development Slides
PPTX
Starting mobile development
PDF
Top Java IDE keyboard shortcuts for Eclipse, IntelliJIDEA, NetBeans (report p...
PDF
iOS 7 UI Transition Guide
PPTX
MarkLogic Developer Community Resources, September 2013
PPTX
The Outlook is Cloudy
PDF
Flexpaug 111207121300-phpapp01
PDF
Blog.bestlaptopbattery.co.uk-Which user interface do you prefer? Apple vs. Mi...
PDF
App Developer Guide to Eclipse
PDF
Clarity in Documentation
PDF
iPhone App from concept to product
PDF
Design Patterns - The Ultimate Blueprint for Software
PDF
Webinar: Design Patterns : Tailor-made solutions for Software Development
PDF
Deloitte Cem Ams 25 May2011
PPS
Single-Sourcing with RoboHelp 9: Presentation by WritePoint
PDF
Reasons for Flash: Flash Development in an HTML5 and App Store World
PPT
MODEL-DRIVEN ENGINEERING OF BEHAVIORS FOR USER INTERFACES IN MULTIPLE CONTEXT...
PPTX
Charting your path to app nirvana with AEM Mobile
PDF
Tablets Soft and Apps
Android Development Slides
Starting mobile development
Top Java IDE keyboard shortcuts for Eclipse, IntelliJIDEA, NetBeans (report p...
iOS 7 UI Transition Guide
MarkLogic Developer Community Resources, September 2013
The Outlook is Cloudy
Flexpaug 111207121300-phpapp01
Blog.bestlaptopbattery.co.uk-Which user interface do you prefer? Apple vs. Mi...
App Developer Guide to Eclipse
Clarity in Documentation
iPhone App from concept to product
Design Patterns - The Ultimate Blueprint for Software
Webinar: Design Patterns : Tailor-made solutions for Software Development
Deloitte Cem Ams 25 May2011
Single-Sourcing with RoboHelp 9: Presentation by WritePoint
Reasons for Flash: Flash Development in an HTML5 and App Store World
MODEL-DRIVEN ENGINEERING OF BEHAVIORS FOR USER INTERFACES IN MULTIPLE CONTEXT...
Charting your path to app nirvana with AEM Mobile
Tablets Soft and Apps
Ad

More from luca mezzalira (14)

PPTX
Mvi an architecture for reactive programming
PPTX
Cycle.js a reactive framework
PDF
Reactive programming with cycle.js
PDF
Next generation of frontend architectures
PPTX
Evolution of front end architectures
PDF
Kaizen - the key of continuos improvement
PDF
Having fun with Adobe AIR 2013
KEY
Flash Platform su dispositivi mobili
PDF
Flash Platform Ovierview
PDF
Sviluppo di contenuti Flash Platform su iOS e Android
PDF
Actionscript 3 Design Pattern
PDF
Flash Platform & Android
PDF
Adobe AIR & Printing
PDF
Android Development with Flash Platform
Mvi an architecture for reactive programming
Cycle.js a reactive framework
Reactive programming with cycle.js
Next generation of frontend architectures
Evolution of front end architectures
Kaizen - the key of continuos improvement
Having fun with Adobe AIR 2013
Flash Platform su dispositivi mobili
Flash Platform Ovierview
Sviluppo di contenuti Flash Platform su iOS e Android
Actionscript 3 Design Pattern
Flash Platform & Android
Adobe AIR & Printing
Android Development with Flash Platform

Recently uploaded (20)

PDF
Sensors and Actuators in IoT Systems using pdf
PPTX
Big Data Technologies - Introduction.pptx
PDF
Electronic commerce courselecture one. Pdf
PDF
Omni-Path Integration Expertise Offered by Nor-Tech
PDF
CIFDAQ's Market Insight: SEC Turns Pro Crypto
PDF
Shreyas Phanse Resume: Experienced Backend Engineer | Java • Spring Boot • Ka...
PPTX
VMware vSphere Foundation How to Sell Presentation-Ver1.4-2-14-2024.pptx
PDF
AI And Its Effect On The Evolving IT Sector In Australia - Elevate
PDF
How UI/UX Design Impacts User Retention in Mobile Apps.pdf
PDF
madgavkar20181017ppt McKinsey Presentation.pdf
PDF
Reimagining Insurance: Connected Data for Confident Decisions.pdf
PDF
Transforming Manufacturing operations through Intelligent Integrations
PPTX
20250228 LYD VKU AI Blended-Learning.pptx
PPTX
Comunidade Salesforce São Paulo - Desmistificando o Omnistudio (Vlocity)
PDF
How Onsite IT Support Drives Business Efficiency, Security, and Growth.pdf
PDF
cuic standard and advanced reporting.pdf
PDF
solutions_manual_-_materials___processing_in_manufacturing__demargo_.pdf
PDF
Smarter Business Operations Powered by IoT Remote Monitoring
PDF
Review of recent advances in non-invasive hemoglobin estimation
PDF
Newfamily of error-correcting codes based on genetic algorithms
Sensors and Actuators in IoT Systems using pdf
Big Data Technologies - Introduction.pptx
Electronic commerce courselecture one. Pdf
Omni-Path Integration Expertise Offered by Nor-Tech
CIFDAQ's Market Insight: SEC Turns Pro Crypto
Shreyas Phanse Resume: Experienced Backend Engineer | Java • Spring Boot • Ka...
VMware vSphere Foundation How to Sell Presentation-Ver1.4-2-14-2024.pptx
AI And Its Effect On The Evolving IT Sector In Australia - Elevate
How UI/UX Design Impacts User Retention in Mobile Apps.pdf
madgavkar20181017ppt McKinsey Presentation.pdf
Reimagining Insurance: Connected Data for Confident Decisions.pdf
Transforming Manufacturing operations through Intelligent Integrations
20250228 LYD VKU AI Blended-Learning.pptx
Comunidade Salesforce São Paulo - Desmistificando o Omnistudio (Vlocity)
How Onsite IT Support Drives Business Efficiency, Security, and Growth.pdf
cuic standard and advanced reporting.pdf
solutions_manual_-_materials___processing_in_manufacturing__demargo_.pdf
Smarter Business Operations Powered by IoT Remote Monitoring
Review of recent advances in non-invasive hemoglobin estimation
Newfamily of error-correcting codes based on genetic algorithms

Using design pattern for mobile

  • 1. Using Design Pattern 4 Mobile luca mezzalira © 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Wednesday, May 18, 2011
  • 2. Speaker bio - Luca Mezzalira TWITTTER: @lucamezzalira © 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 2 Wednesday, May 18, 2011
  • 3. Design Pattern? In software engineering, a design pattern is a general reusable solution to a commonly occurring problem in software design. [...] It is a description or template for how to solve a problem that can be used in many different situations. Patterns provide a way to organize and name those ordinary solutions to make it easier for people to use them. © 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 3 Wednesday, May 18, 2011
  • 4. Design Pattern?  Development speed up  Utilizzati nelle micro architetture  Coprono molte casistiche comuni nei progetti  Aiutano nella realizzazione dell’architettura  Rendono il progetto mantenibile e documentato  Spesso li usiamo ma non ce ne rendiamo conto © 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 4 Wednesday, May 18, 2011
  • 5. MicroArchitetture E SU MOBILE ?! © 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 5 Wednesday, May 18, 2011
  • 6. altre tecnologie a confronto MVVM Model/View Model - View -View Model Model - View -View Model © 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 6 Wednesday, May 18, 2011
  • 7. mobile VS desktop  diverse tipologie di schermi (tablet, smartphone, ...)  diversi sistemi operativi con diverse caratteristiche  potenza di calcolo  user interaction e input method  porting da desktop a mobile © 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 7 Wednesday, May 18, 2011
  • 8. c’erano una volta 3 design pattern... Singleton Observer Presentation Model © 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 8 Wednesday, May 18, 2011
  • 9. Singleton  rappresentazione della Singleton matematica in programmazione  un gruppo con 1 solo oggetto Quando utilizzarlo? © 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 9 Wednesday, May 18, 2011
  • 10. Observer  Un oggetto principale (Subject) tiene una lista di oggetti osserverti (Observer) e notifica ogni cambio di stato ad ogni oggetto osservato. Quando utilizzarlo? © 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 10 Wednesday, May 18, 2011
  • 11. Presentation Model (Application Model)  Scissione completa tra elementi della GUI e le loro funzionalità e valori © 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 11 Wednesday, May 18, 2011
  • 12. Presentation Model (Application Model) Quando utilizzarlo? © 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 12 Wednesday, May 18, 2011
  • 13. Presentation Model (Application Model)  MVVM (Model-View-View Model)  contiene i dati che la view utilizza  come sincronizzo i dati tra presentation model e relativa view?  favorisce lo sviluppo di un software con view differenti ma stesse funzionalità  dobbiamo dividere le funzionalità inerenti alla view da quelle del presentation model  favorisce lo unit testing © 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 13 Wednesday, May 18, 2011
  • 14. CODE TIME! © 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 14 Wednesday, May 18, 2011
  • 15. Da dove iniziare... © 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 15 Wednesday, May 18, 2011
  • 16. DOMANDE & RISPOSTE  email: [email protected]  twitter: @lucamezzalira  blog: lucamezzalira.com  site: www.mart3.org © 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 16 Wednesday, May 18, 2011
  • 17. © 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Wednesday, May 18, 2011