Configuración de Vistas y Catálogos en Aplicaciones

Clase 8 de 24Curso de No-Code con Appsheet

Contenido del curso

Resumen

Configurar las vistas en AppSheet es el paso que transforma una hoja de cálculo en una aplicación funcional y atractiva. Saber elegir entre una vista tipo tabla, Deck, Gallery, Dashboard o Form define cómo Maximiliano —y cualquier usuario final— interactúa con los datos de FerreShop. A continuación se explican las decisiones clave para representar catálogos, ordenar columnas y personalizar la interfaz.

¿Cómo debe quedar la configuración de columnas antes de crear vistas?

Antes de pensar en vistas, cada tabla necesita tener sus columnas bien definidas. En el ejemplo de entrada material [01:10], todos los campos se marcaron como Require (obligatorios) y se asignó un Display name claro: folio, fecha, hora, responsable, proveedor, firma y status.

Un consejo práctico: toma como referencia el nombre de la columna original. Si la columna se llama "entrada_material_folio", el Display name debería ser simplemente folio. Esto mantiene las etiquetas limpias dentro de la aplicación.

  • Marca como requeridos los campos que no pueden quedar vacíos.
  • Usa Display name cortos y descriptivos.
  • Desactiva el Search en campos donde no tiene sentido buscar, como firma [02:05].

El initial value también ahorra trabajo. Si Maximiliano sabe que el método de pago más frecuente es efectivo, se configura "efectivo" como valor inicial en la tabla de ventas [04:00]. Lo mismo aplica para el campo status, donde se puede colocar "ES" por defecto.

¿Qué tipos de vista existen y cuándo usar cada uno?

Desde el menú UX se acceden a las vistas [04:25]. AppSheet ofrece varios tipos y cada uno cumple un propósito distinto.

¿Por qué elegir vista tabla para catálogos?

Cuando se trata de un catálogo como Usuarios, la vista tipo tabla es la más adecuada porque muestra los registros en filas y columnas, facilitando la lectura rápida [05:15]. Se pueden elegir qué columnas aparecen: nombre, rol, status y correo electrónico, por ejemplo.

El column order define qué datos ve primero el usuario. Se agregan uno a uno desde el botón Add y se selecciona cada campo del drop box [06:00].

¿Cómo funcionan Group by y Sort by?

El Sort by ordena los registros según un criterio, mientras que el Group by los agrupa visualmente [06:40]. Al agrupar usuarios por rol, AppSheet muestra una sección "Administrador" con todos los usuarios que pertenecen a ese perfil. Además, el Group Aggregate activa un conteo automático: "con perfil de administrador tienes uno". Conforme se agregan registros, ese número se actualiza solo.

¿Cuándo conviene Deck o Gallery?

Para el catálogo de unidades de medida se probó primero la vista Deck [07:30], que muestra tarjetas con información resumida. Sin embargo, al cambiar a Gallery el resultado visual fue más atractivo [09:10]. La elección depende del tipo de dato: Gallery funciona mejor cuando hay pocos campos y se quiere una presentación limpia.

Un detalle importante: si al crear una vista aparece un mapa, es porque AppSheet asigna esa representación por defecto cuando detecta ciertos campos. Simplemente se cambia el tipo de vista y se resuelve [08:00].

¿Cómo personalizar íconos, nombres y posición en el menú?

La sección Display dentro de cada vista permite cambiar el ícono que representa al catálogo [09:50]. Los íconos se buscan en inglés: Measures para unidades de medida, Users para usuarios. Para FerreShop se eligió un ícono de pala para productos, algo coherente con una ferretería.

El Display name de la vista controla el texto que aparece en la interfaz. Si la vista se llama "unidades medida" pero quieres que diga "Unidades de medida" con espacios, se configura desde este campo [10:15].

El position define dónde aparece la vista dentro de la aplicación [05:40]:

  • En la barra inferior (por defecto).
  • En el menú lateral (activando el toggle correspondiente).

Mover los catálogos al menú lateral es una buena práctica para mantener la barra inferior despejada.

Otro tip relevante: cuando se trabaja con campos de tipo Unique ID generados automáticamente por Sheets, conviene desactivar esa opción si el usuario necesita control manual sobre el código, como ocurrió con el catálogo de unidades de medida [08:30].

El reto propuesto es configurar los catálogos restantes —clientes, proveedores, entrada de material y ventas— buscando íconos representativos y aplicando las mismas buenas prácticas. ¿Qué tipo de vista elegirías para el catálogo de clientes de tu proyecto?