Développez l’application Devis Pro BTP

Introduction

Il est temps maintenant de mettre en pratique les différentes notions, méthodes et connaissances abordées au fil des différents chapitres de cet ouvrage.

Plusieurs fonctionnalités restent à concevoir et à développer pour cette application web Devis Pro BTP.

L’objectif de ce chapitre est donc de définir clairement un cahier des charges des fonctionnalités à concevoir et à développer.

Bien évidemment, l’objectif n’est pas de tout développer. Il s’agit surtout de réinvestir les connaissances acquises, à travers quelques exercices pratiques et variés car il n’y a que la mise en pratique qui permet réellement de progresser.

Spécification

L’application web Java repose sur des technologies Struts 2, HTML5, CSS3 JavaScript dont jQuery notamment et des services REST.

La base de données est une base de données PostgreSQL.

1. Partie front-end

a. Le menu horizontal

L’interface principale de l’application comporte un menu horizontal placé tout en haut de la page puis un bloc principal qui correspond à la page pour l’affichage des différentes informations en fonction des items sélectionnés dans le menu.

Le menu comporte les items suivants :

Devis
Factures
Clients
Ouvrages
Aide
Le mail une fois authentifié pour l’accès à la gestion du profil utilisateur et à la déconnexion.

b. Gestion des clients

Nous allons implémenter l’affichage des différents clients d’un artisan authentifié en cliquant sur l’onglet CLIENTS du menu horizontal.

Les informations relatives à un client sont :

/* Table Client */ 
create table client( 
    clientId SERIAL PRIMARY KEY not null, 
    nom varchar(60), 
    prenom varchar(60), 
    addresse varchar(100), 
    telephone varchar(10), 
    email varchar(100), 
    artisanId integer, 
    CONSTRAINT artisan_client_fk FOREIGN KEY (artisanId)  
REFERENCES artisan (artisanId));

Il est possible de lister les clients, de supprimer une fiche client (icône corbeille), de modifier les données relatives à un client (icône edit) et d’ajouter un nouveau client.

Voici un aperçu de l’interface :

c. Gestion des devis

Nous allons implémenter l’affichage des différents devis d’un artisan authentifié en cliquant sur l’onglet...