En este post veremos como tomar un screenshot de una página web utilizando la linea de comandos de Linux.
Los requerimientos necesarios son:

• Sistema operativo Linux
• Framebuffer Virtual del Servidor X (Xvfb)
• Navegador Firefox
• ImageMagick

Xvfb

En el Sistema Windows X, Xvfb es un servidor X11 que realiza todas las operaciones gráficas en memoria sin necesidad de utilizar una pantalla. Con esta herramienta vamos a crear una especie de pantalla virtual para iniciar Firefox en ella y luego tomar el screenshot.

En la siguiente imagen se muestra como installar Xvfb

Instalando Xvfb

Una vez instalado, procedemos a editar el siguiente archivo /etc/dbus-1/system.d/xorg-server.conf para poder arrancar nuesta pantalla virtual

El contenido actual es:

<!DOCTYPE busconfig PUBLIC
 "-//freedesktop//DTD D-BUS Bus Configuration 1.0//EN"
 "http://www.freedesktop.org/standards/dbus/1.0/busconfig.dtd">
<busconfig>
 <policy context="default">
 <allow own="org.x.config.display0"/>
 <allow send_destination="org.x.config.display0"/>
 <allow send_interface="org.x.config.display0"/>
 <allow own="org.x.config.display1"/>
 <allow send_destination="org.x.config.display1"/>
 <allow send_interface="org.x.config.display1"/>
 </policy>
</busconfig>

Agregamos la pantalla numero 2:

<!DOCTYPE busconfig PUBLIC
 "-//freedesktop//DTD D-BUS Bus Configuration 1.0//EN"
 "http://www.freedesktop.org/standards/dbus/1.0/busconfig.dtd">
<busconfig>
 <policy context="default">
 <allow own="org.x.config.display0"/>
 <allow send_destination="org.x.config.display0"/>
 <allow send_interface="org.x.config.display0"/>
 <allow own="org.x.config.display1"/>
 <allow send_destination="org.x.config.display1"/>
 <allow send_interface="org.x.config.display1"/>
 <allow own="org.x.config.display2"/>
 <allow send_destination="org.x.config.display2"/>
 <allow send_interface="org.x.config.display2"/>
 </policy>
</busconfig>

Ahora el siguiente paso es iniciar nuestra pantalla virtual, ejecutamos el siguiente commando:

$ Xvfb :2 -ac -screen :0 1024x768x24 2>&1 > /dev/null &

Esto nos debe iniciar nuestro servicio de Xvfb, para verificar que se esta ejecutando ejecutamos el siguiente comando:

$ ps auxx | grep Xvfb

Firefox

El siguiente paso ahora es iniciar Firefox en nuestra pantalla virtual y como parametro le pasamos la URL que debe cargar

$ firefox --display=:2 http://www.google.com -silent -nosplash -fullscreen 2>&1 > /dev/null &

Verificamos si en efecto se creo el proceso:

$ ps auxx | grep firefox

Luego procedemos a tomar el screenshot con el siguiente comando:

$ xwd -root -out -display :2 screen.xwd

ImageMagick

ImageMagick es una herramienta para manipular imagenes mediante linea de comandos.

Procedemos a installar ImageMagick

Instalando ImageMagick

Luego convertimos la imagen capturada a otro formato, como PNG por ejemplo.

$ convert screen.xwd screen.png

Resultado Final:

Resultado del Screenshot

Para finalizar, hay que cerrar los procesos de firefox y Xvfb

$ kill `pidof firefox`

$ kill `pidof Xvfb`

Script Completo

A continuación un pequeño script con el código para tomar el screenshot, como parámetro se le pasa la URL:

DISPLAY_NUMBER=:2
Xvfb $DISPLAY_NUMBER -ac -screen :0 1024x768x24 2>&1 > /dev/null &
sleep 10
firefox --display=$DISPLAY_NUMBER $1 -silent -nosplash -fullscreen 2>&1 > /dev/null &
sleep 10
xwd -root -out -display $DISPLAY_NUMBER screen.xwd
convert screen.xwd screen.png
rm screen.xwd
kill `pidof firefox`
kill `pidof Xvbf`
echo "[DONE]"

Para ejecutarlo:

$ ./take-screenshot http://www.google.com

Notas Finales

Como firefox se esta ejecutando en una pantalla virtual y no lo estamos cerrando de forma correcta (matando el proceso), es necesario eliminar el archivo que pide la restauracion de firefox.

$ rm /home/{USER_HOME}/.mozilla/firefox/{PROFILE_NAME}.default/sessionstore.js

Donde {USER_HOME} es el usuario donde se esta ejecutando firefox y {PROFILE_NAME} es el nombre del profile que se creo cuando se ejecuto firefox.

• screenshot javascript
• graficar en linux con xorg xvfb
• script firefox tomar foto
• script para tomas foto de pantalla firefox
• tomar pantallazos con javascript
• tomar Screen completo de web
• tomar screen de web
• tomar screen en javascript
• tomar screenshots con mozilla firefox
• tomar screenshots en mozilla

El POM es un archivo XML que representa la estructura de un proyecto Maven, este archivo lleva por nombre pom.xml, actualmente la versión soportada por Maven es la 4.0.

Se puede decir que un archivo POM esta compuesto de los siguientes elementos o secciones:

1. Elementos básicos.
2. Información del proyecto.
3. Módulos.
4. Herencia.
5. Dependencias.
6. Propiedades.
7. Configuración de construcción del proyecto.
8. Configuración del entorno de construcción.
   • Entorno del proyecto.
   • Entorno de Maven.

<project>
 <modelVersion>4.0.0</modelVersion>

 <!-- Elementos básicos -->
 <groupId>...</groupId>
 <artifactId>...</artifactId>
 <version>...</version>
 <packaging>...</packaging>

 <!-- Información del proyecto -->
 <name>...</name>
 <description>...</description>
 <url>...</url>
 <inceptionYear>...</inceptionYear>
 <licenses>...</licenses>
 <organization>...</organization>
 <developers>...</developers>
 <contributors>...</contributors>

 <!-- Módulos -->
 <modules>...</modules>

 <!-- Herencia -->
 <parent>...</parent>
 <dependencyManagement>...</dependencyManagement>

 <!-- Dependencias -->
 <dependencies>...</dependencies>

 <!-- Propiedades -->
 <properties>...</properties>

 <!-- Configuración de construcción del proyecto -->
 <build>...</build>
 <reporting>...</reporting>

 <!-- Entorno del proyecto -->
 <issueManagement>...</issueManagement>
 <ciManagement>...</ciManagement>
 <mailingLists>...</mailingLists>
 <scm>...</scm>

 <!-- Entorno de Maven -->
 <prerequisites>...</prerequisites>
 <repositories>...</repositories>
 <pluginRepositories>...</pluginRepositories>
 <distributionManagement>...</distributionManagement>
 <profiles>...</profiles>

</project>

Definiciones

groupId:
Es el nombre del paquete o grupo al que pertenece el proyecto, como por ejemplo com.csd-web.utils

artifactId:
Es el nombre del proyecto o del módulo a desarollar, por ejemplo logger

version:
Es la versión actual del módulo o proyecto, por ejemplo 0.1

modules:
Es una lista de los módulos que componen el proyecto, esto se utiliza cuando se trata de un proyecto multimódulo.

parent:
Esta etiqueta se utiliza si nuestro proyecto pertenece a un proyecto padre del cual debe heredar ciertas características, todos los proyectos tienen como padre SuperPOM por defecto

dependencyManagement:
En esta etiqueta se indican cuales seran las dependencias de los proyectos hijos que deben heredar del POM padre.

dependencies:
Aquí se especifican todas las dependencias desde otros proyectos externos para que Maven los incluya en el momento de construir el proyecto.

properties:
Son las propiedades o variables que se pueden definir a la hora de la construcción del proyecto.

Ejemplo de un POM

Aqui les muestro el archivo POM del proyecto SLF4J

<?xml version="1.0" encoding="UTF-8"?>
<project
xmlns="http://maven.apache.org/POM/4.0.0"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://maven.apache.org/POM/4.0.0
http://maven.apache.org/maven-v4_0_0.xsd">

 <modelVersion>4.0.0</modelVersion>

 <groupId>org.slf4j</groupId>
 <artifactId>slf4j-parent</artifactId>
 <version>1.5.8</version>

 <packaging>pom</packaging>
 <name>SLF4J</name>

 <url>http://www.slf4j.org</url>

 <organization>
 <name>QOS.ch</name>
 <url>http://www.qos.ch</url>
 </organization>
 <inceptionYear>2005</inceptionYear>

 <properties>
 </properties>

 <modules>
 <module>slf4j-api</module>
 <module>slf4j-simple</module>
 <module>slf4j-nop</module>
 <module>slf4j-jdk14</module>
 <module>slf4j-log4j12</module>
 <module>slf4j-jcl</module>
 <module>slf4j-ext</module>
 <module>jcl-over-slf4j</module>
 <module>jcl104-over-slf4j</module>
 <module>log4j-over-slf4j</module>
 <module>jul-to-slf4j</module>
 <module>integration</module>
 <module>slf4j-site</module>
 <module>slf4j-migrator</module>
 </modules>

 <dependencies>
 <dependency>
 <groupId>junit</groupId>
 <artifactId>junit</artifactId>
 <version>3.8.1</version>
 <scope>test</scope>
 </dependency>
 </dependencies>

 <dependencyManagement>
 <dependencies>

 <dependency>
 <groupId>org.slf4j</groupId>
 <artifactId>slf4j-api</artifactId>
 <version>${project.version}</version>
 </dependency>

 <dependency>
 <groupId>org.slf4j</groupId>
 <artifactId>slf4j-jdk14</artifactId>
 <version>${project.version}</version>
 </dependency>

 <dependency>
 <groupId>log4j</groupId>
 <artifactId>log4j</artifactId>
 <version>1.2.14</version>
 </dependency>

 </dependencies>
 </dependencyManagement>

 <build>
 <resources>
 <resource>
 <directory>src/main/resources</directory>
 <filtering>true</filtering>
 </resource>
 </resources>

 <plugins>
 <plugin>
 <groupId>org.apache.maven.plugins</groupId>
 <artifactId>maven-compiler-plugin</artifactId>
 <configuration>
 <source>1.3</source>
 <target>1.3</target>
 </configuration>
 </plugin>

 <plugin>
 <groupId>org.apache.maven.plugins</groupId>
 <artifactId>maven-surefire-plugin</artifactId>
 <configuration>
 <forkMode>once</forkMode>
 <reportFormat>plain</reportFormat>
 <trimStackTrace>false</trimStackTrace>
 <excludes>
 <exclude>**/AllTest.java</exclude>
 <exclude>**/PackageTest.java</exclude>
 </excludes>
 </configuration>
 </plugin>        

 <plugin>
 <groupId>org.apache.maven.plugins</groupId>
 <artifactId>maven-source-plugin</artifactId>
 <executions>
 <execution>
 <phase>package</phase>
 <goals>
 <goal>jar</goal>
 </goals>
 </execution>
 </executions>
 </plugin>

 <plugin>
 <groupId>org.apache.maven.plugins</groupId>
 <artifactId>maven-javadoc-plugin</artifactId>
 <configuration>
 <aggregate>true</aggregate>
 <excludePackageNames>org.slf4j.migrator:org.slf4j.migrator.*</excludePackageNames>
 <links>
 <link>

http://java.sun.com/j2se/1.5.0/docs/api

 </link>
 </links>
 <groups>
 <group>
 <title>SLF4J packages</title>
 <packages>org.slf4j:org.slf4j.*</packages>
 </group>

 <group>
 <title>SLF4J extensions</title>
 <packages>org.slf4j.profiler:org.slf4j.ext:org.slf4j.instrumentation:org.slf4j.agent</packages>
 </group>

 <group>
 <title>Jakarta Commons Logging packages</title>
 <packages>org.apache.commons.*</packages>
 </group>

 <group>
 <title>Apache log4j</title>
 <packages>org.apache.log4j</packages>
 </group>

 <group>
 <title>java.util.logging (JUL) to SLF4J bridge</title>
 <packages>org.slf4j.bridge</packages>
 </group>

 </groups>
 </configuration>
 </plugin>

 </plugins>

 </build>

 <profiles>
 <profile>
 <id>skipTests</id>
 <properties>
 <maven.test.skip>true</maven.test.skip>
 </properties>
 </profile>
 <profile>
 <id>osgi</id>
 <modules>
 <module>osgi-over-slf4j</module>
 <module>slf4j-osgi-test-bundle</module>
 <module>slf4j-osgi-integration-test</module>
 </modules>

 <repositories>
 <repository>
 <id>m2apache.snapshots</id>
 <url>http://people.apache.org/repo/m2-snapshot-repository</url>
 <releases>
 <enabled>false</enabled>
 </releases>
 <snapshots>
 <enabled>true</enabled>
 </snapshots>
 </repository>

 <repository>
 <id>springframework.org</id>
 <name>Springframework Maven SNAPSHOT Repository</name>
 <url>http://static.springframework.org/maven2-snapshots/</url>
 <snapshots>
 <enabled>true</enabled>
 </snapshots>
 </repository>

 </repositories>

 <pluginRepositories>
 <pluginRepository>
 <id>apache.snapshots</id>
 <name>Apache Snapshot Plugin Repository</name>
 <url>http://people.apache.org/repo/m2-snapshot-repository</url>
 <releases>
 <enabled>false</enabled>
 </releases>
 <snapshots>
 <enabled>true</enabled>
 </snapshots>
 </pluginRepository>
 </pluginRepositories>

 </profile>
 </profiles>

 <pluginRepositories>
 <pluginRepository>
 <id>apache.snapshots</id>
 <name>Apache Snapshot Plugin Repository</name>
 <url>http://people.apache.org/repo/m2-snapshot-repository</url>
 <releases>
 <enabled>false</enabled>
 </releases>
 <snapshots>
 <enabled>true</enabled>
 </snapshots>
 </pluginRepository>
 </pluginRepositories>

 <reporting>
 <plugins>
 <plugin>
 <groupId>org.apache.maven.plugins</groupId>
 <artifactId>maven-site-plugin</artifactId>
 </plugin>

 <plugin>
 <groupId>org.apache.maven.plugins</groupId>
 <artifactId>maven-project-info-reports-plugin</artifactId>
 <reportSets>
 <reportSet><reports/></reportSet>
 </reportSets>
 </plugin>        

 <plugin>
 <artifactId>maven-assembly-plugin</artifactId>
 <version>2.1</version>
 <configuration>
 <descriptors>
 <descriptor>
 src/main/assembly/source.xml
 </descriptor>
 </descriptors>
 <finalName>slf4j-${project.version}</finalName>
 <appendAssemblyId>false</appendAssemblyId>
 <outputDirectory>target/site/dist/</outputDirectory>
 </configuration>
 </plugin>

 <plugin>
 <groupId>org.apache.maven.plugins</groupId>
 <artifactId>maven-jxr-plugin</artifactId>
 <reportSets>
 <reportSet>
 <reports>
 <report>jxr</report>
 <report>test-jxr</report>
 </reports>
 </reportSet>
 </reportSets>
 <configuration>
 <aggregate>true</aggregate>
 <javadocDir>target/site/api/</javadocDir>
 <linkJavadoc>true</linkJavadoc>
 </configuration>
 </plugin>

 </plugins>

 </reporting>

 <scm>
 <connection>scm:svn:http://svn.slf4j.org/repos/slf4j/trunk</connection>
 <developerConnection>scm:svn:https://svn.slf4j.org/repos/slf4j/trunk</developerConnection>
 <url>http://svn.slf4j.org/viewvc/slf4j/trunk/</url>
 </scm>

 <distributionManagement>
 <site>
 <id>pixie</id>
 <url>scp://pixie/var/www/www.slf4j.org/htdocs/</url>
 </site>

 <repository>
 <id>pixie</id>
 <url>scp://pixie/var/mvnrepo/</url>
 </repository>

 </distributionManagement>

</project>

Enlaces Externos

Algunos enlaces en los cuales puedes encontrar una referencia mas completa acerca de los archivos POM

• Project Object Model (POM) de Maven
• The Maven 2 POM demystified
• Introduction to the POM

• pom maven svn osgi
• maven
• maven 2 1 site descriptor parent pom
• maven appendAssemblyId example
• maven distributionmanagement parent pom
• maven org slf4j
• maven plugin dojo profiles
• osgi profile pom
• pom exclude
• pom fork mode

Introducción

PHING (PHing Is Not GNU make), es una herramienta basada en el constructor (builder) de aplicaciones Java, Apache Ant, con la diferencia de que PHING es para construir aplicaciones escritas en PHP.

La estructura de la aplicación se describe en un archivo XML llamado build.xml, en este archivo podemos encontrar el nombre de la aplicación a construir, una descripción de la misma, la carpeta donde se encuentra nuestro código fuente, la carpeta de destino que contendrá la última versión de la aplicación y las tareas (tasks) que este debe ejecutar.

Esta herramienta es muy útil, por lo general, cuando se tiene una ruta  específica de un conjunto de librerías de utilidades que pueden formar parte de cualquier aplicación. Se puede hacer referencia a esta ruta desde su IDE de PHP, pero luego, tenie que asegurarse de copiarla cuando ya tiene su producto final.

También cuando se trabaja con diferentes configuraciones, ya sea el servidor de desarrollo o el de producción debe asegurarse de copiar y/o subir la configuración correcta, esto sin tomar en cuenta que la PC del programador pueda tener otra configuración. Este problema se resuelve con PHING, ya que a la hora de construir la aplicación solo basta con decirle que configuración debe cargar.

Enlace de descarga: http://phing.info/trac/wiki/Users/Download

Instalación y Documentación: http://phing.info/docs/guide/current/

Ejemplo del archivo build.xml

<?xml version="1.0" encoding="UTF-8"?>
<project
	name="Proyecto de prueba"
	default="stage"
	basedir="."
	description="Archivo Build del Proyecto de Prueba">

	<!--  Ruta que contendra la aplicacion web final -->
	<property name="build.dir" value="../build" />

	<!-- Ruta de los archivos fuentes -->
	<property name="src.dir" value="./app" />

	<!--
	PHP COMMONS LIBS - PCL
	Configuracion de la libreria de utilidades comunes

	pcl.src.dir:
	Es la ruta donde se encuentra los archivos fuente de PCL

	pcl.out.dir:
	Es la ruta donde se copiara las utiliades dentro de la aplicacion
	-->
	<property name="pcl.src.dir" value="../PCL" />
	<property name="pcl.out.dir" value="${build.dir}/libs/PCL" />

	<!-- Incluye los archivos fuente de la aplicacion -->
	<fileset dir="${src.dir}" id="srcfiles">
		<include name="**" />
	</fileset>

	<!--
	- Incluye los archivos del proyecto PCL
	- Excluye archivos de Zend Studio for Eclipse (ZSE) - opcional
	-->
	<fileset dir="${pcl.src.dir}" id="pclfiles">
		<include name="**" />
		<exclude name=".cache/**" />
		<exclude name=".settings/**" />
		<exclude name=".project" />
	</fileset>

	<!-- Prepara el directorio de destino -->
	<target
		name="init"
		description="Preparando el directorio destino ==> ${build.dir}">

		<echo message="Preparando el directorio ${build.dir}" />
		<delete dir="${build.dir}" failonerror="true" />
		<mkdir dir="${build.dir}" />
		<mkdir dir="${build.dir}/libs"/>
		<!--
		Crea el directorio de destino de PCL
		-->
		<mkdir dir="${pcl.out.dir}" />
	</target>

	<!-- Construye la aplicacion WEB PHP -->
	<target
		name="build"
		depends="init"
		description="Construye la aplicacion WEB">

		<!--
		Copia los archivos fuentes de la aplicacion
		-->
		<echo message="Copiando archivos desde ${src.dir}" />
		<copy todir="${build.dir}">
			<fileset refid="srcfiles" />
		</copy>

		<!--
		Copia los archivos de configuracion de la aplicacion
		-->
		<echo message="Copiando configuracion desde ${config.dir}" />
		<copy todir="${build.dir}">
			<fileset dir="${config.dir}">
				<include name="**" />
			</fileset>
		</copy>

		<!--
		Copia los archivos de PCL dentro de la carpeta de destino
		-->
		<echo message="Copiando archivos PCL desde ${pcl.src.dir}" />
		<copy todir="${pcl.out.dir}">
			<fileset refid="pclfiles" />
		</copy>
	</target>

	<!-- Carga la configuracion del servidor de desarrollo de la aplicación -->
	<target
		name="stage"
		description="Construir con la configuracion de desarrollo">

		<!--
		Llamado a build con la configuracion de desarrollo
		-->
		<phingcall target="build">
			<property name="config.dir" value="./config/stage" />
		</phingcall>

		<echo message="-----------------------------------" />
		<echo message="  APLICACION CONSTRUIDA CON EXITO  " />
		<echo message="CONFIGURACION DE DESARROLLO CARGADA" />
		<echo message="-----------------------------------" />
	</target>

	<!-- Carga la configuración del servidor de produccion de la aplicacion -->
	<target
		name="production"
		description="Construir con la configuracion de produccion">

		<!--
		Llamado a phing con la configuracion de produccion
		-->
		<phingcall target="build">
			<property name="config.dir" value="./config/production" />
		</phingcall>

		<echo message="-----------------------------------" />
		<echo message="  APLICACION CONSTRUIDA CON EXITO  " />
		<echo message="CONFIGURACION DE PRODUCCION CARGADA" />
		<echo message="-----------------------------------" />
	</target>
</project>

Para construir la aplicación con este archivo, nos vamos por linea de comandos hasta la ruta donde se encuentra nuestro proyecto y ejecutamos:

Carga la configuración stage por defecto

{RUTA_DEL_PROYECTO}> phing

Carga la configuración de produccion

{RUTA_DEL_PROYECTO}> phing production

Integracion del PHING con ZSE

Podemos crear un proyecto en el ZSE que contenga nuestro archivo build.xml y ejecutar el PHING desde el ZSE para construir nuestro proyecto.

Para esto nos vamos al menú Project -> Properties -> Builders -> New... -> Program -> OK

Name: Phing

Location: {RUTA_DE_INSTALACIÓN_DEL_PHING}

Working Directory: {RUTA_DEL_PROYECTO}

Arguments: Aqui se puede colocar que configuración se desea cargar, por defecto toma stage (desarrollo)

• phing
• que es phing
• copiar archivo de ruta en dir en java
• phing build xml
• proyecto maven no encuentra xml properties dentro de la carpeta conf