« Infographique » : différence entre les versions
De April MediaWiki
Aller à la navigationAller à la recherche
Aucun résumé des modifications |
|||
| Ligne 26 : | Ligne 26 : | ||
Informatique : | Informatique : | ||
* | *http://www.redhat.com/about/where-is-open-source/activity/ | ||
* | *http://www.actuate.com/fr/documentations/assets/?articleid=18650 | ||
* | *http://www.korben.info/le-top-500-des-super-ordinateurs-est-a-91-sous-linux.html | ||
* | *http://owni.fr/2011/01/15/infographie-la-galaxie-wikimedia/ | ||
Le journalisme de données : | Le journalisme de données : | ||
* | *http://fr.readwriteweb.com/2010/10/04/a-la-une/guardian-montre-voie-du-journalisme-de-donnes/ | ||
Les rapport annuels de Nicholas Felton : | |||
*http://feltron.com/ar08_04.html | |||
Une infographique sur "comment faire une infographique" : | |||
*http://digitalcosmonaut.com/wp-content/uploads/2011/01/Infographic.jpg | |||
Exemples d'infographique : | Exemples d'infographique : | ||
*http://www.onlinemba.com/images/hacking.jpg | *[http://www.onlinemba.com/images/hacking.jpg] | ||
*http://www.onlineschools.org/blog/how-the-internet-works/internet_infographic.jpg | *[http://www.onlineschools.org/blog/how-the-internet-works/internet_infographic.jpg] | ||
*http://owni.fr/files/2010/08/quivoussurveille.jpg | *[http://owni.fr/files/2010/08/quivoussurveille.jpg] | ||
*http://infographiclabs.com/wp-content/uploads/2010/08/google-history-timeline-700-600x3164.jpg | *[http://infographiclabs.com/wp-content/uploads/2010/08/google-history-timeline-700-600x3164.jpg] | ||
*http://www.onlineschools.org/blog/try-online-dating/online-dating.gif | *[http://www.onlineschools.org/blog/try-online-dating/online-dating.gif] | ||
*http://images.sixrevisions.com/2010/04/09-03_firefox_statisics_full.jpg | *[http://images.sixrevisions.com/2010/04/09-03_firefox_statisics_full.jpg] | ||
*http://www.flowtown.com/blog/wp-content/uploads/2010/08/ft-sn-0826-520x1097.png | *[http://www.flowtown.com/blog/wp-content/uploads/2010/08/ft-sn-0826-520x1097.png] | ||
*http://www.flowtown.com/blog/wp-content/uploads/2010/07/Millennials-7-16-520x780.png | *[http://www.flowtown.com/blog/wp-content/uploads/2010/07/Millennials-7-16-520x780.png] | ||
*http://www.flowtown.com/blog/wp-content/uploads/2010/08/broadband-0820-520x2917.png | *[http://www.flowtown.com/blog/wp-content/uploads/2010/08/broadband-0820-520x2917.png] | ||
*http://www.minutebuzz.com/photo/2316550-3238633.jpg?v=1283247297 | *[http://www.minutebuzz.com/photo/2316550-3238633.jpg?v=1283247297] | ||
*http://mma.ly/wp-content/uploads/2010/06/mma.ly-infographic.jpg | *[http://mma.ly/wp-content/uploads/2010/06/mma.ly-infographic.jpg] | ||
*http://ilonet.fr/wp-content/uploads/BBVWU/2010/07/infographic_socialnetwork.jpg | *[http://ilonet.fr/wp-content/uploads/BBVWU/2010/07/infographic_socialnetwork.jpg] | ||
*http://www.blogoergosum.com/wp-content/uploads/2010/07/infographic_EDF.jpg | *[http://www.blogoergosum.com/wp-content/uploads/2010/07/infographic_EDF.jpg] | ||
*https://s3.amazonaws.com/tw_info/twitter-statistics-infographic-911.jpg | *[https://s3.amazonaws.com/tw_info/twitter-statistics-infographic-911.jpg] | ||
*http://dl.dropbox.com/u/4689980/enuneseulenew/3/media_httpwwwonlinemb_fmaDG.jpg.scaled500.jpg | *[http://dl.dropbox.com/u/4689980/enuneseulenew/3/media_httpwwwonlinemb_fmaDG.jpg.scaled500.jpg] | ||
*http://www.onlineschools.org/infographics-for-students/student-debt/studentdebt.jpg | *[http://www.onlineschools.org/infographics-for-students/student-debt/studentdebt.jpg] | ||
*http://www.onlineschools.org/blog/south-park/south-park.jpg | *[http://www.onlineschools.org/blog/south-park/south-park.jpg] | ||
*http://www.onlineschools.org/blog/wild-world-robots/robot.gif | *[http://www.onlineschools.org/blog/wild-world-robots/robot.gif] | ||
*http://www.onlineschools.org/blog/college-america/college-america.jpg | *[http://www.onlineschools.org/blog/college-america/college-america.jpg] | ||
Exemples de PDF : | Exemples de PDF : | ||
*Voici un exemple de [http://upload.wikimedia.org/wikipedia/outreach/f/f0/Welcome2WP_English_082310.pdf PDF qui explique comment participer a Wikipédia] (c'est en anglais) | *Voici un exemple de [http://upload.wikimedia.org/wikipedia/outreach/f/f0/Welcome2WP_English_082310.pdf PDF qui explique comment participer a Wikipédia] (c'est en anglais) | ||
Dernière version du 26 janvier 2011 à 12:02
|
Bienvenue sur un projet |
|
| du groupe de travail Sensibilisation |
Cette page présente une infographique en cours de réalisation.
Si vous souhaitez participer, n'hésitez pas à laisser votre avis sur la page de discussion en suivant au mieux ces recommandations.
Des infographiques de tous types fleurissent sur la toile. C'est un moyen assez intéressant pour vulgariser de l'information. Il serait souhaitable d'en réaliser une pour présenter l'April, une autre sur les logiciels libres. Une infographique pour présenter les logiciels libres peut être un bon outil pour aider à faire la promotion du libre en général. L'on pourrait commencer par en réaliser une du type "50 choses que vous ne savez pas sur les logiciels libres" en se basant sur les études les plus récentes et quelques informations marquantes.
Remarques[modifier]
Ces images présentent plusieurs défauts :
- Leur définition fixe ce qui peut poser problème en cas d'impression => Utilisation du format vectoriel SVG ou PDF
- C'est impossible a lire par des personnes ayant un handicap visuel => Utilisation d'un format vectoriel SVG ou PDF
Actuellement, un contenu devrait être conçu pour être facilement exploitable sur 4 "supports" :
- en lecture autonome sur le web
- en vidéprojection pour les confs
- en poster, pour les stands
- en sortie papier standard (A4 ou flyer tiers de A4) pour distribution avec le minimum d'effort d'adaptation.
Quesh: Pour les 4 supports je propose de réaliser plusieurs formats mais avec les mêmes informations et charte graphique. Nous pouvons rajouter à ça un mini site web (50machintruc.april.org) qui proposera le contenu en plusieurs versions (accessibilité adaptée, plusieurs langues, quizz, etc)
Exemples[modifier]
Informatique :
- http://www.redhat.com/about/where-is-open-source/activity/
- http://www.actuate.com/fr/documentations/assets/?articleid=18650
- http://www.korben.info/le-top-500-des-super-ordinateurs-est-a-91-sous-linux.html
- http://owni.fr/2011/01/15/infographie-la-galaxie-wikimedia/
Le journalisme de données :
Les rapport annuels de Nicholas Felton :
Une infographique sur "comment faire une infographique" :
Exemples d'infographique :
Exemples de PDF :
- Voici un exemple de PDF qui explique comment participer a Wikipédia (c'est en anglais)
![[1]](http://www.onlinemba.com/images/hacking.jpg){kind=link}
![[2]](http://www.onlineschools.org/blog/how-the-internet-works/internet_infographic.jpg){kind=link}
![[3]](http://owni.fr/files/2010/08/quivoussurveille.jpg){kind=link}
![[4]](http://infographiclabs.com/wp-content/uploads/2010/08/google-history-timeline-700-600x3164.jpg){kind=link}
![[5]](http://www.onlineschools.org/blog/try-online-dating/online-dating.gif){kind=link}
![[6]](http://images.sixrevisions.com/2010/04/09-03_firefox_statisics_full.jpg){kind=link}
![[7]](http://www.flowtown.com/blog/wp-content/uploads/2010/08/ft-sn-0826-520x1097.png){kind=link}
![[8]](http://www.flowtown.com/blog/wp-content/uploads/2010/07/Millennials-7-16-520x780.png){kind=link}
![[9]](http://www.flowtown.com/blog/wp-content/uploads/2010/08/broadband-0820-520x2917.png){kind=link}
![[10]](http://www.minutebuzz.com/photo/2316550-3238633.jpg?v=1283247297){kind=link}
![[11]](http://mma.ly/wp-content/uploads/2010/06/mma.ly-infographic.jpg){kind=link}
![[12]](http://ilonet.fr/wp-content/uploads/BBVWU/2010/07/infographic_socialnetwork.jpg){kind=link}
![[13]](http://www.blogoergosum.com/wp-content/uploads/2010/07/infographic_EDF.jpg){kind=link}
![[14]](https://s3.amazonaws.com/tw_info/twitter-statistics-infographic-911.jpg){kind=link}
![[15]](http://dl.dropbox.com/u/4689980/enuneseulenew/3/media_httpwwwonlinemb_fmaDG.jpg.scaled500.jpg){kind=link}
![[16]](http://www.onlineschools.org/infographics-for-students/student-debt/studentdebt.jpg){kind=link}
![[17]](http://www.onlineschools.org/blog/south-park/south-park.jpg){kind=link}
![[18]](http://www.onlineschools.org/blog/wild-world-robots/robot.gif){kind=link}
![[19]](http://www.onlineschools.org/blog/college-america/college-america.jpg){kind=link}