Présentation et configuration de Looker Data Apps

Les Looker Data Apps sont des tableaux de bord sur canevas libre créés par des agents de codage IA locaux, tels que Gemini CLI, Claude Code ou Cursor, à partir d'invites en langage naturel. Les Data Apps vous offrent un contrôle complet de la présentation visuelle (y compris le positionnement absolu, les éléments qui se chevauchent et les composants Web personnalisés) tout en restant liées à la couche sémantique LookML régie par Looker et aux autorisations de l'utilisateur.

Lorsque vous créez une Data App, l'agent de codage IA s'exécute sur votre machine locale pour générer le code de l'application. Une fois que vous avez publié la Data App dans Looker, aucun modèle d'IA n'est impliqué lorsque les utilisateurs ouvrent le tableau de bord ou interagissent avec lui.

Présentation de Looker Data Apps

Une Data App est une extension Looker, alimentée par le framework d'extensions Looker et s'exécutant dans un tableau de bord défini par l'utilisateur (UDD) à un seul élément.

Voici les principales fonctionnalités :

  • Création assistée par l'IA, aucune IA d'exécution : vous utilisez un agent de codage IA sur votre ordinateur pour générer la mise en page et le code du composant à partir d'invites. Les Data Apps publiées s'exécutent en tant que composants Web standards dans Looker sans appeler de modèle d'IA lorsque les utilisateurs consultent le tableau de bord.
  • Bac à sable isolé du réseau : comme un agent IA écrit le code de l'application, Looker exécute chaque Data App dans un bac à sable de navigateur isolé qui bloque les connexions réseau sortantes. Le code de l'application ne peut communiquer qu'avec votre instance Looker. Les résultats des requêtes et les identifiants utilisateur ne peuvent donc pas être envoyés à des serveurs externes.
  • Accès aux données régies : les Data Apps interrogent les données exclusivement via la couche sémantique LookML de Looker. Chaque requête s'exécute avec les autorisations Looker, l'accès au modèle et les filtres d'accès au niveau des lignes de l'utilisateur qui consulte les données.
  • Commandes interactives : les Data Apps incluent des filtres interactifs intégrés , des filtres croisés et des vues d'exploration dans l'application.

Avant de commencer

Avant d'installer les outils pour les développeurs et de créer une Data App, vérifiez que vous remplissez les conditions préalables suivantes :

Exigences concernant l'instance

  • Vous devez utiliser une instance hébergée par Looker exécutant Looker 26.18 ou une version ultérieure.
  • Un administrateur Looker doit activer le bouton de preview Data Apps dans le panneau d'administration Admin sous General > Previews (Général > Aperçus). Pour en savoir plus, consultez la page de documentation sur les fonctionnalités en preview.
  • Les navigateurs des utilisateurs doivent avoir un accès réseau à www.gstatic.com pour charger les bibliothèques d'exécution des Data Apps.

Autorisations requises

Pour créer et publier une Data App, vous devez disposer des éléments suivants :

Pour afficher une Data App publiée, vos utilisateurs doivent disposer des éléments suivants :

  • Le niveau d'accès View (Afficher) au dossier de destination

  • Les autorisations Looker access_data, explore et see_user_dashboards pour les modèles LookML sous-jacents

Identifiants de l'API Looker

Vos outils pour les développeurs accèdent à votre instance Looker à l'aide de l' API Looker. Pour accorder à vos outils pour les développeurs l'accès à l'API Looker, vous avez besoin d'une clé API, qui se compose d'un ID client et d'un code secret du client. Vous fournissez votre ID client et votre code secret du client aux outils pour les développeurs lorsque vous configurez les options de configuration.

Pour récupérer votre clé API, procédez comme suit :

  1. Votre administrateur Looker doit activer les clés API pour votre compte utilisateur sur la page Admin > Users (Admin > Utilisateurs).
  2. Dans Looker, accédez à la page utilisateur Account de votre utilisateur.
  3. Dans la section Authentication (Authentification), à côté de l'en-tête API Keys (Clés API), cliquez sur Manage (Gérer).
  4. Sur la page API Keys (Clés API), vous pouvez afficher vos clés API existantes ou en créer.
  5. Copiez l'ID client et le code secret du client pour la clé API sélectionnée.

Identifiant du dossier

Identifiez l'ID numérique du dossier Looker dans lequel vous souhaitez publier vos Data Apps. Dans Looker, ouvrez le dossier cible (par exemple, Shared (Partagé) ou My Folder (Mon dossier)) et notez le numéro à la fin de l'URL :

https://LOOKER_INSTANCE_URL/folders/FOLDER_ID

Limites

Les Looker Data Apps présentent les limites suivantes :

  • Intégration, thèmes et impression : les Data Apps ne sont pas compatibles avec l'intégration, les thèmes de tableau de bord internes ni l'impression. Toutefois, vous pouvez personnaliser le style visuel directement dans la Data App en invitant votre agent de codage IA.
  • Copie de Data Apps : évitez de copier une Data App dans Looker. Étant donné que les copies font référence à la même application sous-jacente, les modifications apportées à une copie sont répercutées sur toutes les copies.
  • Exportation et importation de LookML : l'exportation d'une Data App au format LookML et l'importation d'une Data App à partir de LookML ne sont pas prises en charge.
  • Dépendance à www.gstatic.com : les Data Apps nécessitent un accès réseau à www.gstatic.com pour charger les bibliothèques d'exécution et de composants. Les navigateurs des utilisateurs doivent pouvoir accéder à www.gstatic.com pour afficher les Data Apps.
  • Exportation au format PDF : le téléchargement de la Data App au format PDF n'est pas pris en charge.
  • Livraison programmée : la configuration d'une programmation automatisée pour envoyer un instantané PDF de votre Data App par e-mail n'est pas prise en charge.

Installer les outils pour les développeurs

Pour créer des Data Apps, installez les outils pour les développeurs dans votre environnement de développement local (macOS ou Linux).

Exécuter le script d'installation

Ouvrez un terminal sur une machine ayant accès à votre agent de codage IA, puis exécutez la commande suivante :

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

Configurer les options de configuration

Pendant l'installation, répondez aux invites interactives :

  1. Install directory (Répertoire d'installation) : saisissez le chemin local où vous souhaitez stocker votre projet Data Apps ou appuyez sur Enter (Entrée) pour accepter la valeur par défaut (~/looker-data-apps).
  2. URL de l'instance Looker : saisissez l'URL de votre instance Looker, par exemple https://myinstance.looker.com.
  3. Looker API client_id (ID client de l'API Looker) : saisissez votre ID client.
  4. Code secret du client API Looker : saisissez votre code secret du client (enregistré localement dans data-apps-config.json avec des autorisations de fichier réservées au propriétaire).
  5. Looker folder ID (ID du dossier Looker) : saisissez l'ID du dossier cible que vous avez identifié dans Identifiant du dossier ou appuyez sur Enter (Entrée) pour accepter le dossier par défaut , qui est le dossier 1, le dossier Shared (Partagé).

Une fois les invites terminées, le programme d'installation exécute automatiquement une vérification en quatre étapes pour confirmer que vos identifiants fonctionnent et que votre instance Looker peut stocker et diffuser des Data Apps.

Créer, prévisualiser et publier une Data App

Suivez ce workflow pour créer une Data App avec votre agent de codage IA :

Étape 1 : Démarrer votre agent de codage IA

Dans votre terminal, accédez à votre répertoire d'installation Data Apps (~/looker-data-apps) et lancez votre agent de codage IA.

Étape 2 : Inviter l'agent à générer une Data App

Utilisez le langage naturel pour rédiger vos invites et demandez à l'agent de créer une application. Votre application doit être basée sur des explorations et des vues existantes, mais vous n'avez pas besoin d'utiliser d'identifiants techniques. Exemple :

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.

L'agent IA inspecte vos explorations LookML, écrit la définition du composant et démarre le serveur de prévisualisation local.

Étape 3 : Inspecter la preview locale

Ouvrez l'URL de preview locale (http://localhost:8765) fournie par votre agent.

Vous pouvez également exécuter make start (ou python3 skills/data-app-previewer/tools/start-preview.py) dans votre terminal pour afficher une galerie de toutes les applications locales que vous avez créées.

Étape 4 : Affiner votre application de manière itérative

Parlez à votre agent IA pour affiner la mise en page, le style et les interactions :

  • "Alignez les trois fiches de métriques sur le côté droit du canevas."
  • "Ajoute un curseur de plage de dates au-dessus du graphique de tendance."
  • "Remplace l'arrière-plan par un gris neutre subtil et ajoute des fiches arrondies avec des ombres portées douces."

Étape 5 : Publier la Data App dans Looker

Lorsque vous êtes satisfait de la conception, demandez à votre agent de déployer l'application :

Publish this app to Looker.

L'agent exécute le script de publication, qui regroupe le script du composant et crée ou met à jour un objet de tableau de bord dans le dossier configuré.

Étape 6 : Afficher la Data App dans Looker

Cliquez sur le lien Looker renvoyé par l'agent. Votre Data App se charge dans Looker avec une prise en charge complète des filtres d'accès utilisateur, du partage de dossiers et des fonctionnalités de la plate-forme.

Suggestions de choses à essayer

Pour explorer les fonctionnalités de Looker Data Apps pendant la preview, essayez les scénarios suivants :

Répliquer des rapports existants à partir d'images

Importez une capture d'écran d'un rapport existant à partir d'un autre outil de BI (tel que Tableau ou Power BI) ou d'un diaporama dans votre agent IA. Invitez l'agent :

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

Les agents IA multimodaux peuvent extraire la géométrie des coordonnées, la typographie et les palettes de couleurs des images pour générer des mises en page de Data App correspondantes.

Concevoir des mises en page personnalisées

Allez au-delà des grilles rectangulaires standards en créant des mises en page asymétriques :

  • Créez des fiches de KPI flottantes qui se chevauchent partiellement avec des bannières principales.
  • Ajoutez des barres latérales de synthèse à plusieurs colonnes à côté de grilles de données larges.
  • Appliquez une image de marque, des styles de police et des dégradés d'arrière-plan personnalisés.

Intégrer des composants d'UI interactifs enrichis

Demandez à votre agent d'ajouter des éléments Web interactifs :

  • Navigation par onglets : organisez des métriques opérationnelles complexes sur plusieurs onglets sans recharger la page.
  • Boîtes de dialogue et tiroirs modaux : ouvrez des vues de répartition détaillées ou des définitions de glossaire lorsque vous cliquez sur une métrique.
  • Filtres et commandes interactifs : ajoutez des boutons d'activation/de désactivation, des curseurs, et des entrées de recherche personnalisés qui mettent à jour les séries de graphiques de manière dynamique.

Utiliser des tables de données et des visualisations avancées

Profitez des bibliothèques de composants intégrées :

  • Intégration d'AG Grid : intégrez des tables de données interactives compatibles avec le tri, le redimensionnement et la mise en forme des colonnes.
  • Types Highcharts avancés : générez des jauges, des cartes thermiques, des arborescences et des diagrammes de Sankey que les tuiles de tableau de bord standards ne prennent pas en charge.

Tester les fonctionnalités de la plate-forme Looker

Vérifiez que votre Data App s'intègre à vos processus Looker.