A Component-based User Interface Approach for Smart TV

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

[email protected]

TIC-6114 TIN2013-41576-R


2

Index •  Introduction

•  Component-based UI on Smart TV

•  Component types

•  Relationships between components

•  Implementation issues

•  Conclusions and future works


3








4

Introduction

¡Goal! User Interfaces that can be self-adapted to a lot of environments in function user needs.


5

Starting from the concept of mashup UI:

Introduction


6

Netvibes

My Yahoo Mashup examples

Wordpress

Introduction


7

Geographic Information Systems (GIS)

A testbed GIS mashup, Applied Computing Group: http://www.enia.dreamhosters.com/

Introduction


8

Geographic Information Systems (GIS)

A testbed GIS mashup, Applied Computing Group: http://www.enia.dreamhosters.com/

Introduction


9

Components Repository

The organization itself

External

Introduction


10

To achieve this goal:

-  Component-based engineering.

Introduction


11



Introduction

-  Model Driven Engineering.


12



Introduction


-  Client-Server Implementation.


13



Introduction


-  Client-Server Implementation.

-  Component model and relationship between components.


14








15


16


17

We manage an abstract representation of the UI


18








19

Component types

Consists of 2 modules:


20

Component types


User Interaction Module manages interaction with the user.


21

Component types



Functional Module performs the main tasks of the component.


22

Component types



Functional Module performs the main tasks of the component.

Components:

- Functional component - User Interaction component - Container component


23

Component types

Functional Component: A component including only this module is used basically to implement the underlying functionality of an application.

-


24

Component types


User Interaction Component: A component that includes only this module basically manages user interaction and shows visual content related to the domain information.

-

-


25

Component types


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.

-

-

-


26








27

Relationships between components


28


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


29



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.


30




Dependency: exits when a component cannot exist, or its existence makes no sense without another component.

-

-

-



No se puede mostrar la


31




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.

-

-

-

-






32



33



34



35



36



37








38

Implementation issues


39

CLIENT Implementation issues


40

SMART TV APPLICATION


41

Implementation issues


42


43


44

Implementation issues SERVER


45


46


47

Server Side Client Side


48








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

-

-

-

-

-


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).

-

-

-


51

Contraportada

Education

A Component-based User Interface Approach for Smart TV