27

INTRODUCTION INTRODUCTION ERGONOMIE Tri par cartes Formulaires Interface Installation Lanceur Documentation TECHNOLOGIES XML + XSL CSS Formulaires génériques

Embed Size (px)

Citation preview

Page 1: INTRODUCTION INTRODUCTION ERGONOMIE Tri par cartes Formulaires Interface Installation Lanceur Documentation TECHNOLOGIES XML + XSL CSS Formulaires génériques
Page 2: INTRODUCTION INTRODUCTION ERGONOMIE Tri par cartes Formulaires Interface Installation Lanceur Documentation TECHNOLOGIES XML + XSL CSS Formulaires génériques

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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