Servicio de Selección de Paneles¶

Servicio de Diseño de Paneles¶

El App Builder Servicio de diseño de paneles es App Builder la solución patentada de para diseñar una página una vez y al mismo tiempo mostrarla de forma sencilla en distintos tamaños de pantalla. Estas pantallas incluyen, entre otras, pantallas de teléfonos móviles, tabletas y computadoras de escritorio.

A continuación, se incluyen términos que ayudarán a comprender el algoritmo utilizado por el Servicio de diseño de paneles:

• Panel: un panel es el componente básico de una página. No hay pantalla demasiado pequeña para mostrar un panel. Esto significa que App Builder siempre mostrará un solo panel como mínimo. Un panel contiene información que se presentará al usuario. La información puede ser una colección de filas de datos o puede ser un solo registro de datos. Puede tener un formato estructurado, tabular (tanto en formato tabular horizontal como en formato tabular vertical) o puede no estar estructurada en un formato personalizado definido por el usuario.

• Página - Una página es una colección de paneles. Una sola página puede tener un panel o más de un panel.

• Diseño - El diseño de una página define cómo se deben mostrar los paneles cuando todos están visibles en la pantalla. Por ejemplo, algunos paneles se apilan verticalmente (el panel A está sobre el panel B), algunos paneles pueden apilarse horizontalmente (el panel A está a la izquierda del panel B). También permitimos la agrupación de paneles de modo que el panel A y el panel B puedan estar uno al lado del otro mientras están sobre el panel C. En este escenario, el panel A y el panel B estarían en su propia agrupación.

• Diapositiva - Una diapositiva es un subconjunto de paneles que se van a mostrar en una pantalla. Cuando no caben todos los paneles en la pantalla, App Builder mostrará el subconjunto correcto de paneles como una diapositiva y permitirá al usuario final pasar de una diapositiva a otra, lo que permite pasar de un subconjunto de paneles a otro de manera efectiva.

• Tamaño de pantalla: los tamaños de pantalla se miden tradicionalmente en alturas y anchos de píxeles. App Builder convierte las alturas y anchuras de píxeles en paneles disponibles. ¿Cuántos paneles podemos colocar en la pantalla verticalmente? ¿Cuántos paneles podemos colocar en la pantalla horizontalmente? Si la pantalla cabe en 1 panel, entonces consideramos que esa pantalla es 1x1 (1 panel de alto, 1 panel de ancho). Si la pantalla es más ancha y caben 2 paneles de ancho, pero 1 panel de alto, entonces consideramos que la pantalla es 1x2 (1 panel de alto, 2 paneles de ancho). Los cálculos para determinar cuántos paneles caben en una pantalla se describen más adelante en el documento.

App Builder utiliza una página y su diseño para determinar qué paneles se deben mostrar en la pantalla y dónde se deben mostrar. Según el tamaño de la pantalla, App Builder puede reducir la cantidad de paneles que se muestran en la pantalla, respetando al mismo tiempo el diseño. Es el Servicio de diseño de paneles el que toma la decisión sobre qué paneles omitir de la pantalla y cómo diseñar los paneles restantes.

En caso de que el Servicio de diseño de paneles omita paneles de la pantalla, crea una colección de diapositivas. Cada diapositiva contiene un subconjunto de paneles, diseñados de acuerdo con el diseño definido por el diseñador. El usuario puede ver inicialmente la primera diapositiva y tener la posibilidad de pasar a cualquier diapositiva adicional para ver más paneles.

La siguiente imagen muestra el algoritmo utilizado por el Servicio de diseño de paneles para diseñar paneles en varios tamaños de pantalla:

Los tamaños de pantalla se determinan de la siguiente manera:

La altura ideal del panel es X * Y, donde Y es equivalente a 1 EM de un carácter de texto. Esta es otra forma de decir X caracteres de texto. Cualquier pantalla, por definición, puede tener al menos un panel de altura. Sin embargo, si la pantalla tiene suficiente espacio para representar 2 * X caracteres de texto, entonces le permitimos representar 2 paneles de altura. Conociendo la altura de la pantalla en píxeles, App Builder determina cuántas líneas de texto puede caber y luego cuántos paneles puede caber.

X = Configuración - Altura mínima del panel - Predeterminado = 24

Altura ideal del panel = 24 * 1 EM en píxeles

Número de paneles altos = Piso (Altura de la puerto en píxeles / Altura ideal del panel), donde el Número de paneles altos no debe ser menor que 1.

Se utilizan matemáticas similares para determinar el ancho ideal del panel.

Ancho de panel ideal = 24 * 1 EM en píxeles

Número de paneles de ancho = piso (ancho del puerto de visualización en píxeles / ancho ideal del panel), donde el número de paneles de ancho no debe ser menor que 1.