a component-based user interface approach for smart tv
DESCRIPTION
ICSOFT-EA 2014, 9th International Conference on Software Engineering and Applications, 21-31 August 2014, Vienna (Austria)TRANSCRIPT
A Component-based User Interface Approach for Smart TV Jesús Vallecillos Ruiz, ICSOFT’2014
1
A Component-based User Interface
Approach for Smart TV
ICSOFT-EA 2014 - 9th International Conference on Software Engineering and Applications
Jesús Vallecillos, Javier Criado, Nicolás Padilla and Luis Iribarne Applied Computing Group, University of Almería, Spain
TIC-6114 TIN2013-41576-R
A Component-based User Interface Approach for Smart TV Jesús Vallecillos Ruiz, ICSOFT’2014
2
Index • Introduction
• Component-based UI on Smart TV
• Component types
• Relationships between components
• Implementation issues
• Conclusions and future works
A Component-based User Interface Approach for Smart TV Jesús Vallecillos Ruiz, ICSOFT’2014
3
Index • Introduction
• Component-based UI on Smart TV
• Component types
• Relationships between components
• Implementation issues
• Conclusions and future works
A Component-based User Interface Approach for Smart TV Jesús Vallecillos Ruiz, ICSOFT’2014
4
Introduction
¡Goal! User Interfaces that can be self-adapted to a lot of environments in function user needs.
A Component-based User Interface Approach for Smart TV Jesús Vallecillos Ruiz, ICSOFT’2014
5
Starting from the concept of mashup UI:
Introduction
A Component-based User Interface Approach for Smart TV Jesús Vallecillos Ruiz, ICSOFT’2014
6
Netvibes
My Yahoo Mashup examples
Wordpress
Introduction
A Component-based User Interface Approach for Smart TV Jesús Vallecillos Ruiz, ICSOFT’2014
7
Geographic Information Systems (GIS)
A testbed GIS mashup, Applied Computing Group: http://www.enia.dreamhosters.com/
Introduction
A Component-based User Interface Approach for Smart TV Jesús Vallecillos Ruiz, ICSOFT’2014
8
Geographic Information Systems (GIS)
A testbed GIS mashup, Applied Computing Group: http://www.enia.dreamhosters.com/
Introduction
A Component-based User Interface Approach for Smart TV Jesús Vallecillos Ruiz, ICSOFT’2014
9
Components Repository
The organization itself
External
Introduction
A Component-based User Interface Approach for Smart TV Jesús Vallecillos Ruiz, ICSOFT’2014
10
To achieve this goal:
- Component-based engineering.
Introduction
A Component-based User Interface Approach for Smart TV Jesús Vallecillos Ruiz, ICSOFT’2014
11
To achieve this goal:
- Component-based engineering.
Introduction
- Model Driven Engineering.
A Component-based User Interface Approach for Smart TV Jesús Vallecillos Ruiz, ICSOFT’2014
12
To achieve this goal:
- Component-based engineering.
Introduction
- Model Driven Engineering.
- Client-Server Implementation.
A Component-based User Interface Approach for Smart TV Jesús Vallecillos Ruiz, ICSOFT’2014
13
To achieve this goal:
- Component-based engineering.
Introduction
- Model Driven Engineering.
- Client-Server Implementation.
- Component model and relationship between components.
A Component-based User Interface Approach for Smart TV Jesús Vallecillos Ruiz, ICSOFT’2014
14
Index • Introduction
• Component-based UI on Smart TV
• Component types
• Relationships between components
• Implementation issues
• Conclusions and future works
A Component-based User Interface Approach for Smart TV Jesús Vallecillos Ruiz, ICSOFT’2014
15
A Component-based User Interface Approach for Smart TV Jesús Vallecillos Ruiz, ICSOFT’2014
16
A Component-based User Interface Approach for Smart TV Jesús Vallecillos Ruiz, ICSOFT’2014
17
We manage an abstract representation of the UI
A Component-based User Interface Approach for Smart TV Jesús Vallecillos Ruiz, ICSOFT’2014
18
Index • Introduction
• Component-based UI on Smart TV
• Component types
• Relationships between components
• Implementation issues
• Conclusions and future works
A Component-based User Interface Approach for Smart TV Jesús Vallecillos Ruiz, ICSOFT’2014
19
Component types
Consists of 2 modules:
A Component-based User Interface Approach for Smart TV Jesús Vallecillos Ruiz, ICSOFT’2014
20
Component types
Consists of 2 modules:
User Interaction Module manages interaction with the user.
A Component-based User Interface Approach for Smart TV Jesús Vallecillos Ruiz, ICSOFT’2014
21
Component types
Consists of 2 modules:
User Interaction Module manages interaction with the user.
Functional Module performs the main tasks of the component.
A Component-based User Interface Approach for Smart TV Jesús Vallecillos Ruiz, ICSOFT’2014
22
Component types
Consists of 2 modules:
User Interaction Module manages interaction with the user.
Functional Module performs the main tasks of the component.
Components:
- Functional component - User Interaction component - Container component
A Component-based User Interface Approach for Smart TV Jesús Vallecillos Ruiz, ICSOFT’2014
23
Component types
Functional Component: A component including only this module is used basically to implement the underlying functionality of an application.
-
A Component-based User Interface Approach for Smart TV Jesús Vallecillos Ruiz, ICSOFT’2014
24
Component types
Functional Component: A component including only this module is used basically to implement the underlying functionality of an application.
User Interaction Component: A component that includes only this module basically manages user interaction and shows visual content related to the domain information.
-
-
A Component-based User Interface Approach for Smart TV Jesús Vallecillos Ruiz, ICSOFT’2014
25
Component types
Functional Component: A component including only this module is used basically to implement the underlying functionality of an application.
User Interaction Component: A component that includes only this module basically manages user interaction and shows visual content related to the domain information.
Container Component: A component that does not include any of the mentioned modules, is named as a container.
-
-
-
A Component-based User Interface Approach for Smart TV Jesús Vallecillos Ruiz, ICSOFT’2014
26
Index • Introduction
• Component-based UI on Smart TV
• Component types
• Relationships between components
• Implementation issues
• Conclusions and future works
A Component-based User Interface Approach for Smart TV Jesús Vallecillos Ruiz, ICSOFT’2014
27
Relationships between components
A Component-based User Interface Approach for Smart TV Jesús Vallecillos Ruiz, ICSOFT’2014
28
Relationships between components
Composition: shows that component is included in another and cannot be accessed through its ports by another component outside the composition.
- No se puede mostrar la imagen. Puede
A Component-based User Interface Approach for Smart TV Jesús Vallecillos Ruiz, ICSOFT’2014
29
Relationships between components
Composition: shows that component is included in another and cannot be accessed through its ports by another component outside the composition.
Association: between two components appears when information necessary to both is exchanged between them.
-
-
No se puede mostrar la imagen. Puede
No se puede mostrar la imagen.
A Component-based User Interface Approach for Smart TV Jesús Vallecillos Ruiz, ICSOFT’2014
30
Relationships between components
Composition: shows that component is included in another and cannot be accessed through its ports by another component outside the composition.
Association: between two components appears when information necessary to both is exchanged between them.
Dependency: exits when a component cannot exist, or its existence makes no sense without another component.
-
-
-
No se puede mostrar la imagen. Puede
No se puede mostrar la imagen.
No se puede mostrar la
A Component-based User Interface Approach for Smart TV Jesús Vallecillos Ruiz, ICSOFT’2014
31
Relationships between components
Composition: shows that component is included in another and cannot be accessed through its ports by another component outside the composition.
Association: between two components appears when information necessary to both is exchanged between them.
Dependency: exits when a component cannot exist, or its existence makes no sense without another component.
Producer-Consumer: occurs when a component produces information which is consumed by another component.
-
-
-
-
No se puede mostrar la imagen. Puede
No se puede mostrar la imagen.
No se puede mostrar la
No se puede mostrar la
A Component-based User Interface Approach for Smart TV Jesús Vallecillos Ruiz, ICSOFT’2014
32
Relationships between components
A Component-based User Interface Approach for Smart TV Jesús Vallecillos Ruiz, ICSOFT’2014
33
Relationships between components
A Component-based User Interface Approach for Smart TV Jesús Vallecillos Ruiz, ICSOFT’2014
34
Relationships between components
A Component-based User Interface Approach for Smart TV Jesús Vallecillos Ruiz, ICSOFT’2014
35
Relationships between components
A Component-based User Interface Approach for Smart TV Jesús Vallecillos Ruiz, ICSOFT’2014
36
Relationships between components
A Component-based User Interface Approach for Smart TV Jesús Vallecillos Ruiz, ICSOFT’2014
37
Index • Introduction
• Component-based UI on Smart TV
• Component types
• Relationships between components
• Implementation issues
• Conclusions and future works
A Component-based User Interface Approach for Smart TV Jesús Vallecillos Ruiz, ICSOFT’2014
38
Implementation issues
A Component-based User Interface Approach for Smart TV Jesús Vallecillos Ruiz, ICSOFT’2014
39
CLIENT Implementation issues
A Component-based User Interface Approach for Smart TV Jesús Vallecillos Ruiz, ICSOFT’2014
40
SMART TV APPLICATION
A Component-based User Interface Approach for Smart TV Jesús Vallecillos Ruiz, ICSOFT’2014
41
Implementation issues
A Component-based User Interface Approach for Smart TV Jesús Vallecillos Ruiz, ICSOFT’2014
42
A Component-based User Interface Approach for Smart TV Jesús Vallecillos Ruiz, ICSOFT’2014
43
A Component-based User Interface Approach for Smart TV Jesús Vallecillos Ruiz, ICSOFT’2014
44
Implementation issues SERVER
A Component-based User Interface Approach for Smart TV Jesús Vallecillos Ruiz, ICSOFT’2014
45
A Component-based User Interface Approach for Smart TV Jesús Vallecillos Ruiz, ICSOFT’2014
46
A Component-based User Interface Approach for Smart TV Jesús Vallecillos Ruiz, ICSOFT’2014
47
Server Side Client Side
A Component-based User Interface Approach for Smart TV Jesús Vallecillos Ruiz, ICSOFT’2014
48
Index • Introduction
• Component-based UI on Smart TV
• Component types
• Relationships between components
• Implementation issues
• Conclusions and future works
A Component-based User Interface Approach for Smart TV Jesús Vallecillos Ruiz, ICSOFT’2014
49
Conclusions
Development of component-based software environment as applied to a Smart TV.
Development of a set of components to Smart TV.
Some components and present some relationships between components.
The adaptive technology solutions to implement our architecture in a Smart TV environment. Development a web testbed that includes:
- the use of the emulator install process, - the Samsung Smart TV project, and - a video showing the interaction application.
http://acg.ual.es/enia/cbuismarttv/index.html
-
-
-
-
-
A Component-based User Interface Approach for Smart TV Jesús Vallecillos Ruiz, ICSOFT’2014
50
Future work
To study the user profiles of the system (UI) to perform a traceability of the interaction. This issue will allow to study some UI’s adaptability issues.
To extend our systems with some new funtionalities to provide support for cooperative tasks.
To deploy our system in others platforms, such as in touch devices or other interaction methods centered in Natural User Interface (NUI).
-
-
-
A Component-based User Interface Approach for Smart TV Jesús Vallecillos Ruiz, ICSOFT’2014
51
Contraportada