1
Equipe - Mens Mundi : Alice Bertrand, Dorothée de Suremain, Florian Morel, Phu Nguyen, Prestataire externe : Roland Dubuc
...
Equipe - Mens Mundi : Alice Bertrand, Dorothée de Suremain, Florian Morel, Phu Nguyen, Prestataire externe : Roland Dubuc
...
Equipe - Mens Mundi : Alice Bertrand, Dorothée de Suremain, Florian Morel, Phu Nguyen, Prestataire externe : Roland Dubuc
...
Equipe - Mens Mundi : Alice Bertrand, Dorothée de Suremain, Florian Morel, Phu Nguyen, Prestataire externe : Roland Dubuc
...
Equipe - Mens Mundi : Alice Bertrand, Dorothée de Suremain, Florian Morel, Phu Nguyen, Prestataire externe : Roland Dubuc
...
Equipe - Mens Mundi : Alice Bertrand, Dorothée de Suremain, Florian Morel, Phu Nguyen, Prestataire externe : Roland Dubuc
...
Equipe - Mens Mundi : Alice Bertrand, Dorothée de Suremain, Florian Morel, Phu Nguyen, Prestataire externe : Roland Dubuc
...
Equipe - Mens Mundi : Alice Bertrand, Dorothée de Suremain, Florian Morel, Phu Nguyen, Prestataire externe : Roland Dubuc
...
Equipe - Mens Mundi : Alice Bertrand, Dorothée de Suremain, Florian Morel, Phu Nguyen, Prestataire externe : Roland Dubuc
...
Equipe - Mens Mundi : Alice Bertrand, Dorothée de Suremain, Florian Morel, Phu Nguyen, Prestataire externe : Roland Dubuc
...
Equipe - Mens Mundi : Alice Bertrand, Dorothée de Suremain, Florian Morel, Phu Nguyen, Prestataire externe : Roland Dubuc
...
Equipe - Mens Mundi : Alice Bertrand, Dorothée de Suremain, Florian Morel, Phu Nguyen, Prestataire externe : Roland Dubuc
...
Equipe - Mens Mundi : Alice Bertrand, Dorothée de Suremain, Florian Morel, Phu Nguyen, Prestataire externe : Roland Dubuc
...
Equipe - Mens Mundi : Alice Bertrand, Dorothée de Suremain, Florian Morel, Phu Nguyen, Prestataire externe : Roland Dubuc
...
Equipe - Mens Mundi : Alice Bertrand, Dorothée de Suremain, Florian Morel, Phu Nguyen, Prestataire externe : Roland Dubuc
...
Equipe - Mens Mundi : Alice Bertrand, Dorothée de Suremain, Florian Morel, Phu Nguyen, Prestataire externe : Roland Dubuc
...
Equipe - Mens Mundi : Alice Bertrand, Dorothée de Suremain, Florian Morel, Phu Nguyen, Prestataire externe : Roland Dubuc
...
Equipe - Mens Mundi : Alice Bertrand, Dorothée de Suremain, Florian Morel, Phu Nguyen, Prestataire externe : Roland Dubuc
...
Equipe - Mens Mundi : Alice Bertrand, Dorothée de Suremain, Florian Morel, Phu Nguyen, Prestataire externe : Roland Dubuc
...
Equipe - Mens Mundi : Alice Bertrand, Dorothée de Suremain, Florian Morel, Phu Nguyen, Prestataire externe : Roland Dubuc
...
Equipe - Mens Mundi : Alice Bertrand, Dorothée de Suremain, Florian Morel, Phu Nguyen, Prestataire externe : Roland Dubuc
...
Equipe - Mens Mundi : Alice Bertrand, Dorothée de Suremain, Florian Morel, Phu Nguyen, Prestataire externe : Roland Dubuc
...
Equipe - Mens Mundi : Alice Bertrand, Dorothée de Suremain, Florian Morel, Phu Nguyen, Prestataire externe : Roland Dubuc
...
Equipe - Mens Mundi : Alice Bertrand, Dorothée de Suremain, Florian Morel, Phu Nguyen, Prestataire externe : Roland Dubuc
...
Equipe - Mens Mundi : Alice Bertrand, Dorothée de Suremain, Florian Morel, Phu Nguyen, Prestataire externe : Roland Dubuc
...
Equipe - Mens Mundi : Alice Bertrand, Dorothée de Suremain, Florian Morel, Phu Nguyen, Prestataire externe : Roland Dubuc
...
Equipe - Mens Mundi : Alice Bertrand, Dorothée de Suremain, Florian Morel, Phu Nguyen, Prestataire externe : Roland Dubuc
...
Equipe - Mens Mundi : Alice Bertrand, Dorothée de Suremain, Florian Morel, Phu Nguyen, Prestataire externe : Roland Dubuc
...
Equipe - Mens Mundi : Alice Bertrand, Dorothée de Suremain, Florian Morel, Phu Nguyen, Prestataire externe : Roland Dubuc
...
Equipe - Mens Mundi : Alice Bertrand, Dorothée de Suremain, Florian Morel, Phu Nguyen, Prestataire externe : Roland Dubuc
...
Equipe - Mens Mundi : Alice Bertrand, Dorothée de Suremain, Florian Morel, Phu Nguyen, Prestataire externe : Roland Dubuc
...
Equipe - Mens Mundi : Alice Bertrand, Dorothée de Suremain, Florian Morel, Phu Nguyen, Prestataire externe : Roland Dubuc
...
Equipe - Mens Mundi : Alice Bertrand, Dorothée de Suremain, Florian Morel, Phu Nguyen, Prestataire externe : Roland Dubuc
...
Equipe - Mens Mundi : Alice Bertrand, Dorothée de Suremain, Florian Morel, Phu Nguyen, Prestataire externe : Roland Dubuc
...
Equipe - Mens Mundi : Alice Bertrand, Dorothée de Suremain, Florian Morel, Phu Nguyen, Prestataire externe : Roland Dubuc
...
Equipe - Mens Mundi : Alice Bertrand, Dorothée de Suremain, Florian Morel, Phu Nguyen, Prestataire externe : Roland Dubuc
...
Equipe - Mens Mundi : Alice Bertrand, Dorothée de Suremain, Florian Morel, Phu Nguyen, Prestataire externe : Roland Dubuc
...
Equipe - Mens Mundi : Alice Bertrand, Dorothée de Suremain, Florian Morel, Phu Nguyen, Prestataire externe : Roland Dubuc
...
Equipe - Mens Mundi : Alice Bertrand, Dorothée de Suremain, Florian Morel, Phu Nguyen, Prestataire externe : Roland Dubuc
...
Equipe - Mens Mundi : Alice Bertrand, Dorothée de Suremain, Florian Morel, Phu Nguyen, Prestataire externe : Roland Dubuc
...
Equipe - Mens Mundi : Alice Bertrand, Dorothée de Suremain, Florian Morel, Phu Nguyen, Prestataire externe : Roland Dubuc
...
Equipe - Mens Mundi : Alice Bertrand, Dorothée de Suremain, Florian Morel, Phu Nguyen, Prestataire externe : Roland Dubuc
...
Equipe - Mens Mundi : Alice Bertrand, Dorothée de Suremain, Florian Morel, Phu Nguyen, Prestataire externe : Roland Dubuc
...
Equipe - Mens Mundi : Alice Bertrand, Dorothée de Suremain, Florian Morel, Phu Nguyen, Prestataire externe : Roland Dubuc
...
Equipe - Mens Mundi : Alice Bertrand, Dorothée de Suremain, Florian Morel, Phu Nguyen, Prestataire externe : Roland Dubuc
...
Equipe - Mens Mundi : Alice Bertrand, Dorothée de Suremain, Florian Morel, Phu Nguyen, Prestataire externe : Roland Dubuc
...
Equipe - Mens Mundi : Alice Bertrand, Dorothée de Suremain, Florian Morel, Phu Nguyen, Prestataire externe : Roland Dubuc
...
Equipe - Mens Mundi : Alice Bertrand, Dorothée de Suremain, Florian Morel, Phu Nguyen, Prestataire externe : Roland Dubuc
...
Equipe - Mens Mundi : Alice Bertrand, Dorothée de Suremain, Florian Morel, Phu Nguyen, Prestataire externe : Roland Dubuc
...
Equipe - Mens Mundi : Alice Bertrand, Dorothée de Suremain, Florian Morel, Phu Nguyen, Prestataire externe : Roland Dubuc
...
Equipe - Mens Mundi : Alice Bertrand, Dorothée de Suremain, Florian Morel, Phu Nguyen, Prestataire externe : Roland Dubuc
...
Equipe - Mens Mundi : Alice Bertrand, Dorothée de Suremain, Florian Morel, Phu Nguyen, Prestataire externe : Roland Dubuc
...
Equipe - Mens Mundi : Alice Bertrand, Dorothée de Suremain, Florian Morel, Phu Nguyen, Prestataire externe : Roland Dubuc
...
Equipe - Mens Mundi : Alice Bertrand, Dorothée de Suremain, Florian Morel, Phu Nguyen, Prestataire externe : Roland Dubuc
...
Equipe - Mens Mundi : Alice Bertrand, Dorothée de Suremain, Florian Morel, Phu Nguyen, Prestataire externe : Roland Dubuc
...
Equipe - Mens Mundi : Alice Bertrand, Dorothée de Suremain, Florian Morel, Phu Nguyen, Prestataire externe : Roland Dubuc
...
Equipe-MensMundi:AliceBertrand,DorothéedeSuremain,FlorianMorel,PhuNguyen,Prestataireexterne:RolandDubuc
Projetprofessionne...
Equipe-MensMundi:AliceBertrand,DorothéedeSuremain,FlorianMorel,PhuNguyen,Prestataireexterne:RolandDubuc
Projetprofessionne...
Equipe-MensMundi:AliceBertrand,DorothéedeSuremain,FlorianMorel,PhuNguyen,Prestataireexterne:RolandDubuc
Projetprofessionne...
Equipe-MensMundi:AliceBertrand,DorothéedeSuremain,FlorianMorel,PhuNguyen,Prestataireexterne:RolandDubuc
Projetprofessionne...
Equipe-MensMundi:AliceBertrand,DorothéedeSuremain,FlorianMorel,PhuNguyen,Prestataireexterne:RolandDubuc
Projetprofessionne...
Equipe-MensMundi:AliceBertrand,DorothéedeSuremain,FlorianMorel,PhuNguyen,Prestataireexterne:RolandDubuc
Projetprofessionne...
Equipe-MensMundi:AliceBertrand,DorothéedeSuremain,FlorianMorel,PhuNguyen,Prestataireexterne:RolandDubuc
Projetprofessionne...
Equipe-MensMundi:AliceBertrand,DorothéedeSuremain,FlorianMorel,PhuNguyen,Prestataireexterne:RolandDubuc
Projetprofessionne...
Equipe-MensMundi:AliceBertrand,DorothéedeSuremain,FlorianMorel,PhuNguyen,Prestataireexterne:RolandDubuc
Projetprofessionne...
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
Prochain SlideShare
Chargement dans…5
×

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

492 vues

Publié le

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é, ...)

Son objectif est de devenir autonome en proposant à ses internautes d’estimer la fiabilité d’une information ou de proposer de nouvelles sources d’information. Elle 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.

Publié dans : Technologie
0 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
492
Sur SlideShare
0
Issues des intégrations
0
Intégrations
2
Actions
Partages
0
Téléchargements
3
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

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

  1. 1. 1
  2. 2. 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. 3. 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 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. 4. 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 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. 5. 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 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. 6. 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 6 m. Propriété intellectuelle
  7. 7. 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 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. 8. 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 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. 9. 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 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. 10. 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 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. 11. 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 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. 12. 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 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. 13. 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 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. 14. 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 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 Insight consommateur (son besoin) : 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. 15. 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 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 Insight consommateur (son besoin) : 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. Points d’amélioration : • 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 Insight consommateur (son besoin) : 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. 16. 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 16 Points d’amélioration : • 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. 17. 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 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. Insight consommateur (son besoin) : • 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 Points d’amélioration : • 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 Audience : non reconnu sur Adplanner
  18. 18. 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 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 Points d’amélioration : • 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. Audience : non reconnu sur Adplanner > 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. 19. 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 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 Points d’amélioration : • Carte un peu trop statique • Sources des informations Wikipédia Audience : non reconnu sur Adplanner 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. 20. 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 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. 21. 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 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. 22. 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 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. 23. 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 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. 24. 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 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. 25. 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 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. 26. 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 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. 27. 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 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. 28. 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 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. 29. 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 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. 30. 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 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. 31. 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 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. 32. 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 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. 33. 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 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. 34. 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 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. 35. 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 35
  36. 36. 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 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. 37. 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 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. 38. 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 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. 39. 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 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. 40. 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 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. 41. 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 41 (recherche générale) (recherche avancée)
  42. 42. 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 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. 43. 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 43 Cas 2 - Inscription gratuite - Profils de recherche (limité à 5 profils de recherche), - Favoris (limité à 5 favoris), - Proposition de flux (limité à 5 propositions)
  44. 44. 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 44 Cas 3 - Offre Premium - Profils de recherche illimités - Favoris illimités - Propositions de flux illimitées - Mails d'alerte mensuels des tendances de l’information générale
  45. 45. 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 45 Cas 4 - Offre Premium Pro - Profils de recherche illimités - Favoris illimités - Propositions de flux illimitées - 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. 46. 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 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. 47. 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 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. 48. 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 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. 49. 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 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. 50. 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 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. 51. 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 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. 52. 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 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. 53. 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 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. 54. 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 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. 55. 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 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. 56. 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 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. 57. 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 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.
  58. 58. Equipe-MensMundi:AliceBertrand,DorothéedeSuremain,FlorianMorel,PhuNguyen,Prestataireexterne:RolandDubuc Projetprofessionnel:Nex-U:sited’informationsenligneetdestendancesdel’information 58 1. Maquettes a. Page d’accueil
  59. 59. Equipe-MensMundi:AliceBertrand,DorothéedeSuremain,FlorianMorel,PhuNguyen,Prestataireexterne:RolandDubuc Projetprofessionnel:Nex-U:sited’informationsenligneetdestendancesdel’information 59 b. Page de clic sur une info bulle
  60. 60. Equipe-MensMundi:AliceBertrand,DorothéedeSuremain,FlorianMorel,PhuNguyen,Prestataireexterne:RolandDubuc Projetprofessionnel:Nex-U:sited’informationsenligneetdestendancesdel’information 60 Détail d’une info-bulle
  61. 61. Equipe-MensMundi:AliceBertrand,DorothéedeSuremain,FlorianMorel,PhuNguyen,Prestataireexterne:RolandDubuc Projetprofessionnel:Nex-U:sited’informationsenligneetdestendancesdel’information 61 c. Pages mon compte ca. Inscription
  62. 62. Equipe-MensMundi:AliceBertrand,DorothéedeSuremain,FlorianMorel,PhuNguyen,Prestataireexterne:RolandDubuc Projetprofessionnel:Nex-U:sited’informationsenligneetdestendancesdel’information 62 cb. Page connectée
  63. 63. Equipe-MensMundi:AliceBertrand,DorothéedeSuremain,FlorianMorel,PhuNguyen,Prestataireexterne:RolandDubuc Projetprofessionnel:Nex-U:sited’informationsenligneetdestendancesdel’information 63 cc. Page Mon compte > Mon profil
  64. 64. Equipe-MensMundi:AliceBertrand,DorothéedeSuremain,FlorianMorel,PhuNguyen,Prestataireexterne:RolandDubuc Projetprofessionnel:Nex-U:sited’informationsenligneetdestendancesdel’information 64 cd. Page Mon compte > Mes favoris
  65. 65. Equipe-MensMundi:AliceBertrand,DorothéedeSuremain,FlorianMorel,PhuNguyen,Prestataireexterne:RolandDubuc Projetprofessionnel:Nex-U:sited’informationsenligneetdestendancesdel’information 65 ce. Page Mon compte > Mes flux proposés
  66. 66. Equipe-MensMundi:AliceBertrand,DorothéedeSuremain,FlorianMorel,PhuNguyen,Prestataireexterne:RolandDubuc Projetprofessionnel:Nex-U:sited’informationsenligneetdestendancesdel’information 66 cf. Page Mon compte > Mes profils de recherche

×