Soutenance Projet Tutor Romane MOSSON Alexandre JULIEN Franois

  • Slides: 30
Download presentation
Soutenance Projet Tutoré Romane MOSSON – Alexandre JULIEN – François BUSSY

Soutenance Projet Tutoré Romane MOSSON – Alexandre JULIEN – François BUSSY

INTRODUCTION Dans notre présentation ci-après, nous allons vous décrire notre projet Mes. Annonces. Fastoches

INTRODUCTION Dans notre présentation ci-après, nous allons vous décrire notre projet Mes. Annonces. Fastoches (MAF). Soyez attentifs !! F

SOMMAIRE q I. Présentation o Pourquoi ce sujet? o Quelle organisation ? o Méthode

SOMMAIRE q I. Présentation o Pourquoi ce sujet? o Quelle organisation ? o Méthode de travail ? o Fonctionnement du site q II. Base de données q III. Partie Front-office o Du point de vue Visiteur o Du point de vue Utilisateur q IV. Partie Back-Ofice o Du point de vue Administrateur q V. Conclusion F

I. Présentation q POURQUOI CE SUJET ? - Sujet actuel - Sujet complet q

I. Présentation q POURQUOI CE SUJET ? - Sujet actuel - Sujet complet q QUELLE ORGANISATION ? - Cahier des charges / Base de données - Front-Office / Back-Office - Serveur SVN A

I. Présentation q METHODE DE TRAVAIL ? - Google Drive - Turtoise SVN -

I. Présentation q METHODE DE TRAVAIL ? - Google Drive - Turtoise SVN - Modèle MVC A

Exemple du modèle MVC : - Saisie des informations - Validation du formulaire *

Exemple du modèle MVC : - Saisie des informations - Validation du formulaire * On suppose que tout est bien renseigné dans l’exemple A

Au clic sur Valider -> formulaire envoyé vers le même contrôleur : A

Au clic sur Valider -> formulaire envoyé vers le même contrôleur : A

q FONCTIONNEMENT DU SITE Diagramme des cas d’utilisation R

q FONCTIONNEMENT DU SITE Diagramme des cas d’utilisation R

II. Base de données (SGBD) : My. SQL sous Wamp avec Php. My. Admin

II. Base de données (SGBD) : My. SQL sous Wamp avec Php. My. Admin (environnement Windows) – en local Moteur de stockage de la base : Inno. DB (gestion des clés étrangères et intégrités référentielles) R

R

R

III. Partie Front-Office Le front-office c’est ce qui est accessible aux clients (le site

III. Partie Front-Office Le front-office c’est ce qui est accessible aux clients (le site en lui-même). R

III. Partie Front-Office q Partie Visiteur : Quelles sont les pages accessibles sans être

III. Partie Front-Office q Partie Visiteur : Quelles sont les pages accessibles sans être connecté? - Inscription - Accueil - Recherche d’annonces - Aide Comment empêcher l’accès sur les autres pages ? - A Variables SESSION

III. Partie Front-Office Comment s’inscrire ? R - Remplissage d’un formulaire de données personnelles.

III. Partie Front-Office Comment s’inscrire ? R - Remplissage d’un formulaire de données personnelles. - Questions secrètes en cas d’oubli de mot de passe. - Pendant le remplissage, vérification de tous les champs (Javascript).

III. Partie Front-Office q Partie Utilisateur : Comment se connecter ? - Vérification du

III. Partie Front-Office q Partie Utilisateur : Comment se connecter ? - Vérification du couple pseudo/ mot de passe (cryptage MD 5) - Création variables SESSION VARIABLES SESSION $_SESSION[‘pseudo’] $_SESSION[‘nom’] $_SESSION[‘prenom’] $_SESSION[‘connecte’] $_SESSION[‘date. Derniere. Connexion’] A

III. Partie Front-Office R Comment déposer une annonce ? - Utiliser mon adresse (Ajax)

III. Partie Front-Office R Comment déposer une annonce ? - Utiliser mon adresse (Ajax) - Formulaire à remplir - Code Postal (Ajax) - Sous-catégories dynamiques (Ajax) - Faire Offre (Javascript)

III. Partie Front-Office A - Sélection d’une photo principale - Sélection de photos secondaires

III. Partie Front-Office A - Sélection d’une photo principale - Sélection de photos secondaires

III. Partie Front-Office Comment recher une annonce ? - Différents filtres permettent réduire le

III. Partie Front-Office Comment recher une annonce ? - Différents filtres permettent réduire le nombre de résultats de la recherche R

III. Partie Front-Office R - Le nombre d’annonces par page est affichée (requête SQL)

III. Partie Front-Office R - Le nombre d’annonces par page est affichée (requête SQL) - Il y a une pagination qui permet d’afficher 10 annonces par page - Liste des annonces

III. Partie Front-Office R

III. Partie Front-Office R

III. Partie Front-Office Quelles sont les différentes autres fonctionnalités ? - A Détails d’une

III. Partie Front-Office Quelles sont les différentes autres fonctionnalités ? - A Détails d’une annonce

III. Partie Front-Office Quelles sont les différentes autres fonctionnalités ? - Messagerie Conversation. Existante(U

III. Partie Front-Office Quelles sont les différentes autres fonctionnalités ? - Messagerie Conversation. Existante(U 1, U 2, A) ? NON A OUI

IV. Partie Back-Office Le back-office c’est la partie qui exécute les tâches administratives. F

IV. Partie Back-Office Le back-office c’est la partie qui exécute les tâches administratives. F

IV. Partie Back-Office q Administration : Quelles sont les actions possibles d’un administrateur -

IV. Partie Back-Office q Administration : Quelles sont les actions possibles d’un administrateur - F Gestion des annonces

IV. Partie Back-Office - F Gestion de l’annonce

IV. Partie Back-Office - F Gestion de l’annonce

IV. Partie Back-Office - Gestion des utilisateurs Utilisation du plugin j. Query « Datatables

IV. Partie Back-Office - Gestion des utilisateurs Utilisation du plugin j. Query « Datatables » Permet de générer un tableau avec des fonctionnalités natives telles que : F § Pagination § Recherche § Tris

IV. Partie Back-Office - Gestion de l’utilisateur § Changer le type de l’utilisateur (Administrateur

IV. Partie Back-Office - Gestion de l’utilisateur § Changer le type de l’utilisateur (Administrateur ou utilisateur simple) § Bannir un utilisateur F

IV. Partie Back-Office Vue Gestion de l’utilisateur Utilisation d’Ajax pour le contrôle d’état :

IV. Partie Back-Office Vue Gestion de l’utilisateur Utilisation d’Ajax pour le contrôle d’état : Script Ajax Script PHP appelé par le script Ajax F

IV. Partie Back-Office - Gestion des catégories 2 1 F 3

IV. Partie Back-Office - Gestion des catégories 2 1 F 3

IV. Partie Back-Office Script Ajax Vue - Gestion des catégories Script PHP appelé par

IV. Partie Back-Office Script Ajax Vue - Gestion des catégories Script PHP appelé par le script Ajax F

V. Conclusion Ce projet a été très enrichissant, sur le plan technique, avec l'utilisation

V. Conclusion Ce projet a été très enrichissant, sur le plan technique, avec l'utilisation des différents langages tels que PHP, Javascript, Ajax, … Mais aussi sur le plan relationnel, avec le travail d'équipe. Nous sommes parvenu à collaborer ensemble sur un même projet pour le mener à bien. Pour cela, chacun a pu compter sur les autres. Au final ce projet nous a apporté un petit quelque chose à chacun. Ce fut une très belle expérience pour nous trois. R