SlideShare une entreprise Scribd logo
Etes
  vous
 prêts?

          Convergence et mobilité des contenus :
                               enjeux et intérêts
                  Encore silencieuse, une révolution sourde
Regardez attentivement vos sites Web et mobiles,
 d’ici 1 an, ils n’auront plus la même tête.
Résumé



Encore silencieuse, une révolution sourde.
Un contenu unique qui s’adapte à toutes sortes et toutes tailles d’écran :
la convergence frappe à nos portes soutenue par l’avènement du langage de
programmation HTML5 et ses nouvelles fonctionnalités résolument innovantes sur mobile.

Le département communication de Vanksen décrypte les forces en marche,
avec des mots simples, pour que la révolution de la convergence et
de la mobilité soient embrassées par le plus grand nombre.




     Soyez
     Prêts!
Aujourd’hui,

  les supports se multiplient à tire-larigot.Les entreprises entrent dans une
  course effrénée pour développer une multitude d’applications afin que
  leurs contenus soient consultables sur tous ces supports.
Ce qu’il faut savoir sur les supports*




Chaque support a ses contraintes :
 taille et définition d’écran,
 format : paysage ou portrait,
 débit Internet : Wifi ou 3G,
 navigation : tactile ou souris

Et chaque support requiert
autant de contraignantes mises à jour.
                                         *On parle aussi de plateformes, de terminaux, ou encore d’écrans.
Immanquablement, tout ceci prend du temps, beaucoup de temps




                    I’m in
                  a hurry
Et comme l’a judicieu-   Quid des PME
sement remarqué          qui ne peuvent pas se
Benjamin Franklin        permettre de dégager
au 18e siècle (déjà)     un budget conséquent
« le temps, c’est de     pour s’assurer une
l’argent ».              présence globale ?



Quid des                 Mais aussi,
                         des contenus
entreprises              déconnectés les uns
qui n’ont pas de temps   des autres, est-ce
à perdre pour mettre à   vraiment logique dans
jour tous ces contenus   un monde justement
éclatés ?                connecté ?
Haro sur l’injustice et
         l’incohérence !
La révolution de la convergence
        est en marche...
Demain,
                       t
                   ul e nu !
            U n se onte
                   c
              q ue
          uni



                      les entreprises qui le veulent auront
                                  1 seul et unique contenu
                            pour l’ensemble des supports
                               sur lesquels elles souhaitent
                                             être présentes.
Merci qui ?




                                             esign!
                                     e Web d
                           es ponsiv
               Mer ci le r

              Merci HTML5!




                            Pardon...qui ?
Responsive Web design: quèsaco ?



« Un site dit responsive s’adapte automatiquement au terminal
sur lequel il est consulté : quantité et taille des textes, format
des images, organisation et agencement des contenus... En
détectant la largeur de votre écran ou navigateur, il devient
possible de déterminer quel type d’affichage sera le plus
approprié. »

                                         Jérémie Cook dans atlantico.fr, 20 août 20122
Depuis le 21 octobre 2012, le Time Magazine s’est mis au responsive Web Design
HTML5: quèsaco ?



   H   HTML L5 est une terminologie ombrelle qui englobe :



       HTML
             HTML est le langage de programmation (balisage hypertexte) qui permet de structurer
                  et de présenter le contenu des pages Web.
                  a plus de 20 ans. Au début, ce langage était rudimentaire et comprenait
                  des lignes de texte, des liens et des images.
                  est en constante évolution, chaque nouvelle version de sa norme apporte
                  son lot de fonctionnalités et d’améliorations supplémentaires.
HTML5 : quèsaco ?




                    Puis, la page Web est devenue
                    dynamique grâce à l’invention
                    du langage de script JavaScript,
                    et encore plus dynamique avec
                    JavaScript XHR.
HTML5 : quèsaco ?




                    Avec l’arrivée des feuilles de style en
                    cascade, les fameuses CSS, les pages Web
                    sont également devenues plus vivantes.
                    Elles améliorent l’esthétique des pages avec
                    notamment des couleurs, des coins
                    arrondis, des dégradés et des animations.
HTML5...




       Le nouveau standard universel Web et mobile ?
                     Il y a des chances.
Quel intéret pour les entreprises ?



+ de sens :
   HTML5 introduit de nouvelles balises pour aider le navigateur et les moteurs de recherche
   à déterminer la sémantique d’une page.
   A noter que l'analyse des pages par des robots ou par des synthétiseurs vocaux sera facilitée.



+ pratique :
   Fonction « glisser-déposer » : chaque élément d’une page peut-être déplacé dans le navigateur
   Fonction « hors connexion » : permet de continuer à travailler sans connexion à Internet
   Fonction « local storage » : pour stocker facilement des informations dans le navigateur
   ...
Quel intéret pour les entreprises ?


+ de géolocalisation:
   Si l’utilisateur a donné son feu vert, le navigateur est en mesure de fournir les coordonnées
   de l’utilisateur telles que sa latitude, sa longitude et son altitude. Il est même possible
   de déterminer la vitesse à laquelle il se déplace !
Quel intéret pour les entreprises ?


<video>
Cette balise intègre directement un lecteur vidéo dans la page, avec des boutons
Lecture, Pause, une barre de progression, du volume… en fait, un petit Youtube plus
vrai que nature dans la page et natif au navigateur.

<audio>
La balise audio c’est grosso modo trois lignes de code pour avoir l’équivalent d’un
lecteur MP3.

<canvas>
Cette balise que tous les éditeurs de jeu attendaient comme le Messie est une surface
sur laquelle il est possible de tracer des formes et de les animer : en deux mots, de
réaliser des animations ou des jeux. Couplée avec le standard WebGL de rendu
3D, Canvas permet d’obtenir des résultats éblouissants au sein même du navigateur.


HTML5 fonctionne partout, à condition de télécharger une version récente de son navigateur.
Certaines fonctionnalités sont en cours d’adoption.
Quel intêret pour les entreprises



                   Réduction des coûts
                   Sécurité
                   Flexibilité
                   Mobilité



         HTML5 fournit aux entreprises des avantages qu’aucun autre modèle
         informatique n’est en mesure de lui apporter. C’est, en effet, un gain de
         productivité évident que d’user d’un seul code source pour l’ensemble de ses
         écrans.




18
Ils ont franchi le Rubicon
Responsive Web design & HTML5 :

de nouvelles techniques et bonnes pratiques, indépendantes mais
complémentaires, pour vous aider à relever le défi de la mobilité
et de la multiplication des écrans car les consommateurs
d’aujourd’hui et de demain sont des consommateurs connectés.
Soyez où vos consommateurs sont.



Soyez
Prêts.!
Contactez
   nous!


            Sur le web              Nos agences
            vanksen.fr              France / +33 1 55 33 89 00
            Twitter.com/vanksen     Benelux / +352 48 90 90 100
            Facebook.com/vanksen    Suisse / +41 22 306 49 90
            Pinterest.com/vanksen

Contenu connexe

En vedette

TechDays 2010 (CLO301) : Windows Azure Comment Migrer Une Application
TechDays 2010 (CLO301) : Windows Azure Comment Migrer Une ApplicationTechDays 2010 (CLO301) : Windows Azure Comment Migrer Une Application
TechDays 2010 (CLO301) : Windows Azure Comment Migrer Une Application
Thomas Conté
 
Linq et Entity framework
Linq et Entity frameworkLinq et Entity framework
Linq et Entity framework
DNG Consulting
 
E-Commerce en Chine : les clés du succès
E-Commerce en Chine : les clés du succèsE-Commerce en Chine : les clés du succès
E-Commerce en Chine : les clés du succès
altima°
 
Ppt e marketing mkt direct
Ppt e marketing mkt directPpt e marketing mkt direct
Ppt e marketing mkt direct3Market
 
Etudes Utilisateur et ROI
Etudes Utilisateur et ROI Etudes Utilisateur et ROI
Etudes Utilisateur et ROI
Wax Interactive
 
22 examples of trigger e mails for marketing automation
22 examples of trigger e mails for marketing automation22 examples of trigger e mails for marketing automation
22 examples of trigger e mails for marketing automation
divya_jain
 
La retransmission de vos évènements en direct sur internet
La retransmission de vos évènements en direct sur internetLa retransmission de vos évènements en direct sur internet
La retransmission de vos évènements en direct sur internet
View On Video & Rich Media
 
[Fr] le business case de la WebTV d'Orange Business Services
[Fr] le business case de la WebTV d'Orange Business Services[Fr] le business case de la WebTV d'Orange Business Services
[Fr] le business case de la WebTV d'Orange Business ServicesYann Gourvennec
 
New trends in e-commerce user experience
New trends in e-commerce user experienceNew trends in e-commerce user experience
New trends in e-commerce user experience
Sam Woodman
 
Livre banc woudjoudweb 1
Livre banc woudjoudweb 1Livre banc woudjoudweb 1
Livre banc woudjoudweb 1
KRIM AZEDDINE
 
SGBDR - ACCESS
SGBDR - ACCESSSGBDR - ACCESS
SGBDR - ACCESS
Musatge
 
Les offres TRAVEL d'Altice Media Publicité avec Lonely Planet
Les offres TRAVEL d'Altice Media Publicité avec Lonely PlanetLes offres TRAVEL d'Altice Media Publicité avec Lonely Planet
Les offres TRAVEL d'Altice Media Publicité avec Lonely Planet
Altice Media Publicité
 
Cours d'introduction au Marketing direct
Cours d'introduction au Marketing directCours d'introduction au Marketing direct
Cours d'introduction au Marketing direct
Sandrine Michel
 
E-mail marketing : réussir sa campagne d'e-mailing (pour PME et indépendant)
E-mail marketing : réussir sa campagne d'e-mailing (pour PME et indépendant)E-mail marketing : réussir sa campagne d'e-mailing (pour PME et indépendant)
E-mail marketing : réussir sa campagne d'e-mailing (pour PME et indépendant)
Sylvie de Meeûs
 
L'art du Retargeting - Julien Le Coupanec, Growth Hacker chez TheFamily
L'art du Retargeting - Julien Le Coupanec, Growth Hacker chez TheFamilyL'art du Retargeting - Julien Le Coupanec, Growth Hacker chez TheFamily
L'art du Retargeting - Julien Le Coupanec, Growth Hacker chez TheFamily
TheFamily
 
Groupe Wib Digital Agency Morocco
Groupe Wib Digital Agency MoroccoGroupe Wib Digital Agency Morocco
Groupe Wib Digital Agency Morocco
GroupeWib
 
Mieux s'organiser pour améliorer son efficacité professionnelle
Mieux s'organiser pour améliorer son efficacité professionnelleMieux s'organiser pour améliorer son efficacité professionnelle
Mieux s'organiser pour améliorer son efficacité professionnelle
Les Brigades du Marketing - www.lesbrigadesdumarketing.com
 
Marketing Automation : Comprendre ses prospects pour mieux les convertir
Marketing Automation : Comprendre ses prospects pour mieux les convertirMarketing Automation : Comprendre ses prospects pour mieux les convertir
Marketing Automation : Comprendre ses prospects pour mieux les convertir
Chambé-Carnet
 
Automation Marketing : le nouveau Graal pour les e-commerçants ? Comprendre ...
Automation Marketing : le nouveau Graal pour les e-commerçants ?  Comprendre ...Automation Marketing : le nouveau Graal pour les e-commerçants ?  Comprendre ...
Automation Marketing : le nouveau Graal pour les e-commerçants ? Comprendre ...
Hervé Bourdon
 

En vedette (20)

TechDays 2010 (CLO301) : Windows Azure Comment Migrer Une Application
TechDays 2010 (CLO301) : Windows Azure Comment Migrer Une ApplicationTechDays 2010 (CLO301) : Windows Azure Comment Migrer Une Application
TechDays 2010 (CLO301) : Windows Azure Comment Migrer Une Application
 
Linq et Entity framework
Linq et Entity frameworkLinq et Entity framework
Linq et Entity framework
 
E-Commerce en Chine : les clés du succès
E-Commerce en Chine : les clés du succèsE-Commerce en Chine : les clés du succès
E-Commerce en Chine : les clés du succès
 
Ppt e marketing mkt direct
Ppt e marketing mkt directPpt e marketing mkt direct
Ppt e marketing mkt direct
 
Etudes Utilisateur et ROI
Etudes Utilisateur et ROI Etudes Utilisateur et ROI
Etudes Utilisateur et ROI
 
Présentation emailing
Présentation emailingPrésentation emailing
Présentation emailing
 
22 examples of trigger e mails for marketing automation
22 examples of trigger e mails for marketing automation22 examples of trigger e mails for marketing automation
22 examples of trigger e mails for marketing automation
 
La retransmission de vos évènements en direct sur internet
La retransmission de vos évènements en direct sur internetLa retransmission de vos évènements en direct sur internet
La retransmission de vos évènements en direct sur internet
 
[Fr] le business case de la WebTV d'Orange Business Services
[Fr] le business case de la WebTV d'Orange Business Services[Fr] le business case de la WebTV d'Orange Business Services
[Fr] le business case de la WebTV d'Orange Business Services
 
New trends in e-commerce user experience
New trends in e-commerce user experienceNew trends in e-commerce user experience
New trends in e-commerce user experience
 
Livre banc woudjoudweb 1
Livre banc woudjoudweb 1Livre banc woudjoudweb 1
Livre banc woudjoudweb 1
 
SGBDR - ACCESS
SGBDR - ACCESSSGBDR - ACCESS
SGBDR - ACCESS
 
Les offres TRAVEL d'Altice Media Publicité avec Lonely Planet
Les offres TRAVEL d'Altice Media Publicité avec Lonely PlanetLes offres TRAVEL d'Altice Media Publicité avec Lonely Planet
Les offres TRAVEL d'Altice Media Publicité avec Lonely Planet
 
Cours d'introduction au Marketing direct
Cours d'introduction au Marketing directCours d'introduction au Marketing direct
Cours d'introduction au Marketing direct
 
E-mail marketing : réussir sa campagne d'e-mailing (pour PME et indépendant)
E-mail marketing : réussir sa campagne d'e-mailing (pour PME et indépendant)E-mail marketing : réussir sa campagne d'e-mailing (pour PME et indépendant)
E-mail marketing : réussir sa campagne d'e-mailing (pour PME et indépendant)
 
L'art du Retargeting - Julien Le Coupanec, Growth Hacker chez TheFamily
L'art du Retargeting - Julien Le Coupanec, Growth Hacker chez TheFamilyL'art du Retargeting - Julien Le Coupanec, Growth Hacker chez TheFamily
L'art du Retargeting - Julien Le Coupanec, Growth Hacker chez TheFamily
 
Groupe Wib Digital Agency Morocco
Groupe Wib Digital Agency MoroccoGroupe Wib Digital Agency Morocco
Groupe Wib Digital Agency Morocco
 
Mieux s'organiser pour améliorer son efficacité professionnelle
Mieux s'organiser pour améliorer son efficacité professionnelleMieux s'organiser pour améliorer son efficacité professionnelle
Mieux s'organiser pour améliorer son efficacité professionnelle
 
Marketing Automation : Comprendre ses prospects pour mieux les convertir
Marketing Automation : Comprendre ses prospects pour mieux les convertirMarketing Automation : Comprendre ses prospects pour mieux les convertir
Marketing Automation : Comprendre ses prospects pour mieux les convertir
 
Automation Marketing : le nouveau Graal pour les e-commerçants ? Comprendre ...
Automation Marketing : le nouveau Graal pour les e-commerçants ?  Comprendre ...Automation Marketing : le nouveau Graal pour les e-commerçants ?  Comprendre ...
Automation Marketing : le nouveau Graal pour les e-commerçants ? Comprendre ...
 

Similaire à Convergence et mobilité des contenus

Communication digitale
Communication digitaleCommunication digitale
Communication digitale
Chris Gaillard
 
Salon Use IT Lyon
Salon Use IT LyonSalon Use IT Lyon
Salon Use IT Lyon
Intuitiv Technology
 
telmedia* : tendances webdesign 2015, l'année de l'UX
telmedia* : tendances webdesign 2015, l'année de l'UXtelmedia* : tendances webdesign 2015, l'année de l'UX
telmedia* : tendances webdesign 2015, l'année de l'UX
telmedia
 
HTML 5, CSS 3 au service du web | Semaine du web Alger (Algérie)
HTML 5, CSS 3 au service du web | Semaine du web Alger (Algérie)HTML 5, CSS 3 au service du web | Semaine du web Alger (Algérie)
HTML 5, CSS 3 au service du web | Semaine du web Alger (Algérie)
Khaled Djebloun
 
L’accessibilité web pour les organismes publics
L’accessibilité web pour les organismes publicsL’accessibilité web pour les organismes publics
L’accessibilité web pour les organismes publicsWilly Leloutre
 
Web Mobile : quelles opportunités face aux apps ?
Web Mobile : quelles opportunités face aux apps ?Web Mobile : quelles opportunités face aux apps ?
Web Mobile : quelles opportunités face aux apps ?
NiceToMeetYou
 
Webdesign
WebdesignWebdesign
Webdesign
Chris Gaillard
 
5èmes Rencontres Tourisme & Internet du Tarn
5èmes Rencontres Tourisme & Internet du Tarn5èmes Rencontres Tourisme & Internet du Tarn
5èmes Rencontres Tourisme & Internet du Tarn
Ludovic Dublanchet
 
Internet Participatif, Flux Rss Et Syndication
Internet Participatif, Flux Rss Et SyndicationInternet Participatif, Flux Rss Et Syndication
Internet Participatif, Flux Rss Et SyndicationTarn Tourisme
 
Responsive Web design - defimedia
Responsive Web design - defimediaResponsive Web design - defimedia
Responsive Web design - defimedia
defimedia
 
Veille : L'impact de l'évolution des technologies web sur le référencement et...
Veille : L'impact de l'évolution des technologies web sur le référencement et...Veille : L'impact de l'évolution des technologies web sur le référencement et...
Veille : L'impact de l'évolution des technologies web sur le référencement et...
maclic
 
HTML5, How to rethink your web strategy - Version FR
HTML5, How to rethink your web strategy - Version FRHTML5, How to rethink your web strategy - Version FR
HTML5, How to rethink your web strategy - Version FR
Fabernovel
 
Web responsive & E-Commerce, un seul site pour tous les devices ?
Web responsive & E-Commerce, un seul site pour tous les devices ?Web responsive & E-Commerce, un seul site pour tous les devices ?
Web responsive & E-Commerce, un seul site pour tous les devices ?
altima°
 
Webdesign Passe Present et Present Part2
Webdesign Passe Present et Present Part2Webdesign Passe Present et Present Part2
Webdesign Passe Present et Present Part2
bduverneuil
 
Projet veille Licence MATIC Nov'10
Projet veille Licence MATIC Nov'10Projet veille Licence MATIC Nov'10
Projet veille Licence MATIC Nov'10
FredericJutant
 
Les tendances du web
Les tendances du webLes tendances du web
Les tendances du web
Emblematic
 
Webdesign Passe, Present et... Present Part1
Webdesign Passe, Present et... Present Part1Webdesign Passe, Present et... Present Part1
Webdesign Passe, Present et... Present Part1
bduverneuil
 
Competitic applications accessibles tablettes
Competitic   applications accessibles tablettesCompetitic   applications accessibles tablettes
Competitic applications accessibles tablettes
COMPETITIC
 
JCertif Tunisie 2015 - Le Web sur Mobile, Faisons le point !
JCertif Tunisie 2015 - Le Web sur Mobile, Faisons le point !JCertif Tunisie 2015 - Le Web sur Mobile, Faisons le point !
JCertif Tunisie 2015 - Le Web sur Mobile, Faisons le point !
Rossi Oddet
 
Le Web comme plateforme TIC pour l'entreprise
Le Web comme plateforme TIC pour l'entrepriseLe Web comme plateforme TIC pour l'entreprise
Le Web comme plateforme TIC pour l'entreprise
mastertic
 

Similaire à Convergence et mobilité des contenus (20)

Communication digitale
Communication digitaleCommunication digitale
Communication digitale
 
Salon Use IT Lyon
Salon Use IT LyonSalon Use IT Lyon
Salon Use IT Lyon
 
telmedia* : tendances webdesign 2015, l'année de l'UX
telmedia* : tendances webdesign 2015, l'année de l'UXtelmedia* : tendances webdesign 2015, l'année de l'UX
telmedia* : tendances webdesign 2015, l'année de l'UX
 
HTML 5, CSS 3 au service du web | Semaine du web Alger (Algérie)
HTML 5, CSS 3 au service du web | Semaine du web Alger (Algérie)HTML 5, CSS 3 au service du web | Semaine du web Alger (Algérie)
HTML 5, CSS 3 au service du web | Semaine du web Alger (Algérie)
 
L’accessibilité web pour les organismes publics
L’accessibilité web pour les organismes publicsL’accessibilité web pour les organismes publics
L’accessibilité web pour les organismes publics
 
Web Mobile : quelles opportunités face aux apps ?
Web Mobile : quelles opportunités face aux apps ?Web Mobile : quelles opportunités face aux apps ?
Web Mobile : quelles opportunités face aux apps ?
 
Webdesign
WebdesignWebdesign
Webdesign
 
5èmes Rencontres Tourisme & Internet du Tarn
5èmes Rencontres Tourisme & Internet du Tarn5èmes Rencontres Tourisme & Internet du Tarn
5èmes Rencontres Tourisme & Internet du Tarn
 
Internet Participatif, Flux Rss Et Syndication
Internet Participatif, Flux Rss Et SyndicationInternet Participatif, Flux Rss Et Syndication
Internet Participatif, Flux Rss Et Syndication
 
Responsive Web design - defimedia
Responsive Web design - defimediaResponsive Web design - defimedia
Responsive Web design - defimedia
 
Veille : L'impact de l'évolution des technologies web sur le référencement et...
Veille : L'impact de l'évolution des technologies web sur le référencement et...Veille : L'impact de l'évolution des technologies web sur le référencement et...
Veille : L'impact de l'évolution des technologies web sur le référencement et...
 
HTML5, How to rethink your web strategy - Version FR
HTML5, How to rethink your web strategy - Version FRHTML5, How to rethink your web strategy - Version FR
HTML5, How to rethink your web strategy - Version FR
 
Web responsive & E-Commerce, un seul site pour tous les devices ?
Web responsive & E-Commerce, un seul site pour tous les devices ?Web responsive & E-Commerce, un seul site pour tous les devices ?
Web responsive & E-Commerce, un seul site pour tous les devices ?
 
Webdesign Passe Present et Present Part2
Webdesign Passe Present et Present Part2Webdesign Passe Present et Present Part2
Webdesign Passe Present et Present Part2
 
Projet veille Licence MATIC Nov'10
Projet veille Licence MATIC Nov'10Projet veille Licence MATIC Nov'10
Projet veille Licence MATIC Nov'10
 
Les tendances du web
Les tendances du webLes tendances du web
Les tendances du web
 
Webdesign Passe, Present et... Present Part1
Webdesign Passe, Present et... Present Part1Webdesign Passe, Present et... Present Part1
Webdesign Passe, Present et... Present Part1
 
Competitic applications accessibles tablettes
Competitic   applications accessibles tablettesCompetitic   applications accessibles tablettes
Competitic applications accessibles tablettes
 
JCertif Tunisie 2015 - Le Web sur Mobile, Faisons le point !
JCertif Tunisie 2015 - Le Web sur Mobile, Faisons le point !JCertif Tunisie 2015 - Le Web sur Mobile, Faisons le point !
JCertif Tunisie 2015 - Le Web sur Mobile, Faisons le point !
 
Le Web comme plateforme TIC pour l'entreprise
Le Web comme plateforme TIC pour l'entrepriseLe Web comme plateforme TIC pour l'entreprise
Le Web comme plateforme TIC pour l'entreprise
 

Plus de Vanksen

Le digital au service des patients et des professionnels de santé
Le digital au service des patients et des professionnels de santéLe digital au service des patients et des professionnels de santé
Le digital au service des patients et des professionnels de santé
Vanksen
 
Empowering patients and health professionals through digital content
Empowering patients and health professionals through digital contentEmpowering patients and health professionals through digital content
Empowering patients and health professionals through digital content
Vanksen
 
Socio-digital evolutions and micro-communities: what business opportunities d...
Socio-digital evolutions and micro-communities: what business opportunities d...Socio-digital evolutions and micro-communities: what business opportunities d...
Socio-digital evolutions and micro-communities: what business opportunities d...
Vanksen
 
Content drivers for global brands: new innovative paths for your branded cont...
Content drivers for global brands: new innovative paths for your branded cont...Content drivers for global brands: new innovative paths for your branded cont...
Content drivers for global brands: new innovative paths for your branded cont...
Vanksen
 
Business on TikTok: After the Hype, the New Norm?
Business on TikTok: After the Hype, the New Norm?Business on TikTok: After the Hype, the New Norm?
Business on TikTok: After the Hype, the New Norm?
Vanksen
 
Business sur TikTok: Après la Hype, le Nouveau Standard ?
Business sur TikTok: Après la Hype, le Nouveau Standard ?Business sur TikTok: Après la Hype, le Nouveau Standard ?
Business sur TikTok: Après la Hype, le Nouveau Standard ?
Vanksen
 
Digital Business Acquisition: How to Perform?
Digital Business Acquisition: How to Perform?Digital Business Acquisition: How to Perform?
Digital Business Acquisition: How to Perform?
Vanksen
 
Digital Business Acquisition : comment performer ?
Digital Business Acquisition : comment performer ?Digital Business Acquisition : comment performer ?
Digital Business Acquisition : comment performer ?
Vanksen
 
B2B & Growth Hacking: drawing from startups for online lead generation
B2B & Growth Hacking: drawing from startups for online lead generationB2B & Growth Hacking: drawing from startups for online lead generation
B2B & Growth Hacking: drawing from startups for online lead generation
Vanksen
 
B2B & Growth Hacking: s'inspirer des startups pour générer des leads
B2B & Growth Hacking: s'inspirer des startups pour générer des leadsB2B & Growth Hacking: s'inspirer des startups pour générer des leads
B2B & Growth Hacking: s'inspirer des startups pour générer des leads
Vanksen
 
Employee Advocacy : Comment faire de vos employés vos meilleurs ambassadeurs ?
Employee Advocacy : Comment faire de vos employés vos meilleurs ambassadeurs ?Employee Advocacy : Comment faire de vos employés vos meilleurs ambassadeurs ?
Employee Advocacy : Comment faire de vos employés vos meilleurs ambassadeurs ?
Vanksen
 
Employee Advocacy : Turn your employees into better brand ambassadors
Employee Advocacy : Turn your employees into better brand ambassadorsEmployee Advocacy : Turn your employees into better brand ambassadors
Employee Advocacy : Turn your employees into better brand ambassadors
Vanksen
 
Succeeding Internationally with your Social Media strategy
Succeeding Internationally with your Social Media strategySucceeding Internationally with your Social Media strategy
Succeeding Internationally with your Social Media strategy
Vanksen
 
Développer sa stratégie Social Media à l'international
Développer sa stratégie Social Media à l'internationalDévelopper sa stratégie Social Media à l'international
Développer sa stratégie Social Media à l'international
Vanksen
 
2018 UX & Web Design Trends
2018 UX & Web Design Trends2018 UX & Web Design Trends
2018 UX & Web Design Trends
Vanksen
 
Automobile & Digital : des enjeux aux nouveaux usages, de la visibilité à la ...
Automobile & Digital : des enjeux aux nouveaux usages, de la visibilité à la ...Automobile & Digital : des enjeux aux nouveaux usages, de la visibilité à la ...
Automobile & Digital : des enjeux aux nouveaux usages, de la visibilité à la ...
Vanksen
 
La digitalisation de l'assurance vie au Luxembourg
La digitalisation de l'assurance vie au LuxembourgLa digitalisation de l'assurance vie au Luxembourg
La digitalisation de l'assurance vie au Luxembourg
Vanksen
 
Drive-to-store : quelle stratégie pour performer ?
Drive-to-store : quelle stratégie pour performer ?Drive-to-store : quelle stratégie pour performer ?
Drive-to-store : quelle stratégie pour performer ?
Vanksen
 
Polémique sociétale & gestion de crise par les marques
Polémique sociétale & gestion de crise par les marquesPolémique sociétale & gestion de crise par les marques
Polémique sociétale & gestion de crise par les marques
Vanksen
 
The digitalisation of the Annual Report
The digitalisation of the Annual ReportThe digitalisation of the Annual Report
The digitalisation of the Annual Report
Vanksen
 

Plus de Vanksen (20)

Le digital au service des patients et des professionnels de santé
Le digital au service des patients et des professionnels de santéLe digital au service des patients et des professionnels de santé
Le digital au service des patients et des professionnels de santé
 
Empowering patients and health professionals through digital content
Empowering patients and health professionals through digital contentEmpowering patients and health professionals through digital content
Empowering patients and health professionals through digital content
 
Socio-digital evolutions and micro-communities: what business opportunities d...
Socio-digital evolutions and micro-communities: what business opportunities d...Socio-digital evolutions and micro-communities: what business opportunities d...
Socio-digital evolutions and micro-communities: what business opportunities d...
 
Content drivers for global brands: new innovative paths for your branded cont...
Content drivers for global brands: new innovative paths for your branded cont...Content drivers for global brands: new innovative paths for your branded cont...
Content drivers for global brands: new innovative paths for your branded cont...
 
Business on TikTok: After the Hype, the New Norm?
Business on TikTok: After the Hype, the New Norm?Business on TikTok: After the Hype, the New Norm?
Business on TikTok: After the Hype, the New Norm?
 
Business sur TikTok: Après la Hype, le Nouveau Standard ?
Business sur TikTok: Après la Hype, le Nouveau Standard ?Business sur TikTok: Après la Hype, le Nouveau Standard ?
Business sur TikTok: Après la Hype, le Nouveau Standard ?
 
Digital Business Acquisition: How to Perform?
Digital Business Acquisition: How to Perform?Digital Business Acquisition: How to Perform?
Digital Business Acquisition: How to Perform?
 
Digital Business Acquisition : comment performer ?
Digital Business Acquisition : comment performer ?Digital Business Acquisition : comment performer ?
Digital Business Acquisition : comment performer ?
 
B2B & Growth Hacking: drawing from startups for online lead generation
B2B & Growth Hacking: drawing from startups for online lead generationB2B & Growth Hacking: drawing from startups for online lead generation
B2B & Growth Hacking: drawing from startups for online lead generation
 
B2B & Growth Hacking: s'inspirer des startups pour générer des leads
B2B & Growth Hacking: s'inspirer des startups pour générer des leadsB2B & Growth Hacking: s'inspirer des startups pour générer des leads
B2B & Growth Hacking: s'inspirer des startups pour générer des leads
 
Employee Advocacy : Comment faire de vos employés vos meilleurs ambassadeurs ?
Employee Advocacy : Comment faire de vos employés vos meilleurs ambassadeurs ?Employee Advocacy : Comment faire de vos employés vos meilleurs ambassadeurs ?
Employee Advocacy : Comment faire de vos employés vos meilleurs ambassadeurs ?
 
Employee Advocacy : Turn your employees into better brand ambassadors
Employee Advocacy : Turn your employees into better brand ambassadorsEmployee Advocacy : Turn your employees into better brand ambassadors
Employee Advocacy : Turn your employees into better brand ambassadors
 
Succeeding Internationally with your Social Media strategy
Succeeding Internationally with your Social Media strategySucceeding Internationally with your Social Media strategy
Succeeding Internationally with your Social Media strategy
 
Développer sa stratégie Social Media à l'international
Développer sa stratégie Social Media à l'internationalDévelopper sa stratégie Social Media à l'international
Développer sa stratégie Social Media à l'international
 
2018 UX & Web Design Trends
2018 UX & Web Design Trends2018 UX & Web Design Trends
2018 UX & Web Design Trends
 
Automobile & Digital : des enjeux aux nouveaux usages, de la visibilité à la ...
Automobile & Digital : des enjeux aux nouveaux usages, de la visibilité à la ...Automobile & Digital : des enjeux aux nouveaux usages, de la visibilité à la ...
Automobile & Digital : des enjeux aux nouveaux usages, de la visibilité à la ...
 
La digitalisation de l'assurance vie au Luxembourg
La digitalisation de l'assurance vie au LuxembourgLa digitalisation de l'assurance vie au Luxembourg
La digitalisation de l'assurance vie au Luxembourg
 
Drive-to-store : quelle stratégie pour performer ?
Drive-to-store : quelle stratégie pour performer ?Drive-to-store : quelle stratégie pour performer ?
Drive-to-store : quelle stratégie pour performer ?
 
Polémique sociétale & gestion de crise par les marques
Polémique sociétale & gestion de crise par les marquesPolémique sociétale & gestion de crise par les marques
Polémique sociétale & gestion de crise par les marques
 
The digitalisation of the Annual Report
The digitalisation of the Annual ReportThe digitalisation of the Annual Report
The digitalisation of the Annual Report
 

Convergence et mobilité des contenus

  • 1. Etes vous prêts? Convergence et mobilité des contenus : enjeux et intérêts Encore silencieuse, une révolution sourde
  • 2. Regardez attentivement vos sites Web et mobiles, d’ici 1 an, ils n’auront plus la même tête.
  • 3. Résumé Encore silencieuse, une révolution sourde. Un contenu unique qui s’adapte à toutes sortes et toutes tailles d’écran : la convergence frappe à nos portes soutenue par l’avènement du langage de programmation HTML5 et ses nouvelles fonctionnalités résolument innovantes sur mobile. Le département communication de Vanksen décrypte les forces en marche, avec des mots simples, pour que la révolution de la convergence et de la mobilité soient embrassées par le plus grand nombre. Soyez Prêts!
  • 4. Aujourd’hui, les supports se multiplient à tire-larigot.Les entreprises entrent dans une course effrénée pour développer une multitude d’applications afin que leurs contenus soient consultables sur tous ces supports.
  • 5. Ce qu’il faut savoir sur les supports* Chaque support a ses contraintes : taille et définition d’écran, format : paysage ou portrait, débit Internet : Wifi ou 3G, navigation : tactile ou souris Et chaque support requiert autant de contraignantes mises à jour. *On parle aussi de plateformes, de terminaux, ou encore d’écrans.
  • 6. Immanquablement, tout ceci prend du temps, beaucoup de temps I’m in a hurry
  • 7. Et comme l’a judicieu- Quid des PME sement remarqué qui ne peuvent pas se Benjamin Franklin permettre de dégager au 18e siècle (déjà) un budget conséquent « le temps, c’est de pour s’assurer une l’argent ». présence globale ? Quid des Mais aussi, des contenus entreprises déconnectés les uns qui n’ont pas de temps des autres, est-ce à perdre pour mettre à vraiment logique dans jour tous ces contenus un monde justement éclatés ? connecté ?
  • 8. Haro sur l’injustice et l’incohérence ! La révolution de la convergence est en marche...
  • 9. Demain, t ul e nu ! U n se onte c q ue uni les entreprises qui le veulent auront 1 seul et unique contenu pour l’ensemble des supports sur lesquels elles souhaitent être présentes.
  • 10. Merci qui ? esign! e Web d es ponsiv Mer ci le r Merci HTML5! Pardon...qui ?
  • 11. Responsive Web design: quèsaco ? « Un site dit responsive s’adapte automatiquement au terminal sur lequel il est consulté : quantité et taille des textes, format des images, organisation et agencement des contenus... En détectant la largeur de votre écran ou navigateur, il devient possible de déterminer quel type d’affichage sera le plus approprié. » Jérémie Cook dans atlantico.fr, 20 août 20122
  • 12. Depuis le 21 octobre 2012, le Time Magazine s’est mis au responsive Web Design
  • 13. HTML5: quèsaco ? H HTML L5 est une terminologie ombrelle qui englobe : HTML HTML est le langage de programmation (balisage hypertexte) qui permet de structurer et de présenter le contenu des pages Web. a plus de 20 ans. Au début, ce langage était rudimentaire et comprenait des lignes de texte, des liens et des images. est en constante évolution, chaque nouvelle version de sa norme apporte son lot de fonctionnalités et d’améliorations supplémentaires.
  • 14. HTML5 : quèsaco ? Puis, la page Web est devenue dynamique grâce à l’invention du langage de script JavaScript, et encore plus dynamique avec JavaScript XHR.
  • 15. HTML5 : quèsaco ? Avec l’arrivée des feuilles de style en cascade, les fameuses CSS, les pages Web sont également devenues plus vivantes. Elles améliorent l’esthétique des pages avec notamment des couleurs, des coins arrondis, des dégradés et des animations.
  • 16. HTML5... Le nouveau standard universel Web et mobile ? Il y a des chances.
  • 17. Quel intéret pour les entreprises ? + de sens : HTML5 introduit de nouvelles balises pour aider le navigateur et les moteurs de recherche à déterminer la sémantique d’une page. A noter que l'analyse des pages par des robots ou par des synthétiseurs vocaux sera facilitée. + pratique : Fonction « glisser-déposer » : chaque élément d’une page peut-être déplacé dans le navigateur Fonction « hors connexion » : permet de continuer à travailler sans connexion à Internet Fonction « local storage » : pour stocker facilement des informations dans le navigateur ...
  • 18. Quel intéret pour les entreprises ? + de géolocalisation: Si l’utilisateur a donné son feu vert, le navigateur est en mesure de fournir les coordonnées de l’utilisateur telles que sa latitude, sa longitude et son altitude. Il est même possible de déterminer la vitesse à laquelle il se déplace !
  • 19. Quel intéret pour les entreprises ? <video> Cette balise intègre directement un lecteur vidéo dans la page, avec des boutons Lecture, Pause, une barre de progression, du volume… en fait, un petit Youtube plus vrai que nature dans la page et natif au navigateur. <audio> La balise audio c’est grosso modo trois lignes de code pour avoir l’équivalent d’un lecteur MP3. <canvas> Cette balise que tous les éditeurs de jeu attendaient comme le Messie est une surface sur laquelle il est possible de tracer des formes et de les animer : en deux mots, de réaliser des animations ou des jeux. Couplée avec le standard WebGL de rendu 3D, Canvas permet d’obtenir des résultats éblouissants au sein même du navigateur. HTML5 fonctionne partout, à condition de télécharger une version récente de son navigateur. Certaines fonctionnalités sont en cours d’adoption.
  • 20. Quel intêret pour les entreprises Réduction des coûts Sécurité Flexibilité Mobilité HTML5 fournit aux entreprises des avantages qu’aucun autre modèle informatique n’est en mesure de lui apporter. C’est, en effet, un gain de productivité évident que d’user d’un seul code source pour l’ensemble de ses écrans. 18
  • 21. Ils ont franchi le Rubicon
  • 22. Responsive Web design & HTML5 : de nouvelles techniques et bonnes pratiques, indépendantes mais complémentaires, pour vous aider à relever le défi de la mobilité et de la multiplication des écrans car les consommateurs d’aujourd’hui et de demain sont des consommateurs connectés. Soyez où vos consommateurs sont. Soyez Prêts.!
  • 23. Contactez nous! Sur le web Nos agences vanksen.fr France / +33 1 55 33 89 00 Twitter.com/vanksen Benelux / +352 48 90 90 100 Facebook.com/vanksen Suisse / +41 22 306 49 90 Pinterest.com/vanksen