Untitled - Regart.net

CONTACT 

Les Formations / 1/2 

50 rue de paradis 

75010 Paris 

tel + 33 (0)1 48 24 96 45 

fax + 33 (0)1 48 24 96 46 

contact@regart.net www.regart.net 

Notre expertise / 

Regart.net est un centre de formation spécialisé dans 

les technologies pour le réseau Internet et la création 

numérique depuis 1998. 

Centre de formation agréé Adobe (AATC, Authorized 

Training Center) et partenaire formation Microsoft 

Expression, notre premier souci est la qualité et 

l’effi cacité des formations que vous suivrez. 

Pour cela, nos formateurs sont certifiés aux outils qu’ils 

enseignent (Adobe Certified Instructor / Microsoft Most 

Valuable Professionnal). 

formation multimédia 

Le catalogue des formations / 

Pour mettre vos collaborateurs en situation de valoriser 

leurs talents avec un niveau élevé de compétence et de 

qualité, nous vous proposons un ensemble de solutions 

et de dispositifs allant bien au-delà de la seule formation 

“en salle” : 

• Multimédia 11 modules 

• Création de sites 9 modules 

• Langages et RIA 12 modules 

• Création graphique 6 modules 

• 6 cycles de formation spécialisés 

Logiciels et technologies enseignées : 

• Multimédia / 

Flash 

Premiere Pro / Final Cut Pro 

After Effects 

Cinéma 4D 

• Création de site 

Dreamweaver / Newsletter 

WordPress 

• RIA / Mobiles 

Flex / Air / Catalyst 

Blend / Silverlight 

iPhone / Android / Tablettes 

• Création graphique / 

Photoshop / LightRoom / Gimp 

Illustrator 

InDesign 

• Langages / 

PHP & MySQL / Zend 

ActionScript 

CSS / CSS 3 / HTML5 

JavaScript /JavaScript Avancé / jQuery 

Objective C 

Nous vous proposons des stages de formation en sessions dans 

notre centre (formation inter-entreprises) ou un ap prentissage à la 

carte, sur site (formation intra-entreprise) adapté à vos besoins : 

lieu, contenu, durée et nombre de stagiaires.

Les Formations / 2/2 

Moyens techniques / 

Equipement et confort 

Un poste PC ou MAC par personne configuration multimédia : 

• Poste PC : Ecran 19 pouces LCD / AMD Athlon(tm) 64 X2 

Dual Core 3800+ / 2 Go DDR. 

• Poste MAC : iMac 20 pouces LCD / Intel Core 2 Duo 2,66 

GHz / 4 Go DDR2. 

• Postes en réseau, port USB2 sur écran. 

• Firewire et graveur DVD. 

• Accès Internet sur tous les postes : connexion permanente 

à haut débit. 

• Vidéoprojection 3600 lumens du poste formateur sur grand 

écran. 

• Salles climatisées. 

• Salle de repos avec goûters et boissons à disposition. 

• Terrasse. 

Support de cours 

• Documents sur support informatique ou ouvrage. 

• Pour les modules Adobe : support de cours Adobe (Centre 

de formation Adobe agréé). 

• Manuels ou supports internes. 

Les exercices seront enregistrés. 

Effectifs 

• Session interentreprises : en mini groupe de 3 à 6 personnes 

selon les modules au plus par session, pour un meilleur 

suivi individuel. 

• Cours individuels et déplacements sur demande. 

Méthodologie 

• Des travaux à partir d’exercices seront proposés pour 

assimilation de la partie théorique. Certains modules comportent 

des temps d’application pour synthèse des acquis 

pendant la formation. 

Votre formation / 

Prérequis 

Il est important de s’assurer que vous possédiez les prérequis nécessaires au bon suivi 

de chaque formation. Nos conseillers pédagogiques se tiennent à votre disposition 

avant l’entrée en formation pour évaluer vos besoins et vos compétences afin d’estimer 

au mieux votre projet de formation. 

Horaires 

Dans le cadre des stages inter-entreprises : 

• Stages du lundi au vendredi, de 9 h 30 à 13 h 00 et de 14 h 00 à 17 h 30. 

Convocation 

• Une convocation est adressée par email au stagiaire 10 jours avant le début du stage, 

avec plan et informations concernant le stage. 

Avant votre formation 

• Vous souhaitez disposer d’un Mac, signalez-le lors de votre inscription. 

• Pensez aussi à réserver votre place de parking couvert. 

Accès 


• Nombreux hébergements et points de restauration alentour.

CONTACT 

Organigramme des cycles / 1/2 


75010 Paris 

Web Designer 

27 jours 

tel + 33 (0)1 48 24 96 45 

fax + 33 (0)1 48 24 96 46 


Dreamweaver 

Création de sites Internet 5 jours 

i 

Wordpress 


i 

Dreamweaver 

Feuilles de style CSS 2 jours 

i 

Flash 

Animation interactive 5 jours 

i 

Photoshop 

Création graphique 5 jours 

i 

Illustrator 

Création graphique vectorielle 5 jours 

Graphiste PAO 

23 jours 

Photoshop 

Création graphique 5 jours 

i 

Photoshop 

Perfectionnement 5 jours 

i 

Illustrator 

Création graphique vectorielle 5 jours 

i 

InDesign 

PAO / Mise en page 5 jours 

i 

Lightroom 

Post-production photographique 3 jours 


Web Développeur 

39 jours 

Dreamweaver 


i 

Dreamweaver 

Feuilles de style CSS 2 jours 

i 

Newsletter 

Contenu pour emailing 2 jours 

i 

HTML5 et CSS3 


i 

JavaScript 

Découverte 2 jours 

i 

PHP & MySQL 

Langage serveur et bases de données 5 jours 

i 

Zend Framework 

Les fondamentaux 5 jours 

i 

Javascript 

Avancé 5 jours 

i 

jQuery 

Programmation de sites web 2.0 et mobiles 5 jours 

i 

Sites web optimisés pour mobiles et applications 

Création en HTML, JavaScript et PhoneGap 5 jours

Organigramme des cycles / 2/2 

Flash Développeur 

profil non informaticien 

27 jours 

Flash 


Tous ces modules peuvent être suivis seuls sur validation des prérequis 

i 

Flash 

Programmation ActionScript 3 5 jours 

i 

PHP & MySQL 


i 

Flash 

Sites dynamiques avec ActionScript 3 5 jours 

i 

Flash 

Vidéo sur Internet 2 jours 

i 

Android / iOs 

Création d’applications mobiles avec ActionScript 3 5 jours 

RIA développeur 

18 jours 

Flash 


i 

Flex/Air 

Création d’applications riches 5 jours 

i 

Flex/Air 

Architecture d’applications riches 5 jours 

i 

Flash Catalyst 

Prototypes interactifs et design 3 jours 


Flash Développeur 

profil informaticien 

37 jours 

Flash 


i 

Flash 


i 

PHP & MySQL 


i 

Flash 

Programmation Orientée Objet ActionScript 3 5 jours 

i 

Flash 

Sites Dynamiques avec ActionScript 3 5 jours 

i 

Flash 

Vidéo sur Internet 2 jours 

i 

Flash 

Géométrie 2D et 3D pour Flash 5 jours 

i 

Android / iOs 

Création d’applications mobiles avec ActionScript 3 5 jours

MODULE 

1 

CONTACT 

DREAMWEAVER 


75010 Paris 

Création 

de sites Internet 

durée du module / 5 jours 

tel + 33 (0)1 48 24 96 45 

fax + 33 (0)1 48 24 96 46 


Outil / 

Adobe Dreamweaver CS6 

Dreamweaver 

Objectif / 

Création de sites Internet.. 

Le déroulé de cette formation correspond au module “débutant / intermédiaire” 

pour Dreamweaver. 

Prérequis / 

Connaissance de l’outil Internet et bonne maîtrise du système d’exploitation 

(environnement Windows ou Mac).

Création 

de sites Internet 

Préambule 

• Dreamweaver dans le contexte Internet, les navigateurs en 

présence, les éditeurs HTML sur le marché et les produits 

Adobe 

La phase de conception 

• Pour qui faire un site ? Comment ? 

• Éditer un cahier des charges et les responsabilités de chacun 

• Établir une charte graphique et une charte de nommage 

Approche du logiciel 

Déroulé / 

• Présentation de l’interface 

• Organisation de l’espace de travail 

• Paramétrages des préférences : éditeurs externes et 

navi gateurs 

Planification du site 

• Définition et paramétrage du site local 

• Conception de l’arborescence 

• Construction de la navigation dans le site : les différents 

types de liens 

Création et maintenance du site 

• Automatiser les tâches, créer du code réutilisable et 

faciliter la maintenance des pages et les mises à jour 

Insertion d’objets 

• Les différents types d’images 

• Insertion de tableaux 

• Les objets de formulaires et leur fonctionnement 

• Les ancres (dans un même document, dans des documents 

différents) 

• Les objets Spry : créer des interfaces riches 

Ajout d’interactivité et d’animation 

• Les comportements 

• Introduction au JavaScript des comportements 

• Le cadre applicatif Spry (framework) 

• Les effets Spry 

• Vérification Spry de contrôles de formulaire 

Création de bibliothèques 

• Réutiliser plusieurs fois les mêmes objets 

• Mises à jour rapides de toutes les pages du site 

Création de fragments de code 

• Se constituer une trousse à outils de codes personnels 

• Créer du code réutilisable 

• Les différents types de fragments de code 

Création de modèles 

• Les modèles standards et les modèles imbriqués 

• Définir des régions modifiables, répétées ou facultatives 

• Mettre à jour rapidement tout le site 

Créer des styles CSS 

• Contrôle de l’aspect visuel de l’ensemble du site et respect 

de la charte graphique 

• Mises à jour rapides du site 

• Les différents sélecteurs CSS 

• Sélecteurs avancés CSS 3 

© Regart.net Formation — Centre de Formation agréé Adobe [AATC] 

Méthodologie de conception et création en CSS 

• Utiliser les modèles CSS prédéfinis de Dreamweaver 

• La gestion des feuilles de style 

• Aperçu HTML 5 dans Dreamweaver 

Les fonctions FTP 

• Paramétrer les infos distantes 

• Les opérations d’archivage et d’extraction 

• Utiliser les fonctionnalités du voilage 

• Synchroniser les sites (serveur/local) 

Gestion globale du site 

• Vérifier les liens du site 

• Travailler avec la fenêtre de site 

• Utiliser le panneau des Actifs et regroupement des favoris 

• Faire valider le code HTML 

• Référencer le site 

Des ressources 

• Installer les extensions Dreamweaver 

• Extension Manager 

• Site Adobe Exchange 

Dreamweaver

MODULE 

2 

CONTACT 

CSS 


75010 Paris 

Feuilles 

de style CSS 


tel + 33 (0)1 48 24 96 45 

fax + 33 (0)1 48 24 96 46 


Outil / 


CSS 

Objectif / 

Création de sites Internet. 

Le déroulé de cette formation correspond au module “intermédiaire” pour 

Dreamweaver. 

La formation au logiciel Dreamweaver est organisée en 2 principaux modules : 

g le module “Création de sites” 

g le module “CSS” 

Ce 2 e module “Dreamweaver Feuilles de style CSS” est un module complémentaire 

qui est réservé aux utilisateurs souhaitant approfondir et maîtriser les feuilles de 

style CSS. 

Prérequis / 

Maîtrise du contenu de la formation “Dreamweaver, création de site”. 

La connaissance du code HTML/XHTML est nécessaire.

Feuilles 

de style CSS 

Déroulé / 

• Utiliser les standards actuels 

• Les sélecteurs CSS - CSS 3 

• Spécificité des règles CSS 

• Limitation des navigateurs actuels 

• Créer des mises en page flexibles sur une ou plusieurs 

colonnes 

• Créer une galerie d’images 

• Créer des menus verticaux ou horizontaux 

• Comportements de survol en CSS 

L’ensemble des travaux pratiques de ce module de formation 

permettra d’acquérir les connaissances CSS de base sur les 

polices, les notions de boîtes, les couleurs, les bordures et 

les arrière-plans ainsi que les positionnements en CSS. 


CSS

MODULE 

3 

CONTACT 

NEWSLETTER 


75010 Paris 

Création 

de newsletter 


tel + 33 (0)1 48 24 96 45 

fax + 33 (0)1 48 24 96 46 


g Contenu pour emailing 

Outil / 


NEWSLETTER 

Objectif / 

Création de newsletter. 

Mise en forme et mise en page de documents destinés à l’emailing. 

Profil débutant. 

Prérequis / 

Connaissance de l’outil Internet et bonne maîtrise du système d’exploitation. 

(environnement Windows ou Mac).

Création 

de newsletter 

Préambule 

Déroulé / 

• Dreamweaver dans le contexte emailing 

g Contenu pour emailing 

Planification du site 

• Définition et paramétrage du site local 

Insertion d’objets 

• Mise en forme d’emails 

• Insertion de tableaux 

• Balise DIV 

Créer des styles 

• Externes 

• Internes 

• Mises à jour rapide 

Spécificités propres aux newsletters 

• Contraintes concernant les images, chemin et optimisation 

• Contraintes de dimension 

Création de fragments de code 

• Se constituer une trousse à outils de codes personnels 

• Créer du code réutilisable 

• Les différents types de fragments de code 

Création de modèles 

• Les modèles standards 

• Mettre à jour rapidement tout le site 


NEWSLETTER

MODULE 

4 

CONTACT 

HTML 


75010 Paris 

HTML5 & CSS3 


tel + 33 (0)1 48 24 96 45 

fax + 33 (0)1 48 24 96 46 


Outil / 

Editeur 

Dreamweaver CS6 

HTML 

Objectif / 

Ce module de formation aborde les prochaines versions et spécifications 

des langages HTML et CSS. 

Ces révisions majeures permettront aux développeurs Web de développer 

des sites nouvelles générations. 

Prérequis / 

Ce module de formation est un perfectionnement à la création de page en 

HTML 5 et CSS3. 

Il nécessite une bonne connaissance du HTML et des feuilles de styles CSS.

HTML5 & CSS3 

Déroulé / 

Préambule 

• Bref historique des langages HTML/CSS 

• HTML 5, CSS 3 : des langages dépoussiérés pour les 

sites web et adapt és aux nouveaux médias (périphériques 

mobiles) 

• Les principaux apports de ces nouvelles constructions, mais 

aussi leurs inconvénients (problème d’Internet Explorer, 

formats vidéos par exemple) 

• État des lieux avec les principaux navigateurs (compatibilité, 

reconnaissance des nouvelles syntaxes) 

Nouveautés HTML 5 

• Des syntaxes simplifiées 

• Rédéfinition du comportement de certaines anciennes 

balises 

• Les nouvelles balises 

- de structure (header, nav, section, footer, aside, etc) 

- d’intégration de dessin et d’objets externes : canvas, 

audio, video 

• Les nouveaux types d’attributs disponibles 

- pour les formulaires : email, url, date ... 

- ainsi que pour la plupart des balises HTML traditionnelles 

- les attributs personnalisés (data) 

Nouveautés CSS 3 

• Des spécifications encore en travaux : l’utilisation des 

préfixes propriétaires 

• L’extension des sélecteurs d’attributs 

• Les nouvelles propriétés de mise en forme : choix de 

polices, arrondis, ombres portées, dégradés de couleurs, ... 

• Les transitions et animations : éviter le recours au Javascript 

pour des effets simples 

• Élargissement de la gamme des sélecteurs de pseudoclasses 

et pseudo-éléments 

Ces sélecteurs permettent de cibler la moindre partie d’un 

document, sans le surchager de balises HTML : only-child, 

nth-child, only-of-type, nth-of-type, first-of-type, ... 

• Gestion des éléments de formulaire via CSS : enabled, 

disabled, valid, required, optionnal 

• Évolution des CSS pour les appareils mobiles : les mediaqueries 

Mise en pratique des connaissances acquises 

• Toutes ces nouveautés HTML 5/CSS 3 seront vues pendant 

la session au travers d’exercices pratiques. 


HTML

MODULE 

5 

CONTACT 

WORDPRESS 


75010 Paris 

WordPress 


tel + 33 (0)1 48 24 96 45 

fax + 33 (0)1 48 24 96 46 


g Niveau débutant 

Outil / 

WordPress 

Notepad ++ 

WordPress 

Objectif / 

Création de sites propulsé par WordPress. 

Installation, prise en main, personnalisation et maintenance d’un site WordPress. 

Ce module de formation est une solution clé en main pour toute personne désireuse 

de créer simplement un site Internet, l’héberger puis le faire vivre en toute 

autonomie. 

Prérequis / 

Connaissance de l’outil Internet et bonne maîtrise du système d’exploitation (environnement 

Windows ou Mac).

WordPress 

g Niveau débutant 

Déroulé / 

Préambule 

• Présentation de l’évolution des sites et des langages 

• Présentation du CMS WordPress 

• Les trois méthodes d’exploitation de WordPress, 

atouts et défauts 

• Qu’est-ce qu’un FTP, un nom de domaine, un hébergeur, 

un serveur Apache, une base de données ? 

Préparation de l’installation de WordPress 

• Téléchargement de WordPress 

• Les solutions Apache en local sur Mac ou PC 

• Installation et fonctionnement de Wamp 

• Création d’une base de données dans phpMyAdmin 

• Utilisation du FTP 

Installation de WordPress 

• Création du fichier de configuration 

• Paramétrage de WordPress et du compte d’administration 

Phase de conception 

• Présentation du projet “moncoach“ 

• Cahier des charges du site 

Approche de l’interface d’administration 

• La page d’identification 

• Présentation du Tableau de bord 

Les catégories 

• Le menu Catégories 

• Création de la structure du site “moncoach“ 

• Gestion des catégories et des sous-catégories 

Les articles 

• Les modes de publication dans WordPress 

• Le menu Articles 

• Création et gestion d’article 

Les pages 

• Le menu Pages 

• Création et gestion de page 

Les médias 

• Le menu Bibliothèque 

• Les différents formats d’images, de sons et de vidéos 

• Comment formater les médias pour permettre leur 

diffusion 

• Gestion des médias 

• Insertion de médias dans un article ou une page 

• Présentation et utilisation de médias embedded 

Les liens 

• Le menu Liens 

• Création et gestion des liens 

Les commentaires 

• Le menu Commentaires 

• Gérer les commentaires 

Apparence du site 

• Qu’est-ce qu’un thème WordPress ? 

• Présentation et modification du thème de base 

• Création d’un menu personnalisé 

• Définition du fond des pages 

• Utilisation des Widgets 

Gestion des thèmes 

• Présentation du menu de gestion des thèmes 

• Ajouter et gérer les thèmes 

Les extensions 

• Le menu Extensions 

• Les 10 plugins les plus utiles 

• Installation et gestion des extensions 


WordPress 

Les utilisateurs 

• Le panneau de gestion des utilisateurs 

• Création et gestion des comptes utilisateurs 

• Rendre privées certaines parties du site 

Les outils 

• Importer les articles en provenance d’un autre site 

Wordpress ou d’un autre système de blog 

• Exporter les articles du site 

Les réglages 

• Présentation des panneaux de réglage 

Mises à jour du site 

• Pourquoi est-il important de maintenir le moteur 

WordPress à jour ? 

• Préparation d’une mise à jour 

• Sauvegarde des données 

• Effectuer une mise à jour de WordPress et des 

extensions 

Introduction au couple HTML / CSS orienté WordPress 

• Création d’une page HTML vierge 

• Les balises 

• Les classes et les ID 

• Mise en page avec une feuille de style CSS 

• Application des styles aux éléments de la page HTML 

• Les propriétés CSS les plus utiles 

Modification des CSS du thème de base 

• Analyse de l’organisation des CSS du thème 

• Modification du style 

Mise en pratique des connaissances acquises 

• Réalisation d’un site WordPress (de l’installation à la personnalisation) 

qui répond à un cahier des charges fourni 

+ réponses à d’éventuelles questions sur les projets 

personnels

MODULE 

1 

CONTACT 

JAVASCRIPT 


75010 Paris 

Découverte 


tel + 33 (0)1 48 24 96 45 

fax + 33 (0)1 48 24 96 46 


JavaScript 

Objectif / 

Module complémentaire pour la création de sites sur Internet. 

Le déroulé de cette formation correspond à deux journées de découverte du langage 

JavaScript. 

Prérequis / 

Bonne connaissance de l’outil Internet et du langage HTML.

Découverte 

Introduction au langage 

• Langage côté client 

Déroulé / 

• Avantages et inconvénients du langage JavaScript 

• Intégration dans une page HTML 

• Création de script 

• Exécution de script 

Programmer en JavaScript 

• Les variables (Number, String, Boolean) 

• Les opérateurs (arithmétiques, conditionnels et logiques) 

• Les conditions (if, else if, else) 

• Les boucles (for) 

• Fonctions natives JavaScript 

• Fonctions personnalisées 

• Les gestionnaires d’événements 

• Le DOM : Document Object Model 

• Manipuler des fichiers HTML grâce au DOM et JavaScript 

• Simulation d’application Ajax 

Applications 

L’ensemble des concepts abordés lors de la formation sera 

illustré par des exercices pratiques : 

• Vérification et validation de contrôles de formulaires 

• Liste automatique etc. 


JavaScript

MODULE 

2 

CONTACT 

JAVASCRIPT 


75010 Paris 

JavaScript Avancé 


tel + 33 (0)1 48 24 96 45 

fax + 33 (0)1 48 24 96 46 


g Programmation avancée, POO, librairies tierces 

JavaScript 

Objectif / 

Ce module “JavaScript avancé“ vous permettra de : 

- Comprendre et maîtriser la nature dynamique de JavaScript. 

- Produire du code encapsulé, orienté objet et architecturé. 

- Comprendre des notions avancées comme les closures ou le scope des variables. 

- Eviter les pièges courants de JavaScript et adopter les bonnes pratiques de 

programmation. 

- Découvrir des librairies populaires telles que backbone.js, requirejs, Modernizr... 

Prérequis / 

Ce module s’adresse à des développeurs maîtrisant déjà les bases du JavaScript 

et /ou un langage orienté objet (ActionScript 3, Java, PHP...).

JavaScript Avancé 

g Programmation avancée, POO, librairies tierces 

Déroulé / 

Introduction et rappels 

• Types primitifs : Null, Undefined, Boolean, Number, String 

• Types natifs : Date, Array, Object, Regular Expressions 

• Le DOM : définition, accès, manipulation 

• L’objet window, document 

• Boucles : for, for in, forEach... 

Techniques avancées 

• True ou false : comparaison de variables, égalité (‘==’) et 

égalité stricte (‘===’) 

• Ecoute et capture d’événements 

• La fonction “eval()“ 

• Gestion des erreurs 

• Erreurs à l’exécution 

• L’opérateur delete 

Les fonctions 

• Arguments de fonction optionnels 

• Valeurs par défaut, opérateur OR (||) 

• Variables locales, variables globales 

• Scope des variables 

• Remontée (“hoisting“) des variables et des fonctions 

• Fonctions passées en tant qu’argument 

• Fonctions anonymes 

• Fonctions “internes“ 

• Call() et apply() : utilisation et différences 

• Fonctions auto-exécutantes 

• Closures 

Les Objects 

• Le type Object 

• Création d’objets personnalisés 

• Notion de prototype 

JavaScript orienté objet 

• Pseudo-classes Orientées Objet avec prototype 

• Ecriture de constructeurs 

• Accès aux membres d’une classes : public/private 

• Héritage (pseudo-classique, prototypal et fonctionnel) 

• La fonction super() 

• Surcharge (“overriding“) de méthodes 

• Instanciation d’objets : “new“ VS “Object.create“ 


JavaScript 

Evénements 

• Faire communiquer nos objets entre eux et avec le reste de 

l’application 

• Gestion avancée des événements : programmation asynchrone 

• Fonctions de rappel (“callbacks“) 

Modèles de conception 

• Le modèle de conception “module“ (“module pattern“) 

Librairies 

• Chargement de modules avec Requirejs 

• Amélioration progressive (“progressive enhancement“) avec 

Modernizr 

• Templating avec Mustache.js 

• Underscore.js 

• Backbone .js 

Architectures et workflow 

• Organisation du code pour de gros projets 

• Workflow : fusion et minification du code

MODULE 

3 

CONTACT 

JQUERY 


75010 Paris 

tel + 33 (0)1 48 24 96 45 

fax + 33 (0)1 48 24 96 46 


jQuery 

Programmation avec jQuery 

et jQuery UI 


g Développer des sites web 2.0 avec la librairie jQuery et les composants 

jQuery UI 

Objectif / 

A l’issue de la formation, le stagiaire saura développer des sites web nouvelle 

génération (web 2.0) à l’aide de jQuery, la librairie JavaScript la plus populaire et 

la plus utilisée du web. 

Il apprendra comment utiliser au mieux le langage JavaScript du navigateur et 

écrire des programmes compatibles pour tous les navigateurs du marché (IE, 

Firefox, Safari, Chrome et Opéra), aussi bien dans les environnements Windows, 

Mac ou Linux. 

La formation abordera également jQuery UI, une librairie de composants prêts à 

l’emploi (onglets, menus en accordéon, calendriers...), entièrement personnalisables 

via la librairie jQuery et des CSS. 

A l’issue de cette formation, le stagiaire saura utiliser au mieux Ajax, les effets 

visuels, le drag & drop, l’auto-complétion, pour créer des sites ou des applications 

web enrichis. 

Prérequis / 

Seules les notions de base de HTML et CSS sont nécessaires. 

La connaissance du langage JavaScript (non nécessaire car des rappels sont 

effectués tout au long du stage) et d’un langage serveur (PHP, Java, etc) est un 

plus.

Programmation avec jQuery 

et jQuery UI 

Déroulé / 

La philosophie de jQuery 

• Objet jQuery 

• $ comme raccourci 

• Chainage des méthodes 

Méthodes utilitaires 

• Manipulation d’objets 

• Méthodes booléennes 

• Manipulation de tableaux 

• Manipulation de chaines de caractères 

Sélecteurs 

• Sélecteurs simples, d’attributs, de classe et d’id 

• Pseudo-classes 

• Pseudo-classes liées aux formulaires 

• Combinateurs de descendance, filial, d’adjacence directe et 

d’adjacence indirecte 

• Sélecteurs multiples 

Accéder au DOM 

• Document Object Model : rappels java-script 

• Différentes formes de la fonction jQuery() : $(selector, context), 

$(element), $(elements), $(jQueryObject) et $(html) 

• Supprimer, ajouter ou remplacer des éléments dans la liste 

Manipuler le DOM 

• Méthode each (callback) 

• Propriété length 

• Accès à un élément particulier de la collection 

• Méthodes gérant les attributs et propriétés 

• Modification et gestion du DOM 

Gestion des événements 

• Méthode bind (eventName, callback) 

• Paramètre event : propriétés et méthodes du paramètre 

event, propagation de l’événement 

• Transmettre d’autres paramètres à un événement 

• Evénements utilisables dans bind () : événements standards 

et nouveaux événements 

• Méthode unbind () : supprimer un gestionnaire d’événement 

Ajax 

• Mise en place d’un serveur 

• Méthode $.ajax (options) : options disponibles dans $.ajax 

(options) 

• Traiter la réponse du serveur 

• Transmettre des paramètres au serveur 

• Méthode load (url, data, success) 

Effets visuels 

• Effets visuels standards définis par jQuery 

• Créer ses propres effets visuels 

• Arrêter l’exécution d’un effet : méthode stop () 

• Différer l’exécution d’un effet : méthode delay () 

Créer un plugin jQuery 

• Objectifs d’un plugin 

• Ajouter de nouvelles méthodes à l’objet jQuery 

• Ajouter de nouvelles méthodes aux objets de classe jQuery 

• Ajouter de nouvelles pseudo-classes 

• Diffuser un plugin 

Introduction à jQuery UI 

• Installation de jQuery UI 

• Aperçu de jQuery UI 

• Utilisation de fichiers non compressés ou compressés 

• Changer de thème CSS 

Onglets dans la page 

• Mise en forme du contenu (accès aux onglets, ajout, 

suppression…) 

Menus en accordéon 

• Gestion des événements dans les menus 

• Ouvrir un menu quelconque 

• Charger le contenu d’un menu par Ajax 

Boites de dialogue 

• Ouvrir et fermer une fenêtre 

• Utiliser un effet pour ouvrir ou fermer la fenêtre 

• Insérer des boutons dans la fenêtre 

• Insérer un contenu par Ajax 


jQuery 

g Développer des sites web 2.0 avec la librairie jQuery et les composants 

jQuery UI 

Boutons dans la page 

• Boutons radio 

• Cases à cocher 

• Afficher des icônes dans les boutons 

Barres de progression 

• Gestion des événements dans les barres de progression 

• Incrémenter de façon régulière une barre de progression 

• Effectuer un traitement à différentes étapes du remplissage 

Sliders 

• Afficher la valeur du curseur 

• Afficher les valeurs de plusieurs curseurs 

• Régler l’opacité d’une image à l’aide d’un slider 

Calendriers 

• Afficher plusieurs mois dans le calendrier 

• Afficher un calendrier statique 

• Indiquer des dates minimum et maximum 

• Interdire de pouvoir sélectionner certaines dates 

• Présélectionner une date quelconque 

• Effectuer une requête Ajax lors de la sélection d’une date 

Auto-complétion 

• Afficher une liste de suggestions à une largeur donnée 

• Afficher une liste de suggestions dès l’affichage de la page 

HTML 

• Afficher une liste de suggestions dès que le curseur pénètre 

dans le champ de saisie 

• Produire un effet d’apparition de la liste de suggestions 

• Créer dynamiquement la liste de suggestions 

• Insérer des images dans la liste de suggestions 

Drag & drop 

• Effectuer un traitement lors du déplacement 

• Imposer des limites au déplacement 

• Déplacer un autre objet que celui cliqué 

• Méthode droppable () 

• Un panier d’achats

MODULE 

4 

CONTACT 

PHP & MYSQL 


75010 Paris 

Création 

de sites dynamiques 


tel + 33 (0)1 48 24 96 45 

fax + 33 (0)1 48 24 96 46 


g Langage serveur et bases de données 

PHP & MySQL 

Objectif / 

Création de sites dynamiques pour Internet. 

Écriture de scripts PHP en liaison avec une base de données relationnelle MySQL. 

PHP & MySQL sont nécessaires pour la mise en œuvre d’applications dynamiques 

(RIA) réalisées avec Dreamweaver ou Flash. 

Prérequis / 

Pour public débutant en PHP & MySQL. 

Bonne connaissance de l’outil informatique (environnement Windows ou Macintosh) et 

bonne pratique d’Internet. 

Aptitude pour la programmation : la pratique d’un langage de programmation quel 

qu’il soit sera un plus. 

Ce module est destiné aux personnes ayant un niveau “Dreamweaver, Création 

de site, option JavaScript” ou “Flash, Programmation” et souhaitant notamment 

suivre les modules “Dreamweaver, Dynamiques” ou “Flash, Sites Dynamiques”.

Création 

de sites dynamiques 

Déroulé / 

PHP 

• Introduction aux langages dynamiques côté serveur 

• Création de scripts PHP simples 

• Installation et utilisation de WampServeur 

(Apache, PHP, phpMyAdmin, MySQL) 

• Création de scripts PHP élaborés 

• Utilisation de variables, tableaux 

• Conditions, boucles 

g Langage serveur et bases de données 

Fonctions 

• Méthodes d’envoi GET et POST 

• Transmissions de variables par GET/POST 

• Objets $_GET et $_POST 

• Utilisation de formulaires 

• Tour d’horizon des fonctions PHP 

• Créer des fonctions personnalisées 

MySQL 

• Introduction aux bases de données relationnelles 

• Apprentissage du langage MySQL 

• Création d’une base et de tables 

• Étude et création de requêtes MySQL 

phpMyAdmin 

• Utilisation de phpMyAdmin pour créer et gérer des bases 

de données MySQL 

Connexion PHP MySQL 

Échanges de données entre PHP et MySQL 


MySQL base multitables 

• Principes et intérêts 

• Relations entre tables (de 1 à 1, de 1 à plusieurs, de plusieurs 

à plusieurs) 

• Création de bases multitables avec relations 

• Syntaxe MySQL 

• Création d’index autoincrémentables 

• Liaisons entre tables, LEFT JOIN, RIGHT JOIN, INNER JOIN 

• Création de requêtes de sélections multitables 

Applications 

PHP & MySQL 

• Création d’une application complète dynamique 

• Création du back office (côté administration) 

• Création du front office (côté client)

MODULE 

5 

CONTACT 

ZEND 


75010 Paris 



tel + 33 (0)1 48 24 96 45 

fax + 33 (0)1 48 24 96 46 


g Les fondamentaux 

Zend 

Objectif / 

Développer des applications avec le Zend Framework. 

Mettre en place, configurer et utiliser de façon optimale le Framework. 

Utiliser les bases de données. 

La session, l’authentification et la mise en place des formulaires avec le Zend 

Framework. 

Prérequis / 

Bonnes connaissances de PHP et de la programmation orientée objet. 

Maîtrise des bases de données relationnelles.


g Les fondamentaux 

Déroulé / 

Introduction 

Rappels de programmation orientée objet (POO) 

• Notion de framework et de développement d’applications 

rapides (RAD) 

Introduction au framework Zend 

• Architecture, composants 

• Couverture applicative du framework, exemples de 

production 

• Motifs de conception. Intérêts et exemples au sein du Zend 

Framework 

• Anatomie d’une application d’exemple 

Zend & le MVC 

• Motif de conception MVC (Modèle-Vue- Contrôleur) : 

structure, exemples 

• Composants associés à chaque partie du motif 

- Les contrôleurs, l’amorçage d’une application Zend, la 

gestion des requêtes et le routage 

- Le modèle, la base de données. Requêtes en base, 

abstraction des tables, analyses et statistiques 

- Les vues et les templates. Les gabarits, aides de vue et 

vues partielles 

Composants généraux et de configuration 

• Configuration, journaux, exceptions, débogage 

• Sessions et registre 

• Filtres et validateurs 


Zend 

Zend et les formulaires 

• Rappels sur les formulaires 

• Architecture de formulaire selon le Zend Framework 

(éléments, aides de vue, décorateurs) 

Sessions & authentifications selon Zend 

• Rappels sur l’identification, authentification, autorisation 

• Sécurité sur le web avec Zend 

• Couplages des sessions et autorisations d’accès. 

Applications 

• Un CMS de gestion de comptes clients sera construit au fur 

et à mesure des chapitres de la formation.

MODULE 

1 

CONTACT 

FLASH 


75010 Paris 

Animation 

Interactive 


tel + 33 (0)1 48 24 96 45 

fax + 33 (0)1 48 24 96 46 


Outil / 

Adobe Flash CS6 

Flash 

Objectif / 

Création de contenus animés et interactifs pour Internet. 

La formation au logiciel Flash est organisée en 2 principaux modules : 

g le module “Animation Interactive” 

g le module “Programmation” 

Le déroulé de cette formation correspond au premier module, “Animation Interactive”. 

Prérequis / 

Pour public débutant sous Flash. 


bonne pratique d’Internet.

Animation 

Interactive 

Déroulé / 

Introduction à la technologie Flash 

• Le lecteur Flash 

• Le format .swf 

• Intérêts 

Principes de base 

• Interface du logiciel 

• Outils de dessin 

• Jeu de panneaux 

• Mise en couleur 

• Édition et construction 

• Scénario / séquences 

• Images clés / calques 

• L’explorateur d’animation 

• Bibliothèques 

• Les modèles 

Les objets 

• Édition et construction 

• Forme, groupe et objet de dessin 

• Symboles de type graphique, bouton et clip 

• Animation d’un bouton 

• Clip d’animation 

• Occurrences des symboles 

• Propriétés des occurrences 

• Filtres et mélanges 

• Le texte dans Flash : texte classique et TLF text 

• Import image et son 

• Synchronisation et manipulation du son 

• Manipulation des bitmaps 

• Les composants : utilisation de la scrollbar avec un 

champ texte 

• Modification de l’enveloppe des nouveaux composants 

Animations 

• L’animation : Espace/Temps 

• Principes d’animation 

• Animation par images clés 

• Animation par interpolations de forme, de mouvement et 

interpolation “classique” 

• Les présélections de mouvement 

• Animation avancée avec l’éditeur de mouvement 

• La 3D : espace 3D, coordonnées x, y et z, rotations et 

translations 3D 

• La cinématique inverse : animation de mouvements 

com plexes 

• Transformation d’objets 

• Déplacement selon une trajectoire 

• Masquage 

Cibles et travail en imbrication 

• Occurrence cible 

• Hiérarchie des objets et chemins en programmation 

• Syntaxe objet en programmation 

• Imbrication : optimisation et projet évolutif 

• Méthodes de travail 

Actions 

• Écriture de code ActionScript 

• Actions pour les boutons 

• Actions et interactivité pour les clips d’animation 

• Pilotage de clip 

• Actions dans le temps 

• Actions de navigation 

• Liens url & mail 

• Construction et navigation depuis un menu 


La vidéo 

• Les différentes techniques d’intégration 

• Les différents formats vidéo (.flv, .f4v) et codecs (Sorenson 

Spark, On2 VP6, H264) 

• Traitement de la vidéo et compression avec le logiciel Adobe 

Media Encoder CS6 

• Création d’un lecteur vidéo avec le composant FLVPlayback 

Exportation et optimisation 

• Fichier éditable, fichier compilé, exécutable (animation 

offline) 

• Intégration HTML 

• Contrôle de la bande passante 

• Principes d’optimisation (poids, organisation, travail en 

équipe) 

• Principes de fluidité 

• Préchargement d’animation simple 

• Choix d’entrée de site, compatibilité et méthode de détection 

(Express Install) 

Application 

• Exercice de synthèse 

Flash

MODULE 

2 

CONTACT 

FLASH 


75010 Paris 

Programmation 

ActionScript 3 


tel + 33 (0)1 48 24 96 45 

fax + 33 (0)1 48 24 96 46 


g Profil graphiste ou non informaticien 

Outil / 


Flash 

Objectif / 

Ce module consiste en l’étude du langage de programmation ActionScript 3. 




g le module “Sites dynamiques” 

Le déroulé de cette formation correspond au 2 e module, “Programmation”, du 

cycle Flash. 

Prérequis / 

Il est recommandé à un public plutôt graphiste ou non informaticien. 

Pour un public plutôt développeur ou informaticien, nous conseillons la formation “Programmation 

ActionScript 3 (profil développeur ou informaticien)”. 

Maîtrise du contenu de la formation “Animation Interactive“, et notamment de l’utilisation 

du clip et des actions sur images et boutons ainsi que de la nouvelle interface 

Flash CS6. 

Nous vous conseillons de suivre le module “Nouveautés Flash CS6, niveau Animation 

Interactive“ si vous êtes utilisateur de la version Flash CS4 et moins.

Programmation 


Introduction à l’AS3 

• Historique 

• Flash player, AVM1 et AVM2, compatibilité 

• Différence entre langage procédural et POO 

Comment coder 

• L’éditeur de code de Flash 

• Où placer le code ? 

• Utilisation d’un éditeur externe (FlashDevelop, Flash Builder 4) 

Le ciblage 

• Rappel sur l’imbrication : syntaxe objet, nomenclature des 

occurrences 

• Propriété parent, propriété root 

Le modèle événementiel en AS3 

• Présentation du modèle : sujet / événement / écouteur 

• Gérer les événements souris : la classe MouseEvent 

Qu’est ce qu’un objet ? 

Notion de classe, d’instance et de type 

• Classes instanciables / non-instanciables 

• Propriétés et méthodes de classe 

• Exemple : propriétés graphiques et méthodes de la classe 

MovieClip 

Les variables : création, typage et affectation 

Les classes Number, int et uint et les opérateurs 

arithmétiques 

La classe Math 

La classe Boolean 

Déroulé / 

g Profil graphiste ou non informaticien 

La classe String et la concaténation 

Les fonctions personnelles : définition, signature et 

appel 

Déclencher des instructions en continue avec 

Event.ENTER_FRAME 

Les objets graphiques et la liste d’affichage 

• Présentation des différents DisplayObjects 

• Les DisplayObjectContainers et la DisplayList 

• Travailler avec la liste d’affichage : ajout et retrait de 

DisplayObjects dans la DisplayList 

Chargement de contenu externe : images bitmap et SWF 

• La classe Loader 

• Les événements liés au chargement 

• Création d’un preloader 

Chargement de contenu externe : fichier texte 

• La classe URLLoader 

• Traitement et affichage des données chargées 

Les conditions 

• Structure conditionnelle : if, else if, else 

• Ecriture des conditions : opérateurs de comparaison 

La classe Array 

• Définition et utilité 

• Méthodes de la classe Array 

Déclencher des instructions avec un Timer 

• Différence avec un EnterFrame 

• Méthodes de la classe Timer, la classe TimerEvent et 

updateAfterEvent() 


Gestion du clavier avec KeyboardEvent 

• Récupération de la touche tapée : keyCode et charCode 

Glisser-déposer avec startDrag 

• Méthodes startDrag et stopDrag 

Test de collision avec la méthode hitTestObject() 

• Collision entre deux MovieClips 

• Collision par rapport à un point 

Création de masques par programmation 

Création et destruction de symboles par ActionScript 

• Création de liaisons dans la bibliothèque 

• Instanciation par code de symboles de la bibliothèque 

Les boucles : la boucle for 

• Définition et intérêt des boucles 

• Utilisation 

Flash 

La classe TextField 

• Fonctionnement, embarquement des polices 

• Classes TextFormat et StyleSheet 

Le son avec la classe Sound 

• Sons de bibliothèque et chargement de sons externes 

• Création d’un player audio 

La vidéo 

• Explication des formats et codecs vidéos lisibles dans le 

lecteur Flash 

• Création d’un player vidéo avec les classes NetStream, 

NetConnection et Video 

Exercices de synthèse : Pacman / Diaporama / Menu dynamique

MODULE 

3 

CONTACT 

FLASH 


75010 Paris 

Programmation 



tel + 33 (0)1 48 24 96 45 

fax + 33 (0)1 48 24 96 46 


g Profil développeur ou informaticien 

Outil / 


FlashDevelop et/ou Flash Builder 4 

Flash 

Objectif / 

Ce module consiste en l’étude du langage de programmation ActionScript 3. 

Il est destiné aux personnes souhaitant développer des applications pour le lecteur 

Flash 9 et plus, pour Flex ou pour téléphones mobiles. 




g le module “Sites dynamiques” 

g le module “Programmation Orientée Objet” 

Le déroulé de cette formation correspond au module “Programmation”. 

Pour Flex, cette formation n’est pas une formation à Flex mais au langage ActionScript 3 

utilisé dans Flex comme dans Flash. 

Prérequis / 

Il est recommandé à un public développeur, informaticien ou bien maîtrisant le 

langage Actionscript 1 ou 2 de Flash. 

Pour un public plutôt graphiste, webmaster ou non informaticien, nous conseillons la formation 

“Program mation ActionScript 3 (profil graphiste ou non informaticien)”, dispensée avec ActionScript 3.

Programmation 


Déroulé / 

Introduction à l’AS3 

• Historique 

• Flash player, AVM1 et AVM2, compatibilité 

• Différence entre langage procédural et POO 

Introduction 

• Où sont mes objets ? 

• Distinction entre le langage et l’API du lecteur 9 

Nouveautés du langage AS3 par rapport à AS2 

• Les nouveaux types primitifs 

• Boucles, mots clés, directive et déclarations 

• Notion de paquetage (package) 

• Optimisation avec la classe Vector 

Comportement du lecteur et compilateur 

• Différentes options du compilateur (mode strict, mode 

avertissement) 

• Typage : définition et avantages 

• Vérification des types à la compilation et à l’exécution 

Gestion des erreurs par le lecteur 

• Fonctionnement et granularité apportée 

• Différents types d’erreurs (compilation et exécution) 

• Utilisation de try, catch, finally 

g Profil développeur ou informaticien 

Mode d’instanciation des objets graphiques 

• Création des objets graphiques (classe DisplayObject) 

• Utilisation des DisplayObjects (SimpleButton, Sprite, 

MovieClip, Shape, etc.) 

• Nouvelle API de dessin (propriété graphics) 

• Bibliothèque partagée (ApplicationDomain) 

Liste d’affichage 

• Fonctionnement et concept 

• Gestion de la profondeur 

• Manipulation des objets d’affichage 

Modèle évènementiel (DOM3) 

• Écoute et diffusion d’événement (addEventListener, 

dispatchEvent) 

• La classe EventDispatcher 

• Propagation évènementielle 

Chargement de contenu externe (graphiques ou 

données) 

• Classes URLLoader et Loader 

• Manipuler le contenu chargé 

• Communication entre deux fichiers .swf 

• Chargement de données (variables URLEncodées, XML) 

• Gestion des événements du chargement 

Rétrocompatibilité : AVM1Movie 

• Différence entre AVM1 et AVM2 

• Chargement de fichiers .swf compilés en AS1/AS2 dans 

un .swf compilé en AS3 

• Communication entre .swf AVM1 et .swf AVM2 


Manipulation du XML avec E4X 

• Chargement de fichier XML 

• Introduction au format E4X 

• Syntaxe et parcours de fichier 

Manipulation du texte 

• Mise en forme du contenu texte 

• Styles de texte par CSS 

Flash 

Manipulation et création d’images bitmap 

• Classes Bitmap et BitmapData 

• Instanciation et manipulation d’images bitmap stockées 

en bibliothèque 

• Création d’objets bitmap par code 

• Création d’objets bitmap à partir de contenus vectoriels 

avec la méthode BitmapData.draw() 

• Filtres personnalisés avec Pixel Bender 

Manipulation du son 

• Chargement de son externe 

• Analyse du spectre 

• Equaliseurs 

• SoundLoaderContext, SoundChannel 

• Transformation de Fourier 

La vidéo 

• Classe Video, NetStream, et Camera 

Application : création d’un lecteur vidéo personnalisé

MODULE 

4 

CONTACT 

FLASH 


75010 Paris 

Programmation Orientée 

Objet ActionScript 3 


tel + 33 (0)1 48 24 96 45 

fax + 33 (0)1 48 24 96 46 


Outil / 



Flash 

g Programmation Orientée Objet et composants personnalisés 

Objectif / 

Techniques avancées de programmation et optimisation du code. 

Ce module est destiné aux personnes souhaitant approfondir leur connaissance du 

langage ActionScript 3, en Programmation Orientée Objet et développement de composants. 

L’étude du langage ActionScript 3 est organisée en 3 modules : 

g le module “Programmation ActionScript 3” 

g le module “Sites Dynamiques” 


Le déroulé de cette formation correspond au module “Programmation Orientée Objet”. 

Prérequis / 

Maîtrise du contenu de la formation “Programmation ActionScript 3”. 

Cette formation est recommandée à un public développeur et informaticien.

Programmation Orientée 

Objet ActionScript 3 

Déroulé / 

Rappel 

• Rappel sur les fonctions 

• Le tableau …rest 

• Signatures de méthodes 

• Portée et durée de vie des variables 

• Méthode call et apply 

• Types primitifs et composites 

• Classe Object 

• Introduction au concept de la POO 

• Notation Objet [ ] 

• Tableaux associatifs 

Typage fort 

• Typage des propriétés, variables, retours de fonction 

• Restrictions et intérêts 

• Comportements à la compilation et exécution 

Optimisation 

• Choisir les bons types 

• Notion de JIT (Just-In-Time Compiler) 

• Différences entres AVM1 et AVM2 

• Libération des ressources 

• Concept de ramasse-miettes (Garbage Collector) 

• Fonctionnement du ramasse-miettes 

Modèle évènementiel 

• Fonctions de rappel (callback) 

• Classe EventDispatcher (écouteurs d’événements) 

• Diffusion d’événements personnalisés 

g Programmation Orientée Objet et composants personnalisés 

Propagation évènementielle 

• Le flot d’événements 

• Phase de descente (capture phase) 

• Phase cible (target phase) 

• Phase de remontée (bubbling phase) 

• Optimisation du code 

La Programmation Orientée Objet et les Classes 

• Création et définition de Classes (class) 

• Fonction constructeur 

• Création de propriétés et méthodes 

• Méthodes de récupération et d’affectation 

• Création de propriétés en lecture/écriture (getter/setter) 

• L’héritage 

• Attributs de propriétés 

• Classes dynamiques (dynamic) 

• Héritage de classes (extends) 

• Le polymorphisme 

• L’encapsulation 

• Conversion de types 

• Transtypage 

• Opérateur as 

• Les paquetages et espaces de nommage (package/ 

namespace) 

• Les Interfaces (interface/implements) 

Classes graphiques personnalisées 

• Définition de sous-classes graphiques 


La composition 

• Composition vs héritage 


Débogage 

• Les erreurs de compilation et d’éxécution 

• La Classe Error, blocs try, catch et finally 

• Lever une erreur avec throw 

• Utilisation du débogueur 


Flash 

Utilisation de composants UI 

• Tour d’horizon sur les composants 

• Architecture des composants UI 

• Étendre un composant UI 

• Modification de l’apparence (styles, thèmes, enveloppes) 

• Repère d’échelle à 9 découpes 

• Zone de retraçage 

Développement de composants 

• Présentation des composants 

• Mise en pratique de la POO 

• Paramètres des composants 

• MetaData 

• Implémentation de l’architecture UI 

• Structure des .SWC 

• Aperçu en direct 

Application : création d’un composant comportemental 

Génération de librairies documentées 

• Penser une API 

• Créations de SWC pour Flash/Flex/AIR 

• Générer et livrer une documentation 

Création de fichiers d’extension (.mxp) 

• Ajout d’actions dans le panneau Actions 

• Documentation 

• Paquetage et création d’une extension *.mxp 

Modèle de conception (Design Patterns) 

• Singleton 

• Observer 

• Model View Controller : concept et introduction

MODULE 

5 

CONTACT 

FLASH 


75010 Paris 

Sites Dynamiques 


tel + 33 (0)1 48 24 96 45 

fax + 33 (0)1 48 24 96 46 


Outil / 



Flash 

g Langages serveur, bases de données, XML, Flash Remoting 

Objectif / 

Ce module est destiné aux personnes souhaitant créer du contenu Flash dynamique, 

c’est-à-dire communiquant et échangeant des données avec des applications, des 

web services, des scripts serveurs et des bases de données. 

Exemples d’applications : sites full flash reliés à une base de données, formulaires en 

ligne, interfaces d’administration (back-office) ou e-commerce. 




g le module “Sites Dynamiques” 


Le déroulé de cette formation correspond au 3 e module “Sites dynamiques”. 

Prérequis / 

Maîtrise du contenu de la formation “Programmation ActionScript 3”. 

Connaissance de base d’un langage serveur tel que PHP & MySQL nécessaire. 

Une connaissance préalable du XML n’est pas nécessaire. Le suivi de la formation 

“Programmation Orientée Objet” peut être un plus mais n’est pas indispensable.

Sites Dynamiques 

Déroulé / 

Echanges entre Flash et fichiers, scripts 

ou applications externes 

• Les FlashVars 

• Choix de passage des données, ciblage et encodage 

• Unicode 

• Envoi de données 

• External Interface 

(Communication Flash JavaScript et JavaScript Flash) 

• Envoi et réception de données par URLLoader 

et navigateToURL 

• La fonction sendToURL 

• La classe URLRequest 

• La classe URLVariables 


Chargement de contenu graphique externe 

• Gestion des erreurs de chargement 

• Manipulation du contenu chargé 

• Librairie partagées 

• Classe LoaderInfo 

Chargement de variables externes 

• Gestion des erreurs de chargement 

• Conversion et manipulation des données 

• Chargement de données textes et binaires 

Accès progressif aux données externes 

• Le système binaire 

• La classe URLStream 

• Accès aux données 

Échanges avec un script serveur et une base de données 

(exemple fondé sur PHP / MySQL) 

• Manipulation des données depuis Flash 

Application : envoi de courriels par un formulaire en Flash 

g Langages serveur, bases de données, XML, Flash Remoting 

Sécurité (échanges entre serveurs) 

• Concept de domaines croisés (cross-domain) 

• Accès à des SWF distants 

• Accès à d’autres types de fichiers distants 

par crossdomain.xml 

• Restriction d’accès, notion de security sandbox 

• Événements partagés 

• Contourner les restrictions 

Local Shared Object 

• Enregistrement de données persistantes 

• Commande “Supprimer les fichiers ASO” 

LocalConnection 

• Dialogue entre plusieurs SWF 

• LocalConnection et la sécurité 

XML (E4X) 

• Présentation du format XML 

• Qu’est ce que le format E4X ? 

• Principes, intérêts, vocabulaire et règles d’écriture 

• La classe XML dans Flash 

• La classe XMLList et XMLDocument 

• Propriétés des objets et des nœuds XML 

• Parcourir un document XML 

• Charger un fichier XML 

• Mettre en forme des données XML 

Application : création d’une interface de visualisation de news 

Application : création d’un menu dynamique 

• Traitement d’un objet XML : modification, ajout de nœuds 

• Les champs CDATA 

Gestion d’upload et du download dans Flash 

• Classe FileReference et FileReferenceList 

Application : galerie et traitement par lot 


Flash Remoting (*) 

• Présentation et intérêts 

• Différentes solutions Remoting 

• Installation sur le serveur 

• Utilisation de Flash Remoting avec WebORB PHP ou 

AMFPHP 

• Échanges de données typées entre client et serveur 

• Appel de méthodes distantes par le client 


• Débogage avec Charles proxy 

• Echanges de données entre Flash et une base de données 

MySQL via Flash Remoting 

• Utilisation des composants UI avec Flash Remoting 

(Data Provider) 

• Création d’un menu dynamique et galerie photo avec 

Remoting 

(*) Flash Remoting combiné à webORB PHP ou AMFPHP est une solution totalement gratuite, installable 

pour tout hébergement (dédié ou mutualisé). 

Securité avec Flash Remoting 

Flash 

Class-Mapping, échange de types étendus 

avec Flash Remoting 

Localisation (application multilingue) 

• Utilisation du panneau Chaînes 

• Utilisation de la classe Locale

MODULE 

6 

CONTACT 

FLASH 


75010 Paris 

Géométrie 2D et 3D 

Pour Flash 


tel + 33 (0)1 48 24 96 45 

fax + 33 (0)1 48 24 96 46 


Outil / 


Flash 

Objectif / 

Ce cours est destiné aux personnes qui ont besoin d’acquérir des notions fondamentales 

et indispensables en mathématiques, notamment en géométrie pour la 

création d’algorithmes 2D ou 3D dans Flash. 

Prérequis / 

Pour public utilisant l’ActionScript 3 dans Flash. 

Le niveau de la formation “Programmation ActionScript 3“ est un prérequis au 

suivi de la formation “Géométrie 2D et 3D“.

Géométrie 2D et 3D 

Pour Flash 

Déroulé / 

Trigonométrie et fonctions circulaires 

• Angles, radians, degrés et conversion (règle de trois) 

• Triangle rectangle et Pythagore, calcul de la distance 

entre deux points 

• Sinus, Cosinus et Tangente (représentation géométrique) 

• Formules de bases et équivalence 

• Fonctions circulaires (espaces orientés) 

• Acos, Asin, Atan 

Application : déplacement d’un point le long d’un cercle en fonction de la 

position de la souris 

Géométrie plane et géométrie euclidienne 

• Repères (coordonnées cartésiennes, coordonnées 

cylindriques/polaires) 

• Points (coordonnées, milieu, barycentre) : représentation 

d’un point dans un repère avec la classe graphics 

• Vecteurs 

• Calcul de norme et normalisation d’un vecteur 

• Produit scalaire 

Géométrie dans l’espace 

• Repères (repères orthonormés, coordonnées cylindriques) 

• Vecteurs : la classe number3D 

• Produit scalaire dans l’espace 

• Produit vectoriel 

• Equation paramétrique d’une droite (vecteur directeur) : classe 

droite3D 

• Equations d’un plan : classe plan3D 

• Intersection plan/droite 

Espace vectoriel 

• Vecteurs 

• Matrices, classe matrix3D 

• Opérations avec des matrices : multiplication/addition de 

matrices, multiplication d’un vecteur par une matrice 

Projection 

• Projection dans le plan et coordonnées cartésiennes 

Application graphique : projection d’un point sur une droite parallèlement à 

une autre droite, puis par rapport à un point 

• Projection et trigonométrie 

• Projection dans l’espace 

• Projection parallèlement à une droite sur un plan 

• Projection centrale 

Application à la représentation 3D 

• Description des données dans Papervision3D (caméra, 

viewport, etc.) 

• Projection orthogonale : moteur de projection orthogonale 

• Projection centrale : moteur de projection centrale 

• Bitmap mapping avec drawTriangles 

• Génération d’un cube, puis d’une sphère avec et sans 

mapping de bitmap 

• Z sorting 

Application : moteur 3D 


Flash 

Transformations du plan et de l’espace 

• Déplacements en géométrie plane 

• Description des principales transformations planes 

Déplacements dans l’espace 

• Symétrie par rapport à une droite, à un plan 

• Translation 

• Rotation 

• Homothétie 

• Similitude 

• Inversion 

Applications dans le moteur de 3D précédent (rotation d’un cube) 

Applications dans Papervision3D 

Application : développement d’une galerie sphérique en 3D avec fp10 

(sans Papervision3D) 

Application : développement d’un carrousel 3D avec fp10 

Introduction aux quaternions 

• Description générale 

• Utilisation dans les rotations dans l’espace 

• Utilisation des quaternions dans Papervision3D (calcul 

d’un déplacement autour d’une sphère avec indication 

d’une ligne type “ligne de vol“ )

MODULE 

1 

CONTACT 

FLEX / AIR 


75010 Paris 

Création 

d’applications riches 


tel + 33 (0)1 48 24 96 45 

fax + 33 (0)1 48 24 96 46 


Outil / 

Adobe Flash Builder 4 

Adobe Flex 4 

Flex / Air 

Objectif / 

Flex est un ensemble de technologies créées par Adobe afin de développer des 

applications Internet riches pour lecteur Flash. 

AIR est un environnement d’exécution qui permet, entre autres, de porter une 

application Flex du navigateur vers le bureau. 

Cette formation a pour objectif de présenter ces technologies afin d’apprendre à 

créer une application Flex pour mettre en œuvre une expérience utilisateur unique. 

La formation Flex est proposée en 2 modules : 

g le module “Création d’applications riches” 

g le module “Archirecture d’applications riches” 

Ce déroulé de cours correspondant au premier niveau de formation a trait aux 

applications clientes. Il est axé création d’interfaces utilisateur et développement 

d’applications relativement simples. 

Prérequis / 

Expérience professionnelle dans le Web. 

Familiarité avec un langage de programmation orienté objet. 

Idéalement, connaissance ou notions du langage ActionScript 3.

Création 


Déroulé / 

Introduction au développement d’applications Flex 

• La notion de RIA (Rich Internet Application), ses technologies 

et ses limites 

• Flex, Flash et ActionScript 

• La gamme de produits Flex/AIR 

• L’architecture client Flex/serveur 

• Les principales ressources en ligne 

• Les environnements de développement 

Créer une application Flex avec FlashBuilder 

• Création d’un projet Flex 

• Le contenu d’un projet Flex 

• Exportation et importation de projet 

• Les propriétés d’un projet 

• Tester un projet 

Décrire une interface utilisateur grâce au MXML 

• Les vues Source et Design 

• Présentation des composants controls, layout et navigators 

• Disposer l’interface utilisateur 

• Créer des composants personnalisés 

Le langage ActionScript 3 

• Un langage orienté objet 

• Les particularités de l’AS3 

• Vocabulaire, mots-clefs et syntaxe 

• Création d’une classe AS3 

• Insérer du code ActionScript dans un fichier MXML 

• L’héritage, les interfaces, les getter/setter 

• Présentation du framework Flash et de ses API 

Les mécanismes fondamentaux de Flex 

• La relation MXML/ActionScript 

• Instancier un objet 

• Gérer les événements 

• Les événements personnalisés 

• Diffuser un événement 

• La métadonnée Event 

• Créer ses propres types d’événement 

• La liaison de données (Data Binding) 

• Vue d’ensemble des API de Flex 4 

Manipuler les données 

• Utiliser le XML 

• Créer des objets XML 

• Lire les données 

• Manipuler les données 

• L’API de collection et les composants List 

• Valider les données avec les Validators 

• Formater les données avec les Formatters 

Personnaliser l’interface utilisateur 

• Structure et planification de l’interface utilisateur 

• Les workflows designer / développeur Flex 3 et Flex 4 

• (Flex 3) Utiliser le Flex Skins design extensions pour Adobe 

CS3 et CS4 et le Flex component kit pour Flash CS3/CS4 Pro 

• Flex 4 et le nouveau modèle de skins 

• Le format FXG et l’intégration avec Flash Catalyst 

• Les styles CSS 

• La notion de template 

• Les items renderers et item editors 

• Les renderers Drop-in et Inline 

• Les renderers personnalisés 

• Les States Flex 3 vs Flex 4 

• Les ViewStack 

• Les effets et les transitions 

• Embarquer des actifs 

• Le DragNDrop 

• Les fenêtres PopUp 

• Les fenêtres d’alerte 

• Modifier le curseur 

• Afficher des infos-bulles 

• Gérer le focus 

• Les composants charts 

• Diviser une application en modules 


Flex / Air 

Communiquer avec l’entourage direct de l’application 

• Stocker des données côté client : les Shared Objects 

• Communiquer avec l’enveloppe HTML 

• Créer des liens profonds avec le BrowserManager 

• Communiquer avec JavaScript grâce à ExternalInterface 

• Charger un fichier externe 

Communiquer avec le serveur d’applications 

• HTTPService 

• WebService 

• Remote Object 

Créer des applications pour le bureau avec AIR 

• Porter une application Flex sur le bureau avec AIR 

• Processus d’installation avec l’installBadge 

• Le fenêtrage 

• Intégrer du HTML et des documents PDF 

• L’accès au système de fichier

MODULE 

2 

CONTACT 

FLEX / AIR 


75010 Paris 

Architectures 



tel + 33 (0)1 48 24 96 45 

fax + 33 (0)1 48 24 96 46 


Outil / 

Adobe Flash Builder 4 

Adobe Flex 4 

Flex / Air 

Objectif / 

La formation Flex est proposée en 2 modules : 

g le module “Création d’applications riches” 

g le module “Archirecture d’applications riches” 

Cette formation correspond au module avancé de Flex. Il est destiné à l’étude des 

meilleures pratiques de développement dans un contexte plus industriel et, des 

techniques avancées de développement et d’architecture d’applications Flex et AIR. 

Prérequis / 

Maîtrise d’un langage orienté objet tel que Java/J2EE ou C#. 

Avoir suivi la formation Flex “Création d’applications riches” ou bien, avoir une expérience 

professionnelle avec Flex et l’ActionScript 3. 

En raison de la proximité entre les technologies et les techniques présentées, 

les développeurs Java/J2EE pourront intégrer directement cette formation, à 

condition de s’être familiarisés avec Flex.

Architectures 


Déroulé / 

Rappel des fondamentaux de Flash et Flex 

• Rappel des relations entre les technologies Flash, Flex et 

AIR 

• Présentation du toplevel du lecteur Flash 

• Gestion de la mémoire dans le lecteur Flash 

• Étude de la nature de la relation ActionScript 3 / MXML 

• Créer et intercepter les erreurs 

• Gérer la performance et la mémoire avec les Profilers 

• L’API de collection : IList, ICollectionView 

• Techniques de communications avec le serveur d’ap pli cation 

Remoting avec RemoteObject 

• Les principales passerelles 

• Utilisation de la balise RemoteObject 

• Gérer les erreurs distantes 

• Recevoir des objets ActionScript 

• Recevoir des objets typés 

• Envoyer des données ActionScript 

• Présentation de LCDS et BlazeDS 

• Etude du messaging avec BlazeDS 

Architecturer une application Flex 

• Les objectifs 

• Les principaux modèles de conception (Design Patterns) 

• Les notions de Model / View / Controller 

• Étude des principaux frameworks d’architecture ( Cairngorm, 

PureMVC...) 

Les stratégies de localisation 

• Les notions de i18n et l10n 

• Créer et compiler des ressourcesBundles 

• Méthodes statiques et dynamiques 

• Proposition d’architectures alternatives 


Productivité et intégration continue 

• Gestion de projets modulaires 

• Les projets de bibliothèques, les RSLs, et les dépendances 

• Les principales bibliothèques tierces 

• La génération de code MXML et ActionScript 3 

• Versioning SVN avec subclipse 

• Compilation automatisée avec Ant (Flex AnTasks) et Maven 

• Compilation conditionnelle et metadonnées personnalisées 

• Gestion de la documentation avec ASdoc 

• Tests unitaires (FlexUnit) fonctionnels, et reporting 

Techniques AIR avancées 

Flex / Air 

• Le DragNDrop natif 

• Invocation de l’application par ligne de commande 

• Gestion de la base de données SQLite et persistance 

• Gestion du mode dégradé avec l’API de connectivité 

• Mise à jour d’applications automatisées 

• Localisation des interfaces d’installation / désinstallation

MODULE 

3 

CONTACT 

FLASH CATALYST 


75010 Paris 

Création de prototypes 

interactifs & design 



en intra-entreprise 

tel + 33 (0)1 48 24 96 45 

fax + 33 (0)1 48 24 96 46 


Outil / 

Adobe Flash Catalyst 

Adobe Illustrator, Photoshop, Fireworks 

Flash Builder 4 

Flash 

Catalyst 

Objectif / 

Flash Catalyst est une nouvelle application pour la création de prototypes interactifs et 

d’interfaces d’applications riches. 

Destinée à un profil plutôt graphiste, elle permet de transformer rapidement des maquettes 

en contenu interactif, sans avoir à écrire la moindre ligne de code. 

Elle simplifie également la collaboration entre graphistes et développeurs dans les 

projets d’applications Flex et Air. 

Prérequis / 

Bonne connaissance de l’outil informatique (environnement Windows ou Macintosh) 

Connaissance d’un logiciel de PAO ou de Flash recommandée

Création de prototypes 

interactifs & design 


Introduction 

• Les usages de Flash Catalyst 

• Flash Catalyst, plateforme Flash et Creative Suite 

• L’interface de Flash Catalyst 

Concevoir des prototypes interactifs 

• Les outils d’édition 

• Gestion de calques 

• Gestion de pages 

Déroulé / 

Utiliser les composants basiques 

• Les composants fournis 

• Propriétés de composants 

• La bibliothèque de composants 

Ajouter les comportements d’interactions 

• Les différents comportements 

• Les composants interactifs 

• Interactions de navigation 

Intégrer des médias et des données 

• Import d’images 

• Import de médias vidéos et de sons 

• Contrôle des médias 

Créer des animations de transition 

• Les transitions de navigations 

• Gestion de la timeline 

Publier le prototype 

• Exporter pour le web 

• Exporter une application de bureau 

Préparer des maquettes d’interfaces d’applications 

• Utilisation de Illustrator 

• Utilisation de Photoshop 

• Utilisation de Fireworks et du FXG 

• Import des maquettes dans Flash Catalyst 


Transformer les maquettes en interfaces d’applications 

• Les composants basiques 

• Les composants de données 

• Les états de composants 

• Les transitions d’états 

• Interactions complexes 

• Les composants personnalisés 

• Collaborer avec des développeurs 

• Exporter le projet pour Flash Builder 

Flash 

Catalyst 

• Import et export de bibliothèques de composants 

• Mise à jour de composants

MODULE 

1 

CONTACT 

IPHONE 


75010 Paris 

iPhone iPad Android - 

Sites web optimisés pour 

mobiles et applications 

avec PhoneGap 


tel + 33 (0)1 48 24 96 45 

fax + 33 (0)1 48 24 96 46 


g en HTML, CSS, JavaScript et PhoneGap 

Outil / 

HTML/CSS, JavaScript et PhoneGap 

iPhone/iPad 

Android 

Objectif / 

A l’issue du stage, le participant saura principalement développer des sites web 

(réalisés en HTML, CSS et JavaScript) optimisés dans les navigateurs pour les 

téléphones mobiles et tablettes nouvelle génération, comme iPhone, iPad et 

Android. 

Il est en effet incontournable aujourd’hui de penser son site Internet (affichage, 

ergonomie) spécifiquement pour les écrans autres que le traditionnel ordinateur. 

Prérequis / 

Le cours se basant essentiellement sur HTML, CSS et JavaScript, quelques 

notions sur ces langages sont les bienvenues. 

Toutefois, les parties essentielles de ces langages (c’est-à-dire utiles pour le 

développement de ce genre d’applications) seront revues lors de la formation, 

donc leur connaissance peut n’être que superficielle.


Sites web optimisés pour 

mobiles et applications 

avec PhoneGap 

Déroulé / 

Rappels HTML - Mise en oeuvre du HTML 5 

• Balises 

• Attributs 

• Le texte 

• Les images 

• Les liens 

• Les listes 

• Les blocs 

• Tirer parti des nouveautés HTML 5 

• Principe du Responsive Web Design : 

- Adapter son site d’origine pour les différents écrans de 

mobiles/tablettes. 

- Créer des mises en page flexibles. 

- Adapter les images en fonction du terminal 

g en HTML, CSS, JavaScript et PhoneGap 

Rappels CSS - Utilisation des CSS 3 

• L’arrière-plan 

• Le texte 

• La police de caractères 

• Les bordures 

• Les espacements 

• Le positionnement des éléments 

• La taille des éléments 

• Sélecteurs CSS 

• Pseudo-classes 

• Combinateurs 

• Tirer parti des nouveautés CSS 3 pour les effets graphiques. 

• Les media queries 

Rappels JavaScript 

• Syntaxe de base 

• Variables 

• Boucles 

• Fonctions 

• Accès au DOM 

• Les nouvelles API Javascript : 

- Stockage permanent/temporaire de données: Web 

Storage 

- Proposer la consultation d’un site hors-ligne : Application 

Cache 

- La géolocalisation 


iPhone/iPad 

Android 

Introduction à jQuery Mobile 

• Découverte du framework 

• Créer de quelques pages de site avec jQuery Mobile et 

Dreamweaver 

• Convertir ces pages avec PhoneGap

MODULE 

2 

CONTACT 

IPHONE 


75010 Paris 


Création d’applications avec 

jQuery mobile et PhoneGap 


tel + 33 (0)1 48 24 96 45 

fax + 33 (0)1 48 24 96 46 


Outil / 

jQuery mobile 1.0+ 

PhoneGap 1.3+ 

Dreamweaver CS6+ 

iPhone/iPad 

Android 

g Applications mobiles natives en HTML/CSS/JS avec jQuery mobile et 

PhoneGap 

Objectif / 

Ce module permet d’apprendre à développer des applications mobiles natives 

pour iPhone, Android, Blackberry, Windows Phone, etc... en utilisant jQuery 

mobile et PhoneGap. 

jQuery mobile est un framework adossé à jQuery, la célèbre librairie JavaScript. 

jQuery mobile fournit à la fois une structure (navigations, transitions, traitement 

des données) et un ensemble de composants faciles à utiliser et à modifier. 

En s’appuyant sur des standards (CSS3, HTML5, JavaScript), jQuery mobile 

garantit l’interopérabilité et la longévité de vos applications : une même application 

est totalement multi-plateforme et ne nécessite pas le recours aux langages 

“natifs“ (Objective C, Java...). 

Votre application jQuery mobile sera ensuite convertie en application native via 

PhoneGap, pour une multitude de plateformes. Enfin, PhoneGap donne accès aux 

fonctionnalités natives des téléphones et tablettes : accéléromètre, geolocalisation, 

boussole, système de fichiers... 

Prérequis / 

Cette formation s’adresse à un public de développeurs web (JavaScript, HTML, CSS). 

Des notions de jQuery sont nécessaires.

Déroulé / 

Introduction 

• Présentation de jQuery, jQuery UI et jQuery mobile. 

• Notions de “fallback“ et de “responsive design“. 

• Plateformes supportées. 

• Quels usages pour jQuery mobile ? 

Pages 

• Architecture d’une page dans jQuery mobile. 

• Eléments d’une page : page, header, content, footer. 

• Notion de data-role, de viewport. 

• Template pour page unique VS template multi-page. 

• Liens entre pages : AJAX, bouton retour... 

• Transitions entre pages : transitions par défaut, transitions 

personnalisées en CSS /JS. 

• Gérer l’enchainement des transitions avec un écouteur. 

Boîtes de dialogue 

• Notion de boîte de dialogue. 

• Gérer l’ouverture et la fermeture d’une boîte de dialogue. 

• Transitions, historique, styles et thèmes. 

Architecture de l’application 

• Préchargement et mise en cache des pages. 

• Gérer les ressources occupées par le DOM. 

• Notion de “hash“ d’une page et son rôle dans la navigation. 

• Le plugin “pushState“. 

• La fonction $.mobile.changePage() . 

• L’attribut “data-url“. 

• Injection dynamique de pages. 

Ajout de code dans les pages 

• Placement et exécution du code dans la page. 

• L’événement “pagecreate“. 

• Changer de page en JavaScript. 

• Charger une page avec “loadPage()“. 

• L’événement “create“. 

• Distinction entre “création“ et “rafraichissement“ d’une page. 

• Scroller à une position donnée à l’intérieur d’une page avec 

“silentScroll()“. 

• Passer des paramètres entre pages. 

Evénements spécifiques 

• Evénements spécifiques de jQuery mobile : pageInit() et 

pageCreate() . 

• Evénements tactiles : tap, taphold, swipe... 

• Evénements souris virtuels : vmouseover, vmousedown, 

vmousemove... 

• Détecter l’orientation de l’écran avec “orientationchange“. 

• Evénements liés aux pages : pagebeforeload, pageload, 

pagebeforechange, pagechange, pageremove... 

L’objet $.mobile 

• Configuration de jQuery mobile : l’événement mobileinit. 

• L’objet $.mobile et ses options configurables. 

• Méthodes et propriétés utiles de l’objet $.mobile : change- 

Page(), loadPage(), path.parseURL()... 

Mise en forme du contenu 

• Styles HTML basiques par défaut. 

• Grilles de mise en page, multi-colonnage. 

• Contenu “dépliable“ : afficher/masquer un contenu. 

• Effet “accordéon“ sur des contenus multiples. 

Composant Toolbar 

• Types de Toolbar : “Header bar“, “Footer bar“ et “Navbar“. 

• Options de positionnement : “inline“, “fixed“ et “fullscreen“. 

• “Header bar“ : structure, style, ajout de boutons, bouton 

retour... 

• “Footer bar“ : structure, ajout de boutons, d’éléments 

form... 

• “Navbar“ : structure, ajout de boutons, d’icones... 

• “Navbar“ persistante dans le footer. 

Composant Button 

• Bases du composant Button : options, méthodes et 

événements. 

• Ajout d’icones : l’attribut “data-icon“ et les icones par 

défaut. 

• Positionnement des icones dans le bouton. 

• Icones personnalisées. 

• L’attribut “data-inline“. 

• Regrouper des boutons via “controlgroup“. 


Eléments de formulaire 

• Conventions d’écriture : id et label. 

• Cacher, désactiver, aligner les éléments du formulaire. 

• Initialisation et rafraichissement des éléments. 

• Text inputs et Textareas. 

• Champ de recherche (“search input“). 

• Slider, flip switch. 

• Radio buttons, checkboxes, menus de sélection. 

• Soumission de formulaires. 

Composant List 

• Types de listes : linked list, nested list, numbered list, split 

button list. 

• Options : list dividers, count bubble, vignettes, icones, 

inset lists. 

• Mise en forme du contenu d’un item de la liste. 

• Filtrer une liste avec un champ de recherche. 

Thèmes 

• Thèmes et palettes. 

• L’application ThemeRoller. 

iPhone/iPad 

Android 


Création d’applications avec 

jQuery mobile et PhoneGap 

g Applications mobiles natives en HTML/CSS/JS avec jQuery mobile et PhoneGap 

Créer une application native avec PhoneGap 

• Présentation de PhoneGap : génération d’applications 

natives et accès aux API des devices (accéléromètre, 

géolocalisation...). 

• Plateformes et API supportées par PhoneGap. 

• Les plateformes en présence et leur écosystème. 

• Packager son application pour iOS, Android... 

Accès aux fonctionnalités natives avec PhoneGap 

• Informations sur l’appareil avec Device. 

• Evénements spécifiques à PhoneGap : deviceready, pause, 

resume, online, offline... 

• Gérer les mouvements du device avec Accelerometer. 

• Prendre une photo avec Camera. 

• Lire et enregistrer du son avec Media. 

• Connaître une direction avec Compass (boussole). 

• Notifications : alert, vibreur... 

• Accès aux infos de positionnement avec Geolocation. 

• Accès au système de fichiers avec File.

MODULE 

3 

CONTACT 

IPHONE 


75010 Paris 


Création d’applications Air 

mobile en ActionScript 3 


tel + 33 (0)1 48 24 96 45 

fax + 33 (0)1 48 24 96 46 


Outil / 


Flash Builder 4.5 

AIR 2.6 et AIR 2.7 

iPhone/iPad 

Android 

g Applications iPhone et Android avec Flash et Flash Builder 

Objectif / 

Ce module permet d’apprendre à développer des applications mobiles pour 

iPhone et Android en ActionScript 3. 

Le développement s’appuie sur les outils de la gamme Adobe CS (Flash, Flash 

Builder), la technologie AIR et le langage ActionScript 3. 

Cette technologie permet de développer une application une seule fois et de la 

déployer sur toutes les plate-formes disponibles (iOS et Android), sans passer par 

les langages “natifs“ propres à ces plate-formes (Objective C, Java). 

Prérequis / 

Cette formation s’adresse à un public de développeurs Flash ou Flex maîtrisant 

l’ActionScript 3. 

La connaissance de la Programmation Orientée Objet est un plus.


Création d’applications Air 

mobile en ActionScript 3 

Déroulé / 

Introduction 

• Notion de développement multi-écrans 

• Runtime : AIR vs Flash player dans le navigateur 

• Plate-formes en présence : Android, iOS, RIM 

• Généralités sur les devices : smartphones, tablettes... 

• Considérations sur le hardware : CPU, GPU, RAM, résolutions 

d’écrans... 

• Outils de développement : Flash Pro, Flash Builder 4, Flash 

Develop 

• Les SDK’s : Android SDK, Apple SDK, SDK Blackberry 

g Applications iPhone et Android avec Flash et Flash Builder 

Mise en place 

• Installation des SDK 

• Installation des drivers 

• Présentation et test de adb.exe 

• Installation AIR 2.7 pour Flash Builder 4.5 

• Création d’un projet AIR 2.7 

Première application 

• Création d’une application (.apk ou .ipa) 

• Signer son application avec un fichier .p12 

• Le fichier Descriptor de l’application 

• Manifest Android 

• Installation de l’appli sur le device 

• Simulation avec Device Central ou l’émulateur Android 

• Débogage d’applications 

Considérations sur le design et l’ergonomie 

• Taille et orientation de l’écran (portrait / paysage) 

• Résolution et ppi 

• Design pour un accès immédiat 

• Conserver des “gestures” simples 

• Mettre en place des modèles simples 

• Designer “pour les doigts” 

Nouveaux événements tactiles 

• La classe MultiTouch (+ MultitouchInputMode) 

• La classe TouchEvent 

• Les classes TransformGestureEvent, GestureEvent et 

PressAndTapGestureEvent 

• Gérer la GesturePhase 


Accès aux fonctionnalités natives 

• La classe NativeApplication 

• Gérer l’orientation de l’écran : mise en page dynamique 

• La classe Microphone : accès au micro et enregistrement 

de sons 

• Gestion du clavier virtuel 

• Les classes Camera, CameraUI et CameraRoll : prise de 

vidéo et de photos, enregistrement et accès au photos du 

device 

• La classe Geolocation : utilisation des fonctionnalités GPS 

• La classe Accelerometer : utilisation de l’accéléromètre 

Chargement et sauvegarde de données 

• Chargement et enregistrement de fichiers en local et en 

distant 

• Mise en pause et reprise de l’application 

• Enregistrement de l’état de l’application à sa fermeture 

Gestion des performances 

• Mode de rendu : CPU mode et GPU mode 

• Optimisation des tracés 

• cacheAsBitmap et cacheAsBitmapMatrix 

• Méthodes de rasterisation personnalisées 

• BitmapData et blitting 

• Gestion de la mémoire : garbage collector et object pooling 

• Optimisation de la displayList 

• Écoute d’évènements vs méthodes de rappel 

• Bubbling et événements liés à la displayList 

Diffusion de l’application 

• App Store, Android market 

• Qrcode (Android) 

iPhone/iPad 

Android

MODULE 

4 

CONTACT 

IPHONE 


75010 Paris 

iPhone iPad - 

Création d’applications 

en Objective C 


tel + 33 (0)1 48 24 96 45 

fax + 33 (0)1 48 24 96 46 


Outil / 

Xcode, Iphone / Ipad 

Objective C 

iPhone/iPad 

g Développement natif pour iOS avec Objective C et Cocoa Touch 

Objectif / 

Cette formation permet le développement d’applications iPhone, portables sur iPad. 

Elle permet en outre de prendre en compte l’ensemble des spécificités et contraintes 

du support iPhone. 

Rendez-vous sur notre site Internet pour connaître l’actualité fluctuante relative aux 

formations en téléphonie mobile (IPhone, Androïd, Windows Phone). 

Prérequis / 

Connaissance de Mac OSX (interface graphique) 

Installation de Xcode 

Connaissance des notions principales de POO (classes, instances) 

Inscription en tant que développeur sur le site Apple (pas besoin de licence, auquel cas pas de test sur 

matériel – la licence est un plus car elle permettra au stagiaire de tester sur son propre matériel. En 

outre, elle sera obligatoire pour ses futurs développements).

iPhone iPad - 

Création d’applications 

en Objective C 

Déroulé / 

Introduction 

• Présentation des outils et du flux de travail : Xcode et 

Interface Builder 

• Présentation du langage Objective C et du framework Cocoa 

Touch 

• Rappel sur la POO et les Design Patterns 

g Développement natif pour iOS avec Objective C et Cocoa Touch 

Langage Objective C 

• Structure du langage et des classes 

• Syntaxe générale 

• La classe NSObject 

• Communication entre objets : le concept de message 

• Ecriture des méthodes et propriétés : typage, arguments 

• Instanciation des classes 

• Présentation des classes de base (NSString, NSArray, etc.) 

et de leur version mutable 

Programmation orientée objet en Objective C 

• Création et implémentation de classes personnalisées 

• Structure d’une classe : fichier header et fichier d’implémentation 

• Création des méthodes et propriétés 

• Import de classes - delegation 

Gestion de la mémoire 

• Création des objets et allocation de la mémoire 

• Définition de la notion de pointeur, allocation, initialisation, 

notion de propriétaire, release, retain 

• Gestion des pointeurs et “reference counting“ 

• Libération des ressources : cycle de vie, autorelease pool… 

Création d’interfaces utilisateur avec Interface Builder 

• Création d’une application : architecture, flux de travail, 

contraintes graphiques 

• Respect et contraintes du HIG (Human Interface Guide) 

d’Apple 

• Présentation du framework UIKit : composants pour iPhone 

• Modèle de conception MVC (Model View Controller) 

• Utilisation d’Interface Builder : présentation des fichiers Nib 

• Concept d’ApplicationDelegate 

• Le fichier info.plist 

• Gérer l’interactivité : actions et cibles 

• Création d’une application “Hello world“ 

• Test dans le simulateur et installation d’un device pour test 

réel 


iPhone/iPad 

Création d’application 

• Gestion de la navigation : les views, dessin (introduction à 

Quartz 2D, méthode drawrect, etc), animation et transitions 

• Navigation, TabBar 

• Faire défiler une view avec le composant ScrollView 

• Afficher des données avec le composant TableView 

• Personnalisation graphique des composants 

Fonctionnalités avancées 

• Gestion des données (introduction à Core Data) : sauvegarde, 

lecture, chargement 

• Prendre des photos avec le composant UIImagePicker- 

Controller 

• Lecture de vidéos avec MPMoviePlayerController 

• Géolocalisation et cartes avec MapKit 

Développement d’une application complète 

• Développement d’une application de type liste de lieux avec 

sauvegarde, géolocalisation, TableView, TabBar… 

• Publication de son application sur l’AppStore

MODULE 

5 

CONTACT 

IPHONE 


75010 Paris 

iPhone iPad - 

Programmation avancée 

Objective C 


tel + 33 (0)1 48 24 96 45 

fax + 33 (0)1 48 24 96 46 


Outil / 

Xcode, Iphone / Ipad 

Objective C 

iPhone/iPad 

g Développement natif avancé pour iOS avec Objective C et Cocoa Touch 

intra-entreprise 

Objectif / 

Cette formation permet d’appréhender les fonctionnalités avancées du développement 

iPhone et iPad pour réaliser des applications riches et complexes (jeux, applications 

multimédia incluant du dessin, du son, de la 3D...). 

Rendez-vous sur notre site Internet pour connaître l’actualité fluctuante relative aux 

formations en téléphonie mobile (IPhone, Androïd, Windows Phone). 

Prérequis / 

Maîtrise des bases du développement iPhone (Objective C et Cocoa Touch). 

Inscription en tant que développeur sur le site Apple (pas besoin de licence, auquel cas pas de test sur 

matériel – la licence est un plus car elle permettra au stagiaire de tester sur son propre matériel. En 

outre, elle sera obligatoire pour ses futurs développements).

iPhone iPad - 

Programmation avancée 

Objective C 

Déroulé / 

Core Graphics (Quartz 2D) et Image IO 

• Core Graphic (encore appelé Quartz 2D) est un moteur de 

rendu graphique en 2D complètement intégré dans iOS. 

• Présentation des différentes fonctionnalités de dessin, 

• shading, ombre, transparence, rendu anti-aliasé, etc... 

• Graphic Context 

• Transformations affines (matrices de transformations) 

• Ombres portées 

• Dégradés 

• Transparence 

• Création, modification, masquage d’images et data 

management 

• Layering 

Open GL Es 

• Open GL Es est un framework intégré à iOS qui permet de 

gérer un rendu 3D sur iPhone/iPod/iPad. 

• Présentation et utilisation des principales caractéristiques de 

Open GL Es 

• OpenGL Objects 

• Rendering context 

• Framebuffers 

• Vertex 

• Texture 

• Performance 

g Développement natif avancé pour iOS avec Objective C et Cocoa Touch 

Core Audio 

• Core Audio est un framework qui permet de gérer le son de 

manière numérique dans iOS. 

• Présentation de core audio et des ses diverses fonctionnalités 

appliquées à iOS 

• Queue services 

• Sound Effects 

• Core Audio framework 

• AVAudioPlayer 

• AVFoundation 

• AudioToolbox framework 

• Introduction à OpenAL 

GameKit 

• Gamekit est un framework qui permet de créer des jeux 

sociaux en permettant aux joueurs de partager leurs 

expériences avec d’autres. Présentation des différentes 

fonctionnalités liées à GameKit, notamment le game center, 

ainsi que le peer to peer. 

• Game center 

• Peer to peer connectivity 

• Voice chat 

MapKit et Core location 

• MapKit est un framework qui offre une interface permettant 

l’intégration directe de cartes. Il permet en outre d’y ajouter 

des overlays, de faire du reverse-géocoding, d’annoter les 

cartes,etc... 

• Core Location permet quant à lui de déterminer la position 

actuelle du mobile. 

• Polygon 

• Polyline 

• PlaceMark 

• MapKitView 

• Circles 

• LocationManager 

• Location class 


iPhone/iPad 

Core Data 

• Core Data est un framework qui permet de généraliser et 

d’automatiser les taches les plus communes associées 

au cycle d’un objet, à la sauvegarde de données et à leur 

persistence dans le système. Présentation des différentes 

spécificités du framework et mise en oeuvre dans une 

application. 

• Objets persistants 

• ManagedObjectContext 

• Store coordinator 

• FetchRequest 

• Predicate 

• Descriptor 

• Création, effacement, modification de données 

Core Motion 

• Core Motion est un framework qui permet de détecter les 

différents mouvement du mobile à l’aide de l’accéléromètre 

et/ou du gyroscope intégré. 

• MotionManager 

• GyroData 

• AccelerometerData 

Bonjour 

• Bonjour est un framework qui permet de connecter des unités 

sans configuration pour l’utilisateur, le tout via l’utilisation du 

protocol TCP/IP. 

• Bonjour protocol 

• Bonjour implementation

MODULE 

1 

CONTACT 

BLEND 


75010 Paris 

Blend pour Silverlight 

& WPF 


tel + 33 (0)1 48 24 96 45 

fax + 33 (0)1 48 24 96 46 


g Création de contenu animé et interactif 

Outil / 

Microsoft Expression Blend 

Microsoft Expression Design 

Blend 

Objectif / 

Blend est le logiciel de création d’applications riches de la gamme Microsoft Expression 

Studio. Ces applications peuvent être bureautiques et basées sur WPF, ou embarquées 

dans le navigateur et lues par le lecteur Silverlight. 

L’objectif principal est de former au métier de designer interactif au sein de la plateforme 

de développement .NET. Ce dernier est naturellement amené à concevoir des 

interfaces pour WPF et Silverlight car ces plateformes partagent la grande majorité 

de leurs fonctionnalités liées au design. 

Prérequis / 

Connaissance de l’outil Internet et du système d’exploitation Windows.

Blend pour Silverlight 

& WPF 

L’environnement de développement 

• Qu’est-ce qu’une application riche ? 

• A qui s’adresse Blend ? 

• L’évolution des outils de développement 

• Révision du modèle XML 

• XAML un langage déclaratif puissant 

• La plate-forme (Framework) .NET 

• Qu’est-ce que Silverlight ? 

• L’héritage WPF 

• Cadre et objectif de la gamme Expression Studio 

• Les prérequis logiciel 

• Systèmes d’exploitation, navigateurs et compatibilité 

Créer une application riche 

• Création de projets Silverlight et WPF 

• Comparaison entre les deux plateformes 

• Le contenu d’un projet 

• L’architecture et l’arbre visuel 

• Tester et compiler un projet Silverlight et WPF 

L’Interface Blend en détail 

• Projet et barre d’outils 

• Description des panneaux 

• Fenêtre de design & édition XAML 

• Options de l’interface utilisateur 

Présentation du langage XAML 

• Capacités 

Déroulé / 

• Comportements XAML dans Blend 

• XAML, C#, les classes partielles, MSIL 

• Les différentes écritures du XAML 

• Mots-clefs et les espaces de nom 

Interaction Blend / Design 

• Découverte du logiciel Expression Design 

• Positionnement de Design dans la chaîne de production 

• Import / Export de fichiers depuis Design 

• Bonnes pratiques d’exportation 

• Dictionnaires de ressources 

• Pinceaux vectoriels au sein de Blend 

• Création d’une librairie d’icônes vectorielles 

• Comparaison du flux de production Silverlight et WPF 

Manipulation et agencement de composants dans Blend 

• Les conteneurs principaux UserControl et Window 

• Les principaux composants Silverlight 3 et WPF 

• Gestion du texte 

• Sélection d’objets dans Blend 

• Pratique de l’imbrication de composants 

g Création de contenu animé et interactif 

• Options communes d’agencement 

• Application redimensionnable Silverlight et WPF 

La liste d’affichage 

• Création d’un menu interactif 

• Insertion d’élément 

• Les différents types de conteneur 

• Effondrement des profondeurs 

• Instanciation d’objets via C# 

• Écriture d’une chaine XAML et insertion dynamique 

• ZIndex 

Les outils de dessin vectoriel dans Blend 

• Intérêt et pertinence des outils design sous Blend 

• Les masques de clipping 

• Les filtres 

• Gestion des couleurs et des dégradés 

• Utilisation des masques d’opacité 

Les styles 

• Les différents types de styles 

• Appliquer un style nommé 

• Modifier un style existant 

• Création de styles génériques en XAML 

• Les styles hérités 

• Les dictionnaires de ressources 

• Comparaison Silverlight 3 et WPF 

Interactivité 

• Déclencheurs et Comportements 

• Affectation et utilisation 

• Le modèle événementiel 

• Détection du clavier et de la souris 

• Accès aux objets XAML 

• Comparaison Silverlight et WPF 

Les modèles 

• Principes 

• Le modèle bouton 

• Liaisons de modèle 

• Modification du modèle Slider 

• Modification du modèle ProgressBar 

• Arbre visuel et logique, les bonnes pratiques 

• Création d’un mini lecteur MP3 

• Création d’un lecteur vidéo 

Animation 

• Gestion du temps 

© Regart.net Formation — Centre de Formation agréé Adobe [AATC] et Microsoft Expression 

• Création et affectation d’animation 

• Scénario et clés d’animation 

• Propriétés de l’objet Storyboard 

• Événements diffusés 

• Création d’une animation d’introduction 

• Gestion mémoire Silverlight WPF 

Le gestionnaire d’états visuels 

• Principes 

• Création et organisation 

• Gérer les transitions visuelles 

• Création d’une animation d’introduction 

• Utilisation du VisualStateManager côté C# 

• Introduction à SketchFlow 

Contexte de données 

• Utilisation et principes 

• Composants listes 

• Modification du modèle ListBox 

• Panneau Data 

• Importation de flux RSS 

• Liaison de données 

• Création d’un lecteur de flux RSS 

• Utiliser les données fictives 

Composants utilisateur personnalisés 

• Création et réutilisation 

• CustomControl versus UserControl 

• Ajouter de la logique 

• Interaction Visual Studio et Blend 

• Ajout de panneaux de propriétés personnalisées 

• Diffuser un événement personnalisé 

Gestion des médias 

• Le composant Image 

• Le composant MediaElement 

• Le format .wmv 

• L’objet WebClient 

• Chargement dynamique de police 

• Gestion des erreurs spécifiques 

L’objet Silverlight - DOM 

Blend 

• Les mécanismes d’instanciation au sein d’une page Html 

• Déboguer, tracer alerter 

• Préchargement de contenu en ligne 

• Détection automatique du lecteur Silverlight 

• Communiquer avec le DOM http 

• Introduction à Silverlight streaming

MODULE 

1 

CONTACT 

PREMIERE PRO 


75010 Paris 

Montage vidéo 


tel + 33 (0)1 48 24 96 45 

fax + 33 (0)1 48 24 96 46 


g Montage vidéo, compression et création DVD 

Outil / 

Adobe Premiere Pro CS6 

Adobe Media Encoder CS6 

Adobe Encore CS6 

Premiere Pro 

Objectif / 

Maitriser le flux global de production de la vidéo numérique (de la captation à 

l’exportation). 

Savoir monter une vidéo professionnelle à partir de sources variées (photos, musique, 

vidéo). 

Comprendre les formats de compression et l’encodage vidéo. 

Maitriser les règles et techniques de la création de DVD standard et Bluray. 

Prérequis / 

Personne souhaitant maîtriser le montage vidéo numérique, la compression 

vidéo et la création de DVD. 

Utilisation régulière d’un ordinateur et culture de base de la création numérique.



Déroulé / 


• Notions de bases de la vidéo numérique (résolution, ratio 

du pixel, fréquence, formats, code temporel, etc.) 

• Paramétrage d’un projet vidéo 

• Acquisition / importation vidéo et dérushage des images 

Montage 

• Montage 2, 3 et 4 points 

• Manipulation des outils de montage (découpe, raccord, 

glissements, allongements, etc.) 

• (Dé)Synchronisation audio/vidéo 

Réglages 

• Les marqueurs de séquences, d’éléments et de chapitres 

Encore 

• Utilisation des images clé pour l’animation vidéo 

• Ajout et réglages de transitions audio & vidéo 

• Gestion des sources audio (niveau, gain, pistes mono ou 

stéréo, fondus sonores) 

Effets 

• Effets audio (reverb, pitchshifter, retard, Equaliser) 

• Effets vidéo (noir et blanc, chromaKey sur studio fond vert, 

luminosité/constraste, etc.) 

• Les modules de titrage (nom/fonction, générique défilant, 

etc.) 

• Animation d’images fixes pour création de diaporamas 

sophistiqués 

• Arrêts sur image, vitesse d’un élément (ralenti/accéléré) et 

remappage temporel 

Mixage 

• Enregistrement et montage de voix-off 

• Mixage audio entre plusieurs éléments audio (musique, 

voix-off, bruitages, etc.) 

• Correction colorimétrique simple pour ajustement des 

couleurs d’un plan à l’autre 

• Montage multicaméra (applications lors d’interviews, 

concerts ou pièce de théâtre) 

• Le dynamique Link entre Premiere, Encore et AfterEffect 


Compression/encodage vidéo avec Adobe Media Encoder 

• Onglets source et sortie 

• Choix de formats d’exportation audio, images et vidéo pour 

obtention du meilleurs rapport qualité/poids du fichier 

• Filtres applicables, type de multiplexage 

• Réglages de compression vidéo et audio (codecs et formats, 

standard TV, résolution de sortie, fréquence d’image, 

ordre des champs, débit vidéo constant ou variable) 

• Compression et dépôt sur serveur FTP 

• Encodages multiples et file d’attente de rendus 

Création de DVD avec Encore 

Premiere Pro

MODULE 

2 

CONTACT 

FINAL CUT PRO 


75010 Paris 



tel + 33 (0)1 48 24 96 45 

fax + 33 (0)1 48 24 96 46 



Outil / 

Final Cut Pro 7 

Compressor 3.5 

DVD Studio Pro 4 

Final Cut Pro 

Cette formation est enseignée en intra-entreprise uniquement 

Objectif / 

Maitriser le flux global de production de la vidéo numérique (de la captation à 

l’exportation). 

Savoir monter une vidéo professionnelle à partir de sources variées (photos, musique, 

vidéo). 

Comprendre les formats de compression et l’encodage vidéo. 

Maitriser les règles et techniques de la création de DVD standard et Bluray. 

Prérequis / 

Personne souhaitant maîtriser le montage vidéo numérique, la compression vidéo 

et la création de DVD. 



Déroulé / 


• Notions de bases de la vidéo numérique (résolution, ratio 

du pixel, fréquence, formats, code temporel, etc.) 

• Paramétrage d’un projet vidéo 

• Acquisition / importation vidéo et dérushage des images 


Montage 

• Montage 2, 3 et 4 points 

• Manipulation des outils de montage (découpe, raccord, 

glissements, allongements, etc.) 

• (Dé)Synchronisation audio/vidéo 

• Les marqueurs de séquences, d’éléments 

• Utilisation des images clé pour l’animation vidéo 

• Ajout et réglages de transitions audio & vidéo 

• Gestion des sources audio (niveau, gain, pistes mono ou 

stéréo, fondus sonores) 

Effets 

• Effets audio 

• Effets vidéo (noir et blanc, chromaKey sur studio fonds vert, 

luminosité/contraste, etc.) 

• Les modules de titrage (nom/fonction, générique défilant, 

etc.) 

• Animation d’images fixes pour création de diaporamas 

sophistiqués 

• Arrêts sur image, vitesse d’un élément (ralenti/accéléré) et 

remappage temporel 

Mixage 

• Enregistrement et montage de voix-off 

• Mixage audio entre plusieurs éléments audio (musique, 

voix-off, bruitages, etc.) 

• Correction colorimétrique simple pour ajustement des 

couleurs d’un plan à l’autre 

• Montage multicaméra (applications lors d’interviews, 

concerts ou pièce de théâtre) 


Final Cut Pro 

Compression/encodage vidéo avec Compressor 

• Choix de formats d’exportation audio, images et vidéo pour 

obtention du meilleurs rapport Qualité/Poids du fichier 

• Droplets (lancement d’encodage à partir du bureau) 

• Filtres audio et vidéo 

• Réglages de compression vidéo et audio (codecs et 

formats, standard TV, Résolution de sortie, fréquence 

d’image, ordre des champs, débit vidéo constant ou 

variable) 

• Compression et dépôt sur serveur FTP 

• Encodages multiples (par lots) 

Création de DVD avec DVD Studio Pro

MODULE 

3 

CONTACT 

FLASH 


75010 Paris 

Vidéo sur Internet 


tel + 33 (0)1 48 24 96 45 

fax + 33 (0)1 48 24 96 46 


Outil / 


Adobe Flash Media Encoder CS6 

Flash 

g Traitements, encodage pour Internet et diffusion dans Flash 

Objectif / 

Comprendre et maîtriser les outils de traitement, d’encodage et de diffusion vidéo 

sur réseaux IP, en environnement Windows et/ou Mac OS X. 

Utiliser Flash et ActionScript 1, 2 ou 3 pour concevoir un lecteur vidéo polyvalent 

et assurer la publication personnalisée du contenu. 

Prérequis / 

Bonne connaissance de l’outil Internet. 

Maîtrise du contenu de la formation “Animation Interactive“. 

Nous vous conseillons de suivre le module “Nouveautés Flash CS6, niveau 

Animation Interactive“ si vous êtes utilisateur de la version Flash CS5 et 

moins. 

Des bases en langage ActionScript sont recommandées.

Vidéo sur Internet 

g Traitements, encodage pour Internet et diffusion dans Flash 

Déroulé / 


• Formats et codecs vidéo pour Internet 

• Outils du montage vidéo 

• Ratios et tailles d’image vidéo 

Critique comparée des formats vidéo usuels pour 

Internet 

• Microsoft 

• Real 

• QuickTime 

• Flash (Sorenson Spark, VP6, H.264) 

Outils d’encodage externes et utilitaires 

• Apple QuickTime Pro (Apple OS X & Microsoft Windows) 

• Super et Virtual Dub (Windows) 

• FFMPEGX et MPEG Streamclip (Apple OS X) 

Encodage des vidéos 

• Définition et choix du BitRate (débit de données) 

• Optimisation de l’encodage pour le web 

• Choix de la taille en fonction du ratio 

• Réglages du codec (CBR, VBR, désentrelacement...) 

Diffusion avec le lecteur Flash 

• Approche sans ActionScript 

• Approche avec ActionScript 

• Création d’un lecteur vidéo universel en Flash avec les 

fonctions suivantes : 

g Lecture, arrêt, pause, ligne de temps, volume sonore etc. 

g Plein écran 

g Déclenchement d’événements personnalisés 

g Sous-titrage 

g Partage par email ou balise HTML 

g Personnalisation de l’apparence du lecteur 

g Choix du débit (basse qualité et HD) 

• Optimisation de l’intégration du lecteur dans une page 


Flash

MODULE 

4 

CONTACT 

AFTER EFFECTS 


75010 Paris 

Compositing 

& animations vidéo 


tel + 33 (0)1 48 24 96 45 

fax + 33 (0)1 48 24 96 46 


Outil / 

Adobe After Effects CS6 

After Effects 

Objectif / 

Maîtriser le compositing (“retouche“) vidéo. 

Créer des animations 2D ou 3D et des effets visuels riches. 

Maîtriser l’export des compositions et animations dans des formats vidéos 

standards. 

Prérequis / 

Personne souhaitant maîtriser le compositing et l’animation vidéo 2D/3D. 


Compositing 

& animations vidéo 

Déroulé / 

Préambule 

• Origine et évolution d’After Effects 

• Principe du compositing par calque 

• Système d’animation par images clés 

Prise en main 

• Manipulation de l’espace de travail 

• Présentation des préférences 

• Type de sources utilisés et leurs importation dans un projet 

• Création de compositions avec les fenêtres Montage et 

Composition 

• Présentation et structure d’un projet After Effects type 

• Organisation : fichier, métrage, calque, composition, rendu 

Compositions 

• Enchainement des calques dans la durée 

• Couche Alpha 

• Modes de fusion 

• Caches par approche 

• Utilisation de pistes audio 

• Paramétrage des prévisualisations RAM 

• Pré-composition et imbrication 

• File d’attente de rendu 

Animations 

• Transformations géométriques 

• Interpolations entre images clés 

• Editeur de graphique 

• Flou de mouvement 

• Auto orientation 

• Liens de parentés entre calques 

• Palette d’alignement et utilisation des repères, grilles et règles 

• Assistant d’images clés 

• Variation de la vitesse, accéléré et ralentie 


After Effects 

Effets visuels 

• Création de titrage 

• Masques Bézier 

• Calque de forme 

• Ajouter des effets aux calques, calque d’effets 

• Effets de Correction colorimétrique 

• Styles de calque 

Rendu 

• Optimisation et archivage des projets 

• Paramètres de rendu et module de sortie 

• Spécificité des formats vidéo

MODULE 

1 

CONTACT 

PHOTOSHOP 


75010 Paris 

Création graphique 


tel + 33 (0)1 48 24 96 45 

fax + 33 (0)1 48 24 96 46 


Outil / 

Adobe Photoshop CS6 

Photoshop 

Objectif / 

Création graphique avec Photoshop. Création visuelle (retouche, illustration) et 

traitement des photos pour Internet et le multimédia. 

La formation à la création graphique pour support numérique est organisée en 

2 principaux modules : 

g le module “Photoshop, création graphique” 

g le module “Illustrator, création graphique vectorielle” 

Le déroulé de cette formation correspond au module, “Photoshop, création 

graphique“. 

Formation d’initiation au logiciel Photoshop, un module complémentaire “Photoshop, 

perfectionnement“ est également proposé pour un public ayant déjà une certaine 

pratique de l’outil. 

Prérequis / 

Pour public débutant sous Photoshop. 


et pratique d’Internet. 

Disposition pour le graphisme.


Déroulé / 

Préambule 

• Interface : les nouveautés CS6 

• Ergonomie revue 

• Récupération automatique 

• Enregistrement en tâche de fond 

• Affichage : l’optimisation des performances par le Mercury 

Engine 

• Qu’est-ce qu’un pixel ? 

• Différence entre une image vectorielle et une image bitmap 

• Notions de résolution d’images 

• Principaux formats d’enregistrements (PAO et Web) 

• Les palettes 

• Les outils et utilisation de la barre d’options des outils 

• Les règles et la grille 

• La palette de calques : ordres, options, recherche par type 

de calques 

• Nouveau calque vectoriel 

• La palette historique et gestion des historique 

Taille de l’image et zone de travail 

• Taille de l’image : dimension en pixels et taille d’impression 

• Rééchantillonnage d’image 

• Rééchantillonnage automatique 

• Le nouvel outil de recadrage 

• Taille et rotation de la zone de travail 

Utilisation de la couleur 

• Les différents modes de couleurs (RVB, CMJN, niveaux 

de gris...) 

• Les profils colorimétriques 

• Couleur de premier plan et couleur d’arrière-plan 

Les outils de sélection 

• Qu’est-ce qu’une sélection ? 

• Le lissage 

• Les contours progressifs 

• Le rectangle et l’ellipse 

• Outil de sélection rapide 

• La baguette magique 

• Le lasso 

• Outil Améliorer les contours 

• Mémoriser une sélection : les couches alpha 

• Sélection par plage de couleurs 

Les dégradés de couleur 

• Utilisation des dégradés 

• Création de dégradés 

Les outils de dessin 

• Le pinceau et le crayon 

• Les formes prédéfinies 

• Création de motifs 

• Les nouveaux calques vectoriels : gestion des fonds et 

des contours 

• Outils de peinture 

• Outil Pièce et contenu pris en compte 

• Nouvel outil Déplacement 

• Les styles de paragraphes et de caractères 

La plume 

• Utilisation des tracés 

• Transformer un tracé en sélection 

• Mémoriser un tracé 

• Les points d’ancrage 

• Les points de conversion 

• Ajout et suppression de points 

• Attribution d’une couleur au tracé ou au contour du tracé 

Les outils de retouche d’images 

• Les outils densité + et densité - 

• L’outil éponge et l’outil doigt 

• Le tampon 

• L’outil pièce et l’outil correcteur 

• Alignement et fusion 

• Palette et source de duplication 

• Le déplacement basé sur le contenu 

Gestion des transformations 

• Homothétie, perspective, torsion, déformation d’images, 

filtres 


Les filtres 

• Galerie d’effets de flou 

• Filtre Fluidité 

• Filtre Peinture à l’huile 

• Filtre Éclairage 

• Filtre Grand angle adaptatif 

Photoshop 

Modifications dynamiques (non-destructives) d’images 

• Masques d’écrêtage 

• Masque de fusion et masques vectoriels 

Automatisation Bridge 

• Diaporama et galerie Web 

L’image sur Internet 

• Particularités et contraintes de l’image pour le Web 

• Intégration d’images dans du contenu HTML 

Enregistrer pour Internet 

• Optimisation des images (GIF, JPG, PNG) 

• Enregistrement d’une version optimisée pour le Web 

• Enregistrer pour le Web et métadonnées 

Création d’une interface 

• Réalisation d’un petit site Internet avec Photoshop 

• Outil Tranche (Création, Découpe, Dupliquer, Diviser) 

• Gestion de liens 

Palette animation - Vidéo 

• La prise en charge des formats vidéo 

• Le panneau montage : options et outils de montage 

• Création de diaporama 

• Exportation aux formats vidéo 

Adobe Cloud et applications pour tablette. 

• Photoshop Touch 

• Le format PSDX

MODULE 

2 

CONTACT 

PHOTOSHOP 


75010 Paris 

Perfectionnement 


tel + 33 (0)1 48 24 96 45 

fax + 33 (0)1 48 24 96 46 


Outil / 

Adobe Photoshop CS6 

Photoshop 

Objectif / 

Perfectionnement à la création graphique avec le logiciel Photoshop. 

La formation au logiciel Photoshop est organisée en 2 principaux modules : 

g le module “Création graphique” 

g le module “Perfectionnement” 

Le déroulé de cette formation correspond au module, “Perfectionnement“. 

Pour un public débutant, un module d’initiation à Photoshop “Création graphique“ 

est proposé. 

Prérequis / 

Bonne connaissance de l’outil informatique (environnement Windows ou Macintosh). 

Niveau de pratique intermédiaire pour Photoshop ou avoir suivi le module d’initiation 

à Photoshop “Création graphique”. 

Disposition pour le graphisme.

Perfectionnement 

Déroulé / 

Préambule 

• Bridge vue d’ensemble 

• Rappel sur les espaces colorimétriques (Profils colorimétriques 

applications et synchronisation de la Creative Suite) 

• Rappel sur les modes et résolutions 

• Rappel sur les formats d’enregistrement 

Travail autour des calques 

• Masque de fusion et calques de réglages 

• Calques dynamiques et filtres dynamiques 

• Compositions de calques et export 

• Améliorer le contour 

Les couches 

• Profondeur des couches (8bits, 16 bits et 32 bits) 

• Les couches alpha 

• Couche de tons directs 

• Méthode de détourage par les couches 

• HDR 

Corrections usuelles 

• Histogramme 

• Niveaux et courbes 

• Luminosité et contraste 

• Correction sélective 

• Tons foncés et tons clairs 

• Méthode de détourage par la plage de couleur 

Retouche de photos avec Camera RAW 

• Principe et utilisation 

• Outils et réglages (balance des blancs, pinceau de 

retouche, filtre gradué…) 

• Le format DNG 

• Conversion de RAW avec DNGConverter 

• Recadrer et redresser 

• Point d’échantillonnage 

• Traiter et exporter 


Photoshop 

Les transformations 

• Homothétie, perspective et torsion, déformation 

• Point de fuite 

• Fluidité 

• Échelle basée sur le contenu 

• Remplir avec le contenu 

Automatisation des tâches avec les scripts 

• Création et gestion des scripts 

• Les applications Droplet 

Créativité 

• Panorama alignement et fusion 

• Noir et blanc 

• Zoomify 

• Photoshop Extended et les objets dynamiques, le mode 

d’empilement médiane

MODULE 

3 

CONTACT 

LIGHTROOM 


75010 Paris 

Organisation & traitement 

des photographies 


tel + 33 (0)1 48 24 96 45 

fax + 33 (0)1 48 24 96 46 


Outil / 

Adobe Photoshop Lightroom 

Lightroom 

Objectif / 

Assurer une post-production photographique dans un outil intégré. 

Organiser une photothèque, trier et indexer une quantité importante de photographies. 

Géolocaliser ses photos sur Google Maps. 

Traiter et optimiser des fichiers Raw. 

Exploiter des photographies par la création de livres, l’impression, la création de 

diaporamas et de galeries pour Internet. 

Prérequis / 

Bonne connaissance de l’outil informatique (Windows ou Macintosh). 

Pratique de la photographie numérique.

Organisation & traitement 

des photographies 

Introduction 

Déroulé / 

Présentation du flux de post-production en photo 

• Les catalogues et le travail non-destructif dans Lightroom 

• Les formats Raw 

• La gestion de la couleur avec Lightroom 

Créer et gérer les catalogues 

• Importer les photos 

• Les traitements à l’importation : renommage, application de 

mots-clés, applications de réglages 

• Organiser le catalogue 

• Sélectionner et trier les photos : notation, filtrage, collections, 

collections dynamiques. 

• Ajout de métadonnées : indexation et mots-clés 

• Gestion d’une liste de mots-clés 

• Utilisation de catalogues multiples : optimisation, fusion ou 

séparation de catalogues 

La géolocalisation des photos 

• Placer les photos sur Google Maps 

• Exploiter les coordonnnées GPS 

Développer les photos 

• Optimiser l’exposition 

• Contraste global et contraste localisé 

• La colorimétrie : la balance des blancs, la saturation, les 

réglages par plage de couleur 

• Les réglages localisés : pinceau et outil dégradé 

• La conversion Noir et Blanc 

• Les corrections géométriques 

• Le travail par lot : la synchronisation 

• Les paramètres prédéfinis 


Lightroom 

Exploiter les photos 

• Le module impression : mise en page et paramétrage pour 

imprimantes jet d’encre et tireuses photos 

• La création de diaporamas et l’export vidéo 

• Le module Web : création et mise en ligne de galeries photos 

• Installation de modules Flash externes pour les galeries 

photos 

• Exporter ses photos 

• Les plugins dans Lightroom 

• La création de livres photos 

• L’impression par Blurb

MODULE 

4 

CONTACT 

ILLUSTRATOR 


75010 Paris 


vectorielle 


tel + 33 (0)1 48 24 96 45 

fax + 33 (0)1 48 24 96 46 


Outil / 

Adobe Illustrator CS6 

Illustrator 

Objectif / 

Création graphique vectorielle avec Illustrator pour Internet et autres supports. 

La formation à la création graphique pour support numérique est organisée en 

2 principaux modules : 

g le module “Photoshop, création graphique” 

g le module “Illustrator, création graphique vectorielle” 

Le déroulé de cette formation correspond au module “Illustrator, création graphique 

vectorielle”. 

Prérequis / 

Pour public débutant sous Illustrator. 


pratique d’Internet. 

Disposition pour le graphisme et connaissance d’un logiciel de PAO comme 

Photoshop recommandée.


vectorielle 

Interface & environnement de travail 

• Le cadre et la barre d’application 

• Panneau et espace de travail 

• Les plans de travail 

• Création et affichage des plans 

• Formats de fichiers bitmap et vectoriel 

• Mode colorimétrique du document 

• Gestion et mode d’affichage 

Affichage, repères, grille, outils et palettes 

• Outils de sélection : flèches noire, blanche et directe 

progres sive 

• Les palettes : outils vectoriels, texte, dessin, transformation, 

peinture dynamique et sélection magique 

Le sélecteur de couleur et les différents modes 

• Couleur de premier plan et contour 

• Gestion de contours 

• Épaisseurs, extrémités et styles de traits 

Nuancier 

Déroulé / 

• Créer un nuancier de base quadri ou RVB 

• Couleur globale 

• Couleur de ton direct 

• Couleurs dynamiques 

• Dégradé et transparence 

• Les séparations 

Gestion des calques 

• Organisation des calques 

• Groupement et dégroupement d’objets 

• Alignement entre objets et par rapport au plan de travail 

• Personnalisation d’affichage des calques 

• Options des calques 

• Affichage, verrouillage, changements de plans, transfert 

d’objets 

• Décomposition pour export Animation Flash 

Dessin et manipulation 

• Repères commentés 

• Alignement sur un objet clé 

• Mode isolation 

• Outil forme de tache 

• Outil concepteur de forme 

• Outil largeur 

Dessin à la plume 

• Outil plume 

• Retouche du tracé 

Les crayons 

• Dessin à partir d’un modèle 

• Le pinceau : création d’une forme calligraphique, diffuse et 

artistique 

• Bibliothèque de nuances, bibliothèque de formes, formes 

de motifs 

• Palettes des apparences et des styles, distorsion de l’enveloppe 

Transformation des objets 

• Transformations manuelles et paramétrées 

• Transformation répartie 

• Transformation par cadre de sélection 

• Redimensionnement 


Dessin par division Pathfinder 

Création et gestion de la transparence 

Les modes de fusions des couleurs 

Les masques d’écrêtage 

Gestion des attributs d’aspect 

• La palette aspect 

• Pour recadrer, dessiner et écrire 

Vectorisation dynamique 

Typographie & mise en page 

• Mise en forme du caractère et du paragraphe : outils de 

texte, texte sur un tracé, habillage et chaînage 

• Importation de texte dans une forme, option de texte captif 

• Texte lié 

3D 

• Extrusions et biseautages d’objets 

• Révolutions 

• Ombrages et éclairages 

• Placages de textures 

Exportation pour le web & importation dans Flash 

• Exportation au format .swf 

Illustrator 

• Optimisation des fichiers pour Flash : utilisation des symboles 

et des champs texte, types de symboles et types de 

champs texte 

• Décomposition en calques

MODULE 

5 

CONTACT 

INDESIGN 


75010 Paris 

PAO / Mise en page 


tel + 33 (0)1 48 24 96 45 

fax + 33 (0)1 48 24 96 46 


Outil / 

Adobe InDesign CS6 

InDesign 

Objectif / 

Publication assistée par ordinateur. 

Maîtriser les fonctions de la mise en page sous InDesign. 

Prérequis / 

Pour public débutant sous InDesign. 


Disposition pour le graphisme et la PAO.

PAO / Mise en page 

Interface 

• Le cadre et la barre d’application 

• Panneau et espace de travail 

• Zoom dynamique 

• Les outils 

Création de documents 

• Format du document 

• Variantes de mises en page 

• Marges et colonnes 

• Fonds perdus et commentaires 

• Grilles et repères commentés 

• Les calques, plan et verrouillage 

• Préparer et utiliser les gabarits 

• Rotation de la planche 

• Folioter les pages 

• Gestion du flux de pages 

Le texte 

• Importer 

• Les liens internes 

Déroulé / 

• Fenêtre de transformation des caractères et des paragraphes 

• Chaînage du texte entre plusieurs blocs 

• Contour du texte 

• Habillage du texte 

• Option de bloc : colonnage, marge interne, position de la 

première ligne, options d’ajustement automatique 

• Styles de paragraphes 

• Styles de caractères 

• Lettrines 

• Styles imbriqués 

• Filets de paragraphes 

• Encarts et colonnes 

• Régler les césures et la justification 

• L’outil pipette 

• Les polices Open type et ligatures conditionnelles 

• Trouver et modifier des expressions de texte et formater 

des objets 

• Travailler avec des objets ancrés 

• Les textes en excès 

La couleur 

• Normes RVB, CMJN, Pantone... 

• Le nuancier, créer des couleurs et des nuances, dégradé 

de couleurs 

• Groupe d’encres mélangées et nuance d’encres mélangées 

Les images 

• Format de fichiers d’image 

• Importer des images 

• Liens avec les fichiers importés 

• Sélection multiple 

Créer et mettre en forme des tableaux 

• Création de tableaux 

• Importation de fichiers Word et Excel 

• Ligne d’entête de tableaux 

• Ligne de pied de tableaux 

• Fond et contour des cellules 

• Placer du texte ou des images dans les cellules 

• Style de cellules et style de tableaux 

Les objets 

• Créer des objets et des tracés 

• Placement manuel et placement paramétré des objets 

• Grouper des objets, dupliquer et aligner (distribution dans 

l’espacement) 

• Stocker des éléments dans une bibliothèque 

• Récupérateur de contenus 

• Style d’objets 

• Blocs ancrés groupés et imbriqués 


Fonctions vectorielles 

• Créer et modifier des tracés vectoriels 

• Outil texte curviligne 

• Vectorisation du texte 

• Création de tirets et de rayures 

• Contours 

Les outils de transformation 

• Rotation, mise à l’échelle et déformation 

• Pathfinder 

Effet 

• Ombres, contour progressif, etc... 

(effets dynamiques et non destructifs) 

Éléments interactifs et dynamiques 

• Les boutons 

• Les références croisées 

La préparation à l’impression 

• Contrôle en amont 

• Séparation quadri, tons directs, défonce et surimpression 

Exportation 

InDesign 

• Exporter en PDF 

• Exportation au format XHTML pour Dreamweaver 

• Export Flash (Export Flipbook et XFL)

MODULE 

6 

CONTACT 

INDESIGN 


75010 Paris 

Digital Publishing 


tel + 33 (0)1 48 24 96 45 

fax + 33 (0)1 48 24 96 46 


g Publication numérique pour tablette 

Outil / 

inDesign CS6 

Adobe Digital publishing suite 

Objectif / 

La formation Digital Publishing permet de diffuser du contenu dynamique et interactif 

sur tablettes (iPad, Android, BlackBerry...). 

La publication numérique s’adresse à des utilisateurs d’inDesign. Aussi, elle ne 

nécessite aucune programmation pour créer des applications sophistiquées telles 

des brochures, portfolios et ouvrages riches en médias. 

Prérequis / 

Connaissance du logiciel inDesign et Photoshop 

InDesign

Digital Publishing 

Déroulé / 

Introduction 

• Le .folio (format de fichier digital publishing) 

• Format d’écran 

• Navigation dans un folio 

• Introduction à la Digital Publishing Suite 

• Installation et mise à jour des outils (overlay creator, folio 

builder) 

• Création de compte nécessaire à la fabrication des folios 

• Le .folio 

• Créer un projet .folio 

• Orientation portait et paysage 

g Publication numérique pour tablette 

Création de document 

• Layout portrait / paysage 

• Organisation des dossiers pour l’import 

• Métadonnées 

• Mise à jour des textes entre les documents avec inCopy 

Création d’article d’après un document ouvert ou 

d’après un import 

• Gestion des articles : Ajout de métadonnées, propriétés : 

vignette… 

Folio et articles 

• Présentation du Folio Builder 

Les incrustations interactives 

• Les fonctions interactives 

• Insertion de lien hypertext 

• Créer un diaporama 

- Les séquences d’image 

- Le son et la vidéo dans les folios 

- Ajouter du contenu web 

- Faire un panorama 

- Création de Pan & Zoom, scroll de texte 

• Utilisation du Desktop Viewer 


Publication 

• Utilisation du Tableau de bord 

• Assemblage 

• Différents mode d’affichage des folio dans le Tableau de 

bord : modification de l’ordre des articles, type, auteur, 

vignettes 

Services 

• Analytics 

• Abonnements et droits 

• Notification Push 

InDesign

MODULE 

7 

CONTACT 

INDESIGN 


75010 Paris 

Migration de Quark Xpress 

vers InDesign 


tel + 33 (0)1 48 24 96 45 

fax + 33 (0)1 48 24 96 46 


Outil / 

Adobe InDesign CS6 

InDesign 

Objectif / 

Cette formation permet le passage au logiciel inDesign pour les utilisateurs de 

Quark Xpress, dans le but de réaliser des maquettes et mises en pages en création 

et en production. 

Prérequis / 

Bonne connaissance de Quark XPress et de la chaîne graphique. 

Quelques notions sur Photoshop et Illustrator.

Migration de Quark Xpress 

vers InDesign 

Introduction 

Déroulé / 

• Similitudes et différences entre Xpress et InDesign 

• Ouvrir les documents Xpress dans InDesign 

L’interface 

• La fenêtre de travail 

• La barre d’outils 

• La barre de contrôle 

• Les palettes 

Pages et objets 

• Gérer les formats et la pagination 

• Les objets (blocs, formes libres) et leurs caractéristiques 

• Couleurs 

• Transparence et effets 

La gestion du texte 

• Importation 

• Création de blocs et chaînage 

• Mise en forme 

• Les tableaux 

La gestion des images 

• Les formats importables dans InDesign 

• Les options: ajustement des tailles, détourage, habillage 


L’exécution 

InDesign 

• Le nettoyage typographique : Rechercher/Remplacer texte 

ou GREP 

• Les feuilles de styles : objets, tableaux, paragraphes, 

caractères 

• Les gabarits 

Le pré-presse 

• Le contrôle du document 

• L’assemblage 

• La création de PDF pour l’impression ou l’interactivité 

• Introduction au digital publishing : eBooks et publication 

sur tablette

MODULE 

8 

CONTACT 

INDESIGN 


75010 Paris 

Création d’eBook 


tel + 33 (0)1 48 24 96 45 

fax + 33 (0)1 48 24 96 46 


g Livre numérique pour liseuse 

Outil / 

inDesign CS6 

Objectif / 

Cette formation permet de créer un livre numérique au format ePub pour diffusion 

sur les liseuses. 

Elle est destinée principalement aux métiers de l’édition, aux graphistes, imprimeurs 

etc. 

Prérequis / 

A voir de bonnes bases avec InDesign. 

InDesign

Création d’eBook 

Déroulé / 

Le livre numérique concept 

• Qu’est-ce qu’un ePub ? 

• Comprendre les spécificités de l’écran 

• Le format e-pub et ses versions. 

• Les liseuses et les formats. 

g Livre numérique pour liseuse 

Créer un ePub 

• Le texte 

• feuilles de styles inDesign et CSS 

• Gestion des styles : Les Titres, sous titre,notes de bas de 

page,les Tableaux, 

• les styles de paragraphes pour les images. 

• Espaces avant et après 

Travail du CSS 

• Découverte de Sigil et Adobe digital Edition 

Hyperliens et de références croisées 

• Les hyperliens 

• Les références croisées 


Les images 

• Format et contraintes 

• Ancrage dans le texte 

Lecture 

• Utilisation du panneau article 

• Balisage XML 

Le livre 

• Créer le livre dans InDesign, sommaire,couverture du 

eBook, gestion du flux de texte 

Métadonnées 

• Exportation 

• Options et réglages 

InDesign

MODULE 

9 

CONTACT 

GIMP 


75010 Paris 



en intra-entreprise 

tel + 33 (0)1 48 24 96 45 

fax + 33 (0)1 48 24 96 46 


Outil / 

Gimp 

Gimp 

Objectif / 

Création graphique avec Gimp. Création visuelle (retouche, illustration) et traitement 

des photos pour Internet et le multimédia. 

Gimp est un éditeur d’image en Open Source, donc gratuit, disponible sur Windows, 

Mac et Linux. 

Il offre une large gamme d’outils pour le traitement des photos ou la création 

graphique dans un système ouvert et évolutif. 

Une alternative à Photoshop, adaptée aux besoins des webdesigners. 

Prérequis / 

Tout public débutant. 

Bonne connaissance de l’outil informatique (Windows ou Macintosh) et pratique 

d’Internet. 

Disposition pour le graphisme. Une bonne connaissance de la photographie serait 

un plus.


Déroulé / 

Introduction 

• Installer Gimp sur PC et Mac 

• Les sites Internet d’information sur Gimp. 

Notions d’image numérique 

• Définition et résolution 

• Modification de la taille d’image : préparer les images pour 

l’impression et le Web 

• Recadrage 

• Modification du canevas 

• Mode d’image : RVB, Niveau de gris et Couleurs indexées 

• Gestion de la couleur : l’utilisation des profils ICC 

• Formats d’ouverture et d’enregistrement 

Prendre en main Gimp : découverte de l’interface 

• Les fenêtres de travail 

• La boîte à outils, ses options 

• L’historique 

• Les préférences 

Créer des visuels : les outils de création graphique 

• Les choix de couleurs 

• Les brosses 

• Les motifs 

• Les dégradés 

• Les filtres et les greffons 

• L’outil texte 


Isoler des éléments d’une image : les sélections 

• Les outils de sélection 

• L’affinage des sélections 

• Le mémorisation des sélections en couches alpha 

• Les chemins 

Améliorer les photos : les corrections de densité et de 

couleur 

• Éclaircir et assombrir un image en totalité ou par zones 

• Optimisation du contraste 

• Ajustement des couleurs 

• Retrait des dominantes 

• Virage 

• Retrait des imperfections avec les outils de retouche 

Les techniques du photomontage 

• La palette de calques 

• La transparence 

• Les modes de fusion 

• Les outils de transformation 

• Les masques de calques 

Gimp

MODULE 

10 

CONTACT 

CINEMA 4D 


75010 Paris 

Création 

& animation 3D 


tel + 33 (0)1 48 24 96 45 

fax + 33 (0)1 48 24 96 46 


Outil / 

Cinema 4D R12 

Cinema 4D 

Objectif / 

Maîtriser la création 3D avec Cinema 4D R12 et les différents modules annexes 

au logiciel (Cloth, MoGraph…). 

Prérequis / 

Pour public débutant sous Cinema4D. 

Bonne connaissance de l’outil informatique (Windows ou Macintosh) et pratique 

d’Internet.

Création 

& animation 3D 

Déroulé / 

Introduction 

• Différences entre 2D et 3D 

• Les principaux logiciels de 3D présents sur le marché 

• Les différents corps de métier dans le domaine de la 3D 

Présentation de Cinema 4D 

• Présentation de Cinema 4D 

• L’interface 

• Personnalisation de l’interface 

• Gestion des vues 

• Gestion des objets 

• Gestion des projets 

Les différents types d’objets 

• Les primitives 

• Les objets éditables 

• Les splines (tracés) 

• Les NURBS (objets de lissage et d’extrusion) 

• Les objets de modélisation 

• Les objets de déformation 

L’animation 

• Présentation et utilisation de la timeline 

• Gestion des images clés 

• Les clips d’animation 

L’animation avec MoGraph 

• MoGraph : un moteur physique 

• Les objets MoGraph 

• Les effecteurs 

Cloth, le moteur de simulation de tissus de Cinema 4D 

• Création et paramétrage de tissus 

• Utilisation des outils relatifs au tissu (couture…) 

• Habillage d’un personnage 

• Gestion de la collision du tissu 

• Animer du tissu 


Les particules 

• Présentation du système de particules dans Cinema 4D 

• Création d’un émetteur de particules 

• Gérer l’attraction des particules 

• Dévier les particules 

• Détruire les particules 

• L’objet Ventilation 

Introduction à Xpresso 

• Introduction : création d’outils et de fonctionnalités 

personnalisés 

• Les données utilisateurs 

• Liaison d’une donnée utilisateur à la propriété d’un objet 

• Affichage d’une donnée utilisateur dans la scène pour une 

plus grande facilité d’utilisation 

Les textures 

• Création de texture 

• Paramétrage de la texture 

• Les textures animées 

Le rendu 

• Paramétrer un rendu 

• Rendre une image fixe 

• Rendre une animation 

Cinema 4D

CONTACT 

Direction artistique / 

Guylaine Monnier — contact@webflashfestival.fr 

Lieu / 

Centre Pompidou, Paris 

“ 

Le Web flash festival est le premier festival francophone 

consacré aux contenus et à la création pour Internet. 

http://www.webflashfestival.fr 


75010 Paris 

tel + 33 (0)1 48 24 96 45 

fax + 33 (0)1 48 24 96 46 


Festival / 

Le Web flash festival a été initié par Guylaine Monnier, gérante de la société Regart.net. Regart.net organise 

depuis 2002 le festival au Centre Pompidou (Partenaire historique). 

Jusqu’à sa 4 e édition (2005), le festival a fait le choix de promouvoir plus particulièrement les réalisations 

utilisant la technologie Flash en étant plus largement dédié aux contenus animés et interactifs sur Internet. 

A partir de 2006, suite logique aux éditions 2004 et 2005 nettement ouvertes à l’ensemble des technologies 

et formats de création pour le web, le festival élargit tout naturellement sa thématique “au contenu et à la 

création sur et pour Internet”; le dialogue entre création artistique et technologies demeurant notre axe 

principal. 

” 

Prochaine édition (8 e édition) — Centre Pompidou, Paris

Déroulé / 

Les conférences et séances de cinéma 

Les trois pôles autour desquels s’articule le Web flash festival sont : 

Lieux d’échanges, de débats et d’inspiration, les conférences 

peuvent être : 

g des présentations et démonstrations de travaux d’artistes 

g des présentations et démonstrations de travaux d’agences 

Web 

g des présentations de produits ou de technologies 

g des tables rondes et débats autour de thèmes artistiques, 

culturels ou technologiques. 

Les performances en public 

Moments festifs d’échanges, de partages culturels et techniques 

et de créativité importants, ces performances en 

direct confrontent les artistes aux imprévus et surprises 

d’une production ininterrompue, lors de collaborations 

inattendues au sein d’équipes improvisées. 

• Webjam (2002 à 2008) 

Chaque équipe est constituée de deux artistes reconnus et 

d’un jeune talent, tous tirés au sort. 

L’œuvre ainsi créée est diffusée lors de la soirée de clôture et 

disponible dans son intégralité sur le site du festival. 

• Cadavre Exquis de Code (2003, 2005 & 2008) 

Quatre Art codeurs créent en commun un code de programmation 

pour générer une œuvre esthétique graphique. 

Quatre ordinateurs passent de mains en mains, chaque 

codeur poursuit l’œuvre de son prédécesseur. 

Démarche d’ordinaire personnelle, la programmation échappe à 

l’artiste puis lui revient. 

Ouverture de la soirée de clôture : 

• 2002 : Amit Pitaru et James Paterson (Insert Silence). 

Chorégraphie vectorielle & piano. 

• 2003 : “Partage du geste”, recherche artistique et recomposition 

poétique numérique par trois artistes et sur grand 

écran d’une chorégraphie réalisée sous Motion capture, en 

temps réel. Production Web flash festival. 

Avec Rachid Ouramdane, LeCielEstBleu, Panoplie, J. Cordiez 

& B. Saint Guillain. 

• 2004 : “Enjeux”, compagnie res publica, Lab[au]. Dispositif 

scénique interactif. Narration interactive participative avec 

le public. 

• 2005 : “man in |e|space.mov”, spectacle performance de 

Wolf K _ res publica et LAb[au]. 

• 2006 : “Nabaz’mob, opéra pour 100 lapins communicants” 

de Antoine Schmitt et Jean-Jacques Birgé. Coproduction 

Web flash festival et Violet. 

• 2007 : Show d’Erik Natzke, sur une improvisation musicale 

du compositeur Christophe Chassol (claviers) accompagné 

du soliste Malik Mezzadri (Magic Malik, flûtiste). 

• 2008 : Show de Mario Klingemann et André Michelle. 

Le Festival 

• Remise de prix annuelle pour les contenus francophones 

méritants de l’année. Depuis 2006, le Web flash festival 

s’ouvre à d’autres formats que le Shockwave Flash : sont 

représentées les oeuvres conçues et produites spécifiquement 

pour Internet, au moyen d’une technique adaptée 

au web (format Swf, Director, langages dynamiques côté 

serveur, HTML, Java, Processing, Ajax...) 

Catégories : Art, Net Art, Animation, Expérimental, Jeu, 

Présentation, Grand Prix, Prix du public. 

Les prix sont décernés lors de la soirée de clôture du festival 

et figurent sur le site Internet du festival. 

Partenariat 

Le Web flash festival est organisé par le Centre de formation 

Regart.net, et le portail communautaire Flashxpress.net. 

• Depuis 2002 : le Centre Pompidou accueille le festival dans 

ses murs sur deux ou trois journées. 

• 2003 : le festival accueille les Rencontres ECM (Espaces 

Culture Multimedia) 2003, organisées par le Ministère de la 

Culture et de la Communication. 

• Partenaires de l’évènement depuis 2002 : CNC, Adobe, 

Microsoft, Macromedia, Ed. Dunod, Ecole Icart, Telerama, 

Ecrans.fr, Paris Art, Art Press, Pixel, Computer Art, Studio 

Multimedia, Arte, Canal +, Praktica, Graphiland, Computer 

Love, Streampower, Synesthésie, Ministère de la Culture 

et de la Communication, Fluctuat, Amusement, Wombat. 

Intervenants éditions 2002 à 2008 : 

123Klan, 1h05, André Michelle, Antidigital One, Agence La Chose, Agnès de Cayeux, Akinori Oishi, Albertine Meunier, Alexandre Leveuf, Ana Maria de Jesus, Analogiks Indians, Animazoo, Ankama Studio, Anne Roquigny, Anne-Marie Morice, Annie 

Abrahams & Nicolas Frespech, Anomos, anonymes.net, Anthoine Schmitt, Antoine Ménard, Apacabar, Arte, Arte-Radio, Arthur de Pins, Arthur Violy, Audrey Mascina, Beaux-arts magazine, Béchamel, Canal+, Caribara, Carine Lemalet (LeCube), Carlos Ulloa 

(Papervision3D), Caroline Attia, Chapatiz, Cheval de Troie, Christophe Bruno, Claire Dixsaut, Clément Charmet (panoplie.org), Collectif Microtruc, Colin Moock, Computer Art, Computerlove, Craig Swann (Crash!Media), Cyril Thomas, David Guez, David 

Rondel-Cambou et Andreas Pihlström (NTMY), Dekalko, Design Chapel, Designisdead, Diamz, Diplomatic-Cover, Discreet, Douglas Edric Stanley, Duke, Dunun, Ecole Icart, Electric rain, ElixirStudio, Eric Niubo, Eric Tong Cuong (La Chose), Eric Viennot, 

Erik Natzke, Etienne Mineur, Festival des Revues électroniques, Flashcodeurs, Flashfrance, Flashxpress, Fluctuat, Fous d’Anim, Francis Bourre, Frogcast, G2, Gaëlle Rouard & Etienne Caire), Geneviève Gauckler, Géraldine Gomez (Centre Pompidou), Globz, 

Grant Skinner, Graphiland, Graphinc, Group94, Hi-RES!, Hoogerbrugge, Ici La Lune, Ilog, Incandescence, Incorect, Inook, Isabelle Arvers, Jared Tarbell, J-C Tessier, Jean-Charles Baudot, Jean-Jacques Birgé, Jérome Favre-Felix (Megalo(s)), Jérôme Sans, 

J-L Goujal, Joshua Davis, Journal Infime, Julien Demeuzois, La Haute Société, LAlex, LeCielEstBleu, Les Chinois, Levox (eRikm, Linoleum, LolitaStudio, M6, Machinima Festival, Macromedia France, Made in Plastic, Marc Em, Mathieu Anthoine (Yamago), 

Mathieu Badimon, Media Art Festival Madrettor, Megalo Studio, Michael Sellam, Mike Chambers, Mike Downey et Mickael Chaize (Adobe), Mille et Un Rêves, Millimages, Miroir du soir, MissVan, Nicolas Canasse (Motion-twin), Nicolas Clauss, Nicolas 

Frespech, Nocopy, Oculart, Olga Kisseleva, Oeil pour Oeil, onedotzero Festival, Orisinal, Overage4design, Panoplie, Paris-Art, Pfadfinderei & Modeselektor, Philippe Jalbert, PhilFlash, Philippe Elsass (FlashDevelop), Philippe Quéau, Pierrick Calvez, Pocket 

Films Festival, Praktica, Praystation, Publicis Net, Quarti d artist, Qubo-gas, Rachid Ouramdane, Réseau CCI de France, SixandCo Fullsix, Soleil noir, SoleilNoir, Steve Whitehouse, Streampower, Studio multimédia, Studio Poana, Studio Tanuki, Subakt, 

Supersatori, Supersoniks, Synesthésie, Tabas, TeamcHmAn, Tek, Thibault Imbert, Thibaut Cavalié (Centre Pompidou), Tokyoplastic, Tony Broyez, Ubisoft, Ultralab / Labomatic, Upian, Uzik, Valéry Grancher, Véronique Brossier, Violet, Vooz, Watoo, Xavier Sirven 

(Centre Pompidou), Yamago, Yoann Montalban (YovaSystem), Yokaikai...

CONTACT 


75010 Paris 

tel + 33 (0)1 48 24 96 45 

fax + 33 (0)1 48 24 96 46 


Portail / 

Flashxpress, portail communautaire autour des ressources technologiques pour la création Web bénéficie 

des labels officiels AUG (Adobe Users Group) et MUG (Microsoft Users Group). Les Users Groups sont 

des espaces communautaires, reconnus pour leur expertise, qui supportent les technologies et ont une 

implication événementielle. 

Le leitmotiv de nos actions est le partage des connaissances, 

la promotion du contenu de qualité et de leurs auteurs. 

http://www.flashxpress.net 

“ 

” 

“L’entretien” de ce portail a toujours été bénévole et n’a aucune prétention mercantile — aucun bénéfice financier n’en découle et tout ce qui y est 

proposé est gratuit.

Flashxpress / 

Une communauté 

Janvier 2010 : 

26740 personnes inscrites à nos forums de discussion avec 

550 000 messages. 

Une promotion des talents 

Flashxpress souhaite mettre en avant les talents du Web. 

Chaque année, de jeunes talents participeront à la WebJam 

du Web flash festival et certains bénéficieront d’articles selon 

les partenariats menés (Pixel, Graphiland, Beaux-Arts 

Magazine...) 

Plusieurs concours ou évènements sont régulièrement organisés 

avec d’autres partenaires (Praktica, Festival Arborescence, 

le Cube Art 3000...). 

Un contenu éditorial 

• La webTV retransmet des vidéos archivées ou bien des 

événements en temps réel : 

g contenus pédagogiques 

g rendez-vous technologiques 

g événements culturels 

g contenus artistiques 

Ainsi, la webTV pourra proposer une interview, un tutorial ou 

la couverture d’un événement filmé. 

• Le Live est un espace de discussion et de diffusion en 

temps réel : e-conférences, démonstrations, show sont 

proposés dans cette salle qui peut être mise à la disposition 

d’entités extérieures (colloques, conférences, débats). 

• Les News relatent l’information technologique et culturelle 

de la création numérique au jour le jour. 

• Les Ressources pédagogiques permettent la prise en main 

ou le perfectionnement aux outils de création Web. Ces 

tutoriels peuvent être divers et prendre d’autres formes 

— plusieurs thèmes étant abordés, nous pourrons aussi 

couvrir une manifestation, tester un nouveau logiciel, 

interviewer un acteur du numérique ou encore aborder des 

sujets relatifs à l’univers du développement et de la création 

pour Internet. 

Des ressources pédagogiques et créatives 

L’objectif de Flashxpress est d’offrir à tous, les moyens de 

créer du contenu de qualité. 

Des centaines de fichiers sont à télécharger, des conseils et 

des tutoriels vidéo ou écrits permettront de parfaire les 

techniques de développement. 

Très actifs, les forums de discussion proposent de nombreuses 

salles de discussion pour des sujets techniques, des 

ressources créatives ou encore des offres d’emploi. 

Une veille technologique 

L’actualité des technologies avoisinant Flash, Flex, Blend, 

Dreamweaver, Expression Web, Silverlight et autres, est une 

source précieuse pour rester au fait de ces technologies. 

Nous nous efforçons de faire découvrir de nouvelles applications 

et utilitaires, de relater les principaux évènements 

et manifestations, comme de vous faire découvrir l’actualité 

des tech nologies en présence (News). 

Régulièrement l’équipe, composée des formateurs du centre 

de formation Regart.net, mais aussi de Contributeurs extérieur 

met en ligne le résultat de ses recherches. Nous souhaitons 

faire découvrir à tous le potentiel des technologies pour le 

Web.

Untitled - Regart.net

Create successful ePaper yourself

Delete template?

Save as template?