El sitio PHPClasses.org, uno de los portales más populares en el ambiente de desarrolladores PHP ya abrió el período de votación para seleccionar cuál será su próximo diseño web. El proyecto es muy popular por todos los contenidos que facilita a la comunidad y por ser un excelente espacio para compartir recursos, preguntas y productos entre los desarrolladores; sin embargo, a nivel de apariencia el proyecto requiere un rediseño completo, por esta razón, decidieron abrir un concurso en el cual actualmente participan más de 30 diseños enviados desde diferentes partes del mundo.

El concurso cuenta con la particularidad de haber recibido sólo aquellas propuestas que se ajustaran técnicamente a los requerimientos planteados por los administradores del proyecto (uso de tablas, evitar manejo de algunos elementos, deshabilitar javascript, etc),  fue necesario para esto utilizar sólo las herramientas que phpclasses.org facilitó a los participantes y así cumplir rigurosas medidas sobre qué partes del código era posible modificar.

Por esta misma razón nuestra propuesta sufrió algunos ajustes de última hora que hubiésemos querido evitar, sin embargo, tenemos la esperanza de poder seguir trabajando en la propuesta en caso de ganar el concurso para ajustar cualquier detalle pendiente. Por esta misma razón queremos aprovechar nuestro blog para publicar nuestra propuesta tal como la soñamos inicialmente, así como el enlace para que usted apoye esta iniciativa y pronto podamos ver un rediseño completo de este proyecto.

El concurso finaliza el 31 de diciembre, en caso de que ninguna de las propuestas gane con más del 50% de los votos se iniciará una segunda ronda de votación. Para InterGraphicDESIGNS sería un gusto ganar o avanzar en la competencia y participar en el desarrollo de tan alta exposición y calidad como PHPClasses.org

English user of PHPClasses.org?

Well, if you are reading this post, probably it is beacause you want to add some feedback to our design theme. In general we have seen most of the users like the elePHPant, the colors and the nice background. We also know there are some details that we must fix as the menu icons, the IE incompatibilities and more. We hope to have the oportunity to work on that if we win the contest, for this reason we also want to use our blog to show the design theme as we dream it at the beginning, in some moment, our design was accepted, but then the icons were visible again (for contest rules - and we didnt notice -) and well, some text alignment and issues appears but we hope to fix if you give us that oportunity giving your vote to this theme.

Important: This theme at http://www.intergraphicdesigns.com/clients/phpclasses/ is just a sketch, it is possible not all the features we show here could be developed at phpclasses.org for contest rules, but it is just the way we have to show our design capabilities and ideas for the project if PHPClasses.org give us the oportunity to continue working on that.

Thanks for all the nice comments and feedback we have received.

Some comments of PHPClasses.org users:

BEST OF THE GROUP. This is the most striking of all the designs. The 3-D panels and logo look to the future and make things pop. The colors are bold. I like the dark menu panels, but they don’t dominate which is good. The top login is very clear. Perhaps some other buttons could go there as well. I’m not so sure about the side pattern panels, but their color works. This is the standout submission.

Mike Blevins

NICE ELEPHPANT. It probably will, for me it’s the best ;).

Ioan Chiriac

GREAT JON: I really liked it 100% your template man. Congrats for that!

Fernando Martin

Compartir esto

http://www.flickr.com/photos/dragonbe/3411273755/in/pool-elephpants

PHP ingresó por primera vez al Top 3 de lenguajes de programación más populares según el ranking TIOBE. Este ranking mensual estudia cuáles lenguajes de programación cuentan con más desarrolladores capacitados, índice de popularidad, cursos impartidos y revendedores.

Según en ranking de setiembre 2009, los 5 lenguajes de programación más utilizados son: Java, C, PHP, C++ y (Visual) Basic. En el mundo del desarrollo web, otras posiciones interesantes son Perl (6ta posición), JavaScript (9na posición) y Ruby (10ma posición).

En el caso de PHP es la primera vez que ingresa al listado de los 3 lenguajes más utilizados y se posicionó detrás de Java y C. Para obtener estos datos el índice tomó en cuenta herramientas como Google, Wikipedia, Yahoo!, YouTube y MSN.

Es importante aclarar que el índice no es cualitativo, es decir, no pretende dictar cuáles son los mejores 3 lenguajes de programación, pero ciertamente es un indicador del uso, la difusión y el crecimiento de la comunidad de desarrolladores en los diferentes lenguajes.

Para la comunidad de PHP es una excelente noticia al saber que cada vez se cuentan con más expertos en el tema, lo cual desde luego genera mejores productos, más código libre, mejor documentación, más cursos impartidos y en general una plataforma de desarrollo y conocimiento más sólida para todos.

Para entender más sobre el ranking TIOBE puede visitar la definción del ranking TIOBE.

Compartir esto

Subversion es una herramienta de control de versiones que se instala en un servidor en el cual se almacena un historial de cada modificación que se haga en un proyecto.

Es posible instalar un manejador gráfico de SVN, Tortoise, el cuál se integra con el sistem operativo y permite ejecutar de manera gráfica los diversos comandos de manejo de versiones de SVN.

Sin embargo, para realizar una actualización del repositorio local es necesario dejar el ambiente de trabajo e ir a la carpeta donde se encuentra nuestro proyecto y desde el explorador  ejecutar el Tortoise SVN.

Este proceso genera alguna pérdida importante de tiempo, mientras se busca el proyecto y se actualiza el repositorio.

A raíz de esto se han generado varios complementos en las herramientas de desarrollo que permiten el manejo de SVN desde el mismo ambiente de desarrollo.

Entre ellas están

DreamWeaver - Subweaver

Eclipse  -  Subclipse

Visual Studio - VisualSVN

Estos complementos son livianos y agilizan el desarrollo, control y finalización de los proyectos.

Compartir esto

Anteriormente vimos Open Flash Chart trabajando y lo sencillo que es de utilizar. Además de OFC tenemos otras opciones también importantes:

Google nos brinda el “API de Google Chart que permite generar gráficos de forma dinámica”.

Se utiliza llamando a la url de la API de la siguiente forma:

http://chart.apis.google.com/chart?cht=p3&chd=t:60,40&chs=250×100&chl=Hello|World

Este link devolverá una imagen con el gráfico.

Donde:

• http://chart.apis.google.com/chart? es la ubicación del API de Chart.
• & separa los parámetros.
• chs=250x100 es el tamaño del gráfico en píxeles.
• chd=t:60,40 son los datos del gráfico.
• cht=p3 es el tipo de gráfico.
• chl=Hello|World es la etiqueta del gráfico.

Te dejamos la guia del desarrollador de la API de Google Chart. Además si deseas una visualización mas personalizada (no solo para gráficos, puedes encontrar para tablas de resultados también) con varios ejemplos te recomendamos  Google Visualization API

Si lo que buscas es algo en PHP, la librería de pChart te puede dar la solución para la personalización  de gráficas.

(más…)

Compartir esto

Ahora tenemos una excelente posibilidad de incluir gráficos personalizados en nuestras páginas web gracias al componente Open Flash Chart (http://teethgrinder.co.uk/open-flash-chart-2/) el cual se encuentra gratuito y con licencia LGPL (http://www.gnu.org/licenses/lgpl.html).

Con este componente se pueden crear gráficos de: línea, barra, barra horizontal, barras apiladas, de candela, de área, pie, radar y de dispersión. Cabe mencionar que los gráficos tienen bastantes opciones de personalización para darle el gusto personal.

¿Qué tan complicado es usar este componente?

Se necesita incluir el componente en nuestro HTML y también debemos proveer el archivo de datos en el servidor. Dicho archivo de datos puede ser un archivo de texto plano, o un .PHP, Perl, Python o Java.

Para un gráfico simple, sencillamente se ubica el archivo data.txt en el sitio y se apunta el componente al URL de dicho archivo. No obstante, lo que en realidad queremos es cargar nuestros gráficos con datos extraídos de una base de datos o algo calculado de antemano. Para hacer esto, necesitamos crear el archivo de datos en algún lenguaje como PHP (el cual realizará los cálculos o recuperará datos de una base de datos) y apuntamos el componente a este archivo para que el gráfico se cargue con dichos datos.

Para hacer este trabajo más sencillo, Open Flash Chart incluye clases creadas en PHP, Perl, Python y Java las cuales se encargan de crear los datos a ser desplegados en los gráficos del componente.

Les adjunto un archivo comprimido con un ejemplo funcional en PHP que incluye todo. Para probarlo, su servidor web debe tener soporte para PHP, el navegador debe tener instalado el Flash Player y únicamente deben subirlo lugar deseado en su sitio web.

ejemplo-grafico

A continuación les muestro un pantallazo del gráfico de pie sencillo creado por el ejemplo.

Gráfico

Compartir esto

Traducción del artículo en inglés tomado de: http://www.catswhocode.com/blog/3-ways-to-compress-css-files-using-php

Cuando usted se encuentra desarrollando un diseño sofisticado, los archivos CSS rápidamente pueden volverse grandes y requerir de tiempo para cargar. En este artículo se han recopilado 3 formas interesantes para comprimir archivos CSS utilizando PHP.

El método de Paul Stamatiou

Para que usted pueda aplicar este método, primero debe renombrar todos sus archivos .css a .css.php

Además, asegúrese de importar los archivos en su html utilizando su nuevo nombre:




Cuando usted haya renombrado sus archivos css, edítelos y agregue la siguiente porción de código al inicio del archivo:

Seguidamente, agregue la siguiente línea al final del archivo y guárdelo:

Eso es todo. Este método es útil y eficiente.

El método Perishable Press

Básicamente, este método funciona igual que el de Paul Stamatiou, al renombrar sus archivos .css en .css.php (o solamente .php) y agregando esta pequeña porción de código al inicio de su archivo CSS:

ob_start (”ob_gzhandler”);

header (”content-type: text/css; charset: UTF-8″);

header (”cache-control: must-revalidate”);

$offset = 60 * 60;

$expire = “expires: ” . gmdate (”D, d M Y H:i:s”, time() + $offset) . ” GMT”;

header ($expire);

?>

Este método se recomienda más que el descrito por Paul Stamatiou debido a que usted no tendrá que editar tanto el inicio como el final del archivo CSS.

El método Reinhold Weber

Este método fue creado por el desarrollador alemán Reinhold Weber. Lo mínimo que se puede decir es que es el mejor de los 3 métodos de este artículo.

header('Content-type: text/css');

ob_start(”compress”);

function compress($buffer) {

/* remove comments */

$buffer = preg_replace(’!/*[^*]**+([^/][^*]**+)*/!’, ”, $buffer);

/* remove tabs, spaces, newlines, etc. */

$buffer = str_replace(array(”rn”, “r”, “n”, “t”, ‘ ‘, ‘ ‘, ‘ ‘), ”, $buffer);

return $buffer;

}

/* your css files */

include(’master.css’);

include(’typography.css’);

include(’grid.css’);

include(’print.css’);

include(’handheld.css’);

ob_end_flush();

?>

¿Por qué este método es el mejor? Porque es el único de los 3 métodos que no requiere renombrar sus archivos .css a .php ni modificarlos. Muy factible de utilizar en un sitio en producción. Adicionalmente, la expresión utilizada para comprimir los comentarios del archivo CSS es también muy buena.

Observaciones de InterGraphicDESIGNS:

A pesar del aprovechamiento que se le puede dar a estos métodos, tenemos que tomar en cuenta que los archivos css se comprimen cada vez que la página es cargada (con excepción de las páginas que habiliten algún caché), lo que podría provocar procesamiento extra del CPU en un sitio con mucho tráfico.

Algo que puede resultar de utilidad es elaborar un script en PHP que, usando cualquiera de estos 3 métodos, genere los archivos finales CSS comprimidos y éstos sean leídos directamente por las páginas para evitar que el servidor esté comprimiendo los archivos CSS cada vez que se cargan dichas páginas. Con esto conseguiríamos también “ofuscar” de alguna manera nuestros CSS haciendo un tanto difícil para el usuario en Internet leer los mismos.

Compartir esto