Hace tiempo que publique sobre las interfaces de la linea Wolf Jukebox para crear un teclado propio y facilmente conectarlo a un monedero también, pues resulta que quedamos atrasados por la entrega de unas piezas que nos hacian falta, pero ya las tenemos y la produccion ha comenzado, Wolf Jukebox recibira una actualizacion debido a esto y quizas nos tomemos un poco de tiempo pues ahora hay que incorporar drivers propietarios. En esta semana estare subiendo algunas imagenes que revelan las primeras vistas de la interface.

¿Sensible? No, la interface Wolf Jukebox esta diseñada para entrar en la categoria de “uso rudo”, de manera que puedas manipularla con confianza.

Sin mas por el momento, hasta en unos dias =)

Bookmark It

This is a newbies error, you can get this error in browser for only 1 stupid reason:

• You uploaded the bin-debug version of the SWF file (wrooong!!) you must upload the bin-release version of your SWF file or you will get URIs problems in some computers.

Remember that the bin-release version of the projects can be generated using Project>Export Release build.

Cheers!

Bookmark It

This is a post for reference about the error I’m getting from Flash Builder 4 beta 2, sometimes when you are working with Flash Catalyst and Flash Builder you might need to recompose some part of your code and this is because from Catalyst you are not allowed to change any part of it.

This is where errors begin. In Flash Builder Virtualization means a component can add/remove more components inside of it, however some components need other components in order to correctly work, for example a List component and a datagrid must have an instance of a scrollBar class inside of it, this allows the component to create and increase the component when needed. But if you created a List component from Flash Catalyst and you didn´t add an instance of scrollbar or even if you delete the instance in Flash Builder, then you will get that error “BasicLayout doesn’t support virtualization” which basically means (as far as I understand it) -the component can’t create its own scrollBar, try adding an instance or class which extends it-. As an example let’s read the following code:

<?xml version="1.0" encoding="utf-8"?>
<s:Skin xmlns:s="library://ns.adobe.com/flex/spark" xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:d="http://ns.adobe.com/fxg/2008/dt">
<fx:Metadata>[HostComponent("spark.components.List")]</fx:Metadata>
<s:states>
<s:State name=”normal”/>
<s:State name=”disabled”/>
</s:states>
<s:DataGroup itemRenderer=”components.mtooPost” id=”dataGroup” top=”0″ bottom=”0″ right=”30″ left=”0″ clipAndEnableScrolling=”true”>
<s:layout>
<s:VerticalLayout/>
</s:layout>
</s:DataGroup>
<– NO SCROLL BAR–>
<s:transitions>
<s:Transition fromState="normal" toState="disabled" autoReverse="true">
<s:Parallel>
<s:Parallel target="{dataGroup}">
<s:Resize duration="0"/>
</s:Parallel>
</s:Parallel>
</s:Transition>
</s:transitions>
</s:Skin>

The previous code fires the error, but if instead the “NO SCROLLBAR” legend you add:

<s:VScrollBar id=”vscrollbar1″ viewport=”{dataGroup}” skinClass=”components.globalScrollBar” fixedThumbSize=”true” right=”5″ y=”13″/>

You will avoid the error, look that my scrollbar has a skinClass which you can ommit and use the normal wireframe or halo skin.

Greetings!

Bookmark It

Es tiempo de publicar algo que ha estado en las puertas de investigación y prototipo, y ahora que esta concluido queremos compartir algunas imágenes de la interface Wolf Jukebox USB que puede ser utilizada para construir el teclado tanto númerico como compacto o “mini” y en conjunto con la liberación de este modulo aprovecharemos para reactualizar algunos detalles en Wolf Jukebox. Dejo algunas imágenes.

USB PCB

PCB prototipo donde se encuentran las piezas electronicas. El PCB es totalmente USB usando tecnología AVR, (y no, no se comparan con los PICs por que son mucho mejores los AVR asi que estamos proveyendo un driver USB de alta tecnología y con capacidad muy alta de procesamiento).

USB driver soldado.

Driver USB soldado, quiero que noten el tamaño del mismo, nos hemos hecho de tecnología para realizar el “soldering” de este tipo de drivers. Me gusta que las cosas parezcan simples como en todo lo que hacemos, el tamaño del mismo denota que nos esforzamos por ofrecer productos de hardware de alta tecnología.

Cuando se hubo terminado el PCB USB lo primero que se me ocurrio hacer fue algún tipo de “robot” (que también forma parte de otro proyecto). Para conocer los alcances del driver, como siempre el resultado fue positivo y se pudo crear un “robotito” que puede ser controlado utilizando flash (no facilitare más comentarios pero lo presente en la cd de México en el Flash Latin Tour).

M7 Lite prototype .7

No es la gran cosa pero me ha servido para conocer los alcances del driver y son bastante buenos :D, ahora solo estamos trabajando en hacer una versión amigable con Wolf Jukebox y que estaremos publicando a mediados de enero del año entrante. Y claro estare subiendo algunas fotos de eso proximamente.

Saludos!

Bookmark It

Flash catalyst es la herramienta del futuro en cuestión de diseño de interfaces. Como en todo lenguaje decente de programación se necesita un buen diseñador que tenga sentido del diseño para lo que se esta construyendo, por que no es lo mismo diseñar un cartel que dice “Mojitos 2×1 toda la noche” a que diseñe todo el concepto de la aplicación y el look and feel, incluso el diseñador (o aveces junto con el programador) puede(n) sugerir las animaciones o transiciones de movimiento de los elementos.

En html es muuuuy complicado hacer que algo tenga el aspecto que deseas simplemente por que no has practicado lo suficiente con CSS o te la has pasado programando y te cuesta trabajo entender como darle color y estilo a los div o elements en html via CSS.

Es importante no ser TODISTA, el que piensa que puede programar y diseñar al mismo tiempo, se esta limitando asi mismo a un mercado de consumo menos abierto. Y lo mismo sucede con Flash Catalyst y Flash builder 4, Flash Catalyst es para convertir una imágen (o asset) diseñada por (obviamente) el diseñador.

Una vez que el diseñador termina el boceto, lo importa en Flash Catalyst y convierte todos los elementos activos en componentes reales que toman la forma tal y como esta especificada en el boceto. Una prueba de ello es el badge o mini plugin de mtoo a la derecha de esta página, el boceto editado en Fireworks, el diseño creado en Catalyst y finalmente programado en Flash Builder 4.

Flash Catalyst en realidad debería ser parte de Flash Builder 4 o viceversa, no obstante me pregunto por que lo han hecho como programas separados, si Catalyst no exporta a otro programa que no es Flash Builder.

En flash Builder podemos usar todas las librerias y codigo que deseamos ya que Catalyst no permite modificar el codigo sino solo editar el comportamiento de la apicación (o presentación). Sin embargo la última beta de Flash Builder 4 permite conectarse rápidamente con bases de datos usando los wizards integrados y flanquear fácilmente ese bache de comunicación e intercambio de datos entre un servidor y una aplicación. Que será parte de otro tutorial más adelante. Pero adelanto que Flash Builder 4 beta 2 tiene un error en el wizard.

Por último comentare que Flash Builder 4 tiene la capacidad de comunicarse via AMF con php usando el plugin de Zend, pero que me perdonen los chicos de Zend, ya que AMFPHP implementa aun mas seguridad con los roles y es más robusto que la libreria por defecto, en mi comentario personal, debieron haber usado AMFPHP ya que es más fácil de configurar y usar.

Saludos!

Bookmark It