Esta vez prepare un video tutorial con flash builder 4 y conexiones web services, aunque sin sonido pero les redacte los pasos a seguir. Básicamente trata de cómo conectar flash builder 4 con twitter realizando una  busqueda de usuarios con tu cuenta de twitter.

Si tienen dudas dejen sus comentarios participen que muy pronto tendremos rifas de artículos para los que particen de aquí en adelante.

Paso 1

Usaremos el Api de twitter para demostrar la conexión con flash builder 4, así que primero iremos a http://apiwiki.twitter.com/API-Overview y seleccionaremos Twitter API technical documentation.

Paso 2

En la sección user methods selecciona users/search y verán la página descriptiva con la dirección http://api.twitter.com/1/users/search.format de este xml. Usa dos formatos xml y json, usaremos xml y el parametro q.

Paso 3

Abrir flash builder 4 y crear un nuevo proyecto, en mi caso use el Main.mxml el nombre por default del proyecto. A partir de aquí se hará solo en vista de diseño.

Paso 4

Dar click en el panel inferior donde dice Data Services creando una nueva conexión seleccionando el tipo “http”, y copien y peguen http://api.twitter.com/1/users/search.xml
seguidamente agregan el parametro “q” el de query o consulta, y por último asignen el nombre del servicio y listo.

Paso 5

Ahora lo que haremos es personalizar el tipo de datos que mostrará nuestra consulta. Den click derecho sobre “operation1″ y luego click en configure return type. Les abrirá una ventana dejen seleccionado el valor Auto Detect, elijan la primera opción y den click en siguiente mientras realiza la conexión al servicio, les mostrará una ventana de login escriban su usuario y contraseña de twitter y den click en aceptar para que realize la autenticación con el servidor.

Muestra un error de parametro q, por lo que es necario un valor por default, así que vamos a darle uno. Click en ok y agreguen cualquier valor intenten de nuevo la conexión, ahora sí los pasa a una siguiente pantalla que deberán asignar un nombre al tipo de datos de regreso. Cuando finalize en la parte inferior de Data Services cambiará por los datos del web service.

Paso 6

En este paso crearemos un formulario que nos permitirá realizar la consulta de búsqueda de usuarios, sobre el web service da click derecho sobre operation y selecciona “Generate Form“, en la ventana que muestra dejen las opciones tal cuál como están seleccionadas y den click en siguiente, ahora en los parametros deseleccionen el type y den click en finish. Verán que se genera un formulario arrastrenlo para separarlo como muestra el video.

Paso 7

Ya tenemos el formulario pero necesitamos un componente donde mostrar los resultados de la búsqueda, así que en el panel de componentes>controls selecciona y arrastra al área de trabajo el DataGrid. Ajusten el ancho y alto que desean y sobre este click derecho para seleccionar Bind Data.  En la ventana bind data en data provider seleccionen el array user se ajustará el datagrid guarden su proyecto y ejecutenlo. En el campo Q escriban cualquier palabra.

Paso 8

Se ve un muy junto los campos, seleccionen el datagrid y en el panel properties seleccionen configure columns eliminen todos los campos que deseen. Vuelvan a guardar y ejecutar el proyecto.

Conclusión

Relativamente sencillo el enlaze, espero disfruten este tutorial y compartanlo con los cuates y no olviden comentar.