Vous êtes sur la page 1sur 45

Remerciements

Je tiens à remercier toutes les personnes qui ont contribuées au bon déroulement de mon stage au sein de la société Vivactis :

Mon tuteur au sein de l’entreprise, Mr. Erwan Charvot, pour m’avoir accepté dans son équipe. Sa grande disponibilité, ses conseils précieux et son attention particulière au sein des projets qu’il m’a confiés ont su enrichir mon expérience professionnelle et personnelle.

Mon tuteur de stage, Mr. Cédric Fournerie, pour l’intérêt et l’attention qu’il a accordés à mon stage.

Mes collèges de travail, pour leurs aides et soutiens dans mes projets.

Mes professeurs de DUT Services et Réseaux de Communication, pour les enseignements qu’ils m’ont fournis et que j’ai pu appliquer durant le stage.

Introduction

Dans le cadre de ma formation en DUT SRC à l’IUT de Vélizy j’ai réalisé un stage, d’une durée de 10 semaines, dans le secteur de la santé humaine et animale, au sein de l’agence web Vivactis Multimédia.

Ce stage a pour objectif de m’initier au monde de l’entreprise en m’apportant une expérience professionnelle en corrélation avec les enseignements reçu pendant ma formation par le biais de la réalisation de cas pratiques et concrets.

Les missions qui m’ont été confiées, sous forme de projets, ont été à la fois nombreuses et variées. Elles concernent le développement d’applications flash en tout genre et se rapportent aux activités suivantes :

Créations de site internet.

Développement d’applications Flash online/offline.

Design et infographie.

Ce rapport a pour but de dresser un bilan du stage, il est structuré en trois parties principales :

La présentation de la société Vivactis Multimédia qui m’a accueilli,

Le travail réalisé au cours du stage : les objectifs assignés, les travaux effectués, le contexte informatique, les méthodes de travail mises en œuvre.

La conclusion du stage : les résultats obtenus par rapport aux objectifs initiaux, les difficultés rencontrées, les apports du stage sur mon expérience.

Sont annexés à ce rapport :

Des fiches projet qui décrivent de façon détaillée chacun des projets, illustrés par la présentation d’exemples concrets des résultats produits.

Des fiches logicielles qui présentent les nouveaux logiciels que j’ai eus le plaisir d’apprendre a utilisé durant mon stage.

1. Présentation de l’entreprise

1. Présentation de l’entreprise Créé en 1991 le groupe Vivactis Newton 21 opère sous deux branches

Créé en 1991 le groupe Vivactis Newton 21 opère sous deux branches :

« Vivactis » (Communication et marketing santé et bien-être).

«Newton 21» (Brand activation, communication institutionnelle, communication digitale).

Vivactis Newton 21 est le groupe leader en France dans les métiers de la communication, du conseil, de la presse spécialisée, des études cliniques, de l’organisation d’événement et de la publicité pour les secteurs de la santé.

Vivactis Newton 21 est spécialisé en :

Activation de marque,

Communication autour de la Santé et du Bien-être,

Communication digitale.

Aujourd’hui, la société est présente dans dix pays de l’Union Européenne (Pays Bas, Belgique, France, Espagne, Allemagne, Italie, Royaume-Uni, Slovénie, République tchèque, Hongrie) ainsi qu’en Suisse, en Russie et en Turquie.

La couverture géographique est assurée à travers ses filiales et ses partenaires associés (franchises).

en Turquie. La couverture géographique est assurée à travers ses filiales et ses partenaires associés (franchises).

En France, Vivactis compte un peu plus d’une centaine de personnes réparties au sein des entreprises :

Vivactis Multimédia,

Vivactis Conseil,

Vivactis Innovations,

Vivactis Médical Education,

Vivactis Insight,

Vivactis Etudes Clinique,

Vivactis MailCall,

Vivactis Public Relation.

• Vivactis MailCall, • Vivactis Public Relation. Vivactis Multimédia, ainsi que l’ensemble du groupe

Vivactis Multimédia, ainsi que l’ensemble du groupe Vivactis France, se situe 2 rue Sainte-Marie à Courbevoie (92400), tout proche du quartier d’affaires de La Défense.

Vivactis France, se situe 2 rue Sainte-Marie à Courbevoie (92400), tout proche du quartier d’affaires de
Vivactis France, se situe 2 rue Sainte-Marie à Courbevoie (92400), tout proche du quartier d’affaires de

1.3

Structure juridique et effectif

Vivactis Multimédia est une SARL créée en février 2008.

Son Capital, d’une valeur de 20 000 €, est détenu par Vivactis Newton 21.

L’effectif de Vivactis Multimédia est de 10 personnes qui sont : le gérant de l’entreprise, Mr Charvot, des programmeurs et des graphistes.

Résultats financiers

Chiffre d’affaire en 2009 : 220 000 €

Bénéfice net en 2009 : 18 000 €

1.4 Activités de l’entreprise

Les sites internet et les applications en ligne constituent un support privilégié pour le marketing médical, que ce soit pour recueillir de l’information ou en diffuser.

Pour répondre aux demandes du secteur de la santé, Vivactis Multimédia développe plusieurs types de sites internet en ligne :

Sites communautaires ou de partage : leur rôle est de faciliter la communication entre les personnes, par des outils collaboratifs comme par exemple des forums, des réseaux sociaux pour le partage de documents, …

Etudes en ligne : Ce sont des formulaires que complètent des médecins ou des patients et qui servent à collecter des données sur des traitements médicaux et des maladies et à créer des statistiques.

Serious Game : application informatique dont l’intention est sérieuse (marketing, communication, pédagogique,…) issu du jeu vidéo.

Aide De Visite (ADV) sur Ipad : application sur ipad permettant aux diverses entreprises de la santé de présenter leurs nouveaux produits de manière plus élégante avec une ergonomie très poussé ainsi qu’un rendu plus intuitif par rapport à un simple site internet.

Vivactis Multimédia héberge ses sites internet par l’intermédiaire de la société OVH qui lui fournit des serveurs dédiés.

1.5

Organigramme

Les

entreprises

du

groupe

Vivactis,

dont

Vivactis

Multimédia

dans

laquelle se situe mon stage, sont directement rattachées à Vivactis Newton 21.

Je suis rattaché à Mr. Erwan Charvot, gérant de Vivactis Multimédia qui dirige et supervise mon stage.

de Vivactis Multimédia qui dirige et supervise mon stage. 1.6 Concurrents Les principaux concurrents de Vivactis

1.6 Concurrents

Les principaux concurrents de Vivactis Multimédia sont des petites entreprises, de moins de 50 salariés, spécialisées dans le secteur de la santé et de la communication : FIMA, aXense, Trouba pour ne citer qu’eux.

2. Présentation du travail

2.1 Travaux réalisés

Mon travail se présente sous la forme d’enchaînements de projets qui ont pour objet d’intervenir sur des logiciels ou applications déjà réalisés ou à réaliser par Vivactis Multimédia afin :

de leur apporter de nouvelles fonctionnalités, par de nouvelles applications (nouvelle formule de calcul par exemple) ou l’évolution de fonctionnalités existantes,

de les améliorer, par exemple sur le plan de l’ergonomie (présentation des contenus),

ou de résoudre des problèmes de fonctionnement.

Ces projets doivent répondre à une problématique générale des applications offline/online qui est liée à l’hétérogénéité de leurs utilisateurs :

En effet, pour répondre au mieux aux demandes des utilisateurs, ces applications doivent s’adapter à de nombreuses contraintes liées aux postes de travail des utilisateurs, entre autres :

La taille de l’écran (résolution) pour les affichages.

Le navigateur web : pour le design et les fonctionnalités (JavaScript activé ou non, format d’images pris en compte,…).

La présence on non de Flash sur les postes de travail ainsi que la version de celui-ci.

Les tailles des fichiers sur les serveurs (pour des temps de réponse optimaux).

La sécurité des applications et la gestion des erreurs.

Par ailleurs il est fréquent que les configurations des postes de travail ne soient pas à jour (par exemple dans les hôpitaux) et que les connexions internet soient à bas débit.

Cette problématique est accentuée avec la généralisation des accès internet à partir de terminaux mobiles (« Smartphones »).

Elle doit être prise en compte dans toutes les phases du cycle de développement de ces applications :

Spécifications de l’interface utilisateur et de l’ergonomie,

Conception logicielle : choix des technologies compatible avec les capacités techniques des postes de travail,

Réalisation : implémentation non restrictive ou contraignante vis-à-vis des types de postes de travail (taille des fichiers…)

Tests : vérification du comportement à partir de différents types de navigateurs.

Par ailleurs, les responsables de projet, dans leurs demandes, insistent toujours sur trois points :

Réaliser une navigation simple.

Les informations importantes doivent être perçues très rapidement par les utilisateurs.

La rapidité avant tout. Les utilisateurs sont pressés et ne peuvent pas perdre de temps.

Projets

Travaux réalisés

Programme

 

Media

Réaliser un Dvd de présentation interactif.

Lunor

Réaliser des propositions de templates pour le nouveau site internet événementiel de la marque 100%Lunor. Ainsi que des propositions d’animation flash en introduction du site.

Adcirca

Réaliser un film de présentation mélangeant slide de présentation PowerPoint, son et vidéo créé à partir du logiciel AfterEffect.

Mecir

Réaliser une bannière en flash présentant le nouveau produit de la société Boehringer Ingelheim, Mecir. Cette bannière seras destiné a être présente lors de l’attente de la web conférence de lancement de ce nouveau médicament.

Serious

 

Game Light

Réalisation d'un Serious Game de démonstration pour la promotion envers les clients.

Serious

 

Game Urorec

Réaliser un Serious Game avec une impression de 3D pour réaliser des démonstrations lors de conférence sur l’urologie et ainsi promouvoir la société fabricant le médicament Urorec.

Parseur XML

Réaliser un parseur XML en flash pour tester et apprendre mes compétences. Baptême du feu !

2.2

Organisation du travail

Sur chacun des projets, j’ai travaillé de façon autonome, c'est-à-dire sans répartition du travail avec d’autres collaborateurs. J’ai pu bénéficier en cas de besoin de l’assistance de mes collègues de Vivactis Multimédia. Mon travail a été dirigé par mon tuteur entreprise qui supervisait mes travaux et validait les résultats avant diffusion vers l’extérieur.

En règle générale, Vivactis Multimédia exerce ses activités pour les autres entreprises du groupe Vivactis. A ce titre, j’ai travaillé principalement pour les entreprises Vivactis Innovation et Vivactis Médicale Education (MEDED), en relation directe avec les personnes en charge des projets pour le compte d’acteurs de la santé (médecins, urgentistes, …).

2.3 Contexte informatique

Le travail au sein de Vivactis Multimédia est organisé en Open Space. Chaque informaticien dispose d’un ordinateur fixe personnel tournant sous Windows XP ou Windows Vista. Pour ma part, j’ai disposé d’un poste sous Vista, équipé des outils suivants :

Outils de production :

o

Notepad++ (programmation),

o

Photoshop/GIMP (graphisme),

o

Swishmax3 (flash),

o

Unity3d (3D)

Outils de gestion et d’administration :

o

PhpMyAdmin (MYSQL),

o

Filezilla (FTP)

Navigateurs web :

o

Firefox,

o

Internet Explorer (version 6, 7 et 8),

o

Chrome

o

et Opéra.

J’ai utilisé pour les travaux de développement les langages suivants :

HTML & CSS

Webkit

Javascript (Jquery)

ActionScript 2 (FLASH).

2.4 Méthode de travail

Vivactis Multimédia met en œuvre une « méthode Agile » de développement, c'est-à-dire que le client est fortement impliqué dans le déroulement du projet : les spécifications, ainsi que toutes les phases du projet, peuvent être réajustées à tout moment.

Un projet, tel que l’illustre la figure suivante, est constitué de plusieurs phases successives avant d’arriver au stade de la production :

Spécifications,

Conception,

Programmation,

Tests.

Une fois mises en production, les applications sont soumises à des activités d’administration et de maintenance (correction d’anomalies, évolutions fonctionnelles).

(correction d’anomalies, évolutions fonctionnelles). Les missions qui m’ont été confiées ont été : •

Les missions qui m’ont été confiées ont été :

des projets de développement portant sur les phases de conception, programmation, tests, suivi de la mise en production.

des projets de mise à niveau.

des projets de recherche graphique.

2.5 Phases de développement

2.5.1 Conception : A partir des spécifications, il y a à rechercher les solutions logicielles qui répondent aux besoins exprimés par les utilisateurs : composant logiciels à utiliser, algorithmes de traitement, interfaces de programmation, etc.

Un de mes projets a eu pour but de développer un parseur XML pour l’utilisation personnel de Vivactis Multimédia et la conception de cet outil a consisté à :

Recenser les divers produits de cette nature existants dans le domaine de l’open source.

Trouver des solutions techniques pour pouvoir réaliser cet outil avec le logiciel SwishMax 3 et ainsi trouver un nouveau moyen de parser le XML sans utiliser les langages de programmation utilisé habituellement.

Sélectionner la manière de réaliser mon projet et le faire valider par mon tuteur pour voir si mon choix était assez pertinent.

2.5.2 Programmation et tests : La phase de programmation porte sur les travaux de codage de logiciels et de personnalisation des produits qui composent l’application à réaliser.

Ces travaux sont effectués sur les postes de travail à l’aide des outils de développement (SwishMax 3Notepad++, Photoshop,…).

Pour passer ensuite à la phase de test, le logiciel créé est transféré sur un serveur dans un espace dédié au projet. La phase de test consiste à activer les fonctionnalités du logiciel à partir de son mode opératoire et à vérifier que le comportement observé et bien celui attendu.

Ces tests portent sur les cas nominaux de fonctionnement ainsi que sur les cas d’erreurs qui doivent être détectés et traités par le logiciel.

Dans le cas de sites internet, il y a à vérifier la compatibilité du site avec divers types de navigateurs (Firefox, Internet Explorer…) qui peuvent présenter des différences d’affichage des informations sur le poste utilisateur.

2.5.3

Production : Une fois les tests passés avec succès, l’ensemble du logiciel

(sources et base de données) est installé sur un serveur de production.

A ce stade, plus aucune modification de fichiers du logiciel n’est autorisée. Il est possible de réaliser des configurations de mise en service et des tests rapides confirmant la bonne installation du logiciel

2.5.3 Maintenance : Un logiciel en production sur un site internet peut être

amené à évoluer pour répondre à de nouveaux besoins de la part de ses utilisateurs.

Pour cela, le logiciel est copié dans un espace de développement dans lequel sont apportées les modifications souhaitées, selon les principes des phases de programmation et de tests présentées ci-avant.

Une fois les tests terminés, le logiciel en production sur le site est sauvegardé dans son intégralité (sources et base de données si besoin) sur un poste de travail, et ensuite la nouvelle version est installée sur le site.

et base de données si besoin) sur un poste de travail, et ensuite la nouvelle version

3. Conclusion & Bilan

3.1 Résultat des projets

Au cours de mon stage j’ai participé à une dizaine de projets qui ont abouti à des résultats concrets :

Une bannière,

Une application de calcule en ligne,

Un Serious Game de présentation type (montrer aux clients pour vendre ces projets).

Un Serious Game complet.

Tous ces projets ont été mis en production et à disposition des utilisateurs finaux.

Ces résultats sont conformes aux objectifs initiaux

3.2 Difficultés rencontrées

Mise en œuvre de nouvelles technologies

J’ai mis un peut de temps sur l’apprentissage de nouvelles technologies, notamment avec le passage sur SwishMax 3 qui remplace Adobe Flash chez Vivactis MultiMedia et qui prend en compte uniquement l’AS2 (actionScript2). Le fait de programmer en apprenant directement pendant la réalisation des projets était nouveau pour moi, et cela ce voit par l’amélioration de mes compétences et du rendu final sur l’avancé de mes divers projet.

Enfin, j’ai connu quelques difficultés dans l’utilisation du logiciel de compilation Mdm Zinc, car je ne m’étais jamais servi d’un tel logiciel. Celui-ci permet en utilisant du code action script Zinc d’utiliser de nouvelles fonctionnalités dans des applications flash tel que de créer des dossiers directement sur un terminal par exemple.

Compatibilité des applications pour les divers utilisateurs

Une difficulté générale à tous les projets étaient de permettre à des utilisateurs, pas toujours initiés aux nouvelles technologies, et disposant parfois d’ordinateurs ou de systèmes dépassés, de pouvoir accéder et naviguer a nos applications et/ou sites internet. Ce qui se traduit par une certaine complexité des logiciels pour prendre en compte des configurations spécifiques de postes utilisateurs.

3.3 Acquis du stage

C’est en tant que développeur Flash que j’ai travaillé pour Vivactis Multimédia. Passionné depuis plusieurs années par les technologies web, ce stage a été une excellente occasion pour moi de pouvoir exercer dans un domaine que j’apprécie énormément.

Ce stage au sein de Vivactis Multimédia est un complément enrichissant à ma formation de DUT Service et Réseau de Communication. Ce stage a été très intéressant pour moi par rapport a ma formation car j’ai pu faire :

La mise en pratique et le renforcement, sur des projets concrets, de connaissances que j’ai acquises durant ma scolarité.

L’acquisition d’une expérience dans le monde de l’internet, notamment sur les processus de développement et de déploiement d’application flash.

L’immersion dans le milieu professionnel, et la découverte de nouveaux métiers et nouvelles disciplines.

Le stage m’a permis d’approfondir mes connaissances sur les technologies web (ActionScript 2, HTML, CSS et Javascript) et d’apprendre comment organiser un mon travail, avec la gestion du temps et la répartition du travail.

Dans le cadre de mes projets de réalisation d’applications en Flash j’ai mis en œuvre le logiciel SWISH Max 3 et découvert, au-delà de ses capacités techniques, l’étendue des capacités de création qu’il offre aux graphistes

Mdm Zinc

Qu’est-ce-que Mdm Zinc ?

Mdm Zinc est un logiciel qui permet a partir de fichiers en .swf d’en faire des exécutables avec plus d’options.

Pourquoi l’utiliser ?

Mdm Zinc est un logiciel complet qui ne nécessite aucune connaissance particulière. Il suffit d’aller sur le site et de regarder la rubrique pour les programmeurs qui est vraiment très vaste, dedans y sont recensées toutes les possibilités qu’offre ce logiciel de compilation.

Il permet par exemple de créer directement sur un ordinateur des dossiers ou des fichiers avec une simple application flash et peut aussi faire ouvrir par flash toute sorte de fichiers comme des PDF par exemple.

Son principe de fonctionnement est simple, dans le fichier .swf on place du code ActionScript spécifique a ce logiciel et lors de la compilation en .exe par celui-ci les fonctions prennent place et tous marche parfaitement.

Inconvénients :

Tous ce qui touche a mdm Zinc est en anglais. De ce fait pour ce formé ce n’est pas toujours forcément évident. Son interface qui semble épuré et intuitive ne l’ai pas vraiment.

De plus il dispose de tellement de nouvelles possibilités dans sa bibliothèque qu’ont met souvent beaucoup de temps à trouver ce que l’on cherche.

Mon avis : Ce logiciel offre tellement d’innovations dans les applications Flash que cela paraît vraiment difficile de s’en séparer une fois qu’on a apprit à s’en servir et qu’on le maîtrise aisément.

Pour ma part je pense que c’est un outil qui aura une place dans ma future carrière si je continue dans la voie de la programmation Flash.

Mdm Zinc en images :

Mdm Zinc en images : 16
Mdm Zinc en images : 16

SwishMax 3

Qu’est-ce-que SwishMax 3 ?

SwishMax 3 est un logiciel qui reprend la technologie et le principe du logiciel Adobe Flash ainsi que le langage de programmation ActionScript 2.

Pourquoi l’utiliser ?

SwishMax est un logiciel complet qui ne nécessite par forcément de connaître l’ActionScript pour programmer des effets complexe car il offre déjà une large palette d’effet préprogrammé qu’il suffit d’appliquer à son bon vouloir.

Son interface peut paraître plus complexe au premier abord mais il regroupe toutes ses fonctionnalités sur une seule et même page ce qui permet une prise en main assez rapide et un tour d’horizon relativement rapide.

C’est le logiciel parfait pour les personnes n’ayant jamais touché a un logiciel comme Adobe Flash car il a un principe d’utilisation totalement différent des autres. Tout en simplicité et avec plein de petites choses préprogrammer.

Mais pour les personnes ayant déjà quelques bon acquis avec flash comme ce fut le cas pour moi, j’ai subit un léger dépaysement et mit un certains temps avant de pouvoir être dans des conditions de travail optimum.

Pour le cas de la société Vivactis Multimédia, nous utilisons ce logiciel car nous travaillons dans le secteur médical ou les parcs informatiques sont souvent assez âgés. De ce fait nous avons besoin d’un logiciel capable de programmer assez rapidement des petits effets toujours compatible avec des logiciels qui parfois date fortement. Nous exigeons donc une programmation en ActionScript 2 et compatible pour le player 7 d’Adobe Flash.

Temps de formation autodidacte : En l’espace d’une semaine j’ai été capable de réaliser quasiment tous ce que je savais déjà faire sur Adobe Flash avec SwishMax3. J’ai réalisé des projets sans commanditaire pour me former.

SwishMax 3 en images :

SwishMax 3 en images : 18
SwishMax 3 en images : 18

Fiche de projet Programme Media

Nom de projet : Programme Media

Client : Vivactis Médicale Education (Meded)

Date de début : 13 avril 2011

Fin : 15 avril 2011

Objectifs : Réaliser un Dvd de présentation interactif.

Spécifications et travail réalisé :

- Réaliser le Dvd en Flash.

- Retoucher toutes les images pour créer une homogénéité.

- Faire un ouvrir des Powerpoint avec le bon logiciel directement en Flash.

- Créer un exécutable avec Mdm Zinc.

Technologies utilisées :

- SwishMax3 (+ Programmation en ActionScript2) pour la partie Flash.

- Adobe Photoshop Cs4 pour tous le côté graphique.

- Mdm Zinc Builder 3.0 pour la compilation sous forme d’exécutable.

- Notepad ++ Créer un autorun pour le Dvd.

Notes personnels :

Le projet « Programme Media » à été le tous premier projet que j’ai reçu lors de mon arrivée chez Vivactis Multimédia. Un projet très intéressant pour moi car c’était la première fois que je réalisais quelque chose en flash pour un support DVD et cela m’a permis de me former simplement sur le logiciel SwishMax 3 et de commencer à entrevoir les possibilités du logiciel Mdm Zinc. J’ai aussi appris a codé un petit autorun pour Dvd&CD très simple a codé et tellement pratique et utile pour énormément d’application.

Ce DVD a pour but d’ouvrir un Powerpoint non modifiable à l’aide de l’interface du DVD sur une télé pour faire des présentations sans pc. Il devait aussi contenir à sa racine le Powerpoint modifiable. Le résultat final ci-dessous en images.

modifiable. Le résultat final ci-dessous en images. Principe de fonctionnement : A l’insertion du dvd dans

Principe de fonctionnement :

A l’insertion du dvd dans la platine vidéo on arrive directement sur l’image de gauche par simple clic sur Ok celle-ci nous envoie sur l’image de droite. Arrivé sur cette image se trouve un bouton « Etude de cas clinique » qui lorsque l’on clic dessus ouvre le PowerPoint.

Remarque : Le but principal de ce projet était de réaliser quelque chose de très simple pour que des personnes qui ne sont pas familiarisé avec les outils informatiques puissent s’en servir très facilement.

Code de l’autorun :

[autorun]

open=ProgrammeMedia.exe

Fiche de Projet 100%Lunor

Nom de projet : 100%Lunor Client : Lunor Date de début : 2 Mai 2011

Fin : 9 Juin 2011

Objectifs : Réaliser des propositions de templates pour le nouveau site internet événementiel de la marque 100%Lunor. Ainsi que des propositions d’animation flash en introduction du site.

Spécifications et travail réalisé :

- Trouver au moins 3 templates complet pour le site à partir de visuel.

- Faire une introduction en flash.

- Réaliser une animation 3D d’un bol de légume qui tourne en flash.

- Réaliser une béta du site full-flash a partir d’un template préalablement valider par mon tuteur de stage pour faire une proposition plus concrète au commanditaire.

Technologies utilisées :

- SwishMax3 (+ Programmation en ActionScript2) pour la partie Flash.

- Adobe Photoshop Cs4 pour tous le côté graphique.

- Notepad ++ pour la programmation Html + Css.

Notes personnels :

Le projet 100%Lunor fut mon premier vrai projet en solo. Pour se faire j’ai dû m’habitué à gérer mon temps par rapport aux divers exigences de mon tuteur et du commanditaire. En parallèle m’a formation en autodidacte sur le logiciel SwishMax3 devais suivre son court sans pour autant gêner le planning du projet. Le fait de devoir gérer plusieurs choses en même fut un vrais bénéfice pour moi car j’ai appris a travailler de manière concise dans la hâte.

Dans un premier j’ai réalisé quatre templates visibles ci-dessous. C’est le dernier qui a été sélectionné pour passer en phase de site full-flash :

sélectionné pour passer en phase de site full-flash : A partir du template numéro quatre (coin

A partir du template numéro quatre (coin inférieur droit de l’image ci- dessus) qui avais pour principe graphique de montrer un plan de pomme de terres en train de pousser. J’ai demandé aux graphistes de réaliser ce plan ainsi qu’une vidéo le représentant en pleine croissance qu’on peut voir dans les images qui suivent. Une fois la vidéo récupérer ainsi que les images j’ai commencé à réaliser une petite beta de démonstration pour le client pour voir si un site en full-flash était réellement ce qu’il attendait.

L’image dans le coin inférieur droit de la photographie ci-dessous est en faite la page d’accueil du site représenté avec au milieu une sorte de carrousel pour mettre les dernières nouveautés du site (ici donc les dernières recettes réaliser avec la gamme de produits Lunor sous vide). Les autres images représentent des étapes clé de la vidéo réalisée par les graphistes de l’agence.

Suite a la démonstration du site en full-flash le client c’est rendu compte que ce

Suite a la démonstration du site en full-flash le client c’est rendu compte que ce n’était pas vraiment ce qu’il recherchait. Du coup la tâche de codé un site en Html-Css-JavaScript fût confier aux chefs de projets multimédia de la société Vivactis Multimédia. Pour des raisons de confidentialités il ne m’est pas permis de mettre une capture d’écran du site. Mais pour celui-ci j’ai réalisé une plusieurs ébauches d’animations d’introduction ainsi qu’un bol en 3D qui pivote sous Flash et qui lance des petites fonctions JavaScript lors de ces mouvements sur la page Html que l’on peut voir sur l’image ci-dessous.

des petites fonctions JavaScript lors de ces mouvements sur la page Html que l’on peut voir

Fiche de projet Adcirca

Nom de projet : Adcirca

Client : Vivactis Innovation

Date de début : 30 avril 2011

Fin : indéterminé

Objectifs : Réaliser un film de présentation mélangeant slide de présentation PowerPoint, son et vidéo créé à partir du logiciel AfterEffect.

Spécifications et travail réalisé :

- Réaliser le film en Flash.

- Retoucher toutes les images pour créer une homogénéité.

- Caler le son avec la vidéo et les slides correspondantes.

- Créer un pré-loader pour que sa visualisation sur internet soit fluide.

Technologies utilisées :

- SwishMax3 (+ Programmation en ActionScript2) pour la partie Flash.

- Adobe Photoshop Cs4 pour tous le côté graphique.

Notes personnels :

Le projet « Adcirca » à été un projet très fastidieux a mettre en œuvre car il m’a fallut jouer entre plusieurs type de support tous en réussissant à créer quelque chose qui visuellement ne dérouterais pas ses spectateurs.

De plus la synchronisation des sons avec les vidéos et les différentes slides est quelques choses de très long à faire car il faut bien faire concorder les vidéos qui sont en image par seconde (ips) et les sons qui sont sans repère précis juste en seconde. Pour ma part je n’avais comme repère que des mots clés.

Les vidéos m’ont été fournies par les graphistes de l’agence et les slides directement par la société Vivactis Innovation.

Pour mieux ce rendre compte du travail réaliser voyons en quelques images a quoi ressemble le projet final.

Pour mieux ce rendre compte du travail réaliser voyons en quelques images a quoi ressemble le
Pour mieux ce rendre compte du travail réaliser voyons en quelques images a quoi ressemble le

La première image représente une phase vidéo et la seconde image une phase slides. Le projet suivait le schéma suivant :

Vidéo

Vidéo
Vidéo
Vidéo
Slide
Slide

Slide

Slide
Slide
Slide
Vidéo
Vidéo

Vidéo

Vidéo
Vidéo
Vidéo
Slide
Slide

Slide

Slide
Slide
Slide
Etc.…

Etc.…

Son en continue
Son en continue

Le tout pour une durée total d’environ 6 minutes. Par la suite ce projet se verra améliorer par mes soins. Il se verra doté d’un menu permettant la navigation dans la vidéo, cette navigation se dévoileras au fur et a mesure de l’avancer de la vidéo pour empêcher ainsi l’utilisateur de zapper une partie qui l’intéresserais moins ceci étant une demande du client. En plus de cette navigation se verront ajouter quelques boutons qui serviront de liens entre les différentes parties du site du commanditaire.

Fiche de Projet Mecir

Nom de projet : Mecir

Client : Boehringer Ingelheim

Date de début : 23 Mai 2011

Fin : 15 Juin 2011

Objectifs : Réaliser une bannière en flash présentant le nouveau produit de la société Boehringer Ingelheim, Mecir. Cette bannière seras destiné a être présente lors de l’attente de la web conférence de lancement de ce nouveau médicament.

Spécifications et travail réalisé :

- Résumé en quelque seconde le principe et les innovations du produit.

- Réaliser l’animation en Flash.

- Retoucher toutes les images pour créer une homogénéité.

- Tenir compte des références pour le passage au réglementaire de la bannière qu’elle puisse ainsi être validé.

Technologies utilisées :

- SwishMax3 (+ Programmation en ActionScript2) pour la partie Flash.

- Adobe Photoshop Cs4 pour tous le côté graphique.

Notes personnels :

Le projet Mecir fut le premier de mes projets en contact direct avec le commanditaire. De ce fait j’ai du apprendre à gérer les exigences de mon interlocuteur qui ne faisait pas du tous partis du milieu informatique.

Pour réaliser cette bannière je n’ai eu comme source qu’un fichier flash présentant le produit qui était destiné aux médecins pour vanter les mérites de ce nouveau médicament.

Ci-dessous quelques images du fichier sources flash a partir duquel j’ai réalisé la bannière.

Ci-dessous quelques images du fichier sources flash a partir duquel j’ai réalisé la bannière. 28
Ci-dessous quelques images du fichier sources flash a partir duquel j’ai réalisé la bannière. 28
29
29
A partir de ces différentes slides de leur module de présentation du médicament j’ai du

A partir de ces différentes slides de leur module de présentation du médicament j’ai du retravailler toutes les images pour les rendre homogènes et conforme aux dimensions de la bannière.

Un des principales contraintes de ce projet fut de le faire évoluer au fur et a mesure de sa conception en fonction des différents retours du commanditaire et de ses attentes qui évoluais en même temps que le projet. Une autre contrainte a été de gérer le temps d’apparition de chaque slide qu’elle soit lisible mais qu’elle ne reste pas non plus trop longtemps a l’écran pour ne pas lasser le spectateur.

Maintenant voyons le résultat final de cette animation flash sous forme de bannière dans les images qui suivent :

- Première image : introduit le produit

- Deuxième image : principe du produit

- Troisième image : effets concrets du produit par comparatif

- Quatrième image : Utilisation du produit

31
31
31
31

Dans le coin inférieur droit de la bannière sont placer deux boutons, le premier bouton Références renvoie vers une image (ci-dessous) contenant toutes les références légales pour la conformité de la bannière. Et enfin le bouton Ml Mecir renvoie vers un PDF déjà hébergé sur un serveur de la société.

de la bannière. Et enfin le bouton Ml Mecir renvoie vers un PDF déjà hébergé sur

Fiche de projet Serious Game

Nom de projet : Serious Game Urorec

Client : Urorec Date de début : 16 Mai 2011

Fin : 30 Juin 2011

Objectifs : Réaliser un Serious Game avec une impression de 3D pour réaliser des démonstrations lors de conférence sur l’urologie et ainsi promouvoir la société Urorec.

Spécifications et travail réalisé :

- Réaliser un jeu en Flash.

- Retoucher toutes les images pour créer une homogénéité.

- Tenir compte des références pour le passage au réglementaire du jeu qu’il puisse ainsi être validé.

Technologies utilisées :

- SwishMax3 (+ Programmation en ActionScript2) pour la partie Flash.

- Mdm Zinc Pour la compilation en exécutable.

- Adobe Photoshop Cs4 pour tous le côté graphique.

Notes personnels :

Le projet Urorec est le plus gros projet pour lequel j’ai travaillé. C’est un projet très long a réalisé car le jeu se déroule en trois phase, chaque phase correspondant a la visite d’un patient chez son médecin. Lors de chaque consultation apparaissent de nouveaux boutons/événement qui n’étaient alors par présent jusqu'à ce moment précis du jeu. Avant de rentrer dans les détails voyons quelques images du jeu (non terminer) pour ce rendre mieux compte du travail effectuer.

34
34
Les images nous montre tous d’abord la première vue du cabinet lors de la consultation

Les images nous montre tous d’abord la première vue du cabinet lors de la consultation numéro une. Commençons tous d’abord par voir la navigation de base du premier niveau, la flèche gauche sur l’image une nous envoie par lancement d’une vidéo de transitions a l’image deux et la flèche par le même principe a l’image trois. Après les flèche droite (pour l’image une) et gauche (pour l’image deux) sont la pour nous faire revenir a l’image de départ.

Passons à la navigation de second niveau et à l’interactivité. Sur l’image une ce situe deux autres boutons un sur le patient en chemise blanche qui nous renvoie a l’image quatre ci-dessous sur cette image une menu en bleu apparait en fondu avec plusieurs texte qui sont en faite des questions/réponses avec le patient et lance chacune une animation. Le dernier bouton sur le bloc ipss devant le patient avec la photo d’un terrain de golf lance l’animation qui ce trouve en image cinq avec un effet qui écrit les chiffres en direct pour rajouter un peut de vie a cette simple image.

36
36

Toujours sur la navigation de deuxième niveau, sur l’image deux ce situe un bouton qui est en réalité le lit du cabinet qui renvoie vers l’image six qu’on peu voir dessous dans celle-ci ce trouve un menu avec plusieurs boutons ainsi que des instruments de mesures dans le cabinet en surbrillance bleu qui forme quant a eux le troisième niveau de navigation que je ne détaillerais pas car il est beaucoup trop lourd et n’importe pas de réel détail indispensable à la compréhension du fonctionnement de ce Serious Game. Et pour en terminer avec l’explication des différents niveaux de navigation on retrouve l’image sept ci-dessous en cliquant sur le tiroir bleu ou ce trouve le dossier rouge dans l’image trois.

retrouve l’image sept ci-dessous en cliquant sur le tiroir bleu ou ce trouve le dossier rouge
Voici donc représenter le principe des Serious Game réalisé dans la société Vivactis Multimédia. Celui

Voici donc représenter le principe des Serious Game réalisé dans la société Vivactis Multimédia. Celui représenté dans cette fiche est le deuxième Serious Game que j’ai eu la chance de programmer lors de mon stage qui est soit dit au passage plus aboutie que le premier qui servais d’exemple épuré pour montre lors des visites des clients pour essayer de leur vendre ce genre de projet.

C’est pour moi le projet dont je suis le fière car il a été programmé entièrement par mes soins et je suis vraiment satisfait du rendu final de plus il servira pendant plusieurs année au commanditaire pour ses conférences à travers la France.

Les autres projets

Lors de mon stage j’ai eu la chance de ne pas travailler uniquement sur les projets que je vous ai déjà présenter plus haut dans les différentes fiches. J’ai aussi pu travailler sur un logiciel de calcul des rythmes cardiaux vasculaires déjà réalisé par un autre stagiaire appelé DEP&CONTROL déjà pour le remettre au gout du jour et enlever quelques imperfections qui pouvaient gêner la navigation.

Il m’a aussi été confié énormément de petites missions de retouches ou de création d’images pour d’autre projet déjà en cours dans la société ce qui m’a permis de faire un plus large tour d’horizon des activités de chacun chez Vivactis Multimédia.

Et enfin, j’ai travaillé comme baptême du feu donner par mon tuteur dés le début de mon stage sur un parseur XML en flash qui avait pour principal but de me tester et de me former plus en profondeur sur les logiciels SwishMax3 et Mdm Zinc Builder 3.0.

pour principal but de me tester et de me former plus en profondeur sur les logiciels

Cette première image montre comment le programme demandais a l’utilisateur un nom de projet pour ensuite créer a la racine de l’application un dossier portant ce nom avec le code AS2 et Zinc suivant :

un dossier portant ce nom avec le code AS2 et Zinc suivant : Second page permettant

Second page permettant de créer des diapositives en XML en entrant un numéro de face (Qui n’autorise que les chiffres de 0 à 5 car réalisé pour une visionneuse sous forme de cube 3D) et un nom d’image qui correspond a cette diapositives.

à 5 car réalisé pour une visionneuse sous forme de cube 3D) et un nom d’image

Ce qui donne en termes de code sur le bouton « suivant » ceci :

donne en termes de code sur le bouton « suivant » ceci : Et sur le

Et sur le bouton quitter le corps de la programmation qui fabrique le fichier XML dans le dossier préalablement crée :

sur le bouton quitter le corps de la programmation qui fabrique le fichier XML dans le

Résultat final sous forme de code XML :

Résultat final sous forme de code XML : L’id est en faite le numéro de la

L’id est en faite le numéro de la diapositive générer automatiquement par le programme ainsi que la suite suivant et précédente qui sont représenté en XML par <right id_slide= ‘’ ‘’> et <left id_slide= ‘’ ‘’>, face_num correspond au numéro de face rentrer par l’utilisateur entre 0 et 5 pour l’emplacement sur le cube 3D et img=’’ ‘’ correspond au nom de l’image rentrer par l’utilisateur.