Projets Dossier de conception Logiciel

Slides:



Advertisements
Présentations similaires
Été INF1025 Driouch Elmahdi
Advertisements

Conception de Site Webs dynamiques Cours 6
Algorithmes et structures de données avancées Partie Conception de Sites Web dynamiques Cours 9 Patrick Reuter.
Introduction Pour concrétiser l’enseignement assisté par ordinateur
INTRODUCTION INTRODUCTION ERGONOMIE Tri par cartes Formulaires Interface Installation Lanceur Documentation TECHNOLOGIES XML + XSL CSS Formulaires génériques.
A L I M E N T A T I O N A G R I C U L T U R E E N V I R O N N E M E N T PhpMyGI une interface générique mysql Interface générique ? Pourquoi une interface.
Les diagrammes d’interactions
51 Les technologies XML Cours 7 : Utilisations dXML Janvier Version 1.0 -
SVG: Scalable Vector Graphics Exemple: Vienne Christine Potier, INF347, 20 juin 2008.
Design Pattern MVC En PHP5.
TP 3-4 BD21.
Phase de préparation des itérations Produit Story 11 Release1 Story 1mStory 21 Release2 Story 2m… …
Conception d’une application de gestion de fiches études
Initiation au système d’information et aux bases de données
PRÉSENTATION Logiciel de traitement de texte:
PROJET HANDICAPS Certificat de Qualification Professionnelle
Université de La Rochelle Saisie et Mise à jour des fiches ECTS le 05/12/2001.
Mars 2013 Grégory Petit
Initiation à la conception de systèmes d'information
N. Le Gall A. Jaouën E. Morin C. Coelo Cuzon D. Le Toux
Développement Rapide dApplications Web avec.NET « Mon premier site »
Création d’un programme :
Utilisation pédagogique de PowerPoint - Volet technique -
Projet JAVA EE Approfondi
Interaction audio sur le site web du LIA
28 novembre 2012 Grégory Petit
Vers la conception objet
Développement d’un réseau social professionnel
A4.1.1 Proposition dune solution applicative A4.1.2 Conception ou adaptation de linterface utilisateur dune solution applicative A4.1.2 Conception ou.
PhP-MySQL Pagora 2012/2013 CTD 1 - Presentation de moi ^^
JSP (Java Server Pages)
Projet de Master première année 2007 / 2008
Adaptée du cours de Richard Grin
Création d’un Formulaire 1- Pour avoir accès à la gestion des formulaires, il faut accéder au module « Mon Site » à partir du menu principal 2 – Après.
Patrons de conceptions de créations
Soutenance de Projet Plateforme de Stages
FORMATION POWERPOINT 2007/2010
PROGRAMMATION WEB FRONT-END.
Formation Site Web Animation Pédagogique Ecole de Dommartin.
Réalisé par : Mr IRZIM Hédi Mr JRAD Firas
 Objet window, la fenêtre du navigateur
DÉFINITIONS modules programmes chaînes de programmes
420-B63 Programmation Web Avancée Auteur : Frédéric Thériault 1.
Traitement de texte +.
Struts.
Entity/Facet/Pattern Une application qui en a…
Module : Pages Web Dynamiques (Production Électronique Avancée)
Initiation au JavaScript
EPREUVE E6 : PARCOURS DE PROFESSIONNALISATION
2 Tracks Unified Process
Séance /10/2005 CSS et Dreamweaver. CSS : principes Cascading Style Sheet = feuille de style en cascade Norme du W3C :
Séance /10/ Projet de site dynamique avec Dreamweaver : MyCMS
Informatique et Sciences du Numérique
Développement d’une application web de création d’un Business Plan
Projet Informatique 2009 Application Web en PHP 5 / MySQL Intranet et Espace Client Marc Gervais – Florian Simon – Gildas Quéméner.
Générateur d’applications WEB de gestion de données Maître/détails.
Soutenance.  Présentation générale  Architecture & Modélisation  Environnement de travail  Démonstration  Conclusion.
Scénario Les scénarios permettent de modifier la position, taille … des calques au cours du temps. Son fonctionnement est très proche de celui de Macromedia.
Dreamweaver MX Jauneau Marie Claude-Antoine Zarate.
Dreamweaver (2) ● les calques (layers) ● les comportements
FORMULAIRES FOMULAIRE Permet à l’utilisateur d’entrer des renseignements le concernant. Utilisation –Inscription sur un site –Mise à jour d’une base.
Les formulaires Les calques Les comportements Les scénarios Les modèles Les feuilles de styles (CSS) La mise en ligne Les formulaires permettent à l’utilisateur.
DREAMWEAVER MX2 - Séance 2 Les calques Les comportements Les scénarios Les formulaires Les feuilles de style Les modèles Les cadres Mise en ligne Jérôme.
Introduction au HTML Qu’est ce que le HTML ?
Dreamweaver 2 Feuilles de Style CSS Formulaires Calques Comportements
1 er séance SI28 A2004 YIN Lei Emmanuel Eugene. Plan de l’exposé  Introduction au HTML  Le HTML dans le bloc-notes (notepad)  Présentation de Dreamweaver.
Abes agence bibliographique de l’enseignement supérieur Les scripts.
APP-TSWD Apprentissage Par Problèmes Techniques des Sites Web Dynamiques Licence Professionnelle FNEPI Valérie Bellynck, Benjamin Brichet-Billet, Mazen.
KOSMOS 1 Les activités de l’enseignant Module 6 1.Le cahier de textes des classes 2.Le travail à faire et les corrections 3.Le classeur pédagogique 4.Les.
Transcription de la présentation:

Projets Dossier de conception Logiciel Benoit DIARD

Dossier de conception Projet orienté Objet : Projet Web ? MCD Diagramme de classes Diagrammes séquence si découpage en couches Projet Web ? Orienté Objet Non orienté Objet Que faire ?

MCD Le SI est un point très sensible dans le développement d’applications de gestion S’appuyer sur le MCD pour concevoir ce SI Valider les champs (attributs) avec le demandeur. Réaliser le dictionnaire des données. Le MCD élaboré et réfléchi doit être soumis au tuteur enseignant Générer le MPD et le script de création de la base adaptée au SGBD choisi

Programmation Web non objet Conseil : s’appuyer sur le modèle MVC2

MVC Web non objet La Vue représente l’ensemble des interfaces clients (fenêtres, formulaires, feuilles de styles …) Le contrôleur contrôle le déroulement de l'application(appel de fenêtre en fonction des interactions …) Le modèle c'est la logique des traitements. L’accès aux données de la BD : c'est une couche supplémentaire, mais on peut la rajouter au modèle si on ne veut pas trop détailler

MVC Web non objet Concrètement : M : fichiers de traitement php des formulaires V : formulaires, feuilles de style, interfaces utilisateur, … C : fichier de redirection, confirmation, erreur, …

MVC Web non Objet Créer un diagramme de conception web et mettre en évidence : Inclusions Fonctions Actions Liens M,V,C Décrire l’ensemble des fonctions et des scripts Cela vous permettra de préparer la documentation

MVC Web non Objet Questions à se poser : doit-on structurer son code ? Faire des fonctions ? Réponse : OUI Exemple : FonctionsBD.php définissant des fonctions réutilisables pour interagir avec la BD Peut-on réutiliser du code ? Exemple1 : formulaires réutilisables pour différentes actions (ajout, modifier) Exemple2 : générateur dynamique d’affichage d’un tableau nxm Remarque : éviter le copier/coller donc il faut structurer. Doit-on mettre du php dans le l’HTML ? Réponse : à éviter le plus possible, appeler un fonction php situé dans un autre fichier plutôt. Exemple : <input type=text value="<?php echo $val; ?>">

MVC Web non Objet Diagramme de conception web Visio 2007 Règles de fléchage : Remarque : Eviter de trop charger le diagramme. Solution : découpage, préciser les inclusions générales Lien variable Lien avec $_get[‘variable’] Action (formulaire) inclusion Fonction() Inclusion en utilisant une fonction

MVC Web non Objet Exemple : fonctionsSQL.php surcharge le diagramme. Le préciser en commentaire et le supprimer du diagramme

MVC Web non Objet Diagrammes de séquence ? Pas indispensable mais la cinématique doit être explicite dans le diagramme de conception web

Projet orienté Objet Diagramme de classes : Diagramme des différentes couches (si découpage en couches)

Exemple métier

Exemple présentation

Exemple DAO

MVC Web Objet Le PHP 5 est orienté Objet Vous pouvez vous aider d’un framework PHP : Aukyla Framework PHP CakePHP PHP on Trax PhpMVC symfony

Conseils règles de nommage Objet : respecter les règles de nommage objet PHP non objet : Vue : formNomFormulaire.html menu.php Consultation.php Modèle : traiteNomFormulaire.php Contrôle : redirection.php, confirmationAction.html, ErreurAction.html, …

Versionning Exemple de règles de version : X.YY.ZZZZ X release YY major issue ZZZZ minor issue (n° de commit SVN)  patch