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

En vedette

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

En vedette (20)

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

Similaire à Web real time communication @UXRepublic

Le Journal des Telecoms
Le Journal des TelecomsLe Journal des Telecoms
Le Journal des TelecomsWildix
 
Introduction to WebRTC on iOS
Introduction to WebRTC on iOSIntroduction to WebRTC on iOS
Introduction to WebRTC on iOS
CocoaHeads France
 
Web rtc 2016 - Malik Houni, Jocelyn Caraman et Bich NGUYEN
Web rtc 2016 - Malik Houni, Jocelyn Caraman et Bich NGUYENWeb rtc 2016 - Malik Houni, Jocelyn Caraman et Bich NGUYEN
Web rtc 2016 - Malik Houni, Jocelyn Caraman et Bich NGUYEN
malik3rdH
 
Les nouveautés de la vidéo dans Azure, aggrémentées de cas clients, VLC et le...
Les nouveautés de la vidéo dans Azure, aggrémentées de cas clients, VLC et le...Les nouveautés de la vidéo dans Azure, aggrémentées de cas clients, VLC et le...
Les nouveautés de la vidéo dans Azure, aggrémentées de cas clients, VLC et le...
Microsoft
 
Presentation cynapsys
Presentation cynapsysPresentation cynapsys
Presentation cynapsysbaltagi
 
Amélioration Qos de vod Streaming France Télévision (Cloud)
Amélioration Qos de  vod Streaming France Télévision (Cloud)Amélioration Qos de  vod Streaming France Télévision (Cloud)
Amélioration Qos de vod Streaming France Télévision (Cloud)
yacine sebihi
 
Videostreaming et visioconference pour le Web - Evènement GDSC USTHB Tech plus
Videostreaming et visioconference pour le Web - Evènement GDSC USTHB Tech plusVideostreaming et visioconference pour le Web - Evènement GDSC USTHB Tech plus
Videostreaming et visioconference pour le Web - Evènement GDSC USTHB Tech plus
Tarik Zakaria Benmerar
 
La diffusion vidéo avec le Cloud Azure
La diffusion vidéo avec le Cloud AzureLa diffusion vidéo avec le Cloud Azure
La diffusion vidéo avec le Cloud Azure
Microsoft
 
Les Nouveaux Standards et leur implémentation dans les navigateurs modernes
Les Nouveaux Standards et leur implémentation dans les navigateurs modernesLes Nouveaux Standards et leur implémentation dans les navigateurs modernes
Les Nouveaux Standards et leur implémentation dans les navigateurs modernes
Tristan Nitot
 
Introduction à DotNetNuke
Introduction à DotNetNukeIntroduction à DotNetNuke
Introduction à DotNetNuke
Microsoft
 
DotNetNuke aux TechDays 2012
DotNetNuke aux TechDays 2012DotNetNuke aux TechDays 2012
DotNetNuke aux TechDays 2012
Cyril P
 
RTC: Assurer la qualité et la confidentialité
RTC: Assurer la qualité et la confidentialitéRTC: Assurer la qualité et la confidentialité
RTC: Assurer la qualité et la confidentialité
Maurice Duchesne
 
ReMix11 Paris: Windows Azure & développement mobile
ReMix11 Paris: Windows Azure & développement mobileReMix11 Paris: Windows Azure & développement mobile
ReMix11 Paris: Windows Azure & développement mobileThomas Conté
 
Livre blanc 2017 - Recommandations FFTelecoms - Transition du RTC vers le tou...
Livre blanc 2017 - Recommandations FFTelecoms - Transition du RTC vers le tou...Livre blanc 2017 - Recommandations FFTelecoms - Transition du RTC vers le tou...
Livre blanc 2017 - Recommandations FFTelecoms - Transition du RTC vers le tou...
Fédération Française des Télécoms
 
Tendances Futures du Web - GTI780 & MTI780 - ETS - A09
Tendances Futures du Web - GTI780 & MTI780 - ETS - A09Tendances Futures du Web - GTI780 & MTI780 - ETS - A09
Tendances Futures du Web - GTI780 & MTI780 - ETS - A09
Claude Coulombe
 
Réseau de capteurs sans fil
Réseau de capteurs sans fil  Réseau de capteurs sans fil
Réseau de capteurs sans fil
Ghassen Chaieb
 
Présentation Muriel Lebellac Videomenthe sur son offre Cloud Computing lors d...
Présentation Muriel Lebellac Videomenthe sur son offre Cloud Computing lors d...Présentation Muriel Lebellac Videomenthe sur son offre Cloud Computing lors d...
Présentation Muriel Lebellac Videomenthe sur son offre Cloud Computing lors d...Marc Bourhis
 
Mon CV Detaillé
Mon CV Detaillé Mon CV Detaillé
Mon CV Detaillé
Hicham HADDAD
 
System Center 2012 : Montez votre Cloud Privé avec NetApp et Cisco
System Center 2012 : Montez votre Cloud Privé avec NetApp et Cisco System Center 2012 : Montez votre Cloud Privé avec NetApp et Cisco
System Center 2012 : Montez votre Cloud Privé avec NetApp et Cisco
Microsoft Technet France
 

Similaire à Web real time communication @UXRepublic (20)

Le Journal des Telecoms
Le Journal des TelecomsLe Journal des Telecoms
Le Journal des Telecoms
 
Introduction to WebRTC on iOS
Introduction to WebRTC on iOSIntroduction to WebRTC on iOS
Introduction to WebRTC on iOS
 
Web rtc 2016 - Malik Houni, Jocelyn Caraman et Bich NGUYEN
Web rtc 2016 - Malik Houni, Jocelyn Caraman et Bich NGUYENWeb rtc 2016 - Malik Houni, Jocelyn Caraman et Bich NGUYEN
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...
Les nouveautés de la vidéo dans Azure, aggrémentées de cas clients, VLC et le...Les nouveautés de la vidéo dans Azure, aggrémentées de cas clients, VLC et le...
Les nouveautés de la vidéo dans Azure, aggrémentées de cas clients, VLC et le...
 
Presentation cynapsys
Presentation cynapsysPresentation cynapsys
Presentation cynapsys
 
Amélioration Qos de vod Streaming France Télévision (Cloud)
Amélioration Qos de  vod Streaming France Télévision (Cloud)Amélioration Qos de  vod Streaming France Télévision (Cloud)
Amélioration Qos de vod Streaming France Télévision (Cloud)
 
Videostreaming et visioconference pour le Web - Evènement GDSC USTHB Tech plus
Videostreaming et visioconference pour le Web - Evènement GDSC USTHB Tech plusVideostreaming et visioconference pour le Web - Evènement GDSC USTHB Tech plus
Videostreaming et visioconference pour le Web - Evènement GDSC USTHB Tech plus
 
La diffusion vidéo avec le Cloud Azure
La diffusion vidéo avec le Cloud AzureLa diffusion vidéo avec le Cloud Azure
La diffusion vidéo avec le Cloud Azure
 
Les Nouveaux Standards et leur implémentation dans les navigateurs modernes
Les Nouveaux Standards et leur implémentation dans les navigateurs modernesLes Nouveaux Standards et leur implémentation dans les navigateurs modernes
Les Nouveaux Standards et leur implémentation dans les navigateurs modernes
 
Introduction à DotNetNuke
Introduction à DotNetNukeIntroduction à DotNetNuke
Introduction à DotNetNuke
 
DotNetNuke aux TechDays 2012
DotNetNuke aux TechDays 2012DotNetNuke aux TechDays 2012
DotNetNuke aux TechDays 2012
 
RTC: Assurer la qualité et la confidentialité
RTC: Assurer la qualité et la confidentialitéRTC: Assurer la qualité et la confidentialité
RTC: Assurer la qualité et la confidentialité
 
ReMix11 Paris: Windows Azure & développement mobile
ReMix11 Paris: Windows Azure & développement mobileReMix11 Paris: Windows Azure & développement mobile
ReMix11 Paris: Windows Azure & développement mobile
 
Livre blanc 2017 - Recommandations FFTelecoms - Transition du RTC vers le tou...
Livre blanc 2017 - Recommandations FFTelecoms - Transition du RTC vers le tou...Livre blanc 2017 - Recommandations FFTelecoms - Transition du RTC vers le tou...
Livre blanc 2017 - Recommandations FFTelecoms - Transition du RTC vers le tou...
 
Tendances Futures du Web - GTI780 & MTI780 - ETS - A09
Tendances Futures du Web - GTI780 & MTI780 - ETS - A09Tendances Futures du Web - GTI780 & MTI780 - ETS - A09
Tendances Futures du Web - GTI780 & MTI780 - ETS - A09
 
Réseau de capteurs sans fil
Réseau de capteurs sans fil  Réseau de capteurs sans fil
Réseau de capteurs sans fil
 
Présentation Muriel Lebellac Videomenthe sur son offre Cloud Computing lors d...
Présentation Muriel Lebellac Videomenthe sur son offre Cloud Computing lors d...Présentation Muriel Lebellac Videomenthe sur son offre Cloud Computing lors d...
Présentation Muriel Lebellac Videomenthe sur son offre Cloud Computing lors d...
 
Mon CV Detaillé
Mon CV Detaillé Mon CV Detaillé
Mon CV Detaillé
 
Exakis Day
Exakis DayExakis Day
Exakis Day
 
System Center 2012 : Montez votre Cloud Privé avec NetApp et Cisco
System Center 2012 : Montez votre Cloud Privé avec NetApp et Cisco System Center 2012 : Montez votre Cloud Privé avec NetApp et Cisco
System Center 2012 : Montez votre Cloud Privé avec NetApp et Cisco
 

Plus de UX REPUBLIC

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

Plus de UX REPUBLIC (13)

L'user experience for IoT
L'user experience for IoTL'user experience for IoT
L'user experience for IoT
 
UX vs CX @UXRepublic
UX vs CX @UXRepublicUX vs CX @UXRepublic
UX vs CX @UXRepublic
 
Experience map @UXRepublic
Experience map @UXRepublicExperience map @UXRepublic
Experience map @UXRepublic
 
Le web en perspective @UXRepublic
Le web en perspective @UXRepublicLe web en perspective @UXRepublic
Le web en perspective @UXRepublic
 
L'UX au coeur de l'entreprise
L'UX au coeur de l'entrepriseL'UX au coeur de l'entreprise
L'UX au coeur de l'entreprise
 
L'importance du croquis dans la phase de conception par Marie Desnos @UXRepublic
L'importance du croquis dans la phase de conception par Marie Desnos @UXRepublicL'importance du croquis dans la phase de conception par Marie Desnos @UXRepublic
L'importance du croquis dans la phase de conception par Marie Desnos @UXRepublic
 
Lean UX
Lean UX Lean UX
Lean UX
 
Les Heuristiques de Bastien et Scapin
Les Heuristiques de Bastien et ScapinLes Heuristiques de Bastien et Scapin
Les Heuristiques de Bastien et Scapin
 
Les Tests Utilisateurs
Les Tests UtilisateursLes Tests Utilisateurs
Les Tests Utilisateurs
 
La vérité sur les utilisateurs
La vérité sur les utilisateursLa vérité sur les utilisateurs
La vérité sur les utilisateurs
 
Les principes Gestalt appliqués au webdesign
Les principes Gestalt appliqués au webdesignLes principes Gestalt appliqués au webdesign
Les principes Gestalt appliqués au webdesign
 
Les bonnes pratiques du e-commerce
Les bonnes pratiques du e-commerceLes bonnes pratiques du e-commerce
Les bonnes pratiques du e-commerce
 
About UX by UX-REPUBLIC Paris
About UX by UX-REPUBLIC ParisAbout UX by UX-REPUBLIC Paris
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