La datavisualisation, futur de l'information ? - SUP'INTERNET

Vous souhaitez peut-être :

[et_pb_section admin_label= »section » transparent_background= »off » background_color= »#ffffff » allow_player_pause= »off » inner_shadow= »off » parallax= »off » parallax_method= »off » custom_padding= »0px||| » padding_mobile= »off » make_fullwidth= »off » use_custom_width= »off » width_unit= »on » make_equal= »off » use_custom_gutter= »off »][et_pb_row admin_label= »Ligne »][et_pb_column type= »4_4″][et_pb_code admin_label= »Fil d’Arianne »][breadcrumb][/et_pb_code][/et_pb_column][/et_pb_row][et_pb_row admin_label= »Ligne »][et_pb_column type= »1_2″][et_pb_post_title admin_label= »Titre du poste » title= »on » meta= »on » author= »off » date= »on » date_format= »j M Y » categories= »off » comments= »off » featured_image= »off » featured_placement= »below » parallax_effect= »on » parallax_method= »on » text_orientation= »left » text_color= »dark » text_background= »off » text_bg_color= »rgba(255,255,255,0.9) » module_bg_color= »rgba(255,255,255,0) » title_all_caps= »off » use_border_color= »off » border_color= »#ffffff » border_style= »solid » module_class= »post-main-title »]

[/et_pb_post_title][et_pb_text admin_label= »Chapô » background_layout= »light » text_orientation= »left » use_border_color= »off » border_color= »#ffffff » border_style= »solid »]

Du 14 au 18 octobre, la trentaine d’étudiants du bachelor création et design web de la promotion 2015 de SUP’Internet participaient à une semaine immersive en infographie et datavisualisation. Entretien avec Vincent Lamarche, enseignant en graphisme numérique, qui a encadré cette semaine.

[/et_pb_text][et_pb_code admin_label= »En quoi a consisté cette semaine immersive ? » module_class= »post-subtitle »]<h3> En quoi a consisté cette semaine immersive ?</h3>[/et_pb_code][et_pb_text admin_label= »Texte » background_layout= »light » text_orientation= »left » use_border_color= »off » border_color= »#ffffff » border_style= »solid »]

Pendant ces cinq jours, les étudiants en webdesign devaient concevoir chacun une dizaine d’infographies sur les sujets de leurs choix. Dans les grandes lignes, l’infographie désigne la mise en forme visuelle de données afin qu’elles soient lisibles et accessibles à tous. L’idée de l’exercice était donc de pour les étudiants de mettre en œuvre leurs compétences en illustration et graphisme au service de l’information, afin qu’elle soit immédiatement compréhensible par le visuel avant que l’on ne lise.
Pour répondre à cet objectif, ils pouvaient jouer sur les intensités et nuances de couleurs, sur les échelles de formes et de tailles, les regroupements… L’infographie s’adresse à l’intellect de la personne qui va la lire, mais aussi à son affect : le visuel doit aussi transmettre une émotion, parler au subconscient.

[/et_pb_text][/et_pb_column][et_pb_column type= »1_2″][et_pb_code admin_label= »Code »]<img src="/wp-content/uploads/2013/10/dataviz2013_01-thumb-700×1000-46038.jpg" width="403" height="576" alt="dataviz2013_01.jpg" class="mt-image-none" style="display: block; margin-left: auto; margin-right: auto;" />[/et_pb_code][/et_pb_column][/et_pb_row][et_pb_row admin_label= »row » make_fullwidth= »off » use_custom_width= »off » width_unit= »on » use_custom_gutter= »on » padding_mobile= »off » allow_player_pause= »off » parallax= »off » parallax_method= »off » make_equal= »off » parallax_1= »off » parallax_method_1= »off » parallax_2= »off » parallax_method_2= »off » background_color_2= »#ffffff » column_padding_mobile= »on » custom_padding= »10px||| » gutter_width= »2″][et_pb_column type= »2_3″][et_pb_text admin_label= »Texte » background_layout= »light » text_orientation= »left » use_border_color= »off » border_color= »#ffffff » border_style= »solid »]

La seule contrainte était que les étudiants utilisent des données réelles pour leurs travaux (je leur ai d’ailleurs demandé de sourcer chacune de leurs visualisations). Pour le reste, ils pouvaient explorer n’importe quelle thématique de leurs choix : cinéma, séries télévisées, gastronomie, sciences, géopolitique, environnement, typographie… Cet ensemble reflète également les sensibilités des étudiants et font ressortir la richesse qu’il peut y avoir chez autant de personnalités.

[/et_pb_text][et_pb_image admin_label= »Image » show_in_lightbox= »off » url_new_window= »off » use_overlay= »off » animation= »off » sticky= »off » align= »center » force_fullwidth= »off » always_center_on_mobile= »on » use_border_color= »off » border_color= »#ffffff » border_style= »solid » src= »/wp-content/uploads/2013/10/dataviz2013_02-thumb-1000×700-46039.jpg »]

[/et_pb_image][et_pb_code admin_label= »Quels enjeux y’a-t-il pour des étudiants qui vont être amenés à travailler dans Internet de connaître et comprendre le travail autour des infographies ? » module_class= »post-subtitle »]<h3> Quels enjeux y'a-t-il pour des étudiants qui vont être amenés à travailler dans Internet de connaître et comprendre le travail autour des infographies ?</h3>[/et_pb_code][et_pb_text admin_label= »Texte » background_layout= »light » text_orientation= »left » use_border_color= »off » border_color= »#ffffff » border_style= »solid »]

Nous vivons dans un monde où les données circulent à une vitesse et dans des proportions que nous ne connaissions pas jusqu’alors. A titre d’exemple, en 2011 Facebook produisait 10 To de données par jour. Cette explosion du big data et le mouvement accéléré de l’open data (avec des actions publiques comme le site data.gouv.fr) font que ces données sont de plus en plus accessibles. Le public doit pouvoir les prendre en main, les traiter, les filtrer, les mettre en forme, les recouper, afin de pouvoir en tirer une analyse. L’infographiste a un rôle très important à jouer dans cette mouvance initiée par Internet.

Par ailleurs, ces infographies vont être lues sur Internet. Elles ne sont pas vouées à être comprises de manière statique comme les infographies papier. Elles vont pouvoir être interactives et dynamiques ou répondre à des traitements en temps réel. Sur Internet, on pourra plus facilement les mettre en regard les unes avec les autres.

[/et_pb_text][et_pb_image admin_label= »Image » show_in_lightbox= »off » url_new_window= »off » use_overlay= »off » animation= »off » sticky= »off » align= »center » force_fullwidth= »off » always_center_on_mobile= »on » use_border_color= »off » border_color= »#ffffff » border_style= »solid » src= »/wp-content/uploads/2013/10/dataviz2013_03-thumb-1000×700-46040.jpg »]

[/et_pb_image][et_pb_code admin_label= »Que va-t-il advenir des créations des étudiants ? » module_class= »post-subtitle »]<h3>Que va-t-il advenir des créations des étudiants ?</h3>[/et_pb_code][et_pb_text admin_label= »Texte » background_layout= »light » text_orientation= »left » use_border_color= »off » border_color= »#ffffff » border_style= »solid »]

Dans le cadre de l’exercice, en plus des datavisualisations, j’ai demandé aux étudiants de concevoir des sites pour accueillir ces informations, avec une section QCM pour rendre l’apprentissage plus ludique. La page qui sera considérée comme la plus originale et aboutie par les étudiants servira de cadre pour héberger les quelques 300 créations de cette semaine, faisant de ce site étudiant la plus grande base de données en infographie de France.

Il s’adressera à tous les curieux et les personnes souhaitant apprendre autrement. C’est une manière plus légère d’appréhender l’information, car si le format visuel implique une perte de détail dans les données traitées, elle suscitera plus facilement l’envie d’approfondir (par le biais de vecteurs plus classiques : livres, études, recherches…).

[/et_pb_text][et_pb_image admin_label= »Image » show_in_lightbox= »off » url_new_window= »off » use_overlay= »off » animation= »off » sticky= »off » align= »center » force_fullwidth= »off » always_center_on_mobile= »on » use_border_color= »off » border_color= »#ffffff » border_style= »solid » src= »/wp-content/uploads/2013/10/dataviz2013_04-thumb-1000×700-46041.jpg »]

[/et_pb_image][et_pb_code admin_label= »Titre Actualité associée »]<h2 class="sup_title_second">Toute l'actu</h2>[/et_pb_code][et_pb_blog admin_label= »Actualités associées » fullwidth= »on » posts_number= »3″ show_thumbnail= »on » show_content= »off » show_more= »off » show_author= »off » show_date= »on » show_categories= »off » show_comments= »off » show_pagination= »off » offset_number= »0″ use_overlay= »off » background_layout= »light » use_dropshadow= »off » use_border_color= »off » border_color= »#ffffff » border_style= »solid » module_class= »news-module » header_font_size= »15″ include_categories= »30″]

[/et_pb_blog][/et_pb_column][et_pb_column type= »1_3″][et_pb_code admin_label= »Partagez »]<p class="share">Partagez</p><div class="flex" style="justify-content: center"><br />
<img class="share_button share_twitter" src="/wp-content/themes/SupDivi/public/images/share_twitter.png" /><br />
<img class="share_button share_facebook" src="/wp-content/themes/SupDivi/public/images/share_facebook.png" /><br />
<img class="share_button share_gplus" src="/wp-content/themes/SupDivi/public/images/share_google.png" /><br />
<img class="share_button share_linkedin" src="/wp-content/themes/SupDivi/public/images/share_linkedin.png" /><br />
</div>[/et_pb_code][et_pb_text admin_label= »Lien Agenda » background_layout= »light » text_orientation= »left » use_border_color= »off » border_color= »#ffffff » border_style= »solid » text_font_size= »21″]

Agenda

[/et_pb_text][et_pb_code admin_label= »Code Agenda »]<a href="/agenda/" class="event-link">[event-list num_events=3 show_filterbar=false show_details=false show_location=true link_to_event=false url_to_page="/agenda/"] </a>[/et_pb_code][et_pb_text admin_label= »Lien Contact » background_layout= »light » text_orientation= »left » use_border_color= »off » border_color= »#ffffff » border_style= »solid » text_font_size= »21″]

Contact

[/et_pb_text][et_pb_text admin_label= »Texte Contact » background_layout= »light » text_orientation= »left » use_border_color= »off » border_color= »#ffffff » border_style= »solid »]

Secrétariat

Email : administration@supinternet.fr
Tel. : 01 84 07 42 35

Contact admissions

Email : admissions@supinternet.fr
Tel. : 01 80 51 71 36

Contact Presse

Direction
Email : direction@supinternet.fr
Tél : 01 84 07 42 70

Contact Entreprise

Email : entreprises@supinternet.fr
Tél : 01 84 07 43 11
Email Stages : stages@supinternet.fr

Postuler en tant qu’enseignant

Email : recrutement@supinternet.fr

[/et_pb_text][et_pb_text admin_label= »Titre Compétence & carriere » background_layout= »light » text_orientation= »left » use_border_color= »off » border_color= »#ffffff » border_style= »solid » text_font_size= »21″]

Compétences & carrière

[/et_pb_text][et_pb_text admin_label= »Liens carriere » background_layout= »light » text_orientation= »left » use_border_color= »off » border_color= »#ffffff » border_style= »solid »]

[/et_pb_text][et_pb_text admin_label= »Lien Stage » background_layout= »light » text_orientation= »left » use_border_color= »off » border_color= »#ffffff » border_style= »solid » text_font_size= »21″]

Stage

[/et_pb_text][et_pb_text admin_label= »Texte Stage » background_layout= »light » text_orientation= »left » use_border_color= »off » border_color= »#ffffff » border_style= »solid »]

À SUP’Internet nous pensons que pour former des professionnels opérationnels une fois diplômés, il faut qu’ils aient accès au monde du travail et soient guidés durant leur apprentissage. C’est pour cela que SUP’Internet a fait le choix d’allier le stage à la formation de nos étudiants, et ce sur les trois années du cursus.

[/et_pb_text][et_pb_button admin_label= »Soumettre offre » url_new_window= »off » button_text= »Offres de stage » button_alignment= »left » background_layout= »light » custom_button= »on » button_letter_spacing= »0″ button_use_icon= »off » button_icon_placement= »right » button_on_hover= »on » button_letter_spacing_hover= »0″ button_url= »/etudiants-stage-entreprise/ »]

[/et_pb_button][/et_pb_column][/et_pb_row][/et_pb_section]

Fermer le menu