Le document décrit les spécifications d'un projet de création de sites web pour des utilisateurs peu expérimentés, incluant des diagrammes de cas d'utilisation, de classes et de séquences. La société Accro-Web cherche à fournir un service de développement web à faible coût, en utilisant des technologies open source et en garantissant une collaboration à long terme avec ses clients. Les étapes de conception et de développement de l'API pour générer du code HTML et CSS sont également abordées.

1. ROSALIE
Virginie
Section DI

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.