APPLICATION WEB 2.0 GESTION DE COMPOSANTS ELECTRONIQUES

1. APPLICATION WEB 2.0 GESTION DE COMPOSANTS ELECTRONIQUES Apprenti Yoann Zaccherini Maitre d’apprentissage Patrick Meunié Tuteur IFIPS Elizabeth Purdue

2. SOMMAIRE • THALES, reconnu dans le monde • Généralités / Chiffres clés • Activités • Ma situation au sein de Thales • Les interactions de « Web Packages Management » (WPM) • La base de données BDXAO • Le principe de Capitalisation • Ma mission • Le projet : gestion de composants électroniques • La méthode Ajax appliqué à WPM • L’architecture Modèle / Vue / Contrôleur • Les fonctionnalités de WPM

3. Thales, reconnu dans le monde 1 Généralités / Chiffres clés Généralités • Créer en 1892 et d’origine française • Anciennement Thomson CSF • Devient THALES en 2000 Chiffres clés • 65 000 Collaborateurs dont plus de 50% hors de France • 12 Milliards d’euros de CA dont 75% venant de l’international • 330 sites à travers le monde, répartis dans plus de 50 pays.

4. Thales, reconnu dans le monde 1 Activités Aéronautique Systèmes Aériens Solutions de Sécurité et Services Navale Division Systèmes Armées et Interarmées

5. Thales, reconnu dans le monde 1 Activités Aéronautique Systèmes Aériens 24% du CA 13 000 employés Solutions de Sécurité et Services Navale Division Systèmes Armées et Interarmées

6. Thales, reconnu dans le monde 1 Activités Aéronautique Systèmes Aériens 16% du CA 7 000 employés Solutions de Sécurité et Services Navale Division Systèmes Armées et Interarmées

7. Thales, reconnu dans le monde 1 Activités Aéronautique Systèmes Aériens Solutions de Sécurité et Services Navale 13% du CA 5 500 employés Division Systèmes Armées et Interarmées

8. Thales, reconnu dans le monde 1 Activités Aéronautique Systèmes Aériens Solutions de Sécurité et Services Navale Division Systèmes Armées et Interarmées 23% du CA 13 000 employés

9. Thales, reconnu dans le monde 1 Activités Aéronautique Systèmes Aériens Solutions de Sécurité et Services Navale 24% du CA 20 000 employés Division Systèmes Armées et Interarmées

10. Thales, reconnu dans le monde 1 Ma situation au sein de Thales • Atelier THALES de Développement Matériel : • Offrir aux concepteurs et aux développeurs de matériel électroniques en environnement permettant des : • Gains de temps en délai • Gains de productivité • Gains de qualité THALES GROUP THALES SERVICES D3S EPM T&W ATDM

11. Les interactions de « WPM » 2 Ma mission BDXAO Bibliothécaires Web Packages Management Apprenti • Créer des boîtiers • Modifier des boîtiers • Supprimer des boitiers • Consulter des boîtiers

12. Les interactions de « WPM » 2 La base de données BDXAO • Outil principal de la capitalisation • Contient les données dont a besoin le concepteur • Différents modèles nécessaires aux outils de simulation : • * des modèles schématiques • * des modèles d'implantation • * des modèles de test • * des modèles pour simulations • * des modèles analogiques • - modèles pour l’intégrité de signal • - modèles VHDL pour simulation • - modèles thermiques

13. Les interactions de « WPM » 2 Le principe de la capitalisation BDXAO locale BDXAO locale BDXAO locale Services INTRANET Nouveaux modèles BDXAO Centrale

14. Les interactions de « WPM » 2 Ma mission • Réalisation du projet en autonomie •  Gestion complète d’un projet

15. Mon projet : « WPM » 3 Le Web Classique Serveur Requête au serveur Attente … Traite la requête Mise à jour de toute la page.

16. Mon projet : « WPM » 3 La méthode Ajax Serveur Requête au serveur Traite la requête Mise à jour d’une partie de la page.

17. Mon projet : « WPM » 3 La méthode Ajax • AJAX (Asynchronous JavaScript And XML) : méthode informatique de développement d'applications Web. • le JavaScript : langage dynamique permettant de modifier des pages web • les langages WEB (HTML, CSS,…) permettent la mise en page des pages Internet • l’objet XMLHTTPRequest : permet de faire la connexion entre le client et le serveur • JSP/JAVA : langages permettant de traiter les différentes requêtes lors du déroulement de l’application

18. Mon projet : « WPM » 3 La méthode Ajax • Les avantages de l’AJAX : • Rapidité de réponse de l’application aux actions de l’utilisateur • Mise à jour d’une partie seulement de la page • L’utilisateur peut continuer à travailler pendant que des requêtes sont • effectués sur le serveur • Compatibles avec l'ensemble des navigateurs sur toutes les plates-formes

19. Mon projet : « WPM » 3 La méthode Ajax I N T E R N E T Client Serveur Tout événement fait appel à une fonction JavaScript Servlet Java BDXAO Page principale HTML/CSS JSP JavaScript Requête XMLHTTPRequest Mise à jour de la page

20. Mon projet : « WPM » 3 L’architecture Modèle / Vue / Contrôleur Servlet Java Contrôleur Servlet Modèle Java XML. BDXAO Page JSP / HTML

21. Mon projet : « WPM » 3 Les fonctionnalités : l’authentification L’authentification Requête au serveur • Réponse du serveur • Message d’erreur • Affichage de la page de recherche

22. Mon projet : « WPM » 3 Les fonctionnalités : la recherche La recherche • 3 recherches différentes : • Par nom de boîtier • Par désignation de boîtier • Par les côtes du boîtiers • Les 3 sortes de recherche peuvent-être combinés

23. Mon projet : « WPM » 3 Les fonctionnalités : la création La création L’utilisateur insère toutes les données qu’il souhaite pour créer le boîtier. Grâce au JavaScript, les champs seront directement vérifiés. S’ils ne sont pas valides alors un message s’affiche.

24. Mon projet : « WPM » 3 Les fonctionnalités : la gestion La gestion Cette partie sera mise-à-jour

25. Mon projet : « WPM » 3 Les fonctionnalités : la gestion La gestion Actions à réaliser

26. Mon projet : « WPM » 3 Les fonctionnalités : la gestion La gestion • • Administrateur : • Tous les droits • • Bibliothécaire : • Copie d’un boîtier quand il le souhaite, • Suppression d’un boîtier le jour même de sa création, • Modification d’un boîtier le jour même de sa création.

27. Mon projet : « WPM » 3 Les fonctionnalités : Problèmes et Solutions • • Compatibilité Firefox / Internet Explorer • Faire des mises en page spécifiques Firefox et Internet Explorer grâce aux fichiers CSS. • Trouver des fonctions fonctionnant sur les 2 navigateurs pour le JavaScript. • • Session •  Fonction JavaScript qui permet à chaque action de l’utilisateur de vérifier si sa session est toujours valide. • • Navigateur inutilisable •  Utilisation d’une librairie AJAX : dojo.

28. Merci de votre attention

29. Mon projet : « WPM » La méthode Ajax I N T E R N E T Client Serveur Servlet Java Boîtier JavaScript Boîtier Boîtier Requête XMLHTTPRequest Boîtier Boîtier … Boîtier