introduction introduction ergonomie tri par cartes formulaires interface installation lanceur...
TRANSCRIPT
![Page 1: INTRODUCTION INTRODUCTION ERGONOMIE Tri par cartes Formulaires Interface Installation Lanceur Documentation TECHNOLOGIES XML + XSL CSS Formulaires génériques](https://reader035.vdocument.in/reader035/viewer/2022062621/551d9d84497959293b8bf19e/html5/thumbnails/1.jpg)
![Page 2: INTRODUCTION INTRODUCTION ERGONOMIE Tri par cartes Formulaires Interface Installation Lanceur Documentation TECHNOLOGIES XML + XSL CSS Formulaires génériques](https://reader035.vdocument.in/reader035/viewer/2022062621/551d9d84497959293b8bf19e/html5/thumbnails/2.jpg)
INTRODUCTIONINTRODUCTION
ERGONOMIETri par cartes Formulaires
InterfaceInstallation
LanceurDocumentation
TECHNOLOGIESXML + XSL
CSSFormulaires génériques
PDFLIB JPGRAPH
BASE DE DONNEESSauvegardeRestauration
Clés étrangères
POCKET PCIntroduction
Démonstration
CONCLUSION
INTRODUCTION
• Logiciel de réservation hôtelière
• Interface Web
• Produit fini
• Étude technologique dans le cahier des charges
![Page 3: INTRODUCTION INTRODUCTION ERGONOMIE Tri par cartes Formulaires Interface Installation Lanceur Documentation TECHNOLOGIES XML + XSL CSS Formulaires génériques](https://reader035.vdocument.in/reader035/viewer/2022062621/551d9d84497959293b8bf19e/html5/thumbnails/3.jpg)
INTRODUCTION
ERGONOMIEERGONOMIETri par cartesTri par cartes Formulaires
InterfaceInstallation
LanceurDocumentation
TECHNOLOGIESXML + XSL
CSSFormulaires génériques
PDFLIB JPGRAPH
BASE DE DONNEESSauvegardeRestauration
Clés étrangères
POCKET PCIntroduction
Démonstration
CONCLUSION
ERGONOMIE TRI PAR CARTES
• Méthode utilisée par de grandes entreprises
• Principe– Panel de testeurs– Regroupement des fonctions en groupes logiques
• Adapter les menus aux clients
![Page 4: INTRODUCTION INTRODUCTION ERGONOMIE Tri par cartes Formulaires Interface Installation Lanceur Documentation TECHNOLOGIES XML + XSL CSS Formulaires génériques](https://reader035.vdocument.in/reader035/viewer/2022062621/551d9d84497959293b8bf19e/html5/thumbnails/4.jpg)
INTRODUCTION
ERGONOMIEERGONOMIETri par cartesFormulairesFormulaires Interface
InstallationLanceur
Documentation
TECHNOLOGIESXML + XSL
CSSFormulaires génériques
PDFLIB JPGRAPH
BASE DE DONNEESSauvegardeRestauration
Clés étrangères
POCKET PCIntroduction
Démonstration
CONCLUSION
ERGONOMIEFORMULAIRES
• Choix de javascript comme technologie de vérification
– Champs obligatoires remplis
– Format des champs conformes
![Page 5: INTRODUCTION INTRODUCTION ERGONOMIE Tri par cartes Formulaires Interface Installation Lanceur Documentation TECHNOLOGIES XML + XSL CSS Formulaires génériques](https://reader035.vdocument.in/reader035/viewer/2022062621/551d9d84497959293b8bf19e/html5/thumbnails/5.jpg)
INTRODUCTION
ERGONOMIEERGONOMIETri par cartes Formulaires
InterfaceInterfaceInstallation
LanceurDocumentation
TECHNOLOGIESXML + XSL
CSSFormulaires génériques
PDFLIB JPGRAPH
BASE DE DONNEESSauvegardeRestauration
Clés étrangères
POCKET PCIntroduction
Démonstration
CONCLUSION
ERGONOMIE INTERFACE
• Bulles d'aides
• Raccourcis clavier
• Rechargement des cadres
• Menu dynamique
![Page 6: INTRODUCTION INTRODUCTION ERGONOMIE Tri par cartes Formulaires Interface Installation Lanceur Documentation TECHNOLOGIES XML + XSL CSS Formulaires génériques](https://reader035.vdocument.in/reader035/viewer/2022062621/551d9d84497959293b8bf19e/html5/thumbnails/6.jpg)
INTRODUCTION
ERGONOMIEERGONOMIETri par cartes Formulaires
InterfaceInterfaceInstallation
LanceurDocumentation
TECHNOLOGIESXML + XSL
CSSFormulaires génériques
PDFLIB JPGRAPH
BASE DE DONNEESSauvegardeRestauration
Clés étrangères
POCKET PCIntroduction
Démonstration
CONCLUSION
ERGONOMIE INTERFACE
![Page 7: INTRODUCTION INTRODUCTION ERGONOMIE Tri par cartes Formulaires Interface Installation Lanceur Documentation TECHNOLOGIES XML + XSL CSS Formulaires génériques](https://reader035.vdocument.in/reader035/viewer/2022062621/551d9d84497959293b8bf19e/html5/thumbnails/7.jpg)
INTRODUCTION
ERGONOMIEERGONOMIETri par cartes Formulaires
InterfaceInterfaceInstallation
LanceurDocumentation
TECHNOLOGIESXML + XSL
CSSFormulaires génériques
PDFLIB JPGRAPH
BASE DE DONNEESSauvegardeRestauration
Clés étrangères
POCKET PCIntroduction
Démonstration
CONCLUSION
ERGONOMIE INTERFACE
![Page 8: INTRODUCTION INTRODUCTION ERGONOMIE Tri par cartes Formulaires Interface Installation Lanceur Documentation TECHNOLOGIES XML + XSL CSS Formulaires génériques](https://reader035.vdocument.in/reader035/viewer/2022062621/551d9d84497959293b8bf19e/html5/thumbnails/8.jpg)
INTRODUCTION
ERGONOMIEERGONOMIETri par cartes Formulaires
InterfaceInstallationInstallation
LanceurDocumentation
TECHNOLOGIESXML + XSL
CSSFormulaires génériques
PDFLIB JPGRAPH
BASE DE DONNEESSauvegardeRestauration
Clés étrangères
POCKET PCIntroduction
Démonstration
CONCLUSION
ERGONOMIEINSTALLATION
• Installation pour un non informaticien
• Configuration automatique des serveurs Apache et MySQL
• Distribution sur CD-ROM
![Page 9: INTRODUCTION INTRODUCTION ERGONOMIE Tri par cartes Formulaires Interface Installation Lanceur Documentation TECHNOLOGIES XML + XSL CSS Formulaires génériques](https://reader035.vdocument.in/reader035/viewer/2022062621/551d9d84497959293b8bf19e/html5/thumbnails/9.jpg)
INTRODUCTION
ERGONOMIEERGONOMIETri par cartes Formulaires
InterfaceInstallationInstallation
LanceurDocumentation
TECHNOLOGIESXML + XSL
CSSFormulaires génériques
PDFLIB JPGRAPH
BASE DE DONNEESSauvegardeRestauration
Clés étrangères
POCKET PCIntroduction
Démonstration
CONCLUSION
ERGONOMIEINSTALLATION
![Page 10: INTRODUCTION INTRODUCTION ERGONOMIE Tri par cartes Formulaires Interface Installation Lanceur Documentation TECHNOLOGIES XML + XSL CSS Formulaires génériques](https://reader035.vdocument.in/reader035/viewer/2022062621/551d9d84497959293b8bf19e/html5/thumbnails/10.jpg)
INTRODUCTION
ERGONOMIEERGONOMIETri par cartes Formulaires
InterfaceInstallationInstallation
LanceurDocumentation
TECHNOLOGIESXML + XSL
CSSFormulaires génériques
PDFLIB JPGRAPH
BASE DE DONNEESSauvegardeRestauration
Clés étrangères
POCKET PCIntroduction
Démonstration
CONCLUSION
ERGONOMIEINSTALLATION
![Page 11: INTRODUCTION INTRODUCTION ERGONOMIE Tri par cartes Formulaires Interface Installation Lanceur Documentation TECHNOLOGIES XML + XSL CSS Formulaires génériques](https://reader035.vdocument.in/reader035/viewer/2022062621/551d9d84497959293b8bf19e/html5/thumbnails/11.jpg)
INTRODUCTION
ERGONOMIEERGONOMIETri par cartes Formulaires
InterfaceInstallationInstallation
LanceurDocumentation
TECHNOLOGIESXML + XSL
CSSFormulaires génériques
PDFLIB JPGRAPH
BASE DE DONNEESSauvegardeRestauration
Clés étrangères
POCKET PCIntroduction
Démonstration
CONCLUSION
ERGONOMIEINSTALLATION
![Page 12: INTRODUCTION INTRODUCTION ERGONOMIE Tri par cartes Formulaires Interface Installation Lanceur Documentation TECHNOLOGIES XML + XSL CSS Formulaires génériques](https://reader035.vdocument.in/reader035/viewer/2022062621/551d9d84497959293b8bf19e/html5/thumbnails/12.jpg)
INTRODUCTION
ERGONOMIEERGONOMIETri par cartes Formulaires
InterfaceInstallationInstallation
LanceurDocumentation
TECHNOLOGIESXML + XSL
CSSFormulaires génériques
PDFLIB JPGRAPH
BASE DE DONNEESSauvegardeRestauration
Clés étrangères
POCKET PCIntroduction
Démonstration
CONCLUSION
ERGONOMIEINSTALLATION
![Page 13: INTRODUCTION INTRODUCTION ERGONOMIE Tri par cartes Formulaires Interface Installation Lanceur Documentation TECHNOLOGIES XML + XSL CSS Formulaires génériques](https://reader035.vdocument.in/reader035/viewer/2022062621/551d9d84497959293b8bf19e/html5/thumbnails/13.jpg)
INTRODUCTION
ERGONOMIEERGONOMIETri par cartes Formulaires
InterfaceInstallationInstallation
LanceurDocumentation
TECHNOLOGIESXML + XSL
CSSFormulaires génériques
PDFLIB JPGRAPH
BASE DE DONNEESSauvegardeRestauration
Clés étrangères
POCKET PCIntroduction
Démonstration
CONCLUSION
ERGONOMIEINSTALLATION
![Page 14: INTRODUCTION INTRODUCTION ERGONOMIE Tri par cartes Formulaires Interface Installation Lanceur Documentation TECHNOLOGIES XML + XSL CSS Formulaires génériques](https://reader035.vdocument.in/reader035/viewer/2022062621/551d9d84497959293b8bf19e/html5/thumbnails/14.jpg)
INTRODUCTION
ERGONOMIEERGONOMIETri par cartes Formulaires
InterfaceInstallation
LanceurLanceurDocumentation
TECHNOLOGIESXML + XSL
CSSFormulaires génériques
PDFLIB JPGRAPH
BASE DE DONNEESSauvegardeRestauration
Clés étrangères
POCKET PCIntroduction
Démonstration
CONCLUSION
ERGONOMIELANCEUR
• Lance les serveurs Apache et MySQL
• Interface simplifiée
• Lancement automatique au démarrage
![Page 15: INTRODUCTION INTRODUCTION ERGONOMIE Tri par cartes Formulaires Interface Installation Lanceur Documentation TECHNOLOGIES XML + XSL CSS Formulaires génériques](https://reader035.vdocument.in/reader035/viewer/2022062621/551d9d84497959293b8bf19e/html5/thumbnails/15.jpg)
INTRODUCTION
ERGONOMIEERGONOMIETri par cartes Formulaires
InterfaceInstallation
LanceurDocumentationDocumentation
TECHNOLOGIESXML + XSL
CSSFormulaires génériques
PDFLIB JPGRAPH
BASE DE DONNEESSauvegardeRestauration
Clés étrangères
POCKET PCIntroduction
Démonstration
CONCLUSION
ERGONOMIEDOCUMENTATION
UTILISATEUR
• Documentation générée dynamiquement
• Documentation intuitive et complète
• Guide pas à pas
![Page 16: INTRODUCTION INTRODUCTION ERGONOMIE Tri par cartes Formulaires Interface Installation Lanceur Documentation TECHNOLOGIES XML + XSL CSS Formulaires génériques](https://reader035.vdocument.in/reader035/viewer/2022062621/551d9d84497959293b8bf19e/html5/thumbnails/16.jpg)
INTRODUCTION
ERGONOMIEERGONOMIETri par cartes Formulaires
InterfaceInstallation
LanceurDocumentationDocumentation
TECHNOLOGIESXML + XSL
CSSFormulaires génériques
PDFLIB JPGRAPH
BASE DE DONNEESSauvegardeRestauration
Clés étrangères
POCKET PCIntroduction
Démonstration
CONCLUSION
ERGONOMIEDOCUMENTATION
UTILISATEUR
![Page 17: INTRODUCTION INTRODUCTION ERGONOMIE Tri par cartes Formulaires Interface Installation Lanceur Documentation TECHNOLOGIES XML + XSL CSS Formulaires génériques](https://reader035.vdocument.in/reader035/viewer/2022062621/551d9d84497959293b8bf19e/html5/thumbnails/17.jpg)
INTRODUCTION
ERGONOMIETri par cartes Formulaires
InterfaceInstallation
LanceurDocumentation
TECHNOLOGIESTECHNOLOGIESXML + XSLXML + XSL
CSSFormulaires génériques
PDFLIB JPGRAPH
BASE DE DONNEESSauvegardeRestauration
Clés étrangères
POCKET PCIntroduction
Démonstration
CONCLUSION
TECHNOLOGIESFormats XML et XSLT
• Feuilles de style XSLT– Affichage sélectif des données– Collaboration avec CSS
• Schemas XML– Choix : Document Type Definition (DTD)– Générés par XMLSpy, puis retouchés manuellement
![Page 18: INTRODUCTION INTRODUCTION ERGONOMIE Tri par cartes Formulaires Interface Installation Lanceur Documentation TECHNOLOGIES XML + XSL CSS Formulaires génériques](https://reader035.vdocument.in/reader035/viewer/2022062621/551d9d84497959293b8bf19e/html5/thumbnails/18.jpg)
INTRODUCTION
ERGONOMIETri par cartes Formulaires
InterfaceInstallation
LanceurDocumentation
TECHNOLOGIESTECHNOLOGIESXML + XSL
CSSCSSFormulaires génériques
PDFLIB JPGRAPH
BASE DE DONNEESSauvegardeRestauration
Clés étrangères
POCKET PCIntroduction
Démonstration
CONCLUSION
TECHNOLOGIESCSS
• Technologie éprouvée
• Création de charte graphique
• Permet de modifier ou d’ajouter un thème
![Page 19: INTRODUCTION INTRODUCTION ERGONOMIE Tri par cartes Formulaires Interface Installation Lanceur Documentation TECHNOLOGIES XML + XSL CSS Formulaires génériques](https://reader035.vdocument.in/reader035/viewer/2022062621/551d9d84497959293b8bf19e/html5/thumbnails/19.jpg)
INTRODUCTION
ERGONOMIETri par cartes Formulaires
InterfaceInstallation
LanceurDocumentation
TECHNOLOGIESTECHNOLOGIESXML + XSL
CSSFormulaires Formulaires génériquesgénériques
PDFLIB JPGRAPH
BASE DE DONNEESSauvegardeRestauration
Clés étrangères
POCKET PCIntroduction
Démonstration
CONCLUSION
TECHNOLOGIESFORMULAIRES GENERIQUES
• Nombreuses utilisations du même formulaire de recherche
Création de formulaires génériques
• Chaque modification est répercutée sur toute l’application
![Page 20: INTRODUCTION INTRODUCTION ERGONOMIE Tri par cartes Formulaires Interface Installation Lanceur Documentation TECHNOLOGIES XML + XSL CSS Formulaires génériques](https://reader035.vdocument.in/reader035/viewer/2022062621/551d9d84497959293b8bf19e/html5/thumbnails/20.jpg)
INTRODUCTION
ERGONOMIETri par cartes Formulaires
InterfaceInstallation
LanceurDocumentation
TECHNOLOGIESTECHNOLOGIESXML + XSL
CSSFormulaires génériques
PDFLIBPDFLIB JPGRAPH
BASE DE DONNEESSauvegardeRestauration
Clés étrangères
POCKET PCIntroduction
Démonstration
CONCLUSION
TECHNOLOGIESPDFLIB
• Besoin de génération dynamique de document
• Choix d’un format : PDF
• Création d’une bibliothèque générique et de classes PHP
![Page 21: INTRODUCTION INTRODUCTION ERGONOMIE Tri par cartes Formulaires Interface Installation Lanceur Documentation TECHNOLOGIES XML + XSL CSS Formulaires génériques](https://reader035.vdocument.in/reader035/viewer/2022062621/551d9d84497959293b8bf19e/html5/thumbnails/21.jpg)
INTRODUCTION
ERGONOMIETri par cartes Formulaires
InterfaceInstallation
LanceurDocumentation
TECHNOLOGIESTECHNOLOGIESXML + XSL
CSSFormulaires génériques
PDFLIB JPGRAPHJPGRAPH
BASE DE DONNEESSauvegardeRestauration
Clés étrangères
POCKET PCIntroduction
Démonstration
CONCLUSION
TECHNOLOGIESJPGRAPH
• Génération dynamique de graphiques
![Page 22: INTRODUCTION INTRODUCTION ERGONOMIE Tri par cartes Formulaires Interface Installation Lanceur Documentation TECHNOLOGIES XML + XSL CSS Formulaires génériques](https://reader035.vdocument.in/reader035/viewer/2022062621/551d9d84497959293b8bf19e/html5/thumbnails/22.jpg)
INTRODUCTION
ERGONOMIETri par cartes Formulaires
InterfaceInstallation
LanceurDocumentation
TECHNOLOGIESXML + XSL
CSSFormulaires génériques
PDFLIB JPGRAPH
BASE DE BASE DE DONNEESDONNEESSauvegardeSauvegardeRestauration
Clés étrangères
POCKET PCIntroduction
Démonstration
CONCLUSION
BASE DE DONNEESSAUVEGARDE
• Partie essentielle dans un système de gestion
• Enregistrement des données au format SQL dans un fichier texte
– enregistrable sur n’importe quel support
![Page 23: INTRODUCTION INTRODUCTION ERGONOMIE Tri par cartes Formulaires Interface Installation Lanceur Documentation TECHNOLOGIES XML + XSL CSS Formulaires génériques](https://reader035.vdocument.in/reader035/viewer/2022062621/551d9d84497959293b8bf19e/html5/thumbnails/23.jpg)
INTRODUCTION
ERGONOMIETri par cartes Formulaires
InterfaceInstallation
LanceurDocumentation
TECHNOLOGIESXML + XSL
CSSFormulaires génériques
PDFLIB JPGRAPH
BASE DE BASE DE DONNEESDONNEES
SauvegardeRestaurationRestauration
Clés étrangères
POCKET PCIntroduction
Démonstration
CONCLUSION
BASE DE DONNEESRESTAURATION
• Nécessité d’un système robuste– Utilisation des scripts de PHPMyAdmin – Solution simple mais à développer
• Restauration à partir d’un fichier texte au format SQL
• Restauration instantanée, sans relance du système
![Page 24: INTRODUCTION INTRODUCTION ERGONOMIE Tri par cartes Formulaires Interface Installation Lanceur Documentation TECHNOLOGIES XML + XSL CSS Formulaires génériques](https://reader035.vdocument.in/reader035/viewer/2022062621/551d9d84497959293b8bf19e/html5/thumbnails/24.jpg)
INTRODUCTION
ERGONOMIETri par cartes Formulaires
InterfaceInstallation
LanceurDocumentation
TECHNOLOGIESXML + XSL
CSSFormulaires génériques
PDFLIB JPGRAPH
BASE DE BASE DE DONNEESDONNEES
SauvegardeRestauration
Clés étrangèresClés étrangères
POCKET PCIntroduction
Démonstration
CONCLUSION
BASE DE DONNEESCLES ETRANGERES
• Ajout de robustesse à la base
• Un système de contraintes
• Certaines contraintes n’ont pas été exprimées
![Page 25: INTRODUCTION INTRODUCTION ERGONOMIE Tri par cartes Formulaires Interface Installation Lanceur Documentation TECHNOLOGIES XML + XSL CSS Formulaires génériques](https://reader035.vdocument.in/reader035/viewer/2022062621/551d9d84497959293b8bf19e/html5/thumbnails/25.jpg)
INTRODUCTION
ERGONOMIETri par cartes Formulaires
InterfaceInstallation
LanceurDocumentation
TECHNOLOGIESXML + XSL
CSSFormulaires génériques
PDFLIB JPGRAPH
BASE DE DONNEESSauvegardeRestauration
Clés étrangères
POCKET PCPOCKET PCIntroductionIntroduction
Démonstration
CONCLUSION
Pocket PCINTRODUCTION
• Optimisation ou Support ?• Mise en œuvre :
– Simplification de l’interface– Déterminer le type des requêtes HTTP– Créer un CSS dédié aux Pocket PC
• Complications :– Mauvais support de Javascript :
• Création de versions Pocket PC
– Maîtriser le dimensionnement automatique
![Page 26: INTRODUCTION INTRODUCTION ERGONOMIE Tri par cartes Formulaires Interface Installation Lanceur Documentation TECHNOLOGIES XML + XSL CSS Formulaires génériques](https://reader035.vdocument.in/reader035/viewer/2022062621/551d9d84497959293b8bf19e/html5/thumbnails/26.jpg)
INTRODUCTION
ERGONOMIETri par cartes Formulaires
InterfaceInstallation
LanceurDocumentation
TECHNOLOGIESXML + XSL
CSSFormulaires génériques
PDFLIB JPGRAPH
BASE DE DONNEESSauvegardeRestauration
Clés étrangères
POCKET PCPOCKET PCIntroduction
DémonstrationDémonstration
CONCLUSION
SUPPORT PDADEMONSTRATION
![Page 27: INTRODUCTION INTRODUCTION ERGONOMIE Tri par cartes Formulaires Interface Installation Lanceur Documentation TECHNOLOGIES XML + XSL CSS Formulaires génériques](https://reader035.vdocument.in/reader035/viewer/2022062621/551d9d84497959293b8bf19e/html5/thumbnails/27.jpg)
INTRODUCTION
ERGONOMIETri par cartes Formulaires
InterfaceInstallation
LanceurDocumentation
TECHNOLOGIESXML + XSL
CSSFormulaires génériques
PDFLIB JPGRAPH
BASE DE DONNEESSauvegardeRestauration
Clés étrangères
POCKET PCIntroduction
Démonstration
CONCLUSIONCONCLUSION
CONCLUSION
• Objectifs atteints
• Parties non planifiées
• Étude des technologies appropriées
• Mailing liste
• Plus qu’un Projet étudiant