Projet professionnel : Nex-U / Captez l'information à sa source | Equipe Mens Mundi | 2012

Equipe - Mens Mundi : Alice Bertrand, Dorothée de Suremain, Florian Morel, Phu Nguyen, Prestataire externe : Roland Dubuc
Projet professionnel : Nex-U : site d’informations en ligne et des tendances de l’information
2
Sommaire
Préambule
1. Note d’intention
a. Présentation du projet
b. Champ d'investigation
c. Objectifs pressentis
d. Cibles pressenties
e. Intérêts du projet
f. Premières pistes de réflexions
g. Organisation et rôle de chaque membre dans l’équipe
2. Equipe Men Mundi
a. Naissance du groupe
b. Présentation des membres
c. Répartition des membres
I - Positionnement
1. Objectif marketing
2. Mens Mundi
3. Charte éditoriale
a. Thèmes couverts
b. Sources
c. Hiérarchie de l’information
4. Système relationnel
5. Positionnement concurrentiel
a. Benchmarking
b. Analyse concurrentielle
6. Diagramme de SWOT
7. Valeurs ajoutées
II - Analyse fonctionnelle
Introduction
1. Récupération des flux
a. Flux provenant des journaux
b. Flux provenant des blogs
c. Flux provenant des pure players
d. Flux provenant des réseaux sociaux
2. Catégorisation des flux
a. Gestion du thesaurus
b. Indexation manuelle et automatique
3. Présentation de l’interface
a. Présentation générale
b. Espace Consultation
ba. Présentation des infos-bulles
bb. Liaison des infos-bulles
bc. Partage des infos-bulles
c. Espace utilisateur
ca. Moteur de recherche
cb. Critères d’affinage
cc. Timeline
cd. Explication des critères de recherche
d. Espace Nex-U
da. Infos chaudes et infos crédibles
db. Partage des infos chaudes et d’infos crédibles

3
dc. Proposition de flux
dd. Promotion “Offre Premium” et “Premium Pro”
de. Fan Page Nex-U
4. Ergonomie de la page d’accueil
a. L’espace utilisateur
b. L’espace consultation
c. L’espace Nex-U
5. Inscription de l’utilisateur
a. Avantages fonctionnels de l’inscription
b. Page Mon compte
c. Les comptes Premium
c.a Offre Premium
c.b Offre Premium Pro
c.c Graphiques des tendances
6. Cas d’utilisation
7. Back Office d’administration
a. Options générales
b. Gestion des flux
c. Gestion des mots-clés
d. Gestion des utilisateurs
e. Widgets
f. Formulaires
g. E-mailings
h. Bibliothèque de média
III - Analyse technique
1. Généralités
a. Arborescence
b. Structure et mise en forme
c. Récupération du contenu en temps réel
ca. Mise en application : Flux RSS
cb. Mise en application : API Twitter
cc. Cas particulier des réseaux sociaux
d. Base de données
e. Restrictions d’accès
ea. Cryptage des mots de passe
eb. Accès externe au site
ec. Accès interne au site
2. Spécifications détaillées
a. Inscription
b. Connexion et session
c. Interface
ca. Front office
caa. Espace utilisateur
cab. Espace de consultation
cac. Espace Nex-U
cb. Panneau utilisateur
cba. Données du compte
cbb. Gestion des flux favoris et recherches personnalisées
cbc. Graphes
cc. Backoffice d’administration
cca. Modification des paramètres de l’interface
ccb. Paramètrage de l’interface
ccc. Envoyer un email à tous les membres
ccd. Bibliothèque de média
cd. Emplacement publicitaires

4
3. Environnement
a. Configuration du système
b. Conventions de nommage
c. Typage des champs
IV- Charte graphique
1. Logo
2. Maquettes
a. Page d’accueil
b. Page de clic sur une info bulle
c. Pages mon compte
ca. Inscription
cb. Page connectée
cc. Page Mon compte > Mon profil
cd. Page Mon compte > Mes favoris
ce. Page Mon compte > Mes flux proposés
cf. Page Mon compte > Mes profils de recherche
cg. Page Mon compte > Mes alertes
d. Page des offres Premium
V – Plan de communication
1. Audience
a. Rappel de la cible
b. Le Marché
c. Estimations de l’audience Nex-U
2. Stratégie SMO
a. Le message
b. Quel intérêt ?
c. Plan de communication SMO
d. Activités du responsable social média
e. Intégration des outils de partage
3. Stratégie SEO
4. Stratégie de lancement
VI - Business plan
1. Business model
a. Année 1
aa. Services payants
ab. Prestations
ac. Financement communautaire et donation
ad. Subventions / Aides / Awards
ae. Prêts
b. Année 2
ba. Services payants
bb. Mobile - application payante
bc. Application desktop
bd. Display
2. Budget
a. Année 1
a.a Création de Nex-U
ab. Dépenses mensuelles
aba. Documentaliste
abb. Serveurs et infrastructures

5
abc. Paypal
abd. Campagne SEM
abe. Salariés
ac. Total des frais sur l’année +1
b. Année 2
ba. Applications mobiles
bb. Maintenance sur le site Nex-U
bc. Champs éditorial
bd. Frais d’infrastructure
be. Paypal
3. Bilan
a. Vente offres premiums et prestations
b. Campagne de communication
c. P&L
d. Chiffre d’affaire après impôts
VII - Perspectives et clés de succès
1. Clés de succès
2. Cycle de vie du projet
Annexes
I- Gestion de projet
1. Apport à l’équipe
2. Communication et organisation au sein de l’équipe
a. Réunions formelles / Débriefing
b. Outils de Google
c. Cacoo
d. Réunions informelles téléphoniques
3. Tâches élémentaires
4. Diagramme de Gantt
5. Quantification des heures de travail
6. Analyse des risques
II- Annexe juridique
1. Statut juridique et dépôt de marque
a. Rappel de l’agence
b. Dépôt de marque “Nex-U”
c. Déclaration du site Nex-U
2. Mentions légales
3. Conditions Générales d’Utilisation
a. Définitions
b. Modalité d’inscription
c. Données personnelles
d. Responsabilité
e. Durée
f. Modération
g. Droit d’auteur
h. Technique
i. Description des services Premium
j. Abonnement Premium et Premium Pro
k. Absence de droit de rétractation
l. Loi applicable et juridiction compétente

6
m. Propriété intellectuelle

7
Préambule
1. Note d’intention
Equipe Mens Mundi : Alice Bertrand, Dorothée de Suremain, Florian Morel, Phu Nguyen.
a. Présentation du projet
Perdu sous le flot d’informations des protestations internationales? Nex-U est la solution
pour votre recherche d’informations. Devenez acteur de votre actualité et captez
l’information à sa source. Sous la forme d’une interface en temps réel et communautaire,
elle met en commun des sources et évènements pour faciliter la recherche d’actualités
chaudes. Nex-U renforce la prise de conscience de l’internaute en le rendant acteur de son
canal d’information.
Nex-U est un plateforme d’information communautaire qui rassemble l’information de divers
médias (grands journaux, réseaux sociaux...). Centrée sur les derniers évènements
“chauds”, elle permet aussi de personnaliser sa recherche par critères (date, fiabilité, ...)
L’objectif de Nex-U est de devenir autonome en proposant à ses internautes d’estimer la
fiabilité d’une information ou de proposer de nouvelles sources d’information.
Nex-U dispose d’une visualisation graphique des flux d’information en temps réel, simple,
soignée, fluide et ergonomique pour accompagner l’utilisateur dans ses recherches.
Déclinable sur toutes plateformes mobiles (Smartphones et tablettes), elle répondra aux
besoins de l’internaute et l’accompagnera dans sa mobilité de tous les jours.
b. Champ d'investigation
La création d’une plateforme diffusant des flux d’information en continu et en temps réel
semble être la solution la mieux adaptée pour les besoins de notre cible. En effet, ils
souhaitent avoir une information chaude et simple d’accès.
c. Objectifs pressentis
Ce projet n’a pas été guidé par un commanditaire particulier. Cependant nous avons
préalablement étudié notre cible (ses besoins et ses habitudes de recherches d’information
sur le web) ainsi qu’analysé le marché actuel. Nous ne doutons donc pas de l’intérêt de
cette plateforme, de sa réussite et de son originalité.
Objectif : Cette plateforme donnera un nombre conséquent d’informations relayées sur les
protestations internationales, pour ce cas, provenant de différentes sources. Notre cible
pourra donc se faire sa propre opinion sur le sujet.
Limites :
• Ne pas avoir assez de sources différentes risqueraient de transmettre aux
internautes un même et unique message. Cela fausserait l’objectif principal de notre
projet : informer & se faire son propre opinion.
• Que l’aspect “communautaire” ne fonctionne pas poserait un problème pour juger de
la crédibilité des sources.
d. Cibles pressenties

8
• Notre cible principale se situe entre 18 et 45 ans, consommateur d’informations live
en ligne dont principalement les internautes intéressés par l’actualité internationale.
• Notre coeur de cible sont les “infos-addicts”, voulant connaître dans l’immédiat
l’information chaude de la seconde.
• Nous ciblerons secondairement les professionnels de l’information souhaitant
connaître les tendances de l’information en France.
e. Intérêts du projet
Pédagogique :
• Lors de ce projet, la première connaissance que nous avons mise en application est
la gestion d’équipe et du temps au vu de nos différents profils et de nos emplois du
temps respectifs et différents (entreprise).
• Nous avons mis en place les objectifs SMART pour la gestion et le bon déroulement
de la première partie du projet.
• Pour la première phase d’analyse et d’étude, nous avons suivi les conseils et
pratiques contenus dans les cours d’études qualitatives / quantitatives,
• Pour nos benchmarks et audits concurrentiels, nous avons suivi les exercices
pratiques que nous avons fait en classe pour réaliser ceux présents dans notre
projet.
Professionnel :
• Nous avons appris à nous organiser professionnellement en gérant en même temps
nos autres projets (projet de la formation du master, projet personnel et projet
d’entreprise)
• Nous avons réussi à mettre en exergue les critiques journalistes en se posant des
questions relatives à l’information sur le web, à l’accès à celle-ci, sa fiabilité et sa
catégorisation.
Personnel :
• Nous avons acquis une certaine culture sur le printemps arabe et les révoltes
internationales.
• Nous avons eu l’opportunité de rencontrer des professionnels de l’information
(rencontres online et offline)
f. Premières pistes de réflexions
Créer une interface qui rompt avec les habitudes du web (originale) et qui reste tout de
même ergonomique et utilisable pour d’autres sujets ou événements d’actualité.
L’objectif premier est de mettre en avant l’information et la rendre utilisable.
Bénéfices utilisateurs : avoir un détecteur qui met en avant les sujets (en les recoupant
avec différents articles en rapport avec ce sujet) plutôt que les sources (ce que font les
agrégateurs existants).
g. Organisation et rôle de chaque membre dans l’équipe
Alice : Manager de l’équipe - Directrice de projet
• gestion du planning, animation de l’équipe projet et cohésion de l’équipe,
communication interne, benchmarking et analyse de la concurrence

9
Dorothée : Directrice de création et de marketing
• zonning, storyboard et spécifications fonctionnelles, stratégie de communication
Florian : Chef de projet technique - business model
• spécifications techniques, business model et développement
Phu : Directeur artistique
• graphisme, design, ergonomie
2. Equipe Men Mundi
a. Naissance du groupe
En octobre 2011, l’équipe Mens Mundi voit le jour.
L’équipe est composée des personnes suivantes : Alice Bertrand, Dorothée de
Suremain, Florian Morel et Phu Nguyen. Ne nous connaissant pas tous en
début d’année, nous avons monté notre équipe par rapport à nos différents
profils : les connaissances, les compétences et les expériences que nous
avons acquises lors de nos études, stages et expériences professionnelles.
b. Présentation des membres
• Alice Bertrand : Directrice de projet
En tant que directrice de projet, Alice a pour principale mission la conduite de l’ensemble
des phases du projet ainsi que l’animation et la communication avec son équipe. Issu d’un
profil en communication et documentation puis d’une formation en gestion de projet, Alice a
reçu les compétences pour gérer une équipe ainsi que trouver les bonnes solutions pour
résoudre des conflits.
• Dorothée De Suremain : Directrice de création et de marketing
Ayant une forte expérience en tant que chef de projet en agence de communication,
Dorothée a su gérer des projets pour de gros clients en proposant des créations fiables,
durables et à la fois innovantes. Au sein de cette équipe, Dorothée se chargera
principalement de la conception graphique et ergonomique du projet.
• Florian Morel : Directeur technique
Issu d’un profil technique grâce à son DUT Informatique et ses multiples expériences
professionnelles, Florian s’est vu confier tout naturellement la partie technique du projet. De
la veille technologique à la proposition de technologies utiles, Florian a un rôle très important
pour la bonne réalisation et faisabilité du projet.
• Phu Nguyen : Directeur artistique et spécialiste en produits et technologies high-tech.
Passionné par les nouvelles technologies Geek et les produits High-tech, Phu a trouvé
rapidement sa place au sein de l’équipe en apportant une touche dynamique et pétillante au
groupe. Phu aura la principale mission de trouver des solutions modernes et fiables pour la
mise en place du projet ainsi que la réalisation graphique de celui-ci.
• Roland Dubuc : Prestataire en communication, en SEO et SMO.
Roland est arrivé au sein de l’équipe durant le mois de mai 2012. Ayant de fortes
compétences en stratégie de communication et de riches expériences en stratégie pour être
visible sur le Web, nous avons proposé à Roland de rejoindre notre groupe. Il est accueilli

10
en tant que prestataire externe qui aura pour objectif de faire connaître notre outil et de
communiquer avec notre public.
c. Répartition des membres

11
I - Positionnement
1. Objectif marketing
L’objectif marketing de Nex-U est d’offrir aux internautes un maximum d’informations
provenant de sources variées (blogs, réseaux sociaux, pure players, presse en ligne) sur un
évènement ou une information liées aux protestations, révoltes et événements
internationaux en temps réel. Il doit être un outil d’aiguillage permettant d'accéder à
l’information la plus récente afin de s’impliquer dans l’actualité, de la juger et d’évaluer sa
crédibilité.
Notre cible est représentée par la population française âgée de 18 à 45 ans. Le coeur de
cible est les infos addicts. Cette population est en permanence connectée sur le web et
principalement aux réseaux sociaux dans le but d’être la première à trouver et à diffuser la
dernière information chaude du moment.
• Les 18-45 ans représentent 2/3 des internaute français soit 63%
• Notre cœur de cible a majoritairement entre 25 à 35 ans et de la classe CSP+
• 92 % des français se connectent tous les jours sur Internet
• 64% utilisent Internet pour accéder à l’information
Cette cible a un fort besoin d’information et passent plus de 40h sur Internet par semaine.
L’offre sur Internet est dense : il existe des nombreux sites d’information (presse en ligne,
blogs, pure players, réseaux sociaux...) qui diffusent de l’actualité. Cependant, ces sites
restent orientés vers de l’information globale (non spécialisée) et l’internaute doit consulter
plusieurs plateformes ou déjà avoir une liste de sources prédéfinies pour suivre
convenablement l’information.
Le besoin qui se dégage pour notre cible est donc l’accès à une information spécialisée et
centralisée.
Pour répondre à ce besoin, nous avons choisi de concevoir une plateforme regroupant un
grand nombre de sources d’informations variées, centrées sur les protestations
internationales, permettant d’élargir son champ de vision et d’avoir l’information en direct sur
ces sujets. Pour s’adapter à la vitesse de propagation de ces évènements, cette plateforme
est mise à jour en temps réel.
2. Mens Mundi
Nous sommes une agence de services d’informations. Nous avons conçu un outil facilitant
la recherche d’information afin que l’internaute soit capable de créer et enrichir sa propre
information et son opinion. Cette plateforme innovante s’appuie sur des technologies
dynamiques qui correspondent au besoin d'instantanéité dont l’internaute est demandeur.
Nous ne souhaitons pas filtrer ni créer l’information, mais donner les outils nécessaires à
l’internaute afin que celui-ci développe sa recherche d’information et son implication dans
les événements.
3. Charte éditoriale
a. Thèmes couverts
Nex-U couvre l’intégralité des sujets d’actualité gravitant autour des protestations et
événements internationaux. L’interface reste neutre : Nex-U ne favorise pas une source ou

12
un sujet par rapport à un autre. Le but est de regrouper des informations récentes portant
sur un même événement.
Nex-U peut être commercialisé et adapté à tout sujet d’actualité, dans la mesure où il traite
d’évènements nationaux ou internationaux rassemblant suffisamment d’informations tout en
ayant une durée de propagation et de diffusion moyenne ou longue.
A titre de démonstration, nous avons choisi comme sujet d’étude le Printemps arabe afin de
développer notre solution.
En effet, le projet Nex-U a vu le jour au mois de Novembre 2011, période de manifestations
intenses liées au Printemps arabe. Ces manifestations ont permis à d’autres pays et
populations de se soulever contre le gouvernement. Notre choix s’est orienté vers ce sujet
qui est encore aujourd’hui d’actualité. Le traitement des informations liées à ces révoltes
soulevait différentes questions à propos des sources de l’information : comment vérifier une
source, comment se faire une idée réaliste sur ce qui se passe dans un pays donné... Nous
avons trouvé ce cas particulièrement intéressant pour notre solution qui recoupe des
informations provenant de différentes sources, mais aussi parce qu’il cible une population
très active et engagée.
b. Sources
La sélection des sources ne se fait pas au hasard : une étude de cas du sujet choisi est
indispensable afin de trouver les sources les plus adaptées au sujet. Cependant, les flux
présélectionnés ne suffisent pas à créer une information complète et précise, mais servent
de base à l’internaute utilisant Nex-U.
En effet, l’internaute à la possibilité de soumettre des nouvelles sources qui seront
modérées et validées par la communauté, afin de proposer de dégager la puissance
qualitative de l’information.
Nous proposons des sources de départ uniquement francophones afin de toucher un plus
large public et de donner une information accessible au plus grand nombre. Cependant, il
est tout à fait envisageable que l’internaute propose des flux dans un autre langage : ils ne
seront pas rejetés, mais signalés en tant qu’information en langue étrangère (pour utilisateur
averti ou polyglotte).
La liste exhaustive des sources de base dans le cas du Printemps Arabe est la suivante :
Grands journaux :
• Le monde
• Courrier international
• L'express
• Libération
• France 24
• Le nouvel observateur
• 20 minutes
• Reporters sans frontières
Réseaux sociaux :
• Facebook
• Twitter
Pure players :
• Slate
• Slate afrique
• Mediapart
• Rue 89
• Owni
• Huffington Post
Blogs :
• nawaat.org
• Afp Blog

13
Cette liste a été faite par rapport à notre première phase d’analyse sur la recherche
d’informations sur le Printemps arabes. De plus toutes ces sources possèdent une catégorie
“internationale” ou “Monde” qui cible notre sujet.
c. Hiérarchie de l’information
L’une des forces de Nex-U est son instantanéité : de ce fait, le principal critère de
hiérarchisation de l’information est temporel. Ainsi, les flux les plus récents sont mis en
avant. Dans un second temps, la popularité (nombre de dépêches, retweets...) d’une
information est un élément supplémentaire de classification.
Nex-U regroupe 4 diffuseurs d’informations : blogs, réseaux sociaux, presse en ligne et pure
players. Ces 4 types de contenus sont représentés au même niveau hiérarchique, afin de ne
pas influencer l’internaute dans sa sélection de source, mais sont tout de même identifiables
au sein de l’interface.
Afin de préciser sa recherche, l’internaute peut ordonner les flux selon différents critères,
tels que :
• pays et continents
• crédibilité (proximité/ pertinence / importance)
• les mots clés
• par diffuseurs d’information
4. Système relationnel
Le système relationnel de Nex-U est du one-to-many : c’est à la communauté que nous
faisons appel lors de l’estimation de la crédibilité d’une source ou de partage d’un flux
d’information.
5. Positionnement concurrentiel
Afin d’analyser au mieux le marché sur lequel nous voulons nous positionner, voici un
tableau récapitulant le benchmarking établi sur les sites de datavisualisation ainsi que nos
concurrents directs sur l’information du printemps arabe sur le web.

14
a. Benchmarking
> Le véritomètre par Owni : i-télé
http://itele.owni.fr/
Description : Explication graphique
journalière de la crédibilité des candidats
pour les Présidentielles 2012
Service(s) proposé(s) :
• Données sur les différents secteurs
sensibles pour les Elections 2012
(éducation, environnement...)
• Notation de la crédibilité des
candidats par rapport à leur discours,
passages à la tv...
• Classement quotidien des candidats
par rapport à leur taux de crédibilité
Insight consommateur (son besoin) :
• Trouver une information examinée et analysée
• Trouver une information différente que celles présentée dans la presse en ligne
Bénéfice pour l’utilisateur :
• La plateforme apporte un autre point de vue à l'internaute
Ce qui fonctionne :
• Des éléments visuels simple est compréhensible d ès le premier coup d’œil : des
graphiques et des courbes de tendance.
• Application simple et accessible de compréhension pour tous
Points d’amélioration :
• Qui note ?
• Quels sont les critères pour noter la crédibilité ?
Audience (visiteur unique sur la France) : 27K
> Newsmap
http://newsmap.jp/
Description :Aggrégateur
d'informations internationales en temps
réel
Service(s) proposé(s) : Toutes
l'informations des dernières heures
triées par thématiques, dates, pays etc
Trouver la dernière actu du moment
Bénéfice pour l’utilisateur : Vision générale de toutes les dernières actus pour un pays
Ce qui fonctionne : Choix de filtres multiples : thèmes, pays et par heures

15
Points d’amélioration : Pas de repère ou d'explication sur les sources, leur nature et leur
taille
Audience (visiteur unique sur la France) : Pas de données en France
> CNN Ecosphere
http://cnn-ecosphere.com/
Description : Visualisation des tweets
sur un événement (hashtag)
Service(s) proposé(s) : Sélection des
tweets en fonctions des thématiques
Naviguer dans une interface originale
Bénéfice pour l’utilisateur : Apprendre
à s’informer d'une autre manière
Ce qui fonctionne : Attractif et profondeur de la plateforme ce qui donne l'impression
d'avoir du contenu à l'infini.
• Difficile de naviguer
• Temps de chargement très long
• Outil davantage attractif qu'informatif
Audience (visiteur unique sur la France) : non reconnu sur Adplanner
> #SMWParis
http://labs.knowtex.com/smwparis/#/jou
r2
Description : Visualisation des tweets
sur un événement (hashtag)
Service(s) proposé(s) : Sélection des
tweets en fonctions des thématiques
Partager son expérience
Bénéfice pour l’utilisateur : Trouver des informations provenant d’internautes et de
sources directs
Ce qui fonctionne :
• Les tweets sont liés entre eux en fonction de leurs thématiques communes
• Tous les détails des tweets apparaissent dans une colonne à gauche bien séparé de
l’interface de visualisation

16
• Peu d'explication sur le mode d'utilisation de l'interface
• Peu intuitif
Audience (visiteur unique sur la France) : non reconnu sur Adplanner
> Discovr Music
http://itunes.apple.com/fr/app/discovr-music-
discover-new/id412768094?mt=8
Description : Application pour découvrir des artistes
musicaux
Service(s) proposé(s) : Les artistes sont
représentés sous forme de bulle. Ils sont liés
ensemble en fonction du style musical et des liens
entre eux. Il est donc facile de partir d'un artiste que
l'on connait d’en découvrir de nouveaux.
Insight consommateur (son besoin) : Trouver des artistes musicaux simplement en
fonction de ses goûts
Bénéfice pour l’utilisateur : Découvrir de nouveaux artistes
Ce qui fonctionne :
• Design simple mais efface
• Simple de navigation
• Fiche détaillée pour chaque artiste avec possibilité d'écouter ses musiques
Points d’amélioration : Appli réservée pour Iphone ou Ipad
Audience : 2K de téléchargement d'application
> Timeline British History
http://www.bbc.co.uk/history/interactive/timelines/bri
tish/index.shtml
Description : L'histoire de l'Angleterre sur une frise
Service(s) proposé(s) : Une timeline découpée en
plusieurs parties (différentes couleurs) parcourant
plusieurs points de l'histoire d'Angleterre
Insight consommateur (son besoin) : Visiter et
apprendre sur l'histoire d'Angleterre
Bénéfice pour l’utilisateur : Apprendre d'une manière interactive
Ce qui fonctionne :
• Timeline simple de navigation
• Bon repère grâce aux couleurs

17
• Possibilité de restreindre ses recherches en choisissant un pays
Points d’amélioration : Points d'information trop textuels et nombreux, pas assez de
visuels ou vidéos
Audience : non reconnu sur Adplanner
b. Analyse concurrentielle
> Intercative Timeline / The guardian
http://www.guardian.co.uk/world/interact
ive/2011/mar/22/middle-east-protest-
interactive-timeline
Description : Data visualisation sur une
information par rapport à une date et un
pays
Service(s) proposé(s) : L'application
de the Guardian propose à l'internaute
de visiter tous les différents
événements qui se sont déroulés durant
le Printemps arabe. Ces infos sont
triées en fonction d'un pays et d'une
date en offrant la possibilité de cliquer
dessus pour lire un article complet sur cette information.
• Trouver une information provenant d'une source fiable et crédible
• Avoir confiance en l’information transmise
Bénéfice pour l’utilisateur :
• Etre bien informé sur un sujet d’actualité
• Connaître la chronologie des événements
Ce qui fonctionne :
• Double navigation : par date et par pays
• L'application est clair et simple de navigation : un bouton pour avancer dans le temps
ou reculer
• Les informations sont très bien représentées par couleur et par pictogramme pour
différencier leur thème
• Aperçu sur la gauche lors du survol de la souris sur un événement
• Pas d'espace (moteur de recherche ou critère de sélection) pour faire une recherche
sur un événement précis
• Toutes les informations présentes proviennent d’articles du Guardian

18
> Timeline NPR
http://www.npr.org/2012/01/02/144489844/
timeline-the-major-events-of-the-arab-
spring
Description : Application d’une frise sur
l'actualité du Printemps arabe.
Service(s) proposé(s) : Frise mettant
bout a bout des articles sur l'actualité du
Printemps arabe sous forme
chronologique.
Insight consommateur (son besoin) : Trouver une information sur le printemps arabe
ordonnée et expliquée chronologiquement.
Bénéfice pour l’utilisateur : Etre bien informer sur un sujet d’actualité de manière scolaire.
Ce qui fonctionne :
• Bonne visualisation de l'information par un titre
• Court texte
• Insertion de visuels
• Difficile de navigation,
• Peu rapide,
• La timeline n’est pas assez fonctionnelle il n’y a pas de repère dans l'espace.
• Il n'y a pas de visualisation de données, ce sont simplement des articles à la suite
des autres.
• Pas de réel catégorisation de données: sur une événement 3 articles sont présents.
> Map of the Arab Spring par Tripline
& Newsmappers
http://tripline.net/trip/Map_of_the_Arab_
Spring_Protests-
2173004375451003A9ECA90105EA62
3D
Description : Data-map sur les
protestations du Printemps arabe.
Service(s) proposé(s) :
• Carte présentant les révoltes du Printemps arabe géolocalisées.
• Pour chaque révolte, il est possible d'avoir des informations, des photos et du son.
Insight consommateur (son besoin) : Trouver un information sur le printemps arabe
organisée par pays et villes.
Bénéfice pour l’utilisateur : Avoir un rapide aperçu des actualités par pays et villes.

19
Ce qui fonctionne :
• Présence de plusieurs médias : texte, photographies, visuels et son
• Forte mise en situation grâce à la charte graphique
• Géolocalisation dans l’espace
• Carte un peu trop statique
• Sources des informations Wikipédia
6. Diagramme de SWOT
Pour notre étude de marché nous avons réalisé une diagramme de SWOT précisant les
forces, les faiblesses et l’opportunités et les menaces de notre projet Nex-U par rapport au
marché :

20
7. Valeurs ajoutées
Les valeurs ajoutées de Nex-U repose sur quatre critères :
• Instantanéité : Nex-U récupére l’information chaude au moment où elle est émise et
de façon continue. L’internaute est ainsi tout informer de “ce qui se passe au
moment où ça se passe”.
• Centralisation : Nex-U rassemble les données provenant de supports différents
(réseaux sociaux, presse en ligne...) afin de les mettre en relief et de permettre
d’accéder à différents traitements de l’information et donc différentes visions.
• Visualisation : Nex-U propose à l’internaute une autre manière de s’informer.
L’information, son contenu et sa catégorisation (sources, importance, dates...) sont
mis en avant visuellement. La visualisation des données lui permet de l’aiguiller
d’une information à une autre. Cette solution lui permet de voir directement comment
l’information est représentée d’une source à une autre, d’un média à un autre sur un
thème donné.
• Information brute : Etant donné que l’information présente sur Nex-U est couverte
par de nombreux diffuseurs et de nombreuses sources d’information, le site n’oriente
pas l’usager vers une source par rapport à une autre. L’information apparaît t’elle
que nous la récupérons.
Ces quatre critères permettent à notre sujet, les protestations autour du monde, de se
démarquer et de se positionner de manière engagée sur Internet.

21
II - Analyse fonctionnelle
Introduction
Cette partie présente les spécifications fonctionnelles du projet Nex-U : site d’informations
en ligne et des tendances de l’information.
1. Récupération des flux
Pour agrémenter son contenu et ses informations en temps réel, Nex-U se base sur de la
récupération de flux. Ils proviendront de 4 diffuseurs d’informations différents :
• les journaux,
• les pure-players,
• les réseaux sociaux
• les blogs
a. Flux provenant des journaux
Nous avons sélectionné les flux provenant des journaux les plus consultés, selon notre
benchmark réalisé en première phase du projet, et comprenant une catégorie internationale
:
• Le monde
• Courrier international
• L'express
• Libération
• France 24
• Le nouvel observateur
• 20 minutes
• Reporters sans frontières
• Le parisien
Pour chacun de ces journaux, nous avons sélectionné les flux provenant de thématiques
“International” ou “Monde”. Tous les jours, les flux seront récupérés puis analysés
automatiquement afin de faire ressortir les mots-clés de chacun ce qui permettra de
catégoriser chacune des informations.
Exemple de flux :
Libération : Flux catégorie “Monde”
feed://liberation.fr.feedsportal.com/c/32268/fe.ed/rss.liberation.fr/rss/10/
Info : “L'armée syrienne bombarde à nouveau Rastane” du 24 mai 2012 à 10h32 sera
catégorisé dans par les mots-clès Syrie / Rastane /bombardement
b. Flux provenant des blogs
Afin de sélectionner nos sources provenant de blogs, nous avons décidé de reprendre le
“top” des blogs dans la catégorie “International” provenant du classement E-buzzing labs
(classement des blogs les plus consultés).
En supplément de cela et par le benchmarking effectué en première phase du projet, nous
avons fait une sélection de blogs sur lesquels il serait pertinent de reprendre le flux :
• nawaat.org
• Afp Blog

22
Par la suite, pour compléter cette liste de blogs, les internautes pourront nous soumettre
leurs propres sources de blogs (cf.Partie 2. d. dc. “Proposition de flux”).
c. Flux provenant des pure players
De la même manière que pour les journaux en ligne, nous avons sélectionné les pure
players les plus consultés selon notre benchmarking réalisé en première phase du projet :
• Slate
• Slate afrique
• Mediapart
• Rue 89
• Owni
• Huffington Post
d. Flux provenant des réseaux sociaux
• Twitter : Twitter est aujourd’hui un outil qui transmet instantanément “l’info chaude”
du moment. Nous privilégierons donc cet outil pour faire ressortir et déterminer nous
même les thématiques les plus chaudes en accord avec le sujet principal.
• Facebook : Sur Facebook, la mise en place de récupération d’informations est
différente que sur Twitter. En effet, beaucoup de pages, de groupes et de murs des
membres de cette plateforme sont aujourd’hui privés. Pour contourner ce problème
et récupérer les informations présentes sur ce réseau social, nous inviterons nos
internautes à se connecter à Facebook grâce à un “Facebook connect”. Cette action
nous permet de récupérer les flux de ses amis sur le sujet recherché ou toutes
autres informations en rapport avec le sujet recherché. Cependant, la limite de
Facebook et qu’il reste impossible d’accéder aux informations au-delà de son
réseau.
2. Catégorisation des flux
Pour catégoriser l’ensemble de nos flux, nous prévoyons de générer un thésaurus semi-
automatique pour le traitement des informations. Un thésaurus est un outil linguistique de
traitement documentaire qui permet de lier le langage naturel des utilisateurs et celui
contenu dans nos flux.
Cette technique permet de dépasser les limites du langage naturel français qui est très riche
mais qui est aussi souvent ambigu. Le thésaurus permet d’éviter les risques induits par les
synonymies, les homonymies et les polysémie présentes dans le langage naturel français.
Contrairement à un dictionnaire auquel il est souvent rapproché, un thésaurus ne fournit pas
ou très peu des définitions de termes mais il insiste sur la relation entre les termes et leur
sélection.
Dans notre cas, un thésaurus serait utile afin de lier les mots clés ensemble, de définir les
termes en cohésion ayant un même concept et définir les synonymies. En effet, puisque
Nex-U propose de lier les infos-bulles entre elle en fonction de leur ressemblance, ce
service sera nécessaire pour créer de bonnes liaisons.
a. Gestion du thesaurus
Notre thesaurus existe actuellement en version française mais comprendra par la suite des
termes en langues étrangères.
Au sein de notre thésaurus sera présent toutes les fonctionnalités d’un thésaurus générique
telles que :

23
• l’édition de listes de termes par ordre :
o alphabétique,
o permuté (permet de lister les différents concepts d’un mot, par exemple : le
mot “révolte” peut exprimer l’acte physique mais aussi la contradiction
psychique),
o hiérarchique (du plus général au plus spécifique),
• la gestion de relations des termes par :
o synonymie (signalé par la mention terme synonyme (TS)),
o de hiérarchie (signalé par la mention terme générique (TG)),
o d’association (signalé par la mention terme associé (TA)),
o de notes d’application (signalé par la mention note d’application (NA)),
• l’ajout de candidats descripteurs – les candidats descripteurs constituent une liste de
proposition de nouveaux termes qui pourront faire leur arrivé dans les mois à venir,
• la gestion des termes :
! remplacement d’un descripteur par un autre,
! l’ajout d’un descripteur,
! la modification d’un descripteur,
! la suppression ou l’ajout de relations entre descripteurs.
Cas de remplacement d’un ancien descripteur par un nouveau, dans l’évolution d’une
actualité par exemple : nul besoin de reprendre tous les flux un par un mais uniquement en
réactualisant automatiquement l’indexation du flux.
b. Indexation manuelle et automatique
Nos descripteurs composant notre thésaurus sont choisis grâce à la récupération
automatique de mots clés dans les flux qui sont sélectionnés pour la plateforme Nex-U.
Grâce à cette liste, un travail humain est nécessaire pour le lancement de la plateforme.
Organiser les mots clés hiérarchiquement ensemble et estimer quels sont leur termes
associés et leurs synonymes afin d’avoir un plan de classification complet et organisé est
indispensable.
Par la suite, les nouveaux mots clés seront ajoutés automatiquement dans les candidats
descripteurs mais cette automatisation sera vérifiée par des documentalistes une fois par
mois pour éviter toute confusion dans la listes de termes.
3. Présentation de l’interface
a. Présentation générale
Nex-U est une interface regroupant de nombreux flux d’informations mis à jour en temps
réel provenant de différentes sources. Dynamique, ergonomique et moderne, tout se passe
sur une même et unique interface actualisée en permanence.
Tous les flux récupérés par le site s’affichent au centre de la page, en fonction du moment
donné et de localisation. Cette première visualisation géo-localisée permet à l’internaute
d’avoir un rapide état des lieux sur l’information internationale du moment. Pour chaque
information publiée, diffusée et relayée une bulle apparaît sur le pays dont elle traite.

24
.
Ensuite, au clic sur une zone géographique, tous les flux récupérés par le site sur le pays se
grossissent au centre de la page, en fonction du moment donné et de leur importance par
rapport aux informations chaudes (détails dans la suite du document). Chacune des
informations est représentée par une info-bulle par laquelle l’internaute peut visualiser et
accéder rapidement à l’information dont il a besoin. Une info-bulle contient une seule et
unique information.
Sur l’interface, trois espaces distincts sont identifiés :

25
- l’espace Utilisateur (colonne de gauche et en-dessous pour la timeline) : regroupe tous
les éléments de contrôle et d’affinage de recherche pour personnaliser son interface
centrale :
" un moteur de recherche,
" des critères de recherches,
" une suggestion de mots clés,
" une localisation,
" un affinage en fonction des diffuseurs d’information,
" un affinage en fonction de la crédibilité d’une information.

26
- l’espace Consultation (espace central) : permet de trouver, d’accéder et de naviguer
facilement entre les infos-bulles qui intéressent l’utilisateur.

27
- l’espace du site Nex-U (colonne de droite) : regroupe tous les éléments qui sont par
défaut proposés par le site à l’utilisateur :
• gestion du compte utilisateur,
• donations,
• informations chaudes,
• informations les plus crédibles,
• proposition de flux,
• autopromotion des offres Premium,
• proposition de donation,
• FanPage Nex-U.

28
b. Espace Consultation
ba. Présentation des infos-bulles
Tous les flux d’information présents sur le
centre de la page sont représentés à
l’intérieur de cercles, appelés ici “info-
bulle”.
Par défaut, l’affichage de ces info-bulles
est présenté par date (du plus récent au
plus ancien) et croisé à la liste des mots-
clés chauds en progression : un
algorithme sera réalisé permettant
d’analyser le début de progression d’un
mot-clé (nombre de diffusion d’un mot sur
tout les types de source par rapport à une
période donnée.
Une info-bulle a une durée de vie de 15
jours. Au-delà de cette date les
informations provenant des flux ne sont
plus considérées comme des informations
en temps réel et donc ne sont plus
affichées sur le site.
Une info-bulle est par défaut identifiable par :
• sa taille qui permet de définir sa date en corrélation avec l’importance de
l’information
• son titre
• un court extrait
• le type de diffuseur d’information, visuellement représenté par sa
couleur de contour
o rouge = journaux en ligne,
o vert = pure players,
o orange = blogs,
o bleu = réseaux sociaux
• sa source
• si le lien sortant contient une image ou une vidéo (caractéristique représentée par
un pictogramme)
• le nombre de vote (vote de crédibilité de l’information par les internautes)
Au clic de l’info-bulle apparaît :
• un bouton de partage qui redirige vers un partage Facebook,
Twitter, Google + et envoi à un ami par mail
• un bouton de vote (vote de crédibilité de l’information par les
internautes)
• un bouton favori
De plus, son contenu s’affiche directement dans un “bloc de lecture” :
• son titre
• la source

29
• l’auteur
• un aperçu de son contenu
• la date
• le lien qui dirige vers l’article complet avec le
label “Afficher l’article complet”
• une prévisualisation d’une fonctionnalité de
l’offre premium pro
Ce bloc est par défaut positionné en haut à droite de
l’espace consultation mais sa position peut être modifiée
par glisser-déposer et fixée à l’aide d’un cadenas.
bb. Liaison des infos-bulles
Comme il a été mentionné dans la partie catégorisation, chacune des informations
récupérées va être automatiquement catégorisée sur plusieurs niveaux de mots-clés.
Le premier niveau de mot-clé d’une information est contenu dans son titre principal, le
deuxième niveau de mot-clé d’une information est contenu dans son extrait de texte et
ainsi de suite pour attendre jusqu’à plusieurs niveaux de mots-clés pour une même
information.
Ainsi, deux info-bulles vont être visuellement liées entre elles si elles suivent les règles
suivantes :
• deux mots-clés ou plus semblables
• ne pas avoir le même contenu pour les sources provenant des journaux, des pure
players et des blogs
• ne pas avoir le même lien pour les sources provenant de Facebook et de Twitter
Cette liaison entre deux infos-bulles est ce qui permet d’intensifier la corrélation entre
plusieurs informations sans qu’elles soient pour autant identiques. Cet union permet de
mettre en avant plusieurs traitements d’un même sujet, selon différentes sources ce qui
enrichit l’opinion de l’utilisateur sur l’information et son traitement.
bc. Partage des infos-bulles
L’utilisateur a la possibilité de partager une info-bulle via Facebook, Twitter, Google+ et par
mail.
Pour chacun de ces cas, voici le message qui sera présenté sur chaque partage dans une
lightbox :

30
• Partage sur twitter :
“Titre de l’info-bulle + lien vers l’article via @Nex-U”
• Partage sur Facebook :
“Titre de l’info-bulle + lien vers l’article via Nex-U”
• Partage sur Google + :
“Titre de l’info-bulle + lien vers l’article via Nex-U”
• Partage par mail :
Objet du mail : “Nom de l’expéditeur” vous informe avec Nex-U
Un ami vous conseille de lire cet article “Titre de l’info-bulle + court descriptif de l’article +
lien vers l’article + lien vers le site Nex-U
c. Espace utilisateur
L’espace utilisateur regroupe tous les éléments de contrôle et d’affinage de
recherche pour personnaliser l’interface centrale. Cette zone est importante
pour l’utilisateur car elle lui permet de faire des tris afin de cibler sa
recherche d’information.
ca. Moteur de recherche
Le moteur de recherche est situé en haut de la
zone utilisateur. Il est mis en évidence afin d’être
facilement utilisé. L’utilisateur a aussi le choix de
rechercher des images ou des vidéos en cochant
les cases correspondantes à ces critères.
Lorsque qu’une recherche est lancée, l’affichage des flux se modifie
dynamiquement et fait apparaître uniquement les info-bulles comprenant le
mot-clé ou les critères de recherche choisis. Celles-ci s’affichent toujours en
fonction de la date et de leur importance.
Critères du moteur de recherche :
• Casse de l’équation de recherche : une requête sera formulable
indifféremment en majuscules ou minuscules, avec ou sans accent.
• Auto complétion : lorsque l’on effectue une recherche en
saisissant un mot-clé ou descripteur dans le champs de recherche, le mot
devra se compléter automatiquement, en déroulant une liste de mots clés
commençant
par les lettres saisies. Cela permet d’aller plus rapidement au mot
recherché et également d’élargir la gamme de propositions de mots-clés.
cb. Critères d’affinage
L’espace de gauche permet aussi de filtrer les infos-bulles en fonction de critères
complémentaires :
• liste de mots clés prédéfinis : en fonction des mots clés les plus recherchés et les
plus “chauds”, plusieurs mots clés peuvent être sélectionnés
• localisation par continent et par pays : plusieurs pays peuvent être sélectionnés
• choisir plus ou moins de sources provenant de :
! blogs (-5 à +5)

31
! journaux en ligne (-5 à +5)
! pure players (-5 à +5)
! réseaux sociaux (-5 à +5)
! crédibilité : les infos-bulles les mieux votés par les internautes (-5 à +5)
cc. Timeline
Sous l’espace Consultation, une timeline est présente afin de permettre à l’utilisateur de
revenir dans le temps et de visualiser les données jusqu’à une date donnée.
Si l’on estime la durée de vie d’un flux dans l’application à 15 jours, on peut donc remonter
dans notre timeline jusqu’à 15 jours auparavant. Passé cette date, les info-bulles ne sont
pas présentes dans notre base de données, elles disparaîtront de la plateforme.
La position initiale du bouton de la timeline, tout à droite, indique l’instant T. La timeline est
composé d’un bouton que l’on peut glisser de droite à gauche. Comme une frise
chronologique, plus l’on positionne le bouton à gauche, plus les infos-bulles affichées seront
anciennes.
La timeline propose à l’internaute une échelle particulière et propre à ses besoins. Il peut
revenir 30 minutes, 1 heure, 2 heures, 5 heures, 1 jour, 2 jours, 5 jours, 10 jours et enfin 15
jours avant.
Lors du déplacement du bouton de la timeline, un indicateur est tout de même présent pour
préciser la date et l’heure que l’internaute a choisies.
d. Espace Nex-U
L’espace Nex-U est présent dans la colonne de droite de l’interface. Au dessus de cette
espace se trouvent les informations permettant à l’internaute de se connecter, s’inscrire et
soutenir Nex-U en effectuant un don. Pour envoyer un don, l‘internaute sera redirigé vers
des plateformes de financements communautaires.
La colonne de droite regroupe tous les éléments qui sont par défaut proposés par la
plateforme à l’utilisateur. Cet espace est composé de widgets qui sont 100%
personnalisables. Voici les cinq widgets que nous avons retenu pour le lancement de Nex-
U.
da. Infos chaudes et infos crédibles
Deux blocs sont présents dans la colonne de droite. Ceux-ci sont à la
disposition de l’internaute afin qu’il consulte les informations les plus
récentes et les plus chaudes ainsi que les informations les plus crédibles.
Le premier bloc contient des informations chaudes du moment. Cet encart
contient les mots-clés les plus relayés sur Twitter. Cet outil appuie la
notion d’instantanéité de l’interface puisqu’il permet à l’utilisateur de
prendre connaissance de l’information qui intéresse les internautes et qui est la plus chaude

32
sur Twitter. Avoir cette fonctionnalité présente sur Nex-U est très important puisqu’elle
permet à la plateforme d’avoir un outil de tendance sur l’information du moment mais aussi
d’être une plateforme qui repère et retransmet l’information la plus importante.
Le second bloc répertorie les informations notées les plus crédibles par la communauté.
Avoir cette accès direct permet à Nex-U de remplir ses objectifs en offrant aux internautes le
plus d’informations et aussi le plus d’informations fiables.
db. Partage des infos chaudes et d’infos crédibles
L’utilisateur a aussi la possibilité de partager les infos chaudes du moment. Un bouton de
partage à coté de la liste des événements d’actualité est présent pour partager l’ensemble
de la liste.
Le message suivant est diffusé : “Les infos chaudes de la minute : Thème 1, Thème 2,
Thème 3 et retrouvez toutes les infos sur le site nex-u.com via @Nex-U”
dc. Proposition de flux
Un champ est présent sous la boite des propositions Nex-U, pour inviter
l’internaute à proposer et partager ses propres flux à la plateforme.
L’internaute a la possibilité d’envoyer à l’équipe de Nex-U les flux qui
l’intéressent ou qu’il pense intéressant de proposer à l’ensemble de la
communauté. Cette action permet non seulement à l’utilisateur de se sentir contributeur de
la plateforme mais aussi à Nex-U de s’enrichir grâce à de nouveaux flux d’information.
Lorsque l’internaute à partagé un flux il est réorienté vers la page “Mon compte” afin de voir
le statut de sa contribution.
dd. Promotion “Offre Premium” et “Premium Pro”
Un bloc d’autopromotion est visible à l’intérieur de la colonne de gauche
afin de promouvoir le service Premium et le service Premium Pro
prosposer par Nex-U.
Une fois que l’internaute clique sur cet encart, il est redirigé vers l’espace
qui présente et décrit les différentes offres.
de. Fan Page Nex-U
Le dernier bloc de cette colonne permet à l’internaute de suivre en
temps réel le mur de la Fan Page de Nex-U et d’intervenir dessus. Il
peut ajouter un message, commenter un statut, une photo ou une video.

33
Ceci permet à l’internaute d’échanger directement sur les sujets qui l’intéressent.
4. Ergonomie de la page d’accueil
La page est agencée de façon à ce que l’utilisateur retrouve facilement les éléments dont il
a besoin pour consulter ou rechercher des informations.
Comme nous l’avons vu précédemment, les trois espaces : l’espace utilisateur, l’espace
consultation et l’espace Nex-U, sont distincts. Nous avons mis en place cette organisation
en respectant la lois de la proximité de Geltalt. Notre cerveau regroupe les éléments qui
sont proches, il considère que les éléments proches dans l’espace ont des points communs
et par analogie, l’éloignement des éléments évoque la différence. Ergonomiquement parlant,
il est donc primordial de rassembler les éléments du même type et d’éloigner les éléments
qui n’ont pas de points communs, cette logique facilitera l’utilisation du site. Séparer
convenablement ces trois zones sur notre site permet donc à l’utilisateur d’avoir un repère
dans l’espace.
a. L’espace utilisateur
L’internaute sait que pour exécuter une recherche avancée tout se passe dans la colonne
de gauche. Dans cette colonne, nous avons respecté la loi de similarité de Gestalt. Notre
cerveau a tendance à regrouper les éléments qui se ressemblent (par la forme, la taille, une
couleur#), la mise en application de la loi de similarité permet une navigation plus intuitive
pour l’internaute. En effet, nous avons respecté ce principe puisque sur Nex-U, l’ensemble
des boutons et des curseurs sont similaires en fonction de leur catégorie. Par exemple : tous
les curseurs de tri tel que le choix d’avoir comme sources des blogs, des journaux, des
réseaux sociaux et des pure players et de la crédibilité sont les mêmes.
b. L’espace consultation
Pour consulter une information, il faut donc se diriger au centre de l’interface. Dans l’espace
de consultation nous avons organisé les info-bulles selon le critère de la loi d’affordance.
Celle-ci dit que plus l’objet a une forte affordance, plus le comportement de l’internaute est
anticipé, et plus il trouve facilement l’information qu’il cherche. C’est pour cela que nous
avons fait le choix de mettre l’information la plus récente et la plus importante plus en valeur
possible et la plus grosse. De ce fait, l’internaute sera tenté de cliquer dessus.
c. L’espace Nex-U
A l’intérieur de la colonne de droite, l’internaute visualise des propositions d’informations ou
de services fournis par Nex-U. Sur cet espace, nous avons mis en place la loi de Fitts.
Celle-ci affirme que pour aller à un point précis il faut jouer par l’augmentation de sa taille, il
permet un gain de temps non négligeable pour l’internaute. Selon des études, plus un
élément cliquable est petit moins l’internaute va cliquer dessus car soit il ne le verra, soit il
n’arrivera pas jusqu’à cet élément car il est trop compliqué de cliquer dessus. Au contraire,
si l’élément cliquable est imposant, l’internaute sera attiré dessus et le clic sera simple. Sur
cette colonne de “promotion” de service de notre plateforme, il était donc important de
mettre en place cette stratégie pour attirer le regard de l’internaute sur l’emplacement le plus
à droite du site.

34
5. Inscription de l’utilisateur
L’utilisateur à la possibilité de s’inscrire
sur le site internet Nex-U. Il peut s’inscrire
grâce au bouton S’inscrire situé en haut
de la page ou en accédant à la page des
offres Premium s’il souhaite directement
s’abonner.
Une pop-up apparaît afin de lui demander son @mail (qui sera son login), de rentrer un mot
de passe et de le confirmer. Seules ces informations sont nécessaires afin de s’enregistrer
sur Nex-U.
Il reçoit alors un e-mail qui lui confirme son inscription et qui le dirige vers le site pour valider
son @mail et la création de son compte.
a. Avantages fonctionnels de l’inscription
Lorsque l’utilisateur est inscrit au site Nex-U, il a la possibilité :
• de gérer plusieurs critères de recherche et de les enregistrer en tant que profil de
recherche afin de retrouver facilement les informations qui l’intéressent (limité à 5
profils de recherche)
• de sélectionner les informations dans ses favoris afin de les retrouver facilement et
de les consulter durant sa session (limité à 5 favoris) ,
• être contributeur sur des flux et proposer ses propres contenus aux créateurs du site.
Cette position lui permet de devenir véritablement acteur de l’information et de
prendre position au sein du site (limité à 5 propositions).
b. Page Mon compte
Une fois que l'utilisateur s’est créé un compte (par @mail et mot de passe), il est possible
d’accéder à un panneau de gestion du compte (en cliquant sur son login, dans le menu
“Compte”) . à partir de cette page il a ainsi la possibilité de :
• Modifier ses informations générales de compte (mot de passe, mail, adhésion) :

35

36
• Retrouver la liste de ses info-bulles mises en Favoris :
• Retrouver la liste des flux qu’il a proposé au site Nex-U, qui permet de gérer ses flux
:

37
• Retrouver la liste des ses profils de recherche :
c. Les comptes Premium
Nous proposons à nos internautes des offres premium plus complètes et personnalisées.
En effet, deux offres sont disponibles; une offre pour les novices qui souhaiteraient profiter
des avantages de la plateforme Nex-U en illimité, et une seconde offre pour les experts de
l’information.
c.a Offre Premium
L’Offre Premium comprend les mêmes fonctionnalités que propose Nex-U à ses abonnés
mais en accès illimité. De plus, un mail d’alerte lui sera envoyé sur les tendances de
l’information traitée par Nex-U. L’internaute peut choisir la fréquence d’envoi de son e-mail :
quotiden, hebdomadaire ou mensuel.
Cette fonctionnalité est directement modifiable dans la partie Mon compte/ Mes alertes :

38
Cette offre peut intéresser tout “info-addict” qui souhaite faciliter sa recherche d’information
en ayant des :
- Profils de recherche illimités
- Favoris illimités
- Propositions de flux illimitées
- Mails d'alerte sur les tendances de l’information traitée par Nex-U

39
c.b Offre Premium Pro
Offre Premium Pro est ciblée pour les professionnels de l’information qui souhaiteraient
faire non seulement une veille efficace mais aussi avoir un outil de mesure de tendance sur
la manière dont l’information est diffusée, relayée et perçue par le public.
Voici ce que Nex-U propose dans ce pack :
• Profils de recherche illimités
• Favoris illimités
• Propositions de flux illimitées
• Mails d'alerte sur les tendances proposées par défaut ou ciblées selon ses critères
de recherche sur Nex-U
• Accès au graphe proposé par défaut ou personnalisé selon ses critères de recherche
sur Nex-U
c.c Graphiques des tendances
Les graphes des tendances seront présents au sein de toutes les info-bulles du site. Ces
graphes sont accessibles à partir de la boite d’information d’une info-bulle.
Le graphe d’une info-bulle présente l’évolution des mots clés auxquels l’information est
rattachée.
Par exemple, si une info-bulle est catégorisé par les mots : Syrie, Rastane et
bombardement, notre graphique présentera l’évolution de la diffusion et du relayage de
l’information selon ces trois mots clés.
Le graphique présentera sur un panel de 7 jours la comparaison montrant comment ces
mots clés ont été diffusés et retransférés par les diffuseurs d’informations à savoir les
journaux en ligne, les pure players, les blogs et les réseaux sociaux. Mais aussi la moyenne
dont ont été notés ces diffuseurs par les visiteurs de Nex-U sur ces 7 derniers jours.
Les mots clés sont représentés dans des bulles sur l’axe des abscisses. Au survol de la
souris sur ces bulles, les mots clés de la bulle apparaissent ainsi que le nombre de vues
(clic sur l’info-bulle dans Nex-U) et le nombre de clics (clic sur le bouton “Voir l’article
complet”) qu’elle a engendré. Plus une bulle sur l’axe est grosse, plus l’information a été
vue.
De plus, l’internaute disposant d’un accès au compte Premium Pro peut aussi construire ses
propres graphiques de tendance en fonction des secteurs, mots clés ou critère de recherche
qui l'intéressent plus particulièrement.

40
Cette offre comprend une réelle valeur ajoutée, puisqu’en effet, les graphiques de
tendances seront dans un premier temps en permanence mis à jour et dans un second
temps disposeront d’outils d’aiguillage sur la manière dont est diffusée et retransférée
l’information en France et comment les Français la consomment et la jugent.
6. Cas d’utilisation
Voici deux schémas explicatifs expliquant la manière dont le site récupère les flux
d’informations en faisant une recherche générale puis une recherche avancée :

41
(recherche générale)
(recherche avancée)

42
Voici les différents cas d’utilisation que nous pouvons avoir au sein de Nex-U. Nous en
retenons quatre :
Cas 1 - Non inscrit Simple consultation des infos-bulles

43
Cas 2 - Inscription gratuite
- Profils de recherche (limité à 5 profils de recherche),
- Favoris (limité à 5 favoris),
- Proposition de flux (limité à 5 propositions)

44
Cas 3 - Offre Premium
- Mails d'alerte mensuels des tendances de l’information générale

45
Cas 4 - Offre Premium Pro
- Mails d'alerte tendance par défaut et ciblé selon ses choix
- Accès au graphe par défaut et ciblé selon ses choix sur Nex-U

46
7. Back Office d’administration
Le backoffice de Nex-U permet à son administrateur (ou toute équipe gérant la plateforme)
d’intervenir directement sur les éléments qui le composent. Ce panneau sert d’interface de
modération mais aussi de création lors du déploiement du système pour un client.
Le backoffice n’a pas besoin d’un gestionnaire de contenus puisqu’aucun des flux n’est
archivé et Nex-U n’est pas éditeur de contenus.
a. Options générales
• Sur le backoffice, plusieurs caractéristiques générales du site sont paramétrables :
• titre du site
• adresse de messagerie
• fuseau horaire
• format de la date
• format de l’heure
• le premier jour de la semaine
• le statut (site privé ou site public)
• les options de lecture : le nombre maximum d’infos-bulles à afficher sur une page
b. Gestion des flux
Il est possible via le backoffice d’ajouter directement des flux. Cette fonctionnalité est
accessible à tous les membres qui ont un compte administrateur. Les flux ajoutées sont des
“flux de base”, sélectionnées par l’équipe Mens Mundi et présents par défaut pour un
utilisateur sur l’interface.
A cette liste s’ajoutent les propositions de flux des internautes. La soumission de flux par un
internaute doit être au préalable analysée et validée par un administrateur du backoffice afin
que celui-ci s’affiche dans la liste.
Les administrateurs ont aussi la possibilité :
• d’ajouter un flux
• de modifier un flux (en cas de changement de l’URL ou du nom du flux)
• de supprimer d’un flux
c. Gestion des mots-clés
L’ensemble du plan de classification est reproduit dans le backoffice. Le plan de
classification est organisé par plusieurs niveaux de hiérarchisation des mots clés
(synonymie, hiérarchie et association).
Les mots se génèrent automatiquement grâce au système de récupération de mots clés
dans les flux et se classent dans une liste de candidats descripteurs. Une fois par mois, le
travail d’un documentaliste est nécessaire pour valider le mot clé et le placer dans le plan de
classification.
d. Gestion des utilisateurs
Plusieurs typologies d’utilisateur sont possibles dans le backoffice :
• le super administrateur
• un ou plusieurs administrateur(s)
• les inscrits au site

47
• les inscrits au site en compte Premium
• les inscrits au site en compte Premium Pro
Les administrateurs/super administrateur peuvent modifier si besoin les inscrits (gratuits,
premium et premium pro). Ainsi, si un compte semblent être automatisé à des fins de spams
par exemple, il est possible de le bloquer, voire de le supprimer.
e. Widgets
La colonne de droite du site est 100% personnalisable grâce à des widgets. Voici la liste des
widgets possible à ce jour dans le backoffice :
• informations les plus récentes : critère par date
• informations les plus chaudes : critère par date et le plus relayé sur Twitter
• informations les plus crédibles : critère par le vote de crédibilité des internautes
• nuage de mots clés
• texte : texte ou code html arbitraire
• champ de recherche
• encart pavé de publicité
• mention d’un sponsor
• encart d’auto-promotion
• encart pour une FanPage sur Facebook
• encart de boite de conversation Twitter
d. Formulaires
Sur le backoffice nous pouvons créer des formulaires personnalisés. Par défaut deux
formulaires sont développés. L’un pour la gestion de l’inscription sur Nex-U et le second
pour l’inscription aux offres Premium.
Voici les champs correspondants pour chacun des deux cas.
Formulaire d’inscription :
• e-mail
• mot de passe
• confirmation du mot de passe
Formulaire d’inscription aux offres Premium :
• Nom
• Prénom
• Mail (si l’internaute n’a pas de compte sur Nex-U)
• Mot de passe (si l’internaute n’a pas de compte sur Nex-U)
• Confirmation de mot de passe (si l’internaute n’a pas de compte sur Nex-U)
• Choix de l’offre : offre Premium ou offre Premium Pro
• Nombre d’offres souhaitées
e. E-mailings
Dans le backoffice il y a aussi un espace d’e-mailing. Cet espace permet d’envoyer un e-
mail à tous les membres inscrits pour les prévenir d’une mise à jour particulière, d’une
nouvelle campagne de donations...
f. Bibliothèque de média

48
Une bibliothèque de médias est nécessaire pour contenir certains éléments graphiques tels
que le logo du site, les auto-promotions et les logos des sponsors mis en place sur le site.

49
III - Analyse technique
1. Généralités
a. Arborescence
Dans le cas d’un site basé sur l’AJAX (comme c’est le cas ici), l’arborescence n’a pas de
sens puis que la navigation n’est pas descendante. Cependant, l’arborescence est une
indication pour la création et l’organisation des fichiers et dossiers du site, notamment dans
la séparation des zones sécurisées et publiques.
b. Structure et mise en forme
Le HTML5 sera utilisé pour réaliser la structure et l’intégration du site. Bien que sa
spécification ne sera pas complètement finie avant 2014, le W3C encourage déjà les
développeurs à l’utiliser afin de se préparer aux nouvelles normes. Puisque très récent, ses
fonctionnalités les plus avancées (gestion d’éléments multimédia) ne sont pas toutes
compatibles avec tous les navigateurs; ici ce sont uniquement ses capacités en terme
d’intégration de site qui nous intéressent, qui sont compatibles avec tous les navigateurs
récents et rétro-compatibles avec les vieux navigateurs (IE7/8...) grâce à un addon.
Les feuilles de style seront gérées en CSS2 afin d’être compatibles avec tous les
navigateurs. Contrairement au HTML5 choisi car il est en passe d’être la nouvelle référence,
le développement de CSS3 (dernière version de CSS) avance très lentement et sa
compatibilité dépend du navigateur utilisé. Pour toucher une cible la plus large possible,
nous utiliserons donc le CSS2 pour gérer les feuilles de style.
c. Récupération du contenu en temps réel
De par son intéractivité, Nex-U peut être qualifiée de Rich Internet Application. Ceci est
justifié par le choix du dynamisme de la plateforme (temps réel), mais aussi par le fait que
toutes les fonctionnalités sont accessibles sans installation de plugin supplémentaire sur un

50
ordinateur. Pour cette raison, le choix technologique s’est orienté vers le Javascript et la
méthodologie AJAX (qui regroupe Javascript, CSS, DOM et XML).
Ces technologies permettent de gérer la visualisation des données et leur interaction.
L’AJAX sera utilisé afin de permettre au Javascript de communiquer avec un serveur de
manière asynchrone (sans devoir rafraîchir la page, en arrière-plan). On peut alors utiliser
les différentes API des plateformes sociales (Twitter, Facebook...) ainsi que les flux RSS
pour récupérer leur contenu.
Ces deux types de ressources ont leurs spécificités :
-Les flux RSS (fichier XML contenant entre autres les titres et premières phrases d’un
article) permettant de surveiller les blogs, les pure players et la presse en ligne. Ces
fichiers sont créés et maintenus à jour automatiquement par le serveur de syndication de
contenu.
-Les données des réseaux sociaux (Twitter, Facebook...). Pour ceux-ci, la procédure est
différente car il faut utiliser l’API pour sélectionner les infos que l’on veut retrouver (Statuts,
Login,#). Dans ce cas précis, il faut envoyer une requête ciblant précisément le type
d’information que l’on veut. Le format des données retournées est un tableau de chaîne de
caractères (la plupart du temps en JSON).
L’avantage de ce système est que, couplé avec une base de données NoSQL, les
traitements à effectuer pour écrire les données dans la base sont réduits : la structure d’un
tableau (PHP ou JSON) est très proche de celle d’une base NoSQL.
ca. Mise en application : Flux RSS
Exemple de Flux RSS reçus: Le Monde, rubrique International
<item>
<title>Une statue de...</title>
<link>http://www.lemonde.fr/europe/article/...</link>
<description>[...]</description>
<pubDate>Tue, 29 May 2012 19:02:44 GMT</pubDate>
<guid isPermaLink="false">http://www.lemonde.fr/europe/article/...</guid>
</item>
Un flux RSS est un simple fichier XML, hiérarchisé par date. On note qu’un article est
représenté par la balise <item> sur Le Monde, mais ce n’est peut-être pas le cas sur Le
Figaro : il faut donc adapter l’analyse syntaxique en fonction de la source.
Ainsi, pour récupérer pour les informations de chacuns des articles du flux RSS, il suffit de
récupérer les informations des balises de manière itérative :
<?php
$dom = new DomDocument;
$dom->load("lemonde-international.xml");
$articlesList = $dom->getElementsByTagName('item');
$tabLeMonde = array();
$tabLeMonde[0] = array();
$articlesCount = 0;
foreach($articlesList as $article)
{

51
$tabLeMonde[$articlesCount][0] = $article->getElementsByTagName(‘title’)-
>item(0);
$tabLeMonde[$articlesCount][1] = $article->getElementsByTagName(‘link’)-
>item(0);
$tabLeMonde[$articlesCount][2] = $article-
>getElementsByTagName(‘description’)->item(0);
$tabLeMonde[$articlesCount][3] = $article-
>getElementsByTagName(‘pubDate’)->item(0);
$articlesCount++;
}
?>
En parcourant toutes les balises <item> (on a vu que ces balises contenaient toutes les
informations relatives à un article), ce script permet de stocker dans un tableau les titre, lien,
description et date de tous les articles du flux RSS.
cb. Mise en application : API Twitter
Exemple de recherche du hashtag “#Syrie” sur Twitter
L’API de recherche de Twitter est extrêmement simple à utiliser. En utilisant la librairie cURL
qui permet de se connecter à un serveur, on peut récupérer le résultat de la requête sous
format JSON (un tableau) simple à parser.
Pour envoyer une requête de recherche à Twitter, il suffit de traiter l’URL
http://search.twitter.com/search.json?q= suivie de la chaine recherché avec cURL.
<?php
$curl = curl_init(‘http://search.twitter.com/search.json?q=%23syrie’);
$return = curl_exec($curl);
curl_close($curl);
return $return;
?>
L’API de Twitter renvoie en retour un tableau JSON a plusieurs dimensions. On peut noter
l’une d’entre elles, results, qui regroupe les tweets correspondants à la recherche. Voici un
aperçu de résultat d’une requête vide, avec uniquement les champs qui nous intéressent
(tableau associatif) :
“results” : [
{
“created_at” : [date de création]
“from_user”: [créateur du tweet]
“text” : [contenu du tweet]
“to_user_name”: [destinataire du tweet]
[...]
}
]
Ces différents champs sont clairs et permettent de récupérer beaucoup d’informations sur
les tweets. L’accès aux données est encore plus simple que pour un flux RSS car les
données sont déjà parsées et écrites dans un tableau.

52
cc. Cas particulier des réseaux sociaux
La plupart des réseaux sociaux offrent la possibilité de limiter l’accès à son profil aux
personnes hors de son réseau. Facebook notamment propose cette fonctionnalité par
défaut depuis quelques années. La récupération d’informations via son API est donc limitée.
Afin d’élargir le champ de recherche, nous proposons 2 blocs Twitter/Facebook Connect
permettant d’ajouter à la variable de $_SESSION de l’utilisateur sa connexion à son réseau
et donc d’accéder à certains profils verrouilés. Ces modules se présentent sous la forme
d’un code à placer sur sa page web. Il ne reste qu’à spécifier lors d’une requête à l’API le
cookie de connexion.
cd. Récupération des mots clés
Le moteur de recherche et le fonctionnement général de Nex-U s'appuient sur la bonne
association de mots clés avec les contenus. Pour ne pas être limité par les mots clés
présents dans les flux RSS (seulement la première phrase de l'article), l’URL de chaque
contenu est analysé par Google Adwords afin d’en générer des mots clés pertinents. De la
même façon, un parsing de la page ciblée est effectuée afin d’indiquer si la page comporte
des médias (photos et vidéos).
d. Base de données
L’utilisation d’une base de données est obligatoire pour le bon fonctionnement de Nex-U,
afin d’éviter de toujours récupérer le contenu depuis des sites distants (copies en cache),
mais aussi pour enregistrer les traitements que nous appliquons à l’information ou pour
gérer les utilisateurs et leurs permissions.
Une base de données de type NoSQL sera utilisée : ainsi, de très fortes montées en charge
pourront être gérées sans modification de l’architecture du système. Cependant, ce type de
base de données ne gère pas les relations, celles-ci devront donc être gérées depuis le
serveur en PHP.
Une table Users permet de stocker les informations relatives aux utilisateurs inscrits au site
et à leur adhésion. Le mot de passe est une chaîné de caractère résultat d’un cryptage
SHA1. Un champ authorisation permet de savoir le type du compte (gratuit, premium, pro,
ou administrator). Des clés étrangères (par exemple <researches> et <favorites>) doivent
permettre de stocker les recherches personnalisées et les favoris d’un utilisateur. Enfin, un
champ doit être prévu pour gérer l’état (state) de l’utilisateur : actif, ou bloqué (banni).
Une table Contents représente un contenu (article, tweet, #). Cette table permet d’associer
le contenu à une table Keywords, représentant un mot clé. Ce mot clé est en relation avec
d’autres mots clés (utilisés fréquemment ensemble par exemple), et dispose d’attributs
permettant de juger de la popularité du mot clé, de ses synonymes...afin de représenter au
mieux le thésaurus. Chaque contenu possède aussi un compteur de vues. Chaque contenu
est associé à une table Sources qui représente la source du flux et sa nature (RSS ou API).
e. Restrictions d’accès
ea. Cryptage des mots de passe
Le cryptage SHA1 sera utilisé afin de garantir l’intégrité des mots de passe. Le cryptage
retourne un hash unique de 160bits (41 caractères). Pour exemple, le cryptage du mot “Nex-
U” retourne le hash f839f3d84b98f6247251f66b6fe627dd00920502. Ce protocole de
cryptage est utilisé comme standard fédéral de traitement de l’information aux Etats-Unis.
eb. Accès externe au site

53
Les différentes pages accessibles uniquement par les membres identifiés ou administrateurs
ne doivent pas être accessibles par n’importe qui. Pour celà, un fichiers robots.txt doit être
créé afin de bloquer l’indexation de ces pages dans les moteurs de recherche. L’accès
direct à ces pages doit aussi générer une erreur 403. L’utilisation d’un .htaccess (ou
équivalent selon le serveur) doit être utilisé pour générer les erreurs appropriées.
ec. Accès interne au site
Selon son adhésion, l’utilisateur a accès à plus ou moins de fonctionnalités. Les restrictions
d’accès concernent donc l’accès aux informations du compte utilisateur, l’accès à la partie
pro, et le backoffice d’administration.
Chacun des utilisateurs existant est répertorié dans la base de données. Un attribut
authorisation est associé à son profil et permet de filtrer les pages auxquelles il a accès en
fonction de sa valeur : free, premium, pro, administrator.
2. Spécifications détaillées
a. Inscription
L’inscription ne nécessite qu’un email et un mot de passe.
Lors de l’inscription, un mail est envoyé afin de rappeler ces informations et d’activer le
compte.
La base de données est mise à jour pour l’utilisateur nouvellement créé, avec son champ
authorisation mis par default à free.
En cas d’adhésion, l’utilisateur précise ses informations bancaires en fonction des moyens
de paiements : virement bancaire mensuel, Paypal...
Cette étape doit s’effectuer avec le protocole HTTPS (SSL ou TLS) afin de crypter les
informations bancaires et de connexion.
En cas d’adhésion, le champ authorisation de l’utilisateur est alors défini à premium ou pro
selon le type d’adhésion.
b. Connexion et session
La connexion d’un utilisateur se fait grâce à son email et son mot de passe (demandés lors
de l’inscription).
La requête vérifie si l’association email / mot de passe existe déjà dans la base de données
(le mot de passe est encrypté en SHA1). Si c’est le cas, une variable de session et un
cookie sont créés afin de mémoriser l’identification de la personne ainsi que ses
informations, entre autre son niveau d’authorisation.
A la connexion de l’utilisateur, une variable de session (type $_SESSION classique) est
créée est attribuée à l’utilisateur courant. Pour limiter la charge serveur, les modifications
que fera l’utilisateur (ajout de favoris, de recherches personnalisées...) sont écrites dans
cette variable, et transmises à la base de données uniquement à la déconnexion de
l’utilisateur ou à la fermeture de la page.
c. Interface
ca. Front office

54
La page principale de Nex-U est séparée en 3 zones : à gauche, l’espace utilisateur qui
permet de centrer la veille sur un domaine précis de l’actualité. Au centre, l’espace de
consultation contenant la visualisation des données et à droite, l’espace Nex-U qui affiche
des informations communes à tous les utilisateurs.
caa. Espace utilisateur
Cette espace contient le moteur de recherche : celui-ci se base principalement sur la base
de données en exploitant les relations entre contenus et mots clés. C’est aussi là que
l’utilisateur peut définir des critères de recherche personnalisés. Ces recherches
personnalisées se représentent sous la forme d’un tableau définissant pour chaque critère
de recherche (continent, mot clé...) sa valeur. Ce tableau est enregistré dans la base de
données, dans la table correspondant à l’utilisateur en cours. Ainsi, à chaque changement
de la saisie, la liste est mise à jour en piochant dans les mots clés et groupes de mots clés
ressemblant à la saisie.
La timeline présente sur cet écran permet de modifier la recherche en cours, en ciblant la
date : par défaut, les informations les plus récentes sont affichées. En déplaçant le curseur,
ce sont les articles plus anciens qui s’affichent, grâce à leur date de parution stockée dans
la base de données.
cab. Espace de consultation
Cette espace contient la visualisation des flux. C’est ici que l’usage de Javascript et AJAX
prend son sens car il permet de représenter visuellement et dynamiquement toutes les
bulles d’information. Lorsqu’un flux est mis à jour, ou qu’un tweet correspondant à la
recherche en cours est posté, une nouvelle bulle est créée et apparaît pendant la visite de
l’utilisateur. C’est une tâche CRON qui permet cette prouesse en vérifiant toutes les 20s (à
réévaluer en production) la mise à jour ou non d’un flux RSS. Pour les API des réseaux
sociaux, il est possible de les utiliser en streaming simplement en utilisant des fonctions
prévues à cet effet, afin de recevoir les mises à jours en temps réel, à la manière des
notifications push.
cac. Espace Nex-U
Cet espace est séparé en différents modules. Le bloc des infos chaudes met en avant les
mots clés les plus populaires et récents, grâce à une simple requête dans la base de
données. Dans la même idée, le bloc des infos sûres montrent les informations qui ont
reçues le plus de vote positifis (encore une fois, récupération via une simple requête dans la
base de données, du type : “SELECT MAX(reliability) FROM Contents LIMIT 5 ORDER BY
keyword”).
Il est possible de proposer un nouveau flux via le 2e module : en entrant l’adresse directe
d’un flux RSS ou l’URL d’un site Internet, celui-ci est soumis à une validation des
modérateurs et des membres (par vote pour ces derniers).
Le dernier module permet de suivre l’actualité de la plateforme : dernières publication sur la
page Facebook du site, possibilité de commenter...Aucun développement n’est nécessaire
pour cette partie, à part d’intégrer le code Facebook permettant de lier une page (ici la page
Nex-U) avec un site.
cb. Panneau utilisateur
cba. Données du compte
Les données du compte sont accessibles à tous les utilisateurs inscrits et connectés. Elles
permettent de mettre à jour les informations relatives au compte (mot de passe, email). Une
requête de type UPDATE à la base de données permet de mettre à jour ces informations.
cbb. Gestion des flux favoris et recherches personnalisées

55
Un onglet du panneau utilisateur permet de visionner les flux favoris et les recherches
personnalisées. Selon le compte, ils peuvent être limités (compte gratuit). Modifier ces
paramètres (suppression, création) met à jour les champs correspondants de la variable
$_SESSION de l’utilisateur.
cbc. Graphes
Cet onglet est accessible uniquement aux membres de type premium pro. Cette page
permet de générer des graphes de tendances détaillés, en fonction d’une recherche
(recherches personnalisées inclues). Ces graphes s’appuient sur le Javascript et la base de
données pour être intéractifs (survol de la souris, animation lors de la modélisation...).
cc. Backoffice d’administration
Le backoffice est un panneau à accès restreint (uniquement pour les administrateurs)
permettant un accès intégral sur les données du site.
cca. Modification des paramètres de l’interface
Cette partie permet de modifier directement dans la base de donnés les préférences du site
(Nom, fuseau horaire...) ainsi que les états des utilisateurs (champ state : actif (active) ou
banni (blocked)), les différents formulaires du site (inscription, adhésion) et permet
d’ajouter/modifier/supprimer des flux ou mots clés.
ccb. Paramètrage de l’interface
Une représentation de l’interface de Nex-U permet de déplacer chaque bloc (bloc de
recherche, bloc des infos récentes...) par glisser-deposer afin de la réorganiser. Ceci est
possible grâce à HTML5 et sa gestion du drag’drop.
ccc. Envoyer un email à tous les membres
Il est possible d’envoyer un mail à tous les utilisateurs en bouclant sur la table Users, le
champ email était obligatoire à l’inscription.
ccd. Bibliothèque de média
Ce dernier panneau permet d’uploader par sélection dans l’explorateur (rétro-compatible) ou
par glisser déposer, des images correspondant au logo du site, aux bannières d’auto promo
(adhésion au premium)...C’est encore une fois HTML5 qui permet de réaliser simplement
cette fonctionnalité.
cd. Emplacement publicitaires
Afin de permettre l’intégration de publicités dans le futur, les technologies du site
(Javascript/AJAX) imposent de penser la conception dans ce sens.
Ainsi, afin de rafraichir l’espace publicitaire lorsqu’un action rafraichirait la page sur un site
“classique” (sans AJAX), un évènement précis doit être déclenché à chaque clic sur un lien.
Il sera ainsi possible de lier à cet évènement une fonction de mise à jour de l’espace
publicitaire.
3. Environnement
a. Configuration du système
Nex-U nécessite un serveur PHP 5 pour l’hébergement du site. Un second serveur est
nécessaire afin de récupérer et parser les flux RSS et les mises à jour des réseaux sociaux.
La base de données NoSQL doit être accessible depuis les 2 serveurs.
CRON doit être installé sur les serveurs afin de permettre l’automatisation de tâches. Afin de
supporter la montée en charge, l’hébergement doit être dédié.

56
L’utilisation de librairie est possible afin de développer plus rapidement des fonctionnalités
poussées (Accès CRUD de la base de données en AJAX, modélisation de graphes...).
L’utilisation d’un proxy-cache au niveau de la base de données permettra de soulager le
serveur lors des montées en charge.
b. Conventions de nommage
Les variables, noms de tables de la base de données, d’attributs, ou de fonction, doivent
être créés en anglais.
L’écriture de la forme myVariable est préférée à my_variable.
c. Typage des champs
L’utilisation d’une base de donnée oblige à effectuer un certain nombre de tests afin de
valider son intégrité. Ainsi, certains champs (type email) seront validés à l’aide d’une
expression régulière, pour vérifier que le contenu entré est correct (dans le cas de l’email,
l’entrée doit être de type [chaine]@[chaine].[chaine]).
L’ensemble des champs sont aussi soumis à un rangeCheck afin de vérifier que l’entrée
correspond : un champ de type date ne doit pas recevoir de chaîne de caractère par
exemple.

57
IV- Charte graphique
1. Logo
Pour l’identité visuelle de Nex-U, nous avons prévu un logo repérable facilement par les
internautes.
Ce logo reprend tout à fait l’image du site : liaisons d’information venant d’une multitude de
supports différents.
Notre baseline est : Captez l’information à sa source.

Equipe-MensMundi:AliceBertrand,DorothéedeSuremain,FlorianMorel,PhuNguyen,Prestataireexterne:RolandDubuc
Projetprofessionnel:Nex-U:sited’informationsenligneetdestendancesdel’information
58
1. Maquettes
a. Page d’accueil

59
b. Page de clic sur une info bulle

60
Détail d’une info-bulle

61
c. Pages mon compte
ca. Inscription

62
cb. Page connectée

63
cc. Page Mon compte > Mon profil

64
cd. Page Mon compte > Mes favoris

65
ce. Page Mon compte > Mes flux proposés

66
cf. Page Mon compte > Mes profils de recherche

Projet professionnel : Nex-U / Captez l'information à sa source | Equipe Mens Mundi | 2012

Projet professionnel : Nex-U / Captez l'information à sa source | Equipe Mens Mundi | 2012

Recomendados

Recomendados

Mais conteúdo relacionado

Mais procurados

Mais procurados (7)

Destaque

Destaque (20)

Semelhante a Projet professionnel : Nex-U / Captez l'information à sa source | Equipe Mens Mundi | 2012

Semelhante a Projet professionnel : Nex-U / Captez l'information à sa source | Equipe Mens Mundi | 2012 (20)

Projet professionnel : Nex-U / Captez l'information à sa source | Equipe Mens Mundi | 2012