Méthodologie de réalisation d'application Web

Résumé du document

L'administrateur est le seul à pouvoir accéder à l'application. En effet, il doit tout d'abord saisir son login et son mot de passe pour qu'il puisse faire les modifications, les insertions ou les suppressions souhaitées, grâce à un script "PHP" qui teste et vérifie si l'utilisateur est valide tout en communiquant avec la base de données plus précisément la table membre composée de 3 champs (id_m, login, passe) ce qui va nous permettre de limiter l'accès à l'application. Donc, le pseudo et le mot de passe saisi (dans la page authentification : figure 1) par l'utilisateur sont envoyés vers la page (admin.php : figure 2), cette dernière vérifie l'existence du login et du mot de passe dans la base de données, et on se trouve devant deux cas (...)

Extraits

[...] Une remarque c'est que la donnée sélectionnée dans une liste de choix et fortement reliée avec le projet en cours. Les champs sont vérifiés en JavaScript (Figure.38) Licence professionnelle : ABD 2008/2009 PROJET DE RENOUVELEMENT URBAIN D'OUJDA Figure modification sur les données non modifiables(tu corriges d'œuvre) Après qu'on clique sur le bouton modifier et la validation des champs de ce formulaire en JavaScript on va passer à la deuxième étape. Deuxième étape : Cette phase est la plus importante dans une modification d'un projet, puisqu'il contient des traitements complexes concernant la gestion des partenaires, des entreprises et des maitres ouvrages délégués en relation avec le projet en cours d'être modifié (Figure.39). [...]

[...] 2008/2009 PROJET DE RENOUVELEMENT URBAIN D'OUJDA N.B : Il y a autre chose a ne pas oublier, c'est que si, par exemple, un utilisateur veut accéder directement à une page en écrivant dans la zone adresse, par exemple l'URL suivante : http://localhost/www/prjstg/accueil.php sans ouvrir sa propre session, il va se trouver devant un traitement (Fig.03) qui bloque les intrus, et protège l'application de mauvaises manipulations qui peuvent endommager la base de données. Fig.03 Accès refusé (accès directe à une session via l'URL non autorisé) 2. Page d'accueil : L'objectif visé : Après authentification de l'utilisateur et la création de sa propre session, on défile à la page d'accueil (Figure.04) qui donne une présentation de notre application. Dans cette interface on trouve aussi un menu flash horizontal composé de plusieurs boutons qu'on va les expliquer par la suite. [...]

[...] 55) : Figure : 54 Liste des projets réalisés Licence professionnelle : ABD 2008/2009 PROJET DE RENOUVELEMENT URBAIN D'OUJDA Recherche Chaque application qui traite tant d'informations concernant soit les projets, ou bien les partenaires, ce qui nous impose d'intégrer un module de recherche qui permettra aux utilisateurs de l'application de trouver les données recherchées en un clin d'œil. La partie recherche de notre application nous permet d'effectuer des recherches selon des critères, par intitulé du projet soit par la date, ces deux derniers critères ont été imposés par notre encadrant puisque c'est le type de recherche le plus rencontré dans la réalité (au niveau professionnel) L'affichage des résultats a été optimisé pour que l'utilisateur soit à l'aise lors de sa recherche Recherche par intitulé de projet : Ce traitement permet de rechercher les projets qui ont un intitulé commençant par la chaine insérée dans une zone de texte, après l'insertion de chaque caractère une recherche s'effectue et un affichage des résultats s'exécute, cet affichage va être dans la partie basse de la page sans rechargement de la page entière (Figures : 57) : Figure Recherche par intituléTraitement Ajax Licence professionnelle : ABD 2008/2009 PROJET DE RENOUVELEMENT URBAIN D'OUJDA Après la saisie d'un caractère dans la zone de texte, une liste des projets commençant par ce caractère s'affiche (Fig.56) : Figure Traitement asynchrone avec ajax affichage des résultats en même temps que la saisie A l'occurrence qu'on fournit plus de détails dans la zone de texte Nom du projet ce qui implique les résultats qui sont limités au niveau du nombre. [...]

[...] La problématique est de comment afficher ces projets, car on peut avoir un nombre indéterminé de projets qui peuvent rendre le travail de l'utilisateur lourd et compliquer s'il les affiche tous à la fois, puisqu'il ne peut pas s'avoir à quel secteur ou soussecteur appartiennent chacun d'eux. On a proposé comme solution pour mieux gérer cet affichage un traitement dynamique analysant trois cas de recherche en utilisant PHP, JavaScript et Ajax : Licence professionnelle : ABD 2008/2009 PROJET DE RENOUVELEMENT URBAIN D'OUJDA Affichage des projets existant dans tous les secteurs. Affichage des projets existant dans tous les sous-secteurs d'un secteur choisi. Affichage des projets existant dans un sous-secteur d'un secteur choisi. [...]

[...] La suppression s'effectue en cliquant sur Sup qui efface directement à partir de la base de données le secteur, en affichant un message de confirmation de suppression. Licence professionnelle : ABD 2008/2009 PROJET DE RENOUVELEMENT URBAIN D'OUJDA Figure : 28 Modification des secteurs Licence professionnelle : ABD 2008/2009 PROJET DE RENOUVELEMENT URBAIN D'OUJDA Figure : 29 Modification des secteurs (suite) Figure : 30 Modification effectuée avec succès (tu corriges dans l'image effectuée) Modification des sous-secteurs : On va afficher la liste des secteurs avec leurs sous-secteurs, avec la possibilité de le modifier ou le supprimer (figure 31). [...]