Tous les talents, plus le vôtre!

Transcription

1 Tous les talents, plus le vôtre! Stages

2 Introduction p. 3 Postuler chez Aubay p. 5 Nos offres de stages au sein des différentes directions p. 6 Qualité & Technique p. 6 Cellule Innovation p. 16 Aubay Business Consulting p. 26 Finance p. 30 Communication p. 31 Infrastructure & Production p. 33 Le challenge «Aubay j y vais!» p. 38 A propos du Groupe Aubay p. 39 Sommaire - 2

3 Tous les talents, Plus le vôtre Aubay est le lieu idéal pour démarrer votre vie active de consultant ou d ingénieur. Le principal avantage d effectuer un stage au sein d une société de services comme Aubay réside dans la variété des missions proposées. En moins de cinq ans, un jeune diplômé peut découvrir plusieurs secteurs d activité et approfondir de nombreuses compétences technologiques et métier : un socle d expérience capital pour bâtir la carrière de son choix. En stage ou en alternance chez Aubay, vous serez encadré par un ingénieur confirmé et intégré au sein de l équipe en charge du projet. Tous nos moyens techniques sont mis à votre disposition afin de vous offrir le meilleur environnement d apprentissage. Chacun de nos stages durent de trois à six mois Et en dernière année, lorsque les objectifs de stage sont atteints, c est l embauche! Introduction - 3

4

5 Postulez chez Aubay et offrez-vous une formation complémentaire de qualité Aubay propose aussi bien aux ingénieurs expérimentés qu aux étudiants et aux jeunes diplômés, des missions variées et in fine une formation complémentaire à leur cursus scolaire. Découvrez vite nos nombreuses offres de stage orientées développement, gestion de projets, organisation, réseaux ou encore innovation Pour postuler, il vous suffit d envoyer votre candidature : Par courrier* à : Aubay - Service Recrutement 13 rue Louis Pasteur Boulogne Billancourt Par * à : recrutement@aubay.com Sur notre site internet : À la rubrique Recrutement, en répondant en ligne à l offre choisie Pour tout autre information : Tél. : Et suivez-nous @Aubay_DQT * n oubliez pas d indiquer la référence de l offre Postuler chez Aubay - 5

6 DEVELOPPEMENT MOBILE Dans le cadre des travaux menés au sein de notre Direction Technique en vue de constituer un offre industrialisée autour de développement d applications pour smartphone (iphone, Androïd, surface) et tablette (ipad, Androïd), nous recherchons plusieurs stagiaires qui auront en charge une partie des travaux. Au cours de votre stage, vous interviendrez, avec l encadrement de nos experts dans ce domaine, sur la réalisation de travaux visant à valider les choix technologiques et leur industrialisation au travers de la mise en œuvre des outillages, de leurs documentations et de la réalisation d applications qui serviront de démonstration. Ces applications reposeront sur des cas concrets tels que : le recrutement, la gestion des collaborateurs d une ESN, le suivi commercial et la communication interne. Durant cette période, nous vous donnerons la possibilité d affirmer et de développer vos compétences tant méthodologiques (conduite de travaux, normes et méthodologies, rédaction, etc.) que technologiques. Et tout cela sur des sujets aussi variés que : HTML5, CSS3, JavaScript, XML, JSON, JQuery, JQTouch, WebKit, PhoneGap, les langages spécifiques aux mobiles (Objectif C, Android SDK). Référence de l offre : DT/MBL Nombre de stages à pourvoir : 5 Qualité & Technique - 6

7 RASPBERRY Dans le cadre des travaux R&D menés au sein de notre Direction Technique, nous recherchons des stagiaires qui devront exploiter le boîtier Raspberry à des fins réseau/sécurité. Ce boîtier, très novateur dans son approche, offre une palette très vaste de possibilités et d usages. Le but du stage est d identifier, au travers d une première recherche, les différentes utilisations qui en sont faites, et de détecter une utilisation qui n en est pas encore faite. En se démarquant ainsi de l état de l art, vous serez confronté à des problématiques de performances et de viabilité du service proposé. Les pistes actuellement envisagées, et qui seront figées à l issue de la 1 ère recherche, sont : La réalisation d une sonde réseau à même, lors de son branchement sur un réseau Ethernet, de snifer les trames et d en constituer un rapport. La réalisation d un outil de recherche de faille, sur le même principe que le précédent, mais orientant les recherches sur le craquage de méthodes d accès relevées sur le réseau. La réalisation d une borne wifi sécurisée, c est-à-dire ne permettant que certains protocoles, à partir de certaines machines, dans certaines conditions que les bornes hardware existantes ne permettent pas. Vous pourrez aussi participer à la définition d une utilisation supplémentaire. Vous serez amené à comprendre l environnement technique au travers d une recherche bibliographique (état de l art). Puis vous participerez au choix des composants physiques et logiciels. Enfin vous réaliserez une maquette. Environnement technique : Linux (administration et shell-script), protocoles réseau, développement (shell-script, ou autres(python )) Référence de l offre : DT/RBY Nombre de stages à pourvoir : 2 Qualité & Technique - 7

8 BABY-FOOT Dans la cadre de nos travaux de R&D, nous avons développé une première version d une application d analyse d un match de baby-foot. Cette application repose sur les technologies de Computer Vision et de réalité augmentée pour analyser la vidéo (en direct ou en différé) d un match de baby-foot afin de déduire les buts, les fautes et les actions qui ont lieu pour gérer automatiquement le score, et alimenter les statistiques de match sur un serveur qui conserve les matchs passés et leurs résultats. Pour réaliser cette application, les technologies retenues ont été : OpenCV (traitement d image et de vidéo et surimpression d image), Python (développement du client lourd avec PyQT pour la partie GUI), Django/Python (développement de la couche serveur). Devant le résultat probant de cette version, nous avons décidé de poursuivre les travaux afin de la finaliser et de la compléter dans l objectif d en faire une application packagée qui sera diffusée en dehors de Aubay sous forme d application open source. Pour cela, les travaux à mener sont principalement les suivants : Compléter la couche d analyse des vidéos afin de pouvoir détecter de nouveaux mouvements qui permettront de mettre en œuvre de nouvelles règles pour la détection des fautes et/ou des buts (ex : détection des roulettes, affinage du calcul de la trajectoire des balles pour détecter les trajectoires courbes). Programmation Python et OpenCV. Compléter la couche moteur de règles afin de détecter de nouveaux types de fautes et de déclencher l acquisition et la transmission d information complémentaire pour l alimentation des statistiques du match. Mettre en œuvre une couche streaming vidéo permettant, en plus des statistiques d un match, de le diffuser sur une page web (soit en différé, soit en temps réel) et d enregistrer sur le serveur la vidéo de celui-ci. En complément, le stage comportera aussi : la simplification de l interface du client lourd, le passage sous une base de données MySQL du stockage des matchs, la gestion des accès à l application web. Mots-Clés : traitement d image, traitement de vidéo, reconnaissance de forme, reconnaissance de mouvement, streaming vidéo, OpenCV, Python, C/C++, WebKit, HTML5, JavaScript, json Référence de l offre : DT/BBF Nombre de stages à pourvoir : 4 Qualité & Technique - 8

9 APPLICATION INTERNE DE GESTION DU TEMPS DE TRAVAIL Sous la responsabilité de la Direction Technique, et en interaction avec les services des Ressources Humaines et du Contrôle de Gestion, vous serez amené à développer une application interne relative à la gestion du temps de travail au sein de la société. Dans ce cadre, vous piloterez l ensemble des phases du projet : recueil des besoins ; rédaction du cahier des charges ; développement et recette ; déploiement ; formation des utilisateurs. Vous serez confronté à un environnement JAVA/MYSQL, jquery, html5, maven. Vous devrez également comprendre les enjeux du projet afin d être force de proposition tant sur le plan technique que fonctionnel. Référence de l offre : DT/RHCDG Nombre de stages à pourvoir : 3 Qualité & Technique - 9

10 OUTIL PLANNING Nous avons développé une application client-serveur permettant à la direction opérationnelle de suivre l affectation de ses collaborateurs en prestation. Cette application doit évoluer et nécessite le développement de nouvelles fonctionnalités, notamment en l interfaçant avec d autres référentiels de la société. L'application, à terme, doit devenir un réel CRM orienté ESN. Dans ce cadre, vous aurez pour mission de : bien comprendre le fonctionnement de l existant ; recueillir les nouveaux besoins exprimés par la Direction Générale ; réaliser lanouvelle application ; réaliser les tests techniques ; suivre la mise en place et la phase de recette. Ce stage vous apportera l expérience d un projet de bout en bout, du cahier des charges à la recette, l expérience de la relation avec différents interlocuteurs (DG, experts techniques, utilisateurs, etc.) et l utilisation de la technique dans un cadre professionnel pour un projet réel. Environnement technique : SI interne Java/JEE, html5, hibernate, maven, ant, ajax, jquery, intégration continue. Référence de l offre : DT/CRM Nombre de stages à pourvoir : 4 Qualité & Technique - 10

11 APPLICATION RECORD Dans le cadre de l activité R&D de notre pôle architecture, nous avons développé un outil MVC de gestion des candidatures et de suivi de l activité recrutement. Cette application est à destination des équipes recrutement et commerciales, elle permet de saisir des données, d échanger des s, d émettre des propositions/contrats, de centraliser et d automatiser les tâches. Dans ce contexte, vous travaillerez en interaction avec la Direction Recrutement et participerez à l ensemble des phases d un projet. Pour mener à bien ce projet, vous devrez: bien comprendre le fonctionnement de l existant ; recueillir les nouveaux besoins exprimés par la Direction Générale ; réaliser lanouvelle application ; réaliser les tests techniques ; suivre la mise en place et la phase de recette. Les évolutions attendues de ce produit sont nombreuses : indexation des CV, gestion des rappels, intégration avec le SI Aubay, module de statistiques, etc. Environnement technique : Java/JEE, Spring, xml, xhtml, mysql, jquery, kendoui, modèle MVC, Eclipse Référence de l offre : DT/CV Nombre de stages à pourvoir : 4 Qualité & Technique - 11

12 URBANISATION & DECISIONNEL Dans le cadre des travaux menés au sein de notre Direction Technique en vue d urbaniser le SI applicatif, nous recherchons plusieurs stagiaires qui auront en charge une partie des travaux. Au cours de votre stage, vous interviendrez, avec l encadrement de nos experts dans ce domaine, sur la réalisation de travaux visant à valider les choix technologiques et leur industrialisation au travers de la mise en œuvre des outillages, de leurs documentations et de la réalisation d applications qui pourront aussi servir de démonstration. Cette urbanisation très concrète permettra de standardiser les échanges entre les applications faisant partie de notre SI au travers d une couche middleware qui sera constituée d outils de types ESB, ETL, EAI et éventuellement DataQuality. Cette couche middleware devra répondre aux besoins standards d interopérabilités de nos applications cœurs de métiers (gestion des ressources humaines, gestion des missions, gestion des CV, gestion des authentifications et habilitation) et ce malgré l hétérogénéité des technologies sur lesquelles reposent ces solutions (Java, PHP, MySQL, Oracle, Active Directory, progiciels). Le stage commencera par une étude de besoins, et la définition de nos standards d échange (gouvernance SOA, règles d urbanisation). A partir du résultat de cette première phase une étude des solutions du marché sera à mener pour identifier les solutions répondant à nos besoins. Cette étude du marché devra aboutir sur une préconisation d architecture de notre futur middleware et la réalisation d un POC devant valider cette architecture et permettre de compléter nos règles d usage de cette plateforme (normes, gouvernance, etc.). Il se terminera par la mise en production des composants middleware et l instanciation des connecteurs nécessaires. Durant cette période, nous vous donnerons la possibilité d affirmer et de développer vos compétences tant méthodologiques (conduite de travaux, normes et méthodologies, rédaction, etc.) que technologiques à travers l étude de solutions du marché (Talend ETL, Talend ESB, Mule ESB, Apache ServiceMix) et l utilisation des langages et des normes standards (Java, Php, WebService, HTML5, CSS3, JavaScript, XML, JSON, etc.). Référence de l offre : DT/BI Nombre de stages à pourvoir : 2 Qualité & Technique - 12

13 PMO Il existe un programme «AUB ENERGY», il s agit d un programme d amélioration de nos pratiques de développement logiciel, incluant la conduite de projet, pour disposer de procédures et supports outillés. Nous sommes certifiés CMMi niveau 2, et nous sommes en phase de préparation d une certification de niveau 3. Afin de définir, d étendre et de pérenniser ces pratiques, nous avons mis en place au sein de la Direction Qualité une cellule PMO transverse. Cette cellule a deux objectifs : Définir des nouvelles pratiques et recueillir les besoins des équipes de développement. Seconder les chefs de projet dans la pratique de ces procédures. Dans ce cadre, vous devrez : Vous immerger dans le programme d amélioration, participer aux rencontres avec les chefs de projet et les directeurs de projet, avec les ingénieurs qualité. Rédiger des spécifications de solutions et gérer leur validation. Sélectionner des outils open source, ou réalisés dans un contexte SCRUMS. Intégrer et appliquer sur des projets pilotes. Déployer des solutions en direction de AUBAY TEAM TOOLS*. Ce stage vous apportera l expérience d un projet de bout en bout, du cahier des charges à la recette, l expérience de la relation avec différents interlocuteurs, l application de la technique dans un cadre professionnel pour un projet réel. Environnement technique : méthodologies et pratiques de développement CMMi, logiciels open source, Joomla, SGBDR, NTIC (*) AUBAY a créé un outil collaboratif AUBAY TEAM TOOLS, pour assurer la communication interne (au sein de l équipe Aubay) et externe (avec le client) de chaque projet. Les outils que vous créerez seront amenés à utiliser cette infrastructure. Référence de l offre : DQ/PMO Nombre de stages à pourvoir : 1 Qualité & Technique - 13

14 AUBAY TEAM TOOLS Cet outil collaboratif a été créé pour répondre à différents objectifs : Etayer la communication entre un client et Aubay dans le cadre d un centre de services. Favoriser la communication interne entre nos différentes équipes. Cet outil s appuie en partie sur des briques open source existantes (Mediawiki, Mantis, Jyraphe, Joomla, Mollify, etc.) et fournit une authentification unique et une unification des bases de données. Actuellement en version 4.1, cet outil doit à présent faire face aux nombreuses demandes d'évolution : Ajout de briques supplémentaires telles que vidéoconférence, mur (ex : Facebook), gestion de configuration, etc. Mise en place d'une interface d'administration unique. Ce stage vous apportera l expérience d un projet de bout en bout, du cahier des charges à la recette, l expérience de la relation avec différents interlocuteurs (DG, experts techniques, utilisateurs, etc.), l utilisation de la technique dans un cadre professionnel pour un projet réel. De plus, vous participerez aux réponses à appel d offre en lien direct avec le Directeur Technique. Environnement technique: Logiciels Open-source, Joomla, SGBDR, NTIC (*) AUBAY a créé un outil collaboratif AUBAY TEAM TOOLS, pour assurer la communication interne (au sein de l équipe Aubay) et externe (avec le client) de chaque projet. Les outils que vous créerez seront amenés à utiliser cette infrastructure. Référence de l offre : DT/TTL Nombre de stages à pourvoir : 3 Qualité & Technique - 14

15 OUTIL DE GESTION DES RISQUES Le programme «AUB ENERGY» est un programme d amélioration de nos pratiques de développement logiciel, incluant la conduite de projet, qui permet de disposer de procédures et supports outillés. Nous sommes certifiés CMMi niveau 2, et en phase de préparation d une certification de niveau 3. Parmi les pratiques de gestion de projet du modèle CMMi, la gestion des risques permet au chef de projet d identifier puis d alerter au sujet d un risque, à savoir une opportunité ou une menace pour le projet. De ce constat, il peut être décidé de clore l alerte, ou bien de poursuivre par une réponse appropriée : plan d action, escalade Une évaluation du risque à posteriori, incluant les réponses apportées et leurs issues, permet enfin de capitaliser et d améliorer l efficacité du dispositif. De façon à outiller ce processus, vous devrez mener de A à Z la réalisation d une application de gestion des risques sous forme d un projet : Expression des besoins fonctionnels et techniques : workflow du risque, enregistrement, traitement et restitution, administration, choix du logiciel de développement, contraintes d'environnement et de technologie. Réalisation du cahier des charges fonctionnel et technique Développements et tests : réalisation du code, des tests unitaires, des tests d'intégration et techniques. Livraison de l'application : déploiement de l'outil au sein de l'environnement technique Aubay : AUB ENERGY, AUBAY TEAM TOOLS, etc. Cette application est à destination des chefs de projet et directeurs de projet, ainsi que de la Direction Qualité. Dans ce contexte, vous travaillerez en interaction avec ces acteurs, et participerez à l ensemble des phases du projet. Environnement technique : logiciels open-source, Joomla, SGBDR, NTIC Référence de l offre : RSK/DQ Nombre de stages à pourvoir : 1 Qualité & Technique - 15

16 Optimisation Expérience Utilisateur Dans le cadre de nos travaux d innovation et en vue d une offre, nous avons décidé de développer une solution pour optimiser l usage que font les clients d un ou de plusieurs sites web au travers des parcours clients. Cette solution doit permettre de : Récupérer les logs au niveau des sites web afin d en extraire les pages visitées, l ordre des visites, le temps passé sur chaque page et ceux avec la référence d un client. Stocker dans Neo4j (solution NoSQL) les informations extraites en les rendant anonymes pour pouvoir les exploiter. Fournir les algorithmes (basés sur la théorie des graphes) pour analyser les informations stockées afin d en extraire les pages les plus visitées (nombre d accès et temps moyen sur la page), les modes d accès à ces pages. Fournir une couche analytique permettant de visualiser le résultat de l analyse mais aussi de faire des recommandations d optimisation de parcours client (optimisation de la navigation et du plan du site). Une part importante du projet sera consacrée à la modélisation des parcours clients dans une approche graphe afin de pouvoir en faire l analyse au travers d algorithmes de recherche opérationnelle qui devront être optimisés. Concernant l interface web, celle-ci sera réalisée en HTML5 Responsive Design pour permettre un affichage multi-device (poste de travail, tablette, mobile) avec une couche serveur réalisée en JEE. L objectif de ce stage est donc la mise en œuvre d une V1 opérationnelle de cette solution et son déploiement en production au sein de notre SI. Technologies : JEE, Spring, CXF, XML, HTML5, JavaScript, CSS3, json, Tomcat, NoSQL, Neo4J Référence de l offre : INNOV6/PCLWEB Nombre de stages à pourvoir : 4 Cellule Innovation - 16

17 Form Knowledge Dans le cadre de nos travaux autour de la gestion des nouvelles IHM et des solutions de réalité augmentée dans une approche multi-device, nous avons décidé de mener une opération de R&D à travers des cas concrets afin d étudier les possibilités offertes par les technologies HTML5, CSS3, JavaScript, Canvas et WebGL dans une approche «réalité augmentée». Ce stage porte sur la réalisation d une application web capable de faire de la détection d éléments (formes au sein d une image). Cette détection repose sur : la prise d une image et son nettoyage (filtre, lissage, érosion, etc.) ; l analyse du contenu d une image afin de trouver les différents éléments la constituant ; l extraction de ses composants sur forme d objets ; l expression de ces objets sous forme de Point Of Interest (POI) ; la transmission de ces POI en temps réel au serveur pour comparer et alimenter une base d objets ; la récupération et l affichage en surimpression des objets reconnus. Ce traitement devra pouvoir se faire de façon itérative pour permettre à l utilisateur de valider et d affiner les reconnaissances faites. Ces itérations permettront de perfectionner au fur et à mesure l analyse de l image pour améliorer la reconnaissance faite et les POI détectés. De plus, la base de connaissance devra s appuyer sur une approche statistique afin de comparer une liste de POI transmise avec celles contenues dans la base des objets pour établir une proposition la plus juste possible et permettre de compléter, pour un objet donné, la liste des POI qui correspond à celui-ci. L objectif de cette approche statistique est aussi d optimiser au maximum les flux échangés, en permettant de faire une analyse de l image avec un nombre de POI détectés pour chaque forme/objet de plus en plus important. Les technologies à employer durant cette étude sont les suivantes : Web et traitement de l image : HTML5, JavaScript, CSS avec l utilisation de Canvas et WebGL. Serveur : le traitement d analyse statistique et de gestion de la base de forme seront à faire en Java JEE, le stockage de la base de forme fera l objet d une étude préalable pour trouver la solution optimale dans une approche NoSQL, la communication entre le navigateur et le serveur reposera sur les WebSocket afin d optimiser les flux. Mots-Clés : traitement d image, traitement de vidéo, reconnaissance de forme, reconnaissance d objet, HTML5, CSS3, JavaScript, Canvas, Web GL, Java, WebSocket, BigData Référence de l offre : INNOV3/RA1 Nombre de stages à pourvoir : 3 Cellule Innovation - 17

18 Drive with your hand Dans le cadre de nos travaux autour de la gestion des nouvelles IHM et des solutions de réalité augmentée dans une approche multi-device, nous avons décidé de mener une opération de R&D au travers de cas concrets afin d étudier les possibilités offertes par les technologies JTML5, CSS3, JavaScript, Canvas et WebGL dans une approche réalité augmentée. Ce stage consiste à réaliser en «client side» (full HTML5, JavaScript, CSS) une API JavaScript intégrable dans une application web pour permettre de gérer la navigation au sein de ce site web à partir de mouvements de la main. Pour cela, l API développée devra fournir un ensemble de fonctions de base associées à certains mouvements de la main (changement de page, utilisation d un lien, d un bouton, zoom, etc.) et permettre à son utilisateur d en déclarer d autres. L association d une fonction à un geste de la main pourra être paramétrée à partir d un fichier de configuration et d une IHM spécifique à la manipulation de ce fichier. Le cœur de l API se découpe donc en deux blocs majeurs : La gestion des gestes : qui passe par le lancement de la capture vidéo, le traitement des images, la reconnaissance de la main au sein de ces images, l analyse du mouvement de la main afin de déterminer le geste effectué (couple entre un mouvement et la position des doigts). La gestion du moteur d événements qui permettra de définir l événement lié à un geste. L événement étant une série d action JavaScript qui sera déclenchée. Ces actions pourront permettre de gérer/piloter le contenu et/ou la navigation au sein d un site web. Il s agira donc : soit de la gestion des événements détectés par le navigateur (ex : création d un événement onclick sur un lien ou un bouton) ; soit de la gestion du contenu et de son rendu par la manipulation des styles (ex : changement de la couleur d une police, mise en «display:none» d un contenu). Mots-Clés : traitement d image, traitement de vidéo, reconnaissance de forme, reconnaissance de mouvement, HTML5, CSS3, JavaScript, Canvas, Web GL. Référence de l offre : INNOV3/RA2 Nombre de stages à pourvoir : 1 Cellule Innovation - 18

19 Whiteboard Analysis Dans le cadre de nos travaux autour de la gestion des nouvelles IHM et des solutions de réalité augmentée, nous avons décidé de poursuivre une opération de R&D à travers des cas concrets afin d étudier les possibilités offertes par les technologies OpenCV, Python, C/C++ qui ont été identifiées lors d une première phase de R&D. Ce stage consiste à réaliser un client lourd et une couche serveur permettant de gérer le partage de contenu d un tableau blanc lors d une réunion entre intervenants à distance. L objectif ici est d aller plus loin qu un simple flux de streaming vidéo comme cela existe avec les applications de visioconférence. En effet, le but de notre application est de permettre une restitution intelligente du contenu du tableau blanc grâce à une analyse en temps réel de l image et au retraitement de celle-ci. Dans le but de pouvoir, en surimpression de l originale, afficher les formes reconnues et retravaillées. Et ceci afin d obtenir les textes, après un traitement de type OCR. Pour cela, le périmètre du stage couvre la mise en place de la partie client lourd et de la partie serveur. La partie client lourd doit être capable de : Faire l acquisition d un tableau blanc pour en analyser le contenu (reconnaissance de forme et de texte) et transmettre celui-ci au serveur dans un double flux (streaming de la vidéo et flux d information résultant de l analyse). Visualiser en direct et/ou en replay l enregistrement d une conférence en gérant là aussi les doubles flux (vidéo d origine, résultat de l analyse). La partie serveur devra : Permettre de gérer l enregistrement et le référencement d une conférence. Permettre la diffusion de la liste des conférences en cours ou en replay ainsi que la diffusion du flux d une conférence. Un des objectifs secondaires de ce projet est de faire en sorte que le résultat de l analyse faite côté client soit le plus léger possible pour pouvoir être transmis au serveur en limitant au maximum la taille des flux et donc de la bande passante nécessaire. Mots-Clés : traitement d image, traitement de vidéo, reconnaissance de forme, reconnaissance de texte, streaming vidéo et audio, OpenCV, Python, C/C++, Java. Référence de l offre : INNOV3/RA3 Nombre de stages à pourvoir : 4 Cellule Innovation - 19

20 FRAMEWORK HTML5 Dans le cadre de la mise en place de solutions innovantes de développement d application web permettant de répondre aux exigences actuelles que ce soit pour le grand public (B2C, etc.) ou des applications de gestion à usage interne ou externe (B2B) d une entreprise, nous avons décidé de mettre en place deux nouvelles usines de développement pour la réalisation de ce type d applications : Une usine de développement web qui doit permettre la création et le déploiement de la partie Cliente (navigateur) d une application web en respectant les standards HTML5, CSS3 (Media Query) et en s appuyant sur des bonnes pratiques telles que la notion de Responsive Design. Une usine de développement de services web JEE qui doit permettre la création et le déploiement de la partie Serveur d une application web en respectant les standards JEE et en s appuyant sur un ensemble de frameworks reconnus tels que Spring. Le présent stage porte sur l usine de développement web et de son framework HTML5 qui doit permettre d offrir une approche outillée et simple de mise en place d application web dans une approche Responsive Design (gestion multi-device PC, tablette, smartphone) tout en conservant l aspect accessibilité de l application. L objectif au travers de cette approche est de permettre une utilisation nomade des applications, qu elles soient à destination du grand public ou pour un usage intra-entreprise. Pour cela, le framework doit offrir les fonctionnalités suivantes : Gestion du contenu des pages par blocs de contenu (notion de FluidGrid). Ces blocs doivent pouvoir s adapter en fonction du type de devices utilisées tant sur leur taille, leur contenu, leur design que sur leur ordonnancement au sein de la page. Personnalisation par l utilisateur de sa page en décidant de conserver ou non un bloc de contenu, de changer l ordre des blocs affichés, de sélectionner la place occupée par un bloc. Afin d offrir ces possibilités à l utilisateur final, notre framework permet aux développeurs : Une gestion de la catégorisation des devices, basée sur les nouvelles fonctions CSS3 Media Query et javascrpit MatchMedia, permettant de manipuler le contenu en fonction de critères déterminants (tels que : taille de l écran, résolution, orientation, tactile ou non). Une prise en compte de la catégorie de devices intégrées au framework pour la manipulation de l affichage ou non d un bloc, de l ordonnance des blocs affichés, de l adaptation de la taille des blocs, des polices et des images, de la modification du rendu ergonomique d un composant fourni par le framework (tel que par exemple : le passage d un menu en accordéon à une select box). La mise à disposition d un ensemble de composants ergonomiques (UI Compoment de type : menu, entête, formulaires, tableaux, listes, etc.) assurant l accessibilité aux informations présentées par ce composant et étant capable de gérer la catégorisation de devices pour faire évoluer le rendu graphique et le contenu présenté. La mise à disposition d API techniques JavaScript et/ou CSS3 pour la simplification des développements en outillant entre autres les appels AJAX, la gestion des erreurs, la gestion des événements. Environnement technique: HTML5, CSS3, JavaScript, Responsive Design, MediaQuery, jquery, UI Compoment, APO, Eclipse, Maven, IDE, Code Generator Référence de l offre : INNOV2/FWHTML5 Nombre de stages à pourvoir : 4 Cellule Innovation - 20