Pré-requis
                               1ère partie


Novembre 2012   Initiation à Prestashop
Sommaire général
                  Initiation à Prestashop




                  Ce document prend place dans un ensemble de pas à pas mis à votre
  disposition par l’équipe WebUp Addict dans le but de vous aider à vous familiariser avec
  la plateforme CMS Prestashop, dont voici la totalité du découpage.


            •   Pré-requis
            •   Installation de Prestashop
            •   Découverte de l’administration
            •   Configuration de catégories et de produits
            •   Configuration des modules
            •   Création de pages CMS

Novembre 2012
Contexte général
                       Initiation à Prestashop




                         L’ensemble de ces documents a initialement été réalisé dans le cadre
                         d’une formation animée par l’équipe WebUp, puis modifié pour une
                         diffusion à un plus large public.



Cette formation, sur le thème du e-Business, a       Ce document est mis à votre disposition, vous
pris place dans le cadre des formations GETIC,       pouvez le réutiliser et le modifier pour vos
organisées par l’Agence 10 TIC.                      propres présentations, à la seule condition de
                                                     citer son auteur.




  Novembre 2012
Page de garde
                Initiation à Prestashop




                                 Pré-requis
                                          1ère partie




Novembre 2012
Sommaire
                  Initiation à Prestashop :: Pré-requis




                  La première étape de cette initiation à Prestashop est la mise en place
  d’un environnement de test local. De sorte que vous puissiez installer et tester un site
  e-commerce réalisé avec Prestashop directement sur votre ordinateur.




            •   Les solutions e-Commerce
            •   Le fonctionnement d’un site internet
            •   Installation du serveur local



Novembre 2012
Analyser le marketing web




Novembre 2012
Les solutions e-Commerce
                Initiation à Prestashop :: Pré-requis




                    •    Magento
                               –   personnalisable et complet
                               –   moins accessible, nécessite plus de compétences techniques

                    •    Prestashop
                               –   rapide à mettre en place et simple d’utilisation

                               –   moins personnalisable

                    •    « OSCommerce »
                               –   moins utilisé que ses confrères et maintenu par une
                                   communauté
                               –   en fin de vie ?

                    •    Solution personnalisée
                               –   complètement personnalisable et adaptable
Novembre 2012
                               –   généralement plus chère que les CMS précédents
Les navigateurs
                Initiation à Prestashop :: Pré-requis




                    Ci-dessous les 5 principaux navigateurs sur le marché. Nous vous
                    conseillons de tester votre site sur les 3 premiers (IE, FF et Chrome).




                                                Votre site doit :
                                                •       être utilisable sur tous
                                                •       être visuellement semblable sur tous




                                                Tenez-vous informé des statistiques d’utilisation de
                                                chacun pour concentrer vos efforts.

Novembre 2012
Le fonctionnement client/serveur
                     Initiation à Prestashop :: Pré-requis




                         Un site internet est normalement hébergé sur un serveur accessible depuis le
                         web 24/7.

  Les clients, les navigateurs internet installés sur les machines, se connectent généralement à une
  adresse web (www.monsite.com) correspondant à un serveur sur lequel est hébergé (stocké) le site
  internet. Lors de la connexion le client récupère les données du site internet fournit par le serveur
  pour en afficher les pages.




Novembre 2012
Les solutions d’hébergement
                    Initiation à Prestashop :: Pré-requis




                        Selon     vos    besoins     vous   pouvez   choisir   parmi   plusieurs   solutions
                        d’hébergements proposées par des hébergeurs (disposant de plusieurs
                        milliers de serveurs disponibles à la location).


                •   Serveur dédié / Serveur Cloud
                •   Serveur mutualisé
                •   Espace d’hébergement
                •   Serveur maison

  Voici quelques hébergeurs sur lesquels vous pouvez vous renseigner.




Novembre 2012
Le serveur local
                     Initiation à Prestashop :: Pré-requis




                         Pour l’installation et le test de votre solution Prestashop nous allons vous
                         indiquer la marche à suivre pour la mise en place d’un serveur local. Le
                         serveur local vous permet de simuler le fonctionnement client/serveur et de
                         travailler directement sur une version test de votre site.




              WAMP (Windows Apache MYSQL PHP)
              Logiciel permettant de simuler le fonctionnement client/serveur directement sur votre PC




WAMP est une solution largement utilisée par les développeurs de site internet.

Elle a l’avantage de permettre d’effectuer un maximum de test avant la mise en production.


 Novembre 2012
Le serveur local
                           Initiation à Prestashop :: Pré-requis




                          1.    Téléchargez le logiciel WAMP sur vos plateformes de téléchargement
                                habituelles, ou directement sur le site de l’éditeur



                          2.    Installez le logiciel en laissant la configuration par défaut ou en modifiant les
                                informations dont vous avez la maîtrise (il y a très peu d’options
                                configurables)
  1.   Si vous le pouvez, à l’étape 2, de l’installateur, localisez le programme sur une autre partition que C:/

  2.   En effet le répertoire C:/ est protégé en écriture et pourrait vous faire rencontrer quelques soucis de configuration à l’avenir

  3.   Dans le cas contraire il faudra modifier les droits d’accès à certains dossiers du programme le moment venu




                          3.    Une fois installé, lancez le programme.

                          4.    Si son lancement est opérationnel vous devriez voir apparaître une icône
                                représentant le logo WAMP dans la barre des tâches (en vert). S’il apparait
                                en rouge ou orange c’est qu’un problème l’empêche de démarrer.
Novembre 2012
Avez-vous des questions ?
                Initiation à Prestashop :: Pré-requis




                                        En résumé


                                        •    Les navigateurs
                                        •    Le fonctionnement client/serveur
                                        •    La plateforme locale




Novembre 2012
Pour continuer
                          Initiation à Prestashop




                            Votre environnement de test prêt à utiliser nous vous invitons à
                            consulter le pas à pas suivant (2ème partie) pour l’installation de
                            Prestashop.



Rendez-vous sur notre site internet et sur les        Ce document est mis à votre disposition, vous
réseaux sociaux, n’hésitez pas à nous suivre et à     pouvez le réutiliser et le modifier pour vos
nous contacter ! Votre avis est le bienvenu.          propres présentations, à la seule condition de
                                                      citer son auteur.
      facebook.com/WebUpAddict


      twitter.com/WebUpAddict


      plus.google.com/100386379180241940349



   Novembre 2012

1. Prestashop - Pré-requis

  • 1.
    Pré-requis 1ère partie Novembre 2012 Initiation à Prestashop
  • 2.
    Sommaire général Initiation à Prestashop Ce document prend place dans un ensemble de pas à pas mis à votre disposition par l’équipe WebUp Addict dans le but de vous aider à vous familiariser avec la plateforme CMS Prestashop, dont voici la totalité du découpage. • Pré-requis • Installation de Prestashop • Découverte de l’administration • Configuration de catégories et de produits • Configuration des modules • Création de pages CMS Novembre 2012
  • 3.
    Contexte général Initiation à Prestashop L’ensemble de ces documents a initialement été réalisé dans le cadre d’une formation animée par l’équipe WebUp, puis modifié pour une diffusion à un plus large public. Cette formation, sur le thème du e-Business, a Ce document est mis à votre disposition, vous pris place dans le cadre des formations GETIC, pouvez le réutiliser et le modifier pour vos organisées par l’Agence 10 TIC. propres présentations, à la seule condition de citer son auteur. Novembre 2012
  • 4.
    Page de garde Initiation à Prestashop Pré-requis 1ère partie Novembre 2012
  • 5.
    Sommaire Initiation à Prestashop :: Pré-requis La première étape de cette initiation à Prestashop est la mise en place d’un environnement de test local. De sorte que vous puissiez installer et tester un site e-commerce réalisé avec Prestashop directement sur votre ordinateur. • Les solutions e-Commerce • Le fonctionnement d’un site internet • Installation du serveur local Novembre 2012
  • 6.
    Analyser le marketingweb Novembre 2012
  • 7.
    Les solutions e-Commerce Initiation à Prestashop :: Pré-requis • Magento – personnalisable et complet – moins accessible, nécessite plus de compétences techniques • Prestashop – rapide à mettre en place et simple d’utilisation – moins personnalisable • « OSCommerce » – moins utilisé que ses confrères et maintenu par une communauté – en fin de vie ? • Solution personnalisée – complètement personnalisable et adaptable Novembre 2012 – généralement plus chère que les CMS précédents
  • 8.
    Les navigateurs Initiation à Prestashop :: Pré-requis Ci-dessous les 5 principaux navigateurs sur le marché. Nous vous conseillons de tester votre site sur les 3 premiers (IE, FF et Chrome). Votre site doit : • être utilisable sur tous • être visuellement semblable sur tous Tenez-vous informé des statistiques d’utilisation de chacun pour concentrer vos efforts. Novembre 2012
  • 9.
    Le fonctionnement client/serveur Initiation à Prestashop :: Pré-requis Un site internet est normalement hébergé sur un serveur accessible depuis le web 24/7. Les clients, les navigateurs internet installés sur les machines, se connectent généralement à une adresse web (www.monsite.com) correspondant à un serveur sur lequel est hébergé (stocké) le site internet. Lors de la connexion le client récupère les données du site internet fournit par le serveur pour en afficher les pages. Novembre 2012
  • 10.
    Les solutions d’hébergement Initiation à Prestashop :: Pré-requis Selon vos besoins vous pouvez choisir parmi plusieurs solutions d’hébergements proposées par des hébergeurs (disposant de plusieurs milliers de serveurs disponibles à la location). • Serveur dédié / Serveur Cloud • Serveur mutualisé • Espace d’hébergement • Serveur maison Voici quelques hébergeurs sur lesquels vous pouvez vous renseigner. Novembre 2012
  • 11.
    Le serveur local Initiation à Prestashop :: Pré-requis Pour l’installation et le test de votre solution Prestashop nous allons vous indiquer la marche à suivre pour la mise en place d’un serveur local. Le serveur local vous permet de simuler le fonctionnement client/serveur et de travailler directement sur une version test de votre site. WAMP (Windows Apache MYSQL PHP) Logiciel permettant de simuler le fonctionnement client/serveur directement sur votre PC WAMP est une solution largement utilisée par les développeurs de site internet. Elle a l’avantage de permettre d’effectuer un maximum de test avant la mise en production. Novembre 2012
  • 12.
    Le serveur local Initiation à Prestashop :: Pré-requis 1. Téléchargez le logiciel WAMP sur vos plateformes de téléchargement habituelles, ou directement sur le site de l’éditeur 2. Installez le logiciel en laissant la configuration par défaut ou en modifiant les informations dont vous avez la maîtrise (il y a très peu d’options configurables) 1. Si vous le pouvez, à l’étape 2, de l’installateur, localisez le programme sur une autre partition que C:/ 2. En effet le répertoire C:/ est protégé en écriture et pourrait vous faire rencontrer quelques soucis de configuration à l’avenir 3. Dans le cas contraire il faudra modifier les droits d’accès à certains dossiers du programme le moment venu 3. Une fois installé, lancez le programme. 4. Si son lancement est opérationnel vous devriez voir apparaître une icône représentant le logo WAMP dans la barre des tâches (en vert). S’il apparait en rouge ou orange c’est qu’un problème l’empêche de démarrer. Novembre 2012
  • 13.
    Avez-vous des questions? Initiation à Prestashop :: Pré-requis En résumé • Les navigateurs • Le fonctionnement client/serveur • La plateforme locale Novembre 2012
  • 14.
    Pour continuer Initiation à Prestashop Votre environnement de test prêt à utiliser nous vous invitons à consulter le pas à pas suivant (2ème partie) pour l’installation de Prestashop. Rendez-vous sur notre site internet et sur les Ce document est mis à votre disposition, vous réseaux sociaux, n’hésitez pas à nous suivre et à pouvez le réutiliser et le modifier pour vos nous contacter ! Votre avis est le bienvenu. propres présentations, à la seule condition de citer son auteur. facebook.com/WebUpAddict twitter.com/WebUpAddict plus.google.com/100386379180241940349 Novembre 2012