CHAPITRE 3 : LA REALISATION
I. LES INTERFACES ET FONCTIONNEMENT
DU SITE
WordPress est un CMS, pour Content Management System, c’est-à-dire un outil destiné au développement d’un site web. Il permet de rapidement générer du contenu interactif sans passer par le développement informatique dans un certain langage de programmation.
La particularité de WordPress est la possibilité d’ajouter des thèmes que l’on télécharge directement sur WordPress dans l’espace réservé aux thèmes, permettant d’ajouter des fonctionnalités de conception du site. Il donne ainsi la possibilité de faire le choix du thème approprié au site que l’on veut réaliser. Cela dit, il est tout à fait possible d’aller encore plus loin en modifiant soi-même les thèmes, et c’est précisément ce que j’ai fait pour agrémenter la réalisation du site.
Ci- dessous un exemple de thème gratuit du CMS, que j’ai téléchargé et installé, qui m’a permis de mettre en évidence la praticité de l’outil dans la réalisation du site.
Sur WordPress il existe des plugins ou extensions qui également de modifier le thème choisir. Un plugin ou extension est un petit programme adjoint à un plus grand programme qu’est WordPress afin d’intégrer à celui-ci des fonctionnalités ou encore d’étendre ou de corriger des fonctionnalités originelles. Le champ d’intervention des plugins est très étendu, ils peuvent avoir plusieurs utilités : sécurité, référencement, édition, affichage, newsletter, analytics, etc…
En général, WordPress est un logiciel assez sécurisé ; toutefois un mauvais plugin peut entraîner l’introduction de failles de sécurité. Les plugins sont pour leur majorité gratuits ; certains sont payants, d’autres sont mixtes.
Pour ce projet de création d’une boutique en ligne, nous allons utiliser les extensions Visual Composer et WooCommerce. Visual Composer nous permet d’ajouter, de disposer, de mettre les liens sur chaque élément, de mettre du texte sur les pages, en tout il permet de modifier les pages du site selon le cahier de charge reçu du demandeur.
Voici une image de l’interface de Visual Composer
Comme résultats obtenu, nous avons les pages qui concernent l’identité de l’entreprise qui ont été créées. Il s’agit notamment de la page d’accueil qui présente brièvement les activités de l’entreprise.
Nous avons créés également les autres pages, c’est-à-dire : la page Audiovisuel, Création Graphique & Imprimerie, Communication Digitale, Évènementiel et Formation. A titre d’exemple la page Audiovisuel en image ci-dessous.
Avec Visual Composer il est également possible d’ajouter du code HTML/CSS
WooCommerce, c’est l’élément clé du e-commerce avec WordPress. En effet il nous permet de configurer le processus de vente en ligne. C’est lui qui va nous permettre de mettre les restrictions lors des achats et les commandes.
WooCommerce nous permet de faire un réglage général pour nous produits, de l’expédition des produits, le mode de paiement, de gérer les comptes et confidentialité, de configurer les E-mails et faire un réglage avancé c’est-à-dire, installer les pages tel que : panier, validation de commande, mon compte, conditions générales de vente (…). Ci-dessous en image l’extension WooCommerce et ses paramètres.
Après la présentation de notre extension WooCommerce, nous allons maintenant montrer en image les résultats obtenus avec celui-ci. Nous commençons par la page d’affichage des différents produits. Elle contient tous les produits et leurs prix de vente. C’est cette page qu’on a appelé Boutique sur notre site.
Voici à quoi ressemble l’affichage de nos produits :
Après avoir cliqué sur le produit, il s’affiche en grand format avec sa description et demande aux clients de l’ajouter au panier.
Par la suite, la page ajouter au panier s’affiche après avoir cliqué sur le bouton Ajouter au panier, ça donne ceci : :
En cliquant sur le bouton valider la commande, vous aurez à remplir les différents champs pour finaliser votre commande de marchandises. En image les champs à remplir.
Dans le cadre du développement d’un site traditionnel, il aurait fallu coder entièrement les lignes nécessaires à l’affichage du modèle de site demandé, ce qui aurait été plus coûteux en temps à la date de réalisation.
.
I. LES DIFFICULTES ET LES ENSEIGNEMENTS TIRES AU COURS DU STAGE
II.1. LES DIFFICULTES RENCONTEES
Concernant les difficultés rencontrées, nous notons en premier lieu l’installation de WordPress. Etant donné que la maîtrise du logiciel n’est pas encore complet, son installation à vraiment coûté du temps. Il a fallu aller au près des aînés pour l’installation correcte de WordPress et comment l’utiliser pour créer un site web et y intégrer une boutique en ligne.
En deuxième lieu, la connaissance des extensions nécessaires pour la réalisation du site. Cette étape a été moins difficile, car avec les recherches on a trouvé les extensions pour la réalisation du site. Mais le plus difficile a été l’utilisation de ces outils, comment les configurer pour l’adaptation du site e-commerce ? Après quelques recherches et l’aide des aînés, nous avons pu faire l’adaptation et personnalisé ces outils selon le cahier de charge.
Enfin, le véritable problème rencontré dans cette réalisation, c’est l’intégration d’un formulaire qui devrait être envoyé aux clients après avoir reçu la marchandise commandée en ligne sur le site. Ce formulaire devait permet aux clients de donné leur satisfaction du service ou d’avoir droit à un échange de marchandise en cas défaillance de celle-ci. Mais cela n’a pas été réalisé à cause du délai de dépôt du rapport de stage. Néanmoins nous continuerons la réalisation de ce formulaire afin de satisfaire notre entreprise d’accueil qui est ULTIM SARL.
II.2. LES ENSEIGNEMENTS TIRES
Au cours de ce stage de fin de formation à l’entreprise ULTIM SARL, nous pouvons dire que nous avons reçu assez de connaissances que ce soit au niveau de notre domaine développement d’application et e-services et dans le domaine de la communication audiovisuel.
Dans notre domaine de développement web, nous avons appris à réaliser un site complet prêt à l’emploi. Nous avons la connaissance du CMS WordPress qui nous permet de concevoir un site web plus rapidement avec un cahier de charge bien défini. Les extensions et les thèmes qui nous permettent d’ajouter du contenu au site, de personnaliser également les différents éléments à notre goût.
Au niveau de la communication audiovisuel, nous avons quelques connaissances sur les logiciels Adobe Photoshop et Adobe Illustrator. Ces logiciels nous permettent de concevoir tout ce qui est imprimerie, c’est-à-dire : les cartes de visite, les flayers, magasines, manuels, livres et journaux, dépliants et affiches (…). Ce stage nous a également permit d’avoir des connaissances sur les comportements à avoir lorsqu’on est en entreprise et l’esprit d’équipe.
Aucun commentaire:
Enregistrer un commentaire