application web 2.0 gestion de composants electroniques

APPLICATION WEB 2.0

GESTION DE COMPOSANTS

ELECTRONIQUES

Apprenti Yoann Zaccherini

Maitre d’apprentissagePatrick Meunié

Tuteur IFIPSElizabeth Purdue

SOMMAIRESOMMAIRE 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

2

Thales, reconnu dans le Thales, reconnu dans le mondemondeGé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.3

1

Activités

Thales, reconnu dans le Thales, reconnu dans le mondemonde

Aéronautique Systèmes Aériens

Solutions de Sécurité et Services

Division Systèmes Armées et Interarmées

Navale

4

1

Activités





Navale

4

1

24% du CA13 000 employés

Activités





Navale

4


Activités




Navale

4

1



Activités





Navale

4

1



THALES GROUP

THALES SERVICES

EPM

T&W

ATDM

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é

D3S

5

1

Les interactions de Les interactions de « WPM »« WPM »

9

BDXAO

Bibliothécaires

Apprenti

Web Packages Management

- Créer des boîtiers- Modifier des boîtiers- Supprimer des boitiers- Consulter des boîtiers

- Créer des boîtiers- Modifier des boîtiers- Supprimer des boitiers- Consulter des boîtiers

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


6

2


8

BDXAOlocale BDXAO

locale

BDXAOlocale

INTRANET INTRANET

BDXAOCentral

e

BDXAOCentral

e

Nouveaux modèles

Services

2


10

- Réalisation du projet en autonomie

Gestion complète d’un projet

2

Mon projet : « WPM »Mon projet : « WPM »

11

Serveur

Attente …

Traite la

requête

Requête au serveur

Mise à jour de toute la page.

3


12

Serveur

Traite la requête

Requête au serveur

Mise à jour d’une partie de la page.

3


13

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

3


14

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

3


15

Client Serveur

Page principa

le

HTML/CSSJSP

JavaScript

Servlet

Java

INTERNET

Tout événement fait appel à une fonction

JavaScript

Requête XMLHTTPRequest BDXAOBDXAO

Mise à jour de la page

3


15

Servlet

JavaBDXAOBDXAO

ContrôleurServlet

ModèleJava

Page

JSP / HTML

XML.

3


16

L’authentification3

Requête au serveur

Réponse du serveur

- Message d’erreur - Affichage de la page de recherche


17

La recherche3

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


18

La création3

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.


19

La gestion3

Cette partie sera mise-à-jour


20

3La gestion

Actions à réaliser


21

3La 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.


21

3• 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 Merci de votre attentionattention


15

Client Serveur

JavaScript

Servlet

Java

INTERNET

Requête XMLHTTPRequest

Boîtier

Boîtier

Boîtier

Boîtier

Boîtier

…

Boîtier

application web 2.0 gestion de composants electroniques

Documents