Cours 5 IFT Informatique multimédia

Slides:



Advertisements
Présentations similaires
Présentation Assistée par Ordinateur Visite guidée
Advertisements

Les technologies décisionnelles et le portail
1 Projet Nom du projet Catégorie T : DIGITAL MEDIA CREATION DE CONTENU POUR LA PROJECTION SUR ECRAN Un évènement 2014: Présentation JURY.
Utiliser le Web dans la classe de français Dr. Jayne Abrate Executive Director, AATF nectfl03.
SI28 FLASH MX Partie 1 Jérémy Dufetre - Ludovic Pilache.
TOUQUET Arnaud ▪ GI05 BLONDEEL Igor ▪ GM05
Interactivité et Conventions sémiotiques Pergia Gkouskou-Giannakou ASSUN-Mars 2006.
Le developpement web  Préparé par : ASSAL Lamiae JAMALI Zakarya
Éléments de présentation
MIKHAYLOVA Vera Exposé Java principe de fonctionnement Lundi 17 mai 2004 DEUG 1ère année Science du langage Paris III.
Architecture de machines Principes généraux
PowerPoint97 …tout simplement
WEB MOBILE Web Éducation Québec, le 24 mars 2011.
Création d’un diaporama avec le logiciel Microsoft Office -Powerpoint pour avancer clic sur la diapositive Pour mettre en œuvre le logiciel : Clic sur.
Créer un site Web sur internet
L’outil de présentation
Etude des Technologies du Web services
PROJET DATELIEU 20 MARS 2012LCP SALLE B105 création du site internet avec Weebly.
Nouveau blog. WordPress connexion Nommez votre blog.
Créer une animation simple Gif avec ImageReady.
Réalisée par :Samira RAHALI
Lycée Louis Vincent Séance 1
TUTO POWER POINT Parole d’école décembre 2010
Usages des ressources numériques IANTE Avignon.
Introduction au multimédia
IFT Informatique multimédia Cours 3 Mise au point sur la mémoire vidéo Logiciel de traitement de limage Les formats dimages et la compression Présentation.
IFT Informatique multimédia Cours 4 Jusquà présent… La mise en page Quelques techniques Photoshop Interface graphique* avec VB.
IFT3730 : Infographie 3D Systèmes et modèles graphiques Pierre Poulin, Derek Nowrouzezahrai Hiver 2013 DIRO, Université de Montréal.
IFT2740 : Outils de l'infographie 3D Systèmes et modèles graphiques
INFORMATIQUE INF1B Les principes de fonctionnement de l’ordinateur
SPIP : Fonctionnement d’un SITE DYNAMIQUE avec CACHE
Document élaboré à Centrale Paris par Pascal Morenton LES TECHNOLOGIES DU WEB 1. LES PHASES D UN DEPLOIEMENT DE RESEAUX 2. LE LANGAGE HTML 3. LE LANGAGE.
SCHEMAS ANIMES Avec Cabri-Géomètre et REGRESSI Yves Cortial
Intégration des TIC et nouveaux outils
FORMATION POWERPOINT 2007/2010
L’ ACCESSIBILITE « C’est mettre le Web et ses services à la disposition de tous les individus, quels que soient leur matériel ou logiciel, leur infrastructure.
TD11 : Logiciel de présentation PowerPoint
L’écriture de scénarios dans les cédéroms ludo-éducatifs
DESIGN MULTIMÉDIA Initiation aux bases de La scénarisation multimédia
S'initier au HTML et aux feuilles de style CSS Cours 5.
SMIL Synchronized Multimedia Integration Language
L’Audio sur PC Comparaison Numérique vs Analogique Comparaison Audio sur PC vs Hardware dédié (DSP) Rmq: beaucoup de simulitudes avec la vidéo, mais débit.
Principes, usages et conception
S'initier au HTML et aux feuilles de style CSS Cours 5.
INTERNET Le langage HTML
LOGO 2010/2011 Encadré par: Mr Chaouech Helmi Elaborée par: Galloussi Ons Université de Carthage Faculté des Sciences économique et de Gestion de Nabeul.
Écriture Interactive Différenciation Contenant / Contenu
Développement et design Web Awaves academy Stockholm 2006.
Karine Vallin - Dorian Baysset
Les Systèmes de Gestion de Contenu (CMS) Allirand Maud Chabord Grégoire Massart Anne-Sophie 24 novembre 2006.
Introduction à MathML Par Katia Larrivée UQO Le 18 mars 2004.
Qu ’est ce que la PréAO? IUT de Saint-Nazaire.
Éléments de présentation
Fabrice Lemoine Site Web des STI Le site Web des STI change.
Éléments de présentation
Présentation des ordinateurs
TP D’UML Groupe N° 3.
Les cartes graphiques Leur partie software.
Dreamweaver Séance 1.
1 Présentation de DREAMWEAVER (1) Gaël TREMEAU GI05 Printemps 2006.
Dreamweaver MX Jauneau Marie Claude-Antoine Zarate.
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.
DREAMWEAVER Première séance Villaron Audrey – Shibly Tarek.
Plan de la présentation Le langage HTML Dreamweaver MX Les premiers outils pour créer une page web :  Propriétés d’une page  Création de cadres  Création.
SI28 : Adobe Image Ready 3.0 Agathe Edange.
Introduction au HTML Qu’est ce que le HTML ?
Les calques Les Template (modèles) Les Comportements Les scénarios Les formulaires Les CSS Le serveur Web de l’UTC Présentation.
Veille technologique Wordpress. Qu’est ce que Wordpress ?  C’est un CMS hautement personnalisable  CMS signifie « Content Management System » soit système.
…que Dedicated Micros a lancé un nouvel enregistreur vidéo numérique hybride Saviez-vous?
Introduction à PowerPoint, logiciel de présentation Session hiver 2007 Commission scolaire Lac-St-Jean par Stéphanie Boivin.
Transcription de la présentation:

Cours 5 IFT-22261 Informatique multimédia Logiciels auteurs en multimédia Types d’interactivité multimédia IFT-22261 Informatique multimédia Cours 5

Le logiciel auteur Le logiciel auteur permet de créer des applications multimédia et de les publier sous différents formats. La définition d’un tel logiciel est plus ou moins définie. Elle passe du simple outil de création de diaporama jusqu’aux puissants moteurs de jeux vidéos. Nous nous concentrerons ici simplement sur les logiciels qui permettent de créer des produits qu’on pourrait qualifier «  à usages multiples ».

Caractéristiques d’un logiciel auteur en multimédia Support de différents formats d’image Support de différents formats d’animation (flc, swf, gif) Support de différents formats vidéo (mpg, mov, avi, raw) Support de différents formats audio (mp3, wav, aiff,mod, midi) Support de différents formats de police Système d’extension (pluggin, xtra, ex) Qualité des transitions (+ support hardware) Qualité de l’affichage (24 bits ou palette) Précision de l’affichage(disposition des éléments) Qualité de l’interface (métaphore utilisée) Possibilités d’animations « calculées »

Caractéristiques d’un logiciel auteur en multimédia Gestion des polices Gestion de l’anti-alias (lissage) sur polices et des formes Gestion de la transparence (alpha) Formats de publication (vidéo, audio, HTML, email, exe, composantes web, etc.) Utilisation du matériel d’affichage (via Direct Draw, Direct X, carte 3D, etc.) Gestion d’interface matériel (trackball, touch screen, gamepad, etc.) Gestion de canaux de sons indépendants Environnement 3D Puissance du langage de programmation. Compatibilité inter-application (db, XML, XML Soket Java etc.)

4 Types d’interactivité en multimédia Yugo Nakamura FF2001 STATIQUE DYNAMIQUE (CINETIQUE) RÉACTIF COMMUNICATIF

4 Types d’interactivité en multimédia STATIQUE : Navigation simple et directe. On clique sur les éléments à l’écran, ceux-ci nous mènent à une nouvelle page. C’est l’exemple typique de la page HTML.

4 Types d’interactivité en multimédia DYNAMIQUE : Navigation animée. Notre curseur fait bouger des éléments à l’écran. On a des effets d’animation, de « mouseover », de transition. C’est le type d’interaction le plus utilisé dans les produits multimédias grand public.

4 Types d’interactivité en multimédia RÉACTIF : Réaction créée par le mouvement du curseur, les touches du clavier ou le mouvement de l’utilisateur. Ces mouvements semblent toujours logiques et sont souvent très précis. Ce type d’interactivité est de plus en plus populaire, mais malheureusement mal interprété par les développeurs. yugop.com (1,2, 4 etc.)

4 Types d’interactivité en multimédia COMMUNICATIF : Réaction créée par la communication entre les internautes. Chaque usager peut laisser « sa trace » sur l’application. Surtout utilisé pour des applications « artistiques » afin de créer une nouvelle forme de poésie ou de mouvement. Compte tenu de l’aspect multi-usager, ce type d’interaction est utilisé sur des sites internet. yugop.com (9,5, 6 etc.) http://www.atopie.qc.ca/dev/PH2/atopie/site/accueil.php

Établir le ton Selon Yugo Nakamura Le ton d’une interface moderne est représenté sur 5 champs: Espace Ordre Dynamique Temps Existence

Établir le ton Selon Yugo Nakamura ESPACE: Établir une relation fictive de l’espace dans l’interface. Profondeur: 1D; 2D; 3D Finie/Infinie Simple ou multi-couches

Établir le ton ORDRE: Établir l’ordre du discours Selon Yugo Nakamura ORDRE: Établir l’ordre du discours (la façon dont les objets se déplacent à l’écran). Convergence/divergence Simplicité/complexité

Établir le ton Selon Yugo Nakamura DYNAMIQUE: Établir les réactions physiques des éléments animés Gravité/Répulsion Torsion/Tension seul/enchaîné

Établir le ton Selon Yugo Nakamura TEMPS: Établir la durée des animations /transitions ou la façon dont le temps est réparti. Statique/Temps réel Rapide/Lent

Établir le ton Selon Yugo Nakamura EXISTENCE: Établir l’existence de l’usager dans l’univers des autres usagers. seul/co-existence existence « live » / par tour accidentelle/intentionnelle

Établir le ton Selon lui, le plus important c’est: Selon Yugo Nakamura Selon lui, le plus important c’est: « the way you see the world ».