Support de Stage

Remerciement

Je tiens à remercier Buroscope qui m’a accueillie durant mon stage, cela m’a permis de mettre en œuvre ce que j’ai appris durant ma formation, ainsi de confirmer mes compétences et apprendre de nouvelles choses. Merci à M. Deschamps et à Olivier Hyron, tous deux ont été mes tuteurs de stage.

J’aimerai aussi dire merci à l’équipe de Buroscope particulièrement Diane, Gildas, Valérie et Myriam pour m’avoir aidé dans certaines tâches orthographiques mais aussi pour la bonne ambiance qui s’y déroulait.

Je tiens aussi à remercier Éric et Melvin qui m’ont aidé sur le développement web quand je rencontrais des difficultés.

Merci à toutes les personnes qui m’ont accueillie chaleureusement durant cette période, et qui ont fait en sorte que je me sente bien.

Intro

Mon stage s’est déroulé à Buroscope à la base, on m’avait mis uniquement sur les sites internet Khum et ODS35, mais au fur et à mesure, il manquait du contenu, Olivier m'a alors confié d’autre projets.

J’ai pu durant ce stage mettre en place mes connaissances sur Illustrator, Photoshop, HTML et CSS et JavaScript, Mindmeister. Les premiers jours ont consisté à réaliser des mises à jour et aussi de voir comment fonctionnait le CMS maison d’Olivier mon tuteur de stage.

ODS35

Intro

L’ODS35 a été mis en place pour permettre de négocier, favoriser et encourager le développement du dialogue social et la négociation collective dans les entreprises de moins de 50 salariés. Il apporte son concours et son expertise juridique aux entreprises de son ressort dans le domaine du droit social.  Voici ce que j’ai pu réaliser sur le site internet de l’ODS35:

OSS35

Rechercher le site internet

En premier temps, il a fallu que j’aille retrouver le site Internet dans les méandres d’internet, sa base de donnée n’existait plus, j’ai donc utilisé deux logiciels pour récupérer ce qui pouvait être sauvé :

Waybackmachine, qui m’a permis de retrouver le site internet puis Web.archive.org, avec lequel j'ai pu exfiltrer les données.

Refonte du site internet

Grâce aux données récupérées, j’ai pu réarranger le site pour qu’il soit plus ordonné.

Faire en sorte que les items du menu correspondent au site. Un rajout de page, comme la page des membres où il a fallu faire des cadres, mettre du contenu, adapter le formulaire de contact.

Pour faire ces modifications, j’ai pu utiliser un CMS maison créé par mon tuteur de stage, Olivier, ce qui m’a bien aidé pour faire des modifications.

Contenu Image

L’une de mes missions était de trouver des Images pour mettre du contenu sur le site internet.

J’étais également chargée de trouver les différents logos correspondant au membre de cette organisation.

Réajustement du logo

L’ODS35 est devenu ODDS35, conformément à son nom qui est l’observatoire départemental d’analyse et d’appui au dialogue social, cette nouvelle appellation regroupe les deux D. Le site malheureusement n’est pas fini par manque de contenu. Et personnellement, je ne pouvais pas créer le contenu moi-même.

1
1

KHUM

Intro

Khum est un organisme qui propose plusieurs types de formations, principalement dans les ressources humaines en entreprise. Cette structure a été créée avec une volonté de partage des expériences. Khum évolue en permanence, en accord avec les actualités du moment.

Khum

Carte de visite

L’une de mes toutes premières missions a été la conception des cartes de visite, on ne m’avait donné aucune direction particulière. J’ai donc réalisé 3 cartes de visite différentes pour que la personne ait le choix, grâce à ça j’ai pu modifier ces cartes de visite en reprenant quelques parties à gauche et à droite.

Flyer

On ne m’a pas réellement dit qu’il fallait des flyers, juste un sous-entendu alors j’en ai créé une ou deux quand j’avais le temps. En respectant bien évidement la charte graphique que l’on m’avait fournie. Je les ai créés avec le logiciel Photoshop.

Refonte de site

Il n’y a pas eu à faire beaucoup de choses pour Khum, ce site à l’inverse de celui d’ODS35 n’a pas disparu d’internet. J’ai simplement ajouté des rubriques dans le menu et ajouté un encadré « Actualités » en bas de la page d’accueil. Mais par manque de contenu ce site non plus n’a pas pu être finalisé.

slid1 slid1 slid1
2
2

Buroscope

intro

Buroscope a été ma mission la plus importante, au vu des taches qui m’ont été confiées.

Buroscope

Newsletter

La réalisation de la Newsletter n’a pas été la tâche la plus compliquée, j’étais contente de pouvoir coder la newsletter en from scratch, c’est-à-dire à partir de rien. Les ajustements, cependant, ont pris beaucoup de temps : ajouts de contenus, et correction de fautes d’orthographe. Pendant le temps de correction et d’approbation de tout le monde, on m’a mis sur autre chose: le Carrousel.

Carrousel de sponsor

Pendant que la Newsletter se faisait, on m’a donné en tâche de réaliser un carrousel. Le premier Carrousel que j’ai fait était un carrousel 3d qui tourne en rond, mais ça n’a pas bien plu à tout le monde. Alors, j'ai créé un carrousel 2d qui un moment donné fait disparaitre les logos, Mais là aussi ce n’était pas encore ça jusqu’à ce qu’on le mette en noir et blanc. Pour la création de ce carrousel, j’ai utilisé HTML et CSS. Il a aussi fallu chercher les logos de ces nombreux partenaires. J’ai aussi créé une page à côté pour pouvoir y insérer les autres.

Carte mentale

Pour réorganiser le site Buroscope, avec toutes ces pages et toutes ces formations, j’ai réalisé une carte mentale avec Mindmeister, l’idée étant de décortiquer le site et savoir sur quel plan mettre chaque thématique. Il me fallait absolument un cahier pour m’y retrouver. Ceci m’a permis de découvrir toutes les formations que Buroscope peuvent offrir, et il y en a beaucoup : formations courtes, qualifiantes, apprentissage, classe virtuelle… J’ai été obligée de faire 2 cartes mentales pour m’y retrouver et pour que d’autres personnes puissent comprendre, l’une consacrée à toutes les catégories de Buroscope et l’autre dédiée uniquement au catalogue des formations.

Catalogue

Il a fallu modifier les catalogues des formations courtes, elles contenaient beaucoup d’erreurs, j’ai pu rectifier : Design graphique & vidéo, Ressources humaines, paie et comptabilité et aussi sur Windows & bureautique. Le texte m’était fourni pour faire les modifications, il fallait aussi relier les liens pour renvoyer sur la page d’une autre formation Designer.

Plaquette Buroscope

Les plaquettes Buroscope m’ont permis d’aborder le graphisme. Pour ce projet, j'ai utilisé le logiciel Photoshop. J’ai eu un modèle de plaquette dont il a fallu totalement changer la charte graphique, les couleurs en particulier n’étaient plus d’actualité. Mais, comme la Newsletter, et je pense pour tous les supports de ce type, le plus long n’est pas de la créer mais de la corriger et de la perfectionner, surtout quand plusieurs personnes donnent leur avis et conseils. C’est encore plus long d’avoir une approbation de tout le monde. Elles ont été corrigées par Myriam, Elise et Olivier. Ces plaquettes concernent les formations dans le tertiaire et dans le web, j’ai fait deux plaquettes différentes pour bien séparer les deux.

Formulaire de Questionnement

Vu que Buroscope a énormément de formations et que certaines personnes ont du mal à s’orienter, Éric et Elise ont décidé de créer un questionnaire approprié pour qu’ils puissent mieux se diriger. Ce questionnaire a été pour moi un challenge, mais aussi une déception parce que je n’ai pas réussi à le finir, je suis restée bloquée au niveau code dans la partie JavaScript : la version que j’ai faite, avec des else if, permet d’avoir plusieurs réponses, mais beaucoup moins de fiabilité. Cette version-là fonctionne mais on m’a plutôt conseillé de faire un switch qui permet d’avoir autant de réponses que l’on désire, le seul souci est que je n’ai pas réussi à relier mes réponses à mes questions. Mais sinon j’étais sur la bonne voie pour réussir.

3
3