SlideShare ist ein Scribd-Unternehmen logo
1 von 17
Downloaden Sie, um offline zu lesen
RAPPORT DE STAGE
Développeur web
Du 29 juin au 02 août 2015
Tuteur académique :
Monsieur Christophe DEMKO
Entreprise d'accueil :
La Rochelle Création
16 rue de la Bonette
17000 La Rochelle
Etablissement :
Cursus Master d'Ingénierie
Informatique – 1ère année
Université de La Rochelle
Etudiant :
Monsieur Christian MARQUAY
Tél : 06 98 34 07 16
Email : cmarquay@etudiant.univ-lr.fr
Tuteur en entreprise :
Monsieur Patrick GILLET
Tél : 05 17 81 04 40
Email : patrick.gillet@larochelle-creation.fr
REMERCIEMENTS
Je remercie toute l'équipe de La Rochelle Création de m'avoir reçu durant ces cinq semaines de
stage dans le service informatique, chacun a su me transmettre une part de soi :
Jean-François MENU m'a accepté et a rempli tous les documents demandés avant le début
de mon stage, il m'a présenté son métier avec des mots simples mais efficaces.
Patrick GILLET, mon tuteur en entreprise, a toujours trouvé du temps pour me donner des
conseils et des explications sur son activité et la conduite de mon stage.
Olivier THOLANCE m'a initié au côté graphique du prépresse et il m'a notamment encadré
sur les quelques activités de découpe et de pose que j'ai eues à effectuer.
Lily DEPUIS a hydraté l'équipe pendant les fortes chaleurs.
Valentin BOULESTEIX m'a transmis l'expérience de son stage sur l'échenillage.
Page 2
SOMMAIRE
REMERCIEMENTS............................................................................................................................2
SOMMAIRE.........................................................................................................................................3
I- INTRODUCTION............................................................................................................................4
1) CADRE DE REFERENCE DE L'ENTREPRISE.......................................................................4
2) CADRE DU STAGE...................................................................................................................5
II- MISSIONS......................................................................................................................................6
1) J'ai posé des adhésifs sur un véhicule utilitaire...........................................................................6
2) J'ai conçu un planning d'été.........................................................................................................7
3) J'ai participé à la création des deux sites web de l'entreprise......................................................8
4) J'ai utilisé le CSS3 afin de rendre par le code ce qui était sous forme d'image conçue par
Photoshop sur le site web http://www.location-bateau-la-rochelle.fr/.............................................9
III- BILANS.......................................................................................................................................10
1) BILAN TECHNIQUE...............................................................................................................10
2) BILAN DU STAGE...................................................................................................................11
IV- CONCLUSION............................................................................................................................12
BIBLIOGRAPHIE.............................................................................................................................13
ANNEXES.........................................................................................................................................14
ANNEXE 1....................................................................................................................................14
ANNEXE 2....................................................................................................................................15
ANNEXE 3....................................................................................................................................16
ANNEXE 4....................................................................................................................................17
Page 3
I- INTRODUCTION
1) CADRE DE REFERENCE DE L'ENTREPRISE
HISTOIRE
La Rochelle Création fut créée le 3 mai 2014 par Jean-François MENU, Patrick GILLET, et Olivier
THOLANCE alliant leurs années d'expérience et leur savoir-faire dans le secteur de la
communication. L'entreprise s'est depuis développée avec une arrière-boutique et plusieurs façades :
le site web de La Rochelle Création concerne en effet la signalétique en magasins et sur véhicules
automobiles tandis qu'un site web spécifique a ouvert concernant l'embellissement des bateaux.
CHIFFRE D'AFFAIRES
La Rochelle Création est une toute jeune entreprise qui voit le nombre de ses clients et de ses
commandes augmenter. Il n'y a pas d'évolution chiffrée à l'heure actuelle, son premier bilan
comptable se faisant sur dix-huit mois. Son chiffre d'affaires prévisionnel pour sa première année
d'existence est de trois cent mille euros. Le bilan est en cours de rédaction mais les résultats ne
seront communiqués qu'au mois de novembre à venir.
SECTEURS D'ACTIVITE
La Rochelle Création est une entreprise effectuant à l'origine du prépresse. Olivier THOLANCE est
graphiste et fait de la publication assistée par ordinateur. Une fois les designs prêts à être imprimés,
l'entreprise se charge de les transférer sur adhésifs plastiques : polymères pour recouvrir les surfaces
solides, flex pour les surfaces souples comme le flocage de vêtements, monomères pour
l'événementiel, etc. Elle peut par la suite s'occuper de la pose si le client le souhaite. Grâce aux
nombreux outils présents dans l'atelier, La Rochelle Création découpe tous supports et peut donc
concevoir des panneaux et des hublots. Enfin, pour compléter son offre, l'entreprise s'occupe de la
gestion de sites web pour des clients désireux de déléguer cette tâche. Elle loue également un
espace de travail en mezzanine de 120m² destiné au coworking.
ORGANIGRAMME HUMAIN
Page 4
Jean-François MENU
Co-gérant
Patrick GILLET
Co-gérant
Tuteur en entreprise
Olivier THOLANCE
Employé
Valentin BOULESTEIX
Saisonnier
Christian MARQUAY
Stagiaire
Lily DEPUIS
Employée
EVOLUTION DES EFFECTIFS
Jean-François MENU et Patrick GILLET sont co-gérants, Olivier THOLANCE est salarié depuis la
création de l'entreprise. Lily DEPUIS est salariée depuis le mois de novembre 2014 et s'occupe de la
partie administrative. Valentin BOULESTEIX a fait son stage dans l'entreprise durant le mois de
juin sur la partie web avant d'être pris comme saisonnier durant le mois de juillet. Une saisonnière
va remplacer Olivier THOLANCE durant ses vacances et sera peut-être engagée à son retour afin
d'accompagner l'entreprise dans son développement.
TECHNOLOGIES ET METIERS
Olivier THOLANCE est designer, Lily DEPUIS est secrétaire administrative, Valentin
BOULESTEIX et moi avons effectué nos stages dans le service web, mais la réalité d'une entreprise
de moins de dix salariés est la polyvalence et chacun s'occupe des diverses tâches à accomplir. En
fonction des commandes, les diverses machines de l'atelier entrent en œuvre : la Summa fonctionne
grâce à son logiciel Summa Winplot et découpe les adhésifs, la Roland fonctionne grâce à son
logiciel Roland VersaWorks et imprime de très larges adhésifs au mètre, le laminateur sert à la
plastification des adhésifs, la presse à chaud sert au flocage des vêtements, la perforelieuse sert à
perforer et à relier des documents papier, la KeenCut sert à couper droit les plaques fines de
matériaux, la fraiseuse numérique et la graveuse laser sont deux Piranha servant la première pour la
découpe des plaques de matériaux plus épaisses ou pour faire des motifs et la seconde pour la
gravure notamment. Côté informatique, cinq ordinateurs permettent le travail graphique grâce à
Adobe Photoshop, InDesign et Illustrator ainsi que le développement web grâce à Wampserver,
Adobe Dreamweaver et FileZilla.
CONCURRENTS
La Rochelle Création a neuf concurrents en création graphique sur la ville de La Rochelle, dont
deux ont plus de dix ans d'expérience dans ce domaine d'activités : Atelier Viaud et Dufau. La
Rochelle Création a su se faire sa place au milieu des entreprises existantes et tirer son épingle du
jeu. Les créateurs de l'entreprise ne partaient pas de rien et avaient déjà une forte expérience dans ce
domaine, ils étaient donc connus et les clients ont suivi.
2) CADRE DU STAGE
OBJECTIFS
L'objectif du stage est d'entrer dans une entreprise durant cinq semaines et de la regarder évoluer
dans son environnement avec ses employés, ses clients, ses fournisseurs, etc. C'est l'occasion
d'aborder le secteur informatique après avoir été archéologue pendant dix ans, et d'avoir un point de
vue extérieur aux professeurs de l'université. Les objectifs sont autant l'application au quotidien du
HTML5 et l'utilisation de Photoshop que de s'imprégner des attentes des professionnels du secteur.
CADRE
La Rochelle Création est une entreprise créée il y a 14 mois qui comprend deux co-gérants, deux
employés, un saisonnier, et moi en stagiaire durant le mois de juillet 2015. Elle est implantée sur un
site de 300m² à 450 mètres du bâtiment Orbigny de l'université de La Rochelle (cinq minutes à
pieds) et 1600 mètres de chez moi (vingt minutes à pieds). Le rez-de-chaussée est occupé par
l'atelier et un espace de coworking de 120m² se trouve en mezzanine. C'est dans cet espace que s'est
déroulée la partie informatique de mon stage.
Page 5
II- MISSIONS
1) J'ai posé des adhésifs sur un véhicule utilitaire
(annexe 1, page 14, Bon A Tirer)
CONTEXTE
La première semaine fut une semaine de découverte de l'entreprise et de l'atelier afin de pouvoir
plus facilement parler des activités sur le site internet par la suite. J'ai eu ainsi l'occasion de poser
des adhésifs sur un véhicule utilitaire de Aunis Motonautic afin de le customiser. Ce service est un
de ceux proposés par La Rochelle Création à ses clients.
DEMARCHE
J'ai imprimé le Bon A Tirer et j'ai préparé le matériel.
J'ai défini les zones où seraient posés les adhésifs en me référant au Bon A Tirer.
J'ai nettoyé ces parties du véhicule à l'alcool et j'ai essuyé avec de l'essuie-tout : la poussière
est l'ennemie de l'adhésif.
J'ai posé le premier adhésif sur la zone concernée et je l'ai calé à l'aide d'aimants.
J'ai pris un mètre en métal et j'ai ajusté l'adhésif pour qu'il soit bien à la verticale.
J'ai scotché l'adhésif sur la carrosserie pour qu'il ne bouge plus.
J'ai retiré le support de l'adhésif sur une moitié que j'ai collée sur le véhicule utilitaire.
J'ai chassé l'air entre la carrosserie et l'adhésif avec une raclette de pose.
J'ai recommencé les deux étapes précédentes avec la seconde moitié de l'adhésif.
J'ai procédé de la même manière pour chaque adhésif en me référant au Bon A Tirer.
J'ai ensuite rangé le matériel.
Le véhicule a enfin été présenté au client.
PRATIQUE PROFESSIONNELLE
Aunis Motonautic est client et fait régulièrement customiser ses véhicules chez La Rochelle
Création. Olivier THOLANCE m'a proposé cette activité pour me faire découvrir le marquage sur
véhicule qui est une des activités principales de l'entreprise. Il m'a encadré sur les premiers adhésifs
puis m'a demandé de continuer. Le client s'est montré satisfait du résultat final.
J'ai rarement eu l'occasion d'effectuer cette activité.
Elle se déroule dans l'atelier de La Rochelle Création au 16 rue de la Bonnette à La Rochelle.
Ceci s'est produit le 29 juin 2015 en binôme avec Olivier THOLANCE.
J'ai utilisé :
un véhicule utilitaire
un pulvérisateur contenant de l'alcool
de l'essuie-tout
des adhésifs
des aimants
du scotch
une règle métallique
une raclette de pose
Page 6
2) J'ai conçu un planning d'été
(annexe 2, page 15, extraits de la semaine 29)
CONTEXTE
La Rochelle Création est une entreprise de prépresse. Ceci signifie qu'elle conçoit des visuels sur
ordinateur avant de les imprimer sur tous supports. Form'un a commandé son planning d'été et cela
fut l'occasion de me remettre à utiliser des logiciels de designs, ici InDesign. Le visuel s'approche
d'un tableur mais il faut un dessin vectoriel pour que l'impression se fasse correctement sans
déformations par la suite.
DEMARCHE
J'ai réceptionné le courriel de la cliente.
J'ai ouvert avec InDesign un planning créé lors d'une précédente commande.
J'ai effectué les modifications demandées dans le courriel concernant chaque employé.
Une fois le Bon A Tirer validé et le planning imprimé, j'ai relié les exemplaires.
PRATIQUE PROFESSIONNELLE
Form'un est un client régulier de La Rochelle Création pour tous types de création papier. Olivier
THOLANCE est graphiste et tenait à me faire approcher la conception sur ordinateur. Il m'a donc
encadré sur cette activité pour que j'utilise InDesign dont je ne m'étais jamais servi auparavant.
J'ai rarement eu l'occasion d'effectuer cette activité.
Elle se déroule sur les ordinateurs de La Rochelle Création au 16 rue de la Bonnette à La Rochelle.
La partie sur ordinateur s'est tenue le 30 juin 2015 en binôme avec Olivier THOLANCE.
La partie sur perforelieuse s'est tenue le 02 juillet 2015 en autonomie.
J'ai utilisé :
l'ordinateur Mac de Olivier THOLANCE
le logiciel Adobe InDesign
une perforelieuse
des anneaux en plastique
Page 7
3) J'ai participé à la création des deux sites web de l'entreprise
(annexe 3, page 16, capture d'écran de la page web concernant la création graphique)
CONTEXTE
La Rochelle Création est une entreprise ayant plusieurs vitrines. Le site web http://www.larochelle-
creation.fr/ concerne particulièrement le prépresse et la partie création graphique. Le site web
http://mon-beau-bateau.com/ de son côté se concentre sur la décoration des bateaux. Un troisième
site web par la suite fera la promotion de la décoration des maisons. Patrick GILLET est co-gérant
et mon tuteur en entreprise, c'est également lui qui se charge du secteur web. L'objectif de mon
stage est principalement de terminer ce site-là.
DEMARCHE
J'ai effectué une veille sectorielle et concurrentielle.
J'ai écrit des articles correspondant aux pages web que j'avais à créer.
J'ai inséré les articles dans les pages web créées.
J'ai vérifié l'évolution de chaque site web avec Wampserver.
J'ai scanné des documents sur ma clé USB CMI.
J'ai effectué une recherche d'images dans la base de données des commandes auxquelles
l'entreprise a répondu.
J'ai converti les formats PDF, PSD, AI et ID aux formats JPG et PDF.
J'ai conçu des bannières et des photomontages grâce à Adobe Photoshop.
J'ai intégré les bannières et les images dans les pages web créées.
J'ai modifié les tailles des images dans les pages web.
J'ai corrigé l'orthographe de toutes les pages du site web http://www.larochelle-creation.fr/ et
de la page concernant les actualités du site web http://mon-beau-bateau.com/.
J'ai modifié les liens quand cela était nécessaire.
J'ai mis à jour les pages concernant les actualités sur les deux sites web.
J'ai fait valider mon travail régulièrement par Patrick GILLET mon tuteur en entreprise.
J'ai mis en ligne les pages modifiées et les nouvelles images et bannières avec FileZilla.
J'ai vérifié la bonne mise en ligne et j'ai corrigé quand il y a eu besoin.
PRATIQUE PROFESSIONNELLE
Patrick GILLET, mon tuteur en entreprise, m'a donné des indications claires sur ce qu'il attend de
ma part en me donnant à chaque première fois un exemple concret. J'ai ensuite développé chaque
thématique en approfondissant ma connaissance des produits et en lui posant des questions quand
j'en avais. J'ai pratiqué la partie HTML aisément et j'ai réutilisé Adobe Photoshop dont je ne m'étais
pas servi depuis quinze ans.
J'ai eu très fréquemment l'occasion d'effectuer cette activité.
Elle se déroule sur mon ordinateur personnel sur la plate-forme de coworking de La Rochelle
Création au 16 rue de la Bonnette à La Rochelle.
Elle s'est tenue du 29 juin 2015 au 02 août 2015, seul en application des consignes de l'entreprise.
J'ai utilisé :
mon ordinateur personnel et ma clé USB CMI
Wampserver
Adobe Dreamweaver
Adobe Photoshop
FileZilla
Page 8
4) J'ai utilisé le CSS3 afin de rendre par le code ce qui était
sous forme d'image conçue par Photoshop sur le site web
http://www.location-bateau-la-rochelle.fr/
(annexe 4, page 17, capture d'écran)
CONTEXTE
La Rochelle Création gère des sites web pour d'autres entreprises et Patrick GILLET mon tuteur en
entreprise loue des bateaux en plus de s'occuper de l'entreprise où je suis en stage. Certaines parties
de son site sont conçues sous forme d'images avec Photoshop car la partie codage est rebutante mais
les moteurs de recherche ne les prennent pas en considération. Je crée donc des codes avec le CSS3
permettant de faire le remplacement des images par du texte HTML5 et une classe.
DEMARCHE
J'ai repris l'image Photoshop d'origine
J'ai utilisé Adobe Dreamweaver afin de créer le code CSS3.
J'ai fait valider mon travail par Patrick GILLET mon tuteur en entreprise.
PRATIQUE PROFESSIONNELLE
J'ai discuté avec Patrick GILLET mon tuteur en entreprise de l'esthétique des sites web : il m'a
montré son utilisation de Adobe Photoshop et je lui ai montré mon utilisation du CSS3. Nous avons
pu échanger sur le sujet et faire la comparaison des deux méthodes en fonction des besoins des sites
web dans l'esprit du coworking. Le CSS3 garde pour moi l'avantage de rendre le site plus léger à
charger par les navigateurs et de ne plus s'occuper de la mise en forme une fois le travail initial
effectué : il suffit en effet de donner la classe correspondante aux sections voulues.
J'ai eu fréquemment l'occasion d'effectuer cette activité.
Elle se déroule sur mon ordinateur personnel et sur celui de Patrick GILLET mon tuteur en
entreprise dans son bureau de La Rochelle Création au 16 rue de la Bonnette à La Rochelle.
Elle s'est tenue du 29 juin 2015 au 02 août 2015, principalement durant la dernière semaine, en
binôme avec Patrick GILLET mon tuteur en entreprise.
J'ai utilisé :
mon ordinateur personnel
l'ordinateur de Patrick GILLET mon tuteur en entreprise
Wampserver
Adobe Dreamweaver
Page 9
III- BILANS
1) BILAN TECHNIQUE
A la signature de la convention de stage, il était convenu que je devais m'occuper du codage
HTML5 et CSS3 d'un site web ou deux. Au final, je me suis occupé de http://www.larochelle-
creation.fr/ et de http://mon-beau-bateau.com/ puisque ces sites devaient être terminés durant l'été et
ce fut chose faite à la fin de mon stage. J'ai également eu l'occasion d'effectuer des tâches annexes :
découpe, échenillage, préparation du doming … Par contre ce qui m'a été demandé nécessitait du
HTML pur, le côté CSS fut pour le site web http://www.location-bateau-la-rochelle.fr/ et le code a
été fait dans les derniers jours seulement.
Les améliorations envisageables sont nombreuses :
Je possède le Certificat de Sauveteur Secouriste du Travail, l'entreprise n'a pas de trousse de
premiers soins ni aucune documentation d'urgence. Les employés peuvent utiliser des
disqueuses durant la création de certaines pièces, ou plus simplement s'entailler
profondément la main avec les cutters servant à la découpe des adhésifs. Un fer à souder
permet de placer des bandes à leds dans les enseignes lumineuses, j'ai déjà vu un court-
circuit suite à deux soudures se touchant. Lors de la pose d'un panneau en hauteur sur la
façade d'un magasin, l’échafaudage utilisé a mal été démonté et s'est plié alors que le gérant
était en train d'en descendre. J'ai parlé à certains collègues qui ne mettaient même pas le
casque de protection auditive lors du fonctionnement de la fraiseuse numérique malgré le
panneau mentionnant l'obligation du port sur la machine. Il y a un gros travail à effectuer sur
la partie sécurité : briefing à l'arrivée de l'employé, livret reprenant les informations
essentielles, signalétique reprenant les numéros de téléphone d'urgence et les sorties à
emprunter par exemple en cas d'incendie. Pour le moment, les gérants sont débordés par le
côté administratif de l'entreprise et n'ont pas le temps de s'en charger.
Au niveau informatique, beaucoup plus sûr qu'en atelier, ma première idée en arrivant fut de
proposer de palier l'absence de media queries sur les sites web. Leur utilisation aurait permis
d'adapter les sites aux tablettes et aux mobiles. La priorité était de terminer le contenu des
sites et les gérants ne voulaient pas ce supplément. Il n'est pas simplement question
d'effectuer un travail, mais également de le transmettre par la suite pour que le responsable
du service web puisse continuer à utiliser ce qui a été fait. Ceci aurait donc nécessiter de le
former sur les media queries.
Dès la première moitié de mon stage, je me suis rendu compte que le CSS n'était pas utilisé.
En effet, il n'y a pas de balises d'articles dans les sections du site. Il s'agit de balises de
paragraphes et le retour à la ligne pour le saut de paragraphe s'effectue avec des balises
<br /> ce qui est fortement déconseillé dès le TP1 du cours de Technologies du web. De la
même manière, la taille des images se fait avec les attributs height et width de la balise
image directement dans le code HTML. Lors de la modification d'une page, il m'a été refusé
de mettre une image en float right pour que le texte l'encadre sur la gauche et il m'a donc
fallu inverser les positions respectives d'une image et d'un paragraphe dans le code HTML
afin d'obtenir le visuel désiré. Le responsable du service web a des notions de CSS mais il
Page 10
ne souhaite pas coder trop longtemps. Cependant il passe plus de temps à refaire des images
sur Photoshop et à mettre en place chaque paragraphe avec des balises <br /> qu'à créer une
véritable feuille CSS réutilisable à volonté par la suite.
En préparant mon stage, j'avais découvert l'existence d'une page facebook inutilisée depuis
le mois de novembre 2014 et le salon nautique à Paris. Quand les nouveautés de l'entreprise
ont dû être intégrées sur le site dans la page sur les actualités, j'ai proposé de remettre à jour
la page facebook par la même occasion. Un réseau social se développe cependant sur le long
terme, il ne faut par exemple pas mettre plus d'un message par jour sur facebook quand on
peut envoyer une dizaines de textos quotidiens sur twitter. J'ai donc dû expliquer que je ne
pouvais que redémarrer la page facebook mais que l'entretien à venir devait être régulier
pour être efficace. Il n'y a pas non plus eu de volonté de développer la page google+
existante. La présence des boutons des réseaux sociaux sert uniquement pour le
référencement.
2) BILAN DU STAGE
Le bilan est satisfaisant pour les deux parties. J'ai discuté régulièrement avec mon tuteur en
entreprise. Deux points sur le questionnaire du livret de stage ont été faits à mon arrivée puis au
milieu du stage avant de le compléter le jour de mon départ. Les avis récoltés ont été positifs à
chaque fois et j'ai été confiant dans le travail effectué durant toute la durée du stage.
Patrick GILLET, Jean-François MENU, et Olivier THOLANCE, sont très diserts sur leurs métiers
et leurs expériences. Il est fort dommage de ne pas avoir eu plus de temps libre en leurs
compagnies. Cependant je ne me suis retrouvé que rarement disponible moi aussi pour échanger ;
chacun est pris de son côté par les diverses charges imposées par le bon fonctionnement de
l'entreprise. Les sites web devaient être terminés durant l'été ; ils ont été achevés et mis en ligne
avant mon départ.
De mon côté, j'ai redécouvert l'entreprise sous un angle que j'avais peut-être oublié. Ici j'ai retrouvé
une entreprise de petite taille où chacun s'implique dans le rôle qui lui est confié. Les horaires
affichés ne sont pas ceux effectués : un point d'honneur est mis à être à jour au niveau des
commandes même quand il y a un surplus d'activité et les heures supplémentaires ne sont pas
comptabilisées.
J'ai eu l'occasion de faire le point sur l'emploi dans le secteur pendant ma recherche de stage. De
nombreuses entreprises d'imagerie médicale sont installées aux Minimes, j'ai également eu
l'occasion de rencontrer des entreprises faisant du marketing ce qui est aussi un peu la base de La
Rochelle Création bien que son secteur d'activité soit le prépresse. Mon projet professionnel se
précisera cependant avec le stage de troisième année de licence car je manque de formation
présentement et je ne peux donc pas occuper un poste qui sera réellement intéressant par la suite.
Même si j'ai utilisé du HTML pur pour le texte et Photoshop pour les images, j'ai été initié au PHP
et mon tuteur en entreprise a également pris le temps de me montrer la création d'un sitemap et de
faire avec moi le point sur le référencement des sites web. J'aurais tendance à dire que ce stage a
commencé par reprendre les bases de la création de sites web, avant de me projeter vers ma
deuxième année d'étude. J'ai gardé pour la suite Jean-François MENU, des coworkers et des
employés dans mes relations sur les réseaux sociaux professionnels.
Page 11
IV- CONCLUSION
Le stage m'a permis de découvrir la vie d'une petite entreprise de deux gérants et deux salariés, et
d'un an d'existence. Le secteur d'activité est le prépresse mais elle fait aussi de la gestion de sites
web et c'est dans ce secteur-là que mon stage s'est tenu durant cinq semaines. J'ai d'abord découvert
les activités de l'atelier avec la découpe, l'échenillage et la pose d'adhésifs. Je me suis ensuite
occupé du développement HTML de http://www.larochelle-creation.fr/ et de http://mon-beau-
bateau.com/ seul dans le respect des règles de l'entreprise. J'ai été tenu régulièrement informé des
réalisations de l'atelier que j'ai placées sur les sites web. J'ai échangé avec mon tuteur en entreprise
quand il y a eu besoin et les sites ont été mis en ligne.
Je retournerai volontiers dans cette entreprise si l'activité sur place et mon emploi du temps le
permettent afin d'avoir un revenu complémentaire aux études. Les possibilités d'amélioration du site
web sont nombreuses par l'utilisation de CSS et de media queries. Pour aller plus loin, les
réalisations de l'atelier doivent être placées sur les réseaux sociaux en même temps que sur le site
web afin d'augmenter la visibilité. En dehors du domaine informatique, l'aspect sécurité mérite
d'être développé pour éviter à l'avenir un accident qui pourrait être grave.
La principale difficulté fut de surmonter mes appréhensions :
D'abord, j'ai dû utiliser Adobe Photoshop dont je ne m'étais pas servi depuis quinze ans. J'ai
eu l'occasion de regarder des tutoriels durant les premiers jours et je me suis lancé. La
création de bannières pour les carrousels fut aisée ; l'utilisation des calques et leur
superposition ont été assimilées rapidement. Une seconde appréhension a point au moment
de concevoir des photomontages mais là encore la pratique a évacué les doutes. Il n'y a pas
eu d'autre difficulté au niveau des technologies employées par l'entreprise.
La grosse difficulté au niveau humain se résume aux agendas de chacun. Mon tuteur en
entreprise a un emploi du temps chargé, or j'ai besoin qu'il valide mon travail régulièrement
et qu'il me donne de nouvelles tâches pour ne pas me retrouver inoccupé. C'est ainsi que je
suis allé à l'atelier pour aider à l'occasion quand j'avais terminé complètement mon travail
sur ordinateur. J'ai prêté main forte au covering de camions et à la pose de panneaux même
si j'ai parfois été aussi celui qui tenait l'escabeau en extérieur. Cela m'a permis de découvrir
des activités manuelles pas toutes évidentes.
Page 12
BIBLIOGRAPHIE
DELAYE Louis, mars 2015, Rapport de stage
MARTEL Klervia, juillet 2015, Rapport de stage
PIAULT Yannick, Débuter sur Adobe Photoshop ! [en ligne] du 30 décembre 2014
Disponible sur: https://openclassrooms.com/courses/debuter-sur-adobe-photoshop [consulté du 30
juin 2015 au 02 juillet 2015]
Page 13
ANNEXES
ANNEXE 1
Page 14
ANNEXE 2
Page 15
ANNEXE 3
Page 16
ANNEXE 4
Page 17

Weitere ähnliche Inhalte

Ähnlich wie Company discovery internship report

Indpl formation-indesign-pour-le-plurimedia
Indpl formation-indesign-pour-le-plurimediaIndpl formation-indesign-pour-le-plurimedia
Indpl formation-indesign-pour-le-plurimedia
CERTyou Formation
 
Dossier de prod perf durable 1
Dossier de prod perf durable 1Dossier de prod perf durable 1
Dossier de prod perf durable 1
Groupe110
 
Dossier de pro
Dossier de proDossier de pro
Dossier de pro
Groupe110
 
CV // Julien Dumail
CV // Julien DumailCV // Julien Dumail
CV // Julien Dumail
juliendumail
 
Inddp formation-indesign-publication-numerique-digital-publishing-suite
Inddp formation-indesign-publication-numerique-digital-publishing-suiteInddp formation-indesign-publication-numerique-digital-publishing-suite
Inddp formation-indesign-publication-numerique-digital-publishing-suite
CERTyou Formation
 
Formation gestion de projet - 01 - introduction à la conduite de projet
Formation gestion de projet - 01 - introduction à la conduite de projetFormation gestion de projet - 01 - introduction à la conduite de projet
Formation gestion de projet - 01 - introduction à la conduite de projet
iafactory
 
Usages 2 0 en entreprise nouvelle expérience de travail - microsoft france
Usages 2 0 en entreprise   nouvelle expérience de travail - microsoft franceUsages 2 0 en entreprise   nouvelle expérience de travail - microsoft france
Usages 2 0 en entreprise nouvelle expérience de travail - microsoft france
Thomas Kerjean
 

Ähnlich wie Company discovery internship report (20)

Indpl formation-indesign-pour-le-plurimedia
Indpl formation-indesign-pour-le-plurimediaIndpl formation-indesign-pour-le-plurimedia
Indpl formation-indesign-pour-le-plurimedia
 
Dossier de prod perf durable 1
Dossier de prod perf durable 1Dossier de prod perf durable 1
Dossier de prod perf durable 1
 
Dossier de prod perf durable 1
Dossier de prod perf durable 1Dossier de prod perf durable 1
Dossier de prod perf durable 1
 
Dossier de pro
Dossier de proDossier de pro
Dossier de pro
 
Sustainable performance - dossier de production - groupe n°75
Sustainable performance - dossier de production - groupe n°75Sustainable performance - dossier de production - groupe n°75
Sustainable performance - dossier de production - groupe n°75
 
Dossier de produdction - groupe n°75
Dossier de produdction - groupe n°75Dossier de produdction - groupe n°75
Dossier de produdction - groupe n°75
 
CV // Julien Dumail
CV // Julien DumailCV // Julien Dumail
CV // Julien Dumail
 
Dossier de production groupe 110 skema lille
Dossier de production groupe 110 skema lilleDossier de production groupe 110 skema lille
Dossier de production groupe 110 skema lille
 
Company discovery internship slideshow
Company discovery internship slideshowCompany discovery internship slideshow
Company discovery internship slideshow
 
Rapport de stage problematisé : la place d'originalité dans la communication
Rapport de stage problematisé : la place d'originalité dans la communicationRapport de stage problematisé : la place d'originalité dans la communication
Rapport de stage problematisé : la place d'originalité dans la communication
 
FLUPA UX-Day 2014 - Leslie Matté et Risvan Asif : "Pourquoi l’UX Design va s’...
FLUPA UX-Day 2014 - Leslie Matté et Risvan Asif : "Pourquoi l’UX Design va s’...FLUPA UX-Day 2014 - Leslie Matté et Risvan Asif : "Pourquoi l’UX Design va s’...
FLUPA UX-Day 2014 - Leslie Matté et Risvan Asif : "Pourquoi l’UX Design va s’...
 
Inddp formation-indesign-publication-numerique-digital-publishing-suite
Inddp formation-indesign-publication-numerique-digital-publishing-suiteInddp formation-indesign-publication-numerique-digital-publishing-suite
Inddp formation-indesign-publication-numerique-digital-publishing-suite
 
Presentation inochi réalisations / développement - Accompagnateur Web
Presentation inochi réalisations / développement - Accompagnateur WebPresentation inochi réalisations / développement - Accompagnateur Web
Presentation inochi réalisations / développement - Accompagnateur Web
 
Dossier de stage BTS AP
Dossier de stage BTS APDossier de stage BTS AP
Dossier de stage BTS AP
 
CERTIFICATION EN DIGITAL MARKETING MANAGEMENT
CERTIFICATION EN DIGITAL MARKETING MANAGEMENTCERTIFICATION EN DIGITAL MARKETING MANAGEMENT
CERTIFICATION EN DIGITAL MARKETING MANAGEMENT
 
La Gazette du midi
La Gazette du midiLa Gazette du midi
La Gazette du midi
 
Formation gestion de projet - 01 - introduction à la conduite de projet
Formation gestion de projet - 01 - introduction à la conduite de projetFormation gestion de projet - 01 - introduction à la conduite de projet
Formation gestion de projet - 01 - introduction à la conduite de projet
 
Formation: Du prototype au site web responsive
Formation: Du prototype au site web responsiveFormation: Du prototype au site web responsive
Formation: Du prototype au site web responsive
 
Usages 2 0 en entreprise nouvelle expérience de travail - microsoft france
Usages 2 0 en entreprise   nouvelle expérience de travail - microsoft franceUsages 2 0 en entreprise   nouvelle expérience de travail - microsoft france
Usages 2 0 en entreprise nouvelle expérience de travail - microsoft france
 
Plaquette 2012 - HETIC
Plaquette 2012 - HETICPlaquette 2012 - HETIC
Plaquette 2012 - HETIC
 

Mehr von Christian Marquay

Mehr von Christian Marquay (14)

Git
GitGit
Git
 
Booster sa carriere
Booster sa carriereBooster sa carriere
Booster sa carriere
 
Covid 19 lab closures
Covid 19 lab closuresCovid 19 lab closures
Covid 19 lab closures
 
7 PRACE Partners Against COVID-19
7 PRACE Partners Against COVID-197 PRACE Partners Against COVID-19
7 PRACE Partners Against COVID-19
 
4 categories of covid 19 hpc consortium partners
4 categories of covid 19 hpc consortium partners4 categories of covid 19 hpc consortium partners
4 categories of covid 19 hpc consortium partners
 
Cmi congress
Cmi congressCmi congress
Cmi congress
 
Quick tips for learning
Quick tips for learningQuick tips for learning
Quick tips for learning
 
Academic exchange semester at The University of Sydney, Australia
Academic exchange semester at The University of Sydney, AustraliaAcademic exchange semester at The University of Sydney, Australia
Academic exchange semester at The University of Sydney, Australia
 
New CMist
New CMistNew CMist
New CMist
 
Research initiation scientific poster
Research initiation scientific posterResearch initiation scientific poster
Research initiation scientific poster
 
Research initiation report
Research initiation reportResearch initiation report
Research initiation report
 
Marketing
MarketingMarketing
Marketing
 
Mathematics for the engineer
Mathematics for the engineerMathematics for the engineer
Mathematics for the engineer
 
Amazon
AmazonAmazon
Amazon
 

Kürzlich hochgeladen (6)

mémoire genie civil presenté lors de la soutenance de mémoire
mémoire genie civil presenté lors de la soutenance de mémoiremémoire genie civil presenté lors de la soutenance de mémoire
mémoire genie civil presenté lors de la soutenance de mémoire
 
Présentation_Soirée-Information_ Surverse_Thibert _30 avril 2024
Présentation_Soirée-Information_ Surverse_Thibert _30 avril 2024Présentation_Soirée-Information_ Surverse_Thibert _30 avril 2024
Présentation_Soirée-Information_ Surverse_Thibert _30 avril 2024
 
pdfcoffee.com_4-production-fond-des-puits-completion-pdf-free.pdf
pdfcoffee.com_4-production-fond-des-puits-completion-pdf-free.pdfpdfcoffee.com_4-production-fond-des-puits-completion-pdf-free.pdf
pdfcoffee.com_4-production-fond-des-puits-completion-pdf-free.pdf
 
Algo II: les files cours + exercices corrigés
Algo II: les files cours + exercices corrigésAlgo II: les files cours + exercices corrigés
Algo II: les files cours + exercices corrigés
 
JTC 2024 Bâtiment et Photovoltaïque.pdf
JTC 2024  Bâtiment et Photovoltaïque.pdfJTC 2024  Bâtiment et Photovoltaïque.pdf
JTC 2024 Bâtiment et Photovoltaïque.pdf
 
le probleme de la planification JSP exposee (2) (2).pptx
le probleme de la planification JSP exposee (2) (2).pptxle probleme de la planification JSP exposee (2) (2).pptx
le probleme de la planification JSP exposee (2) (2).pptx
 

Company discovery internship report

  • 1. RAPPORT DE STAGE Développeur web Du 29 juin au 02 août 2015 Tuteur académique : Monsieur Christophe DEMKO Entreprise d'accueil : La Rochelle Création 16 rue de la Bonette 17000 La Rochelle Etablissement : Cursus Master d'Ingénierie Informatique – 1ère année Université de La Rochelle Etudiant : Monsieur Christian MARQUAY Tél : 06 98 34 07 16 Email : cmarquay@etudiant.univ-lr.fr Tuteur en entreprise : Monsieur Patrick GILLET Tél : 05 17 81 04 40 Email : patrick.gillet@larochelle-creation.fr
  • 2. REMERCIEMENTS Je remercie toute l'équipe de La Rochelle Création de m'avoir reçu durant ces cinq semaines de stage dans le service informatique, chacun a su me transmettre une part de soi : Jean-François MENU m'a accepté et a rempli tous les documents demandés avant le début de mon stage, il m'a présenté son métier avec des mots simples mais efficaces. Patrick GILLET, mon tuteur en entreprise, a toujours trouvé du temps pour me donner des conseils et des explications sur son activité et la conduite de mon stage. Olivier THOLANCE m'a initié au côté graphique du prépresse et il m'a notamment encadré sur les quelques activités de découpe et de pose que j'ai eues à effectuer. Lily DEPUIS a hydraté l'équipe pendant les fortes chaleurs. Valentin BOULESTEIX m'a transmis l'expérience de son stage sur l'échenillage. Page 2
  • 3. SOMMAIRE REMERCIEMENTS............................................................................................................................2 SOMMAIRE.........................................................................................................................................3 I- INTRODUCTION............................................................................................................................4 1) CADRE DE REFERENCE DE L'ENTREPRISE.......................................................................4 2) CADRE DU STAGE...................................................................................................................5 II- MISSIONS......................................................................................................................................6 1) J'ai posé des adhésifs sur un véhicule utilitaire...........................................................................6 2) J'ai conçu un planning d'été.........................................................................................................7 3) J'ai participé à la création des deux sites web de l'entreprise......................................................8 4) J'ai utilisé le CSS3 afin de rendre par le code ce qui était sous forme d'image conçue par Photoshop sur le site web http://www.location-bateau-la-rochelle.fr/.............................................9 III- BILANS.......................................................................................................................................10 1) BILAN TECHNIQUE...............................................................................................................10 2) BILAN DU STAGE...................................................................................................................11 IV- CONCLUSION............................................................................................................................12 BIBLIOGRAPHIE.............................................................................................................................13 ANNEXES.........................................................................................................................................14 ANNEXE 1....................................................................................................................................14 ANNEXE 2....................................................................................................................................15 ANNEXE 3....................................................................................................................................16 ANNEXE 4....................................................................................................................................17 Page 3
  • 4. I- INTRODUCTION 1) CADRE DE REFERENCE DE L'ENTREPRISE HISTOIRE La Rochelle Création fut créée le 3 mai 2014 par Jean-François MENU, Patrick GILLET, et Olivier THOLANCE alliant leurs années d'expérience et leur savoir-faire dans le secteur de la communication. L'entreprise s'est depuis développée avec une arrière-boutique et plusieurs façades : le site web de La Rochelle Création concerne en effet la signalétique en magasins et sur véhicules automobiles tandis qu'un site web spécifique a ouvert concernant l'embellissement des bateaux. CHIFFRE D'AFFAIRES La Rochelle Création est une toute jeune entreprise qui voit le nombre de ses clients et de ses commandes augmenter. Il n'y a pas d'évolution chiffrée à l'heure actuelle, son premier bilan comptable se faisant sur dix-huit mois. Son chiffre d'affaires prévisionnel pour sa première année d'existence est de trois cent mille euros. Le bilan est en cours de rédaction mais les résultats ne seront communiqués qu'au mois de novembre à venir. SECTEURS D'ACTIVITE La Rochelle Création est une entreprise effectuant à l'origine du prépresse. Olivier THOLANCE est graphiste et fait de la publication assistée par ordinateur. Une fois les designs prêts à être imprimés, l'entreprise se charge de les transférer sur adhésifs plastiques : polymères pour recouvrir les surfaces solides, flex pour les surfaces souples comme le flocage de vêtements, monomères pour l'événementiel, etc. Elle peut par la suite s'occuper de la pose si le client le souhaite. Grâce aux nombreux outils présents dans l'atelier, La Rochelle Création découpe tous supports et peut donc concevoir des panneaux et des hublots. Enfin, pour compléter son offre, l'entreprise s'occupe de la gestion de sites web pour des clients désireux de déléguer cette tâche. Elle loue également un espace de travail en mezzanine de 120m² destiné au coworking. ORGANIGRAMME HUMAIN Page 4 Jean-François MENU Co-gérant Patrick GILLET Co-gérant Tuteur en entreprise Olivier THOLANCE Employé Valentin BOULESTEIX Saisonnier Christian MARQUAY Stagiaire Lily DEPUIS Employée
  • 5. EVOLUTION DES EFFECTIFS Jean-François MENU et Patrick GILLET sont co-gérants, Olivier THOLANCE est salarié depuis la création de l'entreprise. Lily DEPUIS est salariée depuis le mois de novembre 2014 et s'occupe de la partie administrative. Valentin BOULESTEIX a fait son stage dans l'entreprise durant le mois de juin sur la partie web avant d'être pris comme saisonnier durant le mois de juillet. Une saisonnière va remplacer Olivier THOLANCE durant ses vacances et sera peut-être engagée à son retour afin d'accompagner l'entreprise dans son développement. TECHNOLOGIES ET METIERS Olivier THOLANCE est designer, Lily DEPUIS est secrétaire administrative, Valentin BOULESTEIX et moi avons effectué nos stages dans le service web, mais la réalité d'une entreprise de moins de dix salariés est la polyvalence et chacun s'occupe des diverses tâches à accomplir. En fonction des commandes, les diverses machines de l'atelier entrent en œuvre : la Summa fonctionne grâce à son logiciel Summa Winplot et découpe les adhésifs, la Roland fonctionne grâce à son logiciel Roland VersaWorks et imprime de très larges adhésifs au mètre, le laminateur sert à la plastification des adhésifs, la presse à chaud sert au flocage des vêtements, la perforelieuse sert à perforer et à relier des documents papier, la KeenCut sert à couper droit les plaques fines de matériaux, la fraiseuse numérique et la graveuse laser sont deux Piranha servant la première pour la découpe des plaques de matériaux plus épaisses ou pour faire des motifs et la seconde pour la gravure notamment. Côté informatique, cinq ordinateurs permettent le travail graphique grâce à Adobe Photoshop, InDesign et Illustrator ainsi que le développement web grâce à Wampserver, Adobe Dreamweaver et FileZilla. CONCURRENTS La Rochelle Création a neuf concurrents en création graphique sur la ville de La Rochelle, dont deux ont plus de dix ans d'expérience dans ce domaine d'activités : Atelier Viaud et Dufau. La Rochelle Création a su se faire sa place au milieu des entreprises existantes et tirer son épingle du jeu. Les créateurs de l'entreprise ne partaient pas de rien et avaient déjà une forte expérience dans ce domaine, ils étaient donc connus et les clients ont suivi. 2) CADRE DU STAGE OBJECTIFS L'objectif du stage est d'entrer dans une entreprise durant cinq semaines et de la regarder évoluer dans son environnement avec ses employés, ses clients, ses fournisseurs, etc. C'est l'occasion d'aborder le secteur informatique après avoir été archéologue pendant dix ans, et d'avoir un point de vue extérieur aux professeurs de l'université. Les objectifs sont autant l'application au quotidien du HTML5 et l'utilisation de Photoshop que de s'imprégner des attentes des professionnels du secteur. CADRE La Rochelle Création est une entreprise créée il y a 14 mois qui comprend deux co-gérants, deux employés, un saisonnier, et moi en stagiaire durant le mois de juillet 2015. Elle est implantée sur un site de 300m² à 450 mètres du bâtiment Orbigny de l'université de La Rochelle (cinq minutes à pieds) et 1600 mètres de chez moi (vingt minutes à pieds). Le rez-de-chaussée est occupé par l'atelier et un espace de coworking de 120m² se trouve en mezzanine. C'est dans cet espace que s'est déroulée la partie informatique de mon stage. Page 5
  • 6. II- MISSIONS 1) J'ai posé des adhésifs sur un véhicule utilitaire (annexe 1, page 14, Bon A Tirer) CONTEXTE La première semaine fut une semaine de découverte de l'entreprise et de l'atelier afin de pouvoir plus facilement parler des activités sur le site internet par la suite. J'ai eu ainsi l'occasion de poser des adhésifs sur un véhicule utilitaire de Aunis Motonautic afin de le customiser. Ce service est un de ceux proposés par La Rochelle Création à ses clients. DEMARCHE J'ai imprimé le Bon A Tirer et j'ai préparé le matériel. J'ai défini les zones où seraient posés les adhésifs en me référant au Bon A Tirer. J'ai nettoyé ces parties du véhicule à l'alcool et j'ai essuyé avec de l'essuie-tout : la poussière est l'ennemie de l'adhésif. J'ai posé le premier adhésif sur la zone concernée et je l'ai calé à l'aide d'aimants. J'ai pris un mètre en métal et j'ai ajusté l'adhésif pour qu'il soit bien à la verticale. J'ai scotché l'adhésif sur la carrosserie pour qu'il ne bouge plus. J'ai retiré le support de l'adhésif sur une moitié que j'ai collée sur le véhicule utilitaire. J'ai chassé l'air entre la carrosserie et l'adhésif avec une raclette de pose. J'ai recommencé les deux étapes précédentes avec la seconde moitié de l'adhésif. J'ai procédé de la même manière pour chaque adhésif en me référant au Bon A Tirer. J'ai ensuite rangé le matériel. Le véhicule a enfin été présenté au client. PRATIQUE PROFESSIONNELLE Aunis Motonautic est client et fait régulièrement customiser ses véhicules chez La Rochelle Création. Olivier THOLANCE m'a proposé cette activité pour me faire découvrir le marquage sur véhicule qui est une des activités principales de l'entreprise. Il m'a encadré sur les premiers adhésifs puis m'a demandé de continuer. Le client s'est montré satisfait du résultat final. J'ai rarement eu l'occasion d'effectuer cette activité. Elle se déroule dans l'atelier de La Rochelle Création au 16 rue de la Bonnette à La Rochelle. Ceci s'est produit le 29 juin 2015 en binôme avec Olivier THOLANCE. J'ai utilisé : un véhicule utilitaire un pulvérisateur contenant de l'alcool de l'essuie-tout des adhésifs des aimants du scotch une règle métallique une raclette de pose Page 6
  • 7. 2) J'ai conçu un planning d'été (annexe 2, page 15, extraits de la semaine 29) CONTEXTE La Rochelle Création est une entreprise de prépresse. Ceci signifie qu'elle conçoit des visuels sur ordinateur avant de les imprimer sur tous supports. Form'un a commandé son planning d'été et cela fut l'occasion de me remettre à utiliser des logiciels de designs, ici InDesign. Le visuel s'approche d'un tableur mais il faut un dessin vectoriel pour que l'impression se fasse correctement sans déformations par la suite. DEMARCHE J'ai réceptionné le courriel de la cliente. J'ai ouvert avec InDesign un planning créé lors d'une précédente commande. J'ai effectué les modifications demandées dans le courriel concernant chaque employé. Une fois le Bon A Tirer validé et le planning imprimé, j'ai relié les exemplaires. PRATIQUE PROFESSIONNELLE Form'un est un client régulier de La Rochelle Création pour tous types de création papier. Olivier THOLANCE est graphiste et tenait à me faire approcher la conception sur ordinateur. Il m'a donc encadré sur cette activité pour que j'utilise InDesign dont je ne m'étais jamais servi auparavant. J'ai rarement eu l'occasion d'effectuer cette activité. Elle se déroule sur les ordinateurs de La Rochelle Création au 16 rue de la Bonnette à La Rochelle. La partie sur ordinateur s'est tenue le 30 juin 2015 en binôme avec Olivier THOLANCE. La partie sur perforelieuse s'est tenue le 02 juillet 2015 en autonomie. J'ai utilisé : l'ordinateur Mac de Olivier THOLANCE le logiciel Adobe InDesign une perforelieuse des anneaux en plastique Page 7
  • 8. 3) J'ai participé à la création des deux sites web de l'entreprise (annexe 3, page 16, capture d'écran de la page web concernant la création graphique) CONTEXTE La Rochelle Création est une entreprise ayant plusieurs vitrines. Le site web http://www.larochelle- creation.fr/ concerne particulièrement le prépresse et la partie création graphique. Le site web http://mon-beau-bateau.com/ de son côté se concentre sur la décoration des bateaux. Un troisième site web par la suite fera la promotion de la décoration des maisons. Patrick GILLET est co-gérant et mon tuteur en entreprise, c'est également lui qui se charge du secteur web. L'objectif de mon stage est principalement de terminer ce site-là. DEMARCHE J'ai effectué une veille sectorielle et concurrentielle. J'ai écrit des articles correspondant aux pages web que j'avais à créer. J'ai inséré les articles dans les pages web créées. J'ai vérifié l'évolution de chaque site web avec Wampserver. J'ai scanné des documents sur ma clé USB CMI. J'ai effectué une recherche d'images dans la base de données des commandes auxquelles l'entreprise a répondu. J'ai converti les formats PDF, PSD, AI et ID aux formats JPG et PDF. J'ai conçu des bannières et des photomontages grâce à Adobe Photoshop. J'ai intégré les bannières et les images dans les pages web créées. J'ai modifié les tailles des images dans les pages web. J'ai corrigé l'orthographe de toutes les pages du site web http://www.larochelle-creation.fr/ et de la page concernant les actualités du site web http://mon-beau-bateau.com/. J'ai modifié les liens quand cela était nécessaire. J'ai mis à jour les pages concernant les actualités sur les deux sites web. J'ai fait valider mon travail régulièrement par Patrick GILLET mon tuteur en entreprise. J'ai mis en ligne les pages modifiées et les nouvelles images et bannières avec FileZilla. J'ai vérifié la bonne mise en ligne et j'ai corrigé quand il y a eu besoin. PRATIQUE PROFESSIONNELLE Patrick GILLET, mon tuteur en entreprise, m'a donné des indications claires sur ce qu'il attend de ma part en me donnant à chaque première fois un exemple concret. J'ai ensuite développé chaque thématique en approfondissant ma connaissance des produits et en lui posant des questions quand j'en avais. J'ai pratiqué la partie HTML aisément et j'ai réutilisé Adobe Photoshop dont je ne m'étais pas servi depuis quinze ans. J'ai eu très fréquemment l'occasion d'effectuer cette activité. Elle se déroule sur mon ordinateur personnel sur la plate-forme de coworking de La Rochelle Création au 16 rue de la Bonnette à La Rochelle. Elle s'est tenue du 29 juin 2015 au 02 août 2015, seul en application des consignes de l'entreprise. J'ai utilisé : mon ordinateur personnel et ma clé USB CMI Wampserver Adobe Dreamweaver Adobe Photoshop FileZilla Page 8
  • 9. 4) J'ai utilisé le CSS3 afin de rendre par le code ce qui était sous forme d'image conçue par Photoshop sur le site web http://www.location-bateau-la-rochelle.fr/ (annexe 4, page 17, capture d'écran) CONTEXTE La Rochelle Création gère des sites web pour d'autres entreprises et Patrick GILLET mon tuteur en entreprise loue des bateaux en plus de s'occuper de l'entreprise où je suis en stage. Certaines parties de son site sont conçues sous forme d'images avec Photoshop car la partie codage est rebutante mais les moteurs de recherche ne les prennent pas en considération. Je crée donc des codes avec le CSS3 permettant de faire le remplacement des images par du texte HTML5 et une classe. DEMARCHE J'ai repris l'image Photoshop d'origine J'ai utilisé Adobe Dreamweaver afin de créer le code CSS3. J'ai fait valider mon travail par Patrick GILLET mon tuteur en entreprise. PRATIQUE PROFESSIONNELLE J'ai discuté avec Patrick GILLET mon tuteur en entreprise de l'esthétique des sites web : il m'a montré son utilisation de Adobe Photoshop et je lui ai montré mon utilisation du CSS3. Nous avons pu échanger sur le sujet et faire la comparaison des deux méthodes en fonction des besoins des sites web dans l'esprit du coworking. Le CSS3 garde pour moi l'avantage de rendre le site plus léger à charger par les navigateurs et de ne plus s'occuper de la mise en forme une fois le travail initial effectué : il suffit en effet de donner la classe correspondante aux sections voulues. J'ai eu fréquemment l'occasion d'effectuer cette activité. Elle se déroule sur mon ordinateur personnel et sur celui de Patrick GILLET mon tuteur en entreprise dans son bureau de La Rochelle Création au 16 rue de la Bonnette à La Rochelle. Elle s'est tenue du 29 juin 2015 au 02 août 2015, principalement durant la dernière semaine, en binôme avec Patrick GILLET mon tuteur en entreprise. J'ai utilisé : mon ordinateur personnel l'ordinateur de Patrick GILLET mon tuteur en entreprise Wampserver Adobe Dreamweaver Page 9
  • 10. III- BILANS 1) BILAN TECHNIQUE A la signature de la convention de stage, il était convenu que je devais m'occuper du codage HTML5 et CSS3 d'un site web ou deux. Au final, je me suis occupé de http://www.larochelle- creation.fr/ et de http://mon-beau-bateau.com/ puisque ces sites devaient être terminés durant l'été et ce fut chose faite à la fin de mon stage. J'ai également eu l'occasion d'effectuer des tâches annexes : découpe, échenillage, préparation du doming … Par contre ce qui m'a été demandé nécessitait du HTML pur, le côté CSS fut pour le site web http://www.location-bateau-la-rochelle.fr/ et le code a été fait dans les derniers jours seulement. Les améliorations envisageables sont nombreuses : Je possède le Certificat de Sauveteur Secouriste du Travail, l'entreprise n'a pas de trousse de premiers soins ni aucune documentation d'urgence. Les employés peuvent utiliser des disqueuses durant la création de certaines pièces, ou plus simplement s'entailler profondément la main avec les cutters servant à la découpe des adhésifs. Un fer à souder permet de placer des bandes à leds dans les enseignes lumineuses, j'ai déjà vu un court- circuit suite à deux soudures se touchant. Lors de la pose d'un panneau en hauteur sur la façade d'un magasin, l’échafaudage utilisé a mal été démonté et s'est plié alors que le gérant était en train d'en descendre. J'ai parlé à certains collègues qui ne mettaient même pas le casque de protection auditive lors du fonctionnement de la fraiseuse numérique malgré le panneau mentionnant l'obligation du port sur la machine. Il y a un gros travail à effectuer sur la partie sécurité : briefing à l'arrivée de l'employé, livret reprenant les informations essentielles, signalétique reprenant les numéros de téléphone d'urgence et les sorties à emprunter par exemple en cas d'incendie. Pour le moment, les gérants sont débordés par le côté administratif de l'entreprise et n'ont pas le temps de s'en charger. Au niveau informatique, beaucoup plus sûr qu'en atelier, ma première idée en arrivant fut de proposer de palier l'absence de media queries sur les sites web. Leur utilisation aurait permis d'adapter les sites aux tablettes et aux mobiles. La priorité était de terminer le contenu des sites et les gérants ne voulaient pas ce supplément. Il n'est pas simplement question d'effectuer un travail, mais également de le transmettre par la suite pour que le responsable du service web puisse continuer à utiliser ce qui a été fait. Ceci aurait donc nécessiter de le former sur les media queries. Dès la première moitié de mon stage, je me suis rendu compte que le CSS n'était pas utilisé. En effet, il n'y a pas de balises d'articles dans les sections du site. Il s'agit de balises de paragraphes et le retour à la ligne pour le saut de paragraphe s'effectue avec des balises <br /> ce qui est fortement déconseillé dès le TP1 du cours de Technologies du web. De la même manière, la taille des images se fait avec les attributs height et width de la balise image directement dans le code HTML. Lors de la modification d'une page, il m'a été refusé de mettre une image en float right pour que le texte l'encadre sur la gauche et il m'a donc fallu inverser les positions respectives d'une image et d'un paragraphe dans le code HTML afin d'obtenir le visuel désiré. Le responsable du service web a des notions de CSS mais il Page 10
  • 11. ne souhaite pas coder trop longtemps. Cependant il passe plus de temps à refaire des images sur Photoshop et à mettre en place chaque paragraphe avec des balises <br /> qu'à créer une véritable feuille CSS réutilisable à volonté par la suite. En préparant mon stage, j'avais découvert l'existence d'une page facebook inutilisée depuis le mois de novembre 2014 et le salon nautique à Paris. Quand les nouveautés de l'entreprise ont dû être intégrées sur le site dans la page sur les actualités, j'ai proposé de remettre à jour la page facebook par la même occasion. Un réseau social se développe cependant sur le long terme, il ne faut par exemple pas mettre plus d'un message par jour sur facebook quand on peut envoyer une dizaines de textos quotidiens sur twitter. J'ai donc dû expliquer que je ne pouvais que redémarrer la page facebook mais que l'entretien à venir devait être régulier pour être efficace. Il n'y a pas non plus eu de volonté de développer la page google+ existante. La présence des boutons des réseaux sociaux sert uniquement pour le référencement. 2) BILAN DU STAGE Le bilan est satisfaisant pour les deux parties. J'ai discuté régulièrement avec mon tuteur en entreprise. Deux points sur le questionnaire du livret de stage ont été faits à mon arrivée puis au milieu du stage avant de le compléter le jour de mon départ. Les avis récoltés ont été positifs à chaque fois et j'ai été confiant dans le travail effectué durant toute la durée du stage. Patrick GILLET, Jean-François MENU, et Olivier THOLANCE, sont très diserts sur leurs métiers et leurs expériences. Il est fort dommage de ne pas avoir eu plus de temps libre en leurs compagnies. Cependant je ne me suis retrouvé que rarement disponible moi aussi pour échanger ; chacun est pris de son côté par les diverses charges imposées par le bon fonctionnement de l'entreprise. Les sites web devaient être terminés durant l'été ; ils ont été achevés et mis en ligne avant mon départ. De mon côté, j'ai redécouvert l'entreprise sous un angle que j'avais peut-être oublié. Ici j'ai retrouvé une entreprise de petite taille où chacun s'implique dans le rôle qui lui est confié. Les horaires affichés ne sont pas ceux effectués : un point d'honneur est mis à être à jour au niveau des commandes même quand il y a un surplus d'activité et les heures supplémentaires ne sont pas comptabilisées. J'ai eu l'occasion de faire le point sur l'emploi dans le secteur pendant ma recherche de stage. De nombreuses entreprises d'imagerie médicale sont installées aux Minimes, j'ai également eu l'occasion de rencontrer des entreprises faisant du marketing ce qui est aussi un peu la base de La Rochelle Création bien que son secteur d'activité soit le prépresse. Mon projet professionnel se précisera cependant avec le stage de troisième année de licence car je manque de formation présentement et je ne peux donc pas occuper un poste qui sera réellement intéressant par la suite. Même si j'ai utilisé du HTML pur pour le texte et Photoshop pour les images, j'ai été initié au PHP et mon tuteur en entreprise a également pris le temps de me montrer la création d'un sitemap et de faire avec moi le point sur le référencement des sites web. J'aurais tendance à dire que ce stage a commencé par reprendre les bases de la création de sites web, avant de me projeter vers ma deuxième année d'étude. J'ai gardé pour la suite Jean-François MENU, des coworkers et des employés dans mes relations sur les réseaux sociaux professionnels. Page 11
  • 12. IV- CONCLUSION Le stage m'a permis de découvrir la vie d'une petite entreprise de deux gérants et deux salariés, et d'un an d'existence. Le secteur d'activité est le prépresse mais elle fait aussi de la gestion de sites web et c'est dans ce secteur-là que mon stage s'est tenu durant cinq semaines. J'ai d'abord découvert les activités de l'atelier avec la découpe, l'échenillage et la pose d'adhésifs. Je me suis ensuite occupé du développement HTML de http://www.larochelle-creation.fr/ et de http://mon-beau- bateau.com/ seul dans le respect des règles de l'entreprise. J'ai été tenu régulièrement informé des réalisations de l'atelier que j'ai placées sur les sites web. J'ai échangé avec mon tuteur en entreprise quand il y a eu besoin et les sites ont été mis en ligne. Je retournerai volontiers dans cette entreprise si l'activité sur place et mon emploi du temps le permettent afin d'avoir un revenu complémentaire aux études. Les possibilités d'amélioration du site web sont nombreuses par l'utilisation de CSS et de media queries. Pour aller plus loin, les réalisations de l'atelier doivent être placées sur les réseaux sociaux en même temps que sur le site web afin d'augmenter la visibilité. En dehors du domaine informatique, l'aspect sécurité mérite d'être développé pour éviter à l'avenir un accident qui pourrait être grave. La principale difficulté fut de surmonter mes appréhensions : D'abord, j'ai dû utiliser Adobe Photoshop dont je ne m'étais pas servi depuis quinze ans. J'ai eu l'occasion de regarder des tutoriels durant les premiers jours et je me suis lancé. La création de bannières pour les carrousels fut aisée ; l'utilisation des calques et leur superposition ont été assimilées rapidement. Une seconde appréhension a point au moment de concevoir des photomontages mais là encore la pratique a évacué les doutes. Il n'y a pas eu d'autre difficulté au niveau des technologies employées par l'entreprise. La grosse difficulté au niveau humain se résume aux agendas de chacun. Mon tuteur en entreprise a un emploi du temps chargé, or j'ai besoin qu'il valide mon travail régulièrement et qu'il me donne de nouvelles tâches pour ne pas me retrouver inoccupé. C'est ainsi que je suis allé à l'atelier pour aider à l'occasion quand j'avais terminé complètement mon travail sur ordinateur. J'ai prêté main forte au covering de camions et à la pose de panneaux même si j'ai parfois été aussi celui qui tenait l'escabeau en extérieur. Cela m'a permis de découvrir des activités manuelles pas toutes évidentes. Page 12
  • 13. BIBLIOGRAPHIE DELAYE Louis, mars 2015, Rapport de stage MARTEL Klervia, juillet 2015, Rapport de stage PIAULT Yannick, Débuter sur Adobe Photoshop ! [en ligne] du 30 décembre 2014 Disponible sur: https://openclassrooms.com/courses/debuter-sur-adobe-photoshop [consulté du 30 juin 2015 au 02 juillet 2015] Page 13