Portefeuille de compétences de MADEC Salman-Ali
Stage à L'école Demain Le Printemps
Pour cette deuxième année j'ai de nouveau réalisé mon stage chez Demain Le Printemps pour une durée de 8 semaines cette fois (17 janvier au 11 mars).
Missions :
-
Refonte d'un site web déjà existant en ligne
-
Familiarisation avec le site
-
Corrections apportées sur le code
-
Création de nouvelles fonctions
-
Ajout de fonctionnalités supplémentaires
-
-
Conclusion du stage
1. Lorsque j'ai commencé mon stage, le tuteur m'a présenté un site web qu'un designer venait de terminer :
Design réalisé par un ancien stagiaire (que l'on a pas pu changer)
Exemple d'un page
Voici la BDD du site
Design réalisé par un ancien stagiaire (que l'on a pas pu changer)
Étant donné que le site avait été conçu par un designer qui n'était pas développer à la base, le code n'était pas top, j'ai dû donc recréer son site en local en conservant son CSS en optant pour un model MVC (Modèle Vue Contrôleur) :
Ici, la page prendra beaucoup de temps à s'executer
Le fait de créer une fonction pour afficher une vue, est une perte de temps
L'usage du switch avec des différents case, permet un optimisation du site
Ici, la page prendra beaucoup de temps à s'executer
Créations de fonctions utiles pour l'admin
Le tuteur souhaitait pouvoir agir sur directement sur le site, c'est-à-dire ajouter, modifier ainsi que supprimer du contenu et des images.
J'ai dû donc créer des fonctions afin d'y remédier :
Fonction ajouter : Cette fonction avait pour but de permettre au tuteur d'ajouter du contenu sur le site directement. J'ai donc créer une fonction réutilisable pour chacune des pages que j'ai appelé "add()".
Fonction modifier : utilisant le même principe que la fonction précédente, elle permettait au tuteur de modifier un contenu déjà existant que j'ai appelé "update()".
Voici le formulaire seulement visible par l'admin afin de réaliser ses besoins (ex : page stage 1 mois)
Voici les fonctions permettant d'ajouter, de modifier et de supprimer du contenu
Fonction pour supprimer un contenu dans la page stage 1 mois
Voici le formulaire seulement visible par l'admin afin de réaliser ses besoins (ex : page stage 1 mois)
Fonction supprimer : Enfin, cette fonction est différente des deux précédentes, j'ai dû une fonction spécifique pour chaque page, portant donc un nom spécifique à la page.
Je travaillais d'abord en local en faisant des tests d'intégrations, puis si tout était fonctionnel, je les intégrais au site en ligne.
Compétences concernées :
- Développer la présence en ligne de l’organisation (Participer à l’évolution d’un site Web exploitant les données de l’organisation.)
- Mettre à disposition des utilisateurs un service informatique (Réaliser les tests d’intégration et d’acceptation d’un service, Déployer un service)
- Organiser son développement professionnel (Mettre en place son environnement d’apprentissage personnel)
Mais avant de l'intégrer en ligne, je devais faire une sauvegarde du site dans le cas où ils y auraient d'autres problèmes que j'ai manqué. Je réalisais donc des sauvegardes avant chaque modifications ou hebdomadairement que je mettais directement sur ionos, ou sur Yandex (afin de le partager avec mon camarade de stage) :
Processus de sauvegarde du site
Processus de sauvegarde du site
Compétence concernée :
- Gérer le patrimoine informatique (Gérer des sauvegardes)
Le tuteur voulais des petites fonctionnalités afin de peaufiner le site tel que pouvoir copier le numéro de téléphone grâce à un simple clique ou encore une galerie d'image pour un étudiant, un enseignant, etc. J'ai donc chercher une fonctionnalité en JS permettant de les réaliser :
Fonctionnalité de copier :
Fonctionnalité de la galerie :
Le téléphone était le texte à copier, il suffisait de cliquer pour que ...
... une pop-up indiquant que le texte a bien été copié apparaît.
Le code JS
Le téléphone était le texte à copier, il suffisait de cliquer pour que ...
Voici la slide de photo
La deuxième image
Le code JS
Voici la slide de photo