Stage SRC dans l’audiovisuel et le Webdesign 59 rue d’Entraigues

Rapport de Stage

Thomas GILLET SRC2 Promotion 2012-2013

Andlil

Responsables de stages : Franck RECOURSE Benoist ROUSSEAU IUT de Blois Département SRC 6 rue Jean Jaurès 41000 Blois

    2  

Overview

Hello my Name is Thomas Gillet and I’m going to speak about my traineeship in the company Benoist Rousseau. I’ve been hired to create a WebTv for the website Andlil.com in order to make it grow up. The start-up Benoist Rousseau create webdesign, make SEO for other websites and manages the website Andlil.com which is an important stock exchange blog. The goal of Andlil is to provide some help to beginner traders and to prevent them from getting scammed. The office is based in Tours, we five are trainees in the company and there are no employees. The atmosphere is pretty cool, there is a lot of communication and exchanges between us. At first I’ve worked on the creation of the logo Andlil to rejuvenate him and I’ve created two websites: one for the SEO business of Benoist Rousseau and the other for his webdesign business. After that I had to create a visual studio to start recording videos and preparing the live. I choose all the equipment and the components for that, it was pretty impressive but really interesting. During my traineeship I had to create a flyer and some business card to present the company and my traineeship master. Now I’m working on 3D animations, it will be used as introductions and conclusions of the videos we will diffuse. I’m also working on the visual aspect of our videos. My traineeship is clearly not ended there is still a lot to do and I will work on it until august. Thanks to Adobe series.

   

Remerciements

Je tiens à remercier Benoist Rousseau pour ses conseils et la grande disponibilité dont il a fait preuve durant le stage. Mes remerciements vont aussi à Franck Recourse pour son soutien et son implication. Je n’oublierais pas Jean-Michel Bettembourg qui m’a guidé pour le choix du matériel audiovisuel que j’ai eu à faire, ses remarques, toujours très pertinentes m’ont permis d’avancer sans faire d’erreur. 3  

   

Sommaire

Introduction I. L’entreprise Benoist Rousseau

1.

Présentation de la société 2.

Andlil : Un concept pédagogique unique

II. Design et référencement

1.

Webdesign 2.

3.

Print Le SEO et Wordpress

III. Audiovisuel et WebTV

1.

Entre matériels et logiciels 2.

Habillage audiovisuel et Animation 3D 3.

4.

Camtasia et Webex Red5 : une solution puissante

Conclusion Glossaire Annexes

4  

   

Introduction

Actuellement étudiant en deuxième année de DUT Services et Réseaux de Communication, ma formation comprend un stage de douze semaines en entreprise. C’est pour moi l’occasion de travailler pour la première fois dans le milieu qui m'intéresse et de mettre à disposition les connaissances que j’ai acquises durant mes deux années de SRC.

Mon stage se déroule à Tours dans une entreprise personnelle au nom de mon maître de stage Benoist Rousseau. Je suis engagé du 22 avril au 16 juillet et ma mission principale est de créer une WebTV pour le site andlil.com, un site boursier, afin de diffuser des programmes cours visant à démocratiser le trading individuel. Je suis aussi amené à faire du Webdesign, du dévelop pement ainsi que du print et du référencement naturel. Les attentes de mon maître de stage incluent de la créativité, de la rigueur et des compétences en gestion de projet sur le moyen et long terme. Le projet étant de taille, il nécessite un investissement maximum qui m’a attiré dès les premières secondes. Pour le mener à bien nous avons d’ailleurs décidé de demander un avenant d’un mois sur la durée du stage.

Je débuterai ce rapport en vous présentant les particularités et les attentes de cette entreprise originale et accueillante. Puis nous verrons, dans un premier temps la refonte graphique préalable sur laquelle j’ai travaillé. Ensuite j’expliquerai en détails la façon dont nous menons le projet audiovisuel. 5  

   

I. L’entreprise

Présentation Siège social:

59 rue d’Entraigues 37000 Tours FRANCE La start-up Benoist Rousseau, entreprise personnelle est née en février 2013, initialement prévue pour le référencement naturel, nous verrons par la suite son évolution.

Espace détente:

C’est la pièce dans laquelle nous avons pris l’habitude de manger tous ensemble. C’est un espace chaleureux et propice au visionnage de séries humoristiques 6  

   

Les Bureaux

Le matériel est très ergonomique: Bi écran 22 pouces Trackball PCs puissants et silencieux Cloud Adobe CS6 Nous sommes actuellement 5 stagiaires engagés par Benoist, l’entreprise étant naissante il n’y a pas encore de salariés. Les 4 autres stagiaires sont pour la plupart issus d’écoles de commerce et travaillent à l’élaboration d’un wiki sur la bourse

Culture d’entreprise:

7  

  8   L’ambiance est très bonne, nous communiquons tous beaucoup, les bureaux sont constamment ouverts.

Benoist a pris l’habitude de nous inviter au restaurant pour déjeuner chaque vendredi.

Multipolarité:

Benoist Rousseau est une entreprise qui se distingue par sa multipolarité, en effet on peu identifier trois secteurs d’activité: Le Webmastering du site Andlil.com Le référencement naturel (SEO) Le Webdesign et le développement Le site Andlil.com est un blog boursier qui sert notamment de vitrine au travail de SEO de Benoist Rousseau, en effet son très bon positionnement sur de nombreux termes boursiers et financiers lui apporte de nombreux clients SEO, un domaine dans lequel il excelle. Quant au Webdesign et au développement ils rentrent en compte dans une stratégie de netliking*.

1 Benoist Rousseau possède une cinquantaine de sites différents ce qui lui permet d’optimiser son positionnement sur certain termes grâce à de nombreux liens organisés méticuleusement.                                                                                                                   1  *  Renvoi  au  glossaire    

 

Andlil: Un projet unique

9     Le projet Andlil est un projet inédit dans la mesure où il vulgarise le trading individuel. Chacun peut trader qu’il soit expert ou non. Andlil.com fournit de nombreuses informations pour débuter et souhaite à présent passer par le nouveau média qu’est l’audiovisuel sur le net. C’est un projet pédagogique, la plupart des vidéos auront pour but de former les internautes au trading mais aussi les prémunir des arnaques.

Cet homme ment:

  10     Une autre ligne de front du projet Andlil est la lutte contre les brokers* frauduleux. Nous voyons sans arrêts ces arnaques sur le net et tous les jours des dizaines de personnes confient leur économies à ces fausses entreprises. Andlil veut avoir un impact sur ces arnaques et encourager les gens à se méfier de ceux qui leur proposent de l’argent facile. Nous avons donc pensé à un projet qui ferait de la fausse publicité pour un broker imaginaire afin de sensibiliser la population.

Une des plus grande force d’Andlil est sa fanbase estimée à 4000 visiteurs par jour, ce qui est énorme pour un site boursier. C’est sur cette base que nous allons nous appuyer pour diffuser nos vidéos et créer le buzz grâce au concept crée par Benoist Rousseau Andlil dispose d’un communauté active sur le forum, d’articles réguliers et étayés mais aussi d’un wiki sur les termes boursiers. Le site propose également des parrainages pour la souscription d’un compte IG* sur lesquelles il touche une commission. Notre cible, bien qu’étant très large est majoritairement masculine et se situe dans la classe moyenne supérieure. http://www.Andlil.com

  11    

Missions confiées et solution apportées

Durant mes sept semaines de stage j’ai eu l’occasion de travailler sur plusieurs projets différents. La raison principale de ma venue étant le création d’une webTV, ce projet nécéssite une organisation et une rigueur importante mais avant de le mettre en place nous avons dû rajeunir le site Andlil.com en lui créant dans un premier temps un “logo 2.0”. Dans un second temps j’ai travaillé à la création du site esearchinternational.net qui va permettre de vendre les services SEO de Benoist Rousseau plus facilement. Dans la continuité j’ai créé le site PandaDesign.com qui va servir à vendre des sites en eux même. L’idée est de proposer un panel de services complet.

Le logo Andlil

Le but de cette refonte est de créer une nouvelle identité plus moderne pour Andlil Quelle solution apporter ? Un logo 2.0 ce serait pas mal Qu’est ce qu’un logo 2.0 ? Certains vous diront que c’est un logo qui brille, avec de nombreux dégradés, lisible et facilement identifiable. Ils auront raison.

 

Premières propositions:

12       Nous abandonnons l’idée du .com qui destructurait l’ensemble pour nous concentrer sur l’essentiel

   

Logo Final:

Ce logo est adopté et va devenir le nouveau symbole du projet Andlil 13  

  14    

Le site EsearchInternational.net

      Avant de commencer à travailler je dois élaborer la charte graphique du site tout en sachant que le site devra être réalisé sous le CMS Wordpress. Je commence à travailler sur un logo. Celui-ci devra être 2.0 et professionnel

Proposition 1:

Jugé trop peu sérieux ce logo ne sera pas retenu

Proposition 2:

  15    

Logo Final:

Ce logo est retenu, il sera le nouveau symbole de la société de référencement de Benoist Rousseau Nous passons ensuite à la conception du site en lui même. Nous choisissons le thème Udesign, un thème payant et très prisé en ce moment pour sa malléabilité et son slider très fluide et agréable. Sans avoir encore les contenus je commence à coder le template. C’est l’occasion pour moi de me familiariser avec l’environnement Wordpress. J’utilise au maximum la richesse du thème et ses nombreux shortcodes* mais je suis amené à utiliser mes compétences en html, css et jquery. http://www.esearchinternational.net/thomas

  16    

PandaDesign.com

      Ce site a pour but de vendre des sites Wordpress, il va donc servir de vitrine et de démonstration technique. Je commence à travailler sur un logo.

Propositions :

 

Logo Final

  17     Nous choisissons d’utiliser le même thème pour ce site mais avec l’utilisation du plugin Revolution slider, un outil extrêmement dynamique et graphique et facile à prendre en main.     Site encore en construction : http://www.panda-design.com/thomas/

  18    

Print et Salon des Marchés Financiers

Pour la première fois mon maître de stage a été invité au Salon des Marchés financiers pour représenter son site Andlil.com en tant qu’exposant. Il m’a donc demandé de créer des flyers pour présenter Andlil.

Habitué à travailler sur le web, me confronter aux exigences du print est une grande première pour moi. Il a pour but de présenter le site de façon dynamique et la personne de Benoist Rousseau.

    19  

  20    

Le SEO* et Wordpress

“Le référencement naturel, c’est plaire avant tout à Google” Benoist Rousseau

97% de la population française utilise Google

Ce stage est pour moi l’occasion d’en apprendre plus sur le référencement naturel dans le cadre d’un site Wordpress. Je vais choisir un exemple et l’illustrer pour mieux vous parler du référencement. Cherchons un terme économique tel que “Bâle 3”

Positionnement 1

   

Positionnement 2 Positionnement 3

21  

  22   On remarque que nous avons différentes entrées pour un même article en fonction des variations du mot clé recherché. Le facteur redactionnel dans ce cadre est très important.

Il faut obligatoirement varier les mots clés renvoyant à la même notion dans l’article lui même afin d’avoir différentes portes d’entrées vers notre page via des recherches Google Cette page est donc très bien référencée, elle se trouve sur la première page lorsqu’on tape « définition de Bâle 3 » ou « Qu’est ce que Bâle 3 ? ». Un bon référencement passe aussi par la multiplication des h2* dans l’article qui vont reprendre le mot clé. Le contenu doit être riche et unique: Google n’aime pas le plagiat. Notons qu’il est bien plus difficile de se positionner sur des mots que sur des expressions. Deux autres outils vont nous être utiles pour optimiser le référencement de notre article.

SEO smart links

 

SEO smart links

va créer des liens automatiques vers d’autres pages du site renvoyant à un notion abordée créant ainsi un contenu riche et structure qui plait à Google

 

Premium SEO Pack

  On met un titre de type h1 pour Google, l’idéal est qu’il soit sous forme de question et qu’il reprenne le titre de l’article sous forme de question. On renseigne la meta description avec un maximum de 160 caractères en plaçant deux fois le mot cible dans les premiers mots avec une varation si possible par exemple ici « Bâle 3 » et « Bâle III ». Ces « petites » règles sont valorisées par Google et donc très éfficaces pour l’optimisation du référencement. 23  

  24    

Audiovisuel et WebTV

 

Qu’est ce qu’une WebTv ?

La Web TV ou webtélé est la diffusion et la réception par Internet de signaux vidéo, ce qui permet aux internautes de regarder du contenu vidéo Benoist Rousseau m’a engagé principalement pour créer la WebTV d’Andlil. Avant de commencer il est important de se poser les bonnes questions, car avoir un media c’est bien mais pour quelle utilisation ? Le but de cette WebTV va être de diffuser différents types de programmes dans un but informatif et sur un ton parfois satirique. Le point fort sur lequel nous allons nous appuyer est la personnalité de Benoist Rousseau. La WebTV à une cible plus large que les seuls lecteurs du blog et du forum. Dans un premier nous ferons uniquement de la vidéo préenregistrée, même si nous réfléchissons déjà à des solutions live.

   

Différents types de programmes:

- Le bilan à chaud quotidien: il permettra à Benoist de réagir sur l’état des marchés quelques minutes après la fermeture de la Bourse de Paris. - Un journal satirique hebdomadaire sur l’économie et les faits d’actualité. - Le tutoriel illustré: vidéos sur le trading pour les débutants 25  

  26    

Choix matériels et logiciels

Après réflexions nous avons décidé de mettre en place un studio audiovisuel. Benoist m’a laissé carte blanche pour la sélection du matériel. N’ayant que peu d'expérience dans le domaine j’ai demandé conseil à Mr. Bettembourg. Il m’a été d’un aide précieuse pour définir nos besoins et apporter des solutions à nos contraintes techniques. Définition des besoins : vidéos de qualité professionnelle son optimisé pour une écoute agréable et très intelligible drap vert pour faire des émissions avec des fonds marrants logiciels de montage et d’habillage. J’ai dû m’adapter aux contraintes financières d’une TPE et proposer des alternatives. J’ai présenté ma sélection à Benoist en lui exposant les avantages et inconvénients de chaque produit afin de lui permettre de faire le meilleur choix en connaissance de cause. Choix Final de Camera : Canon XA10

  27   Cette camera semi-pro est dotée d’une qualité impressionnante et possède deux connectiques XLR, ce qui va nous permettre une prise de son parfaite. Suite aux conseils de Jean Michel Bettembourg nous j’opte pour l’utilisation de micro cravate, bien plus pratique pour des prises de vue de type « plateau ». Les autres composantes du studio ainsi que le budget prévisionnel sont fournies en annexes. Nous avons tout commandé en ligne en cherchant les prix les plus bas du marché et un délai de livraison rapide. Nous n’avons eu aucun souci. J’ai pu réaliser les contraintes d’une TPE, chaque achat fût stratégique. Les PCs de l’entreprise sont puissant mais j’avais besoin de plus de performances si je voulais réduire les temps de rendu de mes animations et de mes montages. Nous décidons de changer quelques composantes sur mon poste : -Processeur Intel Corei7 -16 Go RAM DDR3 -Carte Graphique HD 7850- 1Go Le processeur va permettre de réduire grandement les calculs de rendu, l’augmentation de la RAM va m’aider pour Premiere Pro, le multitâche et l’exploitation du processeur. La carte graphique avec sa gestion de la 3D devrait m’être utile pour l’utilisation d’After Effect.   La partie montage c’est bien passée, le premier reboot fût le bon.

   

Habillage et animations 3D

Pour développer la WebTv d’Andlil nous devons absolument avoir des animations d’intro et d’outro ainsi que des habillages audiovisuels afin d’identifier rapidement le programme diffusé.

Intro: Outro:

(Les vidéos passent mal sur papier, sûrement un problème de codec) 28  

  29   le web

Camtasia et Webex

Benoist souhaitait pouvoir créer des tutoriels afin de les faire partager à la communauté d’Andlil. La solution Camtasia me semblait adaptée à ses besoins. En effet ce logiciel permet d’enregistrer son écran, son micro ainsi que sa webcam. La qualité fournie est très convenable pour être diffusée sur   Nous avons travaillé sur une autre solution payante : Webex. C’est un logiciel qui permet de créer des webconférences géantes. Avec ce logiciel on peut partager son écran en direct et afficher sa webcam. Il est très utilisé dans les grandes entreprises mais difficile à configurer, il va cependant permettre à Benoist de communiquer en direct avec les inscrits du forum. J’ai passé quelques heures à comprendre son fonctionnement et à lui rédiger un tutoriel.

    30  

Red5 : Une solution puissante Red5

est un serveur Flash open source* qui reprend les fonctionnalités de Flash Media Server de Adobe. Il permet de faire du streaming audio et video. C’est un outil puissant sur lequel je suis en train travailler et que nous allons mettre en place dans les prochaines semaines afin de diffuser du live à partir du serveur de l’entreprise.

    31  

Conclusion

J'espère que mon rapport vous aura permis de vous faire une idée du stage que je suis en train d'effectuer dans l’entreprise Benoist Rousseau Mon stage aura été une occasion d’utiliser les connaissances acquises en SRC. Avoir des responsabilités professionnelles m’a fait du bien, m’a permis de m’impliquer dans mon travail. J’ai eu la chance d’avoir un stage très riche en contenu et en diversité. Avoir une vision professionnelle sur un projet est un recul que j’ai pris durant mon stage et qui me permettra de comprendre la finalité de ce que je fais à l’avenir.

J’ai été agréablement surpris d’avoir réussi à mener à bien des projets pour lesquels je ne pensais pas avoir le niveau. J’ai notamment appris à segmenter mon travail dans le but de le rendre plus organisé et plus facile à aborder. Ce stage fût basé sur le partage de connaissances, j’ai énormément appris et j’ai le sentiment d’avoir pu faire profiter de mes compétences à mon tour. Mon stage aura été une expérience très bénéfique, j’ai eu l’opportunité de me confronter à un milieu professionnel qui correspondait parfaitement à ma poursuite d’étude. Nous avons d’ailleurs demandé un avenant d’un mois sur la convention pour continuer à mener le projet.

  32    

Glossaire

Broker

: Un broker est une entreprise qui sert d'intermédiaire pour une opération, financière, entre deux parties. L'activité est réglementée dans de nombreux pays, afin de protéger les intervenants sur le marché.

H2 :

C’est une balise titre de niveau 2

IG :

Le broker numéro 1 mondial

Netliking

: C’est la création de liens hypertextes menant vers la page d’accueil d’un site ou vers une page interne au site. Ces liens peuvent venir du site ou de sites extérieurs

Open Source :

C'est-à-dire la possibilité de libre redistribution, d'accès au code source et aux travaux dérivés.

SEO :

C’est un ensemble de techniques visant à favoriser la compréhension de la thématique et du contenu d'une ou de l'ensemble des pages d'un site Web par les moteurs de recherche. L'objectif de ce procédé est d'orienter le positionnement d'une page Web dans les résultats de recherche des moteurs sur des mots-clés correspondant aux thèmes principaux du site. Selon Benoist Rousseau le SEO c’est « baiser Google »

Shortcodes :

articles. Les shortcodes WordPress sont de simples jeux de fonctions pour créer des macro-commandes pouvant être insérées dans les

   

Annexes

33  

   

Listing du matériel audiovisuel pour la création du studio web TV

Première Option :

Caméscope : Canon – XA10 Caméscope HD CMOS AVCHD Alimentation fantome ? (Un camera haut de gamme mais une des moins chère de sa génération avec une double connectique XLR) Rotule trépied : Manfrotto 128RC Rotule Video ( apparemment une des rotules avec les meilleures performances au plus bas prix) Trépied : Manfrotto 055xprob trépied pro alu 178,5cm Microphone : Audio Technica AT 8033 ( Nous voulons une prise de voix à plus d'un mètre cela sera-t'il suffisant ? ) Trépied Perche Microphone : One stage stands ms77701tb ( Nous ne souhaitons pas voir apparaître le micro dans le studio, et je serais le seul à m'occuper à la fois de la prise de video et de la prise de son. J'opte pour un grand trépied micro qui me permettra d'avoir les mains libres et d'assurer une prise de son frontale ou au dessus de la tête) Lumières : Il y aura deux sources lumineuse : Deux fenêtres Deux Néons Pouvons nous envisager de garder ces deux sources lumineuses pour les besoins du tournage ou un éclairage mandarine ou Fresnel avec une obturation des fenêtres ou des est il indispensable ?

Accessoires : 34  

    35   Cable XLR 5m key.com/) Pince Micro Tiger Fond Vert : 11'x12'' green screen chroma KeyBackDrop (http://www.chroma-

Option 2 :

( Le fait d'utiliser une mixette pourrait nous permettre d'économiser beaucoup, nous pourrions ainsi prendre une camera bien moins chère et y relier un microphone en xlr pour un son de très bonne qualité avec un enregistrement de la bande son dans le fichier video) Camescope Trepied Rotule Microphone Trépied Perche Microphone Mixette : Accessoires : Idem Carte graphique : Prérequis pour Pemiere Pro Cs6 PC : Carte Compatible GPU PCI Express