Oracle Application Express: Développer des Applications Web

Transcription

1 Oracle Application Express: Développer des Applications Web des exercices Dans ces exercices, vous allez : utiliser Oracle Application Express pour développer des applications Web PL/SQL. IMPORTANT A la fin des séances 7-8-9, vous devez fournir l'url de vos applications avec vos informations de connection et l'export de vos applications à l'enseignant à l'adresse daphnenougier@gmail.com. 1. Exercice Préparer l'environnement de travail : Vous avez une installation Oracle Application Express accessible à partir de l'url. Accédez à votre installation à partir de l'url : Vous n'avez pas d'installation Oracle Application Express, vous allez utiliser l'environnement hosté Oracle à partir de Vous devez demander la création d'un espace de travail avec un utilisateur pour un nouveau schéma. 1. Cliquez sur Request a Free Workspace!Get Started et remplissez le formulaire avec vos Prénom, nom et adresse (l' est utilisé comme username pour vous identifier au workspace) 1

2 2. Indiquez le nom de votre workspace, par exemple : daphne_wks 3. Indiquez le nouveau schéma à créer : 4. Remplissez le formulaire décrivant l'utilisation d'apex. 5. Indiquez la raison pour laquelle vous utilisez ce service : 2

3 6. Acceptez les termes de la licence : 7. Vérifiez le code avant de soumettre la demande 8. avant de vous connecter : 3

4 9. Consulter votre messagerie, vous recevez un 1 er , vous indiquant que votre demande a été approuvée, mais que vous devez compléter le processus d'approbation en cliquant sur le lien fourni dans le message : 10. Vous recevez un 2 ème avec vos informations de connection : 11. Connectez-vous et indiquez vos informations de connection : 12. A la première connection, vous devez réinitialiser le mot de passe : 13. Reconnectez-vous ensuite avec le nouveau mot de passe. 4

5 2. Exercice 2 Utiliser Oracle Application Express en tant qu'administrateur du workspace 2.1 Dans cet exercice, vous êtes connecté au workspace en tant qu'administrateur Oracle Application Express. Vous allez créer un développeur. a. connectez-vous à Application Express : Workspace: nom du workspace Username: nom de l'utilisateur administrateur du workspace Password: mot de passe de l'utilisateur administrateur du workspace b. Créez un développeur avec les informations suivantes : Username et Password: ora<n> ora<n>@oracle.com Exercice 2-2: Utilisation de Oracle Application Express en tant que développeur Dans cet exercice, vous vous connectez à Oracle Application Express en tant que développeur, exécutez une application de démonstration, et installez une application packagée. Prérequis Vous avez créé l'utilisateur ora<n> dans l'exercice précédent. a. Connectez-vous à Oracle Application Express avec les informations suivantes : Workspace: ora<n> Username: ora<n> Password: ora<n> b. Exécutez l'application sample. c. Installez l'application packagée et les supporting objects depuis le fichier : /labs/oehr/oehr_object_app_installer.sql Note: Cette application sera utilisée pour la suite des exercices. 3. Exercice 3 Dans cet exercice, vous utilisez les composants de Atelier SQL (SQL Workshop) pour créer et modifier les tables, charger et exécuter des scripts, construire et sauvegarder des requêtes, charger et décharger des données. 3.1 Utiliser le Navigateur d'objet (Object Browser) Vous utilisez le navigateur d'objet pour voir, créer, et modifier des tables. a. Créer une table OEHR_AUDITS avec la structure suivante : 5

6 b. Afficher les données de la table OEHR_ORDERS. c. Créer une table lookup pour la table OEHR_ORDERS et utilisez la colonne ORDER_MODE. Suivez ces conventions de dénomination : Nom de la table : OEHR_ORDER_MODE_LOOKUP Nom de la séquence : OEHR_ORDER_MODE_LOOKUP_SEQ Qu'observez-vous dans les deux tables après avoir créé la table lookup? d. Afficher les données de la table OEHR_COUNTRIES et sauvegardez les données dans une feuille de calcul. Changez le type de donnée pour la colonne JOB_TITLE de la table OEHR_JOBS en varchar2 avec une longueur de 300. Exercice 3-2: Utiliser Commandes SQL, Scripts SQL, et Concepteur de requêtes (Query Builder) Dans cet exercice, vous utilisez Commandes SQL, Scripts SQL, et Concepteur de requêtes pour charger, sauvegarder et exécuter les requêtes. a. Utiliser Commandes SQL, mettez à jour la colonne ORDER_DATE de la table OEHR_ORDERS en exécutant la commande suivante : UPDATE oehr_orders SET order_date = order_date b. Chargez le fichier script CreateTerritories.sql depuis le répertoire /labs/scripts et nommez le Create Territory Table. Exécutez le script et vérifiez qu'il s'est exécuté avec succès. c. Chargez le fichier script get_sal.sql depuis le répertoire /labs/scripts et nommez-le Get Salary. Exécutez le script et corrigez les erreurs, s'il y en a. d. Utilisez la procédure get_sal et exécutez une requête qui affiche ast name, employee ID, et salary pour la table employees. Ajoutez une une colonne proposed salary, correspondant à 40% du salary courant. e. Utilisez Concepteur de requête pour créer et sauvegarder une requête qui interroge : department ID, name,city, state, et country name pour chaque département Exercice 3-3: Utiliser Utilitaires Dans cet exercice, vous utilisez Atelier SQL!Utilitaires pour charger des données et générer du DDL. 6

7 a. Chargez les données depuis un fichier texte dans une nouvelle table appelée OEHR_STATES. Ce fichier est dans le répertoire /labs/files. Les données de ce fichier sont stockées sous forme de valeurs séparées par des virgules et la première ligne contient les noms de colonnes. Nommez les colonnes STATE_ID et STATE_NAME. Acceptez l'option de créer une nouvelle clé primaire et séquence. Visualisez la table créée dans Navigateur d'objet. b. Décharger les données de la table OEHR_ORDERS dans un fichier CSV. Vérifiez que les noms de colonnes sont inclus dans le fichier. c. Déchargez les données de la table OEHR_JOBS dans un document XML. d. Générez un script DDL pour la table STATES et séquence. Nommez le fichier states.sql. Téléchargez et sauvegarder le fichier sous le répertoire /labs. 4. Exercice 4 : Construire une application Base de données Dans cet exercice pour créez une application depuis une feuille de calcul et vous créez deux applications. Exercice 4-1: Créer une Application à partir d'une feuille de calcul Dans cet exercice, vous créez une application depuis une feuille de calcul et vérifiez les résultats. a. Créez une application depuis une feuille de calcul nommée Tasks basée sur le fichier tasks.txt dans le répertoire /labs/scripts. Le fichier contient des informations délimitées par une tabulation et la première ligne contient le nom des colonnes. Utilisez le thème 1. b. Manipuler les données de l'application Tasks en effectuant les étapes suivantes : Etape Modification 1 Triez les tâches par start date 2 Modifiez le premier enregistrement pour changer le status à closed 2 Ajouter un enregistrement avec les détails suivants : Project Name : intégration Task Name : Plan rollout Schedule Start Date : date courante End Date : date courante +2ans Status : open Assigned to : 4 4 Affichez tous les enregistrements avec "rollout" dans le champ Task Name. Exercice 4-2: Créer des applications from Scratch Dans cet exercice, vous créez deux applications et visualisez les résultats. 7

8 a. Créez une application appelée Customers Application avec une page Etat et Panneau sur la table DEMO_CUSTOMERS. b. Créez une application appelée Order Management avec trois pages vierges pour Home, Customers, et Products. Un niveau d'onglets, utilisez le format date DD-MON-YYYY, et le Theme Exercice 5: Créer des Etats Dans ces exercices, vous construisez et manipulez un état interactif, personnaliser un état interactif et créer un état SQL et un état avec assistant. Exercice 5-1: Construire et Manipuler un Etat interactif a. Créez une région état interactif sur la page Customers appelée Customer Report qui affiche toutes les colonnes de la table OEHR_CUSTOMERS. Effectuez les personnalisations de l'état : Créez un filtre sur la ville de Philadelphia. Créer une mise en évidence pour Credit Limit supérieur à Affichez uniquement customer name, address, et credit limit. Affichez uniquement 5 lignes pour voir comment la pagination fonctionne. Supprimez le filtre créé précédemment. Affichez les lignes par ordre croissant sur state. Créer un état Group By pour afficher le nombre de customers pour une province ou state particulier. Sauvegardez l'état en privé appelé My Report. Réinitialiser l'état primaire à son état original. Visualiser une vue mono-ligne. b. Créez un état interactif pour afficher les détails pour employee_id, first_name, last_name, manager_id, commission_pct pour la table OEHR_EMPLOYEES pour ceux qui gagnent une commission. Vous devez faire les personnalisations suivantes: La direction propose d'augmenter la commission des employés dont le pourcentage est inférieur ou égal à Créez une colonne calculée pour afficher la nouvelle commission. La nouvelle commission inclut : Les employés avec un pourcentage de commission à 0.1 auront une augmentation de commission à 0.1. Les employés avec un pourcentage de commission à 0.15 auront une augmentation de commission à Créez un control break sur Manager ID. Affichez la commission maximum gagnées par les employés sous chaque manager. Télécharger l'état HTML. Sauvegardez toutes les personnalisations effectuées pour cet état pour qu'il soit disponible pour les managers mais pas en état par défaut (uniquement pour vous). Exercice 5-2: Personnaliser un Etat Interactif 8

9 Dans cet exercice, vous personnalisez l'état interactif créé dans l'exercice précédent. a. En tant que développeur, vous pouvez changer la manière dont l'état interactif est affiché pour tous les utilisateurs. Dans cet exercice vous faites les personnalisations pour l'état Commissions : Masquez EMPLOYEE_ID et changez MANAGER_ID en FIRST_NAME et LAST_NAME du manager. Supprimez l'option mise en évidence depuis le menu Actions. Ajoutez les formats downloads XLS et PDF. Supprimez l'icône Single Row View pour chaque ligne de l'état. Exercice 5-3: Créer un état SQL Dans cet exercice, vous créez un état en utilisant l'assistant SQL Report. a. Créez une nouvelle page avec un état SQL nommé Top Tier Salary dans l'application Order Management. L'état doit afficher last name, , et salary des employés qui gagnent entre $5,000 et $12,000. L'état doit contenir une barre de recherche. Exercice 5-4: Créer un Etat avec Assistant Dans cet exercice vous créez un état avec assistant et modifiez les attributs de l'état. Vous Modifiez les noms de colonnes et la définition de la requête et spécifiez des conditions sur la requête. a. Dans l'application Order Management, créez un état avec assistant pour une nouvelle page. Nommez-là Customer Address List. L'état affiche les informations d'adresse des clients : first et last names, address, city et state. Exécutez l'état. b. Modifiez l'état Customer Address List avec : Changez les entêtes pour CUST_FIRST_NAME et CUST_LAST_NAME en First Name et Last Name. Changez la Pagination à Row Ranges X to Y of Z (with pagination). Modifiez la définition de la requête et ajoutez la colonne OEHR_COUNTRIES.COUNTRY_NAME à l'état. Note: vous devez créer une jointure. 6. Exercice 6: Créer des Panneaux Dans ces exercices, vous créez un panneau sur une table, un panneau maître-détail et un panneau tabulaire. Exercice 6-1: Créer un Panneau sur une Table 9

10 Vous créez un panneau basé sur une table et liez le panneau à l'état Customer Créé précédemment. a. Créez un panneau basé sur la table OEHR_CUSTOMERS. Le panneau doit être intitulé Customer Details et contenir les champs Customer First Name, Last Name, , et Manager ID. Les autres fonctions : Vérifiez que la clé primaire a la valeur CUSTOMER_ID. La source de la clé primaire est une séquence existante. Les boutons Create, Save, et Delete sont nécessaires. Branchement à la page Customers pour à la fois: After Page Submit and Processing, et When Cancel Button Pressed. Exécutez le panneau pour vérification. b. Liez l'état Customer Report créé précédemment au nouveau panneau Customer Détails. Quand l'icone Edit est cliqué sur l'état, l'utilisateur est redirigé sur le panneau et les détails sont remplis dans le panneau. Après création du panneau, exécutez-le et vérifiez les modifications. Exercice 6-2: Créer un Panneau Maître-Détail Dans cet exercice, vous créez un panneau maître-détail et effectuez certaines modifications a. Créer un panneau maitre détail basé sur les tables OEHR_ORDERS et OEHR_ORDER_ITEMS. 1) Ajoutez une page état appelée List of Orders, sur la table maître. 2) Affichez la table maître et la table détail sur une seule page. 3) Retirez la colonne ORDER_ID de la table OEHR_ORDERS_ITEMS. 4) Utilisez l'option Existing en tant que primary key source pour les tables maître et détail. 5) Ajoutez la navigation basée sur la colonne ORDER_ID b. Sur la page Maitre détail, changez le nom de région de la région maître en Order Master, et changez le nom de la région détail en Order Details. c. Sur la page maître détail, déplacez l'élément Order Status avant Customer ID dans la région Order Master et changez le label pour Order Mode ID en Order Mode. d. sur la page Master Report page, changez le titre en List of Orders, N'affichez pas la colonne PROMOTION_ID, changez l'entête pour Order Mode ID en Order Mode, et changez l'entête pour Sales Rep ID en Sales Rep. Exercice 6-3: Créer un Panneau Tabulaire Dans cet exercice, vous créez et manipulez un panneau tabulaire. a. Créez un panneau tabulaire qui affiche les colonnes CUST_FIRST_NAME, 10

11 CUST_LAST_NAME, et CUST_ . La colonne CUST_ est la seule colonne modifiable. Changez la largeur de l'élément CUST_ à Exercice 7: Travaillez avec les Pages et Régions Dans cet exercice vous créez une variété de pages et régions et vous les modifiez. Exercice 7-1: Travailler avec les pages et les régions Dans cet exercice, vous créez une région état sur la page Products et modifiez les attributs de l'état. Vous créez une sidebar region et une région hide and show, et ajoutez un footer à la page Customer Details. Enfin vous créez une page zero avec une région qui apparaît sur toutes les pages de votre application a. Créez une région état appelée List of Products sur la page Products. Utilisez un état SQL Report et affichez toutes les lignes de la table OEHR_PRODUCTS_INFORMATION. Exécutez l'état après création. b. Modifiez l'état en sous-région de la région parent Product et affichez uniquement les colonnes Product ID, Product Name, Product Status, Category ID, et List Price dans l'état. Vous devez afficher uniquement 10 lignes en même temps et afficher la pagination dans une select list. Exécutez ensuite l'état. c. Créez une région Hint sidebar region sur le côté droit de la page Customer Details avec le code HTML localisé dans le fichier /labs/scripts/lab7-1.txt) d. Ajoutez un footer à la région Customer Details sur la page Customer Details avec le message fourni dans le fichier /labs/scripts/lab7-2.txt apparaissant en bas de la région e. Le client interagit avec les clients chaque jour. Fournissez au client une checklist that qui inclut le texte localisé dans le fichier /labs/scripts/lab7-3.txt. Cette check list n'est pas affichée par défaut. Le client à une option pour voir la checklist quand il veut. Créez une région Hide and Show correspond à cette attente. f. Créez une region appelée In the News sur la page zero avec le code fourni dans le fichier /labs/scripts/lab7-4.txt 8. Exercice 8: Comprendre l'etat de Session et débugger Dans ces exercices, vous examinez comment l'état de session et le debugging fonctionnent. 11

12 Exercice 8-1: Comprendre l'etat de Session Dans cet exercice, vous ajoutez un bouton Create pour la page Customers. Le bouton redirige vers la page Customer Details quand vous cliquez dessus. Vous effacez le cache aussi quand le bouton est appuyé pour que le panneau Customer Details soit vidé. Vous visualisez l'état de session et ajoutez les valeurs de first name et last name sur l'entête de la région Customer Details. a. Sur la page Customers de l'application Order Management, ajoutez un bouton de région Create qui permet de naviguer sur la page Customer Details. b. Exécutez la page et visualisez un enregistrement. Cliquez sur Cancel puis cliquez sur le bouton Create Qu'observez-vous? c. Editez le bouton et effacez le cache pour la page Customer Details. d. Editez un enregistrement et visualisez l'état de session Pourquoi Toutes les valeurs pour tous les éléments de la page Customer Details n'apparaissent pas? e. Changez le lien de colonne sur l'état Customer Report pour inclure la valeur de l'élément P<n>_CUST_FIRST_NAME. f. Sur la page Customer Details, changez le titre de la région Customer Details et utilisez le texte fourni dans le fichier /labs/scripts/lab9-1.txt). Modifiez la valeur n de P<n> avec votre numéro de page. Exécutez la page. Qu'observez-vous? Exercice 8-2: Debugger votre Application Dans cet exercice, vous activez le débogage de votre application, exécutez une page, activez debug on, effectuez une modification et visualisez les résultats. a. Activer le Debugging pour l'application Order Management. b. Exécutez la page Customer Details. Vérifiez qu'un enregistrement est dans l'état de session. Si la page est vide, cliquez sur Cancel et sélectionnez un client depuis l'état. c. Activez debug on. d. Effectuez une modification sur le customer last name et cliquez sur Apply Changes. e. Visualisez les résultats de Debug. Qu'observez-vous? 9. Exercice 9: Ajouter des éléments et des boutons Dans ces exercices, vous créez une variété d'éléments, changez la manière dont ils fonctionnent et changez la mise en page. Vous créez aussi une page de chargement de fichiers, pour les visualiser et les télécharger. Exercice 9-1: Ajouter des éléments et des boutons 12

13 Dans cet exercice, vous créez un panneau Customer Feedback contenant des éléments et des boutons. Vous créez un bouton dans l'état Customers report pour le lier au panneau feedback. a. Créez une nouvelle page appelée Customer Feedback, avec un historique de page sur la page Customers. b. Ajoutez les éléments suivant au panneau : un champ texte : Customer ID une zone de texte : Feedback un sélecteur de date : Added On c. Ajoutez un bouton sur la page Customers pour rediriger sur la page Customer Feedback. d. Ajoutez un bouton Apply sur la page Customer Feedback. e. Ajoutez un bouton Cancel sur la page Customer Feedback pour rediriger sur la page Customers. Exercice 9-2: Manipuler les éléments Dans cet exercice, vous ajoutez des types d'éléments supplémentaires (select list, cascading LOV) et modifiez la manière dont les éléments du panneau Customer Details sont affichés. Modifiez la page Customer Details de la manière suivante : a. Modifiez l'élément Account Manager en select list avec la requête fournie dans le fichier /labs/scripts/lab9-1.txt). b. Ajoutez une pick list sur l'élément Account Manager avec les label/valeurs : Label Valeurs Bates, Elizabeth 172 Russell, John 145 Cambrault, Gerald 148 c. Ajoutez un élément select list appelé Country contenant la requête fournie dans le fichier /labs/scripts/lab9-2.txt). Cet élément permet les nulls. d. Ajoutez un autre élément, City, basé sur l'élément Country que vous venez de créer avec la requête fournie dans le fichier /labs/scripts/lab9-3.txt). Sélectionnez l'élément Country comme cascading LOV. Note: Vous devez changer la requête pour ne pas avoir plusieurs lignes : select CITY display_value, CITY return_value from OEHR_LOCATIONS where country_id = :P<n>_COUNTRY_ID order by 1 Exercice 9-3: Créer une Page de Chargement Déchargement Dans cet exercice, vous créez un panneau dans une région HTML avec un élément file upload et un bouton. Le bouton soumet la page et permet de rester sur la même page. Vous créez un état sur la table document avec un lien pour télécharger les 13

14 documents de l'état. a. Créer une page vierge sur la page 802 appelée Upload Download Files avec une région HTML appelée Submit File contenant un élément de type File Browse sur le type de source WWV_FLOW_FILES. Créez un bouton Submit et chargez le fichier oralogo.gif depuis le répertoire /labs/files. Note A chaque fois que vous chargez un script dans Atelier SQL ou chargez un fichier dans Shared Components pour une application, la référence au fichier est placée dans la table WWV_FLOW_FILES. b. Créez une sous-région état interactif appelée Uploaded Files avec la requête fournie dans le fichier /labs/scripts/lab9-4.txt): SELECT id, filename FROM APEX_APPLICATION_FILES order by created_on desc c. Modifiez l'état pour créer un lien sur la colonne ID pour télécharger le fichier. 10. Exercices 10: Inclure le traitement de Page Dans cet exercice, vous examinez comment les calculs, traitements et validations fonctionnent. Exercice 10-1: Créer et Manipuler les Calculs, Traitements et Validations Dans cet exercice, vous effectuez les modifications sur la page Customer Details page de l'application Order Management : Créez un calcul qui modifie l'adresse en majuscules après soumission de la page. Ajoutez un élément Phone Number et créez un traitement qui remplit la valeur de l'élément quand la page est affichée. Changez la séquence des traitements et ajoutez un traitement pour insérer un enregistrement dans la table oehr_audits à chaque fois qu'un client est ajouté. Créez une validation String Comparison pour vérifier qu'il n'y a aucun espace dans la valeur . Examinez la validation pour les éléments obligatoires. a. Créez un calcul After Submit PL/SQL Expression sur l'élément P<n>_CUST_ . L'expression PL/SQL doit être : upper(:p<n>_cust_ ). Testez la page pour voir si l'adresse est stockée en majuscules. b. Ajoutez un élément Display Only appelé P<n>_PHONE_NUMBER. Créez un traitement Before Region pour charger le phone number dans l'élément que vous venez de créer. Le code est fourni dans le fichier labs/scripts/lab10-1.txt): for c1 in ( select phone_number from oehr_customers where customer_id = :P<N>_CUSTOMER_ID 14

15 ) loop :P<N>_PHONE_NUMBER := c1.phone_number; end loop; c. Modifiez le traitement Process Row of OEHR_CUSTOMERS pour ajouter l'élément P<n>_CUSTOMER_ID dans le champ Return Key into Item. Modifiez le traitement Reset process to execute right avant le traitement Process Row of OEHR_CUSTOMERS process. d. Ajoutez un traitement After Submit PL/SQL appelé audit insert avec le numéro de sequence à 10 et le code PL/SQL fourni dans le fichier /labs/scripts/lab10-2.txt). Définissez le message success message à You have been audited. 11. Exercice 11: Utiliser les Utilitaires d' Application et de Page Dans ces exercices, vous examinez les utilitaires d'application disponibles avec Oracle Application Express. Exercice 11-1: Utiliser Advisor Dans cet exercice, vous utilisez advisor pour valider votre application. a. Exécutez Advisor et corrigez le warning sur la page Products pour spécifier un ordre de tri. b. Exécutez Advisor pour la page Products uniquement. c. Exécutez Advisor et corrigez le warning sur l'élément P<n>_CUST_ en définissant le texte d'aide. d. Changez le paramétrage pour Advisor pour ne plus avoir d'erreurs ou de warnings. Exercice 11-2: Gérer votre dictionnaire d'attributs Dans cet exercice, vous mettez à jour le dictionnaire d'attributs en fonction des éléments et colonnes d'état de vos pages. a. Modifiez les largeurs des éléments sur la page Customer Details de l'application Order Management : Item Attribute Value P<n>_CUST_FIRST_NAME Width 60 P<n>_CUST_LAST_NAME Width 60 P<n>_CUST_ Width 60 b. Ajoutez les éléments de la page Customer Details sur le Dictionnaire d'attributs. 15

16 c. Visualiser l'interface graphique par défaut dans Atelier SQL. Changez le texte d'aide pour CUST_FIRST_NAME en Customer First Name et ajoutez un synonyme appelé FIRST_NAME. d. Vérifiez que OEHR_CUSTOMERS n'est pas dans le Dictionnaire de Table. e. Mettez à jour le dictionnaire d'attributs pour les éléments de la page Customer Detail. f. Mettez à jour la page Customers pour utiliser les valeurs par défaut du dictionnaire d'attributs. Vérifiez en regardant le texte d'aide pour la colonne First Name de l'état. g. Créez une nouvelle page panneau basée sur la table OEHR_CUSTOMERS. Vérifiez que l'interface graphique par défaut est activée. Exécutez la page pour voir si le dictionnaire d'attribut est utilisé. 12. Exercice 12: Ajouter des Composants Partagés pour la Navigation Dans ces exercices, vous créez une liste et une région de type liste. Vous créez et modifier les onglets. Vous gérer le texte d'aide. Vous ajoutez une entrée de barre de navigation. Vous ajoutez un historique d'accès. Exercice 12-1: Créer des Listes et des Régions Listes Créer une liste de liens de navigation. Utiliser ces liens pour naviguer sur les pages Customers, Products, and Orders. a. Dans l'application Order Management, créez une liste appelée Home Page List avec les entrées de liste suivantes : View Customers (liée à la page Customers) View Products (liée à la page Products) View Orders (liée à la page Orders) b. Créer une sous-région de type liste appelée Tasks dans la région Home. Exercice 12-2: Créer et Modifier les onglets standards Dans cet exercice, vous changez l'ordre dans lequel les onglets standards sont séquencés dans l'application. Vous créez aussi une page Help et un onglet Help sur l'onglet existant. a. Modifiez l'ordre des onglets pour que l'onglet Products soit placé avant (à gauche) de l'onglet Customers. b. Créez une page appelée Help, et ajoutez un nouvel onglet Help, au jeu d'onglet existant. Le nouvel onglet Help sera lié à la nouvelle page Help. Exercice 12-3: Gérer le Texte d'aide de l'application 16

17 Dans cet exercice, vous créez une région texte d'aide sur la page Help. Ajoutez le texte d'aide à une page, remplissez le texte d'aide pour tous les éléments (et définissez le texte d'aide par défaut) dans votre application et regardez comment le texte d'aide au niveau élément fonctionne. a. Créez une région help text appelée Help sur la page Help. b. Changez le texte d'aide pour la page Customers avec le texte fourni dans le /labs/scripts/lab13-1.txt): c. Remplissez tous les textes d'aide des éléments avec le texte courant fourni et entrez le texte d'aide par défaut si aucun texte d'aide n'est fourni avec le texte du fichier /labs/scripts/lab13-2.txt) d. Exécutez la page et sélectionnez certains labels sur la page Customer Details pour voir le texte d'aide Exercice 12-4: Ajouter des entrées de barre de Navigation Dans cet exercice, vous ajoutez une entrée de barre de navigation qui montre l'aide au niveau page. Vous modifiez le nom d'une entrée et ajoutez une autre entrée affichée sur toutes les pages exceptée celle où vous naviguez. a. Créez une entrée de barre de navigation appelée Help qui permet de naviguer sur la page Help. Vérifiez que le paramètre Request est défini à &APP_PAGE_ID. pour que l'on puisse afficher le texte d'aide de la page courante. Exécuter la page et cliquez sur l'entrée de barre de navigation Help. b. Changez le nom de l'entrée de barre de navigation pour Logout à Sign Off. c. Ajoutez une entrée de barre de navigation appelée Home. Affichez cette entrée sur toutes les pages exceptée la page Home. Exercice 12-5: Ajouter un historique d'accès et des onglets Dans cet exercice, vous créez un historique d'accès et ajoutez un onglet à une page existante. a. Sur la page Customer Details, créez un historique d'accès appelé Customer Details dont l'entrée parent est Customers (page 2). b. Associez l'onglet à la page Customer Details. 13. Exercice 13: Afficher du contenu dynamique Dans ces exercices, vous examinez comment les actions dynamiques, les plug-ins, graphiques, calendriers, et hiérarchies fonctionnent. Exercice 13-1: Utilisation des actions dynamiques sur votre Page 17

18 Dans ces exercices, vous créez des actions dynamiques : action dynamique Standard pour montrer le l'élément Commission Pct si le Job Id est égal à SA_REP. action dynamique avancée qui définit la valeur de Location quand le Department change. a. Créez une nouvelle page panneau avec une page état sur la table OEHR_EMPLOYEES. Nommez l'état Employee List. Cet état contient FIRST_NAME, LAST_NAME, , et JOB_ID. Créez un nouvel onglet appelé Employees dans l'onglet courant. Le nom du panneau est Employee Details, et il contient toutes les colonnes ; autorise insert, update, et delete; et utilise la clé primaire par défaut et le trigger. Testez vos pages. b. Sur la page Employee Details, changez l'élément P<n>_JOB_ID en select list basé sur la requête du fichier (/labs/scripts/lab13-1.txt): c. Créez une action dynamique standard show/hide, appelée JOB EQUALS SALES REP, sur l'élément P<n>_JOB_ID item, où, si la valeur de l'élément est SA_REP, l'élément P<n>_COMMISSION_PCT est affiché. Testez la page. d. Créez un nouvel élément display-only P<n>_LOCATION dont la valeur est sauvegardée dans l'état de session. e. Changez l'élément P<n>_DEPARTMENT_ID en select list basé sur la requête fournie dans le fichier /labs/scripts/lab13-2.txt): f. Créez une action dynamique avancée appelée P<n>_LOCATION, qui définit la valeur du nouvel élément crée quand la valeur de P<n>_DEPARTMENT_ID change. La valeur de P<n>_LOCATION doit être définie en utilisant un ordre SQL. Exercice 13-2: Importer et Utiliser le Plug-In Star Rating Dans cet exercice, vous ajouter le plug-in Star Rating dans votre application et l'ajoutez en tant qu'élément sur votre page. a. Ajoutez une nouvelle colonne à la table OEHR_EMPLOYEES en utilisant la commande SQL fournie dans le fichier /labs/scripts/lab13-4.txt): b. Importez le plug-in Star Rating en utilisant le fichier item_type_plugin_com_oracle_star_rating.sql depuis le répertoire /labs/files. c. Créez un élément plug-in appelé P<n>_RATING utilisant le plug-in Star Rating. Acceptez le paramétrage par défaut. Stockez la valeur de l'élément sur la colonne RATING. Testez votre page. Exercice 13-3: Créer et Modifier des graphiques Flash Dans cet exercice, vous créez une nouvelle page graphique avec un graphique Horizontal Bar 3D Bar. Vous modifiez ensuite le graphique et le changez en en 18

19 graphique 3D Column Chart et modifier certains paramètres pour voir comment il fonctionne a. Créez une nouvelle page Flash chart avec un graphique Horizontal Bar - 3D Bar. Utilisez Employees by Department pour le Titre, Number of Employees pour X- Axis, et Departments pour Y-Axis. Utilisez la requête suivante fournie dans le fichier /labs/scripts/lab13-5.txt). Testez votre page. b. Modifiez votre graphique et changez-le en graphique 3D Column Chart avec look 7. Ajoutez X-Axis scrollbars, Entrez 45 pour X-Axis label rotation, inversez les titres X et Y axes, et définissez Max Y Axis à 20. Testez votre page. Exercice 13-4: Créer un Calendrier Dans cet exercice, vous créez un calendrier sur la page List of Orders qui affiche le total de commandes par jour. Vous liez aussi la page Maître Détail à la commande sélectionnée. Tasks a. Sur la page List of Orders, créez une région Easy Calendar calendar appelée Order Calendar. Changez le numéro de séquence à 5 pour qu'elle apparaisse en haut de la page. Basez le calendrier sur la table OEHR_ORDERS et définissez Date Column à ORDER_DATE et Display Column à ORDER_TOTAL. Testez votre page. b. Ajoutez un lien de colonne vers la page Maître Détail. Testez votre page. Exercice 13-5: Créer une hiérarchie dont les nœuds sont des liens vers une page différente. Dans cet exercice, vous créez une nouvelle page avec une région hiérarchie et un lien vers la page Employee Details. Ajoutez un bouton sur la page Employee Details pour revenir sur la page tree. a. Créez une page Tree appelée Employees by Manager qui utilise le Template tree par défaut. Sélectionnez les options appropriées dans l'assistant pour la requête courante fournie dans le fichier /lab13-6.txt) b. Ajoutez un bouton sur la page Employee Details appelée Employee Hierarchy qui navigue vers la page tree Employees by Manager. 14. Exercices 14: Travailler avec les Themes,Templates, et Fichiers Dans cet exercice, vous examinez comment fonctionne les thèmes, templates et fichiers. Exercice 14-1: Travailler avec les Themes, Templates, et Fichiers 19

20 Dans cet exercice, vous changez de thème pour l'application Order Management application et chargez une image et l'ajoutez en tant que logo d'une application. Vous changez le Template d'une région existante. Vous copiez un Template de région existant, vous effectuez une modification sur un Template personnalisé et l'associez à une région de votre page. Enfin vous chargez une feuille de style et changez le Template personnalisé pour qu'il utilise les classes de la feuille de style et vous ajoutez une classe pour le texte d'aide. a. Créez un nouveau theme (Theme 1) pour votre application. Après création du thème, utilisez ce thème pour votre application. b. Chargez l'image oralogo.gif depuis votre répertoire /labs/files et ajoutez-le en tant que logo de votre application. c. sur la page Home (Page 1), changez le template pour Tasks pour utiliser le template Navigation Region et remplacez le Template List par Vertical Sidebar List. Changez la région pour qu'elle ne soit plus une sous-région et supprimez la région Home. d. Copiez le Template Region without Buttons and Titles en template Region without Buttonsand Titles Custom. e. Ajoutez la ligne suivante du fichier /labs/scripts/lab14-1.txt) juste après la dernière ligne de la définition de Template f. Changez le template utilisé par Employee List Region sur la page Employee List afin qu'elle utilse le Template personnalisé que vous venez de modifier. g. Chargez le fichier apexstyle.css depuis le répertoire /labs/files. h. Ajoutez la feuille de style au Template de Page sur la page Employee List. La ligne de code est fournie dans le fichier /labs/scripts/lab14-2.txt). 15. Exercices 15: Administrer les espaces de travail Oracle Application Express Dans cet exercice, vous examinez comment administrer votre espace de travail. Exercice 15-1: Administrer les espaces de travail Oracle Application Express Dans cet exercice, vous créez trois utilisateurs : un développeur, un administrateur d'espace de travail et un utilisateur final. Vous effectuez les tâches d'administration comme la surveillance de l'activité d'un utilisateur et purgez les journaux d'activité et l'etat de session d'un développeur. Vous faites la demande d'ajout d'un schéma existant à votre espace de travail et regardez l'état résumé de l'utilisation de l'espace de travail. a. Créez les utilisateurs suivants : 20