a.heateor_sss_amp{padding:0 4px;}div.heateor_sss_horizontal_sharing a amp-img{display:inline-block;}.heateor_sss_amp_gab img{background-color:#25CC80}.heateor_sss_amp_parler img{background-color:#892E5E}.heateor_sss_amp_gettr img{background-color:#E50000}.heateor_sss_amp_instagram img{background-color:#624E47}.heateor_sss_amp_yummly img{background-color:#E16120}.heateor_sss_amp_youtube img{background-color:#ff0000}.heateor_sss_amp_teams img{background-color:#5059c9}.heateor_sss_amp_google_translate img{background-color:#528ff5}.heateor_sss_amp_x img{background-color:#2a2a2a}.heateor_sss_amp_rutube img{background-color:#14191f}.heateor_sss_amp_buffer img{background-color:#000}.heateor_sss_amp_delicious img{background-color:#53BEEE}.heateor_sss_amp_rss img{background-color:#e3702d}.heateor_sss_amp_facebook img{background-color:#0765FE}.heateor_sss_amp_perplexity img{background-color:#165962}.heateor_sss_amp_claude img{background-color:#D97757}.heateor_sss_amp_google_ai img{background-color:#000}.heateor_sss_amp_grok img{background-color:#000}.heateor_sss_amp_chatgpt img{background-color:#000}.heateor_sss_amp_digg img{background-color:#006094}.heateor_sss_amp_email img{background-color:#649A3F}.heateor_sss_amp_float_it img{background-color:#53BEEE}.heateor_sss_amp_linkedin img{background-color:#0077B5}.heateor_sss_amp_pinterest img{background-color:#CC2329}.heateor_sss_amp_print img{background-color:#FD6500}.heateor_sss_amp_reddit img{background-color:#FF5700}.heateor_sss_amp_mastodon img{background-color:#6364FF}.heateor_sss_amp_stocktwits img{background-color: #40576F}.heateor_sss_amp_mewe img{background-color:#007da1}.heateor_sss_amp_mix img{background-color:#ff8226}.heateor_sss_amp_tumblr img{background-color:#29435D}.heateor_sss_amp_twitter img{background-color:#55acee}.heateor_sss_amp_vkontakte img{background-color:#0077FF}.heateor_sss_amp_yahoo img{background-color:#8F03CC}.heateor_sss_amp_xing img{background-color:#00797D}.heateor_sss_amp_instagram img{background-color:#527FA4}.heateor_sss_amp_whatsapp img{background-color:#55EB4C}.heateor_sss_amp_aim img{background-color: #10ff00}.heateor_sss_amp_amazon_wish_list img{background-color: #ffe000}.heateor_sss_amp_aol_mail img{background-color: #2A2A2A}.heateor_sss_amp_app_net img{background-color: #5D5D5D}.heateor_sss_amp_balatarin img{background-color: #fff}.heateor_sss_amp_bibsonomy img{background-color: #000}.heateor_sss_amp_bitty_browser img{background-color: #EFEFEF}.heateor_sss_amp_blinklist img{background-color: #3D3C3B}.heateor_sss_amp_blogger_post img{background-color: #FDA352}.heateor_sss_amp_blogmarks img{background-color: #535353}.heateor_sss_amp_bookmarks_fr img{background-color: #E8EAD4}.heateor_sss_amp_box_net img{background-color: #1A74B0}.heateor_sss_amp_buddymarks img{background-color: #ffd400}.heateor_sss_amp_care2_news img{background-color: #6EB43F}.heateor_sss_amp_comment img{background-color: #444}.heateor_sss_amp_diary_ru img{background-color: #E8D8C6}.heateor_sss_amp_diaspora img{background-color: #2E3436}.heateor_sss_amp_dihitt img{background-color: #FF6300}.heateor_sss_amp_diigo img{background-color: #4A8BCA}.heateor_sss_amp_douban img{background-color: #497700}.heateor_sss_amp_draugiem img{background-color: #ffad66}.heateor_sss_amp_evernote img{background-color: #8BE056}.heateor_sss_amp_facebook_messenger img{background-color: #0084FF}.heateor_sss_amp_fark img{background-color: #555}.heateor_sss_amp_fintel img{background-color: #087515}.heateor_sss_amp_flipboard img{background-color: #CC0000}.heateor_sss_amp_folkd img{background-color: #0F70B2}.heateor_sss_amp_google_news img{background-color: #4285F4}.heateor_sss_amp_google_classroom img{background-color: #FFC112}.heateor_sss_amp_google_gmail img{background-color: #E5E5E5}.heateor_sss_amp_hacker_news img{background-color: #F60}.heateor_sss_amp_hatena img{background-color: #00A6DB}.heateor_sss_amp_instapaper img{background-color: #EDEDED}.heateor_sss_amp_jamespot img{background-color: #FF9E2C}.heateor_sss_amp_kakao img{background-color: #FCB700}.heateor_sss_amp_kik img{background-color: #2A2A2A}.heateor_sss_amp_kindle_it img{background-color: #2A2A2A}.heateor_sss_amp_known img{background-color: #fff101}.heateor_sss_amp_line img{background-color: #00C300}.heateor_sss_amp_livejournal img{background-color: #EDEDED}.heateor_sss_amp_mail_ru img{background-color: #356FAC}.heateor_sss_amp_mendeley img{background-color: #A70805}.heateor_sss_amp_meneame img{background-color: #FF7D12}.heateor_sss_amp_mixi img{background-color: #EDEDED}.heateor_sss_amp_myspace img{background-color: #2A2A2A}.heateor_sss_amp_netlog img{background-color: #2A2A2A}.heateor_sss_amp_netvouz img{background-color: #c0ff00}.heateor_sss_amp_newsvine img{background-color: #055D00}.heateor_sss_amp_nujij img{background-color: #D40000}.heateor_sss_amp_odnoklassniki img{background-color: #F2720C}.heateor_sss_amp_oknotizie img{background-color: #fdff88}.heateor_sss_amp_outlook_com img{background-color: #0072C6}.heateor_sss_amp_papaly img{background-color: #3AC0F6}.heateor_sss_amp_pinboard img{background-color: #1341DE}.heateor_sss_amp_plurk img{background-color: #CF682F}.heateor_sss_amp_pocket img{background-color: #ee4056}.heateor_sss_amp_polyvore img{background-color: #2A2A2A}.heateor_sss_amp_printfriendly img{background-color: #61D1D5}.heateor_sss_amp_protopage_bookmarks img{background-color: #413FFF}.heateor_sss_amp_pusha img{background-color: #0072B8}.heateor_sss_amp_qzone img{background-color: #2B82D9}.heateor_sss_amp_refind img{background-color: #1492ef}.heateor_sss_amp_rediff_mypage img{background-color: #D20000}.heateor_sss_amp_renren img{background-color: #005EAC}.heateor_sss_amp_segnalo img{background-color: #fdff88}.heateor_sss_amp_sina_weibo img{background-color: #ff0}.heateor_sss_amp_sitejot img{background-color: #ffc800}.heateor_sss_amp_skype img{background-color: #00AFF0}.heateor_sss_amp_sms img{background-color: #6ebe45}.heateor_sss_amp_slashdot img{background-color: #004242}.heateor_sss_amp_stumpedia img{background-color: #EDEDED}.heateor_sss_amp_svejo img{background-color: #fa7aa3}.heateor_sss_amp_symbaloo_feeds img{background-color: #6DA8F7}.heateor_sss_amp_telegram img{background-color: #3DA5f1}.heateor_sss_amp_trello img{background-color: #1189CE}.heateor_sss_amp_tuenti img{background-color: #0075C9}.heateor_sss_amp_twiddla img{background-color: #EDEDED}.heateor_sss_amp_typepad_post img{background-color: #2A2A2A}.heateor_sss_amp_viadeo img{background-color: #2A2A2A}.heateor_sss_amp_viber img{background-color: #8B628F}.heateor_sss_amp_wordpress img{background-color: #464646}.heateor_sss_amp_wykop img{background-color: #367DA9}.heateor_sss_amp_yahoo_mail img{background-color: #400090}.heateor_sss_amp_yahoo_messenger img{background-color: #400090}.heateor_sss_amp_youmob img{background-color: #3B599D}.heateor_sss_amp_gentlereader img{background-color: #46aecf}.heateor_sss_amp_threema img{background-color: #2A2A2A}.heateor_sss_amp_bluesky img{background-color:#0085ff}.heateor_sss_amp_threads img{background-color:#000}.heateor_sss_amp_raindrop img{background-color:#0b7ed0}.heateor_sss_amp_micro_blog img{background-color:#ff8800}/** * Jetpack related posts */ /** * The Gutenberg block */ .jp-related-posts-i2 { margin-top: 1.5rem; } .jp-related-posts-i2__list { --hgap: 1rem; display: flex; flex-wrap: wrap; column-gap: var(--hgap); row-gap: 2rem; margin: 0; padding: 0; list-style-type: none; } .jp-related-posts-i2__post { display: flex; flex-direction: column; /* Default: 2 items by row */ flex-basis: calc(( 100% - var(--hgap) ) / 2); } /* Quantity qeuries: see https://alistapart.com/article/quantity-queries-for-css/ */ .jp-related-posts-i2__post:nth-last-child(n+3):first-child, .jp-related-posts-i2__post:nth-last-child(n+3):first-child ~ * { /* From 3 total items on, 3 items by row */ flex-basis: calc(( 100% - var(--hgap) * 2 ) / 3); } .jp-related-posts-i2__post:nth-last-child(4):first-child, .jp-related-posts-i2__post:nth-last-child(4):first-child ~ * { /* Exception for 4 total items: 2 items by row */ flex-basis: calc(( 100% - var(--hgap) ) / 2); } .jp-related-posts-i2__post-link { display: flex; flex-direction: column; row-gap: 0.5rem; width: 100%; margin-bottom: 1rem; line-height: 1.2; } .jp-related-posts-i2__post-link:focus-visible { outline-offset: 2px; } .jp-related-posts-i2__post-img { order: -1; max-width: 100%; } .jp-related-posts-i2__post-defs { margin: 0; list-style-type: unset; } /* Hide, except from screen readers */ .jp-related-posts-i2__post-defs dt { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; } .jp-related-posts-i2__post-defs dd { margin: 0; } /* List view */ .jp-relatedposts-i2[data-layout="list"] .jp-related-posts-i2__list { display: block; } .jp-relatedposts-i2[data-layout="list"] .jp-related-posts-i2__post { margin-bottom: 2rem; } /* Breakpoints */ @media only screen and (max-width: 640px) { .jp-related-posts-i2__list { display: block; } .jp-related-posts-i2__post { margin-bottom: 2rem; } } /* Container */ #jp-relatedposts { display: none; padding-top: 1em; margin: 1em 0; position: relative; clear: both; } .jp-relatedposts::after { content: ""; display: block; clear: both; } /* Headline above related posts section, labeled "Related" */ #jp-relatedposts h3.jp-relatedposts-headline { margin: 0 0 1em 0; display: inline-block; float: left; font-size: 9pt; font-weight: 700; font-family: inherit; } #jp-relatedposts h3.jp-relatedposts-headline em::before { content: ""; display: block; width: 100%; min-width: 30px; border-top: 1px solid rgba(0, 0, 0, 0.2); margin-bottom: 1em; } #jp-relatedposts h3.jp-relatedposts-headline em { font-style: normal; font-weight: 700; } /* Related posts items (wrapping items) */ #jp-relatedposts .jp-relatedposts-items { clear: left; } #jp-relatedposts .jp-relatedposts-items-visual { margin-right: -20px; } /* Related posts item */ #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post { float: left; width: 33%; margin: 0 0 1em; /* Needs to be same as the main outer wrapper for Related Posts */ box-sizing: border-box; } #jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post { padding-right: 20px; filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; } #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post:nth-child(3n+4), #jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post:nth-child(3n+4) { clear: both; } #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post:hover .jp-relatedposts-post-title a { text-decoration: underline; } #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post:hover { filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; } /* Related posts item content */ #jp-relatedposts .jp-relatedposts-items-visual h4.jp-relatedposts-post-title, #jp-relatedposts .jp-relatedposts-items p, #jp-relatedposts .jp-relatedposts-items time { font-size: 14px; line-height: 20px; margin: 0; } #jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post-nothumbs { position: relative; } #jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post-nothumbs a.jp-relatedposts-post-aoverlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: block; border-bottom: 0; } #jp-relatedposts .jp-relatedposts-items p, #jp-relatedposts .jp-relatedposts-items time { margin-bottom: 0; } #jp-relatedposts .jp-relatedposts-items-visual h4.jp-relatedposts-post-title { text-transform: none; margin: 0; font-family: inherit; display: block; max-width: 100%; } #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a { font-size: inherit; font-weight: 400; text-decoration: none; filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; } #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a:hover { text-decoration: underline; } #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post img.jp-relatedposts-post-img, #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post span { display: block; max-width: 90%; overflow: hidden; text-overflow: ellipsis; } #jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post img.jp-relatedposts-post-img, #jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post span { height: auto; max-width: 100%; } #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-date, #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-context { opacity: 0.6; } /* Hide the date by default, but leave the element there if * a theme wants to use css to make it visible. */ .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-date { display: none; } /* Behavior when there are thumbnails in visual mode */ #jp-relatedposts .jp-relatedposts-items-visual div.jp-relatedposts-post-thumbs p.jp-relatedposts-post-excerpt { display: none; } /* Behavior when there are no thumbnails in visual mode */ #jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post-nothumbs p.jp-relatedposts-post-excerpt { overflow: hidden; } #jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post-nothumbs span { margin-bottom: 1em; } /* List Layout */ #jp-relatedposts .jp-relatedposts-list .jp-relatedposts-post { clear: both; width: 100%; } #jp-relatedposts .jp-relatedposts-list .jp-relatedposts-post img.jp-relatedposts-post-img { float: left; overflow: hidden; max-width: 33%; margin-right: 3%; } #jp-relatedposts .jp-relatedposts-list h4.jp-relatedposts-post-title { display: inline-block; max-width: 63%; } /* * Responsive */ @media only screen and (max-width: 640px) { #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post { width: 50%; } #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post:nth-child(3n) { clear: left; } #jp-relatedposts .jp-relatedposts-items-visual { margin-right: 20px; } } @media only screen and (max-width: 320px) { #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post { width: 100%; clear: both; margin: 0 0 1em; } #jp-relatedposts .jp-relatedposts-list .jp-relatedposts-post img.jp-relatedposts-post-img, #jp-relatedposts .jp-relatedposts-list h4.jp-relatedposts-post-title { float: none; max-width: 100%; margin-right: 0; } } /* * Hide the related post section in the print view of a post */ @media print { .jp-relatedposts { display: none !important; } } .wp-block-jetpack-rating-star span.screen-reader-text { border: 0; clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; word-wrap: normal; }

Site icon Club Innovation & Culture CLIC France

Emmanuel Rouillier (Mosquito) : « je commence maintenant à  penser le design d’un site à  partir de la version tablette »

Partager :
Temps de lecture : 9 min

Emmanuel Rouillier, Directeur et Fondateur de l’agence Mosquio, répond aux questions du CLIC France et partage sa vision du numérique culturel actuel.

Mosquito à  été créé à  la fin de l’année 1996, au moment ou les premiers fournisseurs d’accès lancaient les forfaits Internet grand public. Quelques mois auparavant était sortie la première version stable de Netscape qui avait introduit la notion de tableau et ouvrait la voie à  la réalisation de mises en page évoluées sur le web. C’était l’époque un peu héroà¯que des pionniers, on était à  fond dans l’innovation.

Nous étions des jeunes graphistes « print », diplômé d’écoles d’Arts appliqués. Mais j’avais déjà  quelques années d’expérience dans la production de Cédéroms interactifs. J’ai toujours été un peu geek, j’avais un ZX81 dans ma chambre de collégien !

Mosquito a toujours été un petit atelier, si nous avons été jusqu’à  7 ou 8 permanents autours des années 2000, nous sommes toujours approximativement le même nombre, mais la plupart d’entre nous sont free lance, ne reste de permanent à  l’atelier que mon assistante, des stagiaires et moi. Cependant, l’équipe est très fidèle. Nous nous connaissons tous depuis longtemps et avons beaucoup de plaisir à  travailler ensemble. Régulièrement de nouveaux membres viennent renforcer l’équipe et apporter de nouvelles compétences ou de nouvelles technologies. Il y a des développeurs spécialistes de CMS, par exemple Arnaud Martin un des créateurs du CMS SPIP, mais aussi des développeurs Drupal, WordPress ou PHP, des vidéastes, animateurs, monteurs, photographes spécialisés dans la reproduction d’œuvres d’art et de photos panoramiques. Il y a aussi un constructeur de table multi touche, des développeurs Python, Processing, Pure data et même un designer sonore €¦ Par contre, Mosquito est probablement une des rares agences interactives à  avoir le même directeur artistique depuis 17 ans.

Je pense que le multimédia au sens de médiation culturelle numérique est un outil particulièrement adapté la découverte et à  l’apprentissage des connaissances. Nous sommes à  l’aube de grands bouleversements. J’aime particulièrement travailler sur des usages et des technologies innovantes, pour cela, il faut aimer prendre des risques, cependant, dans bien des projets, aujourd’hui le risque est inacceptable. Cela rend l’innovation beaucoup plus difficile.

En 1998, nous travaillions pour le ministère des Affaires étrangères et plusieurs de leurs opérateurs comme l’AFAA (maintenant l’institut français) et le réseau des Centres culturels et des Alliances française dans le monde, sur un projet de centre culturel virtuel. Ce projet avait été remarqué par Yahoo France (l’acteur Internet le plus puissant de l’époque) comme l’un des sites Internet les plus intéressant de l’année. Cela nous à  apporté une belle visibilité. Quelques jours plus tard, la réunion des musées nationaux et le ministère de la culture nous contactaient pour nous confier des projets. Depuis nous avons eu la chance de travailler avec beaucoup de lieux culturels très prestigieux.

Client et liens vers principales réalisations culturelles et muséales durant les 12 derniers mois:
. le site du MAC/VAL (musée d’arts contemporain du Val de Marne)
. le site des Abattoirs (musée d’art moderne et contemporain de Toulouse)
. un projet de site pour enfant avec la Cité de l €˜architecture
. le design du site du musée Guimet

Le responsive design est un nouveau tournant dans la conception des sites web. 20% de la consultation des sites web se fait maintenant sur des mobiles. Il est donc évident que les sites des institutions muséales doivent être optimisés pour ces supports, d’autant que ce chiffre ne cesse d’augmenter.

Depuis cette année tous nos projets de site sont construits en responsive design. Ainsi, le même contenu s’adapte en fonction de l’écran sur lequel le visiteur le consulte. Ceci engendre de nouveaux usages et impacte la façon dont le contenu est pensé et structuré.

Comme graphiste, je commence maintenant à  penser le design d’un site à  partir de la version tablette, puis je le décline sur un petit écran dans une logique d’usage en mobilité, ce n’est que ensuite que je dessine la version desktop. Mine de rien c’est une petite révolution.

Nous avons commencé par une version mobile et tablette distincte du site Cité de la musique Live. Puis une version totalement responsive du MAC/VAL qui à  été notre tout premier essai avec les Media Queries. Nous avons enchainé avec une version responsive des Abattoirs. Celle-ci a été déclinée en application IOS et Androà¯d. Hybride moitié embarquée, moitié version mobile en ligne.

La stratégie de communication à  mettre en œuvre par une institution sur les réseaux sociaux n’est pas notre métier. Par contre, je pense que construire un site sur un mode participatif peut être extrêmement intéressant.

Actuellement nous travaillons à  la refonte du site de l’école Boulle que nous avons conçu sur le modèle du « mur » de Facebook.

Chaque étudiant sera en mesure de poster sur le mur de sa classe, de sa section et de son département, des messages, photos, vidéos, qui pourrons être des résultats de travaux, de workshops, des photos prisent lors de voyages d’études, la participation à  des expos ou des concours, etc. La modération sera réalisée par un professeur référent. L’idée est de favoriser l’émulation en impliquant au maximum tous ceux qui étudient ou travail à  l’école. Je ne crois pas qu’aucune autre école ai tenté ce genre d’expérience, j’espère que le concept prendra, nous le saurons  en septembre.

Le site autour de l’exposition Situation(s) du MAC/VAL est à  ma connaissance la première expérience de curation d’exposition participative. Le public est invité à  sélectionner des œuvres ou des documents en rapport avec l’exposition. A travers un thesaurus de mots clés, le public référence, depuis le web, des images, des textes et des vidéos et les soumets à  la validation du commissaire. Après acceptation, l’application fabriquera alors automatiquement les cimaises et installera les contenus dans les pages.

Projection du site dans le hall du MAC/Val pendant le vernissage de l’exposition Situation(s), le vendredi 29 juin 2012.

En 2008, nous réalisé une des toute première application muséale française pour le musée Jacquemart André, un audio guide ultra traditionnel pour l’exposition « Bruegel, Memling, Van Eyck » fabriqué avec Xcode. Ensuite, nous avons réalisé une application plus ambitieuse pour le musée des Arts décoratifs dont nous venons juste de terminer le portage sur Androà¯d.

Nous avons aussi réalisé 2 albums numériques pour le ch teau de Malmaison, une visite virtuel panoramique à  360 ° et une présentation de la collection de costumes, des robes de cours de Joséphine et des vêtements de Napoléon. Les 2 albums proposent de manipuler les images avec le doigt de façon à  tirer partie de la surface Tactile des tablettes et à  rendre l’expérience de consultation d’un album numérique différent de la consultation d’un livre traditionnel.

Nous venons de terminer pour le centre Pompidou une application automatisant complètement la gestion des invitations aux vernissages des expositions du centre. De la conception graphique des invitations à  la connexion avec la base des invités jusqu’à  l’envoie en masse des emails, l’application prends en comptes toutes les étapes du processus. Les invités reçoivent leurs cartons d’invitations numériques nominatifs par email, ils seront scannés à  l’entrée du vernissage gr ce à  un code barre ou un QR Code personnel.

Nous travaillons sur une App hybride (embarquée/mobile) pour la cité de la musique.  Il y a encore d’autres projets dans les cartons mais pour le moment ils sont encore incertains.

Nous déclinons les versions IOS vers Androà¯d, par exemple pour les Arts déco, mais aussi pour les albums de Malmaison ou pour les Abattoirs. C’est encore trop neuf pour pouvoir faire des comparaison du nombre de téléchargement. Il semble cependant qu’il y ai un net avantage aux versions IOS, (95% IOS €“ 5% Android pour une meme application), mais nous allons surveiller ça avec attention.

Le gros avantage de la version mobile, c’est qu’elle est faite pour être multi OS.

Personnellement, je conseil à  mes client d’utiliser une version mobile et ainsi d’utiliser la plate forme de gestion de contenu de leur site Internet.

Les sites responsive nécessitent d’utiliser du CSS3 et du html5 ce qui permet d’obtenir plein de nouveaux effets d’animation très sympa par contre, cela nécessite d’abandonner la compatibilité IE6 et 7. Pour être présent sur l’Appstore, je conseil de créer une App, avec un peu de contenu embarqué, principalement des gros média, et d’utiliser des pages en provenance de la version mobile pour tous les contenus liés à  l’actualité, la programmation, les expos €¦etc. Je travaille aussi sur un CMS qui permettra aux musée de produire eux même leurs audio guide en incluant un lecteur de QR Codes. Le musée pourra choisir de construire une version on-line ou off-line.

Je trouve qu’une des choses les plus excitantes ces dernières années, c’est le retour du multimédia en salle, rendu possible gr ce à  l’apparition des dispositifs multi tactile.

Nous réalisons actuellement une table multitouche de 2,40 mètre de long pour le musée Curie, rue d’Ulm à  Paris dans le 5e. Cette table sera un des éléments phares de la nouvelle muséographie pour la réouverture du musée Curie. Inauguration en septembre.

Nous venons de signer pour la réalisation d’une 2e table à  livrer en novembre 2012, à  la cité universitaire international de Paris.

J’aime beaucoup, les contenus jeunesse, c’est toujours l’occasion de réaliser des productions un peu décalées. Par contre, ce sont des productions qui coà»tent cher, elles nécessitent beaucoup d’animations, de la voix off, de l’illustration €¦ tous ceci coute cher ! Un projet que j’aime bien, c’est les Archimômes, un site destiné aux enfants réalisé avec la Cité de l’architecture il à  été soutenu par le fond du ministère de la Culture pour les applications innovantes en 2010.

Oui, j’y crois beaucoup, j’adore cette idée d’apprendre en s’amusant, par contre, je n’aime pas le terme « serious game », car justement ça à  l’air ennuyeux. J’espère que nous arriverons à  produire l’année prochaine une déclinaison d’un parcours de visite/ jeu mobile, en salle, autour du site Archimômes avec la Cité de l’architecture.

Ils sont si peux nombreux. Par contre ce qui est chouette, c’est que tous reste encore à  faire.

La Tate, sans hésitation, le Brooklyn Museum, le MoMA

Le jeu de Paume, La maison européenne de la Photo, la maison rouge, le Palais de Tokyo, car je suis fan d’art contemporain.

Mais surtout, indépendamment de la thématique, j’aimerais travailler avec un lieu et une équipe qui souhaitent intégrer le numérique comme un des éléments centraux de la médiation avec le public. Du coup, €¦ encore la Tate.

MOSQUITO INFOS PRATIQUES

Date de création de la société : 1996
Nombre de collaborateurs : 7 ou 8
Activités principales : Médiation culturel numérique. Conception et réalisation de sites Internet, d’applications mobiles, d’albums numériques sur tablette, de bornes tactiles, de tables multitouche de systèmes vidéo projeté €¦
Site web : www.mosquito.fr
Page facebook : http://www.facebook.com/mosquitolab
Twitter : manumosquito
Adresse : 23, rue du Buisson Saint-Louis 75010 Paris
Contact mail : emmanuel@mosquito.fr
Contact téléphone : 01 47 70 00 11

 

Interview réalisée le 4 juillet 2012.

Quitter la version mobile