git.exe pull -v --progress       "origin"
 
POST git-upload-pack (957 bytes)
POST git-upload-pack (262 bytes)
remote: Counting objects: 186, done.
remote: Compressing objects: 100% (91/91), done.
fatal: early EOF
fatal: The remote end hung up unexpectedly
fatal: index-pack failed
error: RPC failed; result=56, HTTP code = 200
 
 
git did not exit cleanly (exit code 1) (29047 ms @ 17/06/2014 12:51:21)

Para solucionar este error tendremos que aumentar el buffer de git ejecutando este comando:

git config http.postBuffer 524288000

Tras añadir esta nueva configuración en nuestro repositorio local probar de nuevo a hacer “pull” en Git y comprobar si el problema está resuelto.

The post Git pull provoca error RPC failed RPC failed; result=56, HTTP code = 200 appeared first on Blog Developando.

Por defecto cuando añadimos un nuevo servidor Tomcat en Eclipse viene configurado con:

• Timeout Start: 45 segundos
• Timeout Stop: 15 segundos

La necesidad de aumentar este timeout puede surgir al intentar desplegar una nueva aplicación e iniciar el servidor.

Si la aplicación tiene que cargar muchas librerías y realizar varias operaciones durante el arranque del tomcat podríamos obtener un mensaje como el siguiente al sobrepasar el timeout configurado para el inicio:

Server Tomcat v6.0 Server at localhost was unable to start within 45 seconds. If the server requires more time, try increasing the timeout in the server editor.

Para evitar este error debemos incrementar el timeout. Para ello hacer doble clic sobre el servidor que esté configurado en eclipse. Esto abrirá una ventana con la configuración de Tomcat como la siguiente:

Timeout tomcat en Eclipse

En esta imagen vemos un apartado llamado “Timeouts” en donde poder incrementar los valores por defecto para “Start” y “Stop”.

Tras cambiar esta configuración, reinicar el servidor y los cambios serán aplicados.

The post Tomcat en Eclipse aumentar 45 segundos timeout startup appeared first on Blog Developando.

Para comenzar a trabajar con Luke debemos descargar la versión que queramos, en este tutorial la versión ujtilizada es la 3.5.0, y al probar Luke en Windows descargaremos el fichero “lukeall-3.5.0.jar“.

Una vez descargado el fichero JAR deberemos ejecutarlo. Para ello únicamente hay que abrir la línea de comandos y situarnos sobre la carpeta donde esté el fichero JAR y ejecutar este comando:

 java -jar lukeall-3.5.0.jar 

Ejecutando este comando accederemos a la herramienta Luke que tendrá el siguiente aspecto:

Lo siguiente será indicar la ruta a la carpeta en nuestro equipo donde está almacenado el índice de Lucene que se quiere consultar.
Tras indicar la ruta al índice accederemos a una interfaz como la siguiente donde veremos los objetos que están almacenados en dicho índice:

The post Leer índice Lucene con aplicación Luke en Windows appeared first on Blog Developando.

En este ejemplo partimos de un proyecto Maven que trabaja con la impletación de JSF2.0. Los pasos que vamos a seguir son:

1. Añadir la nueva dependencia (org.ocpsoft.rewrite) de PrettyFaces en Maven.
2. Configurar en el fichero ‘pretty-config.xml’ las URLs amigables de nuestro sitio.

1 – Añadir dependencia Maven

Para añadir la nueva dependencia de ‘PrettyFaces‘ en Maven debemos añadir las siguientes líneas al fichero ‘pom.xml‘ del proyecto Maven:

<dependency>
    <groupId>org.ocpsoft.rewrite</groupId>
    <artifactId>rewrite-servlet</artifactId>
    <version>2.0.12.Final</version>
</dependency>
<dependency>
    <groupId>org.ocpsoft.rewrite</groupId>
    <artifactId>rewrite-config-prettyfaces</artifactId>
    <version>2.0.12.Final</version>
</dependency>

2 – Crear fichero ‘pretty-config.xml’

Tras configurar las dependencias en Maven, únicamente habrá que crear un fichero con el nombre ‘pretty-config.xml‘ dentro de la carpeta ‘WEB-INF‘.

En este fichero añadiremos toda la configuración y los mapeos de las URLs amigables con las que vamos a trabajar.

A continuación mostramos un breve ejemplo para configurar el mapeo de nuestra página de inicio:

<pretty-config xmlns="http://ocpsoft.org/schema/rewrite-config-prettyfaces" 
      xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" 
      xsi:schemaLocation="http://ocpsoft.org/schema/rewrite-config-prettyfaces
                      http://ocpsoft.org/xml/ns/prettyfaces/rewrite-config-prettyfaces.xsd">
 
 <url-mapping id="inicio">
 <pattern value="/" />
 <view-id value="/index.html" />
 </url-mapping>
 
</pretty-config>

3 – Ejemplo de configuración de pretty faces

En este ejemplo vamos a partir de la siguiente estructura de ficheros de nuestro sitio web:

Estructura carpetas

Antes de configurar ‘PrettyFaces‘ las URLs de acceso a estos recursos eran las siguientes:

Página inicio - http://midominio/index.html
 
Página login - http://midominio/login.html
 
Página proudctos - http://midominio/productos/productos.html

Ahora vamos a modificar el fichero  ‘pretty-config.xml’ para añadir el mapeo de estas url y tener así URLs amigables para todas ellas. El contenido de este fichero tendrá un contenido como este:

<pretty-config xmlns="http://ocpsoft.org/schema/rewrite-config-prettyfaces" 
      xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" 
      xsi:schemaLocation="http://ocpsoft.org/schema/rewrite-config-prettyfaces
                      http://ocpsoft.org/xml/ns/prettyfaces/rewrite-config-prettyfaces.xsd">
 
 <url-mapping id="inicio">
 <pattern value="/" />
 <view-id value="/index.html" />
 </url-mapping>
 
 <url-mapping id="login">
 <pattern value="/login" />
 <view-id value="/login.html" />
 </url-mapping>
 
 <url-mapping id="productos">
 <pattern value="/productos" />
 <view-id value="/productos/productos.html" />
 </url-mapping>
 
</pretty-config>

Tras añadir estos nuevos mapeos ahora las URLs amigables de acceso a las diferentes páginas serán:

Página inicio - http://midominio/
 
Página login - http://midominio/login
 
Página productos - http://midominio/productos

En futuros tutoriales explicaremos más trucos para configurar ‘PrettyFaces’. Si no puedes esperar siempre puedes acceder a los recursos de PrettyFaces y empezar a investigar en su documentación.

The post JSF2.0 configurar url amigables con PrettyFaces appeared first on Blog Developando.

Detectar problema robots.txt

Si se crea el fichero ‘robots.txt‘ en la carpeta raíz del servidor, al acceder a la url “http://midominio.com/robots.txt” se obtendrá un error de este tipo:

Not Found
Error: The requested address '/robots.txt' was not found on this server.

Y en el ‘error.log‘ de la aplicación CakePHP podremos ver una línea de este estilo:

2014-05-06 13:47:09 Error: [MissingControllerException] Controller class Robots.txtController could not be found.

Solucionar problema robots.txt

Para solucionar este error únicamente hay que mover el fichero ‘robots.txt‘ a la carpeta ‘~/app/webroot/‘. Una vez movido el fichero, si se accede a la url anterior podremos ver el contenido completo del fichero ‘robots.txt’ que será consultado por los rastreadores de nuestro sitio.

The post CakePHP configurar fichero robots.txt appeared first on Blog Developando.

El error que veremos al ejecutar “Maven install” es “No compiler is provided in this environment. Perhaps you are running on a JRE rather than a JDK“.

Para solucionar este error de compilación de Maven debemos ir a “Windows > Preferences“, y desde ahí, en el menú de la izquierda, a “Java > Installed JREs“, como se muestra en la siguiente imagen:

En la imagen anterior se puede ver como está configurado la ruta a la carpeta “JRE7“. Para solucionar el problema debemos indicar la ruta a la carpeta que contiene el JDK.

Para ello, seleccionar la entrada de la configuración del JRE que queremos modificar y hacer clic en el botón “Editar“. En la siguiente ventana veremos la configuración de la carpeta actual que está apuntando a la carpeta errónea.

Hacer clic en “Directory” para seleccionar la carpeta correcta del JDK:

Ahora buscamos la carpeta que contiene el JDK de Java y hacer clic en “Aceptar“:

Volviendo a la pantalla anterior veremos que ya está configurada la ruta al JDK. Ahora ya podremos ejecutar de nuevo “Maven install” y el error habrá desaparecido:

Espero que os ayude a resolver este pequeño error. Si tenéis alguna pregunta no dudéis en dejar vuestros comentarios.

The post Eclipse error compilación Maven: ‘No compiler is provided in this environment’ appeared first on Blog Developando.

Estos son las paso que vamos a seguir en el tutorial:

1. Instalar y activar el plugin “Contact Form 7″.
2. Crear nuevo formulario.
3. Añadir campos al formulario.
4. Incluir el formulario en una nueva página.

Instalar plugin “Contact form 7″

Lo primero que habrá que hacer es instalar y activar el plugin ‘Contact form 7′, esto lo haremos desde el escritorio de administración de nuestro sitio WordPress.

Instalar el plugin

Debemos ir al área de configuración de los plugins y hacer clic en ‘Añadir nuevo’. Buscaremos el nuevo plugin utilizando como criterio de búsqueda ‘Contact Form 7′, y cuando se muestren los resultados de búsqueda hacer clic sobre la opción ‘Instalar ahora’ para el plugin indicado. En este tutorial podéis ver como instalar este plugin. Tras instalarlo y activarlo podremos ver una nueva opción en el menú de administración con el nombre “Contacto“, y será desde ahí donde podremos crear y administrar los formularios que vamos a utilizar en nuestro sitio WordPress:

Crear nuevo formulario

En este punto ya tenemos el plugin activado y podremos crear un nuevo formulario. Para esto debemos ir al nuevo menú de Contacto y hacer clic en ‘Añadir nuevo‘:

Contact Form 7 añadir nuevo

En el segundo paso hay que escoger el idioma para el nuevo formulario. Por defecto está seleccionado el idioma de WordPress. En nuestro caso haremos clic sobre el botón ‘Añadir nuevo‘, ya que el idioma por defecto es el español:

Contact Form 7 Idioma

Tras esto ya tenemos creado el nuevo formulario de contacto. Por defecto viene creado con una serie de campos y de mensajes que deberemos ir modificando para adaptarlo a nuestras necesidades. En el siguiente punto explicamos cómo añadir nuevos campos en los formularios.

Añadir campos al formulario

En este punto vamos a mostrar con un ejemplo cómo añadir un nuevo menú desplegable con diferentes opciones para que el usuario escoja un color. Para ello debemos ir a la parte de la derecha y ‘Genera una etiqueta‘ del tipo ‘Menú desplegable‘. En la siguiente image se muestra el formulario con los campos que hay que rellenar para configurar dicho desplegable:

Contact Form 7 nuevo campo

Para este nuevo campo únicamente hemos tenido que rellenar:

• Nombre del nuevo campo
• El identificador será algo opcional
• Estilos CSS que queremos que se le aplique, también opcional
• Una línea por cada una de las opciones que tendrá el menú desplegable

El resto de opciones han sido autogeneradas por el plugin. Podemos ver dos campos recuadrados en color rojo y verde. Estos campos son importantes ya que indican el texto que hay que añadir en el formulario para usar el nuevo campo, marcado en rojo, y el texto que hay que añadir para que aparezca en el correo, marcado en verde.

Añadir el campo creado al formulario

Para esto debemos copiar el texto que aparece recuadrado en rojo en el punto anterior, y añadir esa línea al área del formulario para que quede como se muestra en la siguiente imagen:

Añadir el campo al correo

Hay que configurar el correo para que aparezca el nuevo campo cuando los usuarios envíen dicho formulario. Para ello debemos añadir en el área de configuración del formulario el texto que aparece en el punto anterior recuadrado en verde, quedando dicho correo de esta forma:

Con estos dos cambios ya veremos el nuevo campo en el formulario, y recibiremos en nuestro correo la opción seleccionada por nuestros visitantes.

Configurar dirección correo destino

Durante la creación del formulario se debe configurar en la sección etiquetada como “Email” la dirección de destino del formulario. Será a esa dirección a la que se le envíe un correo con los datos que se han indicado durante la creación del formulario.

Configurar mensajes del formulario

El plugin ‘Contact Form 7′ viene predefinido con una serie de mensajes, en el mensaje escogido, que serán mostrados según el formulario se envíe correctamente, se produzca algún error, algún campo obligatorio no se haya introducido correctamente…

Todos estos mensajes los podemos modficar en esta sección:

Utilizar el formulario en una página

El útlimo paso será utilizar este formulario en alguna de nuestra páginas. Para ello únicamente debemos añadir el texto con el identificador del formulario en algún sitio de la página, y ya aparecerá nuestro formulario. En la siguiente imagen vemos cuál es el identificador que debemos copiar.

Para ello entrar en listado de formularios de contacto:

Ahora deberemos añadir toda esa línea que aparece recuadrada en rojo en una de nuestras páginas, como si de un texto se tratase.

Vamos a verlo con un sencillo ejemplo. En las siguiente imagen vemos cómo hemos creado un breve página con una línea de texto seguida de la línea anterior que identifica al formulario:

Si publicamos la página y accedemos a ella podemos ver que la página tendrá este aspecto:

Rellenando el formulario con esos valores, y enviando dicho formulario, recibiremos un correo en la dirección que hemos configurado al crear el formulario con el formato que hemos indicado para la creación del formulario.

Este es el formato que tiene el correo que hemos utilizado en el tutorial:

Ahora ya sólo tendrás que empezar a añadir todos los campos que necesite tu formulario y darle los estilos para que se adapte a tu sitio web. Si tenéis alguna duda, queja o sugerencia no dudéis en utilizar los comentarios.

The post WordPress crear formulario con Contact Form 7 appeared first on Blog Developando.

La instalación de un nuevo plugin para WordPress consta de tres pasos:

1. Búsqueda del nuevo plugin
2. Instalacion del plugin
3. Activación del plugin

Durante este tutorial vamos a seguir un ejemplo para instalar el plugin llamado ‘Contact Form 7‘.

Búsqueda del nuevo plugin

Para buscar un nuevo plugin deberemos ir a la opción ‘Añadir nuevo‘ dentro del menú ‘Plugins‘ del escritorio de administración:

Instalar plugin wordpress

Una vez ahí deberemos utilizar el buscador indicando el nombre del plugin que se quiere instalar.

Instalación del plugin

Al buscar un nuevo plugin obtenemos un listado de resultados con los plugins que estén relacionados con el criterio de búsqueda introducido. Deberemos hacer clic sobre el enlace ‘Instalar ahora‘ del plugin que vamos a instalar:

Wodpress Instalar plugin Contact form 7

Cuando se hace clic en dicho enlace, veremos una nueva ventana con el proceso de instalación. Cuando acabe la instalación tendremos una vista con la que se muestra en el siguiente punto, en la que se indica que se ha instalado correctamente y que si se quiere activar el plugin.

Esto quiere decir que cuando se instala un nuevo plugin aún no está habilitado. Por tanto, para poder comenzar a trabajar con él deberemos activarlo primero.

Activación del plugin

Para comenzar a trabajar con el nuevo plugin instalado en WordPress deberemos hacer clic sobre el enlace ‘Activar plugin‘. Tras hacer esto, si todo ha ido correctamente, podremos empezar a utilizarlo:

WordPress activar plugin

Siguiendo estos sencillos paso ya tendremos instalado y activado un nuevo plugin en WordPress.

Algunos plugins, como es el caso del ejemplo que hemos utilizado, añaden nuevas opciones la menú de la izquierda del escritorio de administración de WordPress con diferentes opciones de uso y configuración.

The post WordPress, instalar y activar un nuevo plugin appeared first on Blog Developando.

Comencemos con las modificaciones que hay que realizar. En la siguiente imagen mostramos como es la estructura de archivos y carpetas de un proyecto OpenXava básico:

Estructura proyecto OpenXava

Configurar MySql y OpenXava

Debemos modificar los siguientes ficheros dentro de nuestro proyecto para poder trabajar con MySQL:

• Configuración Tomcat ‘context.xml‘
• Fichero ant ‘build.xml‘
• Fichero de persistencia ‘META-INF/persistence.xml‘
• Fichero ‘hibernate.cfg.xml‘

Creación Base de datos

Lo primero que debemos hacer es crear una nueva base de datos. Para ello accederemos a la consola de MySQL y ejecutaremos lo siguiente:

create database developando;

En este ejemplo vamos a trabajar con los siguientes datos para la base de datos MySQL:

• Base de datos: developando
• Usuario: admin
• Contraseña: admin

Descargar el conector de MySQL

El siguiente paso será descargar el conector de la base de datos MySQL, en este tutorial utilizaremos ‘mysql-connector-java-5.0.8-bin.jar‘,  y copiarlo en la carpeta ‘~/tomcat/lib/‘.

Configurar el fichero context.xml de Tomcat

Editar el fichero ‘~/tomcat/conf/context.xml‘ con el siguiente contenido:

<Resource name="jdbc/developandoDS" auth="Container" type="javax.sql.DataSource" 
 maxActive="100" maxIdle="4" maxWait="10000"
 username="admin" password="admin" driverClassName="com.mysql.jdbc.Driver"
 url="jdbc:mysql://localhost:3306/developando" /> 

Deberemos rellenar el nombre de usuario y la contraseña del usuario de MySQL que se conectará a la base de datos. En este ejemplo hemos creado este nuevo recurso con el nombre ‘jdbc/developandoDS‘, y este será el nombre que utilizaremos en el resto de ficheros de configuración para referenciarlo.

Configurar ficheros del proyecto

Fichero build.xml

Cambiar la tarea que realiza la actualización del esquema para que utilice el conector de mysql. Para ello modificar el fichero “~/build.xml“, cambiando la tarea ‘UpdateSchema‘ por la siguiente:

<target name="updateSchema">
 <ant antfile="../OpenXava/build.xml" target="updateSchemaJPA"> 
 <property name="persistence.unit" value="junit"/>
 <property name="schema.path" 
           value="../../tomcat/lib/mysql-connector-java-5.0.8-bin.jar"/>
 </ant>
 </target>

Fichero persistence.xml

Dentro de la carpeta ‘persistence‘ del proyecto editar el fichero ‘META-INF/persistence.xml‘ añadiendo las siguientes líneas para modificar la persistencia por defecto:

<persistence-unit name="default">
     <provider>org.hibernate.ejb.HibernatePersistence</provider>
     <non-jta-data-source>java:comp/env/jdbc/developandoDS</non-jta-data-source>
     <class>org.openxava.session.GalleryImage</class>
        <properties>
            <property name="hibernate.dialect" value="org.hibernate.dialect.MySQLDialect"/>
        </properties>
    </persistence-unit>    

Y estas otras para modificar la persistencia de ‘junit‘:

 <persistence-unit name="junit">
     <provider>org.hibernate.ejb.HibernatePersistence</provider>
        <properties>
 <property name="hibernate.connection.driver_class" value="com.mysql.jdbc.Driver"/>
 <property name="hibernate.dialect" value="org.hibernate.dialect.MySQLDialect"/>
 <property name="hibernate.connection.url" value="jdbc:mysql://localhost:3306/developando"/>
 <property name="hibernate.connection.username" value="admin"/>
 <property name="hibernate.connection.password" value="admin"/>
        </properties>
    </persistence-unit>    

Fichero hibernate.cfg.xml

En este fichero deberemos modificar ‘hibernate.dialect‘ para que utilice ‘MySQLDialect‘, quedando el fichero de la siguiente manera:

<hibernate-configuration>
 
 <session-factory>
 
 <!-- Tomcat + MySQL -->
 <property name="hibernate.connection.datasource">java:comp/env/jdbc/developandoDS</property>
 <property name="hibernate.dialect">org.hibernate.dialect.MySQLDialect</property>
 <property name="hibernate.jdbc.use_get_generated_keys">false</property> 
 <property name="hibernate.show_sql">false</property>
 
 <mapping resource="GalleryImage.hbm.xml"/>
 
 </session-factory>
 
</hibernate-configuration>

Una vez realizados todos estos cambios en los ficheros de nuestro proyecto, ya podremos lanzar la tarea que se encarga de actualizar el esquema de la base de datos MySQL que hemos configurado.

Para ellos ejecutar la tarea ‘UpdateSchema‘ del fichero ‘build.xml‘, y si  todo está bien configurado deberemos ver una salida por consola como la siguiente:

Proyecto OpenXava crear esquema MySQL

Las líneas que están recuadradas en rojo muestran las tablas que han sido creadas al actualizar el esquema de la base de datos MySQL.

Espero que el tutorial sea de ayuda. Si tenéis alguna queja, duda o sugerencia no dudéis en utilizar los comentarios.

The post Configurar OpenXava y MySQL appeared first on Blog Developando.

En el informe que presenta esta herramienta hay un apartado en el que se habla de “Optimizar imágenes“. En este apartado se indica la url de todas las imágenes que se debería comprimir sin pérdida de calidad. Para hacer esto podremos utilizar muchos programas de edicción de imágenes o la herramienta online que vamos a presentar.

Herramienta Smush.it

Vamos a hablar de la herramienta de Yahoo Smush.it. El funcionamiento es sencillo, escogemos las imágene que queremos optimizar:

• Subir el fichero desde nuestro equipo.
• Indicar la url de la imagen

Una vez escogidas las imágenes se debe hacer clic sobre el botón “Smush” como se muestra en la imagen:

Optimizar imágenes carga web

Tras esto se muestra un resumen en el que se indica el tamaño que se ha ganado tras comprimir las imágenes:

Optimizar imágenes carga web

La herramienta Smush.it presenta un informe con una tabla en la que se muestra la siguiente información:

• Tamaño original de la imagen
• Tamaño de la imagen optimizada
• Cantidad de bytes de diferencia entre las dos
• % del tamaño reducido

Cada imagen de la tabla tiene un enlace desde el que poder ver/descargar cada una de ellas. O bien, se puede hacer clic en el botón “Download Smushed Images“, que permite descargar en un fichero ‘ZIP’ todas las imágenes cuyo tamaño se ha optimizado.

Para optimizar y mejorar el tiempo de carga de tu sitio web deberás analizarla con la herramienta de Google, y luego optimizar las imágenes que se indiquen en el resultado del test.

The post Tiempo de carga de un sitio web, optimizar imágenes con Smush.it appeared first on Blog Developando.