Descripción general y configuración de Looker Data Apps

Vista previa

Esta función está sujeta a las "Condiciones de la oferta previa a la DG" de la sección Condiciones Generales del Servicio de las Condiciones Específicas del Servicio y las Condiciones Adicionales para Productos de IA Generativa en Versión Preliminar. Las funciones de la fase previa a la DG están disponibles “sin modificaciones” y pueden tener asistencia limitada. Para obtener más información, consulta las descripciones de la etapa de lanzamiento.

Nota: Para enviar comentarios o informar problemas con esta función de versión preliminar, usa el formulario Looker Data Apps - Preview Issues.

Nota: Como función de versión preliminar, Looker Data Apps está sujeta al Suplemento de Procesamiento de Datos en la Nube.

Las Looker Data Apps son paneles de control de lienzo de forma libre que crean agentes de programación de IA locales, como Gemini CLI, Claude Code o Cursor, a partir de instrucciones en lenguaje natural. Las Data Apps te brindan un control visual completo del diseño (incluida la posición absoluta, los elementos superpuestos y los componentes web personalizados) y, al mismo tiempo, permanecen vinculadas a la capa semántica de LookML administrada de Looker y a los permisos de usuario.

Cuando compilas una Data App, el agente de programación de IA se ejecuta en tu máquina local para generar el código de la aplicación. Después de publicar la Data App en Looker, no se incluye ningún modelo de IA cuando los usuarios abren el panel o interactúan con él.

Descripción general de Looker Data Apps

Una Data App es una extensión de Looker, que funciona con el framework de extensiones de Looker y se ejecuta dentro de un panel definido por el usuario (UDD) de un solo elemento.

Las capacidades clave incluyen lo siguiente:

• Creación asistida por IA, IA sin tiempo de ejecución: Usas un agente de programación de IA en tu computadora para generar el diseño y el código del componente a partir de instrucciones. Las Data Apps publicadas se ejecutan como componentes web estándar dentro de Looker sin llamar a ningún modelo de IA cuando los usuarios ven el panel.
• Zona de pruebas aislada de la red: Debido a que un agente de IA escribe el código de la aplicación, Looker ejecuta cada Data App dentro de una zona de pruebas aislada del navegador que bloquea las conexiones de red salientes. El código de la aplicación solo puede comunicarse con tu instancia de Looker, por lo que los resultados de las consultas y las credenciales de usuario no se pueden enviar a servidores externos.
• Acceso a datos administrado: Las Data Apps consultan datos exclusivamente a través de la capa semántica de LookML de Looker. Cada consulta se ejecuta con los permisos de Looker, el acceso al modelo y los filtros de acceso a nivel de fila del usuario que ve el contenido.
• Controles interactivos: Las Data Apps incluyen filtros interactivos integrados, filtros cruzados y vistas detalladas dentro de la app.

Antes de comenzar

Antes de instalar las herramientas para desarrolladores y crear una Data App, verifica que cumplas con los siguientes requisitos previos:

Requisitos de la instancia

• Debes usar una instancia alojada en Looker que ejecute Looker 26.18 o una versión posterior.
• Un administrador de Looker debe habilitar el botón de activación de vista previa de Data Apps en el panel de administración Administrador en General > Vistas previas. Para obtener más información, consulta la página de documentación de funciones de versión preliminar.
• Los navegadores de los usuarios deben tener acceso a la red a www.gstatic.com para cargar las bibliotecas de tiempo de ejecución de Data Apps.

Permisos necesarios

Para crear y publicar una Data App, debes tener lo siguiente:

• El nivel de acceso Administrar acceso, Editar para la carpeta en la que deseas colocar el panel
• Los permisos de Lookeraccess_data, explore, see_user_dashboards y save_dashboards (o save_content)
• Acceso a los modelos de LookML para cualquier dato que desees usar en el panel

Para ver una Data App publicada, los usuarios deben tener lo siguiente:

• El nivel de acceso Ver a la carpeta de destino

• Los permisos de Looker access_data, explore y see_user_dashboards para los modelos de LookML subyacentes

Credenciales de la API de Looker

Tus herramientas para desarrolladores acceden a tu instancia de Looker mediante la API de Looker. Para otorgar acceso a tus herramientas para desarrolladores a la API de Looker, necesitas una clave de API, que consta de un ID de cliente y un secreto del cliente. Proporcionas tu ID de cliente y tu secreto del cliente a las herramientas para desarrolladores cuando configuras las opciones de configuración.

Nota: Tu clave de API proporciona acceso a la API de Looker. Es importante almacenar tu clave de API de forma segura y restringir el acceso a ella.

Para recuperar tu clave de API, sigue estos pasos:

1. El administrador de Looker debe habilitar Claves de API para tu cuenta de usuario en la página Administrador > Usuarios.
2. En Looker, ve a la página Cuenta del usuario.
3. En la sección Autenticación, junto al encabezado Claves de API, haz clic en Administrar.
4. En la página Claves de API, puedes ver tus claves de API existentes o crear claves de API nuevas.
5. Copia el ID de cliente y el secreto del cliente de la clave de API seleccionada.

Identificador de carpeta

Identifica el ID numérico de la carpeta de Looker en la que deseas publicar tus Data Apps. En Looker, abre la carpeta de destino (como Compartida o Mi carpeta) y anota el número al final de la URL:

https://LOOKER_INSTANCE_URL/folders/FOLDER_ID

Limitaciones

Looker Data Apps tiene las siguientes limitaciones:

• Incorporación, temas e impresión: Las Data Apps no admiten la incorporación, los temas internos del panel ni la impresión. Sin embargo, puedes personalizar el estilo visual directamente en la Data App solicitando a tu agente de programación de IA.
• Copia de Data Apps: Evita copiar una Data App en Looker. Debido a que las copias hacen referencia a la misma aplicación subyacente, los cambios realizados en una copia se reflejan en todas las copias.
• Exportación e importación de LookML: No se admite la exportación de una Data App como LookML ni la importación de una Data App desde LookML.
• Dependencia de www.gstatic.com: Las Data Apps requieren acceso a la red a www.gstatic.com para cargar bibliotecas de tiempo de ejecución y componentes. Los navegadores de los usuarios deben poder acceder a www.gstatic.com para renderizar Data Apps.
• Exportación de PDF: No se admite la descarga de la Data App como PDF.
• Entrega programada: No se admite la configuración de una programación automatizada para enviar una instantánea en PDF de tu Data App por correo electrónico.

Instala las herramientas para desarrolladores

Para crear Data Apps, instala las herramientas para desarrolladores en tu entorno de desarrollo local (macOS o Linux).

Nota: Las herramientas para desarrolladores de apps de datos requieren Python versión 3.9 o posterior. Si no tienes Python instalado en tu entorno de desarrollo local, consulta la guía de instalación oficial de Python para instalar Python.

Ejecuta la secuencia de comandos de instalación

Abre una terminal en una máquina con acceso a tu agente de programación de IA y ejecuta el siguiente comando:

bash <(curl -fsSL https://dl.google.com/looker-data-apps/install.sh)

Configura las opciones de configuración

Durante la instalación, responde a las instrucciones interactivas:

1. Directorio de instalación: Ingresa la ruta de acceso local en la que deseas almacenar tu proyecto de Data Apps o presiona Intro para aceptar el valor predeterminado (~/looker-data-apps).
2. URL de la instancia de Looker: Ingresa la URL de tu instancia de Looker, como https://myinstance.looker.com.
3. Looker API client_id: Ingresa tu ID de cliente.
4. Looker API client_secret: Ingresa tu secreto del cliente (guardado de forma local en data-apps-config.json con permisos de archivo solo para el propietario).
5. ID de la carpeta de Looker: Ingresa el ID de la carpeta de destino que identificaste en Identificador de carpeta o presiona Intro para aceptar la carpeta predeterminada, que es la carpeta 1, la carpeta Compartida.

Después de completar las instrucciones, el instalador ejecuta automáticamente una verificación de cuatro pasos para confirmar que tus credenciales funcionan y que tu instancia de Looker puede almacenar y entregar Data Apps.

Crea, obtén una vista previa y publica una Data App

Sigue este flujo de trabajo para crear una Data App con tu agente de programación de IA:

Paso 1: Inicia tu agente de programación de IA

En la terminal, navega al directorio de instalación de Data Apps (~/looker-data-apps) y ejecuta tu agente de programación de IA.

Paso 2: Solicita al agente que genere una Data App

Usa lenguaje natural para escribir tus instrucciones y pídele al agente que cree una aplicación. Tu aplicación debe basarse en Exploraciones y vistas existentes, pero no necesitas usar identificadores técnicos. Por ejemplo:

Build a responsive Looker Data App using the faa model and the
large\_flight\_data explore. I want this to be a dynamic, dark-themed operations
center.

Please include the following components:

The Map (Centerpiece): Create a custom visual that visualizes flights moving
from their Origin to Destination. Include a timeline slider (or playback
animation) based on Departure Time and Arrival Time so I can watch the flights
move over time.

KPI Strip: Across the top, include a row of KPI cards showing the total flight
Count, average Delay Mins, total Total Revenue, and average Load Factor.

Trend Chart: Include a line chart showing how Carbon Emissions and Total Revenue change over
the Departure Date periods.

Interactive Filters: Include drop-down filters for Airline, Status, and Origin
that wire into the charts and map to update the data dynamically.

El agente de IA inspecciona tus Exploraciones de LookML, escribe la definición del componente y, luego, inicia el servidor de vista previa local.

Paso 3: Inspecciona la vista previa local

Abre la URL de vista previa local (http://localhost:8765) que proporciona tu agente.

También puedes ejecutar make start (o python3 skills/data-app-previewer/tools/start-preview.py) en tu terminal para ver una galería de todas las apps locales que creaste.

Paso 4: Define mejor tu app de forma iterativa

Habla con tu agente de IA para definir mejor el diseño, el estilo y las interacciones:

• "Alinea las 3 tarjetas de métricas al lado derecho del lienzo"
• "Agrega un control deslizante de período arriba del gráfico de tendencias"
• "Cambia el fondo a un gris neutro sutil y agrega tarjetas redondeadas con sombras paralelas suaves."

Paso 5: Publica la Data App en Looker

Cuando estés satisfecho con el diseño, pídele al agente que implemente la app:

Publish this app to Looker.

El agente ejecuta la secuencia de comandos de publicación, que empaqueta la secuencia de comandos del componente y crea o actualiza un objeto de panel en la carpeta configurada.

Paso 6: Consulta la Data App en Looker

Haz clic en el vínculo de Looker que muestra el agente. Tu Data App se carga dentro de Looker con compatibilidad total para los filtros de acceso de usuarios, el uso compartido de carpetas y las funciones de la plataforma.

Sugerencias para probar

Para explorar las capacidades de Looker Data Apps durante la vista previa, prueba las siguientes situaciones:

Replica informes existentes a partir de imágenes

Sube una captura de pantalla de un informe existente de otra herramienta de IE (como Tableau o Power BI) o una presentación de diapositivas a tu agente de IA. Pídele al agente lo siguiente:

Replicate the layout, visual hierarchy, and color scheme shown in this
screenshot, binding the charts to our customer_analytics explore.

Los agentes de IA multimodales pueden extraer la geometría de coordenadas, la tipografía y las paletas de colores de las imágenes para generar diseños de Data App coincidentes.

Diseña diseños personalizados

Ve más allá de las cuadrículas rectangulares estándar creando diseños asimétricos:

• Crea tarjetas de KPI flotantes que se superpongan parcialmente a los banners principales.
• Agrega barras laterales de resumen ejecutivo de varias columnas junto a cuadrículas de datos amplias.
• Aplica branding corporativo personalizado, estilos de fuente y degradados de fondo.

Incorpora componentes de IU interactivos enriquecidos

Pídele a tu agente que agregue elementos web interactivos:

• Navegación con pestañas: Organiza métricas operativas complejas en varias pestañas sin volver a cargar la página.
• Diálogos y cajones modales: Abre vistas detalladas o definiciones de glosario cuando haces clic en una métrica.
• Filtros y controles interactivos: Agrega botones de activación, controles deslizantes, y entradas de búsqueda personalizados que actualicen las series de gráficos de forma dinámica.

Usa tablas de datos y visualizaciones avanzadas

Aprovecha las bibliotecas de componentes integradas:

• Integración de AG Grid: Incorpora tablas de datos interactivas que admitan la clasificación de columnas, el cambio de tamaño de columnas y el formato de celdas.
• Tipos de Highcharts avanzados: Genera indicadores, mapas de calor, mapas de árbol y diagramas de Sankey que no admiten los mosaicos de panel estándar.

Prueba las funciones de la plataforma Looker

Verifica que tu Data App se integre con tus procesos de Looker.