Situation professionnelle
Comme convenu avant la période de stage avec mon maître de stage, je dois réaliser son nouveau site e-commerce afin d’élargir son champ d’application de la clientèle sur un plan plutôt national. Ce site e-commerce doit être orienté vers une clientèle qui sont à la recherche de composant informatique. Concrètement, ce sont des composants d’ordinateur, mais aussi des composants de smartphone/tablette en particulier. Une fois le site e-commerce réalisé, sans erreur et fonctionnel, il me sera demandé de réaliser un algorithme qui permettrait à l’utilisateur du site de réaliser un ordinateur fixe sur mesure en prenant en compte les contraintes de compatibilité des composants déjà choisi, mais aussi le but de l’utilisation de ce dernier.
Sur toute la partie conception du site, que cela soit pour les langage de programmation, du design ou autre, je suis libre d’utiliser tout mon savoir-faire que j’ai acquis sur mon année de BTS.
Contexte de l'entreprise
- Type d’organisation : C’est une entreprise, qui a donc un but lucratif
- Taille de l’organisation : Statue de Micro-entreprise
- Statut juridique : Micro-entreprise
- Dénomination commerciale : ADDIS INFORMATIQUE
- Dénomination sociale : MONSIEUR YAZID ADDIS
- Entrepreneur : Mr ADDIS Yazid
- Secteur d’activité : Tertiaire (l’entreprise réalise des prestations de services principalement, mais aussi quelque vente de composants informatique).
- Branche d’activité : Société de réparation et d’entretien de matériel numérique.
- Métier : Technicien de maintenance des systèmes numériques
- Effectif : 0 salarié
- Nature de l’environnement : instable et peu évolutif
- Mode de direction : il y a aucune mode de direction, car il se trouve qu’il y a un seul travailleur dans l’entreprise.
Solution & logiciel utilisé
Afin de réaliser un site e-commerce, j’ai utiliser :
- Logiciel de gestion de projet : Microsoft office 2016 Project Pro
- Logiciels developements : NetBeans 8.2, MySQL, PHPMyAdmin
- Langages utilisers : HTML5, CSS3, JavaScript, PHP, SQL
- Bibliothèques : jQuery, Bootstrap
Ressources a disposition
Afin de réaliser le site e-commerce, on m’a mis a disposition :
- 1 Ordinateur portable, sous Windows 10
- 1 Connexion internet
- Toute ma documentation que j’ai reçu lors de mon enseignement pédagogique.
Réalisation
Lors de ce stage je n’ai pas eu beaucoup d’aide de mon maître de stage, j’ai donc réaliser un site e-commerce avec mon moi et bien sur a l’aide de Google.
Dans un permier temps, j’ai été visionné plusieur site e-commerce orrienté dans la vente de composent informatique destiner pour les particulers, où j’ai donc trié les informations essanciel a la réalisation d’un site e-commerce car cela est ma permier réalisation dans se domaine.
J’ai réaliser mon espace de travail sur l’ordinateur, c’est a dire, tout les services nessesaire qu’il faut afin d’afficher des pages avec une extension PHP en local. Dans mon cas, j’ai installer WampServer c’est est une plateforme qui fourine plusieur service de développement Web de type WAMP, permettant de faire fonctionner localement des scripts PHP. WampServer n’est pas en soi un logiciel, mais un environnement comprenant trois serveurs (Apache, MySQL et MariaDB), un interpréteur de script (PHP), ainsi que phpMyAdmin pour l’administration sous la forme d’application Web des bases , et j’ai aussi installer NetBeans, c’est un environnement de développement intégré, qui me permet de developé toute mes pages, scripts, .. nessesaire pour maitre au point mon projet.
A la fin de toute documentation d’information sur les site e-commmerces, j’ai commencé a utiliser le logiciel Office Project 2016 de microsoft afin de réaliser de la gestion de projet afin d’établire des fonctionnalités et de réaliser des tâches pour chaque des fonctionnalités, cette procédure et très utiliser dans le travail en group, cepandans moi, seul pour réaliser se projet cela ma bien aide pour résté dans le bonne angles de la compétence a dévelopé.
Points clefs
- Une fiche-produit complète et épurée
- Un accès rapide au panier
- Une page web récapitulative de votre commande claire
- Un menu principal bien construit
- Un moteur de recherche multicritères efficaces
- La visibilité dans information par le choix de la charte graphique
Prototypage
Afin de réaliser mon site e-commerce rapidement et que le projet soit viable, j’ai étudier les site de vente de composents informatique connu afin d’avoir une idée de se que l’on attendais de moi. Les sites e-commerce qui mon inspiré sont TopAchat, LDLC, materiel.net. Après études des sites, j’ai repéré les points communs des sites afin de crée des fonctionnalités et des tâches a effectué listé sur un logiciel de gestion de projet (Office Project Pro 2016).
Afin de d’aller plus vite dans le développement, j’ai été télécharger un template de site e-commerce, donc mes critères de choix sont :
- développé en : HTML5, CSS3, JavaScript
- framework utilisé : bootstrap
- charte graphique : couleur dominante : noire ou blanc
Réalisation
Cette partie de présentation du projet se sépare en deux parties distinctes, la 1er partie est : Quel est la partie visible par le visiteur la plus importente (visible par le visiteur), et la 2e partie est : Quel est l’un des fichiers Php les plus importent .
Chaque partie du site resté importe dans le cas où j’ai gardé juste l’essentiel d’un site e-commerce.
1. Quelle est la partie visible par le visiteur la plus importente ?
J’ai jugé que la partie visible par le visiteur est la page d’accueil (index .php), car c’est sur cette page, quel que soit le visiteur, par le biais d’un moteur de recherche, par l’URL du site, … sans précision particulière. Il faut que cette page inspire la confiance afin que le visiteur reste et consomme, pour cela il faut que cette page soit claire, non surcharger, peu d’animation et toute information disponible rapidement. Voici un extrait :
Légende :
- Sélection Jaune : Information importente pour le visiteur visible sur toutes les pages du site
- Séléction Vert : Permets au visiteur d’interagir sur les services du site à sa disposition
- Séléction Bleu : Permets la navigation présise des articles entre toutes les catégories
- Séléction Violette : Bannière animée avec des informations sur l’entreprise et le site
À la suite de cette page, nous avons des articles qui sont triés en fonction des certains critères (nouveauté, solde, les plus vendus, les plus redardés, …), cette page évoluera souvent à fonction de nouveau article, promotion, suppression d’article.
2. Quel est l’un des fichiers php les plus importent ?
j’ai jugé que le fichier le plus importent est le fichier panier.php, c’est une des bases d’un site marchand, il comprend tous les scripts de gestion du panier, c’est-à-dire l’ajout, suppression, modification d’article dans le panier du visiteur.
Le fichier de script scriptPanier.php est automatiquement lier au panier.php car il contient toutes les méthodes/fonctions de traitement des informations.
Problémes rencontrée
1er problème
Afin de facilité compatibilité entre le plus grand nombre de navigateurs internet, j’ai utilisé plusieurs navigateurs pour lancée le débogage du projet:
- Microsoft Edge
- Microsoft Internet Explorer
- Google Chrome
- Mozilla Firefox
- Brave
- …
2ème problème
Afin de réaliser la demande de mon maitre de stage, il voulait que je réalise des fonctions PHP afin d’intégrer la base de données, mais que les requêts soient très simples sans condition particulière afin de faire le traitement et la trie depuis le serveur apache et non depuis le serveur de base de données. Du coup, le problème vien que pour 1 visiteur et 10 articles au chargement de la première page, il y avait 10 requêtes environ différentes, sela fonction correctement mais s’il y a 10 visiteurs avec 10 articles à afficher par visiteur alors cela fait 100 requêtes sur le serveur dans cela n’ais viable.
Afin de résoudre le problème, je me suis donc initié à PHP Objet, ce qui a facilité la charge de requête sur le serveur de base de données et de stocker les données dans la variable de session.
3ème problème
Mon problème est que le type a changé quand j’ai passé le tableau d’objet de la fonction listeChargerProduits() dans la variable de SESSION car c’est indiquer que : object(__PHP_Incomplete_Class).
Pour résoudre le problème, je ne l’ai pas trouvé sur les formes français, mais sur un forum anglophone. Donc il y a des instances de classe en session et au démarrage de la session, l’implémentation de l’objet sérialisé n’est pas connue d’où le __PHP_Incomplete_Class Object. Il fait en sorte que la classe Article soit chargée avant le session_start(); .
Conclusion
En vu que j’ai des des problèmes sur le projet et que mon maître de stage n’etais pas forcément là pour m’aider, j’ai dû réponde à mes problèmes par mes propres moyens, c’est-à-dire m’inscrire sur des forums de développement. Ce stage a été pour moi, un apprentissage dans l’autonomie, car le projet n’a pas été terminer dans le temps, mais j’ai passé pas mal de temps dans la résolution de mes problèmes et de l’évolution du code existant pour résoudre les problèmes.