Rapport de stage - .Rapport de stage Développement d ... maître de stage, et M. Bruno Beaufils,

download Rapport de stage - .Rapport de stage Développement d ... maître de stage, et M. Bruno Beaufils,

of 32

  • date post

    15-Sep-2018
  • Category

    Documents

  • view

    221
  • download

    0

Embed Size (px)

Transcript of Rapport de stage - .Rapport de stage Développement d ... maître de stage, et M. Bruno Beaufils,

  • Rapport de stageDveloppement dune plateforme de rseau social

    Alexandre DEMODE

    Licence Professionnelle SIL DA2IIUT A

    Universit Lille 1Avril - Juin 2014

  • Remerciements

    Je tiens remercier MM. Benot Thieffry et Mathieu Froidure de mavoir permis deffectuer mon stage ausein de leur quipe. Equipe que je remercie galement pour son accueil, sa bonne humeur et ses conseils durantces trois mois.

    Merci galement M. Michel Hol, matre de stage, et M. Bruno Beaufils, tuteur de formation, pour leursretours et leur temps accord au cours du stage.

    1

  • Rsum

    Mon stage de fin de Licence Professionnelle SIL DA2I (Systmes Informatiques et Logiciels, option Dvelop-pement et Administration de site Internet et Intranet) sest droul au sein de lentreprise Urbilog Roubaix(puis Villeneuve dAscq, aprs dmnagement). Lentreprise a fait de laccessibilit son coeur de mtier et d-veloppe, entre autres, le logiciel expertfixer. En version 1 lors de mon stage, cest un outil danalyse et dauditde site Web qui permet dobtenir un rapport des points amliorer pour arriver un niveau daccessibili-t correspondant au rfrentiel souhait. Durant ces trois mois de stage, jai intgr lquipe de recherche etdveloppement (R&D) qui met au point expertfixer depuis plusieurs annes.

    Ma mission : dvelopper une plateforme de rseau social autour dexpertfixer. Le rseau aurait, terme, pourbut de permettre la collaboration sur les audits dexpertfixer ainsi que le partage dexprience entre entreprisesautour de la problmatique de laccessibilit numrique et tout ce que cela engendre.

    Mots-cls : API, REST, composant, accessibilit, ACL, collaboration, R&D.

    Abstract

    My internship Professional License SIL DA2I (Computer Systems and Software Development and Adminis-tration of Internet and Intranet option) took place within the Urbilog company at Roubaix (Villeneuve dAscqafter removal). The company has made access its core business and development, and especially, expertfixersoftware. In first version during my internship, it is an analysis and audit website tool to get a report withpoints to improve to reach an accessibility level corresponding to the desired reference tool. During these threemonths of internship, I joined the research and development team which develops expertfixer for several years.

    My mean mission has been to develop a social networking platform around expertfixer. The network would,eventually, to enable collaboration on expertfixer audits and sharing of experiences between companies aroundthe issue of digital accessibility and all it engenders.

    Keywords : API, REST, component, accessibility, ACL, collaboration, R&D.

    2

  • Table des matires

    1 Introduction 4

    2 Lentreprise : Urbilog 52.1 Prsentation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 52.2 Activits . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 6

    2.2.1 Accessibilit numrique . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 62.2.2 Dveloppement Web . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 72.2.3 Applications mobiles et Web mobile . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 72.2.4 Rseau . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 72.2.5 Recherche et dveloppement . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 7

    2.3 Produits . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 7

    3 Le projet 93.1 Prsentation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 93.2 Objectifs . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 93.3 Outils et technologies . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 9

    3.3.1 Environnement . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 93.3.2 Ct serveur (back-end) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 103.3.3 Ct client (front-end) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 123.3.4 Les extensions Chromium . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 12

    4 Ralisation du projet 144.1 Analyse . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 14

    4.1.1 Etude de lexistant : expertfixer . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 144.1.2 Runions . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 144.1.3 Prototypage, mthode agile . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 154.1.4 RESTful . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 15

    4.2 Dveloppement . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 154.2.1 Architecture . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 154.2.2 Base de donnes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 164.2.3 Gestion des utilisateurs . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 174.2.4 Routage . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 184.2.5 Droits . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 184.2.6 Tests unitaires . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 204.2.7 Interface de lapplication . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 21

    4.3 Comptences acquises . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 22

    5 Conclusion 24

    3

  • 1 Introduction

    Le sujet de stage tudi vise dvelopper une plateforme de rseau social qui sera propose sous forme dunSaaS (Software as a Service, logiciel en tant que service) aux entreprises utilisant expertfixer. Le fait de savoirque la plateforme sera uniquement hberge et gre par Urbilog a laiss le champ libre en terme de choix detechnologies et de langages. Cest dun commun accord que node.js a t choisi comme base du systme.

    Les objectifs initiaux de ce projet pour le stage taient les suivants :

    me familiariser avec lco-systme node.js qui mtait totalement inconnu lors de mon arrive ;

    appliquer les connaissances acquises au cours de ma formation un projet rel de faon mieux comprendreleurs intrts et bnfices ;

    crer une application accessible.

    Jai galement souhait dcouvrir les autres activits de lentreprise pour mieux comprendre son fonctionne-ment et ses principes. Jimaginais relativement bien ce qutait le dveloppement mais ne voyais pas exactementce qutait la R&D. Ce stage maura permis de le dcouvrir.

    Je commencerai par prsenter Urbilog, son organisation, ses activits et ses produits.

    Jaborderai ensuite le projet, lenvironnement et les outils de travail que jai utilis pour construire cetteapplication.

    Enfin, jexposerai plus en dtails la ralisation mme du projet, ainsi que les difficults rencontres mamenant rsumer les comptences acquises durant ce stage.

    4

  • 2 Lentreprise : Urbilog

    2.1 Prsentation

    Histoire de lentreprise

    Urbilog est une SAS1 cre en 1995. Dun petit restaurant proche de la cit universitaire de Lille 2, il a voluau fil des annes jusqu se reconvertir, en 1998, en une socit concentre et spcialise autour de laccessibilitnumrique qui est alors trs peu en vogue. cette poque, lInternet nest que balbutiant et les investisseursne croient pas aux projets qui y sont lis, et cest notamment le cas dUrbilog qui a eu bien du mal dbuterfinancirement parlant.

    Aujourdhui, Urbilog est une entreprise reconnue dans son domaine de prdilection et travaille avec les plusgrands groupes franais : Vivendi, Bouygues, Orange, Auchan ou encore des organisations publiques telles quela Bibliothque nationale de France (BnF).

    Composition

    Lentreprise est compose de 12 salaris, dont voici lorganisation :

    Fig. 1 : Organigramme de lorganisation dUrbilog

    1SAS : Socit par Actions Simplifies

    5

  • Chiffres cls

    Partant dun capital de 120 000 peu aprs leur reconversion de 1998, Urbilog atteint aujourdhui un capitalestim 220 000 . Lentreprise ralise un chiffre daffaire annuel denviron un million deuros.

    2.2 Activits

    Urbilog a su voluer au fil des annes, a grandi et propose aujourdhui plusieurs services ayant tous lacces-sibilit comme centre dintrt.

    2.2.1 Accessibilit numrique

    Quest-ce que laccessibilit numrique ?

    Laccessibilit numrique est le fait de permettre toute personne dutiliser, comprendre et interagir avec lesupport numrique en question. Il peut sagir dun site Web, une application sur smartphone ou tablette, dunebook ou encore de simples documents textes qui doivent tre enrichis pour tre compris par certaines personnesayant perdu la vue ou loue.

    Le rle de laccessibilit numrique au sein Urbilog

    Cest le cur de mtier, mais surtout la grande spcialit et lexpertise dUrbilog. Il sagit dtudier lesproblmatiques daccessibilit au niveau technique (contrastes des couleurs, tailles de polices dcriture, textesalternatifs, etc.) qui sont quelques critres parmi des centaines dautres. Ces critres permettent dvaluer laqualit dun site Web ou une application en terme daccessibilit afin de rdiger des rapports aux quipestechniques concernes. Ces dernires devront alors mettre jour leur production.

    Services proposs autour de laccessibilit

    Les audits sont une par