Anécdotas de las Curvas del Seno: octubre 2011

JSF 2.0: TouchFaces

Posted in Etiquetas: android, blackberry, iphone, ipod, jsf 2.0, primefaces, touchfaces | lunes, octubre 24, 2011

Hace poco me vi en la necesidad de realizar cierto desarrollo para Iphones, pero no tenia ganas de aprender ObjectiveC, y me tope con la implementación para mobiles de Primefaces denominada TouchFaces, la cual se basa en JQTouch (JQuery).

De ahora en adelante puedo realizar aplicaciones web basadas en JSF para dispositivos apple-touch, android, blackberry, etc...

Aca desarrollare un pequeño ejemplo de Primefaces TouchFaces.

El managed bean es sencillo.

Luego la parte mas importante la vista.

<f:view xmlns="http://www.w3.org/1999/xhtml"
        xmlns:h="http://java.sun.com/jsf/html"
        xmlns:f="http://java.sun.com/jsf/core"
        xmlns:p="http://primefaces.prime.com.tr/ui"
        xmlns:i="http://primefaces.prime.com.tr/touch"
        xmlns:ui="http://java.sun.com/jsf/facelets">

<i:application>
        
            <i:view id="home" title="Home">
                <h:form>
                <i:tableView>
                    <i:rowGroup title="Input Text">
                        <i:rowItem>
                            <h:inputText value="#{demoBean.text}">
                            </h:inputText>
                        </i:rowItem>
                    </i:rowGroup>
                    <i:rowGroup title="My Group">
                        <i:rowItem value="Detail" view="detail" update="table"/>
                    </i:rowGroup>
                </i:tableView>
                </h:form>
            </i:view>

<i:view id="detail" title="Detail">
                
                <f:facet name="leftNavBar">
                    <i:navBarControl label="Back" view="home" effect="flip"/>
                </f:facet>
                <i:tableView id="table">
                    <i:rowGroup title="Text">
                        <i:rowItem>
                            <h:outputText value="#{demoBean.text}"/>
                        </i:rowItem>
                    </i:rowGroup>
                </i:tableView>
                
            </i:view>
        
    </i:application>
</f:view>

Aca la captura de pantalla desde mi ipod touch.

Adjunto codigo fuente para efectos de estudio.

Comentarios (0)

Primefaces: progressBar

Posted in Etiquetas: jsf 2.0, primefaces, progressbar | domingo, octubre 16, 2011

Ultimamente evaluando las implementaciones de JSF me he decantado por Primefaces ya que es el que mejor se integra al ciclo de vida de JSF y utiliza JQuery que lo hace mucho rápido que incluso Richfaces e ICEfaces, aunque me falta investigar mucho mas sobre OpenFaces.

Me dedicare a realizar algunos ejemplos sobre el uso de los componentes de Primefaces, que si bien ya existe un showcase pero a veces el código de ejemplo no se entiende muy claro.

En esta ocasión realizare un ejemplo para el uso del componente progressBar al iniciar una página.

Primero definimos el backing bean
@ManagedBean @ViewScoped public class LoadBean { private int progress; @PostConstruct public void init(){ progress=0; LoadThread load=new LoadThread(this); load.start(); } public int getProgress() { return progress; } public void setProgress(int progress) { this.progress = progress; } }
Luego el hilo LoadThread
public class LoadThread extends Thread { private LoadBean bean; public LoadThread(LoadBean bean) { this.bean=bean; } @Override public void run() { for(int i=1;i<=100;i++) { System.out.println(i); bean.setProgress(i); pausa(); } } public void pausa(){ try { Thread.sleep(100); } catch (InterruptedException ex) { ex.printStackTrace(); } } }
La vista xhtml quedara de la siguiente forma
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:p="http://primefaces.prime.com.tr/ui" xmlns:h="http://java.sun.com/jsf/html"> <h:head> <title>Facelet Title</title> </h:head> <h:body onload="pb.start()"> <h:form> <h:panelGrid> <p:progressBar widgetVar="pb" ajax="true" onCompleteUpdate="msg" oncomplete="dlg1.show()" value="#{loadBean.progress}" interval="100"/> </h:panelGrid> <p:dialog header="PrimeFaces Dialog" widgetVar="dlg1" width="500"> For more information visit <a href="http://primefaces.org">http://primefaces.org</a>. </p:dialog> </h:form> </h:body> </html>
Adjunto código fuente para efectos de estudio

Comentarios (1)opiniones, ¿cual es la tuya?

JSF 2.0: Error Handling

Posted in Etiquetas: error handling, jsf 2.0, primefaces, spring | viernes, octubre 07, 2011

Ya había realizado un post sobre como manejar las excepciones en JSF apoyandome en richfaces, pero lo hicen pensando que aún seguia utilizando JSF 1.2, esta vez lo haré casi de forma similar pero esta vez para la versión 2.0 de JSF y apoyandome con primefaces y usando un poco de spring para poder enviar los errores al contexto de la aplicación.

Este post será muy similar a como se manejan los errores como en swing, que será implementando dos clases que capturan las excepciones en tiempo de ejecucion.

public class ExceptionWrapper extends ExceptionHandlerWrapper{

private ExceptionHandler wrapper;
    private IManagedBean bean;

public ExceptionWrapper(ExceptionHandler wrapper) {
        this.wrapper=wrapper;
        bean=(IManagedBean) FacesContextUtils.getWebApplicationContext(FacesContext.getCurrentInstance()).getBean("managedBean");
    }

@Override
    public ExceptionHandler getWrapped() {
        return wrapper;
    }

@Override
    public void handle() throws FacesException {
        Iterator<ExceptionQueuedEvent> i=getUnhandledExceptionQueuedEvents().iterator();
        while(i.hasNext()) {
            ExceptionQueuedEvent evt=i.next();
            ExceptionQueuedEventContext context = (ExceptionQueuedEventContext) evt.getSource();

Throwable t=context.getException();
            try{                
                String msgDetail=t.getMessage();
                String msgSummary=t.getCause().getMessage();
                bean.addError(msgDetail, msgSummary);
            }
            finally {
                i.remove();
            }            
        }
        getWrapped().handle();
    }

}

Luego el factory

Ahora hay que registrar el exception factory en el faces-config.xml

Mi bean que implementa la funcionalidad para enviar los mensajes al contexto de la aplicacion sera asi:

No explicare como configurar el bean anterior con spring ya que para ello ya he abordado el tema bastante.
Mi managed bean quedara de la siguiente manera

La plantilla la defino de la siguiente manera
Y la pagina implementando la plantilla

El resultado seria así

Adjunto codigo fuente para efectos de estudio.

Comentarios (0)

Inyectar objetos JSF 2.0 en Custom Converters

Posted in Etiquetas: converter, jsf 2.0, spring | viernes, octubre 07, 2011

Ya en una entrada previa había explicado que son los convertidores en JSF y como implementarlos, esta vez lo haré con JSF 2.0 e inyectare el acceso a datos a través de Spring.

La clave de esto es utilizar el FacesContextUtils.

De esta forma ya no es necesario registrar el converter en el archivo faces-config.xml y puede utilizarse para cualquier tipo de componente.

Comentarios (0)

Integracion de Liquibase con Spring y JPA

Posted in Etiquetas: base de datos, java, jpa, liquibase, postgresql, software, spring, versionamiento | miércoles, octubre 05, 2011

¿Qué es Liquibase?

Liquibase, es una libreria opensource para gestionar los cambios en base de datos. En la etapa de desarrollo de un sistema casi como norma debe versionarse el código fuente, pero no había un mecanismo para llevar un control de los cambios en la estructura de la base de datos y de esta necesidad nace liquibase.

En un equipo de desarrollo es habitual que cada miembro realice procedimientos almacenados, vistas o cambios en las estructuras de las tablas en función de las funciones que este desarrollando y al momento de integrar todo se vuelve un quilombo. Con liquibase los cambios se realizan a través de un archivo de cambios el cual se sincroniza con los demás miembros del equipo, de esta forma los cambios no se hacen directamente a la base de datos sino desde la aplicación al momento de su ejecución.

Desarrollare un pequeño ejemplo de como implementar esta libreria con Spring y JPA, del lado de la base de datos utilizare PostgreSQL. Supondremos que ya tenemos creado nuestro acceso a datos y procedemos a configurar el contexto de spring.

<tx:annotation-driven transaction-manager="transactionManager"/>
<bean id="transactionManager" class="org.springframework.orm.jpa.JpaTransactionManager">
    <property name="entityManagerFactory" ref="entityManagerFactory"/>
    <property name="dataSource" ref="dataSource"/>
</bean>

Ahora se debe configurar el archivo donde se declaran los cambios en la base de datos.

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<databaseChangeLog xmlns="http://www.liquibase.org/xml/ns/dbchangelog/1.9" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://www.liquibase.org/xml/ns/dbchangelog/1.9 http://www.liquibase.org/xml/ns/dbchangelog/dbchangelog-1.9.xsd">
    <preConditions>
        <dbms type="postgresql" />
    </preConditions>

<createTable tableName="project">
            <column name="id" type="int" autoIncrement="true">
                <constraints nullable="false" primaryKey="true" />
            </column>
            <column name="description" type="varchar" />
            <column name="start_date" type="datetime" />
            <column name="end_date" type="datetime" />
            <column name="fk_responsible" type="int">
                <constraints foreignKeyName="project-responsible" references="responsible"/>
            </column>
        </createTable>
        <sql>insert into responsible(name) values('dani');</sql>
    </changeSet>

Cuando ejecutemos la aplicación liquibase intentara primeramente hacer efectivos los cambios configurados en db-changelog.xml

En el caso de JPA, es de tener en cuenta que siempre hay que actualizar manualmente los Entity class, ya que no es parte de las funciones de liquibase.

Adjunto código fuente para efectos de estudio.

Comentarios (1)opiniones, ¿cual es la tuya?

JSF 2.0: TouchFaces

Primefaces: progressBar

JSF 2.0: Error Handling

Inyectar objetos JSF 2.0 en Custom Converters

Integracion de Liquibase con Spring y JPA

Acerca de mi

Busca en el blog

Seguidores

Archivo de blog