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

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

Thales, reconnu dans le monde 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. 1

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

Thales, reconnu dans le monde Activités 1 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

Thales, reconnu dans le monde Activités 1 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

Thales, reconnu dans le monde Activités 1 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

Thales, reconnu dans le monde Activités 1 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

Thales, reconnu dans le monde Activités 1 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

Thales, reconnu dans le monde Ma situation au sein de Thales 1 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 D3S THALES SERVICES EPM T&W ATDM

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

Les interactions de « WPM » La base de données BDXAO 2 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

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

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

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

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.

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

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

Mon projet : « WPM » 3 La méthode Ajax Client Serveur Servlet Java 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

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

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

Mon projet : « WPM » 3 Les fonctionnalités : 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

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.

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

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

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.

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.

Merci de votre attention

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