a/ La page d’accueil
Nous développons dans un premier temps la page d’accueil, avec une jeu de cadre comme présenté ci-dessous :
Schéma 1 - Page d’accueil schématisée
Voici ce que cela donne en visuel :
Schéma 2 - Page d’accueil
Il est important de noter que sous Dreamweaver tous les cadres sont enregistrés indépendamment et qu’il est donc possible de les manipuler comme une entité unique.
Cette page accueil est donc composée de 2 cadres -> haut.htm et main.htm.
Main.htm n’est qu’une page de présentation mais haut.htm contient les boutons fireworks qui constituent les liens vers les autres pages htm.
b/ La page Dessin
L’onglet dessin de la page d’accueil nous conduit à un nouveau menu charger dans le top_Frame le menu dessin, ce qui donne après avoir cliqué sur Dessin :
Schéma 3 - Page Dessin
Cette page est donc en faites composée de haut_dessin (les onglets du menu dessin) et la page main.htm en mainFrame.
L’utilisateur fait ensuite son choix dans les onglets proposés :
->Assemblage
->Desassemblage
->Rotation
->Translation
->Zoom
->Retour
Quelque soit l’onglet (sauf retour) il en résulte l’ouverture d’une applet java de construction.
Assemblage
L’utilisateur visualise les pièces disponibles (via des petites aplpets java). Il peut voir les stocks disponibles et toutes les références sur les pièces via un accès à notre base de données.
Cet accès se fait via des requêtes SQL…
L’utilisateur choisit sa pièce (dans la limite des stocks disponibles) et rentre les paramètres désirés (couleur de la pièce,..).
Une fois cette pièce sélectionnée, elle apparaît dans l’applet de construction 3D ou l’utilisateur peut la manipuler à sa guise.
Afin de récupérer les paramètres rentrés par l’utilisateur et afin de savoir la pièce choisie on utilise un ………….RequestForm et on l’envoie comme paramètre à l’applet der construction.
L’utilisateur peut réitérer l’opération à sa guise et construire ainsi ces rêves les plus fopu en légo
// Image de la page assemblage
Deassemblage
Cette page continue a afficher l’applet ce construction et permet à l’utilisateur de retirer une pièce. Pour ce faire il lui suffit de cliquer sur la pièce de son choix (si toute fois c’est possible géométriquement parlant puisqu’on ne peut pas enlever une pièce bloquée dans notre montage).
- Pour plus de détail se référer au code java pour le désassemblage -
Rotation
Cette page continue à afficher l’applet et permet à l’utilisateur d’effectuer une rotation avec une meilleure précision que le clavier ou la souris.
On demande à l’utilisateur de rentrer comme paramètre l’angle (en positif ou négatif) de la rotation qu’il souhaite effectuer. Ce paramètre est ensuite envoyé à l’applet de construction qui effectue l’opération demandée…
Translation
Cette page continue à afficher l’applet et permet à l’utilisateur d’effectuer une translation avec une meilleure précision que le clavier ou la souris.
On demande à l’utilisateur de rentrer comme paramètre la grandeur du pas et le nombre de pas à faire (en positif ou négatif) qu’il souhaite effectuer. Ce paramètre est ensuite envoyé à l’applet de construction qui effectue l’opération demandée.
Zoom
Cette page continue à afficher l’applet et permet à l’utilisateur d’effectuer une translation avec une meilleure précision que le clavier ou la souris.
On demande à l’utilisateur de rentrer comme paramètre la grandeur du zoom (en positif ou négatif) qu’il souhaite effectuer. Ce paramètre est ensuite envoyé à l’applet de construction qui effectue l’opération demandée.