Remarque :

Utiliser APEX pour créer une application à partir d'une feuille de calcul

Introduction

Oracle Application Express (APEX) est une plate-forme de développement low-code qui permet aux clients de construire facilement des applications époustouflantes, évolutives et sécurisées avec des fonctionnalités de pointe qui peuvent être déployées partout dans le monde. Elle est également incluse gratuitement dans toutes les versions actuelles d'Oracle Database, y compris les services Oracle Autonomous Data Warehouse et Oracle Autonomous Transaction Processing.

Cet atelier vous montrera comment créer une application APEX fiable avec des données importées à partir d'une feuille de calcul commune. De nombreux clients gaspillent énormément de temps et d'énergie en maintenant leurs flux de travail opérationnels et leurs données critiques dans des feuilles de calcul ingérables. C'est un fait courant, les feuilles de calcul n'évoluent pas. Et si votre client pouvait créer une application multi-utilisateur sécurisée et évolutive à partir de cette feuille de calcul, ce qui pouvait faire gagner du temps et de l'argent ? C'est ce que vous allez apprendre dans cet atelier !

Introduction au laboratoire APEX

Objectifs

Public visé

Prérequis

Création d'une instance Oracle Autonomous Database

APEX est une fonctionnalité d'Oracle Database, notamment les services Oracle Autonomous Data Warehouse et Oracle Autonomous Transaction Processing. Nous utiliserons une instance Oracle Autonomous Transaction Processing sur Oracle Cloud Infrastructure (OCI) pour héberger et utiliser un espace de travail APEX.

Vidéo de présentation

APEX - Etape 1

Fun fact ! Qu'est-ce qu'un espace de travail APEX ?

Un espace de travail APEX est un domaine logique dans lequel vous définissez des applications APEX. Chaque espace de travail est associé à un ou plusieurs schémas de base de données (utilisateurs de base de données), qui sont utilisés pour stocker les objets de base de données tels que les tables, les vues, les packages, etc. En général, ces objets de base de données correspondent aux principales applications APEX.

  1. Dans la console OCI, ouvrez le menu des ressources, accédez à Oracle Database et sélectionnez Autonomous Transaction Processing.

  2. Dans la section Portée de la liste, choisissez le compartiment Luna qui a été affecté à votre instance. Développez les signes moins jusqu'à ce que vous trouviez le compartiment éphémère et que vous le sélectionniez.

  3. Cliquez sur Créer une base de données autonome.

  4. La seule chose que vous devez ajouter dans la page de configuration Autonomous Database est un mot de passe pour l'utilisateur Admin. Faites défiler le formulaire jusqu'à la section Créer des informations d'identification d'administrateur et entrez un mot de passe à 12 ou 30 chiffres. Assurez-vous qu'il s'agit bien de celui dont vous pouvez vous souvenir, car vous l'utiliserez plus tard. Examinez le formulaire et acceptez toutes les valeurs par défaut.

    Champ Informations recommandées
    Compartiment Vérifiez que votre compartiment Luna a été sélectionné.
    Nom d'affichage Accepter la valeur par défaut
    Nom de base de données Accepter la valeur par défaut
    Choisir un type de charge globale Traitement transactionnel
    Choisissez un type de déploiement Infrastructure partagée
    Version de base de données 19c
    Nombre d'OCPU 1
    Stockage (To) 1
    Nom utilisateur ADMIN (ne peut pas être modifié)
    Mot de passe Créer un mot de passe de 12 à 30 caractères
    Choisissez l'accès réseau Autoriser l'accès sécurisé à partir de partout
    Choisir un type de licence Utilisation de votre propre licence (BYOL)

  5. Cliquez sur Créer une base de données autonome.

    Le processus de création de la base de données prendra quelques instants. Pendant son provisionnement, l'icône ATP s'affiche en orange.

Une fois terminé, l'icône ATP s'affiche en vert et est disponible. N'oubliez pas d'organiser une petite fête car vous n'avez mis que quelques instants pour lancer et configurer la base de données la plus puissante au monde !

Configurer l'espace de travail APEX

Comme vous venez de créer une toute nouvelle instance Oracle Autonomous Database, vous devez configurer APEX pour la première utilisation. Dans les étapes suivantes, vous allez vous connecter en tant qu'administrateur pour initialiser un espace de travail et créer un utilisateur appelé demo. Vous allez ensuite vous déconnecter et vous reconnecter en tant que nouvel utilisateur (démo) pour commencer à créer votre première application incroyable.

Vidéo de présentation

APEX - Etape 2

  1. Cliquez sur l'onglet Outils pour accéder à la section Outils de base de données, qui contient un lien vers l'application APEX.

  2. Cliquez sur Ouvrir APEX pour commencer.

  3. Entrez le mot de passe d'administrateur utilisé pour créer Oracle Autonomous Database à la première étape et cliquez sur Connexion à l'administration.

  4. Cliquez sur Créer un espace de travail.

  5. Dans la boîte de dialogue Créer un espace de travail, vous allez créer un utilisateur ainsi qu'un nouvel espace de travail pour héberger l'application. Entrez les informations suivantes et cliquez sur Créer un espace de travail :

    Propriété Valeur
    Utilisateur de base de données DEMO
    Mot de passe utilisez le même mot de passe que précédemment ou un autre de votre choix
    Nom de l'espace de travail DEMO


    Vous avez créé un nouvel espace de travail nommé DEMO avec un nouvel utilisateur appelé DEMO.

    Vous devez maintenant vous déconnecter de l'espace de travail Admin et vous connecter à l'espace de travail DEMO. La méthode la plus simple consiste à cliquer sur DEMO dans le message Espace de travail créé, probablement en haut de l'écran.

  6. Vous serez alors déconnecté de l'espace de travail d'administration et vous pourrez vous connecter au nouvel espace de travail DEMO. Entrez le mot de passe et cliquez sur Connexion.

Créer une application à partir d'une feuille de calcul

Cette section explique comment créer une application APEX à l'aide des données importées à partir d'une feuille de calcul. Pour simplifier la démonstration, vous utiliserez des exemples de données intégrés dans APEX. Toutefois, les étapes sont identiques si vous téléchargez vos propres données ou celles d'un client.

Maintenant que vous êtes connecté à votre espace de travail, vous pouvez commencer à créer des applications APEX. Vous allez créer une application simple basée sur une feuille de calcul. Gardez à l'esprit qu'APEX convient parfaitement à de nombreuses applications, qu'il s'agisse d'applications simples comme celle-ci ou d'applications sophistiquées basées sur des objets de base de données locaux, des objets SQL compatibles REST ou même des API REST.

Bien que les développeurs APEX passent leur temps dans App Builder, vous devez également examiner SQL Workshop, où vous pouvez créer et gérer des objets de base de données, Team Development, où vous pouvez suivre les projets de développement APEX volumineux et la galerie d'applications, qui contient de nombreuses applications échantillon et de productivité pouvant être installées en quelques minutes.

Vidéo de présentation

APEX - Etape 3

Charger les données du projet et des tâches

  1. Sur la page d'accueil de votre espace de travail APEX, cliquez sur App Builder.

  2. Cliquez sur Créer une application.

  3. Cliquez sur A partir d'un fichier.

    Lors de la création d'une application à partir d'un fichier, APEX vous permet de télécharger des fichiers CSV, XLSX, XML ou JSON, puis de créer des applications en fonction des données contenues dans ces fichiers. Vous pouvez également copier/ coller des données CSV ou charger des exemples de données. Pour cette démonstration, vous allez charger des exemples de données fournis avec l'application.

  4. Dans l'assistant Charger les données, cliquez sur l'option Copier-coller en haut.

  5. Sélectionnez Projet et tâches dans la liste d'exemples de jeux de données, puis cliquez sur Suivant.

  6. Vérifiez les données analysées pour l'application de démonstration et cliquez sur Suivant.

  7. Sélectionnez Nouvelle table vers laquelle charger les données. Vérifiez que le propriétaire de la table est défini sur Démonstration. Définissez le nom de table sur PROJECT_TASKS et cliquez sur Charger les données.

    Une fois que vous avez cliqué sur Charger les données, un compteur s'affiche jusqu'à ce que l'assistant termine le chargement des données.

    Remarque : L'assistant Chargement de données a créé une table et renseigné cette table avec les enregistrements des données échantillon. Vous allez maintenant créer l'application en fonction des données de la nouvelle table.

  8. Dans la boîte de dialogue Load Data, vérifiez que 73 lignes ont été chargées dans la table PROJECT_TASKS, puis cliquez sur View Table.

  9. Vous êtes maintenant dans le navigateur d'objets, vérifiez la structure de la table et d'autres informations qui seront créées. Dans la barre d'outils du tableau, cliquez sur le bouton Créer une application.

  10. Sur la page Créer une application, cliquez sur Créer une application.

    Dans la page Créer une application, vérifiez les pages répertoriées, qui constituent la base de votre nouvelle application. Vous pouvez cliquer sur le bouton Modifier de chaque page pour ajouter des personnalisations à l'avant si vous savez déjà ce que vous voulez. Cliquez sur ce bouton pour vérifier chacune d'elles si vous avez le temps.

  11. Sous Fonctionnalités, cliquez sur le lien Tout vérifier pour inclure toutes les fonctionnalités disponibles dans votre application. Cliquez sur Créer une application.

  12. Attendez quelques instants que l'application soit créée. Une fois l'assistant terminé, vous serez redirigé vers la page d'accueil de l'application dans App Builder.

  13. Cliquez sur Exécuter l'application. L'application d'exécution s'ouvre alors dans un nouvel onglet de navigateur, ce qui vous permet de voir comment les utilisateurs finals afficheront l'application.

  14. Saisissez vos informations d'identification utilisateur et cliquez sur Connexion.

    Remarque : utilisez les mêmes nom utilisateur et mot de passe que ceux utilisés pour vous connecter à l'espace de travail APEX. (DEMO)

  15. Explorez l'application et familiarisez-vous avec sa présentation générale.

  16. Cliquez sur Tableau de bord (dans le menu d'accueil ou le menu de navigation) pour visualiser les graphiques par défaut créés automatiquement.

  17. Cliquez sur Recherche de tâches de projet dans le menu de navigation et testez la recherche à facettes. Notez mentalement le fonctionnement des recherches : c'est là que vous montrez au client où il peut apporter des améliorations à l'application et rendre les données plus utiles.

  18. Cliquez sur Rapport sur les tâches de projet pour afficher un rapport interactif, puis cliquez sur l'icône de modification d'un enregistrement pour afficher les détails dans une page de "formulaire" modifiable.

  19. Accédez ensuite à la page Calendrier et vérifiez les données affichées. Notez que le comportement par défaut permet d'afficher les informations lorsque vous passez le curseur de la souris sur un événement et que vous cliquez sur un événement, cela n'a rien d'autre.

    Remarque : vous devrez peut-être faire défiler plusieurs mois pour voir les données.

  20. Enfin, passez en revue les options disponibles sous Administration.

    Remarque : En tant que prime, dans l'écran Administration, vous pouvez voir si vous pouvez déterminer comment remplacer le thème par défaut Vita par le thème Redwood Light.

Cette section vous permet d'acquérir une expérience pratique de la personnalisation de l'application pour des cas d'utilisation spécifiques. Vous allez commencer par modifier la page de recherche à facettes afin de clarifier les données et de les rendre plus utilisables pour la situation spécifique. La recherche à facettes permet aux utilisateurs d'affiner les résultats de la recherche à l'aide de filtres basés sur la classification des articles. La page de recherche inclut des facettes à gauche qui peuvent facilement être utilisées pour limiter les données affichées dans le rapport à droite.

Vidéo de présentation

APEX - Etape 4

Lors de la vérification de la page Recherche de tâches de projet dans l'application, vous pouvez vérifier et désélectionner les différentes facettes afin de créer différentes vues des données. Dans la vue par défaut, lorsque vous vérifiez une facette, le nombre de toutes les facettes restantes est mis à jour pour afficher le nombre d'enregistrements correspondant aux nouveaux critères. Nous allons personnaliser certaines facettes dans les étapes suivantes.

En examinant les facettes, vous remarquerez que la section Statut est située en bas de la page et que vous pouvez utiliser des cases à cocher pour choisir plusieurs valeurs, une ou plusieurs.

  1. A partir de l'application d'exécution, accédez à la page de recherche en cliquant sur Recherche de tâches de projet. Etant donné que vous avez exécuté cette application à partir d'APEX App Builder, une barre d'outils Developer est affichée en bas de l'écran.

    Remarque : les utilisateurs finals qui se connectent directement à l'application ne verront pas cette barre d'outils.

  2. Dans la barre d'outils Développeur, cliquez sur Edit Page 3.

  3. Vous pouvez également revenir manuellement à l'onglet APEX App Builder dans votre navigateur en sélectionnant l'onglet ou la fenêtre de navigateur approprié. Une fois dans App Builder, cliquez sur 3 - Recherche de tâches de projet.

    Vous devez maintenant être dans le concepteur de pages. Le concepteur de pages vous permet de consacrer la majorité de votre temps à améliorer votre application. Le concepteur de page comporte trois volets. Le volet de gauche affiche initialement l'arborescence de rendu, avec une liste de composants de page. Le volet central affiche la présentation, une représentation de la page et la galerie, à partir de laquelle vous pouvez glisser-déplacer de nouveaux composants dans la présentation. Le volet droit est l'éditeur de propriétés, dans lequel vous pouvez modifier les attributs du composant sélectionné.

    Le statut est un critère de recherche très courant. Par conséquent, pour rendre l'application plus utile, vous devez réorganiser les facettes de sorte que le statut soit compris entre Projet et Affecté à, ce qui facilite leur utilisation.

  4. Dans l'arborescence de rendu (volet de gauche), sous Rechercher, dans Facettes, cliquez et maintenez le bouton P3_STATUS enfoncé et faites-le glisser jusqu'à ce qu'il se trouve sous P3_PROJECT, puis relâchez la souris.

    Actuellement, la facette Statut est une série de cases à cocher. Cependant, il est peu probable que les utilisateurs choisissent plusieurs fois, de sorte que vous le convertissez en groupe radio.

  5. En continuant avec l'option P3_STATUS sélectionnée, dans l'éditeur de propriétés (volet de droite), localisez Identification, puis Type. Remplacez le type Groupe de cases à cocher par Groupe de cases à cocher.

  6. Faites défiler le panneau des propriétés vers le bas et recherchez Entrées de liste, puis Entrées de nombre nul et remplacez ce champ par Masquer par Afficher le dernier.

  7. En haut à droite de la page, cliquez sur Enregistrer et exécuter la page pour enregistrer les modifications apportées aux facettes et vérifier l'application.

  8. Dans l'environnement d'exécution, cliquez sur l'un des statuts. Vérifiez comment les comptages des autres facettes sont mis à jour en fonction de votre sélection. Notez également comment sélectionner l'un des autres statuts pour trier rapidement les données ou cliquez sur Effacer pour réinitialiser les options.

    Vous avez peut-être remarqué que les facettes sortent du bas de la page. Il serait préférable de réduire les trois dernières facettes pour faciliter la visualisation de tous les choix disponibles. Prenez soin de cela dans les prochaines étapes.

  9. Revenez à l'environnement de développement (APEX App Builder) à l'aide du lien de modification dans la barre d'outils du développeur ou accédez manuellement à l'onglet de navigateur approprié.

  10. Dans l'arborescence de rendu (volet gauche), sous Rechercher, dans Facettes, cliquez sur P3_ASSIGNED_TO, maintenez la touche Maj enfoncée, puis cliquez sur P3_COST pour sélectionner trois facettes. Dans l'éditeur de propriétés (volet de droite), dans le filtre en haut, entrez collap, afin que seuls deux attributs soient affichés. Dans Avancé, puis Réduit initialement, remplacez le commutateur par sélectionné.

    Remarque : au lieu d'entrer un filtre, vous pouvez également faire défiler les propriétés jusqu'à trouver l'attribut à mettre à jour.

  11. Cliquez sur Sauvegarder et exécuter la page pour voir la page de recherche améliorée.

Excellent ! Maintenant, vous avez utilisé l'application de base tableur de base des clients et ajouté des fonctionnalités qui améliorent sa facilité d'utilisation. Dans la section suivante, vous allez ajouter des améliorations à la section de rapport.

Améliorer le rapport et le formulaire

Cette section fournit des informations sur les fonctionnalités des rapports interactifs et explique comment améliorer une page de formulaire du point de vue des utilisateurs finaux. La page Rapport sur les tâches de projet utilise un rapport interactif pour afficher les enregistrements. Les rapports interactifs sont extrêmement puissants, car ils permettent aux utilisateurs finaux de modifier les données affichées et de modifier les caractéristiques d'affichage. Pour ce rapport, vous allez ajouter un saut de colonne, une colonne de calcul, un agrégat et un graphique. Ensuite, vous allez trier les données et enregistrer le rapport pour que tout le monde puisse le voir.

Vidéo de présentation

APEX - Etape 5

Remarque : Toutes les étapes ci-dessous, à l'exception de l'enregistrement d'autres rapports, peuvent être effectuées par les utilisateurs finals. De nombreuses fonctionnalités supplémentaires sont disponibles pour les utilisateurs finals et ne sont pas traitées ci-dessous.

  1. Dans l'environnement d'exécution, cliquez sur Rapport sur les tâches de projet.

  2. Cliquez sur l'en-tête de colonne Projet, puis sélectionnez Saut de contrôle, qui est l'icône à droite sous l'en-tête du projet.

    Ici, vous allez ajouter une colonne de calcul qui compare le budget au coût du projet. APEX permet aux utilisateurs finals de définir de nouvelles colonnes basées sur des colonnes existantes d'un rapport, ainsi que d'ajouter des calculs. Les colonnes sont sélectionnées dans le calcul à l'aide d'une lettre associée à chaque colonne.

  3. En haut du rapport, cliquez sur Actions, sélectionnez Données, puis Calculer.

  4. Dans la boîte de dialogue Calcul nouvellement ouverte, entrez le nom de la nouvelle colonne Budget V Cost. Ensuite, utilisez la liste déroulante dans Masque de format pour choisir le masque $5240.10, qui s'affichera sous la forme FML999G999G999G999G990D00. Le sélecteur de colonnes permet de choisir les colonnes que vous voulez commencer par I. Entrez un espace et un tiret, puis sélectionnez la colonne H pour que votre expression ressemble à celle de l'exemple d'image. Cliquez sur Appliquer.

    Propriété Valeur
    Libellé de colonne Budget vs coût
    Masque de format 5234,10 $
    Expression de calcul I - H


    Une nouvelle colonne Budget V Cost est ajoutée à votre rapport interactif.

  5. Pour ajouter le budget par rapport au coût de chaque projet, cliquez sur Actions, sélectionnez Données, puis Agréger.

  6. Dans la boîte de dialogue Agréger, sélectionnez la fonction Somme et choisissez votre nouvelle colonne dans la liste déroulante Coût du budget V, puis cliquez sur Appliquer.

    Même si vous pouvez voir le budget total par rapport au coût pour chaque projet, il serait beaucoup plus facile d'afficher les totaux sur un graphique pour obtenir une vue d'ensemble de tous les projets.

  7. Dans le rapport, cliquez sur Actions, sélectionnez Graphique. Utilisez la liste déroulante pour entrer les informations suivantes à l'aide de la sélection Graphique à barres et cliquez sur Appliquer.

    Propriété Valeur
    Libellé Projet
    Valeur **Budget et coût
    Fonction Somme
    Trier Label-Ascending
    Orientation Horizontal


  8. Une fois que vous avez cliqué sur Appliquer, le graphique s'affiche. Pointez le curseur de la souris sur certaines parties du graphique interactif pour afficher les données. Basculez entre la vue de rapport et la vue de graphique à l'aide des icônes situées en haut du rapport à gauche du bouton Actions.

  9. Pour faciliter la synthèse des données, assurez-vous que tous les enregistrements sont triés par date de début, puis par date de fin dans chaque projet. En haut du rapport, cliquez sur l'icône Afficher le rapport, cliquez sur Actions, sélectionnez Données, puis Trier.

  10. Dans la boîte de dialogue de tri, entrez les informations suivantes et cliquez sur Appliquer.

    Ligne Propriété Valeur
    2 Colonne Date de début
    3 Colonne Date de fin
    3 Tri des valeurs NULL NULL, toujours dernier


    Maintenant que vous avez apporté des modifications au rapport interactif, il est important d'enregistrer la présentation du rapport. Les utilisateurs finals peuvent uniquement enregistrer des rapports privés qu'ils peuvent visualiser ou des rapports publics que d'autres utilisateurs peuvent également consulter.

    Remarque : les développeurs peuvent enlever la possibilité pour les utilisateurs finaux d'enregistrer des rapports publics en modifiant les attributs de rapport dans le concepteur de pages.

    Les développeurs peuvent enregistrer le rapport en tant que rapport principal (par défaut) ou en tant que rapport alternatif afin que différentes vues des données puissent être disponibles pour différents cas d'emploi. Dans les étapes suivantes, vous allez enregistrer le rapport en tant que rapport alternatif.

  11. Dans le rapport, cliquez sur Actions, sélectionnez Rapport, puis Enregistrer le rapport.

  12. Lors de l'enregistrement du rapport, dans la liste déroulante Enregistrer (affiché uniquement pour les développeurs), sélectionnez En tant que paramètres de rapport par défaut.

    Remarque : les utilisateurs finals peuvent enregistrer des rapports privés et publics. Toutefois, seuls les développeurs (qui ont exécuté l'application à partir d'App Builder) peuvent enregistrer les rapports principal et alternatif.

  13. Dans Enregistrer le rapport par défaut, sélectionnez Autre, dans le champ Nom, entrez Révision du budget, puis cliquez sur Appliquer.

    Une nouvelle liste de sélection s'affiche en haut du rapport, qui répertorie tous les rapports enregistrés disponibles pour l'utilisateur.

  14. Revenez à la vue de rapport initiale et sélectionnez 1. Rapport principal, puis cliquez sur Réinitialiser.

    Dans la section suivante, nous améliorerons les pages de formulaire. Les pages de formulaire permettent aux utilisateurs finaux de mettre facilement à jour un seul enregistrement d'informations. Il est très courant que ces pages soient modales, de sorte qu'elles apparaissent en haut de la page d'origine, et que la page d'origine soit grisée et non accessible sans avoir préalablement fermé la page modale. Les avantages des pages modales sont que la même page peut être appelée à partir de nombreuses autres pages. Ils incluent tous les traitements, validations, etc. de la définition de page, ils sont conviviaux et permettent une expérience utilisateur très directe.

    Par défaut, les pages de formulaire générées par l'assistant Créer une application sont des pages modales. La page modale permettant de tenir à jour les tâches de projet est un bien immobilier important. Cela peut facilement être amélioré en plaçant les dates sur la même ligne, ainsi que le coût et le budget sur la même ligne. Enfin, le statut permet la saisie de toutes les valeurs. Vous devez donc limiter la saisie de données en ajoutant une liste de statuts autorisés.

  15. Dans l'environnement d'exécution, sur la page Rapport sur les tâches de projet, cliquez sur l'icône de modification de n'importe quel enregistrement.

    La page de formulaire modal de l'enregistrement sélectionné s'affiche.

  16. Dans la barre d'outils Développeur, au bas de l'écran, cliquez sur Modifier la page 5.

    Remarque : si vous avez des difficultés à naviguer dans la barre d'outils Développeur, accédez manuellement à l'onglet de navigateur pour APEX App Builder. Si vous êtes sur la page d'accueil de l'application, accédez à cette page en cliquant sur 5 - Tâches de projet. S'il existe déjà une autre page dans le concepteur de pages, utilisez le sélecteur de page de la barre d'outils pour accéder à la page 5.

    Vous pouvez déplacer des éléments en les faisant glisser dans le panneau Présentation. Vous pouvez également faire glisser les nouveaux composants, tels que les régions, les éléments et les boutons de la galerie, sous Présentation, vers la présentation.

  17. Dans le concepteur de pages, la page 5 étant chargée, dans la présentation (volet central), cliquez sur P5_END_DATE et continuez à maintenir la souris enfoncée. Faites glisser l'élément vers le haut et vers la droite, jusqu'à ce qu'il apparaisse directement après P5_START_DATE, et une zone jaune foncé s'affiche. Relâchez la souris pour déposer l'élément au nouvel emplacement.

    Au lieu d'utiliser le glisser-déplacer, vous pouvez également repositionner des éléments à l'aide d'attributs dans le panneau Présentation.

  18. (Autre méthode) Dans le concepteur de pages, dans la présentation (ou l'arborescence de rendu dans le panneau de gauche), sélectionnez P5_BUDGET. Dans l'éditeur de propriétés (volet de droite), dans Présentation, désélectionnez Démarrer une nouvelle ligne.

    Remarque : Dès que vous désélectionnez l'option Démarrer une nouvelle ligne, l'élément sera placé sur la même ligne que l'élément ci-dessus, dans la présentation.

    Vous allez maintenant améliorer le rapport pour limiter la saisie de données. Pour limiter la saisie de données pour un élément, l'une des techniques les plus simples consiste à convertir un élément de texte, qui permet la saisie de données, dans une liste de sélection.

  19. Dans le concepteur de pages, dans l'arborescence de rendu (volet gauche), sélectionnez P5_STATUS. Dans le volet de droite de l'éditeur de propriétés, entrez les informations suivantes :

    Groupe Attribut Valeur
    Identification Type Sélectionner une liste
    Liste de valeurs Type Requête SQL
      Afficher des valeurs supplémentaires Désélectionner
      Valeur d'affichage NULL Saisissez - Sélectionner un statut -


  20. Dans Liste de valeurs et dans le champ Requête SQL, entrez le code suivant :

    select distinct status d, status r
from project_tasks
order by 1

  21. Il est important d'enregistrer vos modifications avant de les tester. Dans le concepteur de pages, dans la barre d'outils (en haut), cliquez sur Enregistrer.

    Remarque : Si vous cliquez sur Enregistrer et exécuter dans la barre d'outils, un message s'affichera plutôt que la page en cours d'exécution. Ce comportement est attendu, car les pages modales ne peuvent pas être exécutées directement à partir du concepteur de page.

  22. Revenez à l'environnement d'exécution et actualisez le navigateur, ou cliquez sur Annuler sur la page modale pour revenir à la page Rapport sur les tâches de projet.

  23. Dans la page Rapport sur les tâches de projet, cliquez sur l'icône de modification de n'importe quel enregistrement. Vérifiez la présentation améliorée et cliquez sur Statut pour afficher la liste des statuts disponibles.

    Bien joué ! Vous avez appris à personnaliser la fonctionnalité de reporting de base dans votre application APEX simple. Vous avez montré comment créer des relations de données simples et les afficher sous forme de graphique. Vous avez également démontré que même les utilisateurs finaux peuvent utiliser la puissante fonctionnalité d'APEX si c'est dans l'intérêt des clients. Dans la section suivante, vous allez accéder à l'application de calendrier.

Améliorer le calendrier (facultatif)

Cette étape explique comment améliorer le calendrier d'un cas d'emploi client. Vous allez lier une page de calendrier existante à une page de formulaire modal. La page Calendrier par défaut affiche le projet, plutôt que le nom de la tâche, et affiche uniquement la date de début à laquelle le client peut souhaiter voir les événements basés sur la durée. Nous allons modifier ces éléments pour illustrer les personnalisations de base afin de vous familiariser avec le calendrier.

Présentation vidéo

APEX - Etape 6

  1. Dans l'environnement d'exécution, cliquez sur Calendrier.

    Remarque : Il se peut que vous deviez utiliser les flèches en haut du calendrier pour parcourir les mois en amont ou en aval afin de voir les données affichées.

  2. Dans la barre d'outils Développeur, cliquez sur Edit Page 6. Vous pouvez également revenir à l'onglet de navigateur APEX App Builder et accéder manuellement à la page 6.

    Nous allons modifier la colonne qui s'affiche dans la vue de calendrier et définir la durée des événements en mettant à jour les attributs de calendrier.

  3. Dans le concepteur de pages, dans le panneau d'affichage (volet de gauche), cliquez sur l'entrée Calendrier, puis sur l'onglet Attributs que vous trouverez dans l'éditeur de propriétés en tant que deuxième onglet en regard de l'onglet Région.

  4. Dans l'éditeur de propriétés (volet de droite), dans Paramètres, puis dans Afficher la colonne, cliquez sur la liste déroulante Afficher la colonne et sélectionnez TASK_NAME. Dans la liste déroulante Colonne de date de fin, sélectionnez END_DATE.

  5. Dans le concepteur de pages, dans la barre d'outils, cliquez sur Enregistrer et exécuter pour vérifier vos modifications.

    Regardez le calendrier révisé et vous pouvez vous rendre compte que le passage à des événements basés sur la durée ne sera pas aussi cool que vous le croyez. Nous allons donc apporter une légère modification et supprimer la colonne de date de fin ajoutée ci-dessus.

  6. Revenez à APEX App Builder et, dans Page Designer, sélectionnez Page 6. Dans l'arborescence de rendu (volet de gauche), cliquez sur Calendrier, puis de nouveau sur Attributs dans l'onglet de page le plus à droite.

  7. Dans l'éditeur de propriétés (volet de droite), pour Paramètres et Colonne de date de fin, sélectionnez - Sélectionner - pour effacer l'entrée END_DATE et rendre votre calendrier un peu plus convivial.

  8. Dans le concepteur de pages, cliquez sur Sauvegarder et exécuter pour voir votre calendrier amélioré.

    La prochaine amélioration que nous apporterons est de changer ce que fait un clic sur un événement de calendrier. Actuellement, lorsque vous cliquez ou survolez une entrée de calendrier, les détails de l'événement sont affichés. Le client estime qu'il serait plus utile de permettre aux utilisateurs finaux d'accéder directement au formulaire Tâche de projet afin qu'ils puissent facilement mettre à jour les détails. Nous allons donc lier les éléments du calendrier aux étapes suivantes.

  9. Accédez à APEX App Builder et assurez-vous que le concepteur de page est affiché et que la page 6 est sélectionnée.

    Nous allons créer un lien de vue/modification à partir de la région Calendrier vers la page 5, page du formulaire Tâches de projet que vous avez modifiée dans l'exercice précédent.

  10. Dans le concepteur de pages, dans l'arborescence de rendu (volet de gauche), cliquez sur Calendrier, puis sur l'onglet Attributs dans l'éditeur de propriétés (volet de droite). Dans la section Paramètres Attributs, recherchez l'entrée Afficher/Modifier le lien. Cliquez à l'endroit où il indique Aucun lien défini.

  11. Utilisez la liste déroulante et les champs de sélection pour entrer les informations suivantes dans le formulaire obtenu, puis cliquez sur OK :

    Propriété Valeur
    Type Page de cette application
    Page 5
    Définir des éléments > Nom P5_ID
    Définir des articles > Valeur &ID.
    Vider la mémoire cache 5
    Action Réinitialiser la propagation


    Il est important que le calendrier soit mis à jour chaque fois que le nom ou la date de début de la tâche est modifié à l'aide du nouveau lien. Pour vous assurer que la page est mise à jour correctement, vous devez définir une action dynamique pour actualiser la région du calendrier lorsque la boîte de dialogue (page modale) est fermée. Une action dynamique est un moyen déclaratif de définir l'interactivité côté client. Les développeurs indiquent à quel moment un événement se déclenche, quelles actions doivent être effectuées et quels composants l'action doit être effectuée.

  12. Dans le concepteur de pages, dans l'arborescence de rendu (volet gauche), cliquez avec le bouton droit de la souris sur la région Calendrier et choisissez Créer une action dynamique dans le menu.

  13. Lorsque l'action dynamique est sélectionnée, dans le volet de droite de l'éditeur de propriétés, entrez les informations suivantes :

    Groupe Propriété Valeur
    Identification Nom Actualiser le calendrier
    Quand Evénement Boîte de dialogue fermée
      Type de sélection Région
      Région Agenda


  14. Dans l'arborescence de rendu (volet de gauche), sous l'action True pour l'action dynamique, sélectionnez Afficher. Dans le volet de droite de l'éditeur de propriétés, entrez les informations suivantes :

    Groupe Propriété Valeur
    Identification Action Actualiser
    Eléments affectés Type de sélection Région
      Région Agenda


  15. Dans le concepteur de pages, dans la barre d'outils, cliquez sur Enregistrer et exécuter pour vérifier l'application terminée.

  16. Dans l'environnement d'exécution, dans le calendrier, sélectionnez un événement pour afficher le comportement du calendrier amélioré. Choisissez un élément dans le calendrier et effectuez une mise à jour. Dans la page de formulaire Tâche de projet, mettez à jour le nom et la date de début de la tâche. Cliquez sur Appliquer les modifications.

  17. Vérifiez que le calendrier est actualisé pour afficher les détails mis à jour.

Sympa ! Vous avez créé une base de données Oracle Autonomous Transaction Database et converti une feuille de calcul type en application puissante. Vous avez affiné les données et ajusté bon nombre des valeurs par défaut pour n'afficher que quelques-unes des personnalisations que les clients peuvent choisir d'améliorer encore leurs applications. N'hésitez pas à suivre cette démonstration jusqu'à ce que vous puissiez le faire sans les instructions.

Désormais, vous pouvez montrer en toute confiance à un client la puissance d'APEX et d'Oracle Autonomous Database !

Ressources de formation supplémentaires

Explorez d'autres exercices sur docs.oracle.com/learn ou accédez à davantage de contenu d'apprentissage gratuit sur le canal Oracle Learning YouTube. De plus, visitez le site education.oracle.com/learning-explorer pour devenir Oracle Learning Explorer.

Pour consulter la documentation du produit, consultez le centre d'aide Oracle.