Como se menciona en el capítulo anterior, los nodos de media video y application constituyen los puntos de partida dentro del NCM, de ahí que, una vez ejecutada la aplicación, se muestre la pantalla principal de la misma.
En la Figura 3.2 se aprecia, además del video en reproducción, el botón informativo situado en el extremo inferior izquierdo de la pantalla. Es este botón, el que indica que el servicio interactivo con el televisor está activado. En el extremo superior derecho se observa una etiqueta que identifica el fragmento de video visualizado. Dicha etiqueta estará presente en todo momento, mientras dure la reproducción.
Figura 3.2: Pantalla principal de la aplicación.
Es importante resaltar que el cuerpo o body del prototipo en cuestión se encuentra, en su mayoría, segmentado en un conjunto de nodos de contexto, los cuales representan el menú principal de la aplicación y cada una de sus variantes. Dichos nodos de contexto se encuentran enmarcados dentro del conmutador de opciones del menú.
3.2.1 Menú principal
Dentro del código NCL se definen cada uno de los nodos de contexto desarrollados. A continuación se muestran las líneas de código que corresponden a la creación del menú principal de la aplicación.
<context id="cInitial">
<port id="pInitial" component="Menu"/>
<media id="Menu" src="real app/app menu/menu_complete_colores.jpg" descriptor="dMenu">
</media> </context>
Con la ayuda del control remoto virtual, al presionar el botón info (tecla F6 en caso de teclado alfanumérico), se observa una pantalla que muestra el menú principal desarrollado anteriormente. La región donde se visualizaba el video se redimensiona, pasando a ocupar la
mitad de la pantalla, y el usuario puede comenzar a interactuar directamente con la aplicación (los atributos de la región se modifican con el uso de la propiedad bounds, detallada en el capítulo anterior).
Figura 3.3: Vista principal del menú de la aplicación.
El menú principal basa su funcionamiento en mostrar imágenes previamente diseñadas y consta de cuatro opciones. Cada una de las opciones está enmarcada por un color, el cual corresponde a uno de los botones del control remoto virtual mostrado por la herramienta Composer. La aplicación está diseñada en función de las teclas de colores, pero también pudo haber sido concebida para el uso de teclas como: arriba (up), abajo (down), derecha (right) e izquierda (left), conocidas como las flechas del control remoto.
3.2.2 Opción “Estadio Augusto César Sandino”
La primera variante, mostrada por el menú, responde al nombre “Estadio Augusto César Sandino” y se activa al oprimir el botón amarrillo del control remoto virtual (tecla F1 en caso de teclado alfanumérico). Esta opción permite apreciar, paralelamente al video en reproducción, una pequeña foto del parque beisbolero, así como diversos datos de interés relacionados con el mismo.
Lo expuesto anteriormente es posible, al definir otro nodo de contexto como parte del conmutador de opciones del menú. Las siguientes líneas de código NCL representan la creación de dicho contexto dentro de la vista textual del proyecto.
<context id="cYellowMenu">
<port id="pYellowMenu0" component="menuYELLOW"/>
<media id="menuYELLOW" src="real app/html files/sandino.png" descriptor="dResultado"/>
</context>
Figura 3.4: Contenido interactivo mostrado al presionar botón amarillo.
3.2.3 Opción “Principales figuras históricas”
“Principales figuras históricas” es el nombre que recibe la segunda opción del menú principal de la aplicación “beisbolVC.hyp”. La variante se genera a través de la creación de un nuevo nodo de contexto como parte del código NCL.
<context id="cRedMenu">
<port id="pRedMenu0" component="menuRED"/>
<media id="menuRED" src="real app/html files/figuras.png" descriptor="dResultado"/>
Al igual que sucede en la opción anterior, el video se redimensiona. En este caso se observa una imagen con fotos de tres atletas bien reconocidos por la afición beisbolera de la provincia Villa Clara y el país en general, díganse Eduardo Paret, Ariel Pestano y Víctor Mesa, con sus respectivos nombres. Para visualizar la segunda variante solo es necesario oprimir el botón rojo del control remoto virtual (tecla F2 en caso de teclado alfanumérico).
Figura 3.5: Contenido interactivo mostrado al presionar botón rojo.
3.2.4 Opción “Imágenes temporada 2012/2013”
En el fragmento de código, expuesto a continuación, se aprecia la definición de un nuevo nodo de contexto. Dicho nodo forma parte, al igual que los demás, del conmutador de opciones del menú.
<context id="cGreenMenu">
<port id="pGreenMenu0" component="menuGREEN"/>
<media id="menuGREEN" src="real app/html files/imagenes.png" descriptor="dResultado"/>
</context>
La tercera opción, permite al usuario, con solo presionar el botón verde del control remoto virtual (tecla F3 en caso de teclado alfanumérico), observar un compendio de fotografías del
equipo de béisbol villaclareño que conquistó el triunfo en la Serie Nacional 52. De igual forma se visualiza, paralelamente, un fragmento del juego que culminó con la coronación.
Figura 3.6: Contenido interactivo mostrado al presionar botón verde.
3.2.5 Opción “Símbolos Equipo Villa Clara”
“Símbolos Equipo Villa Clara” constituye la cuarta variante dentro del menú interactivo. Para comprender la creación de la opción en cuestión, también es necesario recurrir al código NCL mostrado en la vista textual de la herramienta Composer, donde se observa la definición de un último nodo de contexto.
<context id="cBlueMenu">
<port id="pBlueMenu0" component="menuBLUE"/>
<media id="menuBLUE" src="real app/html files/simbolos.png" descriptor="dResultado"/>
</context>
En función de acceder a la opción desarrollada, basta con oprimir el botón azul que aparece en el control remoto virtual (tecla F4 en caso de teclado alfanumérico). Como resultado se muestra una cuarta imagen que contiene una foto de la “naranjita” villaclareña y además, un texto que resalta una serie de rasgos distintivos del equipo campeón.
Figura 3.7: Contenido interactivo mostrado al presionar botón azul.
En cualquiera de los casos, basta con oprimir nuevamente el botón info (tecla F6 en caso de teclado alfanumérico) para regresar, desde cada una de las opciones, al menú principal de la aplicación. Por otra parte, la tecla F10 es la encargada de poner fin al servicio interactivo. Es importante resaltar que, tanto el menú principal como cada una de las opciones que lo conforman, son intercambiables. Para llevar a cabo cualquier modificación en los resultados mostrados, se debe realizar un cambio completo de la imagen, ya que ninguna de ellas presenta elementos de texto que puedan ser editados de forma independiente.