Archives

Python et Django : mise en oeuvre

28 juin 2015

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

HTML5: développement de sites web

28 juin 2015

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

Développer vos applications multimedia avec WebRTC

28 juin 2015

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

Déployer vos services téléphoniques avec WebRTC

28 juin 2015

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

SIPp : Conception de scripts

28 juin 2015

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
Icosnet
Viibe
CGI
Groupama-logo
NIJI
setelia
sagemcom
Motorola
logo_SDIS54_mod
adventiel
Schneider-mod
Savelec
Monaco Telecom_550x550
SopraSteria
Keolis
image_et_reseau
GFI
XURA 90H
VA SOLUTIONS2
sierra_wireless
Modis
cirpack
DGAC
t&t
Sofrecom
Bouygues E&S
logo-coriolis-telecom_mod
Extia
neosoft
DCNS
Italtel
Astellia
TuffigoRapidex
AXIANS
orange
Deltadore
davidson
NETENSIA
la poste
Amphenol-Antenna-Solutions-Logo-2-mod
athemium
AIRBUS
BureauVeritas
LOGO-CONVERGENCE-2019_300px_mod
axione
actility
broadpeak
HubOne
technicolor
intel
nokia-logo
Adeunis
akio
capgemini
ESR Groupe H69
Thales
SII
iagility
ADP
econocom
assystem-logo
engie-ineo
SFR
CMB ARKEA
SNCF_2011
alten
Lomaco