SlideShare ist ein Scribd-Unternehmen logo
1 von 14
UNDERSTANDING UI
INTEGRATION: A SURVEY OF
PROBLEMS, TECHNOLOGIES,


Jaana Metsamaa, 24/11/2008

                             1
ui design time




                 2
ui design time




45%              2
do less ui




             3
ui + ui = new app




                    4
layers of integration




                        5
dimension of the ui integ.
1.Coordinating existing ui-s
2.Composition language
3.Component visualization
4.Communication style
5.Discovery and binding




                               6
coordinating existing




                        7
composition language




                       8
component visualization




who is in charge of visualizing a UI
 component the component or the
                                       9
communication style




                      10
discovery and binding




                        11
composite technologies
• Desktop UI components - have them
• Browser Plug-In Components - simple
• Web Mashups – No UI programming at
  all
• Web Portals and Portlets –user creates
  the ui



                                       12
Questions?
             13

Weitere ähnliche Inhalte

Ähnlich wie Ui Integration

.Net Technologies Lesson 1.pptx
.Net Technologies Lesson 1.pptx.Net Technologies Lesson 1.pptx
.Net Technologies Lesson 1.pptxEllenGracePorras
 
Brief introduction Fluent UI Microsoft Design System
Brief introduction Fluent UI Microsoft Design SystemBrief introduction Fluent UI Microsoft Design System
Brief introduction Fluent UI Microsoft Design SystemDomenico Monaco
 
EnglishMash: usability design for a natural mashup composition environment
EnglishMash: usability design for a natural mashup composition environmentEnglishMash: usability design for a natural mashup composition environment
EnglishMash: usability design for a natural mashup composition environmentSaeed Aghaee
 
Mobile Widgets User Experience Guidelines
Mobile Widgets User Experience GuidelinesMobile Widgets User Experience Guidelines
Mobile Widgets User Experience GuidelinesLE ROUZIC Stéphanie
 
Scct2013 topic5-introto applicationdevelopment
Scct2013 topic5-introto applicationdevelopmentScct2013 topic5-introto applicationdevelopment
Scct2013 topic5-introto applicationdevelopmentAnies Syahieda
 
Unit 1 vb study_materials
Unit 1 vb study_materialsUnit 1 vb study_materials
Unit 1 vb study_materialsgayaramesh
 
Best practices windows 8.1 App developement
Best practices  windows 8.1 App developementBest practices  windows 8.1 App developement
Best practices windows 8.1 App developementIsmaila Abdoulaye Ndiaye
 
Expression Blend for Windows Phone
Expression Blend for Windows PhoneExpression Blend for Windows Phone
Expression Blend for Windows PhoneShane Morris
 
AndroidAppInventorPresentation
AndroidAppInventorPresentationAndroidAppInventorPresentation
AndroidAppInventorPresentationKob Naja
 
Design system presentation - How to sell it internally
Design system presentation - How to sell it internallyDesign system presentation - How to sell it internally
Design system presentation - How to sell it internallyEugene Kardash
 
2. the aegis story building an accessible application
2. the aegis story   building an accessible application2. the aegis story   building an accessible application
2. the aegis story building an accessible applicationAEGIS-ACCESSIBLE Projects
 
The effective daum coursework focused on open source software in Jeju Nationa...
The effective daum coursework focused on open source software in Jeju Nationa...The effective daum coursework focused on open source software in Jeju Nationa...
The effective daum coursework focused on open source software in Jeju Nationa...Channy Yun
 
Introduction to the cooperation principles in software development - Part II
Introduction to the cooperation principles in software development - Part IIIntroduction to the cooperation principles in software development - Part II
Introduction to the cooperation principles in software development - Part IIProf. Dr. Febe Angel Ciudad Ricardo
 
Usability & Agile Development
Usability & Agile DevelopmentUsability & Agile Development
Usability & Agile Developmentbinuvt
 
Bringing user-centered design to open source software development
Bringing user-centered design to open source software developmentBringing user-centered design to open source software development
Bringing user-centered design to open source software developmentMüller-Birn Claudia
 

Ähnlich wie Ui Integration (20)

.Net Technologies Lesson 1.pptx
.Net Technologies Lesson 1.pptx.Net Technologies Lesson 1.pptx
.Net Technologies Lesson 1.pptx
 
Building Code 2.0 project
Building Code 2.0 projectBuilding Code 2.0 project
Building Code 2.0 project
 
Brief introduction Fluent UI Microsoft Design System
Brief introduction Fluent UI Microsoft Design SystemBrief introduction Fluent UI Microsoft Design System
Brief introduction Fluent UI Microsoft Design System
 
01 gui 01
01 gui 0101 gui 01
01 gui 01
 
What is Conversational UX Design?
What is Conversational UX Design?What is Conversational UX Design?
What is Conversational UX Design?
 
EnglishMash: usability design for a natural mashup composition environment
EnglishMash: usability design for a natural mashup composition environmentEnglishMash: usability design for a natural mashup composition environment
EnglishMash: usability design for a natural mashup composition environment
 
Mobile Widgets User Experience Guidelines
Mobile Widgets User Experience GuidelinesMobile Widgets User Experience Guidelines
Mobile Widgets User Experience Guidelines
 
Scct2013 topic5-introto applicationdevelopment
Scct2013 topic5-introto applicationdevelopmentScct2013 topic5-introto applicationdevelopment
Scct2013 topic5-introto applicationdevelopment
 
06 gui 08
06 gui 0806 gui 08
06 gui 08
 
Unit 1 vb study_materials
Unit 1 vb study_materialsUnit 1 vb study_materials
Unit 1 vb study_materials
 
Sikuli script
Sikuli scriptSikuli script
Sikuli script
 
Best practices windows 8.1 App developement
Best practices  windows 8.1 App developementBest practices  windows 8.1 App developement
Best practices windows 8.1 App developement
 
Expression Blend for Windows Phone
Expression Blend for Windows PhoneExpression Blend for Windows Phone
Expression Blend for Windows Phone
 
AndroidAppInventorPresentation
AndroidAppInventorPresentationAndroidAppInventorPresentation
AndroidAppInventorPresentation
 
Design system presentation - How to sell it internally
Design system presentation - How to sell it internallyDesign system presentation - How to sell it internally
Design system presentation - How to sell it internally
 
2. the aegis story building an accessible application
2. the aegis story   building an accessible application2. the aegis story   building an accessible application
2. the aegis story building an accessible application
 
The effective daum coursework focused on open source software in Jeju Nationa...
The effective daum coursework focused on open source software in Jeju Nationa...The effective daum coursework focused on open source software in Jeju Nationa...
The effective daum coursework focused on open source software in Jeju Nationa...
 
Introduction to the cooperation principles in software development - Part II
Introduction to the cooperation principles in software development - Part IIIntroduction to the cooperation principles in software development - Part II
Introduction to the cooperation principles in software development - Part II
 
Usability & Agile Development
Usability & Agile DevelopmentUsability & Agile Development
Usability & Agile Development
 
Bringing user-centered design to open source software development
Bringing user-centered design to open source software developmentBringing user-centered design to open source software development
Bringing user-centered design to open source software development
 

Mehr von Jaana Metsamaa

Mehr von Jaana Metsamaa (8)

Abh Ettekanne
Abh EttekanneAbh Ettekanne
Abh Ettekanne
 
Ituutoritund2006
Ituutoritund2006Ituutoritund2006
Ituutoritund2006
 
Ui Integration
Ui IntegrationUi Integration
Ui Integration
 
Informaatika Didaktika 2008 LõPuesitlus
Informaatika Didaktika 2008   LõPuesitlusInformaatika Didaktika 2008   LõPuesitlus
Informaatika Didaktika 2008 LõPuesitlus
 
Asp.Net Silverlight Loeng
Asp.Net Silverlight LoengAsp.Net Silverlight Loeng
Asp.Net Silverlight Loeng
 
It Doesnt Matter
It Doesnt MatterIt Doesnt Matter
It Doesnt Matter
 
Jaana
JaanaJaana
Jaana
 
Silverlight Jõulukaart
Silverlight JõulukaartSilverlight Jõulukaart
Silverlight Jõulukaart
 

Ui Integration

Hinweis der Redaktion

  1. * The average percent of the time devoted to the user interface during the various phases of the system development (N = 63 for design, N = 63 for implementation and N = 42 for maintenance) . * User interface (UI) development is one of the most time-consuming parts of application development, testing, and maintenance, so, clearly, reusing UI components is just as important as reusing application logic.
  2. the integration of coarse-grained and possibly stand-alone applications at the UI level hasn’t received much attention
  3. the goal is to build composite applications that leverage the components’ individual UIs to produce richer, composite UI applications
  4. Coordinating existing ui-s = how the different monitoring components can be accessed and what is shown on their UI can be modified so to achieve a coordinated, integrated display GUI-only - simulate mouse clicks or keyboard strokes Hidden interface (http protocol) Published interface
  5. Coordinating existing ui-s = how the different monitoring components can be accessed and what is shown on their UI can be modified so to achieve a coordinated, integrated display GUI-only - simulate mouse clicks or keyboard strokes Hidden interface Published interface
  6. Component-rendered UI: The rendering and displaying of the UI is handled by the component. The composite application is a collection of the components’ UIs. This is the case of classical desktop applications that leverage executable components with linked graphics libraries. Markup-based UI: UI components may return UI code and delegate the actual rendering of the final UI to the composite application, or to the environment in which the composite application is executed. The composite application must thus be able to interpret the components’ UI code, and must allocate suitable space on the display for the rendering of the components.
  7. Communication style how the monitoring components exchange UI events to notify user actions significant to the composite application In UI integration we can also distinguish between Centrally-mediated communication, where the composite application has a central coordinator that receives events from components and issues instructions - e.g., via API calls - to modify the components’ UIs, and direct component to component communication, where the composite application is a cooperation of components, and there is no first-class application orchestrating the activities of the other components.
  8. In the management example, the problem is how the composite application identifies and binds to the relevant monitoring applications.
  9. A web portlet is a small, self-contained window within a web portal that displays useful information or offers a relevant service. (related posts) simply embedded areas that can add to your visitors experience. (WYSIWYG)