Interaction 1 COM3562 Communication Multimédia Février 2012.

Slides:



Advertisements
Présentations similaires
Création d'un formulaire Cliquer ici Taper un nom Choisir POST.
Advertisements

SI28 FLASH MX Partie 1 Jérémy Dufetre - Ludovic Pilache.
TOUQUET Arnaud ▪ GI05 BLONDEEL Igor ▪ GM05
Travail dans Flash Création : de graphiques, de textes, d'effets animés et d'applications destinés aux sites web : Généralement des graphiques vectoriels,
12 novembre 2012 Grégory Petit
Accès aux Métiers de l’Informatique
Microsoft Office Word 2003 C.A.H.M
PROJET DATELIEU 20 MARS 2012LCP SALLE B105 création du site internet avec Weebly.
Prologue : les premiers préparatifs Première étape : Ouvrir le logiciel de création de pages au format HTML (pages Web) Deuxième étape : enregistrer la.
LOGICIEL PL7 MICRO PROGRAMMATION MISE AU POINT Consignes?
28 novembre 2012 Grégory Petit
Créer un tableau dans Word et y ajouter une formule.
Animation 3 COM3562 Communication Multimédia Janvier 2011.
Présenté à Jean Vachon Exécuté par Luc Rainville.
Animation 2 COM3562 Communication Multimédia Janvier 2011.
Animation 3 COM3562 Communication Multimédia Janvier 2011.
Integration VIDEO COM3562 Communication Multimédia Février 2012 Suite.
Animation 4 COM3562 Communication Multimédia Février 2011.
Hot Potatoes
Comment utiliser FrontPage?
Plan de la leçon Réf. p. WRD- 149 Les styles Les listes hiérarchiques
Illustrator Photosphop Retour sur les animations COM3562 Communication Multimédia Hiver 2012.
POWERPOINT.
Publication Flash sur Internet et Transfert avec Dreamweaver COM3562 Communication Multimédia MARS 2011.
Éléments de présentation
Conception des pages Web avec
Scénario Les scénarios permettent de modifier la position, taille … des calques au cours du temps. Son fonctionnement est très proche de celui de Macromedia.
Premiers pas avec Flash
1 Présentation de DREAMWEAVER (1) Gaël TREMEAU GI05 Printemps 2006.
Présentation n°1 du logiciel Flash 8
Dreamweaver MX Jauneau Marie Claude-Antoine Zarate.
FLASH MX : séance 1 Sandrine Rabin Nicolas Mollet SI28.
Environnement Flash MX
FLASH MX 1ère Séance. Introduction Création d’animation pour le Web, pouvant contenir une forte interactivité. Faible poids des fichiers. Compatible avec.
FLASH MX : séance 1 Vivien FILIPPINI Jeanne VERRE Exposé SI28.
Présentation Dreamweaver – Partie 2 Mickaël PIQUE – Automne 2004.
EXPOSE N° 1 Thomas CLARISSE Yann GUIGUET.
Padmanaathan Gaayathrie
SI28 Partie 1 Bruno Binet FLASH MX. Les atouts de Flash Création d’animation pour le Web, pouvant contenir une forte interactivité Faible poids des fichiers.
SI28 - Écriture multimédia interactive – A2004 Présentation Dreamweaver Partie 2 Pierre Malet GSU05.
Flash 2 ème séance Interaction François Marliac Mickaël Moreira.
Flash MX – Séance 2 Interactions & ActionScript David Rapin Si28 P06.
Dreamweaver le retour Avec Les Formulaires Les Calques
Flash MX er Séance LIU Xinlei GI02.
FLASH MX : séance 1 Adrien Deken Thomas Bergonzini SI28.
FORMULAIRES FOMULAIRE Permet à l’utilisateur d’entrer des renseignements le concernant. Utilisation –Inscription sur un site –Mise à jour d’une base.
Dreamweaver 2 Plan 1.Calques 2.CSS 3.Modèles 4.Comportements 5.Formulaires 6.Mise en ligne 1 Timothée Devaux Myriam Roudy Dreamweaver 2 Printemps 2008.
Les formulaires Les calques Les comportements Les scénarios Les modèles Les feuilles de styles (CSS) La mise en ligne Les formulaires permettent à l’utilisateur.
DREAMWEAVER Séance 2 SI28 – P06 Nolwenn PICHAUD.
SI28 - Écriture interactive et multimédia Laurent FETZER GSU04, Lucie SOLA GSU06 P PRESENTATION Dreamweaver 2.
Flash 1 Cariou SandraCoffinot Nicolas. Sommaire : I)Généralités II)Interface de Flash III)Grouper et Dissocier IV)Image clé V)Scénario et calques VI)Symboles.
Flash : deuxième séance Yannick Bresson Alessandro Camozzato Tien-Quang Tong 22/10/07.
DREAMWEAVER SEANCE 1 Axel JACQUET GM05 – Julien VAN MOORLEGHEM GM05 A2008 Écriture interactive & multimédia Présentation Dreamweaver 8.
FLASH SEANCE 1 – SI28 Benjamin MONTICO GI05 Automne 2006 Cyrille BOITEL, Sofiann YOUSFI MONOD Printemps 2007 Écriture interactive & multimédia Présentation.
EXPOSE FLASH 2 SI 28 24/10/2006 Delphine GODREAU Hélène PERRIER.
DREAMWEAVER MX2 - Séance 2 Les calques Les comportements Les scénarios Les formulaires Les feuilles de style Les modèles Les cadres Mise en ligne Jérôme.
On va découvrir la magie de ....
Dreamweaver 2 Feuilles de Style CSS Formulaires Calques Comportements
AKOONE Farouck LI Li SI 28 A2004. Flash permet de : Créer des animations pour le Web, pouvant contenir une forte interactivité Des fichiers de faible.
Les calques Les Template (modèles) Les Comportements Les scénarios Les formulaires Les CSS Le serveur Web de l’UTC Présentation.
Présenté par: François-Xavier LECHEVALIER Fateh BOUGOUFFA
Séance 2 Marie Lavogez Justine Leleu Dreamweaver MX.
Gaël DELBARY Benoît DEVEAUX
DREAMWEAVER 2 Michael LEPERS Pierre LAINÉ.  Formulaire  Calques  Comportements  Feuille de style CSS  Modèle  Scénario  Gestion du site.
PRESENTATION FLASH 2 MAURIN Marion BERETTI Vincent.
SI28 : Dreamweaver 2 Feuilles de styles Calques Template / Modèle Comportements Scénarios Mise en ligne Clément BLONDEL GSM04 Christelle CHATENET GB04.
SI28 : D REAMWEAVER 2 Audrey BUISSON – GSU05 Romain LASSALLE – GI05 1 SI28 – Ecriture interactive et multimedia.
Soumis par: DRPU équipe Software Site:
Introduction au WIKI Par Marc Chevarie.
Transcription de la présentation:

Interaction 1 COM3562 Communication Multimédia Février 2012

Aujourdhui Les séquences dans une animation, les nommer. Changer lordre de lecture Création dun symbole bouton, Placer sur la scène et nommer. Utilisation des interactions Action Script 3 –Fragments de code et fenêtre Actions. –Donner un nom (Étiquette) aux images (colonnes) dans le scénario Actions simples –Arrêter –Joueur à partir dune étiquette –Jouer une séquence à partir dune étiquette ou dune image (no) –Ouvrir une page URL Composantes = Formulaires – contrôles de vidéo ou son. Notes sur Flash (version ancienne)

Créer des séquences Une animation peut comporter plusieurs séquences animées. Par défaut elles sont lues dans lordre Voir Menu Insérer Séquence et Fenêtre Autres Panneaux/Séquences. Pour tester lorsquil y a plusieurs séquences il faut faut utiliser le choix lire toutes les séquences. Vous pouvez renommer et changer lordre de lecture des séquences. Évitez les accents

Insérer une étiquette Pour vous repérer dans le scénario. On nomme les calques (lignes). Mais aussi on nomme les images (colonnes) À un moment donné, ie pour une colonne dans le scénario, on peut donner un nom à ce moment qui désigne lanimation qui suit. Ici on a mis Etiquette1, mais ce pourrait être Animation 1 ou autre. On donne le nom de lÉtiquette dans les propriétés. Évitez les accents

Bouton Notes sur Flash (version ancienne) Boutons Créer un symbole bouton (nom_btn) Définir ses états (Ajouter des images clé F6 et modifier lapparence des états du bouton Pour programmer lEffet du bouton –Glisser le bouton sur la scène (Donner un nom au bouton sur la scène dans les propriétés). Sélectionner le bouton sur la scène et définir ce qui sera exécuté en utilisant la Fenêtre Fragments de code.. Puis en modifiant les paramètres dans Actions Le même bouton peut-être placé à plusieurs endroits, avoir plusieurs noms et exécuter une action spécifique selon le bouton cliqué.

Programmer des actions Arrêter (à la fin.. Ou pour attendre que lusager clique) stop(); Lancer lanimation à partir dune étiquette ou dun no dimage gotoAndPlay(5); Ou gotoAndPlay( "Etiquette1"); Vous choisissez létiquette pour désigner lanimation qui suit Lancer une séquence à partir dune étiquette ou dun no gotoAndPlay(1, "Sequence2") En fait vous choisissez dans la fenêtre Fragments de code puis vous modifiez laction dans la fenêtre Actions.

Programmer des actions Arrêter (à la fin.. Ou pour attendre que lusager clique) stop();

Programmer des actions Lancer lanimation à partir dune étiquette ou dun no dimage gotoAndPlay(5); Ou gotoAndPlay("étiquette1"); Vous écrivez létiquette pour désigner lanimation qui suit.

Programmer des actions Lancer une séquence à partir dune étiquette ou dun no gotoAndPlay(1, "Séquence 3") En fait vous choisissez dans la fenêtre Fragments de code puis vous modifiez laction dans la fenêtre Actions.

Programmer des actions Lancer une séquence à partir dune étiquette ou dun no gotoAndPlay(1, "Séquence 3") En fait vous choisissez dans la fenêtre Fragments de code puis vous modifiez laction dans la fenêtre Actions.

Programmer des actions Pour tester lAnimation Il faut activer les boutons simples Éventuellement lire toutes les séquences

Programmer les actions simples Une autre action très utile.. est celle douvrir une page Web Il faut modifier lAdresse URL dans la fenêtre Actions. navigateToURL(new URLRequest("

Exercice de la planche Essayez de recréer linteractif de la plancheinteractif de la planche

Composants Même sans apprendre à programmer les composants. Nous verrons comment les utiliser pour faire une maquette.

Composants Il faut spécifier les propriétés pour chaque composant. Par exemple dans une pizza.. Essayez différents Types de composants

Exercice Pizza Essayez de définir une interface pour commander une Pizza. Visiter le site Domino pour voir des exemples. Domino Pizza