SlideShare uma empresa Scribd logo
1 de 65
we make it RIA Raffaele Mannella  ManagingDirector r.mannella@comtaste.com
Mission Exploring new frontiers in Rich Internet Applications Maximizing the  User Experiences
MISSION “Bringing Sexy Back to the Enterprise applications” by a clever use of Rich Internet Applications and Multimedia content. Because better information workplaces: ,[object Object]
improve the quality of work life for employees,[object Object]
Technologies The technologies we use: ,[object Object]
 Ajax
 Flash
 Flex
 AIR
 Flash Media Server,[object Object]
Showcase Maggioli S.p.A. è una delle più grandi realtà italiane nell'ambito della fornitura di prodotti e servizi per la PAL con particolare impegno nella produzione e assistenza di software gestionali per gli enti. Noi per Loro ,[object Object]
Formazione
Menthoring
User Interface Design,[object Object]
Showcase Dashboard applications
Showcase Comtaste Open Source Projects Pantaste (http://code.google.com/p/pantaste/) A library to create ActionScript-based personalized start page or personal web portal much like  iGoogle, My Yahoo!, Netvibes etc DAO-EXT (http://code.google.com/p/dao-ext/) an Adobe AIR tool that allows developers to automatically generate ActionScript Data Access Objects (DAO) and Value Objects starting from a local SQLite database.
Showcase CASE HISTORIES
CLIENTS
Partnership
Upcoming Spring-Flex Training Corsi Spring in Italiano Comtaste ha creato un percorso didattico rivolto a chi già utilizza Flex in ambiente Enterprise e vuole esplorare le possibilità di integrazione con Spring. Comtaste e SpringSource stanno lavorando insieme per offrire corsi di Spring in lingua italiana.
Spring + Flex + BlazeDS MARCO CASARIO CTO – Comtaste http://casario.blogs.com
My books WWW.COMTASTE.COM
My books WWW.COMTASTE.COM
My books WWW.COMTASTE.COM
My books GEN 09 WWW.COMTASTE.COM
My Books Advanced AIR Applications Professional Flash Catalyst Flex 4 Solutions WWW.COMTASTE.COM
Who I am WWW.COMTASTE.COM
Flex + Spring ,[object Object]
Flex 4 e Flash Catalyst
Livecycle DS
BlazeDS
Integrazione con Spring
Q & AWWW.COMTASTE.COM
Flex + Spring Flex 3 Component Model (Halo)  / Component Skin Graphics Layout Animation Parts States Behavior Logic Data WWW.COMTASTE.COM
Flex + Spring Flex 4 Component Model (Spark)  ActionScript MXML Skin Component Graphics Layout Animation Parts States Behavior Logic Data CSS  properties WWW.COMTASTE.COM
Flex + Spring FXG: grafica a compile time Flash CS4Professional FlashCatalyst FlashBuilder FXG: formatograficobasatosu MXML ,[object Object]
Basatosul flash rendering model
Statico – no binding, layout, event handlers, styling, etc
Ottimizzatodal compiler (alte performance)InteractiveContent Prototyping Eclipse IDE Animation Design/DevelopWorkflow Code Profiling Visual Layout Debugging FXG After Effects Illustrator Photoshop Fireworks WWW.COMTASTE.COM
Flex + Spring Flex 4 MXML Graphics ,[object Object]
Simple Shape primitives (Rectangles, rounded rects,  ellipses, circles)
Complex Paths(Linear, Quadratic, and Bezier curve segments)
Full range of fills and strokes (solid, transparent, bitmap, linear and radial gradients)
Masking, filters, blend modes, and more. (blur, glow, dropshadow, screen, multiply…)
Color and 2D transformations (rotate, scale, tint, brighten…)
Integrated text,  bitmaps<Graphic> <Path data=“ ….. “> <fill> <LinearGradient angle=“90”>…. </LinearGradient> </fill> </Path> <Path blendMode=“screen” data=“…” > <fill> <LinearGradient angle=“45”>… </LinearGradient> </fill> </Path> <GraphicText text=“MXML Graphics”> <filters> <Glow color=“#00FF00”  strength=“3” … /> </filters> </GraphicText> </Graphic> WWW.COMTASTE.COM
Flex + Spring ,[object Object]
text=“@{myModel.data}”
[object Object]
Advanced CSS
Multiple Class Selectors:,[object Object]
ID Selectors:#upButton { fontSize: 14 }
Descendant Selectors:  s|Scrollbar #upButton { baseColor: #FF8888 }
Pseudo Selectors:  s|Scrollbar #upButton:over { baseColor: #8888FF }WWW.COMTASTE.COM
Flex + Spring Gli States in Flex 4 ,[object Object]
Describe ‘alternate views’ of your markup
Change values, bindings, event handlers
Include and exclude components as easily as setting visibility
Unscoped entries specify the ‘default’ for all states
Use in 2009 documents – 2006 still supports legacy states.<states> <State name=”login"/> <State name=”register"/> </states> <Group> <TextBox text=“username:” /> <TextInput /> <TextBox text=“password:” /> <TextInput /> <Button label=“new user?”  /> <Checkbox includeIn=“register” label=“agree to terms” /> <Button label=“log in” label.register=“sign up” /></Group> WWW.COMTASTE.COM
Flex + Spring ,[object Object]
TLF: New text layout library built on top of FTE.
Benefits:
Soft hyphens
Baseline control (e.g., superscripts and subscripts)

Mais conteúdo relacionado

Destaque

Applicazioni HTML5 Superveloci - Salvatore Romeo
Applicazioni HTML5 Superveloci - Salvatore RomeoApplicazioni HTML5 Superveloci - Salvatore Romeo
Applicazioni HTML5 Superveloci - Salvatore Romeomarcocasario
 
Enterprise Rich Internet Applications con Java, Livecycle DS e Flex 3
Enterprise Rich Internet Applications con Java, Livecycle DS e Flex 3Enterprise Rich Internet Applications con Java, Livecycle DS e Flex 3
Enterprise Rich Internet Applications con Java, Livecycle DS e Flex 3marcocasario
 
Designing Flex and AIR applications
Designing Flex and AIR applicationsDesigning Flex and AIR applications
Designing Flex and AIR applicationsmarcocasario
 
Adobe TechConnection: Flex Best Practices
Adobe TechConnection: Flex Best PracticesAdobe TechConnection: Flex Best Practices
Adobe TechConnection: Flex Best Practicesmarcocasario
 
Mobile HTML5 Web Apps - Codemotion 2012
Mobile HTML5 Web Apps - Codemotion 2012Mobile HTML5 Web Apps - Codemotion 2012
Mobile HTML5 Web Apps - Codemotion 2012marcocasario
 
Developing Mash up applications with Adobe AIR
Developing Mash up applications with Adobe AIRDeveloping Mash up applications with Adobe AIR
Developing Mash up applications with Adobe AIRmarcocasario
 

Destaque (6)

Applicazioni HTML5 Superveloci - Salvatore Romeo
Applicazioni HTML5 Superveloci - Salvatore RomeoApplicazioni HTML5 Superveloci - Salvatore Romeo
Applicazioni HTML5 Superveloci - Salvatore Romeo
 
Enterprise Rich Internet Applications con Java, Livecycle DS e Flex 3
Enterprise Rich Internet Applications con Java, Livecycle DS e Flex 3Enterprise Rich Internet Applications con Java, Livecycle DS e Flex 3
Enterprise Rich Internet Applications con Java, Livecycle DS e Flex 3
 
Designing Flex and AIR applications
Designing Flex and AIR applicationsDesigning Flex and AIR applications
Designing Flex and AIR applications
 
Adobe TechConnection: Flex Best Practices
Adobe TechConnection: Flex Best PracticesAdobe TechConnection: Flex Best Practices
Adobe TechConnection: Flex Best Practices
 
Mobile HTML5 Web Apps - Codemotion 2012
Mobile HTML5 Web Apps - Codemotion 2012Mobile HTML5 Web Apps - Codemotion 2012
Mobile HTML5 Web Apps - Codemotion 2012
 
Developing Mash up applications with Adobe AIR
Developing Mash up applications with Adobe AIRDeveloping Mash up applications with Adobe AIR
Developing Mash up applications with Adobe AIR
 

Semelhante a Enterprise Spring and Flex applications

Semelhante a Enterprise Spring and Flex applications (20)

Developing Adobe AIR desktop applications
Developing Adobe AIR desktop applicationsDeveloping Adobe AIR desktop applications
Developing Adobe AIR desktop applications
 
Ddive Xpage852
Ddive Xpage852Ddive Xpage852
Ddive Xpage852
 
Esposizione RIA
Esposizione RIAEsposizione RIA
Esposizione RIA
 
Presentazione Web Site
Presentazione Web SitePresentazione Web Site
Presentazione Web Site
 
Bpm forum 2013 web ratio - BPMN e IFML
Bpm forum 2013   web ratio - BPMN e IFMLBpm forum 2013   web ratio - BPMN e IFML
Bpm forum 2013 web ratio - BPMN e IFML
 
Silverlight in Action
Silverlight in ActionSilverlight in Action
Silverlight in Action
 
8. Architetture web
8. Architetture web8. Architetture web
8. Architetture web
 
cv Armando Maglio
cv Armando Magliocv Armando Maglio
cv Armando Maglio
 
Biznology presentazione azienda
Biznology presentazione aziendaBiznology presentazione azienda
Biznology presentazione azienda
 
Installazione del cms alfresco
Installazione del cms alfrescoInstallazione del cms alfresco
Installazione del cms alfresco
 
Spring e Flex
Spring e FlexSpring e Flex
Spring e Flex
 
Corso sharepoint D2
Corso sharepoint D2Corso sharepoint D2
Corso sharepoint D2
 
DDive11 - xpages
DDive11 - xpagesDDive11 - xpages
DDive11 - xpages
 
Html5
Html5Html5
Html5
 
DDive - QuickR utilizzarlo ovunque
DDive - QuickR utilizzarlo ovunqueDDive - QuickR utilizzarlo ovunque
DDive - QuickR utilizzarlo ovunque
 
Cv 2014 richard_gennaro_ eur_it
Cv 2014 richard_gennaro_ eur_itCv 2014 richard_gennaro_ eur_it
Cv 2014 richard_gennaro_ eur_it
 
Tesi Discussione
Tesi DiscussioneTesi Discussione
Tesi Discussione
 
WPF & LINQ: VB T&T Community After Hour @ Microsoft Days 08
WPF & LINQ: VB T&T Community After Hour @ Microsoft Days 08WPF & LINQ: VB T&T Community After Hour @ Microsoft Days 08
WPF & LINQ: VB T&T Community After Hour @ Microsoft Days 08
 
DDive - 8.5.2 Xpages - L'evoluzione continua
DDive - 8.5.2 Xpages - L'evoluzione continuaDDive - 8.5.2 Xpages - L'evoluzione continua
DDive - 8.5.2 Xpages - L'evoluzione continua
 
Progettare in Team per il Responsive Web Design
Progettare in Team per il Responsive Web DesignProgettare in Team per il Responsive Web Design
Progettare in Team per il Responsive Web Design
 

Mais de marcocasario

HTML5, CSS3 e Javascript per sviluppare Web App per tutti gli schermi - Codem...
HTML5, CSS3 e Javascript per sviluppare Web App per tutti gli schermi - Codem...HTML5, CSS3 e Javascript per sviluppare Web App per tutti gli schermi - Codem...
HTML5, CSS3 e Javascript per sviluppare Web App per tutti gli schermi - Codem...marcocasario
 
HTML5 Italy: Back end ecosystems for your applications - Cesare Rocchi + Clau...
HTML5 Italy: Back end ecosystems for your applications - Cesare Rocchi + Clau...HTML5 Italy: Back end ecosystems for your applications - Cesare Rocchi + Clau...
HTML5 Italy: Back end ecosystems for your applications - Cesare Rocchi + Clau...marcocasario
 
HTML5 Italy: Mai più CSS, fogli di stile moderni con LESS - Salvatore Romeo
HTML5 Italy: Mai più CSS, fogli di stile moderni con LESS - Salvatore RomeoHTML5 Italy: Mai più CSS, fogli di stile moderni con LESS - Salvatore Romeo
HTML5 Italy: Mai più CSS, fogli di stile moderni con LESS - Salvatore Romeomarcocasario
 
HTML5 cross-platform and device development: web app per tutti gli schermi
HTML5 cross-platform and device development: web app per tutti gli schermiHTML5 cross-platform and device development: web app per tutti gli schermi
HTML5 cross-platform and device development: web app per tutti gli schermimarcocasario
 
Local Persistent data with ActionScript 3 and AIR
Local Persistent data with ActionScript 3 and AIRLocal Persistent data with ActionScript 3 and AIR
Local Persistent data with ActionScript 3 and AIRmarcocasario
 
We make it RIA at Comtaste
We make it RIA at ComtasteWe make it RIA at Comtaste
We make it RIA at Comtastemarcocasario
 
Flex and AIR User Interface Design Showcases and Examples
Flex and AIR User Interface Design Showcases and ExamplesFlex and AIR User Interface Design Showcases and Examples
Flex and AIR User Interface Design Showcases and Examplesmarcocasario
 
Architecting ActionScript 3 applications using PureMVC
Architecting ActionScript 3 applications using PureMVCArchitecting ActionScript 3 applications using PureMVC
Architecting ActionScript 3 applications using PureMVCmarcocasario
 
The ActionScript Conference 08, Singapore - Developing ActionScript 3 Mash up...
The ActionScript Conference 08, Singapore - Developing ActionScript 3 Mash up...The ActionScript Conference 08, Singapore - Developing ActionScript 3 Mash up...
The ActionScript Conference 08, Singapore - Developing ActionScript 3 Mash up...marcocasario
 
Flex Daily Solutions @ FITC 2008
Flex Daily Solutions @ FITC 2008Flex Daily Solutions @ FITC 2008
Flex Daily Solutions @ FITC 2008marcocasario
 
Developing AJAX pages using the Adobe Spry framework in Dreamweaver CS3
Developing AJAX pages using the Adobe Spry framework in Dreamweaver CS3Developing AJAX pages using the Adobe Spry framework in Dreamweaver CS3
Developing AJAX pages using the Adobe Spry framework in Dreamweaver CS3marcocasario
 
Choosing the right Rich Internet Application technology path
Choosing the right Rich Internet Application technology pathChoosing the right Rich Internet Application technology path
Choosing the right Rich Internet Application technology pathmarcocasario
 

Mais de marcocasario (13)

HTML5, CSS3 e Javascript per sviluppare Web App per tutti gli schermi - Codem...
HTML5, CSS3 e Javascript per sviluppare Web App per tutti gli schermi - Codem...HTML5, CSS3 e Javascript per sviluppare Web App per tutti gli schermi - Codem...
HTML5, CSS3 e Javascript per sviluppare Web App per tutti gli schermi - Codem...
 
HTML5 Italy: Back end ecosystems for your applications - Cesare Rocchi + Clau...
HTML5 Italy: Back end ecosystems for your applications - Cesare Rocchi + Clau...HTML5 Italy: Back end ecosystems for your applications - Cesare Rocchi + Clau...
HTML5 Italy: Back end ecosystems for your applications - Cesare Rocchi + Clau...
 
HTML5 Italy: Mai più CSS, fogli di stile moderni con LESS - Salvatore Romeo
HTML5 Italy: Mai più CSS, fogli di stile moderni con LESS - Salvatore RomeoHTML5 Italy: Mai più CSS, fogli di stile moderni con LESS - Salvatore Romeo
HTML5 Italy: Mai più CSS, fogli di stile moderni con LESS - Salvatore Romeo
 
HTML5 cross-platform and device development: web app per tutti gli schermi
HTML5 cross-platform and device development: web app per tutti gli schermiHTML5 cross-platform and device development: web app per tutti gli schermi
HTML5 cross-platform and device development: web app per tutti gli schermi
 
Local Persistent data with ActionScript 3 and AIR
Local Persistent data with ActionScript 3 and AIRLocal Persistent data with ActionScript 3 and AIR
Local Persistent data with ActionScript 3 and AIR
 
We make it RIA at Comtaste
We make it RIA at ComtasteWe make it RIA at Comtaste
We make it RIA at Comtaste
 
Flex and AIR User Interface Design Showcases and Examples
Flex and AIR User Interface Design Showcases and ExamplesFlex and AIR User Interface Design Showcases and Examples
Flex and AIR User Interface Design Showcases and Examples
 
Architecting ActionScript 3 applications using PureMVC
Architecting ActionScript 3 applications using PureMVCArchitecting ActionScript 3 applications using PureMVC
Architecting ActionScript 3 applications using PureMVC
 
The ActionScript Conference 08, Singapore - Developing ActionScript 3 Mash up...
The ActionScript Conference 08, Singapore - Developing ActionScript 3 Mash up...The ActionScript Conference 08, Singapore - Developing ActionScript 3 Mash up...
The ActionScript Conference 08, Singapore - Developing ActionScript 3 Mash up...
 
FlexCamp London
FlexCamp LondonFlexCamp London
FlexCamp London
 
Flex Daily Solutions @ FITC 2008
Flex Daily Solutions @ FITC 2008Flex Daily Solutions @ FITC 2008
Flex Daily Solutions @ FITC 2008
 
Developing AJAX pages using the Adobe Spry framework in Dreamweaver CS3
Developing AJAX pages using the Adobe Spry framework in Dreamweaver CS3Developing AJAX pages using the Adobe Spry framework in Dreamweaver CS3
Developing AJAX pages using the Adobe Spry framework in Dreamweaver CS3
 
Choosing the right Rich Internet Application technology path
Choosing the right Rich Internet Application technology pathChoosing the right Rich Internet Application technology path
Choosing the right Rich Internet Application technology path
 

Último

Alessandro Nasi, COO @Djungle Studio – “Cosa delegheresti alla copia di te st...
Alessandro Nasi, COO @Djungle Studio – “Cosa delegheresti alla copia di te st...Alessandro Nasi, COO @Djungle Studio – “Cosa delegheresti alla copia di te st...
Alessandro Nasi, COO @Djungle Studio – “Cosa delegheresti alla copia di te st...Associazione Digital Days
 
Luigi Di Carlo, CEO & Founder @Evometrika srl – “Ruolo della computer vision ...
Luigi Di Carlo, CEO & Founder @Evometrika srl – “Ruolo della computer vision ...Luigi Di Carlo, CEO & Founder @Evometrika srl – “Ruolo della computer vision ...
Luigi Di Carlo, CEO & Founder @Evometrika srl – “Ruolo della computer vision ...Associazione Digital Days
 
Mael Chiabrera, Software Developer; Viola Bongini, Digital Experience Designe...
Mael Chiabrera, Software Developer; Viola Bongini, Digital Experience Designe...Mael Chiabrera, Software Developer; Viola Bongini, Digital Experience Designe...
Mael Chiabrera, Software Developer; Viola Bongini, Digital Experience Designe...Associazione Digital Days
 
Daniele Lunassi, CEO & Head of Design @Eye Studios – “Creare prodotti e servi...
Daniele Lunassi, CEO & Head of Design @Eye Studios – “Creare prodotti e servi...Daniele Lunassi, CEO & Head of Design @Eye Studios – “Creare prodotti e servi...
Daniele Lunassi, CEO & Head of Design @Eye Studios – “Creare prodotti e servi...Associazione Digital Days
 
Edoardo Di Pietro – “Virtual Influencer vs Umano: Rubiamo il lavoro all’AI”
Edoardo Di Pietro – “Virtual Influencer vs Umano: Rubiamo il lavoro all’AI”Edoardo Di Pietro – “Virtual Influencer vs Umano: Rubiamo il lavoro all’AI”
Edoardo Di Pietro – “Virtual Influencer vs Umano: Rubiamo il lavoro all’AI”Associazione Digital Days
 
Programma Biennale Tecnologia 2024 Torino
Programma Biennale Tecnologia 2024 TorinoProgramma Biennale Tecnologia 2024 Torino
Programma Biennale Tecnologia 2024 TorinoQuotidiano Piemontese
 
Alessio Mazzotti, Aaron Brancotti; Writer, Screenwriter, Director, UX, Autore...
Alessio Mazzotti, Aaron Brancotti; Writer, Screenwriter, Director, UX, Autore...Alessio Mazzotti, Aaron Brancotti; Writer, Screenwriter, Director, UX, Autore...
Alessio Mazzotti, Aaron Brancotti; Writer, Screenwriter, Director, UX, Autore...Associazione Digital Days
 
Gabriele Mittica, CEO @Corley Cloud – “Come creare un’azienda “nativa in clou...
Gabriele Mittica, CEO @Corley Cloud – “Come creare un’azienda “nativa in clou...Gabriele Mittica, CEO @Corley Cloud – “Come creare un’azienda “nativa in clou...
Gabriele Mittica, CEO @Corley Cloud – “Come creare un’azienda “nativa in clou...Associazione Digital Days
 
Federico Bottino, Lead Venture Builder – “Riflessioni sull’Innovazione: La Cu...
Federico Bottino, Lead Venture Builder – “Riflessioni sull’Innovazione: La Cu...Federico Bottino, Lead Venture Builder – “Riflessioni sull’Innovazione: La Cu...
Federico Bottino, Lead Venture Builder – “Riflessioni sull’Innovazione: La Cu...Associazione Digital Days
 

Último (9)

Alessandro Nasi, COO @Djungle Studio – “Cosa delegheresti alla copia di te st...
Alessandro Nasi, COO @Djungle Studio – “Cosa delegheresti alla copia di te st...Alessandro Nasi, COO @Djungle Studio – “Cosa delegheresti alla copia di te st...
Alessandro Nasi, COO @Djungle Studio – “Cosa delegheresti alla copia di te st...
 
Luigi Di Carlo, CEO & Founder @Evometrika srl – “Ruolo della computer vision ...
Luigi Di Carlo, CEO & Founder @Evometrika srl – “Ruolo della computer vision ...Luigi Di Carlo, CEO & Founder @Evometrika srl – “Ruolo della computer vision ...
Luigi Di Carlo, CEO & Founder @Evometrika srl – “Ruolo della computer vision ...
 
Mael Chiabrera, Software Developer; Viola Bongini, Digital Experience Designe...
Mael Chiabrera, Software Developer; Viola Bongini, Digital Experience Designe...Mael Chiabrera, Software Developer; Viola Bongini, Digital Experience Designe...
Mael Chiabrera, Software Developer; Viola Bongini, Digital Experience Designe...
 
Daniele Lunassi, CEO & Head of Design @Eye Studios – “Creare prodotti e servi...
Daniele Lunassi, CEO & Head of Design @Eye Studios – “Creare prodotti e servi...Daniele Lunassi, CEO & Head of Design @Eye Studios – “Creare prodotti e servi...
Daniele Lunassi, CEO & Head of Design @Eye Studios – “Creare prodotti e servi...
 
Edoardo Di Pietro – “Virtual Influencer vs Umano: Rubiamo il lavoro all’AI”
Edoardo Di Pietro – “Virtual Influencer vs Umano: Rubiamo il lavoro all’AI”Edoardo Di Pietro – “Virtual Influencer vs Umano: Rubiamo il lavoro all’AI”
Edoardo Di Pietro – “Virtual Influencer vs Umano: Rubiamo il lavoro all’AI”
 
Programma Biennale Tecnologia 2024 Torino
Programma Biennale Tecnologia 2024 TorinoProgramma Biennale Tecnologia 2024 Torino
Programma Biennale Tecnologia 2024 Torino
 
Alessio Mazzotti, Aaron Brancotti; Writer, Screenwriter, Director, UX, Autore...
Alessio Mazzotti, Aaron Brancotti; Writer, Screenwriter, Director, UX, Autore...Alessio Mazzotti, Aaron Brancotti; Writer, Screenwriter, Director, UX, Autore...
Alessio Mazzotti, Aaron Brancotti; Writer, Screenwriter, Director, UX, Autore...
 
Gabriele Mittica, CEO @Corley Cloud – “Come creare un’azienda “nativa in clou...
Gabriele Mittica, CEO @Corley Cloud – “Come creare un’azienda “nativa in clou...Gabriele Mittica, CEO @Corley Cloud – “Come creare un’azienda “nativa in clou...
Gabriele Mittica, CEO @Corley Cloud – “Come creare un’azienda “nativa in clou...
 
Federico Bottino, Lead Venture Builder – “Riflessioni sull’Innovazione: La Cu...
Federico Bottino, Lead Venture Builder – “Riflessioni sull’Innovazione: La Cu...Federico Bottino, Lead Venture Builder – “Riflessioni sull’Innovazione: La Cu...
Federico Bottino, Lead Venture Builder – “Riflessioni sull’Innovazione: La Cu...
 

Enterprise Spring and Flex applications

  • 1. we make it RIA Raffaele Mannella ManagingDirector r.mannella@comtaste.com
  • 2. Mission Exploring new frontiers in Rich Internet Applications Maximizing the User Experiences
  • 3.
  • 4.
  • 5.
  • 10.
  • 11.
  • 14.
  • 16. Showcase Comtaste Open Source Projects Pantaste (http://code.google.com/p/pantaste/) A library to create ActionScript-based personalized start page or personal web portal much like  iGoogle, My Yahoo!, Netvibes etc DAO-EXT (http://code.google.com/p/dao-ext/) an Adobe AIR tool that allows developers to automatically generate ActionScript Data Access Objects (DAO) and Value Objects starting from a local SQLite database.
  • 20. Upcoming Spring-Flex Training Corsi Spring in Italiano Comtaste ha creato un percorso didattico rivolto a chi già utilizza Flex in ambiente Enterprise e vuole esplorare le possibilità di integrazione con Spring. Comtaste e SpringSource stanno lavorando insieme per offrire corsi di Spring in lingua italiana.
  • 21. Spring + Flex + BlazeDS MARCO CASARIO CTO – Comtaste http://casario.blogs.com
  • 25. My books GEN 09 WWW.COMTASTE.COM
  • 26. My Books Advanced AIR Applications Professional Flash Catalyst Flex 4 Solutions WWW.COMTASTE.COM
  • 27. Who I am WWW.COMTASTE.COM
  • 28.
  • 29. Flex 4 e Flash Catalyst
  • 34. Flex + Spring Flex 3 Component Model (Halo) / Component Skin Graphics Layout Animation Parts States Behavior Logic Data WWW.COMTASTE.COM
  • 35. Flex + Spring Flex 4 Component Model (Spark) ActionScript MXML Skin Component Graphics Layout Animation Parts States Behavior Logic Data CSS properties WWW.COMTASTE.COM
  • 36.
  • 38. Statico – no binding, layout, event handlers, styling, etc
  • 39. Ottimizzatodal compiler (alte performance)InteractiveContent Prototyping Eclipse IDE Animation Design/DevelopWorkflow Code Profiling Visual Layout Debugging FXG After Effects Illustrator Photoshop Fireworks WWW.COMTASTE.COM
  • 40.
  • 41. Simple Shape primitives (Rectangles, rounded rects, ellipses, circles)
  • 42. Complex Paths(Linear, Quadratic, and Bezier curve segments)
  • 43. Full range of fills and strokes (solid, transparent, bitmap, linear and radial gradients)
  • 44. Masking, filters, blend modes, and more. (blur, glow, dropshadow, screen, multiply…)
  • 45. Color and 2D transformations (rotate, scale, tint, brighten…)
  • 46. Integrated text, bitmaps<Graphic> <Path data=“ ….. “> <fill> <LinearGradient angle=“90”>…. </LinearGradient> </fill> </Path> <Path blendMode=“screen” data=“…” > <fill> <LinearGradient angle=“45”>… </LinearGradient> </fill> </Path> <GraphicText text=“MXML Graphics”> <filters> <Glow color=“#00FF00” strength=“3” … /> </filters> </GraphicText> </Graphic> WWW.COMTASTE.COM
  • 47.
  • 49.
  • 51.
  • 52. ID Selectors:#upButton { fontSize: 14 }
  • 53. Descendant Selectors: s|Scrollbar #upButton { baseColor: #FF8888 }
  • 54. Pseudo Selectors: s|Scrollbar #upButton:over { baseColor: #8888FF }WWW.COMTASTE.COM
  • 55.
  • 57. Change values, bindings, event handlers
  • 58. Include and exclude components as easily as setting visibility
  • 59. Unscoped entries specify the ‘default’ for all states
  • 60. Use in 2009 documents – 2006 still supports legacy states.<states> <State name=”login"/> <State name=”register"/> </states> <Group> <TextBox text=“username:” /> <TextInput /> <TextBox text=“password:” /> <TextInput /> <Button label=“new user?” /> <Checkbox includeIn=“register” label=“agree to terms” /> <Button label=“log in” label.register=“sign up” /></Group> WWW.COMTASTE.COM
  • 61.
  • 62. TLF: New text layout library built on top of FTE.
  • 65. Baseline control (e.g., superscripts and subscripts)
  • 66. Right, center, and decimal tabs
  • 70. Integrated Rendering of device fonts (a.k.a. I can fade and rotate my text)
  • 71. Bi-Directional textNuovo Text engine WWW.COMTASTE.COM
  • 72.
  • 73.
  • 74. Flex + Spring WWW.COMTASTE.COM
  • 75. Flex + Spring WWW.COMTASTE.COM
  • 76. Flex + Spring WWW.COMTASTE.COM
  • 77. Flex + Spring WWW.COMTASTE.COM
  • 78. Flex + Spring WWW.COMTASTE.COM
  • 79. Flex + Spring WWW.COMTASTE.COM
  • 80. Flex + Spring WWW.COMTASTE.COM
  • 81. Flex + Spring WWW.COMTASTE.COM
  • 82. Flex + Spring WWW.COMTASTE.COM
  • 83. Flex + Spring Perché Flex e Spring insieme Spring è di fatto uno standard emergente per il business tier delle applicazioni Java Enterprise Flex rappresenta lo standard per le RIA Nell’integrazione lo sviluppatore non deve abbandonare l’approccio server side di Spring WWW.COMTASTE.COM
  • 84.
  • 85. Transizione semplice tra “standard” e “enterprise”
  • 86. Migrazione da Local transactions e JTA non richiedono codiceWWW.COMTASTE.COM
  • 87. Flex + Spring Remoting Service Permette al client di invocare metodi di oggetti sull’application server Le informazioni tipizzate (Java / AS) sono mantenute Encoding dei dati in formato binario WWW.COMTASTE.COM
  • 88.
  • 91. Proxy-services.xmlQuesti file contengono le informazioni delle destination per i servizi remoti e gli adapter per l’implementazione di servizi WWW.COMTASTE.COM
  • 92. Flex + Spring Flex Remoting: le basi WWW.COMTASTE.COM
  • 93. Flex + Spring Flex Remoting: le basi WWW.COMTASTE.COM
  • 94.
  • 95. Necessità di molteplici configurazioniIl vecchio approccio è stato una barriera per l’adozione di Flex e BlazeDS dagli sviluppatori Spring. WWW.COMTASTE.COM
  • 96. Flex + Spring SpringFactory: il vecchio approccio WWW.COMTASTE.COM
  • 97.
  • 98. Usare il MessageBroker di BlazeDS come un bean “Spring-managed”
  • 99. Indirizzare i messaggi http di flex al MessageBroker attraverso lo Spring DispatcherServlethttp://www.springsource.org/spring-flex WWW.COMTASTE.COM
  • 100.
  • 102. Spring 2.5 con dependencies o +WWW.COMTASTE.COM
  • 103.
  • 104. È gestito da Spring
  • 105. I messaggi sono passati al MessageBroker di Spring attraverso la DispatcherServlet di SpringWWW.COMTASTE.COM
  • 106.
  • 107.
  • 110. Flex + Spring Spring-Flex:configurazione A questo punto Spring gestisce il MessageBroker per permettere ai beans di essere connessi direttamente alle remoting call di Flex. In questo modo le operazioni di serializzazione e deserializzazione tra Java e AMF avvengono automaticamente Questo ci permette di non scrivere molto codice di configurazione nel file remoting-config.xml WWW.COMTASTE.COM
  • 111. Flex + Spring Spring-Flex:configurazione Nel remoting-config.xml ci saranno solo gli elementi di configurazione nativi di BlazeDS: <service id=“remoting-service“ class=“flex.messaging.services.RemotingService” > <adapters> <adapter-definition id="java-object" class="flex.messaging.services.remoting.adapters.JavaAdapter"/> </adapters> <default-channels> <channel ref="my-amf"/> </default-channels> WWW.COMTASTE.COM
  • 112. Flex + Spring Spring-Flex:configurazione Siamo pronti a collegare i beans nell’application context: <bean id="product" class="org.springframework.flex.messaging.remoting.FlexRemotingServiceExporter"> <property name="messageBroker" ref="mySpringManagedMessageBroker"/> <property name="service" ref="productService"/> </bean> Espone il servizio ProductService a BlazeDS remoting WWW.COMTASTE.COM
  • 113. Flex + Spring Nomi di metodi riservati per RemoteObject If a remote method has the same name as a method defined by the RemoteObject class, or by any of its parent classes, then you cannot call the remote method directly. The RemoteObject class defines the following method names: WWW.COMTASTE.COM
  • 114. Flex + Spring Spring-Flex: Sicurezza WWW.COMTASTE.COM
  • 115. Flex + Spring Spring-Flex: Messaging Il progetto già prevede la compatibilità col nuovo sistema di Spring Integration per le comunicazione asincrone Integrazione con BlazeDS MessageService senza usare la configurazione del file message-services.xml Sono esposti adapters per Spring JMS e SpringIntegration per permettere la comunicazione tra il client Flex e i message-driven POJOs di Spring WWW.COMTASTE.COM
  • 116. Flex + Spring Spring-Flex: Sicurezza WWW.COMTASTE.COM
  • 117.
  • 120. Semplicitànellaserializzazionedientità Hibernate a AMF senzal’erroreLazyInitializationExceptionWWW.COMTASTE.COM
  • 121.
  • 122. SpringHibernateAssemblercheutilizza un HibernateSessionFactorydi Spring (equivalentedell’Assembler JPA)WWW.COMTASTE.COM
  • 123. Flex + Spring Spring ActionScript Il progetto è mantenuto dallo stesso creatore del Prana framework (http://www.springactionscript.org/) E’ entrato a far parte di Spring Extension Il framework contiene un Inversion of Control Container, un MVCS framework, estensioni per Cairngorm e PureMVC frameworks e altre utilities. WWW.COMTASTE.COM
  • 124. Flex + Spring Spring ActionScript E’ un container ActionScript che applica il design pattern IoC: IoC tende a tener disaccoppiati i singoli componenti di un sistema, in cui le eventuali dipendenze non vengono scritte all'interno del componente stesso, ma gli vengono iniettate dall'esterno: non si segue il normale flusso di controllo dei linguaggi imperativi, in cui, nel momento del bisogno, si richiamano funzioni di classi o librerie esterne, gli oggetti quindi non istanziano e richiamano gli oggetti dal quale il loro lavoro dipende, ma queste funzionalità vengono fornite da un ambiente esterno tramite dei contratti definiti da entrambe le entità. La Dependency Injection è una delle tecniche con le quali si può attuare l'IOC. WWW.COMTASTE.COM
  • 125. Flex’s Bootstrap MARCO CASARIO CTO – Comtaste http://casario.blogs.com