AS_Blog » Flash

ACTF ( Accessibility Tools Framework ) :Évaluation et amélioration de l’accessibilité Flash & HTML

Vincent Helwig — Fri, 11 Dec 2009 15:43:52 +0000

Je viens tout juste de découvrir ACTF, un plugin pour eclipse qui permet d’évaluer et d’améliorer l’accessibilité des applications web pour les personnes handicapées, autrement dit, d’augmenter l’accessibilité aux contenus du web.

Téléchargement du plugin ACTF »
Outre une perspective complète pour Eclipse, ACTF propose aussi les fonctionnalités de cette perspective dans différentes applications :

ACTF Accessibility Internet Browser for Multimedia (aiBrowser) »
« L’utilisation de contenu multimédia a considérablement augmenté au cours des dernières années, mais les gens ayant peu ou pas de vision n’ont pas été en mesure de profiter pleinement des avantages de ces avancées. aiBrowser offre, aux personnes ayant une déficience visuelle, un niveau de contrôle comparable à une personne voyante, à l’aide d’une souris. Par exemple, tout en regardant une vidéo en continu, les personnes ayant une déficience visuelle peuvent maintenant sélectionner le bouton de lecture, en appuyant simplement sur une touche de raccourci prédéfinie, au lieu de chercher dans le contenu des boutons…

Les utilisateurs peuvent également ajuster le volume d’une source individuelle, afin d’identifier et d’écouter les différentes sources sonores, sans perdre à l’écran les logiciels de lecture, à cause du son d’une vidéo. Si un créateur de contenu veut fournir un récit voix d’une vidéo, il peut écrire un script texte comme un morceau de métadonnées; l’outil ajoute les descriptions audio en utilisant le moteur text-to-speech. Les futurs plans pour étendre cette technologie consiste à permettre un contrôle flexible de la vitesse audio, ainsi que l’apport de ce travail à un projet de développement open-source. Cette contribution permettra d’accélérer le développement et l’adoption d’outils qui rendent sur le Web un contenu multimédia accessible aux personnes malvoyantes. »
ACTF aDesigner »
« aDesigner est un simulateur de handicap qui aide les concepteurs à s’assurer que leur contenu et les applications sont accessibles et utilisables par les malvoyants.
Les navigateurs vocaux et lecteurs d’écran lisent à haute voix le texte des pages Web et sont utilisés par des personnes ayant une déficience visuelle. Cependant, ces appareils sont moins efficaces avec certains types de contenus, tels que les applications extrêmement graphique. Les développeurs Web peuvent utiliser aDesigner pour tester l’accessibilité et l’utilisabilité des pages Web pour basse vision et les personnes aveugles.

aDesigner permet également aux utilisateurs de vérifier l’accessibilité des documents ODF et le contenu Flash. »
ACTF Accessibility Probe »
Accessibility Probe (AccProbe) est une application RCP (Eclipse Rich Client-Produit) qui fournit une vue sur le Microsoft Active Accessibility (MSAA) ou sur la hériarchie IAccessible2 d’une demande en cours d’exécution ou d’un document rendu et des propriétés des objets accessibles de cette demande ou le document. Il peut aussi servir de moniteur d’événements pour le suivi des événements déclenchés par ces objets accessibles. Il est destiné à combiner les fonctionnalités d’outils comme Inspect32 de Microsoft, AccExplore, et AccEvent dans une application afin de tester l’accessibilité et le débogage. »

Voyons maintenant un exemple d’utilisation dans Eclipse :

Une fois le plugin installer, vous devriez pouvoir sélectionner une de ce perspectives :
     - HTML Accessibility
     - Flash Accessibility
     - GUI Accessbility

Testons le site w3c ( http://www.w3.org ).

Dans la perspective HTML Accessibility, nous pouvons simuler l’affichage pour une personne non voyantes :

Avec le résumé de la simulation :

L’affichage fournit au survol le nombre de seconde qu’il faut au navigateur vocal pour atteindre le passage, ainsi les détails et conseils pour améliorer l’accessibilité pour les personnes non voyante :

ou simuler l’affichage pour une personne mal-voyante :

Avec le résumé de la simulation :

Les détails et conseils ( « Foreground and background colors are too close ») pour améliorer l’accessibilité pour les personnes mal-voyante :

La perspective Flash Accessibility regroupe le navigateur, ainsi que la perspective GUI Accessibility :

Le panel « GUI Summary » permet l’affichage des textes accessibles, ainsi que la possibilité de navigation sans cliquer dans le navigateur. Simpltement bluffant ! Je n’ai pas poussé les tests extrêmement loin, mais on peut d’ore et déjà se rendre compte des problèmes d’affichage de son flash ( pas de nom pour les boutons quand ils n’ont pas de textes associés… ).
Le panel « GUI Report » permet d’afficher les améliorations à apporter pour rendre un peu plus accessible son application.

En résumé, que dire ? Tellement ! Ayant été largement sensibilisé à l’accessibilité (niveau bronze) dans une ancienne société, je suis agréablement surpris de ce plugin, qui en plus d’être extrêmement complet est open-source (en espérant qu’il le reste, c’est pour la bonne cause). Je suppose que des outils sont apparus ces dernières années pour évaluer et améliorer l’accessibilité des sites HTML (c’était une de mes frustrations, à l’époque ou je faisais de l’accessibilité, de ne pas pouvoir simuler l’affichage pour les personnes souffrant de handicaps), mais celui combine vraiment tous les outils nécessaires, y compris celui d’évaluation des applications Flash, un grand pas en avant. A conseiller, à tester, à garder sous le coude en permanence…

A l’origine de ce post : How Accessible is your Flash? »

Adresse Remote Site »
ACTF Downloas »
Accessibility Tools Framework »

Merci Flash, de nous afficher nos identifiants si clairement !

Vincent Helwig — Thu, 26 Nov 2009 16:59:09 +0000

Vu sur le Social Service Authentication »
…
Rien à rajouter ! :

Flash « Viper » CS5

Vincent Helwig — Wed, 23 Sep 2009 15:22:25 +0000

Alors que l’évèvement Flash on The Beach 09 se termine, ce fut l’occasion pour Richard Galvan et Mark Anders de nous donner un aperçu de la futur version de Flash, nom de code « Viper » ( mais où vont-ils chercher ces noms de codes )

Après une version CS4 qui apportait de nombreuses nouveautés aux graphistes, CS5 semble rattraper l’oubli des développeurs, notamment avec la possibilité d’exporter un fla pour Flash Builder, et dans l’autre sens, un projet Flash Builder peut pointer sur un fichier fla et construire son projet autour… Autre nouveauté, un éditeur de code qui se rapproche de celui de Flash Builder ( enfin !!! ), mais qui ne semble pour autant pas être exceptionnel…

Et côté graphiste, l’intégration du « nouveau » TextLayout Framework.

Adobe CS5 – Everything about Adobe Creative Suite 5 »

De Flex Builder à Flash Builder…

Vincent Helwig — Mon, 18 May 2009 09:33:42 +0000

Adobe continue de travailler sur son offre Flash Platform, notamment sur la clarté de son offre.

En effet, Adobe a annoncé que Flex Builder changerait de nom, et sera maintenant nommé Flash Builder à sa prochaine version, donc Flash Builder 4 ( une version beta est prévue pour cet été )… Une nouvelle qui ne laisse pas indifférente du côté des développeurs, auxquels répond Lee Brimelow ».

Il est vrai que ce changement peu prêter à confusion, pour les non-initiés, mais n’y avait-il pas déjà confusion avant ? Qui n’a jamais expliqué la différence Flex/Flash, l’utilisation différente des deux IDE… ? Même si ce changement peut paraitre bizarre, surtout après 3 version de l’IDE Flex Builder, il me semble positif que le nom fasse référence à Flash, parce que oui, Flex c’est du Flash, au moins plus de confusion de côté là ! Mais le nom Flex ne disparait pas pour autant, mais il ne sera maintenant utilisé que pour désigné le framework..

Reste un point, soulevé par Peter Elst » : Si on a d’un côté Flash Builder, et de l’autre Flash Professionnal, Flash Builder peut paraître comme une version allégée de Flash Professionnal, ce qui est très loin d’être le cas… Doit-on alors s’attendre à un nouveau changement de nom, pour encore clarifier l’offre ? Est-ce déjà prévu, ou Adobe va-t-il aussi se rendre compte de ce nouveau problème ?

Attention… Une confusion peut en cacher une autre…

Retrouver la page dédié à Flash Platform sur le site d’Adobe »

Update Flash CS4 – 10.0.2

Vincent Helwig — Thu, 14 May 2009 14:21:18 +0000

Après avoir refroidit pas mal de gens avec la version CS4, notamment à cause de son instabilité, au point que certains retournèrent sur CS3, Adobe propose (enfin) une update depuis hier !
L’update 10.0.2 est disponible ici »
et la liste des améliorations ici »

Pepsi.se : GuitarHero & 3D

Vincent Helwig — Tue, 04 Nov 2008 13:51:15 +0000

Pespi surf sur le succès de GuitarHero, et propose sur son site suédois », un jeu en Flash utilisant la 3D..

Pepsi.se »

via Hebiflux »

SampleDataEvent, fréquence et graphe

Vincent Helwig — Mon, 03 Nov 2008 16:50:38 +0000

Dans mon précédent post, nous avons vu comment créer des sons en AS3, avec la classe SampleDataEvent, j’ai compléter le code afin de visualiser la courbe du son émis. j’ai volontairement baissé le nombre de samples ( de 8192 à 2048 ) afin d’avoir une courbe plus « visible », moins compacte…

[kml_flashembed movie="http://tsoin.com/asblog/tutoriel/SampleDataEvent/002/SoundSampleDataEvent.swf" height="260" width="542" /]

Les sources sont téléchargeables ici »

Création de son en AS3 : SampleDataEvent

Vincent Helwig — Thu, 30 Oct 2008 15:07:17 +0000

Avec l’arrivée de la nouvelle classe SampleDataEvent (Flash 10 ), il est maintenant possible de générer du son en AS3, sans avoir besoin d’aucun fichier. J’ai donc fait une petite expérimentation, avec un clavier de piano, et comme la doc n’est pas très explicite, j’ai un peu galérer, mais le résultat fonctionne…
Je me suis basé sur les fréquences des notes trouvées sur le site ordiecole.com », le LA étant le même que la tonalité du téléphone, je suis parti sur ces fréquences, qui me semblent bonnes, à mon oreille en tout cas ! Le tout pour un poids total de 3ko…

[kml_flashembed movie="http://tsoin.com/asblog/tutoriel/SampleDataEvent/001/SoundSampleDataEvent.swf" height="190" width="542" /]

Les sources sont téléchargeables ici »

package {

   /**
    *
    *    Auteur: Vincent Helwig
    *    Date: 30.10.2008
    *    Website: http://www.tsoin.com
    *    Description: Clavier de Piano / SampleDataEvent
    *
    **/

   import flash.display.MovieClip;
   import flash.media.Sound;
   import flash.events.MouseEvent;
   import flash.events.SampleDataEvent;
   import flash.media.SoundChannel;

[SWF(width = "542", height = "190", backgroundColor = "#dfdede", framerate = "30")]

public class SoundSampleDataEvent extends MovieClip {

      private var _son:Sound
      private var phase:Number = 0;
      private var freq:Number = 440;
      private const PI2:Number = Math.PI * 2;
      private var soundChannelObject:SoundChannel = new SoundChannel();
      private var _clavier:Clavier;

public function SoundSampleDataEvent() {

_son = new Sound();

         _clavier = new Clavier(Clavier.OCTAVE3);
         _clavier.x = 5;
         _clavier.y = 5;
         _clavier.addEventListener( MouseEvent.MOUSE_DOWN, onNoteDown );
         _clavier.addEventListener( MouseEvent.CLICK, onNoteUp );
         addChild(_clavier);

         _clavier = new Clavier(Clavier.OCTAVE4);
         _clavier.x = 271;
         _clavier.y = 5;
         _clavier.addEventListener( MouseEvent.MOUSE_DOWN, onNoteDown );
         _clavier.addEventListener( MouseEvent.CLICK, onNoteUp );
         addChild(_clavier);

}

      private function onNoteDown(e:MouseEvent):void {
         freq = e.target.frequence;
         _son.addEventListener( SampleDataEvent.SAMPLE_DATA, onSample);
         soundChannelObject = _son.play();
      }

      private function onNoteUp(e:MouseEvent):void {
          _son.removeEventListener( SampleDataEvent.SAMPLE_DATA, onSample);
          soundChannelObject.stop();
      }

      public function onSample(e:SampleDataEvent):void {
         var smpl:Number;
         var w:Number = PI2 * freq / 44000;

         for (var i:int = 0; i < 8192; ++i) {
            phase += w;
             if (phase > PI2) { phase -= PI2; }
            smpl = Math.sin(phase);

            e.data.writeFloat(smpl);
            e.data.writeFloat(smpl);
         }

}

Utiliser Flex Profiling pour les projets Flash

Vincent Helwig — Wed, 29 Oct 2008 13:35:01 +0000

Sortant d’un long projet Flex3, je me suis habitué à utiliser le profiler de Flex pour tester mon application. De retour sous Flash, je cherchais à retrouver le même confort, et pouvoir utiliser le profiler avec mes projets développés sous FlashCS3, bientôt CS4, ou encore FlashDevelop….
Et c’est possible !

Il faut tout d’abord permettre le debbugage du swf compilé, pour celà, il faut :
- Sous Flash CS3 /CS4, dans les paramètres de publication, cocher l’option « Autoriser le débogage » / « Permit debugging »
- Sous FlashDevelop, il faut configurer son projet en « Debug » (menu déroulant, dans la liste d’icônes)

Une fois le swf compilé, il faut activer la vue Flex Profiling ( Window > Perspective > Flex Profiling )

Dans l’onglet « Profile », cliquer sur la flèche descendante à droite, et sélectionner « Profile External Application »

Cliquer sur « New », et entrer le chemin vers votre application, une fois valider, sélectionner l’adresse dans la liste des applications, et cliquer sur Launch.

!!! Attention Flash Player Debug Obligatoire !!!

Flex lancera alors votre application, et vous proposera de configurer le profiler, une fois valider (« Resume »), vous aurez accès aux données du Profiler sur votre application !

Bon Profile à tous !

Guide ActionScript Reference & RIA Developpement

Vincent Helwig — Tue, 28 Oct 2008 16:23:57 +0000

Guide de référence, classant par ordre alphabétique l’ensemble des API native de Flash, Flex et AIR

Guide RIA sur Adobe Developper Connection »

Présentation FlashPlayer 10 & Flash CS4 par Thibault Imbert

Vincent Helwig — Tue, 28 Oct 2008 15:25:31 +0000

Flash Player 10 et Flash CS4
par emob-tv

Hi-Res! Stats

Vincent Helwig — Mon, 29 Sep 2008 16:13:42 +0000

Basé sur le composant de statistique de Alternativa3D, vous pouvez télécharger ici » la classe permettant de tester les performances de vos application (FPS, mémoire….)

Araignée en 3D par Tomas Eriksson

Vincent Helwig — Tue, 09 Sep 2008 12:03:57 +0000

Un développement bluffant, visible sur le site de Tomas Eriksson, onemotion.com, où il est possible de diriger une araignée en 3D, sur un plan, de la diriger à la souris ou de déposer des insectes qu’elle viendra chercher toute seule….

Avec de nombreux paramètres (couleur, taille du corps, longueur, inclinaison du plan), cette application est véritablement impresionnante, reste à savoir quels moyens ont été utilisés pour arriver à ce résultat !

voir l’application »

via Hebiflux »

Introduction à Pixel Bender

Vincent Helwig — Mon, 08 Sep 2008 16:27:32 +0000

Développer sous le nom de code Hydra, Pixel Bender est la grosse nouveauté de Flash 10, cette technologie développé par Adobe permet la création de filtres et d’effets personnalisés, et paramétrables directement via Flash. Le langage de programmation est basé sur le GLSL (OpenGL Shading Language, langage de programmation des shaders), lui même basé sur le C.

Vous me direz, quel est l’intérêt de faire des effets / filtres avec PixelBender, alors qu’on peut aussi en faire dans Flash ? Dans ce cas, je vous dirais, que malgré le fait de devoir assimilé un nouveau langage de programmation, les effets / filtres de PixelBender sont gérés directement pas la carte de graphique, et permet de libérer le processeur et donc de gagner en performance et fuildité. De plus la programmation est plus rapide, et moins lourde en GLSL qu’en AS3 :

GLSL

kernel NewFilter {
   void evaluatePixel(in image4 src, out pixel4 dst) {
      pixel4 temp = sampleNearest(src,outCoord());
      dst = pixel4( temp.r * .5, temp.b, temp.g * .8, temp.a );
   }
}

AS3

for (var x:Number = xMin; x < xMax; x++) {
   for (var y:Number = yMin; y < yMax; y++) {
      // get the pixel’s RGB value:
      var rgba:Number = bmp.getPixel32(x,y);
      // isolate channels:
      var red:Number = (rgba & 0xFF000000) >> 24;
      var green:Number = (rgba & 0x00FF0000) >> 16;
      var blue:Number = (rgba & 0x0000FF00) >> 8;
      var alpha:Number = (rgba & 0x000000FF);
      red = red * .5;
      green = green * .8;
      var output:Number = (red << 24) | (blue << 16) | (green << 8 ) | alpha;
      outbmp.setPixel32(x,y,output);
      }
   }

Pour voir un exemple des possibilités de Pixel Bender (vidéo Adobe), cliquer ici »

La Pre-Release 4 de Pixel Bender est sortit le 16 juillet 2008, vous pouvez la télécharger ici »

Pratique d’ActionScript 3, finalement en livre….

Vincent Helwig — Wed, 09 Jul 2008 12:08:32 +0000

Le livre de Thibault Imbert sortira finalement de l’imprimerie, aux éditions Pearson, probablement au même moment que la sortie de Flash CS4. L’auteur nous informe qu’il mettra à jour le livre, et le pdf ( qui sera toujours disponible au téléchargement en open source ), avec les nouveautés proposées par la nouvelle version de l’IDE de Flash…

La version 0.1.3 est disponible au téléchargement »

Les nouveautés de Flash CS4 (Diesel) en vidéos

Vincent Helwig — Wed, 11 Jun 2008 15:35:57 +0000

Arthropod – AIR Application Debugger

Vincent Helwig — Wed, 11 Jun 2008 15:28:24 +0000

Arthropod est une application AIR, crée par Carl Calderon, qui permet de récupérer les traces depuis son application Flash ou AIR.
Même s’il ne marche qu’en local, il présente l’avantage de pouvoir colorer son code pour mieux s’y retrouver.
Vous pourrez voir un exemple d’utilisation sur la page d’Arthropod ».

http://www.gopspgo.co.uk/

Vincent Helwig — Tue, 03 Jun 2008 20:15:34 +0000

Site pour la PSP, présentant les nouvelles fonctionnalités de la console portable de Sony….
Sympa et truffés de vidéo, le loading en prend un coup, mais le résultat en vaut la peine !
A découvrir »

Flash 10 – wmode direct \ gpu

Vincent Helwig — Thu, 29 May 2008 21:21:11 +0000

Avec la sortie de Flash 10, deux nouvelles valeurs sont apparues pour le wmode :

Il semblerait que l’utilisation du wmode direct permettre d’avoir les mêmes performances qu’avec le player standalone.

Le wmode gpu serait quand à lui préconisé pour toute animation de bitmap et donc pas optimisé pour du vectoriel. Il faudra donc réfléchir, avant même le développement de l’animation, au rendu final que l’on devra donner…

Flash Player 10 vs Away 3D

Vincent Helwig — Wed, 21 May 2008 21:51:45 +0000

Airthight Interactive nous propose un comparatif » entre une scène 3D gérer par le tout nouveau Flash Player 10 et une scène 3D gérer par la librairie Away 3D.

Les conclusions sont conformes à ce que nous pouvions attendre :

Flash 10 gagne au niveau des performances, les calculs étant gérer nativement et le poids du SWF est moins important que lorsqu’on utilise Away 3D (il n’a aucune librairie externe à loader, c’est encore une fois l’avantage du natif).
Mais Flash 10 n’a pas tout le passé de Away 3D (et donc pas celui de Papervision), et la gestion de la 3D dans un environnement complexe risque de poser de gros problème…

La complexité de la scène permettra donc de faire son choix entre les class proposées nativement par Flash ou l’utilisation d’une librairie externe…. Reste à attendre les prochaines versions de Papervision, Sandy ou Away 3D portées sur Flash 10 pour profiter des performances de chacuns….

Alternativa nous propose déjà une version de son environnement 3D » porté sur Flash 10.