BTS SIO SLAM 2eme année Rapport de Stage

Transcription

1 LYCEE SAINT VINCENT BTS SIO SLAM 2eme année Rapport de Stage Stagiaire Tuteur Niveau Maxime BORDAS Sihame ALLALI BTS SIO SLAM 2eme année 1

2 Sommaire : Page 3 1.1) Présentation de l entreprise Page 4 1.2) Arte France Page 5 1.3) Direction des technologies et des réseaux de diffusion Page 6 2.1) Contexte 3.1) Technologies Page 7 4.1) Missions : 4.2) Mission n 1 Page 8 4.3) Mission n 2 Page 9 4.4) Mission n 3 Page ) Veille 6.1) Bilan 2

3 1.1) Présentation de l entreprise ARTE est un Groupement Européen d'intérêt Economique (GEIE) formé et financé par deux pôles français et allemand d édition et de fourniture de programmes, ARTE France à Paris et ARTE Deutschland à Baden-Baden, qui sont représentés au sein des instances de décision. Figure 1- Arte France, une partie d'arte GEIE Les pôles fournissent un même volume de programmes qu ils produisent ou achètent selon l organisation de l audiovisuel public et les modes de production spécifiques à la France et à l Allemagne. Chacun des pôles fournit 40% des programmes, les 20% restants étant fourni par ARTE GEIE et les partenaires européens. 3

4 1.2) Arte France ARTE France est chargée de concevoir, de coproduire et d acheter des programmes pour ARTE. Elle a placé au cœur de sa politique de production la création de programmes de qualité. Ses commandes contribuent de manière décisive à l existence d un tissu de producteurs indépendants. ARTE France occupe ainsi une place significative dans l économie de l audiovisuel français et européen. ARTE France emploie 248 collaborateurs permanents, professionnels des métiers de programmes, mais aussi de la communication, du multimédia, du développement, de l international et de la gestion. Elle a par ailleurs créé deux sociétés de production à la ligne éditoriale ambitieuse : ARTE France Cinéma et ARTE France Développement, laquelle commercialise livres et DVDs sous la marque ARTE Editions. Actionnaire de TV5 MONDE et partenaire de la chaîne culturelle canadienne ARTV, ARTE France élargit la diffusion de ses programmes dans le monde en les apportant à ces chaînes ou à d autres, à titre de coopération. Figure 2- La Direction des Technologies et des réseaux de Diffusion 4

5 1.3) Direction des technologies et des réseaux de diffusion (DTD) La direction des technologies et des réseaux de diffusion, est la direction qui vient en support des directions métiers au sein d Arte France. Elle se divise en trois entités chacune dirigée par un Responsable de service Informatique : L Infrastructure numérique : chargé de la gestion de l infrastructure broadcast, de la numérisation et de la reproduction vidéo. C est elle qui gère le matériel informatique et réseau local. Le contrôle qualité : c est le pôle qui est garant de la qualité des vidéos en images, sons et textes et de l ensemble que composent ces éléments. L étude et le développement : s occupe du développement et de la maintenance des applications métiers au sein d Arte France. Il se divise à son tour en quatre pôles chacun dirigé par un chef de projet disposant chacun d un portefeuille de projets et d une équipe de développeurs prestataires sous sa responsabilité. Ces pôles sont les suivant : o Pôle SI interne o Pôle vidéo o Pôle Reporting o Pôle Web 5

6 2.1) Contexte Dans le cadre de mon BTS SIO afin de valider mon année il me fallait obtenir un stage, ce dernier s est effectué dans l entreprise Arte France situé à Issy-Les-Moulineaux, entreprise de production audiovisuelle. J ai travaillé dans le service DTD (Technologies Réseaux de diffusion) afin de les appuyer sur les différentes taches d évolutions des différents outils et plateforme WEB du 09 janvier 2017 au 3 mars ) Technologies : Les technologies utilisées lors du stage ont été multiples et variés, les technologies que j ai principalement utilisées ont été : HTML/CSS : Langage balisé qui permet d afficher du contenue sur une page web/permet de mettre en forme et styliser les pages HTML JAVASCRIPT : Le JavaScript est un langage informatique utilisé sur les pages web. Ce langage à la particularité de s'activer sur le poste client, en d'autres mots c'est votre ordinateur qui va recevoir le code et qui devra l'exécuter. C'est en opposition à d'autres langages qui sont activés côté serveur. L'exécution du code est effectuée par votre navigateur internet JQUERY : jquery est un framework Javascript sous licence libre qui permet de faciliter des fonctionnalités communes de Javascript. L'utilisation de cette bibliothèque permet de gagner du temps de développement lors de l'interaction sur le code HTML d'une page web, l'ajax ou la gestion des évènements. AJAX : Concept de programmation permettant d effectuer des actions de manières asynchrone MAVEN : Maven est un outil de construction de projets (build) open source développé par la fondation Apache. Il permet de faciliter et d'automatiser certaines tâches de la gestion d'un projet Java. TOMCAT : Apache Tomcat est un conteneur web libre de srervlets et JSP Java EE. Il implémente les spécifications des servlets et des JSP du Java Community Process, est paramétrable par des fichiers XML et des propriétés, et inclut des outils pour la configuration et la gestion. Il comporte également un serveur HTTP. JAVA : Langage de programmation. CVS : Système de gestion de version. MAILJET : Outil d ing. SQL : (Structured Query Language) Langage de requête de base de données et de programmation largement utilisé pour accéder à, interroger, mettre à jour et gérer des données dans des systèmes de bases de données relationnelles. JIRA : Jira est un système de suivi de bugs, un système de gestion des incidents, et un système de gestion de projets développé par Atlassian. 6

7 4.1) Missions 4.2) 1ere mission Réalisation d un menu de modification pour une Iframe (Player) cela a été réalisé avec du HTML (création d une tooltip),(data-attributes) CSS (Placement du tooltip et modification du player lui-même et media-querys) JAVASCRIPT (Fonction qui modifie l url de l iframe afin de le passer en paramètres les options de modifications) 7

8 4.3) 2ème mission Réalisation d une fonction pour un ajout dans une liste de newsletter Réaliser avec du : JAVASCRIPT (Permet de réaliser la fonction), AJAX (Permet le traitement de la fonction de manière asynchrone), MAILJET (Service d ing) 8

9 4.4) 3ème mission Réalisation d une fonctionnalité Full Stack afin de mettre en avant les Sons et Audioblog de manière éditoriale, les technologies utilisées sont : HTML (Mise du Java dans les pages à l aide de JSP) CSS (positionnement) JAVA (Concept Objet mise en œuvre) SQL (Création d une table dans la base de données) SPRING MVC (modèle mvc) 9

10 5.1) Veille technologique Veille portant sur l AJAX Cela effectué avec le cours vidéo du site Grafikart 6.1) Bilan Stage très formateur, acquisitions de compétences indispensable, expérience très professionnalisante. 10