SlideShare una empresa de Scribd logo
1 de 27
Descargar para leer sin conexión
ROSALIE
Virginie
Section DI
- Cahier des charges
- Diagramme de cas d’utilisation
- Diagramme de cas d’utilisation détaillé
- Diagramme de classes
- Diagramme de séquences




-Site sur la Martinique
Société de développement web basée à la Timone à Marseille.




- Création de sites Web
- Référencement
- Hébergement



- Un service optimum pour un prix minimum.
- Des technologies de développement open source
- Fournir une copie locale de leurs sites à leurs clients, afin de travailler dans un
climat de confiance et dans la durée.
- Aider au développement: proposer ultérieurement d’autres services plus
complets de gestion automatisée des tâches, de transfert d’information, etc…
Leur site www.accro-web.fr
-Cahier des charges
                                              - Diagramme de cas d’utilisation
                                              - Diagramme de cas d’utilisation détaillé
                                              - Diagramme de classes
                                              - Diagramme de séquences

De la société Accro-web
          - Proposition du projet
Des stagiaires
          - Spécification du projet
          - Modélisation des données
          - Programmation d’une application




Objectif -> un site qui permet à des utilisateurs peu ou pas expérimentés, qui
ont un besoin de communication, de pouvoir créer leur propre site en quelques
clics. Ces sites n’ont pas vocation à devenir marchand mais de faire connaître
le société, la personne, une activité, une association.
Il ne s’agit pas de créer sa page perso mais de faire des sites vitrines, donc la
cible se constitue de petits commerces, d’association ou toutes personnes ayant
un besoin de communication sur une activité.




Les étapes dans la conception du site doivent être les suivantes:

- Identification
- Mise en forme générale
- Ajout de contenu dans les pages
- Ajout de mise de forme
- Ajout d’options
- Validation
- Paiement et référencement

Pour la partie qui nous concerne c’est-à-dire la création du code HTML et CSS, nous
proposerons 5 pages allant jusqu’à l’ajout d’options.
La société ne sachant encore pas comment elle va procéder pour les étapes suivantes.
Accueil




                                 Identification

     Formulaire d'inscription                           Enregistrement



                          Mise en forme générale

    Layout               Titre                  Bannière           Pied de page



                                Ajout du contenu
                                              Fichier
Colonnes        Boites     Images             images
                                                           Formulaire       Texte



                         Mise en forme particulière

       Police                      Couleurs                        Styles



                                    Options

     Newsletter                    Compteur                       Livre d'or



                         Paiement et mise en ligne

     Paiement                      Validation                   Mise en ligne
-Cahier des charges
                                                                -Diagramme de cas d’utilisation
                                                                -Diagramme de cas d’utilisation détaillé
                                                                -Diagramme de classes
                                                                - Diagramme de séquences




En priorité développement d’une API permettant de générer le code HTML et CSS


Modèle de cycle de vie en spirale.


PHP5 ->programmation objet


Du fait programmation objet, UML a été choisi pour faire l’analyse.


Pas de charte graphique mais une contrainte, le nom de la société ACCRO-WEB doit
apparaître dans le pied de page de chaque site.
Exam 18122008
Etape 1:                                 Etape 2:
ACCUEIL                                Validation
                Identification                          Forme générale



 New              Etape 3:
 Page           Ajout contenu




                  Etape 4:                 Page
                Mise en forme



          oui                    oui
                 Ajouter une
                                           Validation
                    page
                                                        non

                non


                                           Page

                                                                          Etape 6:
                                                                         Validation et
                                                                 SITE     Paiement



                                         Etape 5:
                                       Choix options
Exam 18122008
Exam 18122008
Exam 18122008
Exam 18122008
Exam 18122008
Exam 18122008
-Cahier des charges
                            -Diagramme de cas d’utilisation
                            -Diagramme de cas d’utilisation détaillé
                            -Diagramme de classes
                            -Diagramme de séquences



 CREER
              « include »



           « include »
                                Connexion
MODIFIER                            login



           « include »


AJOUTER




MISE EN    « include »
                                Solvabilité
 LIGNE
-Cahier des charges
                                        -Diagramme de cas d’utilisation
                                        -Diagramme de cas d’utilisation détaillé
                                        -Diagramme de classes
                                        -Diagramme de séquences


 AJOUTER
DES PAGES
                  « include »




AJOUTER     « include »
   DU                           IDENTIFICATION
CONTENU


             « include »


METTRE EN
 FORME




 METTRE
 EN LIGNE
                                PAYER
-Cahier des charges
                                                         -Diagramme de cas d’utilisation
                                                         -Diagramme de cas d’utilisation détaillé
                                                         -Diagrammes de classes
                                                         -Diagramme de séquences




- Choix des fonctionnalités que doit permettre cette API
         Objectif création
         Que doit-on pouvoir ajouter ?
         Dans quel ordre?
         Les zones doivent-elles être toutes modifiables par l’utilisateur?



- Choix des paramètres qui semblent nécessaires à l’élaboration du code.
         Quels sont les paramètres et les fonctions pour chaque classe?
         Quelles sont les zones communes à toutes les pages HTML?
-Cahier des charges
                               -Diagramme de cas d’utilisation
                               -Diagramme de cas d’utilisation détaillé
                               -Etapes de conception
                               -Diagramme de classe
                               -Diagramme de séquences

                  INTERFACE
client               WEB




         Header      Site        Footer



                    Page
    Colonne                                   Boite




   Formulaire                               Contenu

                  Interfaces

ChampFormulaire                              Image



                     CSS
Exam 18122008
Exam 18122008
Header
->addHeader(« titre », « texte », « logo »)

Page                                      Colonne
->addPage(« type », « titre »)            ->page[X]->addColonne(« id », « titre », « type »)
->page[X]->addContenu()                   ->page[X]->colonne[id]->addContenu()
->page[X]->addImage()                     ->page[X]-> colonne[id]-> addImage()
->page[X]->addGallery()                   ->page[X]->colonne[id]->addCss()
                                          ->page[X]->colonne[id]->addForm()
->page[X]->addCss()


                                              Boite
                                              ->page[X]->colonne[id]->addBoite()
                                              ->page[X ]->colonne[id]->boite[id]->addContenu()
                                              ->page[X]-> colonne[id]-> boite[id]->addImage()
                                              ->page[X]-> colonne[id]-> boite[id]->addCss()




Footer
->addFooter(« contenu »)
Nous allons voir comment fonctionne l’API.

Nous avons vu la syntaxe à utiliser et la logique qui doit
s’appliquer à cette API pour constituer un site.

Voyons le résultat sur un site que j’ai développer en utilisant
l’API.
Exam 18122008
Exam 18122008
Exam 18122008
Exam 18122008

Más contenido relacionado

Similar a Exam 18122008

Duet Entreprise pour Microsoft SharePoint et SAP : Amplifiez votre potentiel ...
Duet Entreprise pour Microsoft SharePoint et SAP : Amplifiez votre potentiel ...Duet Entreprise pour Microsoft SharePoint et SAP : Amplifiez votre potentiel ...
Duet Entreprise pour Microsoft SharePoint et SAP : Amplifiez votre potentiel ...Microsoft Technet France
 
Mule ESB Summit 2010 avec Ippon
Mule ESB Summit 2010 avec IpponMule ESB Summit 2010 avec Ippon
Mule ESB Summit 2010 avec IpponIppon
 
Créer un site internet ou un blog
Créer un site internet ou un blogCréer un site internet ou un blog
Créer un site internet ou un blogSéverine Alix
 
Aria au pays du web
Aria au pays du webAria au pays du web
Aria au pays du webQelios
 
Outil d'aide au référencement
Outil d'aide au référencementOutil d'aide au référencement
Outil d'aide au référencementmehdi87
 
Bureau Metier - Version 20061010
Bureau Metier - Version 20061010Bureau Metier - Version 20061010
Bureau Metier - Version 20061010Didier Girard
 
Webinar offre entreprise
Webinar offre entrepriseWebinar offre entreprise
Webinar offre entrepriseMichael Harlaut
 
Presentation CADIQ
Presentation CADIQPresentation CADIQ
Presentation CADIQCAD Interop
 
Du code à la carte
Du code à la carteDu code à la carte
Du code à la cartearno974
 
templates.iafactory, guide de prise en main
templates.iafactory, guide de prise en maintemplates.iafactory, guide de prise en main
templates.iafactory, guide de prise en mainiafactory
 
Dw009 formation-dreamweaver-csx-les-bases-et-perfectionnement
Dw009 formation-dreamweaver-csx-les-bases-et-perfectionnementDw009 formation-dreamweaver-csx-les-bases-et-perfectionnement
Dw009 formation-dreamweaver-csx-les-bases-et-perfectionnementCERTyou Formation
 
Conception et Réalisation d’une Plateforme Web de Gestion des achats
Conception et Réalisation d’une Plateforme Web de Gestion des achats Conception et Réalisation d’une Plateforme Web de Gestion des achats
Conception et Réalisation d’une Plateforme Web de Gestion des achats Ayed CHOKRI
 
Desig formation-design-web-avec-photoshop-et-illustrator
Desig formation-design-web-avec-photoshop-et-illustratorDesig formation-design-web-avec-photoshop-et-illustrator
Desig formation-design-web-avec-photoshop-et-illustratorCERTyou Formation
 
SharePoint : Administration et Supervision, comment piloter votre infrastruct...
SharePoint : Administration et Supervision, comment piloter votre infrastruct...SharePoint : Administration et Supervision, comment piloter votre infrastruct...
SharePoint : Administration et Supervision, comment piloter votre infrastruct...Microsoft Technet France
 
Msg205 SharePoint: Administration et supervision graphiquement depuis des tab...
Msg205 SharePoint: Administration et supervision graphiquement depuis des tab...Msg205 SharePoint: Administration et supervision graphiquement depuis des tab...
Msg205 SharePoint: Administration et supervision graphiquement depuis des tab...Nicolas Georgeault
 
Commerce server 2009 R2
Commerce server 2009 R2Commerce server 2009 R2
Commerce server 2009 R2Nabil Babaci
 
Cycles de vie d'un logiciel
Cycles de vie d'un logicielCycles de vie d'un logiciel
Cycles de vie d'un logicielRabia AZIZA
 
Magento et SEO : le combo parfait pour développer son e-commerce
Magento et SEO : le combo parfait pour développer son e-commerceMagento et SEO : le combo parfait pour développer son e-commerce
Magento et SEO : le combo parfait pour développer son e-commercePatrick Valibus
 

Similar a Exam 18122008 (20)

Duet Entreprise pour Microsoft SharePoint et SAP : Amplifiez votre potentiel ...
Duet Entreprise pour Microsoft SharePoint et SAP : Amplifiez votre potentiel ...Duet Entreprise pour Microsoft SharePoint et SAP : Amplifiez votre potentiel ...
Duet Entreprise pour Microsoft SharePoint et SAP : Amplifiez votre potentiel ...
 
Mule ESB Summit 2010 avec Ippon
Mule ESB Summit 2010 avec IpponMule ESB Summit 2010 avec Ippon
Mule ESB Summit 2010 avec Ippon
 
WONC DOVA
WONC DOVAWONC DOVA
WONC DOVA
 
Créer un site internet ou un blog
Créer un site internet ou un blogCréer un site internet ou un blog
Créer un site internet ou un blog
 
Aria au pays du web
Aria au pays du webAria au pays du web
Aria au pays du web
 
Outil d'aide au référencement
Outil d'aide au référencementOutil d'aide au référencement
Outil d'aide au référencement
 
Bureau Metier - Version 20061010
Bureau Metier - Version 20061010Bureau Metier - Version 20061010
Bureau Metier - Version 20061010
 
Webinar offre entreprise
Webinar offre entrepriseWebinar offre entreprise
Webinar offre entreprise
 
Presentation CADIQ
Presentation CADIQPresentation CADIQ
Presentation CADIQ
 
Du code à la carte
Du code à la carteDu code à la carte
Du code à la carte
 
templates.iafactory, guide de prise en main
templates.iafactory, guide de prise en maintemplates.iafactory, guide de prise en main
templates.iafactory, guide de prise en main
 
Dw009 formation-dreamweaver-csx-les-bases-et-perfectionnement
Dw009 formation-dreamweaver-csx-les-bases-et-perfectionnementDw009 formation-dreamweaver-csx-les-bases-et-perfectionnement
Dw009 formation-dreamweaver-csx-les-bases-et-perfectionnement
 
Conception et Réalisation d’une Plateforme Web de Gestion des achats
Conception et Réalisation d’une Plateforme Web de Gestion des achats Conception et Réalisation d’une Plateforme Web de Gestion des achats
Conception et Réalisation d’une Plateforme Web de Gestion des achats
 
Desig formation-design-web-avec-photoshop-et-illustrator
Desig formation-design-web-avec-photoshop-et-illustratorDesig formation-design-web-avec-photoshop-et-illustrator
Desig formation-design-web-avec-photoshop-et-illustrator
 
SharePoint : Administration et Supervision, comment piloter votre infrastruct...
SharePoint : Administration et Supervision, comment piloter votre infrastruct...SharePoint : Administration et Supervision, comment piloter votre infrastruct...
SharePoint : Administration et Supervision, comment piloter votre infrastruct...
 
Msg205 SharePoint: Administration et supervision graphiquement depuis des tab...
Msg205 SharePoint: Administration et supervision graphiquement depuis des tab...Msg205 SharePoint: Administration et supervision graphiquement depuis des tab...
Msg205 SharePoint: Administration et supervision graphiquement depuis des tab...
 
Commerce server 2009 R2
Commerce server 2009 R2Commerce server 2009 R2
Commerce server 2009 R2
 
Le Cloud pour l'Education
Le Cloud pour l'EducationLe Cloud pour l'Education
Le Cloud pour l'Education
 
Cycles de vie d'un logiciel
Cycles de vie d'un logicielCycles de vie d'un logiciel
Cycles de vie d'un logiciel
 
Magento et SEO : le combo parfait pour développer son e-commerce
Magento et SEO : le combo parfait pour développer son e-commerceMagento et SEO : le combo parfait pour développer son e-commerce
Magento et SEO : le combo parfait pour développer son e-commerce
 

Exam 18122008

  • 2. - Cahier des charges - Diagramme de cas d’utilisation - Diagramme de cas d’utilisation détaillé - Diagramme de classes - Diagramme de séquences -Site sur la Martinique
  • 3. Société de développement web basée à la Timone à Marseille. - Création de sites Web - Référencement - Hébergement - Un service optimum pour un prix minimum. - Des technologies de développement open source - Fournir une copie locale de leurs sites à leurs clients, afin de travailler dans un climat de confiance et dans la durée. - Aider au développement: proposer ultérieurement d’autres services plus complets de gestion automatisée des tâches, de transfert d’information, etc… Leur site www.accro-web.fr
  • 4. -Cahier des charges - Diagramme de cas d’utilisation - Diagramme de cas d’utilisation détaillé - Diagramme de classes - Diagramme de séquences De la société Accro-web - Proposition du projet Des stagiaires - Spécification du projet - Modélisation des données - Programmation d’une application Objectif -> un site qui permet à des utilisateurs peu ou pas expérimentés, qui ont un besoin de communication, de pouvoir créer leur propre site en quelques clics. Ces sites n’ont pas vocation à devenir marchand mais de faire connaître le société, la personne, une activité, une association.
  • 5. Il ne s’agit pas de créer sa page perso mais de faire des sites vitrines, donc la cible se constitue de petits commerces, d’association ou toutes personnes ayant un besoin de communication sur une activité. Les étapes dans la conception du site doivent être les suivantes: - Identification - Mise en forme générale - Ajout de contenu dans les pages - Ajout de mise de forme - Ajout d’options - Validation - Paiement et référencement Pour la partie qui nous concerne c’est-à-dire la création du code HTML et CSS, nous proposerons 5 pages allant jusqu’à l’ajout d’options. La société ne sachant encore pas comment elle va procéder pour les étapes suivantes.
  • 6. Accueil Identification Formulaire d'inscription Enregistrement Mise en forme générale Layout Titre Bannière Pied de page Ajout du contenu Fichier Colonnes Boites Images images Formulaire Texte Mise en forme particulière Police Couleurs Styles Options Newsletter Compteur Livre d'or Paiement et mise en ligne Paiement Validation Mise en ligne
  • 7. -Cahier des charges -Diagramme de cas d’utilisation -Diagramme de cas d’utilisation détaillé -Diagramme de classes - Diagramme de séquences En priorité développement d’une API permettant de générer le code HTML et CSS Modèle de cycle de vie en spirale. PHP5 ->programmation objet Du fait programmation objet, UML a été choisi pour faire l’analyse. Pas de charte graphique mais une contrainte, le nom de la société ACCRO-WEB doit apparaître dans le pied de page de chaque site.
  • 9. Etape 1: Etape 2: ACCUEIL Validation Identification Forme générale New Etape 3: Page Ajout contenu Etape 4: Page Mise en forme oui oui Ajouter une Validation page non non Page Etape 6: Validation et SITE Paiement Etape 5: Choix options
  • 16. -Cahier des charges -Diagramme de cas d’utilisation -Diagramme de cas d’utilisation détaillé -Diagramme de classes -Diagramme de séquences CREER « include » « include » Connexion MODIFIER login « include » AJOUTER MISE EN « include » Solvabilité LIGNE
  • 17. -Cahier des charges -Diagramme de cas d’utilisation -Diagramme de cas d’utilisation détaillé -Diagramme de classes -Diagramme de séquences AJOUTER DES PAGES « include » AJOUTER « include » DU IDENTIFICATION CONTENU « include » METTRE EN FORME METTRE EN LIGNE PAYER
  • 18. -Cahier des charges -Diagramme de cas d’utilisation -Diagramme de cas d’utilisation détaillé -Diagrammes de classes -Diagramme de séquences - Choix des fonctionnalités que doit permettre cette API Objectif création Que doit-on pouvoir ajouter ? Dans quel ordre? Les zones doivent-elles être toutes modifiables par l’utilisateur? - Choix des paramètres qui semblent nécessaires à l’élaboration du code. Quels sont les paramètres et les fonctions pour chaque classe? Quelles sont les zones communes à toutes les pages HTML?
  • 19. -Cahier des charges -Diagramme de cas d’utilisation -Diagramme de cas d’utilisation détaillé -Etapes de conception -Diagramme de classe -Diagramme de séquences INTERFACE client WEB Header Site Footer Page Colonne Boite Formulaire Contenu Interfaces ChampFormulaire Image CSS
  • 22. Header ->addHeader(« titre », « texte », « logo ») Page Colonne ->addPage(« type », « titre ») ->page[X]->addColonne(« id », « titre », « type ») ->page[X]->addContenu() ->page[X]->colonne[id]->addContenu() ->page[X]->addImage() ->page[X]-> colonne[id]-> addImage() ->page[X]->addGallery() ->page[X]->colonne[id]->addCss() ->page[X]->colonne[id]->addForm() ->page[X]->addCss() Boite ->page[X]->colonne[id]->addBoite() ->page[X ]->colonne[id]->boite[id]->addContenu() ->page[X]-> colonne[id]-> boite[id]->addImage() ->page[X]-> colonne[id]-> boite[id]->addCss() Footer ->addFooter(« contenu »)
  • 23. Nous allons voir comment fonctionne l’API. Nous avons vu la syntaxe à utiliser et la logique qui doit s’appliquer à cette API pour constituer un site. Voyons le résultat sur un site que j’ai développer en utilisant l’API.