Semana de bastante práctica... un Blog de Noticias!

Esta semana no ha sido muy teórica, con lo que la información dada el lunes ya tuvimos las pinceladas necesarias para ir enfocando un proyecto de mayor envergadura a los anteriores.

Hemos aprendido a manejar y crear los componentes y eventos de Flex, y ala vez combinar con NetBeans.

La creación de componentes propios a partir de los genéricos de Flex nos permite separar en módulos nuestra aplicación y asi, hacer mucho más rentable la re-utilización de código.

Estos componentes heredan propiedades y comportamientos, lo cual no spuede resultar muy útil (¡ojo, y tambien complicarnos un proyecto!)

Por defecto en un proyecto todo es privado, si queremos hacer una parte pública tenemos que usar [Bindable] en el ActionScript.

En nuestro componente podemos incluir enventos segun las necesidades del proyecto. Para un buen control de nuestros eventos necesitamos:

* Definir un evento con la etiqueta Metadata.

<fx:Metadata>
[Event (name="login" type="ruta de nuestro evento")]
</fx:Metadata>

* Instanciar el evento.
* Disparar el evento.
* Crear un manejador.
* Utilzamos la información desde el objeto event.

Para disparar nuestro evento (pasando parametros si es necesario) desde donde deseemos tenemos que usar:


dispatchEvent(new NombreEvento (XML(result)));


Con estas pinceladas podemos hacer nuestro Blog de Noticias... asi que, ahora sólo toca comentar alguans cosas que yo considero importantes para tener en cuenta dentro del ejercicio propuesto. Vamos a comentar algunas cosillas!

Puente de la Constitución...

Esta semanita va a resultar corta puesto que con el puente de cinco días de fiesta pues nos hemos plantado en jueves y con ejercicios por hacer.

Seguimos con el ejercicio del blog de noticias de la semana anterior... aunque un poco fríos y con la sensación de que cuesta concentrarse despues de tantos dias libres, conseguimos seguir adelante con nuestro proyecto y parece que el profesor nos tiene que 'sacar' de la clase al finalizar a las 20:30H!

El viernes damos los últimos retoques a lo que nos queda y seguimos avanzando con las Cookies y las Session. Parece que ha habido algunas dudas con el manejo de Cookies y después de algunas aclaraciones nos explican como usas las Session para controlar el acceso de usuarios... Menuda diferencia! esto es mucho más fácil y lo que es mejor... funcionan a la primera! jajaja!

Como ejercicio nos manda crear un chat con el que tendremos que manejar estas sesiones para ver quien esta conectado y que no haya expirado la sesión. El código a utilizar es el siguiente. (Como siempre, pongo el código refente al tema nuevo de las Session para no liar al lector con el resto de lineas)

/*Creamos nuestra 'variable' de sesión y le damos el valor que necesitemos para después reconocer que se ha logado el usuario. */

HttpSession sesion = request.getSession(true);
String login = "logado";
sesion.setAttribute("usuario",login);

Hay que tener en cuenta que la primera vez que se creauna sesión debe ponerse TRUE, después siempre será False para no macharcar el valor.

Aunque NetBeans nos avisará antes de lanzar el proyecto, tenemos que importar la siguiente libreria para que funcione:

import javax.servlet.http.HttpSession;

El método de controlar y gestionar lo que hemos creado será algo parecido a esto:

HttpSession sesion = request.getSession(false);
String usuario = (String)sesion.getAttribute("usuario");
if (usuario == "logado"){
//Aqui pondriamos toda la funcionalidad en caso de estar logado nuestro usuario.
}

Pues con esto nuevo ya tenemos todos los elementos necesarios para crear un pequeño chat... Ahora sólo toca pensar!

A disfrutar el fin de semana que el lunes tenemos que venir con energia!

Caminando por la cuarta semana...

Estamos a miércoles y creo que, hasta el momento al menos, hemos hecho una de las cosas más importantes... un proyecto de Gestión de Contactos con Flex y Java.

El proyecto esta enfocado a dar de Alta, Baja, Modificar y Buscar un usuario. Estos usuarios están en guardados en una Base de Datos en MySQL con lo que tenemos que hacer la gestión básica de manejo de datos para cualquier empresa.

Los conceptos básicos de cómo he enfocado mi proyecto para gestionarlo han sido estos:

- En la parte de NetBeans he creado diferentes servlets para cada una de las funciones de dar de alta, baja, modificar y buscar usuarios. Además he creado otro servlet para cargar inicialmente en un data grid todos los contactos que tengo almacenados en mi base de datos.

- En la parte de Flash he cargado todo lo que podríamos llamar 'Diseño'. Es decir, todo lo que es el formulario con sus componentes para posteriormente manejarlos desde los servlets y/o proyecto flex.

La manera de comunicar Flex con NetBeans es através de XMLs que se van creando con el objeto HTTPServices que llama al servlet correspondiente, y aquí ejecutar todo lo necesario de codigo java.

< s:HTTPService id="usuarioPeticion" url="svlGestionContactos" useProxy="false" method="POST" resultFormat="e4x" fault="Comprobar(event)">
<mx:request xmlns="">
<idusuarios>{dgContactos.selectedItem.idusuarios}</idusuarios>
<nombre>{nombre.text}</nombre>
<apellidos>{apellidos.text}</apellidos>
<direccion>{direccion.text}</direccion>
<ciudad>{ciudad.text}</ciudad>
<provincia>{provincia}</provincia>
<pais>{pais.text}</pais>
<telefono>{telefono.text}</telefono>
<fax>{fax.text}</fax>
<email>{email.text}</email>
<web>{web.text}</web>
<mensajeria>{mensajeria.text}</mensajeria>
</mx:request>
</s:HTTPService>´

Son importantes las propiedades useProxy="false" y resultFormat="e4x" de HTTPService, siempre deben estar y además, estar con esta configuración.

Fijarse en las etiquetas, ya que estos nombres serán los 'Id' que tendremos que manejar en los servlets para referirnos a los valores.

Utilizaremos <mx:XMLListCollection> para poder gestionar datos de vuelta del Servlet a Flex.

La clase de inglés del jueves sigue sienfo muy interesante. Está vez lo que mejor me vino fue quela profesora se ofreciera a corregirnos nuestros CV en inglés puesto que días antes me habian pedido mi curriculum en este idioma para una empresa y no tenia claro si estaba bien.

El viernes tambien se da una clase muy interesante puesto que se tocan temas de redes sociales y como implementarlos en nuestros códigos.

Lo primero que se da es ReCaptcha para que parezca una caja con letras aleatorias de verificación al crear un nuevo usuario. Hay varias maneras de conseguirlo pero en nuestro caso cogemos el código de Gmail. Hay que tener cuidado con las Keys puesto que serán unicas para nosotros.

También aprendemos a incluir código de Facebook en nuestras aplicaciones. Lo hacemos desde http://developers.facebook.com/plugins Esta página nos ofrece el código ya hecho y con sólo pegarlo en la parte deseada podemos poner un link de 'Me gusta' o de 'Comentario' en un desarrollo nuestro.

Ahora toca practicar y hacer ejercicios para asentar conocimientos. El ejercicio propuesto es el de la creación de una página de gestión de noticias, que llamaremos blog de noticias; con un CRUD para su manejo, con un enlace a redes sociales de Me gusta y de Comentario, además de un control de acceso y alta de usuarios.

Ahora toca disfrutar de un largo y merecido puente de la Constitución! Hasta el jueves!