Vorschlag von Timm Jansen
Vortrag für Alle | Tags: Edge Animate

Edge Suite - Flexible Animationen mit Adobe Edge Animate und Drupal

Komplexe interaktive und zu 100% Web-Standards konforme Animationen mit Edge Animate kreieren und diese mit der Hilfe von Edge Suite sauber in Drupal integrieren. Blocks, Entities, Fields, Views, Overlays, Data Injection, Tokens... es gibt keine Ausrede mehr für langweilige Betonwüsten.

Details:
Edge Animate versetzt Designer in die Lage hochwertig animierte Inhalte auf gewohnt einfach und schnelle "Adobe Art" zu erzeugen. Entwickler können hingegen direkt am JavaScript Code Hand anlegen und sich dort nach Belieben austoben. Die Kombination von Edge Animate und Drupal lässt da nicht lange auf sich warten. Interaktive "Hochglanz"-Komponenten gepaart mit der Flexibilität von Drupal bieten die ein oder andere neue Möglichkeit im Hinblick auf UX.

Nach mehr als einem guten Jahr der intensiven Arbeit am Edge Suite Drupal Modul ist dieses nahezu stabil und kann produktiv eingesetzt werden. Animationen können mittels Edge Suite durch Blöcke und Felder eingebunden werden. Edge Suite basiert vollständig auf Entities, dazu gibt es vollständige Views Integration und diverse Field Formatter (z.B. Poster, Stage, Colorbox, Overlay). Ein eher fortgeschrittenes Feature ist "Data Injection" durch Tokens. Hierbei können field/node/site Daten direkt innerhalb einer Animation genutzt werden.

Die Session wird (voraussichtlich) eine kurze Einführung in Edge Animate enthalten, sich danach aber hauptsächlich auf die Möglichkeiten von Edge Suite konzentrieren.

Vorläufiger Inhalt:
  • Kurze Einführung in Edge Animate (UI, stage, timeline, easings)
  • Fortgeschrittene Beispiele (parallax, responisvness, gaming), zur Verfügung gestellt von Simon Widjaja
  • Einfache Integration einer Animation über einen Block
  • Beispielhafte Anwendung von Fields und Views
  • ? Präsentation/Diskussion von komplexeren Usecases für Data Injection (e.g. eLearning, Magazine, ...)

Die Session soll hauptsächlich zeigen, wie einfach und mächtig zugleich die Kombination von Edge Animate und Drupal ist. Der ein oder andere bekommt so hoffentlich Lust in der Zukunft etwas anspruchsvollere "user experinces" zu kreieren.

Mitschnitt der Session

Abstimmen!

Stimmen: 14

(Abstimmen könnt ihr nur, wenn ihr angemeldet seid.)

Kommentare

Benedikt Rötsch schrieb am 26. Oktober 2013 um 12:40

Der Link zu Edge Animate geht nicht, hier die vermutlich richtige URL: http://html.adobe.com/edge/animate/