Your SlideShare is downloading. ×
0
Charlotte Demay Emilie Leduc Clémence Decugis Mickaël Dubucq Site Web Centrale Eco   Plateforme d’achats de produits de dé...
<ul><li>Zoom sur Centrale Eco </li></ul><ul><ul><li>Ce que propose Centrale Eco </li></ul></ul><ul><ul><li>Modèle économiq...
Centrale Eco   Offre  modèle économique   / Site Web   /  Démonstration Comment pénétrer le marché des produits de dévelop...
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   ...
<ul><li>Etude de la concurrence </li></ul>Centrale Eco  /  Site Web   Etudes   Gantt Architecture Storyboard Charte graphi...
<ul><li>Détermination de l’objectif </li></ul><ul><ul><li>Pourquoi créer ce site? </li></ul></ul><ul><ul><li>Moyens mis en...
Centrale Eco  /  Site Web   Etudes  Gantt  Architecture Storyboard Charte graphique Technologies Outils Php, Xhtml, CSS   ...
Centrale Eco  /  Site Web   Etudes Gantt  Architecture  Storyboard Charte graphique Technologies Outils Php, Xhtml, CSS   ...
<ul><li>Accueil </li></ul>Centrale Eco  /  Site Web   Etudes Gantt Architecture  Storyboard  Charte graphique Technologies...
<ul><li>Qui sommes-nous? </li></ul>Centrale Eco  /  Site Web   Etudes Gantt Architecture  Storyboard  Charte graphique Tec...
<ul><li>Notre offre </li></ul>Centrale Eco  /  Site Web   Etudes Gantt Architecture  Storyboard  Charte graphique Technolo...
<ul><li>Zone adhérent </li></ul>Centrale Eco  /  Site Web   Etudes Gantt Architecture  Storyboard  Charte graphique Techno...
<ul><li>Nous contacter </li></ul>Centrale Eco  /  Site Web   Etudes Gantt Architecture  Storyboard  Charte graphique Techn...
Centrale Eco  /  Site Web   Etudes Gantt Architecture Storyboard  Charte graphique  Technologies Outils Php, Xhtml, CSS   ...
Centrale Eco  /  Site Web   Etudes Gantt Architecture Storyboard  Charte graphique  Technologies Outils Php, Xhtml, CSS   ...
Centrale Eco  /  Site Web   Etudes Gantt Architecture Storyboard  Charte graphique  Technologies Outils Php, Xhtml, CSS   ...
Centrale Eco  /  Site Web   Etudes Gantt Architecture Storyboard  Charte graphique  Technologies Outils Php, Xhtml, CSS   ...
Centrale Eco  /  Site Web   Etudes Gantt Architecture Storyboard  Charte graphique  Technologies Outils Php, Xhtml, CSS   ...
Centrale Eco  /  Site Web   Etudes Gantt Architecture Storyboard  Charte graphique  Technologies Outils Php, Xhtml, CSS   ...
Centrale Eco  /  Site Web   Etudes Gantt Architecture Storyboard  Charte graphique  Technologies Outils Php, Xhtml, CSS   ...
<ul><li>Technologies employées: </li></ul><ul><ul><li>Xhtml </li></ul></ul><ul><ul><li>Base de données MySQL:  gestion des...
<ul><li>Outils utilisés: </li></ul><ul><ul><li>Xhtml : Dreamweaver </li></ul></ul><ul><ul><li>Base de données MySQL: PHPmy...
Centrale Eco  /  Site Web   Etudes Gantt Architecture Storyboard Charte graphique Technologies Outils  Php, Xhtml, CSS  / ...
Centrale Eco  /  Site Web   Etudes Gantt Architecture Storyboard Charte graphique Technologies Outils  Php, Xhtml, CSS  / ...
Centrale Eco  /  Site Web   Etudes Gantt Architecture Storyboard Charte graphique Technologies Outils  Php, Xhtml, CSS  / ...
<ul><li>Navigation </li></ul><ul><li>Accessibilité </li></ul><ul><li>Enregistrement en vue d’un achat </li></ul><ul><li>Ac...
Merci de votre attention… Avez-vous des questions?
Upcoming SlideShare
Loading in...5
×

Site Web Centrale Eco

896

Published on

Projet de fin d'année. MMTI 2008 ISC PARIS

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
896
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
9
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "Site Web Centrale Eco"

  1. 1. 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
  2. 2. <ul><li>Zoom sur Centrale Eco </li></ul><ul><ul><li>Ce que propose Centrale Eco </li></ul></ul><ul><ul><li>Modèle économique </li></ul></ul><ul><li>Site web de Centrale Eco </li></ul><ul><ul><li>Etudes préalables </li></ul></ul><ul><ul><li>Gantt </li></ul></ul><ul><ul><li>Architecture </li></ul></ul><ul><ul><li>Storyboard </li></ul></ul><ul><ul><li>Charte graphique </li></ul></ul><ul><ul><li>Technologies employées </li></ul></ul><ul><ul><li>Outils utilisés </li></ul></ul><ul><ul><li>Site web php, xhtml et css </li></ul></ul><ul><li>Démonstration du site web </li></ul><ul><ul><li>Navigation </li></ul></ul><ul><ul><li>Accessibilité </li></ul></ul><ul><ul><li>Enregistrement en vue d’un achat </li></ul></ul><ul><ul><li>Achat d’un produit </li></ul></ul><ul><ul><li>Gestion de la plateforme E-Commerce </li></ul></ul>
  3. 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 ? <ul><li>Plateforme d’achats </li></ul><ul><li>Solution de e-logistique </li></ul><ul><li>Notre solution en marque blanche </li></ul><ul><li>Formations </li></ul><ul><li>Conseils </li></ul>
  4. 4. Centrale Eco Offre modèle économique / Site Web / Démonstration
  5. 5. Centrale Eco / Site Web Etudes Gantt Architecture Storyboard Charte graphique Technologies Outils Php, Xhtml, CSS / Démonstration <ul><li>Définition de l’audience </li></ul><ul><ul><li>Notre cible </li></ul></ul><ul><ul><li>Pourquoi viendraient-ils le consulter? </li></ul></ul><ul><ul><li>Les informations recherchées </li></ul></ul><ul><ul><li>Leurs besoins </li></ul></ul><ul><ul><li>Nos points forts </li></ul></ul>
  6. 6. <ul><li>Etude de la concurrence </li></ul>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. 7. <ul><li>Détermination de l’objectif </li></ul><ul><ul><li>Pourquoi créer ce site? </li></ul></ul><ul><ul><li>Moyens mis en œuvre </li></ul></ul><ul><ul><li>Notre ligne directrice </li></ul></ul>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. 8. Centrale Eco / Site Web Etudes Gantt Architecture Storyboard Charte graphique Technologies Outils Php, Xhtml, CSS / Démonstration
  9. 9. Centrale Eco / Site Web Etudes Gantt Architecture Storyboard Charte graphique Technologies Outils Php, Xhtml, CSS / Démonstration
  10. 10. <ul><li>Accueil </li></ul>Centrale Eco / Site Web Etudes Gantt Architecture Storyboard Charte graphique Technologies Outils Php, Xhtml, CSS / Démonstration
  11. 11. <ul><li>Qui sommes-nous? </li></ul>Centrale Eco / Site Web Etudes Gantt Architecture Storyboard Charte graphique Technologies Outils Php, Xhtml, CSS / Démonstration
  12. 12. <ul><li>Notre offre </li></ul>Centrale Eco / Site Web Etudes Gantt Architecture Storyboard Charte graphique Technologies Outils Php, Xhtml, CSS / Démonstration
  13. 13. <ul><li>Zone adhérent </li></ul>Centrale Eco / Site Web Etudes Gantt Architecture Storyboard Charte graphique Technologies Outils Php, Xhtml, CSS / Démonstration
  14. 14. <ul><li>Nous contacter </li></ul>Centrale Eco / Site Web Etudes Gantt Architecture Storyboard Charte graphique Technologies Outils Php, Xhtml, CSS / Démonstration
  15. 15. Centrale Eco / Site Web Etudes Gantt Architecture Storyboard Charte graphique Technologies Outils Php, Xhtml, CSS / Démonstration <ul><li>Largeur des pages : 1024px </li></ul><ul><li>Hauteur des pages : 800px </li></ul><ul><li>Mode d’alignement des pages dans la fenêtre de navigation : Centré / Float Center </li></ul><ul><li>Police de caractère : Verdana sans shérif </li></ul><ul><li>Code couleur: dégradé de vert et de bleu </li></ul>
  16. 16. Centrale Eco / Site Web Etudes Gantt Architecture Storyboard Charte graphique Technologies Outils Php, Xhtml, CSS / Démonstration <ul><li>Page d’accueil </li></ul>
  17. 17. Centrale Eco / Site Web Etudes Gantt Architecture Storyboard Charte graphique Technologies Outils Php, Xhtml, CSS / Démonstration <ul><li>Autres pages </li></ul>
  18. 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 <ul><li>Etude chromatique </li></ul>
  19. 19. Centrale Eco / Site Web Etudes Gantt Architecture Storyboard Charte graphique Technologies Outils Php, Xhtml, CSS / Démonstration <ul><li>Eléments graphiques </li></ul>
  20. 20. Centrale Eco / Site Web Etudes Gantt Architecture Storyboard Charte graphique Technologies Outils Php, Xhtml, CSS / Démonstration <ul><li>Eléments graphiques </li></ul>
  21. 21. Centrale Eco / Site Web Etudes Gantt Architecture Storyboard Charte graphique Technologies Outils Php, Xhtml, CSS / Démonstration <ul><li>Typographie </li></ul>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. 22. <ul><li>Technologies employées: </li></ul><ul><ul><li>Xhtml </li></ul></ul><ul><ul><li>Base de données MySQL: gestion des ressources, des produits, des contacts, des clients… </li></ul></ul><ul><ul><li>PHP: créer un formulaire </li></ul></ul>Centrale Eco / Site Web Etudes Gantt Architecture Storyboard Charte graphique Technologies Outils Php, Xhtml, CSS / Démonstration
  23. 23. <ul><li>Outils utilisés: </li></ul><ul><ul><li>Xhtml : Dreamweaver </li></ul></ul><ul><ul><li>Base de données MySQL: PHPmyAdmin </li></ul></ul><ul><ul><li>PHP: Bloc note </li></ul></ul>Centrale Eco / Site Web Etudes Gantt Architecture Storyboard Charte graphique Technologies Outils Php, Xhtml, CSS / Démonstration
  24. 24. Centrale Eco / Site Web Etudes Gantt Architecture Storyboard Charte graphique Technologies Outils Php, Xhtml, CSS / Démonstration <ul><li>Type de commande </li></ul><ul><li><form method=&quot;POST&quot; action=&quot;nadform.php&quot; name=&quot;AVIS&quot;> </li></ul><ul><li>Elaboration du formulaire </li></ul><ul><li><input type=&quot;text&quot; name=&quot;champ1&quot; size=&quot;20&quot;> </li></ul><ul><li><p>Votre prénom :<br> </li></ul><ul><li><input type=&quot;text&quot; name=&quot;champ2&quot; size=&quot;20&quot;></p> </li></ul><ul><li><p>Email :<br> </li></ul><ul><li><input type=&quot;text&quot; name=&quot;champ4&quot; size=&quot;20&quot;></p> </li></ul><ul><li><p>Vous voulez :<br><br/> </li></ul><ul><li><input type=&quot;radio&quot; name=&quot;champ7&quot; value=&quot;Reponse7_2&quot;> </li></ul><ul><li>avoir accès au catalogue sans devenir client</p> </li></ul><ul><li><input type=&quot;radio&quot; value=&quot;Reponse7_1&quot; name=&quot;champ7&quot;> </li></ul><ul><li>commander des produits et devenir client</p><br/><br/> </li></ul><ul><li><input type=&quot;radio&quot; name=&quot;champ7&quot; value=&quot;Reponse7_3&quot;> </li></ul><ul><li>devenir fournisseur</p> </li></ul><ul><li><p>Laissez-nous un message...<br> </li></ul><ul><li><textarea rows=&quot;4&quot; name=&quot;champ6&quot; cols=&quot;40&quot;></textarea></p> </li></ul><ul><li><input type=&quot;submit&quot; value=&quot;Envoyer&quot; name=&quot;envoyer&quot;>; </li></ul><ul><li><input type=&quot;reset&quot; value=&quot;Recommencer&quot; name=&quot;recommencer&quot;> </li></ul>Comment nous contacter? Code dans HTML
  25. 25. Centrale Eco / Site Web Etudes Gantt Architecture Storyboard Charte graphique Technologies Outils Php, Xhtml, CSS / Démonstration <ul><li>Fonction de contrôle du mail </li></ul><ul><li>$MailTo = &quot;mickaeldubucq@hotmail.com&quot;; //adresse à laquelle sera envoyé le contenu du formulaire </li></ul><ul><li>$MailSubject = &quot;nouveau contact centrale eco&quot;; //texte qui va figurer dans le champ &quot;sujet&quot; du email </li></ul><ul><li>$MailHeader = &quot;$champ4&quot;; //adresse email qui va figurer dans le champ &quot;expéditeur&quot; du mail </li></ul><ul><li>Attribuer une valeur aux variables et les stocker dans la variable MailBody (message) </li></ul><ul><li>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 } </li></ul><ul><li>else { $MailBody .= &quot;Question 1 : $champ1 &quot;; //si le champ1 contient de l'information, elle est stockée dans la variable MailBody } </li></ul><ul><li>if ($champ2 == &quot;&quot;){ echo(&quot;Vous n'avez pas complete le champ PRENOM.<br>&quot;); $Envoi = 0; } </li></ul><ul><li>else { $MailBody .= &quot;Question 2 : $champ2 &quot;; } </li></ul><ul><li>if ($champ4 == &quot;&quot;){ echo(&quot;Vous n'avez pas complete le champ EMAIL<br>&quot;); $Envoi = 0; } </li></ul><ul><li>else { if (check_mail($champ4)) { $MailBody .= &quot;Mail : $champ4 &quot;; } </li></ul><ul><li>else { echo(&quot;L'adresse e-mail n'est pas valide<br>&quot;); $Envoi = 0; } </li></ul><ul><li>$MailBody .= &quot;Votre texte : $envoi_champ6 &quot;;} </li></ul><ul><li>if ($champ7 == &quot;&quot;){ echo(&quot;Que voulez vous faire?<br>&quot;); $Envoi = 0; } </li></ul><ul><li>else { $MailBody .= &quot;Question 7 : $champ7 &quot;;} </li></ul>Comment nous contacter? (2) Code dans Nadform.php
  26. 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> &quot;); echo(&quot;<br>Votre prenom : <font color=&quot;#0000FF&quot;>$champ2</font> &quot;); echo(&quot;<br>Votre email : <font color=&quot;#0000FF&quot;>$champ4</font> &quot;); echo(&quot;<br>Votre texte : <font color=&quot;#0000FF&quot;>$affich_champ6</font> &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. 27. <ul><li>Navigation </li></ul><ul><li>Accessibilité </li></ul><ul><li>Enregistrement en vue d’un achat </li></ul><ul><li>Achat d’un produit </li></ul><ul><li>Gestion de la plateforme E-commerce </li></ul>Centrale Eco / Site Web / Démonstration
  28. 28. Merci de votre attention… Avez-vous des questions?
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×