Windows App Studio. Parte 2.- Personalizar el contenido

Transcripción

1 Parte 2.- Personalizar el contenido

2 En este apartado vemos como se presentan las opciones para editar contenido

3 Estas son las secciones que podrás elegir y editar RSS: lista que recoge información basada en la fuente RSS que se haya especificado al crear el origen de datos. Html: página única que muestra el texto estático que se haya especificado. YouTube: lista de vídeos con iconos y descripciones basada en la búsqueda o canal de YouTube que se haya especificado al crear el origen de datos. Flickr: lista de imágenes y sus correspondientes datos basada en la búsqueda o identificador de usuario de Flickr que se haya especificado al crear el origen de datos. Bing: lista de noticias. Facebook: fuente de Facebook de una página pública de Facebook. Twitter: Fuente de Twitter Menú: Un menú es una página individual que contiene una lista de elementos que pueden ser cualquiera de las secciones o acciones Collection: lista de elementos con columnas de características. Se trata de tus datos personales que no dependen de un sitio web

4 Secciones Las secciones de la aplicación son páginas de tu aplicación. Se pueden agregar hasta seis secciones de la aplicación distintas. Existen dos tipos: secciones y menús. Una sección es un grupo de páginas conectadas a un origen de datos. Todas las secciones tienen una página principal que muestra los datos a modo general y a la que se pueden agregar más páginas con datos más detallados. Las páginas de detalle actúan como elementos dinámicos, por lo que se abren en paralelo cuando se hace clic en un elemento concreto de la página principal. Así, por ejemplo, la página principal de la sección de entrantes muestra imágenes con los nombres de los platos. Si haces clic en un plato, verás la imagen agrandada con una descripción debajo. Luego, deslízate a la derecha para ver el precio o la receta... lo que quieras mostrar! Esto es muy práctico, sobre todo cuando hay más información sobre un elemento individual de la que cabría adecuadamente en una sola página.

5 Menús Un menú es una página individual que contiene una lista de elementos que pueden ser tanto secciones como acciones. Los elementos de sección te llevan a una nueva sección de la aplicación, mientras que los elementos de acción permiten vincular a un sitio web externo o completar diversas acciones. También se puede crear un elemento de acción personalizado. Cada sección recogida en un menú se puede conectar a un origen de datos distinto. Como pueden tener varias secciones, los menús permiten mostrar más información, por lo que son de gran utilidad si quieres incluir más información de la que puede caber en seis secciones.

6 Configuración de secciones de la aplicación Haz clic en el icono de las secciones de la aplicación para agregar una nueva sección o menú. De este modo, podrás hacer clic en el nombre de una sección de la aplicación para modificarla. En las secciones, verás el origen de datos y las páginas de sección correspondientes. Haz clic en el lápiz que hay junto al nombre de una sección para modificarla. En los menús, verás la página de menú correspondiente y los elementos de menú, que pueden expandirse uno a uno. Para modificar elementos de menú, primero hay que hacer clic en el lápiz junto al nombre de menú y, después, hacer clic en el lápiz junto al elemento que se quiera modificar. Cuando modifiques una sección, puedes cambiar el contenido mediante enlaces y agregar acciones. También puedes alterar el diseño, que determina los campos de contenido que va a haber disponibles, así como agregar más elementos a la barra de la aplicación (como opciones para compartir, de texto a voz y para anclar a Inicio)

7 Haciendo clic en el botón del lápiz podremos editar la sección

8 Una vez abierto podemos ver las características o editar el html (Data)

9 Escribimos un texto, previsualizamos y guardamos clicando: Save (Guardar)

10 Orígenes de datos para las secciones Un origen de datos es, sencillamente, el contenido que quieres que aparezca en cada sección de la aplicación (vídeos de YouTube de tu canal favorito, el inventario de tu tienda, imágenes de tu cuenta de Flickr, etc.) Los orígenes de datos se muestran en la aplicación mediante secciones. Cada sección que crees está conectada a un origen de datos.

11 Qué significa "Enlazar a datos"? Cuando empieces a modificar una página de la aplicación, verás un icono para enlazar a datos ( ) al lado de cada elemento de contenido. Binding (Enlazar) significa que conectas parte de un origen de datos con un área de la página específica. Si haces clic en el icono de enlace y mantienes el ratón en la opción de datos, verás las opciones que hay disponibles para cada sección de contenido.

12 Una colección es un origen de datos donde se pueden cargar datos que no dependen de un sitio web (como inventarios de tienda, información de contacto, un menú del día, tus músicos favoritos, etc.). Antes de introducir datos en una colección, puedes definir el número total de posibles columnas de datos. Incorpora una columna por cada fragmento de información que quieras mostrar relativo a cada elemento y, asimismo, selecciona de qué tipo de datos se trata. La información que puedes agregar puede ser de muy diversos tipos: direcciones, nombres de álbumes, nombres de intérpretes, imágenes, números enteros, correos electrónicos, números de teléfono, títulos de canciones y cadenas. Cambiar el tipo de datos de cada fragmento de información es importante, ya que te permite incluir una serie de acciones extra en la aplicación. Los datos pueden ser estáticos o dinámicos.

13 Crear y editar una colección (Collection) Clicando en Data (Datos) podremos crear o modificar los registros que luego enlazaremos a las distintas partes de la sección. En este caso en Fotografías crearemos registros tipo Image (Imagen) y les daremos un Nombre (Name). Luego podremos modificarlos si es necesario

14 Recursos estáticos frente a servicios de datos de App Studio En las colecciones existen dos opciones para almacenar datos: recursos estáticos y servicios de datos de App Studio. Por recursos estáticos se entiende que los datos son constantes y no dependen de una conexión a Internet. Si se cambian los datos en Windows App Studio, la aplicación no se actualizará automáticamente. En cuanto a servicios de datos de App Studio, quiere decir que los datos se almacenan en Windows App Studio y sí dependen de una conexión a Internet. Si se actualizan los datos en Windows App Studio, la aplicación se actualizará automáticamente, lo cual permite crear aplicaciones dinámicas que no es necesario actualizar cuando se quiera modificar algún dato.

15 Qué significa "Agregar una acción"? Cuando empieces a modificar una página de detalle que depende de una colección con unos determinados tipos de datos, verás un pequeño icono para agregar una acción en forma de rayo ( ) para cada elemento de contenido. Una acción es algo que va a suceder en el teléfono cuando se hace clic en ese fragmento de información en la aplicación (por ejemplo, llamar a un número o enviar un correo electrónico). Son varias las acciones posibles, pero recuerda que solo aparecerán las acciones que tengan que ver con los tipos de datos de la colección en cuestión.

16 Cuáles son las diferentes acciones? Url (Página web): se abre la página web que se especifique (Correo electrónico): se envía un correo electrónico a la dirección de correo electrónico (tipo de datos: correo electrónico) que se haya especificado para ese elemento. Call Phone (Llamar por teléfono): se llama al número (tipo de datos: teléfono) que se haya especificado para ese elemento. Map (Mapa): Abre un mapa de la localización que especifiquemos Custom (Personalizar): Realiza la acción que se programe