Charlotte Demay Emilie Leduc Clémence Decugis Mickaël Dubucq Site Web Centrale Eco   Plateforme d’achats de produits de développement durable destinée aux entreprises
Zoom sur Centrale Eco Ce que propose Centrale Eco Modèle économique Site web de Centrale Eco Etudes préalables Gantt Architecture Storyboard Charte graphique Technologies employées Outils utilisés Site web php, xhtml et css Démonstration du site web Navigation Accessibilité Enregistrement en vue d’un achat Achat d’un produit Gestion de la plateforme E-Commerce
Centrale Eco   Offre  modèle économique   / Site Web   /  Démonstration Comment pénétrer le marché des produits de développement durable sans prendre de risques qu’ils soient financiers ou humains ? Plateforme d’achats Solution de e-logistique Notre solution en marque blanche Formations Conseils
Centrale Eco   Offre   modèle économique   / Site Web   /  Démonstration
Centrale Eco  /  Site Web   Etudes   Gantt Architecture Storyboard Charte graphique Technologies Outils Php, Xhtml, CSS   /  Démonstration Définition de l’audience Notre cible Pourquoi viendraient-ils le consulter? Les informations recherchées Leurs besoins Nos points forts
Etude de la concurrence Centrale Eco  /  Site Web   Etudes   Gantt Architecture Storyboard Charte graphique Technologies Outils Php, Xhtml, CSS   /  Démonstration Style Rapidité Navigation Design Ergonomie Fonctionnalités Contenu Interactivité ConsoGlobe ++ ++ + + + - ++ - Econology - + ++ -- - ++ + -- Solidar Monde ++ - - ++ ++ + + + Achats Concepts Eco +++ ++ - + ++ + ++ +
Détermination de l’objectif Pourquoi créer ce site? Moyens mis en œuvre Notre ligne directrice Votre plateforme d’achats de produits de développement durable Centrale Eco  /  Site Web   Etudes   Gantt Architecture Storyboard Charte graphique Technologies Outils Php, Xhtml, CSS   /  Démonstration
Centrale Eco  /  Site Web   Etudes  Gantt  Architecture Storyboard Charte graphique Technologies Outils Php, Xhtml, CSS   /  Démonstration
Centrale Eco  /  Site Web   Etudes Gantt  Architecture  Storyboard Charte graphique Technologies Outils Php, Xhtml, CSS   /  Démonstration
Accueil Centrale Eco  /  Site Web   Etudes Gantt Architecture  Storyboard  Charte graphique Technologies Outils Php, Xhtml, CSS   /  Démonstration
Qui sommes-nous? Centrale Eco  /  Site Web   Etudes Gantt Architecture  Storyboard  Charte graphique Technologies Outils Php, Xhtml, CSS   /  Démonstration
Notre offre Centrale Eco  /  Site Web   Etudes Gantt Architecture  Storyboard  Charte graphique Technologies Outils Php, Xhtml, CSS   /  Démonstration
Zone adhérent Centrale Eco  /  Site Web   Etudes Gantt Architecture  Storyboard  Charte graphique Technologies Outils Php, Xhtml, CSS   /  Démonstration
Nous contacter Centrale Eco  /  Site Web   Etudes Gantt Architecture  Storyboard  Charte graphique Technologies Outils Php, Xhtml, CSS   /  Démonstration
Centrale Eco  /  Site Web   Etudes Gantt Architecture Storyboard  Charte graphique  Technologies Outils Php, Xhtml, CSS   /  Démonstration Largeur des pages : 1024px Hauteur des pages : 800px Mode d’alignement des pages dans la fenêtre de navigation : Centré / Float Center Police de caractère : Verdana sans shérif Code couleur: dégradé de vert et de bleu
Centrale Eco  /  Site Web   Etudes Gantt Architecture Storyboard  Charte graphique  Technologies Outils Php, Xhtml, CSS   /  Démonstration Page d’accueil
Centrale Eco  /  Site Web   Etudes Gantt Architecture Storyboard  Charte graphique  Technologies Outils Php, Xhtml, CSS   /  Démonstration Autres pages
Centrale Eco  /  Site Web   Etudes Gantt Architecture Storyboard  Charte graphique  Technologies Outils Php, Xhtml, CSS   /  Démonstration Sky blue   Deep sky blue  Light sea green  Pale green   Yellow green  Sea green #87ceeb  #00bfff  #20b2aa  #98fb98   #9acd32  #2e8b57 Etude chromatique
Centrale Eco  /  Site Web   Etudes Gantt Architecture Storyboard  Charte graphique  Technologies Outils Php, Xhtml, CSS   /  Démonstration Eléments graphiques
Centrale Eco  /  Site Web   Etudes Gantt Architecture Storyboard  Charte graphique  Technologies Outils Php, Xhtml, CSS   /  Démonstration Eléments graphiques
Centrale Eco  /  Site Web   Etudes Gantt Architecture Storyboard  Charte graphique  Technologies Outils Php, Xhtml, CSS   /  Démonstration Typographie Bradley hand ITC,  14 pts et 12 pts Centrale Eco, une plateforme d’achat innovante. A l’instar de beaucoup d’entre nous, je me sens plus que jamais concernée par la cause du développement durable. Verdana ; 12 pts Verdana bold; 16 pts Verdana bold; 16 pts
Technologies employées: Xhtml Base de données MySQL:  gestion des ressources, des produits, des contacts, des clients… PHP:  créer un formulaire Centrale Eco  /  Site Web   Etudes Gantt Architecture Storyboard Charte graphique  Technologies  Outils Php, Xhtml, CSS   /  Démonstration
Outils utilisés: Xhtml : Dreamweaver Base de données MySQL: PHPmyAdmin PHP: Bloc note Centrale Eco  /  Site Web   Etudes Gantt Architecture Storyboard Charte graphique Technologies  Outils  Php, Xhtml, CSS   /  Démonstration
Centrale Eco  /  Site Web   Etudes Gantt Architecture Storyboard Charte graphique Technologies Outils  Php, Xhtml, CSS  /  Démonstration Type de commande <form method=&quot;POST&quot; action=&quot;nadform.php&quot; name=&quot;AVIS&quot;> Elaboration du  formulaire <input type=&quot;text&quot; name=&quot;champ1&quot; size=&quot;20&quot;> <p>Votre prénom :<br> <input type=&quot;text&quot; name=&quot;champ2&quot; size=&quot;20&quot;></p> <p>Email :<br> <input type=&quot;text&quot; name=&quot;champ4&quot; size=&quot;20&quot;></p> <p>Vous voulez :<br><br/> <input type=&quot;radio&quot; name=&quot;champ7&quot; value=&quot;Reponse7_2&quot;> avoir accès au catalogue sans devenir client</p> <input type=&quot;radio&quot; value=&quot;Reponse7_1&quot; name=&quot;champ7&quot;> commander des produits et devenir client</p><br/><br/> <input type=&quot;radio&quot; name=&quot;champ7&quot; value=&quot;Reponse7_3&quot;> devenir fournisseur</p> <p>Laissez-nous un message...<br> <textarea rows=&quot;4&quot; name=&quot;champ6&quot; cols=&quot;40&quot;></textarea></p> <input type=&quot;submit&quot; value=&quot;Envoyer&quot; name=&quot;envoyer&quot;>; <input type=&quot;reset&quot; value=&quot;Recommencer&quot; name=&quot;recommencer&quot;>  Comment nous contacter?  Code dans HTML
Centrale Eco  /  Site Web   Etudes Gantt Architecture Storyboard Charte graphique Technologies Outils  Php, Xhtml, CSS  /  Démonstration Fonction de contrôle du mail $MailTo = &quot;mickaeldubucq@hotmail.com&quot;; //adresse à laquelle sera envoyé le contenu du formulaire $MailSubject = &quot;nouveau contact centrale eco&quot;; //texte qui va figurer dans le champ &quot;sujet&quot; du email $MailHeader = &quot;$champ4&quot;; //adresse email qui va figurer dans le champ &quot;expéditeur&quot; du mail Attribuer une valeur  aux variables et les stocker dans la variable MailBody (message) if ($champ1 == &quot;&quot;){ echo(&quot;Vous n'avez pas complete le champ NOM.<br>&quot;);  //message qui s'affiche si le visiteur n'a pas rempli  ce champ  $Envoi = 0;  //si le champ1 n'a pas été rempli, la variable envoi prend la valeur de 0  } else { $MailBody .= &quot;Question 1 : $champ1\n&quot;;  //si le champ1 contient de l'information, elle est stockée dans la variable MailBody } if ($champ2 == &quot;&quot;){ echo(&quot;Vous n'avez pas complete le champ PRENOM.<br>&quot;); $Envoi = 0; } else { $MailBody .= &quot;Question 2 : $champ2\n&quot;; } if ($champ4 == &quot;&quot;){ echo(&quot;Vous n'avez pas complete le champ EMAIL<br>&quot;); $Envoi = 0; } else { if (check_mail($champ4)) { $MailBody .= &quot;Mail : $champ4\n&quot;; } else { echo(&quot;L'adresse e-mail n'est pas valide<br>&quot;); $Envoi = 0; } $MailBody .= &quot;Votre texte : $envoi_champ6\n&quot;;} if ($champ7 == &quot;&quot;){ echo(&quot;Que voulez vous faire?<br>&quot;); $Envoi = 0; } else { $MailBody .= &quot;Question 7 : $champ7\n&quot;;} Comment nous contacter? (2)   Code dans Nadform.php
Centrale Eco  /  Site Web   Etudes Gantt Architecture Storyboard Charte graphique Technologies Outils  Php, Xhtml, CSS  /  Démonstration 3. Envoi du message if ($Envoi == 1) {  //vérification que la variable envoi est bien à 1 echo(&quot;<p><strong>Votre nom ou pseudo : <font color=\&quot;#0000FF\&quot;>$champ1</font>\n&quot;); echo(&quot;<br>Votre prenom : <font color=\&quot;#0000FF\&quot;>$champ2</font>\n&quot;); echo(&quot;<br>Votre email : <font color=\&quot;#0000FF\&quot;>$champ4</font>\n&quot;); echo(&quot;<br>Votre texte : <font color=\&quot;#0000FF\&quot;>$affich_champ6</font>\n&quot;); echo(&quot;<p>&nbsp;</p>&quot;); mail($MailTo, $MailSubject, $MailHeader);  //envoi du message echo(&quot;<p>Votre message a bien ete envoye.<br>Merci de vos commentaires.&quot;); echo(&quot;<p>&nbsp;</p><p>&nbsp;</p><p align=\&quot;center\&quot;><a href=\&quot;contact.html\&quot;>Retour</strong></a></p>&quot;); //affichage d'un message de confirmation. } ?>  Comment nous contacter? (3)    Code dans Nadform.php
Navigation Accessibilité Enregistrement en vue d’un achat Achat d’un produit Gestion de la plateforme E-commerce Centrale Eco  / Site Web   /  Démonstration
Merci de votre attention… Avez-vous des questions?

Site Web Centrale Eco

  • 1.
    Charlotte Demay EmilieLeduc Clémence Decugis Mickaël Dubucq Site Web Centrale Eco Plateforme d’achats de produits de développement durable destinée aux entreprises
  • 2.
    Zoom sur CentraleEco Ce que propose Centrale Eco Modèle économique Site web de Centrale Eco Etudes préalables Gantt Architecture Storyboard Charte graphique Technologies employées Outils utilisés Site web php, xhtml et css Démonstration du site web Navigation Accessibilité Enregistrement en vue d’un achat Achat d’un produit Gestion de la plateforme E-Commerce
  • 3.
    Centrale Eco Offre modèle économique / Site Web / Démonstration Comment pénétrer le marché des produits de développement durable sans prendre de risques qu’ils soient financiers ou humains ? Plateforme d’achats Solution de e-logistique Notre solution en marque blanche Formations Conseils
  • 4.
    Centrale Eco Offre modèle économique / Site Web / Démonstration
  • 5.
    Centrale Eco / Site Web Etudes Gantt Architecture Storyboard Charte graphique Technologies Outils Php, Xhtml, CSS / Démonstration Définition de l’audience Notre cible Pourquoi viendraient-ils le consulter? Les informations recherchées Leurs besoins Nos points forts
  • 6.
    Etude de laconcurrence Centrale Eco / Site Web Etudes Gantt Architecture Storyboard Charte graphique Technologies Outils Php, Xhtml, CSS / Démonstration Style Rapidité Navigation Design Ergonomie Fonctionnalités Contenu Interactivité ConsoGlobe ++ ++ + + + - ++ - Econology - + ++ -- - ++ + -- Solidar Monde ++ - - ++ ++ + + + Achats Concepts Eco +++ ++ - + ++ + ++ +
  • 7.
    Détermination de l’objectifPourquoi créer ce site? Moyens mis en œuvre Notre ligne directrice Votre plateforme d’achats de produits de développement durable Centrale Eco / Site Web Etudes Gantt Architecture Storyboard Charte graphique Technologies Outils Php, Xhtml, CSS / Démonstration
  • 8.
    Centrale Eco / Site Web Etudes Gantt Architecture Storyboard Charte graphique Technologies Outils Php, Xhtml, CSS / Démonstration
  • 9.
    Centrale Eco / Site Web Etudes Gantt Architecture Storyboard Charte graphique Technologies Outils Php, Xhtml, CSS / Démonstration
  • 10.
    Accueil Centrale Eco / Site Web Etudes Gantt Architecture Storyboard Charte graphique Technologies Outils Php, Xhtml, CSS / Démonstration
  • 11.
    Qui sommes-nous? CentraleEco / Site Web Etudes Gantt Architecture Storyboard Charte graphique Technologies Outils Php, Xhtml, CSS / Démonstration
  • 12.
    Notre offre CentraleEco / Site Web Etudes Gantt Architecture Storyboard Charte graphique Technologies Outils Php, Xhtml, CSS / Démonstration
  • 13.
    Zone adhérent CentraleEco / Site Web Etudes Gantt Architecture Storyboard Charte graphique Technologies Outils Php, Xhtml, CSS / Démonstration
  • 14.
    Nous contacter CentraleEco / Site Web Etudes Gantt Architecture Storyboard Charte graphique Technologies Outils Php, Xhtml, CSS / Démonstration
  • 15.
    Centrale Eco / Site Web Etudes Gantt Architecture Storyboard Charte graphique Technologies Outils Php, Xhtml, CSS / Démonstration Largeur des pages : 1024px Hauteur des pages : 800px Mode d’alignement des pages dans la fenêtre de navigation : Centré / Float Center Police de caractère : Verdana sans shérif Code couleur: dégradé de vert et de bleu
  • 16.
    Centrale Eco / Site Web Etudes Gantt Architecture Storyboard Charte graphique Technologies Outils Php, Xhtml, CSS / Démonstration Page d’accueil
  • 17.
    Centrale Eco / Site Web Etudes Gantt Architecture Storyboard Charte graphique Technologies Outils Php, Xhtml, CSS / Démonstration Autres pages
  • 18.
    Centrale Eco / Site Web Etudes Gantt Architecture Storyboard Charte graphique Technologies Outils Php, Xhtml, CSS / Démonstration Sky blue Deep sky blue Light sea green Pale green Yellow green Sea green #87ceeb #00bfff #20b2aa #98fb98 #9acd32 #2e8b57 Etude chromatique
  • 19.
    Centrale Eco / Site Web Etudes Gantt Architecture Storyboard Charte graphique Technologies Outils Php, Xhtml, CSS / Démonstration Eléments graphiques
  • 20.
    Centrale Eco / Site Web Etudes Gantt Architecture Storyboard Charte graphique Technologies Outils Php, Xhtml, CSS / Démonstration Eléments graphiques
  • 21.
    Centrale Eco / Site Web Etudes Gantt Architecture Storyboard Charte graphique Technologies Outils Php, Xhtml, CSS / Démonstration Typographie Bradley hand ITC, 14 pts et 12 pts Centrale Eco, une plateforme d’achat innovante. A l’instar de beaucoup d’entre nous, je me sens plus que jamais concernée par la cause du développement durable. Verdana ; 12 pts Verdana bold; 16 pts Verdana bold; 16 pts
  • 22.
    Technologies employées: XhtmlBase de données MySQL: gestion des ressources, des produits, des contacts, des clients… PHP: créer un formulaire Centrale Eco / Site Web Etudes Gantt Architecture Storyboard Charte graphique Technologies Outils Php, Xhtml, CSS / Démonstration
  • 23.
    Outils utilisés: Xhtml: Dreamweaver Base de données MySQL: PHPmyAdmin PHP: Bloc note Centrale Eco / Site Web Etudes Gantt Architecture Storyboard Charte graphique Technologies Outils Php, Xhtml, CSS / Démonstration
  • 24.
    Centrale Eco / Site Web Etudes Gantt Architecture Storyboard Charte graphique Technologies Outils Php, Xhtml, CSS / Démonstration Type de commande <form method=&quot;POST&quot; action=&quot;nadform.php&quot; name=&quot;AVIS&quot;> Elaboration du formulaire <input type=&quot;text&quot; name=&quot;champ1&quot; size=&quot;20&quot;> <p>Votre prénom :<br> <input type=&quot;text&quot; name=&quot;champ2&quot; size=&quot;20&quot;></p> <p>Email :<br> <input type=&quot;text&quot; name=&quot;champ4&quot; size=&quot;20&quot;></p> <p>Vous voulez :<br><br/> <input type=&quot;radio&quot; name=&quot;champ7&quot; value=&quot;Reponse7_2&quot;> avoir accès au catalogue sans devenir client</p> <input type=&quot;radio&quot; value=&quot;Reponse7_1&quot; name=&quot;champ7&quot;> commander des produits et devenir client</p><br/><br/> <input type=&quot;radio&quot; name=&quot;champ7&quot; value=&quot;Reponse7_3&quot;> devenir fournisseur</p> <p>Laissez-nous un message...<br> <textarea rows=&quot;4&quot; name=&quot;champ6&quot; cols=&quot;40&quot;></textarea></p> <input type=&quot;submit&quot; value=&quot;Envoyer&quot; name=&quot;envoyer&quot;>; <input type=&quot;reset&quot; value=&quot;Recommencer&quot; name=&quot;recommencer&quot;> Comment nous contacter? Code dans HTML
  • 25.
    Centrale Eco / Site Web Etudes Gantt Architecture Storyboard Charte graphique Technologies Outils Php, Xhtml, CSS / Démonstration Fonction de contrôle du mail $MailTo = &quot;mickaeldubucq@hotmail.com&quot;; //adresse à laquelle sera envoyé le contenu du formulaire $MailSubject = &quot;nouveau contact centrale eco&quot;; //texte qui va figurer dans le champ &quot;sujet&quot; du email $MailHeader = &quot;$champ4&quot;; //adresse email qui va figurer dans le champ &quot;expéditeur&quot; du mail Attribuer une valeur aux variables et les stocker dans la variable MailBody (message) if ($champ1 == &quot;&quot;){ echo(&quot;Vous n'avez pas complete le champ NOM.<br>&quot;); //message qui s'affiche si le visiteur n'a pas rempli ce champ $Envoi = 0; //si le champ1 n'a pas été rempli, la variable envoi prend la valeur de 0 } else { $MailBody .= &quot;Question 1 : $champ1\n&quot;; //si le champ1 contient de l'information, elle est stockée dans la variable MailBody } if ($champ2 == &quot;&quot;){ echo(&quot;Vous n'avez pas complete le champ PRENOM.<br>&quot;); $Envoi = 0; } else { $MailBody .= &quot;Question 2 : $champ2\n&quot;; } if ($champ4 == &quot;&quot;){ echo(&quot;Vous n'avez pas complete le champ EMAIL<br>&quot;); $Envoi = 0; } else { if (check_mail($champ4)) { $MailBody .= &quot;Mail : $champ4\n&quot;; } else { echo(&quot;L'adresse e-mail n'est pas valide<br>&quot;); $Envoi = 0; } $MailBody .= &quot;Votre texte : $envoi_champ6\n&quot;;} if ($champ7 == &quot;&quot;){ echo(&quot;Que voulez vous faire?<br>&quot;); $Envoi = 0; } else { $MailBody .= &quot;Question 7 : $champ7\n&quot;;} Comment nous contacter? (2) Code dans Nadform.php
  • 26.
    Centrale Eco / Site Web Etudes Gantt Architecture Storyboard Charte graphique Technologies Outils Php, Xhtml, CSS / Démonstration 3. Envoi du message if ($Envoi == 1) { //vérification que la variable envoi est bien à 1 echo(&quot;<p><strong>Votre nom ou pseudo : <font color=\&quot;#0000FF\&quot;>$champ1</font>\n&quot;); echo(&quot;<br>Votre prenom : <font color=\&quot;#0000FF\&quot;>$champ2</font>\n&quot;); echo(&quot;<br>Votre email : <font color=\&quot;#0000FF\&quot;>$champ4</font>\n&quot;); echo(&quot;<br>Votre texte : <font color=\&quot;#0000FF\&quot;>$affich_champ6</font>\n&quot;); echo(&quot;<p>&nbsp;</p>&quot;); mail($MailTo, $MailSubject, $MailHeader); //envoi du message echo(&quot;<p>Votre message a bien ete envoye.<br>Merci de vos commentaires.&quot;); echo(&quot;<p>&nbsp;</p><p>&nbsp;</p><p align=\&quot;center\&quot;><a href=\&quot;contact.html\&quot;>Retour</strong></a></p>&quot;); //affichage d'un message de confirmation. } ?> Comment nous contacter? (3) Code dans Nadform.php
  • 27.
    Navigation Accessibilité Enregistrementen vue d’un achat Achat d’un produit Gestion de la plateforme E-commerce Centrale Eco / Site Web / Démonstration
  • 28.
    Merci de votreattention… Avez-vous des questions?