Python

• Introduction
• Les types de données
• Structures de contrôle et fonctions
• Les modules et les classes
• Python 2.7 / Python 3
• Utiliser Python pour des scripts serveur
• TP : écrire un script serveur

Django

• Introduction
• Les modèles
• Les URLs et les vues
• Les templates
• Le backend
• TP : faire un premier site en Django

L’authentification avec Django

• Fonctionnement général
• Les formulaires automatiques
• Personnaliser l’authentification
• La protection Cross Domain
• TP : sécuriser mon site Web

La gestion de la langue avec Django

• Fonctionnement général
• Templates, classes et vues
• Les fichiers de langue .po et .mo
• La génération des fichiers de langue et le tag fuzzy
• TP : internationaliser mon site Web

Mise en production d’un site Django

• Fichier de settings
• Debug et logs
• Déploiement avec WSGI
• Bases de données
• Fichiers statiques
• Les hébergeurs de sites Django
• TP : configuration du serveur avec apache ou nginx

Introduction

• Introduction
• Les nouvelles fonctionnalités
• Nouveautés pour les formulaires
• Les balises audio et vidéo
• SVG et Canvas

CSS3

• Rappels sur les CSS
• CSS display, float, absolute, relative et flexbox
• Les prefixes CSS
• LESS et SASS
• Ressources
• TP : mise en forme de mon site Web

Responsive Web Design

• Introduction
• Les media queries
• Des images responsives
• TP : rendre mon site responsive

Bootstrap CSS

• Présentation
• Avantages et inconvénients de Bootstrap
• Personnaliser son thème Bootstrap
• TP : faire un site responsive avec Bootstrap

Polices d’icônes

• Pourquoi utiliser des polices d’icônes ?
• Font Awesome
• Faire sa propre police avec Fontastic
• TP : utiliser Font Awesome dans son site Web

Choisir son framework JavaScript

• JavaScript
• Le framework historique : jQuery
• Les nouveaux framework : AngularJS, ReactJS, Ember, Handlebars
• Choisir le framework adapté à son projet
• Bonnes pratiques
• TP : mise en oeuvre de fonctions JavaScript

Le Web mobile

• Historique et contraintes
• Les pièges à éviter
• Les ressources
• Le Web mobile de demain

Présentation

• Les solutions actuelles : ActiveX, Java, Flash
• Standardisation WebRTC / RTCWeb
• Architecture générale

Signalisation

• Principes (JSEP)
• HTTP polling et les WebSocket
• Description de sessions – SDP

Flux médias

• Approche peer-to-peer
• Protocoles utilisés – SRTP, DTLS, SCTP
• Flux audio, vidéo, data et DTMF
• Multiplexage des flux

Gestion des flux audio/video – MediaStream

• HTML5 / CSS3 – video, audio, canvas
• L’API MediaStream
• Les pseudo-caméras de Chrome
• TP : Mise en place de l’environnement
• TP : Accès à la caméra, affichage du retour caméra

Gestion des connections (RTCPeerConnection)

• Génération des offres/réponses SDP
• TP : Etablissement d’appel multimédia
• TP : Prise en main du protocole de signalisation
• TP : Gestion du SDP (RTCPeerConnection)

Transfert des données / DTMF

• Les API RTCDataChannel et RTCDTMFSender
• TP : Ajout de la fonction chat
• TP : Emission de DTMF (Analyse avec Wireshark)

Modification des caractéristiques média

• APIs MediaStreamTrack et MediaStreamConstraints
• TP : Désactivation des flux à l’émission/réception
• TP : Modification de la résolution – Bande passante
• TP : Sélection des codecs, de la caméra et du micro

Statistiques WebRTC

• Visualisation sous Chrome et exploitation en Javascript

Traversée des NAT

• Types de NAT- STUN, TURN, ICE
• TP : Mise en œuvre de STUN/TURN
• TP : Visualisation des tests de connectivité sous Wireshark
• TP : Utilisation forcée du relai TURN

SIP et WebRTC

• Principes et architectures
• TP : Déploiement d’un visiophone WebRTC / SIP

Introduction

• Rappel sur les contextes :
  • des réseaux de télécommunications
  • du monde du Web
• Les solutions actuelles : ActiveX, Java, Flash
• L’évolution vers WebRTC / RTCWeb
• Architecture
• Nouveaux usages

Signalisation

• Standards (SIP ou XMPP/Jingle) ou propriétaires
• Le protocole WebSocket
• Description de session – SDP

Flux médias

• Approche peer-to-peer
• Protocole temps-réel – SRTP, DTLS, SCTP
• Multiplexage des flux audio/vidéo et RTP/RTCP
• Flux de données – (RTCDataChannel API)
• Codecs audio et vidéo

Traversée des NAT

• Signalisation :
  • Ping Pong TCP
  • Spécifique aux protocoles (SIP, …)
• Flux médias : ICE, STUN, TURN
• Tests de connectivité

Interopérabilité avec les réseaux opérateurs

Applicatif WebRTC

• HTML5 / CSS3
• JavaScript
  • WebSocket API
  • MediaStream API
  • JSEP & RTCPeerConnection API

TP/Démonstrations

• Récupération du retour caméra
• Etablissement d’un appel vidéo navigateurs (RTCPeerConnection API)
• Utilisation du chat
• Statistiques de qualité audio/vidéo
• Impacts de STUN et TURN
• Création et visualisation d’une WebSocket
• SIP sur WebSocket

Rappels avancés sur le protocole SIP

• Les entités SIP: UAC, UAS, Proxy, B2B
• Transaction, dialogue
• Constructions des requêtes et réponses – headers « système »
• Les mécanismes de routage
• SDP et les flux RTP/RTCP

Présentation de SIPp

• Qu’est-ce que SIPp ?
• Caractéristiques de SIPp
• Principes et options de SIPp
• Documentation, FAQ, mailing list

TP n°1 : Enregistrement SIP (REGISTER)

• Installation de SIPp
• Les paramètres de la ligne de commande
• Les principaux mots clés (variables internes)
• Ecriture du script d’enregistrement
• Installation de Wireshark pour analyser le call flow
• L’utilisation de variables injectées depuis un fichier CSV

TP n°2 : Appel sortant / appel entrant (INVITE)

• Présentation du call flow SIP à réaliser
• Ecriture du script
• Les nouveaux keywords
• Fonctions dédiées VoIP de Wireshark
• Intégration continue

TP n°3 : Réalisation d’un test de charge

• Génération de log
• Mise en place du test de charge
• Mode multi-socket

TP n°4 : Simulation de flux audio/vidéo

• Présentation des options «rtp_echo» et «pcapplay»
• Réalisation d’un script «rtp_echo»
• Réalisation d’un script «pcapplay»

TP n°5 : Fonctions avancées

• Branchement conditionnel
• Interconnexion de scripts SIPp

TP n°6 : SIPp et la sécurité

• TLS
• HTTP digest et AKAv1