retour sur www.devoueb.com

Tour de France Macromedia Studio 8
à Toulon le 20 septembre 2005
Résumé de la matinée

Plus d'infos sur l'événement "Tour de France Macromedia Studio 8" dans 5 villes de France du 19 au 27 septembre 2005...

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)

Nouveautés studio 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.)

Quelques Tarifs pour Studio 8

- 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 u
tiliser 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é)

 

- Réponses aux questions -

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) -

- Sparkle

- Macromedia Studio 8 dévoilé sur infos-du-net.com

 


retour sur www.devoueb.com

Page non produite par Macromedia, le logo de Macromedia est la propriété de Macromedia Inc.