xperiments.es http://xperiments.es/blog Desarrollo web freelance | Expertos en flash | Barcelona Perpignan Sat, 11 Feb 2012 18:31:03 +0000 http://wordpress.org/?v=2.9.1 es hourly 1 PulsarJS @FontFace 73 Free IconFont http://xperiments.es/blog/es/free-pulsarjs-fontface-iconfont/ http://xperiments.es/blog/es/free-pulsarjs-fontface-iconfont/#comments Sat, 11 Feb 2012 16:41:26 +0000 xperiments http://xperiments.es/blog/?p=493

He creado una webfont con algunos de los iconos que podemos necesitar durante el desarrollo de una app movil.

Graficos creados en flash!! y fuente editada con Inkscape!!!

Podeis descargar la fuente aqui.

]]> http://xperiments.es/blog/es/free-pulsarjs-fontface-iconfont/feed/ 0 (English) i5hare project launched. http://xperiments.es/blog/es/i5hare-project-launched/ http://xperiments.es/blog/es/i5hare-project-launched/#comments Sun, 22 Jan 2012 00:13:00 +0000 xperiments http://xperiments.es/blog/?p=483

Disculpa, pero esta entrada está disponible sólo en English.

]]> http://xperiments.es/blog/es/i5hare-project-launched/feed/ 0 (English) StageWebViewBridge Update http://xperiments.es/blog/es/stagewebviewbridge-update/ http://xperiments.es/blog/es/stagewebviewbridge-update/#comments Sun, 22 Jan 2012 00:00:29 +0000 xperiments http://xperiments.es/blog/?p=481

Disculpa, pero esta entrada está disponible sólo en English.

]]> http://xperiments.es/blog/es/stagewebviewbridge-update/feed/ 0 Como activar iTunes FileSharing en AIR para iOS Devices http://xperiments.es/blog/es/how-to-enable-itunes-filesharing-on-air-for-ios-devices/ http://xperiments.es/blog/es/how-to-enable-itunes-filesharing-on-air-for-ios-devices/#comments Sat, 07 May 2011 09:18:04 +0000 admin http://xperiments.es/blog/?p=471

He estado buscando por la red la manera de activar la compartición de ficheros con mi aplicación mediante iTunes.

Al final y despues de buscar bastante, he dado con la solución que es extremadamente sencilla.

  • Editamos el fichero xml descriptor de nuestra app
  • Dentro de la sección InfoAdditions añadiremos las 2 lineas de codigo que teneis un poco más abajo
  • Reempaquetamos nuestro proyecto y lo actualizamos en iTunes
  • Después de sincronizar via iTunes, veremos que nuestra app ahora aparece en el listado de aplicaciones que permiten la compartición de documentos
1
2
<key>UIFileSharingEnabled</key>
<true/>

Disfrutad!!

]]> http://xperiments.es/blog/es/how-to-enable-itunes-filesharing-on-air-for-ios-devices/feed/ 0 dropbox-as3. Creating new accounts http://xperiments.es/blog/es/dropbox-as3-creating-new-accounts/ http://xperiments.es/blog/es/dropbox-as3-creating-new-accounts/#comments Thu, 07 Apr 2011 11:32:42 +0000 admin http://xperiments.es/blog/?p=458

He realizado una pequeña adaptacion para que la fantástica libreria dropbox-as3 permita crear nuevas cuentas desde su api.

El proceso para crear una nueva cuenta en dropboox seria el siguiente:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
// create dropbox instance
var config:DropboxConfig = new DropboxConfig( "ConsumerKey","ConsumerSecret");
var dropAPI:DropboxClient = new DropboxClient(config);

// assign createAccount events
dropAPI.addEventListener(DropboxEvent.ACCOUNT_CREATE_RESULT, onCreationResult );
dropAPI.addEventListener(DropboxEvent.ACCOUNT_CREATE_FAULT, onCreationFault );

// call createAccount and pass ( email, password --&gt; min 8 chars, first name, last name )
dropAPI.createAccount('email@example.com','12345678','first_name','last_name');

// Event fired on success
public function onCreationResult( e:DropboxEvent ):void
{
trace( 'ACCOUNT_CREATE_RESULT '+e.resultObject.status );
}

// Event fired on error
public function onCreationFault( e:DropboxEvent ):void
{
trace( 'ACCOUNT_CREATE_FAULT '+(e.resultObject as AccountCreationError).toString() );
}

Descarga del codigo fuente: dropbox-as3-create-account

UPDATE: Las mejoras del codigo han sido incluidas en el repositorio original en google code. http://code.google.com/p/dropbox-as3

]]> http://xperiments.es/blog/es/dropbox-as3-creating-new-accounts/feed/ 0 StageWebViewBridge. Updated. Automatic cache creation. http://xperiments.es/blog/es/stagewebviewbridge-updated-automatic-cache-creation/ http://xperiments.es/blog/es/stagewebviewbridge-updated-automatic-cache-creation/#comments Wed, 06 Apr 2011 01:42:30 +0000 admin http://xperiments.es/blog/?p=452

He actualizado la clase StageWebViewBridge con nuevas funcionalidades para el manejo de los ficheros de la cache.

Con el nuevo sistema es posible olvidarnos de la actualizaciones de los ficheros cacheados, el sistema lo hace todo por nosotros y al final nos deja 2 directorios que son los que deberemos adjuntar cuando empaquetemos nuestro proyecto.

Los nuevos metodos y propiedades que presenta la clase son:

1
2
// sets Debug mode on/off
StageWebViewBridge.DEBUGMODE = true/false;
1
2
3
4
5
6
// sets the default dir to 'htmlFiles'
StageWebViewBridge.setRootFolder('htmlFiles');

// this will create 2 new dirs
app:/htmlFilesCache
app:/htmlFilesSource
1
2
3
4
5
// Change the extensions of the files to parse.
// Default extensions are ["html","htm","css","js"]

// now limit the files to be html or js, and left intact the css and htm files
StageWebViewBridge.setSourceFileExtensions(['html','js']);

Teneis mas info en la pagina oficial del proyecto: stagewebviewbridge

]]> http://xperiments.es/blog/es/stagewebviewbridge-updated-automatic-cache-creation/feed/ 0 StageWebView StageWebViewBridge Comunicación entre actionscript y javascript y viceversa http://xperiments.es/blog/es/stagewebviewbridge-comunicacion-entre-actionscript-y-javascript-y-viceversa/ http://xperiments.es/blog/es/stagewebviewbridge-comunicacion-entre-actionscript-y-javascript-y-viceversa/#comments Sat, 26 Mar 2011 19:56:49 +0000 admin http://xperiments.es/blog/?p=444

Clase que extiende StageWebView y nos permite:

* Comunicación entre Actionscript y Javascript.
* Comunicación entre Javascript y Actionscript.
* Carga de ficheros y resources locales de una manera simple.
* Extiende el método loadString con comunicación AS3 -> JS -> AS3
Por ejemplo podemos llamar una función de javascript desde actionscript de la siguiente manera:

1
webView.bridge.call('someFunctionToCall', callBackFunction, ...arguments );
1
2
// referenciar resources locales de una manera sencilla
<img src="appfile:/image.png" alt="" />

Podeis encontrarla en:

http://code.google.com/p/stagewebviewbridge/

En un post futuro, postearé un tutorial

]]> http://xperiments.es/blog/es/stagewebviewbridge-comunicacion-entre-actionscript-y-javascript-y-viceversa/feed/ 0 Inyectando xml con formato dentro de javascript http://xperiments.es/blog/es/inyectando-xml-con-formato-dentro-de-javascript/ http://xperiments.es/blog/es/inyectando-xml-con-formato-dentro-de-javascript/#comments Wed, 26 Jan 2011 15:16:04 +0000 admin http://xperiments.es/blog/?p=425

A veces estaria bien poder definir un xml en javascript de la siguiente manera:

1
2
3
4
var html =
<form>
    <input type="text">
</form>;

Hasta que javascript soporte E4X en todos los navegadores, esto no va a ser podible…

Mientras llega E4X podemos simularlo utilizando los comentarios de javascript, para alli almacenar nuestras variables de una manera legible…

Definiriamos variables de la siguiente manera:

1
2
3
4
5
6
7
    /*!
    {"embed":{ "id":"form" } }
    <form>
        <input type="text" name="user"/>
        <input type="text" name="password"/>
    </form>
    */

La primera linea tiene que se un comienzo de comentario javascript /* , pero atencion con el simbolo ! justo detras, por lo que quedaria en /*!. Esto lo utilizamos para que algunos minimizadores de codigo no borren estos comentarios.
En la segunda linea es donde le especificamos al parser la variable que estamos definiendo, usando la propiedad id del objecto JSON descrito.
La ultimi linea tiene que ser un cierre de comentario */ en linea nueva…

Ejemplo completo:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
var data = function()
{
    /*!
    {"embed":{ "id":"form" } }
    <form>
        <input type="text" name="user"/>
        <input type="text" name="password"/>
    </form>
    */

    /*!
    {"embed":{ "id":"button"} }
        <button value="Send">
    */                 
}
var parsedData = window.parseEmbeds(data);
alert( parsedData.form )
alert( parsedData.button );

Libreria de parseo:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
(function(window)
{
    window.parseEmbeds = function( fn, opt )
    {  
        var dataObj = {}
        var regex_comments = /\*(.|[\r\n])*?\*/gi;
        var code = fn.toString().match( regex_comments );
        var comment;
        var lines;
        var outputString;
        var trim11 =function(str){str = str.replace(/^\s+/, '');for (var i = str.length - 1; i >= 0; i--) {if (/\S/.test(str.charAt(i))) {str = str.substring(0, i + 1);break;}}return str;};
        for( var i=0; i<code.length; i++ )
        {  
            comment = code[ i ];
            if( comment.indexOf('{"embed":')!=-1 )
            {
                lines = comment.split('\n');
                outputString = "";
                for( var e=2; e
    <lines.length-1; e++ )
                {
                   outputString+=trim11(lines[e]);
                }
                dataObj[ JSON.parse( lines[ 1 ] ).embed.id ] = outputString;
            }
        }
        return dataObj;
    }
})(window);
]]> http://xperiments.es/blog/es/inyectando-xml-con-formato-dentro-de-javascript/feed/ 0 Comprobando iPhone Webapps en el iPad http://xperiments.es/blog/es/comprobando-iphone-webapps-en-el-ipad/ http://xperiments.es/blog/es/comprobando-iphone-webapps-en-el-ipad/#comments Tue, 11 Jan 2011 01:34:04 +0000 admin http://xperiments.es/blog/?p=420

Hace un tiempo que me hacia la pregunta… como utilizar mi iPad para poder comprobar webs desarrolladas para iphone…

Para llevar a cabo el proceso, necesitamos disponer de un iPad con Jailbreak, tener openSSH e iFile instalados.

El proceso es muy simple, accedemos por terminal a nuestro iphone mediante ssh utilizando root y alpine como usuario/contraseña:

1
ssh root@ip.de.nuestro.ipad

Una vez hallamos accedido utilizaremos los siguientes comandos para hacer una copia de MobileSafari:

1
2
cd /Applications/
cp -R MobileSafari.app/ MobileSafariIphone.app

Despues de este proceso de copia, utilizaremos iFile y navegaremos hasta el directorio

1
Disco -> Applications -> MobileSafariIphone.app

Editamos el fichero info.plist y buscaremos una entrada llamada CFBundleIdentifier y cambiaremos su valor com.apple.mobilesafariiphone para que asi reconozca el ejecutable como una aplicacion independiente del safari original.

Ahora solo nos falta decirle que ejecute el programa en version “minimizada” buscando la entrada UIDeviceFamily dentro de info.plist y borramos la linea 2.

Con esto ya tendremos una copia de Safari pero version iPhone.

Ahora tan solo nos queda hacer un Respring para que los cambios tengan efecto.

]]> http://xperiments.es/blog/es/comprobando-iphone-webapps-en-el-ipad/feed/ 0 OSX 5005:Unknown error optimizing byte code http://xperiments.es/blog/es/osx-5005unknown-error-optimizing-byte-code/ http://xperiments.es/blog/es/osx-5005unknown-error-optimizing-byte-code/#comments Tue, 31 Aug 2010 12:29:55 +0000 admin http://xperiments.es/blog/?p=405

Trabajando en un gran proyecto AIR, al intentar compilar me daba este error:

1
"5005:Unknown error optimizing byte code".

Para solucionarlo, debemos aumentar la memoria del compilador mediante la creación de un archivo en:

1
~ /. MacOSX / Environment.plist

Copiaremos entonces este texto en ella:

1
2
3
4
5
6
7
8
9
<? Xml version = "1.0" encoding = "UTF-8"?>
<! DOCTYPE plist PUBLIC "- / / Apple / / DTD PLIST 1.0 / / EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
version="1.0">
<plist
<dict>
JAVA_TOOL_OPTIONS <key> </ key>
<string>-Xmx512m </ string>
</ Dict>
</> Plist

En el caso de que utilizemos flash CS5 deberemos tambien editar este fichero:

1
 ~ / Library / Application Support / Adobe / Flash CS5/en_US/Configuration/ActionScript3.0/jvm.ini

Cambiamos: -Xmx128m a -Xmx512m.

]]> http://xperiments.es/blog/es/osx-5005unknown-error-optimizing-byte-code/feed/ 0