SlideShare une entreprise Scribd logo
Web Real Time
Communication
Nouveaux horizons
©copyrightux-republic2015-blog.ux-republic.com-HugoCrampont
RTC pour Real Time Communication
Standard du Web qui intègrent des dispositifs
de communication audio, vidéo et data dits
‘temps réel’.
Disponible nativement, sans plugin, dans les
principaux navigateurs Web.
Echanges de ‘pair à pair’, entre deux
utilisateurs, via deux navigateurs Web
distants.
WebRTC
C’est quoi ?
©copyrightux-republic2015-blog.ux-republic.com-HugoCrampont
WebRTC est supporté nativement sur
Chrome, Firefox et Opéra desktop, ainsi que
sur Android et Chrome Android pour le
support mobile.
L’installation d’un plugin est actuellement
requis pour Safari et Internet Explorer
version desktop.
ETAT
DES
LIEUX
©copyrightux-republic2015-blog.ux-republic.com-HugoCrampont
©copyrightux-republic2015-blog.ux-republic.com-HugoCrampont
Technologies propriétaires, et coûteuses
en terme de développement :
- Skype
- Messenger
etc…
Non intégrable dans un contenu web
classique
RTC
avant
WebRTC
©copyrightux-republic2015-blog.ux-republic.com-HugoCrampont
Un standard du Web, pas un produit payant
API compatible avec les standards actuels du
web : html5, css3, javascript.
Simplicité d’implémentation à un contenu
Web déjà existant, dans la mesure ou ce
contenu intègre au préalable html5 et css3.
LES
PROMESSES
de WebRTC
©copyrightux-republic2015-blog.ux-republic.com-HugoCrampont
- Chat audio et vidéo intégré, type live chat
- Applications de bureau à distance, partage
d’écrans, modules de travail collaboratif
- Nouveaux services de ‘proximité’ intégrés
aux plateformes web : assistance, dialogue
commercial, dépannage ...
- Échange rapide de fichiers lourds, sans
upload intermédiaire sur un serveur
- Jeux vidéos en réseau
- Réseaux décentralisés
LE CHAMP
DES POSSIBLES
©copyrightux-republic2015-blog.ux-republic.com-HugoCrampont
Google rachète GIPS en mai 2010
GIPS une entreprise qui avait développé de
nombreux composants logiciels requis pour
la création de RTC
Google rend open source les technologies
développées par GIPS
Google s’engage dans la standardisation
d'une norme auprès de l'IETF et au W3C
Hangouts devient WebRTC compatible dès
2014
Naissance et
standardisation
DE WebRTC
©copyrightux-republic2015-blog.ux-republic.com-HugoCrampont
Schéma du modèle de communication
Signal Signal
©copyrightux-republic2015-blog.ux-republic.com-HugoCrampont
LES TROIS API’S
WebRTC
01 - RTCPeerConnection
02 - MediaStream (ou getUserMedia)
03 - RTCDataChannel
©copyrightux-republic2015-blog.ux-republic.com-HugoCrampont
WebRTC utilise RTCPeerConnection pour
communiquer des flux de données entre
les navigateurs (pairs).
Il a aussi besoin d'un mécanisme pour
coordonner la communication et envoyer
des messages de contrôle, c'est ce qu'on
appelle la signalisation.
01
RTCPeerConnection
©copyrightux-republic2015-blog.ux-republic.com-HugoCrampont
L'API MediaStream gère les flux de
données audio et vidéo et leur
synchronisation
Module qui permet l’encodage des
données multimédias à transmettre.
02
Mediastream
©copyrightux-republic2015-blog.ux-republic.com-HugoCrampont
L'API RTCDataChannel permet de faire des
échanges de pair à pair de n'importe quelle
type de donnée: texte et fichiers.
Pas d’upload sur serveur, confidentialité,
sécurité des données
Peu de latence de transfert.
03
RTCDataChannel
©copyrightux-republic2015-blog.ux-republic.com-HugoCrampont
WebRTC EN ACTION
©copyrightux-republic2015-blog.ux-republic.com-HugoCrampont
Communications de navigateur à navigateur : toute
personne équipée d’un navigateur moderne peut participer à
une vidéoconférence.
Aucun plug-in à installer : WebRTC est nativement
disponible. Sans aucune contrainte de solutions proprétaires.
Réduction des coûts : on s’appuie sur les infrastructures Web
natives.
Possibilité de rajouter des fonctionnalités de communication
dit ‘temps réel’ à des applications web existantes.
Les API ouvertes de WebRTC permettent de rendre
communicantes des applications informatiques traditionnelles.
Nouveaux services web intégrés
LES
+
EN
BREF
©copyrightux-republic2015-blog.ux-republic.com-HugoCrampont
MERCI !!!
©copyrightux-republic2015-blog.ux-republic.com-HugoCrampont
Let’s talk about UX ! hello@ux-republic.com - +33 1 45 61 47 56 - @UXRepublic
DIGITAL THINKING
Agence de Design d’interfaces &
Centre de formation
blog.ux-republic.com

Contenu connexe

PDF
WebRTC Paris Meetup @ Google France
ODP
Webrtc
PPTX
Web rtc présentation-Devfest Yde 2013
PDF
Découvrez la technologie WebRTC, comment cela fonctionne?
PPT
Conférence de Presse Back From Mix 07
PDF
Jeux d'innovation - UXDAY @UXRepublic
PDF
Les magasins de demain @uxrepublic
PDF
SEO+UX = SEOUX @UXRepublic
WebRTC Paris Meetup @ Google France
Webrtc
Web rtc présentation-Devfest Yde 2013
Découvrez la technologie WebRTC, comment cela fonctionne?
Conférence de Presse Back From Mix 07
Jeux d'innovation - UXDAY @UXRepublic
Les magasins de demain @uxrepublic
SEO+UX = SEOUX @UXRepublic

En vedette (20)

PDF
Le Design empathique @UXRepublic
PDF
Le design éthique
PDF
Le système cognitif par l’exemple @UXRepublic
PDF
23062014 jarl meijer agile survey xebia
PDF
Offline first @UXRepublic
PDF
XebiCon'16 : Europ Assistance - Un grand groupe peut-il construire une market...
PDF
Validating big data at scale
PDF
Le social coding pour la Creative Technologie
PDF
Design Thinking for Startups - Are You Design Driven?
PDF
Les technologies immersives @UXRepublic
PDF
Xebia-Agile consulting and training offerings
PDF
Why the lean start-up changes everything
PDF
XebiCon'16 : Orange et Xebia Labs - De l'Agilité vers le Déploiement Continu ...
PDF
Webinar "Agile for Managers"
PDF
XebiCon'16 : Les 5 questions con(tre) l'agilité et comment y répondre. Par M...
PDF
Tips digital communication victoria pereira
PDF
XebiCon'16 : Thiga - Qu'est ce que le Growth Hacking en 2016 ? Par Nicolas G...
PDF
Le rôle du développeur front dans la User eXperience
PDF
UX made in China @UXRepublic
PDF
Growth Hacking : Disrupt the Business with Mobile!
Le Design empathique @UXRepublic
Le design éthique
Le système cognitif par l’exemple @UXRepublic
23062014 jarl meijer agile survey xebia
Offline first @UXRepublic
XebiCon'16 : Europ Assistance - Un grand groupe peut-il construire une market...
Validating big data at scale
Le social coding pour la Creative Technologie
Design Thinking for Startups - Are You Design Driven?
Les technologies immersives @UXRepublic
Xebia-Agile consulting and training offerings
Why the lean start-up changes everything
XebiCon'16 : Orange et Xebia Labs - De l'Agilité vers le Déploiement Continu ...
Webinar "Agile for Managers"
XebiCon'16 : Les 5 questions con(tre) l'agilité et comment y répondre. Par M...
Tips digital communication victoria pereira
XebiCon'16 : Thiga - Qu'est ce que le Growth Hacking en 2016 ? Par Nicolas G...
Le rôle du développeur front dans la User eXperience
UX made in China @UXRepublic
Growth Hacking : Disrupt the Business with Mobile!
Publicité

Similaire à Web real time communication @UXRepublic (20)

PDF
Le Journal des Telecoms
PDF
Introduction to WebRTC on iOS
PDF
Web rtc 2016 - Malik Houni, Jocelyn Caraman et Bich NGUYEN
PDF
Les nouveautés de la vidéo dans Azure, aggrémentées de cas clients, VLC et le...
PPT
Presentation cynapsys
PPTX
Amélioration Qos de vod Streaming France Télévision (Cloud)
PPTX
Videostreaming et visioconference pour le Web - Evènement GDSC USTHB Tech plus
PPTX
La diffusion vidéo avec le Cloud Azure
KEY
Les Nouveaux Standards et leur implémentation dans les navigateurs modernes
PPTX
Introduction à DotNetNuke
PPTX
DotNetNuke aux TechDays 2012
PDF
RTC: Assurer la qualité et la confidentialité
PPTX
ReMix11 Paris: Windows Azure & développement mobile
PDF
Livre blanc 2017 - Recommandations FFTelecoms - Transition du RTC vers le tou...
PDF
Tendances Futures du Web - GTI780 & MTI780 - ETS - A09
PDF
R109-slides introduction aux technologie web.pdf
PDF
Introduction aux technologies Web BUT R&T – S1 – Cours R109
PDF
Réseau de capteurs sans fil
PDF
Présentation Muriel Lebellac Videomenthe sur son offre Cloud Computing lors d...
DOCX
Mon CV Detaillé
Le Journal des Telecoms
Introduction to WebRTC on iOS
Web rtc 2016 - Malik Houni, Jocelyn Caraman et Bich NGUYEN
Les nouveautés de la vidéo dans Azure, aggrémentées de cas clients, VLC et le...
Presentation cynapsys
Amélioration Qos de vod Streaming France Télévision (Cloud)
Videostreaming et visioconference pour le Web - Evènement GDSC USTHB Tech plus
La diffusion vidéo avec le Cloud Azure
Les Nouveaux Standards et leur implémentation dans les navigateurs modernes
Introduction à DotNetNuke
DotNetNuke aux TechDays 2012
RTC: Assurer la qualité et la confidentialité
ReMix11 Paris: Windows Azure & développement mobile
Livre blanc 2017 - Recommandations FFTelecoms - Transition du RTC vers le tou...
Tendances Futures du Web - GTI780 & MTI780 - ETS - A09
R109-slides introduction aux technologie web.pdf
Introduction aux technologies Web BUT R&T – S1 – Cours R109
Réseau de capteurs sans fil
Présentation Muriel Lebellac Videomenthe sur son offre Cloud Computing lors d...
Mon CV Detaillé
Publicité

Plus de UX REPUBLIC (13)

PDF
L'user experience for IoT
PDF
UX vs CX @UXRepublic
PDF
Experience map @UXRepublic
PDF
Le web en perspective @UXRepublic
PDF
L'UX au coeur de l'entreprise
PDF
L'importance du croquis dans la phase de conception par Marie Desnos @UXRepublic
PDF
Lean UX
PDF
Les Heuristiques de Bastien et Scapin
PDF
Les Tests Utilisateurs
PDF
La vérité sur les utilisateurs
PDF
Les principes Gestalt appliqués au webdesign
PDF
Les bonnes pratiques du e-commerce
PDF
About UX by UX-REPUBLIC Paris
L'user experience for IoT
UX vs CX @UXRepublic
Experience map @UXRepublic
Le web en perspective @UXRepublic
L'UX au coeur de l'entreprise
L'importance du croquis dans la phase de conception par Marie Desnos @UXRepublic
Lean UX
Les Heuristiques de Bastien et Scapin
Les Tests Utilisateurs
La vérité sur les utilisateurs
Les principes Gestalt appliqués au webdesign
Les bonnes pratiques du e-commerce
About UX by UX-REPUBLIC Paris

Web real time communication @UXRepublic

  • 1. Web Real Time Communication Nouveaux horizons ©copyrightux-republic2015-blog.ux-republic.com-HugoCrampont
  • 2. RTC pour Real Time Communication Standard du Web qui intègrent des dispositifs de communication audio, vidéo et data dits ‘temps réel’. Disponible nativement, sans plugin, dans les principaux navigateurs Web. Echanges de ‘pair à pair’, entre deux utilisateurs, via deux navigateurs Web distants. WebRTC C’est quoi ? ©copyrightux-republic2015-blog.ux-republic.com-HugoCrampont
  • 3. WebRTC est supporté nativement sur Chrome, Firefox et Opéra desktop, ainsi que sur Android et Chrome Android pour le support mobile. L’installation d’un plugin est actuellement requis pour Safari et Internet Explorer version desktop. ETAT DES LIEUX ©copyrightux-republic2015-blog.ux-republic.com-HugoCrampont
  • 5. Technologies propriétaires, et coûteuses en terme de développement : - Skype - Messenger etc… Non intégrable dans un contenu web classique RTC avant WebRTC ©copyrightux-republic2015-blog.ux-republic.com-HugoCrampont
  • 6. Un standard du Web, pas un produit payant API compatible avec les standards actuels du web : html5, css3, javascript. Simplicité d’implémentation à un contenu Web déjà existant, dans la mesure ou ce contenu intègre au préalable html5 et css3. LES PROMESSES de WebRTC ©copyrightux-republic2015-blog.ux-republic.com-HugoCrampont
  • 7. - Chat audio et vidéo intégré, type live chat - Applications de bureau à distance, partage d’écrans, modules de travail collaboratif - Nouveaux services de ‘proximité’ intégrés aux plateformes web : assistance, dialogue commercial, dépannage ... - Échange rapide de fichiers lourds, sans upload intermédiaire sur un serveur - Jeux vidéos en réseau - Réseaux décentralisés LE CHAMP DES POSSIBLES ©copyrightux-republic2015-blog.ux-republic.com-HugoCrampont
  • 8. Google rachète GIPS en mai 2010 GIPS une entreprise qui avait développé de nombreux composants logiciels requis pour la création de RTC Google rend open source les technologies développées par GIPS Google s’engage dans la standardisation d'une norme auprès de l'IETF et au W3C Hangouts devient WebRTC compatible dès 2014 Naissance et standardisation DE WebRTC ©copyrightux-republic2015-blog.ux-republic.com-HugoCrampont
  • 9. Schéma du modèle de communication Signal Signal ©copyrightux-republic2015-blog.ux-republic.com-HugoCrampont
  • 10. LES TROIS API’S WebRTC 01 - RTCPeerConnection 02 - MediaStream (ou getUserMedia) 03 - RTCDataChannel ©copyrightux-republic2015-blog.ux-republic.com-HugoCrampont
  • 11. WebRTC utilise RTCPeerConnection pour communiquer des flux de données entre les navigateurs (pairs). Il a aussi besoin d'un mécanisme pour coordonner la communication et envoyer des messages de contrôle, c'est ce qu'on appelle la signalisation. 01 RTCPeerConnection ©copyrightux-republic2015-blog.ux-republic.com-HugoCrampont
  • 12. L'API MediaStream gère les flux de données audio et vidéo et leur synchronisation Module qui permet l’encodage des données multimédias à transmettre. 02 Mediastream ©copyrightux-republic2015-blog.ux-republic.com-HugoCrampont
  • 13. L'API RTCDataChannel permet de faire des échanges de pair à pair de n'importe quelle type de donnée: texte et fichiers. Pas d’upload sur serveur, confidentialité, sécurité des données Peu de latence de transfert. 03 RTCDataChannel ©copyrightux-republic2015-blog.ux-republic.com-HugoCrampont
  • 15. Communications de navigateur à navigateur : toute personne équipée d’un navigateur moderne peut participer à une vidéoconférence. Aucun plug-in à installer : WebRTC est nativement disponible. Sans aucune contrainte de solutions proprétaires. Réduction des coûts : on s’appuie sur les infrastructures Web natives. Possibilité de rajouter des fonctionnalités de communication dit ‘temps réel’ à des applications web existantes. Les API ouvertes de WebRTC permettent de rendre communicantes des applications informatiques traditionnelles. Nouveaux services web intégrés LES + EN BREF ©copyrightux-republic2015-blog.ux-republic.com-HugoCrampont
  • 17. Let’s talk about UX ! hello@ux-republic.com - +33 1 45 61 47 56 - @UXRepublic DIGITAL THINKING Agence de Design d’interfaces & Centre de formation blog.ux-republic.com