Un top #5 des outils les plus pertinents et originaux dans les différents projets que je mène.

1. - TOP 5 -
MES OUTILS
NUMÉRIQUES
Kévin Rolin-Bénitez
Décembre 2018Master 2 CPNM
Université Bordeaux Montaigne

2. #5
THE NOUN PROJECT

3. #5 - THE NOUN PROJECT - RECHERCHE D’ICONE
● Fonctionnalités :
○ Récupération d’icones (creative commons)
○ Modules pour Photoshop, Illustrator…
○ Personnalisation (rotation, couleur…) (payant)
○ Sauvegarde d’un historique de téléchargement

4. #5 - THE NOUN PROJECT - RECHERCHE D’ICONE
● Histoire de l’outil :
○ Lancé en Décembre 2010 (Kickstarter, 14.000$) par Sofya Polyakov
○ 1er « Iconathon » en été 2011
○ Utilisés par de nombreux designers, architectes, sémioticiens

5. #5 - THE NOUN PROJECT – RECHERCHE D’ICONE
● Les + :
○ Téléchargement d’icone gratuit
○ Recherche pertinente (proposition)
○ Une communauté hyperactive
● Les - :
○ Fonctionnalités payantes (39,99$/an)
○ Recherche en anglais

6. DÉMONSTRATION
Comment récupérer un icone de smartphone ?
- THE NOUN PROJECT -
https://thenounproject.com/

7. #4
MINDOMO

8. #4 - MINDOMO – MIND MAP & BRAINSTORMING
● Fonctionnalités :
○ Facilite le brainstorming (cartes mentales, conceptuelles, listes…)
○ Modules pour Office, Moodle…
○ Modèles prédéfinis
○ Outil collaboratif en temps réel

9. #4 - MINDOMO – MIND MAP & BRAINSTORMING
● Histoire de l’outil :
○ Crée en 2007, mise à niveau pour HTML5 en Mars 2014
○ Participation en 2017 au salon BIT2017 à Ontario (Canada)
○ Essaye de se faire connaitre de l’éducation et des écoles

10. ● Les + :
○ Pratique et facile pour réfléchir en équipe
○ Permet de bien organiser sa reflexion
○ De nombreux modèles et exemples à disposition
○ Utilisation Gratuite et illimitée
● Les - :
○ Pas plus de 3 mindmap à la fois, sinon payant (36~142€ pour 6 mois)
○ Téléchargement impossible si compte gratuit
#4 - MINDOMO – MIND MAP & BRAINSTORMING

11. DÉMONSTRATION
UN ÉTUDIANT CPNM : C’EST QUOI ?
- MINDOMO -
https://www.mindomo.com/fr/dashboard

12. #3
INFOGRAM

13. #3 - INFOGRAM – DATA VISUALATION & INFOGRAPHIE
D’INFOGRAPHIE
● Fonctionnalités :
○ Mise en page dynamique d’infographie, rapports, posts facebook…
○ De nombreuses applications peuvent être connectées et
importées (dont des bases de données, plugin Wordpress, Dropbox…)
○ Outil collaboratif

14. #3 - INFOGRAM – DATA VISUALATION & INFOGRAPHIE
D’INFOGRAPHIE
● Historique de l’outil :
○ Création de l’outil en 2012 par Uldis Leiterts
○ Obtention de Visualoop en 2014 (Data Visualisation), levée de fonds de 1,4
millions de $
○ Rachat par Prezi en Mai 2017 et mise à jour de l’editeur drag’n’drop en Décembre
2017

15. ● Les + :
○ De multiples supports et formats de créations disponibles (tableaux de
bord, posts facebook…)
○ Permet de faire des infographies animées
○ Disponible en plusieurs langues
○ L’import de données pour des présentations toujours à jour
● Les - :
○ Téléchargement impossible en compte gratuit (19€/mois à 119€/mois)
mais création d’une adresse web sur infogram.com pour consulter
○ Cartes téléchargeables bien pratique mais pas accessible en compte
gratuit
#3 - INFOGRAM – DATA VISUALATION & INFOGRAPHIE

16. DÉMONSTRATION
RÉPARTITION DES DOMAINES DE COMPÉTENCES DANS LA CLASSE
- INFOGRAM -
https://infogram.com/app/#/library

17. #2
JUKEDECK

18. #2 - JUKEDECK – GÉNÉRATION PROCÉDURALE DE MUSIQUE
● Fonctionnalités :
○ Génération de musique par choix de styles, d’ambiances et d’instruments
○ Les créations des utilisateurs peuvent être écoutées et téléchargées
○ Utilisation gratuite ainsi que l’API

19. #2 - JUKEDECK – GÉNÉRATION PROCÉDURALE DE MUSIQUE
● Histoire de l’outil :
○ Création de l’outil en 2012 par Ed Newton-Rex et Patrick Stobbs
○ Levée de fonds de 2,2 millions d’euros en 2015
○ L’équipe compte aujourd’hui une vingtaine de membres permanents

20. ● Les + :
○ Gratuit et simple : création d’une musique complexe en quelques clics
○ Possibilité de partager et de télécharger sa musique (creative commons)
○ Ajout progressif de nouveaux styles musicaux
○ Possibilité d’obtenir l’API de Jukedeck
● Les - :
○ Uniquement de la génération. Pas de d’édition de piste
○ Les morceaux d’un même style peuvent se ressembler (procédural)
○ Pas assez d’instruments proposés pour certains styles
○ API sous demande spécifique
#2 - JUKEDECK – GÉNÉRATION PROCÉDURALE DE MUSIQUE

21. DÉMONSTRATION
CRÉATION D’UNE MUSIQUE D’AMBIANCE
- JUKEDECK -
https://www.jukedeck.com/make/track-generator/essential

22. #1
WEBFLOW

23. WEBFLOW – MAQUETTE ET CONCEPTION DE SITE WEB
● Fonctionnalités :
○ Création et réalisation de site web, de prototypes, de portsfolios…
○ Fonctionnalités supplémentaires pour créer un site web marchand
○ De nombreux templates disponibles, et présence d’un workshop
○ Outils puissants et responsive

24. WEBFLOW – MAQUETTE ET CONCEPTION DE SITE WEB
● Histoire de l’outil :
○ Crée en Aout 2013 par Vlad Magdalin, Sergie Magdalin et Bryan Chou
○ Propulsé en 2013 par l’accélérateur de start-up : Y Combinator
○ Utilisé par des particuliers comme des professionnels (MTV, Ideo…)

25. ● Les + :
○ Outil puissant permettant la réalisation de sites responsives
○ Mise à disposition de nombreux tutoriaux et templates
○ Possibilité de customiser le code
● Les - :
○ Limité à deux projets avec un compte gratuit (12$ à 35$/mois)
○ Option de e-commerce indisponible pour les comptes gratuits
○ Bugs en fonction de la taille d’un écran
WEBFLOW – MAQUETTE ET CONCEPTION DE SITE WEB

26. DÉMONSTRATION
GÉNÉRATION D’UN PORTFOLIO CPNM
- WEBFLOW -
https://webflow.com/design/cpnm-portfolio

27. BONUS
• ADOBE KULER - Assistance pour déterminer des palettes de couleurs
• CANVA - Création graphique en ligne de nombreux supports (cartes, CV…)
• TRELLO - Outil de gestion de projet collaboratif (SCRUM posts-its)
• RESPONSINATOR - Visualisation de sites en multi-devices

28. Kévin Rolin-Bénitez
Décembre 2018Master 2 CPNM
Université Bordeaux Montaigne
MERCI !
ET VOUS, QUELS SONT VOS OUTILS ?