Tour de France Macromedia Studio 8
à Toulon le 20 septembre 2005
Résumé de la matinée
Au Palais des
Congrès Neptune de Toulon.
Vidéos du Palais Neptune - malheureusement pas très jolies
:(
- Vidéo A, 5 634 Ko
- Vidéo B, 19 136Ko
- Vidéo C, 13 510 Ko
- Vidéo D, 10 360 Ko
- Vidéo E, 16 885 Ko
- Introduction par Eric -
De 1993 à
1996 : Macromedia ciblait essentiellement les présentations cd,
etc.
De 1997 à 2001 : Macromedia s’est intéressé
à l’Internet.
De 2002 à 2005 : Macromedia cible dorénavant le haut
débit et les mobiles.
Mars-Avril 2005 : Rachat
de Macromedia par Adobe (article de 01net).
Stratégie de Macromedia appelée "plateforme flash" = outils de développement internet et intranet en version 8
"Flex"
permet d’établir des solutions internet-intranet évoluées
pour les entreprises.
Le Player
Flash 8 est disponible en téléchargement depuis déjà
une semaine (semaine N°37).
Consulter
la confirguration requise pour l'installation du player flash 8 sur le site
de Macromedia...
97% navigateurs web équipés de flash player (tête de lecture Flash) (article 01net concernant le flash player 8)
- Flashpaper
: creation de documents flash à partir de PDF.
- Flash video encoder
-
Retour aux fondamentaux du Flash
- Volonté de respect des normes W3C (Validateur
de pages du W3C) mais volonté de s’adapter aux tendances du
marché et aux habitudes des utilisateurs...
Milieu de semaine
dernière (semaine N°37) : disponibilité de Macromedia
Studio 8 en anglais
Milieu de semaine prochaine (semaine N°39) : disponibilité de Macromedia
Studio 8 version française.
Macromedia a revu ses prix à la baisse afin de proposer le Studio 8 moins cher.
Les mises à jour sont maintenant disponibles sur le site de Macromedia pour la majorité des produits Macromedia (même Dreamweaver 1, 2, etc.)
-
399 euros la Mise à Jour
- 899 euros la version complète
- 99 euros la licence Enseignant + étudiant (soit 92% de remise sur studio
8 en version complète) : effort conséquent de Macromedia testé
dans plusieurs pays.
- Présentation de Dreamweaver, Contribute par Florent -
Dreamweaver
(DW en abrégé dans ce document)
Ce logiciel se présente comme un standard car il est multi-profils et
multi-technologies.
C'est un
logiciel très utilisé : 3 millions d’utilisateurs. Il y
a pas moins de 1000 extensions disponibles sur Exchange Manager.
Plan
- Approche visuelle
- Contenu dynamique
- Gestion de sites
Points clés
- Firefox
- Contribute 3
Nouveautés CSS
Ajout d'un bouton
css dans l’inspecteur de propriétés.
(Voir la vidéo N°1, 3 789 Ko
au format AVI)
Sur la démonstration, on peut voir que la feuille de style est ouverte en arrière plan (divers onglets).
Il y a un
endroit unique pour gérer les css.
Les utilisateurs ont été plus exigeants depuis MX et utilisent
dorénavant CSS pour la mise en page.
Démonstration
: Page développée avec la balise <div>.
Les blocs <div> sont représentés en mode création
comme l'étaient les tableaux dans la version MX (c'est-à-dire
en pointillés).
Les différents blocs <div> colorés sont (sur l'exemple).
Nouveauté très attendue : la fonction ZOOM !
Enjeux des nouveautés : un travail plus propre et fidèle pour les graphistes.
Autre nouvel outil
: les guides
(Voir la vidéo N°2, 4 305 Ko
au format AVI)
Astuce : avec la touche Ctrl : fait apparaître des traits indiquant les
distances du bord de la page.
Intégration de médias
-
média texte : importation depuis Word avec ou sans CSS,
en faisant un coller spécial "paste special"
(Voir la vidéo N°3, 1 321 Ko au format AVI)
- média
bitmap :
Sous DW4 : outil de modification toujours présent.
Sous DW8, ajout de petits outils simples de manipulation et modification
de bitmaps.
"Roundtrip
html" : partage de données avec Fireworks
(FW en abrégé) pour faciliter les modifications dans DW.
Démonstration : modification d’un menu
(Voir la vidéo N°4, 5 088 Ko
au format AVI)
Si on regarde DW, la feuille CSS générée par FW est maintenant présente.
- média
vidéo :
(Voir la vidéo N°5, 2 762 Ko
au format AVI)
"Glisser-déposer" du fichier
".flv"
Démonstration réalisée avec bibliothèque de skins
disponibles. Pas d'habillage spécial en Windows Media Player ou Quicktime,
mais du flash vidéo tout simplement.
Casquette de développeur
Démonstration
: Récupération d'un contenu dynamique depuis la page accueil du
site exemple affichant les événements d’un musée
(récurrents, quotidiens, quasi en temps réel : xml - flux RSS)
: intégration possible dans DW de flux RSS en glisser-déposer.
(Voir la vidéo N°6, 91 Ko au
format AVI)
D'abord, il faut
convertir la page en cours en fichier xslt (fichiers ".xsl"),
puis copier-coller l’adresse http du flux RSS dans la page en création
sous DW.
Le flux est maintenant disponible dans DW, il ne reste plus qu’à
faire un glisser-déposer du flux dans la page.
(…blague du copier-coller de l’adresse http, petit bugde démonstration…)
Quand on clique sur le texte du flux, il ne se passe rien, c'est normal il faut
rajouter un lien sur le flux.
Dictionnaires de références
Xsl : shift+F1
: fait apparaître le dictionnaire de références (le dictionnaire
xslt est disponible).
5 dictionnaires étaient disponibles dans DW MX. La liste a été
mise à jour souvent depuis pour DW8 donc beaucoup plus de dictionnaires
disponibles.
Il est maintenant possible de procéder à l’auto-apprentissage
dans DW.
Travail avec des bases de données
DW : seul outil
WYSIWYG avec tant de technologies disponibles :
- ASP
- ASP.NET
- JSP
- PHP/MYSQL
- COLDFUSION
- …
Démonstration
PHP :
(Voir la vidéo N°7, 468 Ko au
format AVI)
- Lors de l’ajout d’une fonction php5 : support de cette
fonction lors de la rédaction du code : info-bulle.
- Une palette gauche est maintenant dédiée au code.
(exemple : formattage du code)
Dans la partie "numérotation des lignes", il existe une nouvelle
possibilité qui est de développer ou réduire un
bloc de code par balise ("fermer la balise body" par exemple).
Ce qui permet une meilleure lisibilité du code.
Exemple de connexion à un serveur ftp avec un fichier volumineux à transférer : le process de communication est géré à part entière. Donc il est maintenant possible de continuer à utiliser DW pendant le transfert.
Ouverture de Macromedia
vers le monde extérieur :
Possibilité de comparer deux fichiers xsl en local : basculage
facile avec un outil comparaison quelconque externe à DW.
Possibilité de comparer le fichier local avec celui qui est sur
le serveur.
- Présentation par Florent -
Casquette de l'utilisateur non technicien
"Personnes
ayant besoin de mettre à jour
des sites statiques sans connaissances techniques".
Ces personnes peuvent utiliser
Contribute
(travail direct sur le serveur).
But : fournir juste une interface rapide sans téléchargement.
Démonstration avec des CSS. (…)
Conclusion
Réponses
aux attentes utilisateur.
(Résumé de la casquette Développeur et de la casquette
utilisateur non technicien)
- Questions / Réponses -
Qu
: Contribute gère extensions : extension manager ?
"NON, pas de bénéfice du mxp (peut-être dans une nouvelle
version…)"
Qu
: Fusion produits ? (Adobe Golive et DW)
"Les deux sociétés sont indépendantes" (Adobe
et Macromedia).
"Pas le droit de communiquer pendant la fusion (c’est la loi) sinon
cela pourrait compromettre la fusion."
Qu
: contribute : les utilisateurs doivent-ils acheter produits ?
"Oui, licence à partir de 99 euros."
Qu
: "copier-coller" ?
(Voir la vidéo N°8, 2 305 Ko
au format AVI)
---------------------
- Autres modules du Studio 8 présentés par Lionel -
Flashpaper : outil bureautique.
Permet de convertir
des documents au format flash (conversion à la volée).
Les caractéristiques du document sont conservées et la qualité
est quasi parfaite.
Enregistrement en SWF (et aussi PDF)
(Voir la vidéo N°9, 1 712 Ko
au format AVI)
Permet de réutiliser les documents et de les intégrer aux applications.
Exemple de réalisation avec Flashpaper : la fiche technique de Macromedia Studio 8
Flash
professional 8
Volonté de Macromedia de revenir sur les points forts de Flash.
Flash
professional 8 est disponible en anglais.
Plan :
- les graphiques
- les animations et les effets
- les objets programmation (Langage ActionScript AS)
- la vidéo
- la mobilité
Flash professional 8 en détail sur le site de Macromedia
Amélioration
de l’ergonomie et du confort à l'utlisation de Flash.
Annulations des opérations : retour en arrière possible par objets.
Le choix est laissé aux utilisateurs concernant le type des annulations
dans "Préférences".
Dans la bibliothèque, un menu déroulant existe dorénavant
pour "piocher" éléments graphiques dans d’autres
projets.
Flash, avant la version 8, considère l’élément vectoriel
comme de la matière (au final : fusion des éléments)
Pour faciliter la manipulation, Flash 8 possède un nouveau mode de "dessin
d'objet" (non fusionnés)
Démonstration
: Dessin d'une courbe à main levée (flash corrigeait mais pas
parfaitement), aujourd'hui un outil de lissage existe. Ce qui permet de réaliser
des animations plus légères à télécharger
car moins de points pour représenter quasiment le même graphique.
(Voir la vidéo N°10, 1 574
Ko au format AVI)
Gestion du bitmap
:
Flash est reconnu pour sa puissance en la matière.
Application d'un onglet "effets" (flou, etc.)
La nouvelle version est plus intelligente dans le sens où les effets
seront légers car "je donne l'ordre au lecteur flash de télécharger
le même projet que le projet sans effets mais avec une ombre en plus."
On peut jouer avec ces effets.
Démonstration
: Calque sur lequel on recopie un objet et sur lequel on applique une ombre
puis on masque l’objet... : effets graphiques créés automatiquement.
(Voir la vidéo N°11, 338 Ko
au format AVI)
Nouveautés de Flash 8
Fonctionnalité
Animation :
Concernant la philosophie des images clés ("marqueurs témoins")
et la fabrication des images intermédiaires, par le passé, on
avait la possibilité de créer l’accélération
et/ou la décélération.
Maintenant un éditeur permet de contrôler la vélocité
des objets (inutile d’exporter pour visualiser car on peut voir
le résultat en temps réel).
(Voir la vidéo N°12, 554 Ko
au format AVI)
ActionScript : L’assistant
à la frappe est présent. La liste des fonctions a aussi été
conservée de part la volonté des utilisateurs.
Possibilités d'afficher les caractères cachés (exemple des doubles espaces) pour éviter les erreurs "invisibles".
Nouveauté : la class "load movie" (appel externes) permet aujourd'hui, en plus du jpg, etc. , de charger des png et gif (permet de conserver la transparence).
Liste de nouvelles bibliothèques contenatn notamment "Flash dot net" (accéder à la bibliothèque de composants en local, ce, afin de pouvoir reproduire une interface conviviale html).
Problème connu : Parcourir disque local de l’internaute. Flash est maintenant capable de naviguer sur l’ordinateur de l'internaute.
"L’approche
bitmap de Flash" se traduit par bitmap data : création de
pixels à la volée (tous les filtres
livrés sont pilotables par AS)
Démonstration : effet de flou (motion blur)
--> Approche visuelle différente
(Voir la vidéo N°13, 4 851
Ko au format AVI)
Grande nouveauté : la vidéo
Macromedia a la
volonté de devenir un standard en ce qui concerne la vidéo sur
le net.
(voir en complément le communiqué
de presse sur le site de Macromedia...)
Le lecteur Flash est très répandu pour lire la vidéo. Il
en simplifie la lecture (comparé aux avi, mpg, mov et autres).
Pas de séparation entre codecs et lecteur (un problème souvent
encouru : demande de téléchargement de codecs) : dans le nouveau
player Flash, un codec unique fourni par la Société on2 VP6 (article
sur FlashXpress concernant le nouveau codec).
Ratio qualité / poids respecté pour un "affichage parfait".
(Voir la vidéo N°14, 5 295
Ko au format AVI)
(Une préférence
cependant pour le Windows media qui est plus léger)
Extrait de la diapo affichée :
- Wmv (700 Ko au format AVI)
- Divx
- Sorenson (1.24 Mo)
Flash
8 Video Exporter : simple conversion de fichiers demandées
par utilisateur.
Démonstration
de projet : Possibilité de transparence de la vidéo à l'exportation
(Voir la vidéo N°15, 1 134
Ko au format AVI)
Flash Video
Encoder : compression de la vidéo (le processeur est très
sollicité).
Il est possible avec la licence Studio 8 d'installer ce logiciel ailleurs.
Retour sous Flash 8
Une nouveauté : l’assistant au déploiement. (voir
le déploiement sous flash MX sur le site de Macromedia * en anglais)
Cet assistant permet notamment de choisir si c’est :
- une vidéo au téléchargement
- une diffusion en continu
- du streaming : utilisation d’un serveur de diffusion (sécurisation
des flux : pas de trace dans le cache, et saut chapitres possible : choix du
début de séquence à diffuser)
Voir
article pertinent sur vnunet concernant le Flash Communication Server
(Remarque : sortie de "Flash Ideal Server")
Import
de vidéo dans Flash :
Il existe des marqueurs, des points clés qui sont de deux types : l’image
clé de séquence ou l’image clé événementielle
(déclencher l’apparition d’un bouton sur une scène).
(Voir la vidéo N°16, 3 681
Ko au format AVI)
- La mobilité sous Flash, présenté par Florent -
Sous Flash 8, il
existe une liste conséquente (voir le site de Macromedia)
de
téléphones mobiles pouvant être équipés de
Flash Lite version 1.1.
Studio 8 permet de développer du contenu
pour mobiles.
Simulation du téléphone
sous Flash.
(Voir la vidéo N°17, 3 681
Ko au format AVI)
Exemple avec un
téléphone
Nokia réel (avec une webcam filmant le tel)
(Voir la vidéo N°18, 219 Ko
au format AVI)
Yamago
(Paris) Société créatrice du jeu "wild" (jeu
de type western, sortie prochainement)
Très personnellement, j'aime bien le
jeu de catch www.supervache.com par Yamago.
Remarque : le répertoire d'installation de flash contient un répertoire"device/"
avec tous les téléphones supportés listés (ajout
possible).
- Retour à la présentation de Lionel -
On revient sur
les performances du player Flash :
Création d'une case à cocher dans l’inspecteur des propriétés
nommée "utiliser la mise en cache des bitmap à l'utilisation"
permet une optimisation / amélioration du rendu d'1 animation.
Démonstrations
(Voir la vidéo N°19, 504 Ko
au format AVI)
(Voir la vidéo N°20, 631 Ko
au format AVI)
Qualité
du texte : nouveau moteur de lissage de caractères intégré
dans le lecteur flash.
(Voir la vidéo N°21, 858 Ko au format AVI)
- Présentation
du futur site de yamago.biz (en ligne prochainement) par Florent -
(Voir la vidéo N°22, 11 902
Ko au format AVI)
(Voir la vidéo N°23, 3 046 Ko au format AVI)
Démonstration, côté client, de clic droit pour modifier le langage du site réalisé avec flash (mettre le site en anglais par exemple).
Mise à jour du player 7 vers 8 intelligent = téléchargement de mise à jour contenant uniquement le plugin. (le codec on2 est intégré)
Flv : format final de publication.
Flash
Lite ne communique pas en live avec une base de données.
FlashCast
permettra de servir le contenu à Flash Lite.
Macromedia a développé
davantage la partie référencement des animations Flash suite
à la demande des utilisateurs.
Flash utilise le RDF et
les meta datas sont maintenant disponibles sous flash. Dans l’inspecteur
de propriétés, la partie Titre et Description sont prévues
et il est possible de rédiger en XML. Google
reconnaît maintenant le RDF. Le référencement des animations
Flash est maintenant assuré.
Site de Macromedia France : http://www.macromedia.com/fr/
- Autres articles pertinents sur le web (sélectionnés de façon objective) -
- Macromedia Studio 8 dévoilé sur infos-du-net.com
Page non produite par Macromedia, le logo de Macromedia est la propriété de Macromedia Inc.