Código & Flex

Google Adwords, una poderosa herramienta de marketing para gestionar campañas publicitarias en Google

2010-12-11T10:00:00.000-08:00

Cómo realizar una campaña publicitaria en Google Adwords

Para tener un negocio en Internet, no basta con crear una página web, llenarla de contenidos para la venta y sentarse a esperar. Lo primero que tenemos que conseguir es tráfico hacia nuestra web, o tienda Online, cuanto más tráfico tengamos, más posibilidades de vender tendremos.

Si pusiéramos una tienda de guitarras en una calle céntrica de mucho paso, más posibilidades tendríamos que alguien se pare frente a nuestro escaparate, vea el contenido de nuestra tienda, y entre si le interesa algo en especial. Una vez dentro, ya existe la posibilidad de que realice una compra. Pues para el caso es lo mismo en Internet, solo que nuestra calle tiene poco paso y necesitamos atraer a los clientes hacia nuestro escaparate (página web) para que vea lo que vendemos. Una vez dentro, las posibilidades de que realice una compra pueden ser del 50%.

Conseguir tráfico para nuestra web se puede hacer de muchas maneras:
poniendo anuncios(banners) en páginas webs de pago, anuncios en programas de intercambio de banners, mediante e-mailing a listas de correo, en foros, blogs, etc.

Un medio poderoso para publicitar nuestro sitio web, o tienda Online, es Google Adwords. Un sistema de publicidad que a simple vista parece un sistema de anuncios corriente, pero que detrás se esconde una completísima herramienta de marketing para que se gestionen las campañas publicitarias, y por un coste reducido.

Para los que no lo sepan, los anuncios Google Adwords, son aquellos anuncios que aparecen a la derecha del buscador Google cuando realizamos una búsqueda determinada. Si buscamos “guitarras”, nos aparecerán en esa zona los anunciantes relacionados con la palabra clave “guitarras”, y digo palabra clave, porque el funcionamiento de Google Adwords se basa en eso precisamente, en palabras clave. También influyen otros aspectos que entraremos en detalle más adelante.

Los anuncios que aparecen a la derecha mostrarán la palabra buscada en negrita, como vemos en el ejemplo de abajo. Esto lo hace Google para destacar más el anuncio y así la vista del usuario se vaya hacia esa zona.

Olive & Buixo, S.L.
Más de 5000 ofertas en guitarras
baterías instrumentos musicales
www.guitarrasol.com

• Características de los anuncios.

Los anuncios que podemos poner en Google Adwords, tan solo son de 4 líneas de texto y cada línea con un máximo de 34 caracteres. Una es para el título del anuncio, dos para la descripción y la última para poner una dirección URL, que no tiene por qué ser el vínculo real de acceso a nuestra web. La URL de acceso se pone en otro campo interno que no aparece en el anuncio.

Google es muy estricto a la hora de la configuración de los anuncios. No permite palabras en mayúsculas, caracteres especiales como “•” o estilos como negrita o cursiva. Todos los anuncios tienen que ser iguales. Tampoco permite palabras ambigüas como “Recetas”, que en este caso, si la escribes te piden el número de registro de tu farmacia. Pero en el caso de que se trate de “Recetas” de cocina, puedes solicitar que estudien tu caso para autorizarte a usarla.

• Cómo poner un anuncio.

Realmente es muy sencillo. Entras en https://adwords.google.com creas una cuenta Google, si ya la tienes puedes usar la misma, y a partir de ahí solo hay que completar 3 pasos, de los cuales el tercero es realizar un pago único de 5€ por activación de la cuenta. Hay varias modalidades de pago, una de ellas es por prepago, que para empezar, y si no eres muy experto en esto, es la que te aconsejaría, ya que te permite crear una campaña con un presupuesto concreto, por ejemplo 10 €. Como las tarjetas prepago de los móviles.

Cuando tienes tu cuenta activada, Google pone en tus manos una herramienta muy completa en la que puedes diseñar tu propia campaña de marketing. No solo el diseño de tu anuncio, que puedes modificar tantas veces como quieras, sino herramientas que te permiten gestionar dónde quieres que aparezcan tus anuncios, a qué tipo de público objetivo quieres que llegue, en qué páginas web asociadas al programa Adwords quieres salir, en qué países, idiomas y muchas otras posibilidades. También podemos ver los resultados a nivel estadístico, con informes muy completos sobre los resultados obtenidos de todas nuestras campañas y anuncios.

• Diseñar nuestro anuncio.

Si vendemos “Guitarras españolas”, lo fácil sería poner un anuncio diciendo “Vendo Guitarras”, pero la cosa no es tan fácil cuando se trata de un anuncio para Google Adwords, y que lo más importante es la “Palabra Clave”. En el título del anuncio podemos poner perfectamente “Guitarras”, pero en este caso no dice si vendo, compro, regalo o intercambio guitarras. La gente pincharía en nuestro anuncio generándonos un tráfico inútil y un gasto innecesario, ya que entrarían tanto compradores como vendedores del producto. Es decir, en este primer paso tenemos que filtrar compradores de guitarras. Con lo cual al poner “Vendo Guitarras”, ya seleccionamos de primera mano un público objetivo.

Pero aún así, tenemos un público que nos está entrando y generando un gasto que realmente no nos interesa, son los que quieren comprar “Guitarras Eléctricas”. Pues bien, para completar nuestro titular, pondríamos “Vendo Guitarras Españolas”. Aquí el filtro es más exacto y solo pulsarán aquellos que estén interesados en comprar una guitarra española.

Esta consideración es muy importante tenerla en cuenta, ya que cuando creamos una campaña de publicidad en Google Adwords, uno de los factores importantes, ya que toca a nuestro bolsillo, es el pago que queremos realizar por cada persona que haga click en nuestro anuncio, el CPC(Coste por Click). También podemos poner el gasto medio diario del que disponemos.

Si vendemos un producto a un precio de 6 €, podemos poner perfectamente que el coste por click (CPC) sea de 0,01 € y que el gasto medio diario sea de 1€. Esto significa que de cada 100 personas que hagan click en nuestro anuncio, si solo nos comprase 1 persona(1%), abríamos amortizado perfectamente la campaña. Otro de los factores que tiene Google Adwords para valorar cuando mostrar tus anuncios, no solo son las palabras clave, sino lo que pagas por cada palabra clave. La competencia de tu producto también utiliza, prácticamente, las mismas palabras claves que tú, por eso cuando alguien busca “Guitarras”, se valora también el precio por click(CPC) de esa palabra clave, y evidentemente, el que más paga puede salir en una posición más privilegiada.

Sigamos diseñando…

En las otras 2 líneas, para la descripción del anuncio, tenemos que poner lo suficiente como para crear tráfico y además filtrarlo.

Ya tenemos el título definido, y en las siguientes líneas podríamos poner “al mejor precio”. Pero realmente esta frase también nos puede crear un público que luego no le interese nuestro precio y salga de nuestra web habiéndonos generado un tráfico y gasto inútil.
Aunque hablemos de un 0,01€ por click, pensemos que una campaña en Google Adwords, puede realizar cientos de miles de impresiones de nuestro anuncio. Estas impresiones pueden generar cientos de clicks no deseados. Por este motivo lo más importante es filtro visual del anuncio.

Aunque realmente vendamos guitarras al mejor precio, lo que tendríamos que poner sería un precio, el más barato del modelo de guitarra que consideremos. De esta manera filtraríamos a la gente que quiere comprar una guitarra, pero que su presupuesto es inferior al que ponemos. Directamente no pinchan.

Nuestro anuncio quedaría así:

Vendo Guitarras Españolas
90 € Maderas de Calidad
Gastos de Envío Gratis
www.vendoguitarras.com

Si además, a nuestro anuncio, le añadimos que los gastos de envío le saldrán gratis, estaremos dando un valor añadido y nuestro posible cliente interesado en comprar una guitarra española por 90 €, ya que su presupuesto se lo permite. Hará click para entrar a la web o tienda Online.

Un factor importante para que la publicidad tenga efecto en ventas, es que cuando el usuario entre, en la web del vendedor, éste encuentre nada más entrar, una guitarra española por ese importe. Luego le puedes llevar a ver otros contenidos, pero si el cliente entra y le mareas por un inmenso catálogo de guitarras, se sentirá engañado y automáticamente saldrá de la web sin realizar compra alguna y generándote un gasto.

Ya solo nos queda la última línea para completar nuestro anuncio, la de la URL. Como dije anteriormente, la URL que pongamos aquí no tiene por qué ser la que nos lleve a nuestra web al hacer click. Por ejemplo: Nuestro dominio es www.vendoguitarras.com, pero el acceso podemos darlo a www.vendoguitarras.com/ofertas/guitarras

El poner palabras clave en el texto del anuncio, o una URL como título, supondrá que aparezca primero ni más veces, eso no influye para nada a la hora de posicionar nuestro anuncio en Google Adwords.

• Palabras Clave para nuestro anuncio

Ya tenemos nuestro anuncio diseñado, y ahora queda incluir las palabras clave por las que Google Adwords se basará para visualizar y posicionar nuestro anuncio. Cuando estamos diseñando nuestro anuncio, al incluir en el formulario la URL de nuestra web, Google realiza una búsqueda en tu página y crea una lista con todas las palabras clave que están relacionadas con los artículos que vendes. Así como una puntuación numérica de 1 a 10 y el coste por palabra y Click (CPC) que están realizando otros competidores, para que puedas hacer tu pequeño estudio y así actuar en consecuencia. Esta lista que crea es una sugerencia que te propone, pero que tú puedes poner en tu lista de palabras clave que consideres oportunas.

He de decir, que Google entiende por palabra clave, una única palabra o una frase formada por varias palabras, lo explico: para nuestro anuncio de venta de guitarras, pondríamos palabras claves como: guitarras, españolas, instrumentos, música, etc…

Todas estas palabras clave que identifican realmente los contenidos que vendemos, a la práctica nos van a generar un tráfico de gente y coste innecesario, ya que nuestro anuncio saldrá en todas las búsquedas realizas que tengan la palabra “guitarras”. Debemos seleccionar bien nuestras palabras, ya que es uno de los factores más importantes del programa Google Adwords.

Estas son algunas de las palabras clave que yo recomendaría para nuestro ejemplo:

“guitarra española”, “guitarras españolas”, [guitarra española], [guitarras españolas], “compro guitarra española”, “compro guitarras españolas”

• Varias maneras de escribir palabras clave:

Concordancia Amplia serían las palabras clave que pusimos primero: guitarras, españolas, instrumentos, música. Siempre que alguien busque por estas palabras, saldría nuestro anuncio, es decir; si alguien busca “Aceitunas españolas”, posiblemente salga nuestro anuncio de venta de guitarras, y como verás, no es nuestro público objetivo. Por eso nos permiten determinar nuestras palabras clave con otros tipos de concordancia.

Concordancia de Frase son las palabras que van entrecomilladas, por ejemplo “guitarras españolas”. Solo saldría nuestro anuncio en búsquedas como esta: “busco guitarras españolas baratas”, aunque la frase de búsqueda contiene otras palabras, también contiene nuestra palabra clave.

Concordancia Exacta Aquellas que ponemos entre corchetes [] y queremos que coincida el texto de búsqueda con nuestra palabra clave. Si alguien busca “guitarras españolas”, es cuándo se visualizará nuestro anuncio.

Hay que tener en cuenta otro factor importante al considerar las palabras clave, y es que Google diferencia entre plural y singular, así que si tenemos que duplicar palabras clave en singular y plural, no nos importe, ya que de eso también depende que aparezca o no nuestro anuncio.

Una de las ventajas de los anuncios en Google Adwords, es que puedes realizar cambios en cualquier momento según veas cómo van las estadísticas de tu campaña. Si ves que una palabra clave no produce como te imaginabas, puedes eliminarla o modificarla, así como cambiar el texto de tu anuncio, o añadir anuncios nuevos a tus campañas.

Como punto final, tenemos que recordar, que a la hora de diseñar un anuncio y buscar las palabras clave, nos conviene ponernos en el lugar del cliente e intentar saber cómo buscaría nuestro producto. A partir de ahí, realizar una primera campaña, estudiar los resultados e ir creando mejoras de la misma, añadiendo o quitando palabras clave, dando más coste a cada CPC… y utilizando todas las herramientas de gestión que Google Adwords pone en nuestras manos y que están expresamente diseñadas para que podamos realizar un seguimiento y obtener los mejores resultados.

06/02/2010
Antonio Fdez. Zapico

Enlazar un botón a una página Web

2010-02-09T02:37:00.001-08:00

Si queremos que alguno de nuestros botones creados en AS3, al pulsarlos, enlacen con una Web, deberemos escribir el siguiente código:

import flash.events.MouseEvent;
import flash.net.navigateToURL;
import flash.net.URLRequest;

nombreBoton.addEventListener(MouseEvent.CLICK, botonPulsado);

function botonPulsado(event:MouseEvent):void {
navigateToURL( new URLRequest ( "http://www.macrodir.com" ));
// trace(event.type);
}

Programación de eventos en AS3 para Flash

2009-07-05T11:58:00.000-07:00

Para todos los que os iniciais en AS3 con Flash CS-4, aquí os pongo el código para capturar el evento cuando se pulsa sobre un botón. Es muy sencillo:

import flash.events.MouseEvent;
nombreDelBoton.addEventListener(MouseEvent.CLICK, pulsadoBoton);

function pulsadoBoton(event:MouseEvent):void {
this.gotoAndPlay(1);
trace(event.type)
}

La explicación es la siguiente:

A diferencia de ActionScript 2, la programación de los eventos en los botones, para capturar la interacción con el usuario, no se realiza sobre el propio botón, sino que se hace en un Script de un fotograma de la línea de tiempo. El botón tiene que estar en la misma columna de la línea de tiempo que el Script que contiene el código, de lo contrario, no se encuentraría el objeto y produciría un error.

En el ejemplo, supongamos un simple botón llamado nombreDelBoton, que al interactuar sobre él mediante un Click, retrocede al frame 1 de la linea de tiempo y nos muestra, en la ventana de salida, el tipo del evento que se ha generado.

Lo primero que tenemos que hacer es decirle que añada el evento MouseEvent.CLICK a la lista de eventos, para que Flahs lo pueda detectar, y a continuación ponemos el nombre de la función, en este caso pulsadoBoton, que queremos que valla cuando se produzca dicho evento. Esto lo hacemos mediante addEventListener, como se puede ver en la segunda línea del código.

Lo segundo que tenemos que hacer, es crear la función pulsadoBoton. Es mu fácil, ahora hay que practicar...

TV-Net. Tu propia TV en la web

2008-07-10T13:20:00.000-07:00

Hoy en día se ha puesto de moda la multimedia por Internet, en especial el video. Y gracias a los nuevos formatos que optimizan su peso y pueden dar mucha calidad(divX, FLV), se pueden crear verdaderos canales de Televisión donde poder mostrar contenidos, propios o de terceros.

He desarrollado un canal de TV donde se pueden mostrar videos de YouTube o videos propios, de una manera fácil y ordenada por canales temáticos. Su configuración es muy sencilla, ya que con tan solo un archivo en formato XML se puede configurar el interface del canal (Logotipo, colores, etc) y también los canales que quieras con sus contenidos.

Pero lo mejor es que lo veais aquí: TV-Net

Entre Fogones - Revista OnLine de Gastronomía

2008-05-04T11:25:00.000-07:00

Os presento la publicación mensual OnLine "Entre Fogones"

Aunque para acceder a los próximos números de la revista solo se podrá hacer mediante inscripción gratuita por email, este primer número puede leerse desde Aquí

Los que querais inscribiros, para poder leerla todos los meses, tan solo teneis que enviar un email a entrefogones@macrodir.com y solicitarlo. La inscripción es totalmente gratuita.

Precargas Personalizadas

2008-04-29T11:41:00.001-07:00

Aqui os dejo todo lo necesario para realizar una precarga personalizada en formato Flash.

Una vez puesto el archivo .as en vuestro desarrollo, no os olvideis de llamar a la clase Preloader al inicio de la aplicación:

preloader= "Preloader"

Pulsa AQUI para descargarte el archivo .as, el swf que visualiza la precarga del ejemplo de la foto, y el .fla desarrollado en Flash 8. El Zip contiene la estructura Assets/flash, aunque puedes cambiar esa ruta en el propio código de la clase.

InfoClima

2008-03-20T11:07:00.000-07:00

Aquí os dejo un Gadget de Escritorio para conocer el Clima en muchas ciudades del mundo.

El Gadget informa de:
Temperatura actual
Sensación Térmica
Humedad del Ambiente
Presión Atmosférica
Velocidad del Viento
Dirección del Viento
Hora de Amanecer
Hora del Ocaso
Observatorio que facilita los datos

También se puede configurar en cuanto a color del fondo, de la letra, el borde y la transparencia en el escritorio. Y si no te gustan los colores, puedes volver a restaurarlo a su estado inicial.

La información de la configuración como la de la ciudad escogida, se guarda automáticamente, con lo cual, siempre que abras el Gadget aparecerá tal cual lo has configurado.

La información meteorológica se actualiza automáticamente cada 30 minutos y el servicio de información que utiliza es The Weather Channel.

Podeis descargarlo desde Aquí mismo.

Todo el desarrollo está realizado en Flex.

Crear Botones con el componente Image

2007-12-16T12:12:00.000-08:00

Un ejemplo para todos aquellos que se inician en Flex.

Muchas veces nos vemos en la necesidad de utilizar imágenes para crear botones que tengan un efecto o cambio de imagen cuando se haga rollOver sobre el mismo. Intentaré explicar como hacerlo en Flex. Aparentemente parece muy sencillo, pero hay que tener en cuenta una serie de cosas, como por ejemplo embeber las imágenes al inicio de la aplicación, y preparar el componente Image para que actue como tal, modificando una serie de propiedades e interactuando sobre algunos métodos del componente.

Supongamos un botón con una imagen inicial y su imagen FX:

Pues bien, el código que tendremos que poner seria el siguiente:
[Embed(source="b_aceptar.jpg")]
[Bindable]
public var ImgBoton:Class;

[Embed(source="b_aceptar_fx.jpg")]
[Bindable]
public var ImgBoton_FX:Class;

Las propiedades que tendremos que ajustar en el componente Image, son las siguientes:

id="botonAceptar"
buttonMode="true"
useHandCursor="true"

Los eventos serian:
initialize="botonAceptar.source=ImgBoton"
mouseOver="botonAceptar.source=ImgBoton_FX"
mouseOut="botonAceptar.source=ImgBoton"

Cómo Crear una Personalidad "Web Tú"

2007-07-18T05:10:00.000-07:00

...Un sitio Web 2.0 puede ser reconocido porque permite la interacción con su audiencia, y deja huella de dicha interacción en forma de nuevo contenido. Un sitio que no permite tal colaboración no está usando el concepto Web 2.0. La comunicación debe circular en ambos sentidos.
...
Parte del interesante Artículo Cómo Crear una Personalidad "Web Tú", de Oscar Cortés, publicado en la edicion Julio-Agosto de la revista Software Guru de Mexico. Personalmente recomiendo su lectura, pués deja muy claro el auténtico concepto de lo que se entiende por Web 2, en el mundo Personal y Empresarial.

Para los que no pueden conseguir la revista, pueden leerlo en su totalidad desde Aquí

Filtrar XML e4x por campo de Fecha

2007-07-08T03:30:00.000-07:00

Tenemos una BD con una serie de valores y queremos filtrarlos por fechas, como por ejemplo del dd/mm/yyyy hasta el dd/mm/yyyy que nosotros queramos. No todos los servidores devuelven la fecha en el mismo orden, si trabajamos en un servidor español lo hará dd/mm/yyyy, pero si trabajamos en un servidor extranjero, como es mi caso, las fechas me las devuelve en el formato mm/dd/yyyy. Esto hay que tenerlo presente a la hora de trabajar con fechas.

A continuación pongo una función para poder filtrar por fechas, y un ejemplo, en el que se puede ver su funcionamiento, pulsando Aquí

private function filtra():void{
var fecha1:String=c_fecha1.text;
var fecha2:String=c_fecha2.text;
fecha1=fecha1.substr(6,4) + fecha1.substr(3,2) + fecha1.substr(0,2);
fecha2=fecha2.substr(6,4) + fecha2.substr(3,2) + fecha2.substr(0,2);
var fechaRegistro:String=recogeDatos.lastResult..registro.fecha;
fechaRegistro=fechaRegistro.substr(6,4) + fechaRegistro.substr(3,2) + fechaRegistro.substr(0,2);
var mifiltro:XMLList=recogeDatos.lastResult..registro.(fecha.substr(6,4) + fecha.substr(3,2) + fecha.substr(0,2)>=fecha1 && fecha.substr(6,4) + fecha.substr(3,2) + fecha.substr(0,2)<=fecha2); gridporDia.dataProvider=mifiltro; }

c_fecha1.text y c_fecha2.text, en mi ejemplo, son campos DateField que devuelven la fecha en formato dd/mm/yyyy

El formato del XLM que estoy llamando es:
<datos>
<registro>
<fecha>10/04/2006</fecha>
<nombre>Pepe</nombre>
<valor>100</valor>
</registro>
</datos>

Cómo pasar parámetros y recuperarlos en Flex.

2007-07-06T05:12:00.000-07:00

Podemos pasarle y recoger parámetros a nuestro SWF generado con Flex de la siguiente manera:

En la página html que genera Flex cuando compilamos nuestra Aplicación, nos encontramos con código en JavaScript y también con un objeto que embebe nuestro SWF. En nuestro ejemplo se llamará graficas.swf

Supongamos que queremos abrir la página que contiene nuestra aplicación de gráficas creadas en Flex, y cuyos valores los recogerá de un HttpService, que envía y recoge el Usuario y la Contraseña a una página en ASP, y ésta nos devuelve el resultado en XML.

Sería algo así:

<object classid="clsid:D27CDB6E-11cf"
id="graficas"
width="100%" height="100%"
codebase="macromedia.com/get/flashplayer/current/swfla...
param name="movie"
value="graficas.swf?usuario=Antonio&pass=12345" />
<param name="quality" value="high" />
<param name="bgcolor" value="#869ca7" />
<param name="allowScriptAccess" value="sameDomain" />
<embed src="graficas.swf?usuario=Antonio&pass=12345"
quality="high" bgcolor="#869ca7" width="100%" height="100%"
name="graficas" align="middle" play="true" loop="false"
quality="high" allowScriptAccess="sameDomain"
type="application/x-shockwave-flash"
pluginspage="adobe.com/go/getflashplayer%22%3E...
</embed></object>

Para pasarlo mediante el código en JavaScript, haríamos lo siguiente:

AC_FL_RunContent( "src", "graficas?usuario=Antonio&pass=12345",
"width", "100%", "height", "100%", "align",
"middle", "id", "graficas", "quality", "high",
"bgcolor", "#869ca7", "name", "graficas",
"flashvars",'historyUrl=history.htm%3F&lconid=' + lc_id + '',
"flashvars",'usuario=Antonio&pass=12345',
"allowScriptAccess","sameDomain", "type",
"application/x-shockwave-flash", "pluginspage",
);

En el código en JS podemos pasarle los parámetros concatenados al nombre del swf o bien ponerlos como un flashvars. De cualquiera de las dos maneras funciona.

y Podemos recuperarlos desde Flex de la siguiente manera:

private var Usuario:String="";
private var Pass:String="";

private function ini():void{
Usuario=Application.application.parameters.usuario;
Pass=Application.application.parameters.pass;
}

Componente azProv

2007-06-17T05:14:00.000-07:00

Componente ComboBox que contiene Listado de Provincias, Capitales de Provincia y Comunidades Autónomas de España.

Pulsa Aquí para ver una Demo

Un único componente que contiene los 3 listados de datos.
Incluye una Propiedad "lista", que admite los siguientes valores: "Provincias, Capitales y Comunidades". Dependiendo del valor introducido en "lista", así nos devolvera el listado correspondiente.

Está creado con un ArrayCollection, lo cual nos permite tratar los datos como tal, es decir: si queremos añadir algún nombre de ciudad a la lista, podemos hacerlo con: nombreDelCombo.listaProvincias.addItem({label:"Nueva Ciudad"});
En la Demo, en el comboBox de Provincias, he añadido, mediante addItem, un "Hola", para que se vea que lo ordena alfabéticamente.

listaProvincias contiene el resultado elegido mediante la propiedad "lista".

Cómo incorporar el componente en un proyecto
En el mxml poner en el tag de inicio de la aplicación:<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" xmlns:azProv="comun.*">
Para hacer referencia al componente en el proyecto:
< azProv:azProv lista="Provincias"> < /azProv:azProv>
< azProv:azProv lista="Capitales"> < /azProv:azProv>
< azProv:azProv lista="Comunidades"> < /azProv:azProv>

Puedes descargar el Componente desde Aquí

AIR - FAQ del Desarrollador

2007-06-14T03:22:00.000-07:00

Preguntas Frecuentes del Desarrollador sobre Adobe Integrated Runtime(AIR).

Documento traducido, del original en inglés, al español, por Oscar Cortes. Puede leerse en su blog desde Aquí

Visor de noticias RSS

2007-06-02T12:41:00.000-07:00

Os dejo un visor de Noticias RSS. Está realizado con un componente Accordion y un objeto Repeater.

Para visualizar otras noticias, tan solo hay que escribir la URL en el campo de texto y pulsar el botón actualizar.

Podeis encontrarlo en mi apartado de Aplicaciones Web o pulsando Aquí

Ordenar un ArrayCollection

2007-06-01T09:12:00.000-07:00

Supongamos que tenemos una lista de ciudades, con el número de restaurantes en cada una de ellas, y queremos ordenarla por orden alfabético por el campo ciudad.

import mx.collections.Sort;
import mx.collections.SortField;

var ciudades:ArrayCollection = new ArrayCollection([{ciudad:"Madrid", restaurantes:"25000"},{ciudad:"Bilbao", restaurantes:"5000"}.........]);

var ordenaLista:Sort = new Sort();
ordenaLista.fields = [new SortField("ciudad", true)]
ciudades.sort = ordenaLista
ciudades.refresh();
}

Microsoft Surface, el futuro ya está aquí

2007-06-01T03:50:00.000-07:00

Queria hacer un inciso en mi blog para destacar una noticia, que a mi parecer es bastante interesante. Se trata del ordenador que entrará, en un futuro, en todas las casas.

Os pongo un video para que lo veais. A mi me parece impresionante el manejo de la multimedia y la conexión con dispositivos externos para el traspaso de información.

Podeis obtener más información en http://www.microsoft.com/surface/

Actualización de Aplicación Notas Recordatorias

2007-05-25T13:47:00.001-07:00

He realizado algunas mejoras en la aplicación, como ponerle una barra de progreso para saber cuanto espacio de texto nos queda en la nota. Pasando el ratón por la barra, nos indica el número de caracteres escritos y los que nos quedan para completar el campo. Ya se que esto no sirve para nada, pero queda bonito, je,je.

Cuando se minimiza se queda visible la primera línea de texto. Esto nos sirve para poder identificar el contenido de una nota minimizada.

Cuando se añaden notas nuevas, estas aparecen en posiciones diferentes, sin solaparse unas con otras.

Para los que no la conocen, pueden encontrarla en: http://www.macrodir.com/notas/

Función para abrir páginas web

2007-05-25T13:25:00.000-07:00

Os pongo una pequeña función para abrir páginas web.

public function abrePagina(URLPagina):void{
var abreUrl:URLRequest = new URLRequest(URLPagina);
navigateToURL(abreUrl,"_blank");
}

En la propiedad Click del botón hay que poner la llamada a la función y pasarle la dirección de la página que queremos abrir:
click="abrePagina('http://macrodir.blogspot.com/');"

Si lo que queremos es que se abra el programa de correo para escribir un email, en la llamada a la función le pasamos el siguiente valor:
click="abrePagina('mailto:direcciónEmail');"

Ver el espacio restante en un campo de texto

2007-05-21T12:50:00.000-07:00

En ocasiones sucede que cuando ponemos campos de texto, para la introducción de datos, de cierta capacidad, no sabemos cuanto nos queda para completarlo.

Aquí os pongo una solución que utilizo en algunas de mis aplicaciones.

Se trata de combinar una caja de texto con una barra de progreso, así veremos cuanto espacio nos queda antes de llegar al número máximo de caracteres permitidos.

Es una única función para tantos campos como se desee.

Tenemos una caja de texto con el id="c_texto" y una barra de progreso con el id="barraProgreso".

private function ini():void{
barraProgreso.mode="manual";
barraProgreso.minimum=0;
barraProgreso.maximum=100;
c_texto.maxChars=200;
c_texto.editable=true
}

Las propiedades de la barra de progreso se pueden poner en una función de inicio, en el ejemplo la llamo ini(), o bien establecerlas directamente en las propiedades del objeto. También le decimos que establezca como número máximo de caracteres del campo c_texto, a 200, y que sea editable, para que puedan introducir datos.

private function BarraProgresoTextos(nombreBarra,nombreCaja):void{
var longitudCaja:Number=nombreCaja.length;
var maxCaja:Number=nombreCaja.maxChars;
nombreBarra.setProgress(longitudCaja,maxCaja);
}

Por último, en la propiedad Change del campo tenemos que hacer la llamada a la función: change="BarraProgresoTextos(barraProgreso,c_texto);

Si quisieramos utilizar la misma barra de progreso para otro campo diferente, por ejemplo el campo id="c_detalles", tan solo deberemos de poner en su propiedad change="BarraProgresoTextos(barraProgreso,c_detalles); por el contrario, si queremos usar otra barra de progreso diferente, pondremos change="BarraProgresoTextos(nombre barraProgreso,nombre campo);

Función para Visualizar la Fecha

2007-05-19T03:14:00.000-07:00

Os pongo una función para que podais poner la fecha del sistema en cualquier campo de texto o bien en el título de un panel, como en éste ejemplo:

public var fecha:String="";

public function cogeFecha():String{
var now:Date = new Date();
var diaSemana:Array = new Array("Domingo","Lunes","Martes","Miercoles","Jueves","Viernes","Sabado");
var mes:Array = new Array("Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto","Septiembre","Octubre","Noviembre","Diciembre"); fecha = diaSemana[now.getDay()] + " " + String(now.getDate()) + " " + mes[now.getMonth()] + " " + String(now.getFullYear());
return fecha
}

En la propiedad title, del componente Panel, pondremos: title="{cogeFecha()}"

Aplicación para pequeñas notas recordatorias

2007-05-18T12:53:00.001-07:00

Desde éste pequeño rincón, quiero ir mostrando algunas aplicaciones realizadas en Flex, como ésta pequeña utilidad que he desarrollado para poder quitarme del monitor todos los Post-it.

Es muy fácil de manejar, tan solo pulsamos el botón "Añadir Nota" y a rellenarla. Pongo una captura para que podais ir a verla y utilizarla.

Podeis encontrarla en: http://www.macrodir.com/notas poco a poco iré añadiendole más cosas y mejoras, así que si la utilizais, estareis siempre actualizados.