Endlich ist die offizielle Beta Phase des Flash Builders 4 und vor allem von Flash Catalyse angelaufen ! Da ich leider auf keiner der Konferenzen gewesen bin um mir eine der Alpha Versionen zu holen habe ich mich hierauf sehr gefreut.
Catalyst sieht sehr spannend aus und ich bin sehr gespannt was meine Freundin mir alles für Oberflächen bauen wird 
→ Einen Kommentar schreibenKategorien: Uncategorized
Seit einiger Zeit schon existiert ein Tool mit dem ihr innerhalb des Browsers oder als Desktop Anwendung Mockups für Oberflächen erstellen könnt.Mit Balsamiq Mockup ist es möglich innerhalb von wenigen Minuten vollständige Oberflächen zu erzeugen. Vorteil an der Anwendung ist es, dass ihr mit diesen Designs Kunden nicht vorgaukelt, dass alles schon fertig ist und zu dem habt ihr nicht die Probleme das man sich über das Design unterhält, wenn es eher um die Platzierung von Inhalten und Usabillity geht.
Balsamiq basiert auf Adobe Flex und kann somit auch innerhalb des Browser geladen werden. Die Adobe AIR Version integriert sich in eurem Desktop und kann dann wie jede andere Anwendung aufgerufen werden. Zusätzlich existieren noch weitere Versionen für die Integration in Confluence, JIRA und XWiki. Was das ganze schon sehr interessant macht. Damit lassen sich dann innerhalb von Confluence oder JIRA direkt die Mockups anzeigen.
Die Elemente für den Entwurf der Oberflächen sind ausreichend vorhanden. Es ist erstaunlich wie schnell man damit dann Oberflächen erstellen kann. Leider fehlt im Moment noch die Möglichkei eigene Images einzubinden oder eine zentrale Community, die weitere Elemten zur Verfügung stellt.
Toll wäre es auch wenn man aus den erstellten Mockups vielleicht direkt etwas Code generieren könnte. Aber das ist Zukunftsmusik…
Hier noch ein paar Bilder von Balsamiq:
→ 1 KommentarKategorien: AIR · Flex
Today i was looking for an comparison of extjs and flex for a customer…hard to find. All comparisons are made between flex and silverlight, or they are made from web designers having simply no clue about flex.
ExtJs is a fine framework, but for me as a Java developer and i think have to decide between GWT and Flex.
Working with Flex now for some time and looking at the code and the big gwt magic that i have to trust, flex is the most elegant way to write effecient and stable applications.
I found some incorrect informations around the web about flex very expensive backends…No, mam! We have BlazeDS as one example of a free backend, the free version of Web Orb is another cool one. Only if you want to buy the full LCDS Suite you have to pay. And by the way, yes Flex can read/write JSON. This way you can stay with your old Backend and try it with Flex…
I think i will write a more detailed comparison…
→ Einen Kommentar schreibenKategorien: Flex
Mit Tag(s) versehen: flex extjs gwt
Um noch mehr Kollegen im Bereich Adobe Flex upzudaten und fit zu machen bastel ich gerade eine interne Schulung.
Drei Tage soll das ganze dann dauern und in verschiedenen Niederlassungen stattfinden.
Erst wenn man mal probiert alles wichtige, interessante und spannede auf ein „paar“ Folien zusammen zu fassen, stellt
man fest, das man auch schnell 5 Tage Schulen könnte. Alleine für AS3 könnte man schnell mal 2 Tage verschwenden
um mal alles zu zeigen was geht, oder halt auch nicht. Die Optionen mit Flex (Komponenten erstellung, Server Anbindung,
Flash einbinden, Skinning, Frameworks, Testing, AIR, …) bieten ausreichend interessante Optionen um mal ein kleines
Buch zu schreiben.
Mal schauen, ob wir die 200 Folien Grenze für die Schulung durchbrechen.
Stay tuned…
→ Einen Kommentar schreibenKategorien: AIR · BlazeDS · Flex
Die letzte Zeit ist es ruhiger geworden, da ich mit der ernsthaften Absicht Urlaub zu machen und einem „eben-mal-schnell-vor-dem-Urlaub“ Projekt gekämpft hab.
Allerdings war dieses Projekt extrem spannend und ich hab mal wieder eine Menge gelernt. Aufgabe war es eine Anwendung für eine CD zu entwickeln,
die sowohl Flash, Flash Video als auch eine Anbindung ans Internet hatte und als Native Anwendung mit Low-Level Betriebssystem API arbeitet.
Und: ES GEHT !
Das ganze war eine Promo Aktion eines großen Kunden und ich und meine Lieblingsdesignerin haben uns die Arbeit geteilt. Sie hat die Animationen
in Flash gebaut (Schicken mehr stufiges Menü, das am Ende Flex informiert, das ein bestimmter Menüpunkt aktiviert wurde).
Die ganze Sache rein in Flash zu machen, war aufwendiger, daher wurde es in einen Flex und in einen Flash teil gesplittet die beide mit einander
integriert wurden. Die GuidedTour haben wir von einer Medien Agentur als Flash Video exportieren lassen und dann per Flex Video Komponente
integriert. Hier sollte man darauf achten, das bei autoplay der Film nach dem Laden los geht. Auch wenn die View nicht mehr aktiv ist. Ansonsten funktioniert
die Komponente recht einfach.
Das Menüsystem wurde in Flash gebaut (Flash 9/AS3) Wichtig!, da es sonst nicht mit Flex direkt kommunizieren kann. Das ganze wurde dann per
SWFLoader integriert (Embedded, war ja ne CD) und konnte dann per Events mit Flex kommunizieren. Das AS3 coding hab ich dann gemacht,
da es einfacher ist die Embedded Movies per AS3 zu steuern.
Mir ist mal wieder aufgefallen, das es an einigen Stellen etwas schwieriger ist mit Flex zu Layouten. Aber man bekommt alles hin.
Technisch am wackeligsten war die Integration der Low-Level API. Hierfür wurde die Anwendung mit einem speziellem Tool in eine Native Anwendung
umgewandelt, die dann aber wiederrum viele weitere APIs zur Verfügung hatte. Damit konnte über eine DLL oder ein Cmdline Tool direkt auf die notwendigen
Funktionen zugegriffen werden.
Am Ende stand noch das Mastern der CDs, was mit Toast gut ging. Hierbei hab ich dann zwei Images für eine CD erzeugt. Eines das von Windows gelesen
wird und eines das vom Mac gelesen wird.
Am Ende ist eine nette Anwendung rausgekommen und ich hab wieder viel gelernt über die Dinge die kaum einer gemacht hat bis jetzt.
→ Einen Kommentar schreibenKategorien: Flex
Eine der bekanntesten Flex Komponenten Bibliotheken ist sicherlich die FlexLib. Hier finden sich eine Menge Komponente, die man eigentlich immer wieder braucht:
Base64Image
An image component that renders base-64 encoded images.
CanvasButton
The CanvasButton is an extension of Button that lets you set the contents of the Button to any UI components, as opposed to only a single icon and label like the normal Button control allows.
CanvasButtonAccordionHeader
The CanvasButtonAccordionHeader allows you to use a CanvasButton component as the header renderer of an Accordion, meaning you have full control over the header renderer and can add additional UI control, etc.
ConvertibleTreeList
A control that combines the functionality of the Tree component and the List component. The ConvertibleTreeList allows you to use one control and have it display the dataProvider either as a Tree or as a List. You only have to set the dataProvider once. You can set the mode at any time to change the display mode.
Fire
A component to produce a simulated fire effect.
Highlighter
A component to highlight selected words or phrases within a text control
HSlider and VSlider
Alternatives to the HSlider and VSlider controls included in the Flex framework. This version of the HSlider and VSlider allows you to drag the region between the thumbs, if the slider has mutliple thumbs. If there is more than one thumb then the region between the leftmost thumb and the rightmost thumb is draggable.
IconLoader
The IconLoader component converts a Macintosh OS X (.icns) or Windows XP (.ico) icon file, along with its alpha mask, to a Flex 2 UIComponent.
ImageMap
The ImageMap control is an implementation of a client-side image map component, like it is supported in HTML.
PromptingTextInput
The PromptingTextInput component is a small enhancement to standard TextInput. It adds the ability to specify a prompt value that displays when the text is empty, similar to how the prompt property of the ComboBox behaves when there is no selected value.
PromptingTextArea
The PromptingTextArea component is a small enhancement to standard TextArea. It adds the ability to specify a prompt value that displays when the text is empty, similar to how the prompt property of the ComboBox behaves when there is no selected value.
ScrollableArrowMenu
An extension of ScrollableMenu that uses two arrow buttons placed at the top and bottom of the menu for scrolling.
ScrollableMenu
An extension of mx.controls.Menu that allows the control to scroll vertically.
ScrollableMenuBar
ScrollableMenuBar is an extension of MenuBar that uses flexlib.controls.ScrollableMenu instead of using the original mx.controls.Menu. This allows us to specify a maxHeight for the ScrollableMenuBar and that maxHeight will be used to determine the maxHeight for all the menus that the component generates.
ScrollablePopUpMenuButton
ScrollablePopUpMenuButton is an extension of PopUpMenuButton that uses flexlib.controls.ScrollableMenu instead of using the original mx.controls.Menu, which adds scrolling functionality to the menu.
SuperTabBar
The SuperTabBar control extends the TabBar control and adds drag and drop functionality and closable tabs. Used by the SuperTabNavigator.
TreeGrid
A control that combines the functionality of the Tree component and the DataGrid component.
VerticalMenuBar
A VerticalMenuBar control defines a vertical, top-level menu bar that contains one or menu items, just like the horizontal MenuBar control.
ButtonScrollingCanvas
This is a Container component that uses buttons placed over the edges of the container to do the scrolling of its children. These buttons can either scroll the children when the user moves the mouse over them, or via mouse click. The buttons can be fully skinned.
Docking ToolBar
The docking toolbar component collectively helps managing toolbars in an application. The toolbars can be docked to the top or bottom edges or kept floating within application area. The contents within a toolbar use a flow based layout approach.
DragScrollingCanvas
This is a Container component that allows the user to drag the contents to scroll the children, instead of or in addition to using the scrollbars.
HAccordion
A Horizontal Accordion component. Works exactly like the normal Accordion component, except the item headers are rotated and they cascade from left to right, instead of top to bottom.
FlowBox
The FlowBox is an extension of Box that implements a FlowLayout algorithm for layout out children. FlowBox will position children in a horizontal fashion. When the width of the child exceeds the width of the container, the child is placed on a new row.
SuperTabNavigator
The SuperTabNavigator is an extension of the TabNavigator navigation container. It functions exactly like the TabNavigator, but adds some functionality. Added functionality includes: 1. Draggable, re-orderable tabs, 2. Closable tabs, 3. Scrolling tab bar if too many tabs are open, 4. Drop-down list of tabs
WindowShade
The WindowShade is a container that displays a header button, which when clicked, will cause a panel to „unroll“ beneath it like a windowshade being pulled down; or if the panel is already displayed it will be „rolled up“ like a windowshade being rolled up.
HorizontalAxisDataSelector
The HorizontalAxisDataSelector is a chart annotation that allows the user to select a value along the x axis of the chart. The selector dispatches a change event with the values of each of the y values of the chart series at the given x axis location.
EnhancedButtonSkin
This is the enhanced version of the Halo ButtonSkin that has been customized to support four numeric values in the corner, a more configurable border, and also a large number of colors in the gradient, individually specified for up, over, etc states.
→ Einen Kommentar schreibenKategorien: Uncategorized
Ein Projekt was auch sehr spannend ist und bei dem ich immer mal wieder vrobeischaue, ob es neue Demo gibt ist das BirdEye Projekt auf Google Code.
Folgende Features werden dort implementiert:
Ein Demo kann man hier sehen. Also stay tuned !
→ Einen Kommentar schreibenKategorien: Uncategorized
vor ein paar Jahren waren wir noch echt froh darüber, dass wir unsere kleinen Filmchen gerendert haben und dann das ganze im Internet präsentiert haben. Die cooleren haben dann nette Flash Sites gebaut die sowas in der Art konnten.
Seit neuestem gibt es aber neues Spielzeug für uns, welches das vor allem endlich 3D Anwendungen bringt und das heißt richtige Interaktivität für den Benutzer.
Es gibt zwei 3D Engines:
Sandy 3D und die bekanntere Papervision 3D
Beide sind Actionscript 3 fähig und lassen sich damit in Flex integrieren. Mittlerweile gibt es ein paar nette Beispiele was man damit in Flex machen kann:
Alex Uhlmann – Distortion Effects
Es gibt auch ein schönes Beispiel, was ohne die Libs auskommt: Ely Greenfield – Buch Animation
Auf den Seiten der Libs gibt es noch viele weitere Demos und Beispiele von Firmen, die Anwendungen / ShowCases damit veröffentlicht haben. Viele sind noch sehr verspielt. Allerdings ollte man nicht vergessen, welche neuen Möglichkeiten damit kommen und was man damit alles realisieren kann.
→ Einen Kommentar schreibenKategorien: Uncategorized
Gestern wurde ich beim Niederlassungsmeeting darauf hingewiesen, dass ich ja schon lange nix mehr gebloggt hab. Nun ja, da ich im Moment einen Flex Prototypen für einen unserer Kunden gebaut habe, war ich irgendwie viel damit beschäftigt zu programmieren. als zu bloggen.
Daher kommen heute mal wieder ein paar Posts aus meiner Samstag morgen googlelei.
→ Einen Kommentar schreibenKategorien: Uncategorized
Das Flex4 SDK ist ja nun als Beta verfügbar und damit haben wir wieder ausreichend neues Spielzeug.
Sehr gut haben mir die neuen Features für das Ändern der Benutzeroberfläche (Component Skinning)
gefallen. Damit lassen sich auf der gleichen Codebasis völlig unterschiedliche Aussehen erreichen.
Aber es kommt ja noch mehr. Für alle die es interessiert, hier mal der Link auf die Video von der Max
von Elly Greenfield und der Link auf die Adobe Seite von Gumbo.
João on Flex with CF: Flex Roadmap presented by Ely Greenfield – Videos
→ Einen Kommentar schreibenKategorien: AIR · Flex
