Crear formularios fácilmente en PHP con Zebra Form

 La creación de formularios para la web suele con llevarnos un tiempo  de desarrollo bastante elevado,  desde el diseño del formulario mediante el empleo de CSS, una tarea que puede complicarse bastante si el diseño gráfico no es nuestro fuerte. Hasta la programación del formulario para que realice la tarea deseada, sin olvidarnos de los controles de seguridad básicos para no sufrir ningún tipo de ataque a través de los formularios.
Para ayudarnos en la tarea de creación de formularios existe en PHP una librería, Zebra Form , que nos simplifica enormemente esta engorrosa tarea. Gracias a esta librería podremos crear bonitos formularios, seguros y sobre todo, funcionan correctamente en cualquier navegador con unas pocas líneas de cógido en PHP.
Entre las características más destacables de la librería desarrollada por Stefan Gabos, a parte de la ya mencionada facilidad para diseñar los formularios, se encuentran:
1.- Empleo de jQuery en la validación del formulario en la parte cliente y PHP, obviamente, en la parte del servidor. En la parte cliente, en el navegador del usuario, se realiza una comprobación básica de los campos del formulario, formato de los valores introducidos, campos obligatorios cumplimentados….etc. Mostrando mediente jQuery una serie de alertas indicando los datos que faltan o que han sido introducidos erróneamente.
2.- Utilización de Captchas para evitar el envío de forma masiva y automatizada de spam.
3.- Carga de ficheros en el servidor mediante Ajax, lo que le permite a los formularios creados con Zebra Form subir los ficheros de forma más rapida y  sencilla al servidor.
4.- Controles de seguridad, Zebra Form, lleva integrados varios scripts de seguridad, para proteger sus formularios frente a los ataques más habituales perpretados a través de ellos. Lleva integrado un sistema de cross-site scripting para evitar los ataques mediante XSS, para ello excluye automáticamente cualquier código malicioso que los usuarios incluyan en los datos enviados. También dispone de protección frente a los ataques mediante falsificación de petición en sitios cruzados o CSRF  lo que le confiere una mayor robustez y seguridad al formulario.
Gracias a las características detalladas anteriormente, los formularios creados mediante la utilización de la librería Zebra Form, están dotados de los principales mecanismos de seguridad frente a posibles ataques. Además dada la gran cantidad de plantillas disponibles no resultará difícil crear cualquier formulario rápidamente y sin necesidad de tener conocimientos avanzados sobre diseño gráfico. Sin duda alguna Zebra Form es una gran ayuda que nos simplificará el trabajo durante el desarrollo de todos los formularios (contacto, validación, registro…etc) que contiene una web actual.

Tags de búsquedas:

seguridad en formularios php,zebra forms expresiones regulares,android zebra formularios,crear seguridad en envio de datos formulario blogger,no consigo poner a funcionar zebra forms,tarea hacer un formulario en php

Textillate.js o como animar el texto de nuestra web fácilmente

El diseño de cualquier web es fundamental para que tenga éxito, debe ser visualmente agradable y atractiva para los usuarios que la visitan pero no debe ser una penalización en el posicionamiento dentro de los principales buscadores. Unir ambos requisitos suele ser complicado y no siempre se logran todos los objetivos deseados.
Para ayudar en el diseño de nuestra web o mejor dicho, para hacer más atractiva y llamativa nuestra web sin penalizar notablemente el SEO de la misma. Se ha creado un plugin nuevo de jQuery, Textillate.js que nos permitirá dotar de animación a nuestros textos de una forma sencilla gracias a CSS3.
Hasta ahora si queríamos animar cualquier texto existente en nuestra web, debíamos recurrir a la creación de una animación flash. Dicha animación nos mejoraba el aspecto estético de nuestra web pero nos perjudicaba el SEO, sobre todo por que aumentaba los tiempos de carga de nuestra web en el navegador del usuario y por que los principales motores de búsqueda no indexan correctamente las web que contienen animaciones flash.
El plugin de jQuery, Textillate.js, nos permite crear animaciones de texto sin necesidad de tener que recurrir a flash, para las animaciones aprovecha toda la potencial de CSS3. Lo que nos permite dotar a nuestra web de mayor vistosidad sin sobrecargar los tiempos de carga y por lo tanto sin penalizar el SEO de la misma. Sin duda alguna, Textillate.js es una gran ayuda para la animación de textos.
Para utilizar Textillate.js en nuestra web solo necesitamos incluirlo como cualquier otro plugin de jQuery junto a las librerías de las que depende, jQuery, animate.css y lettering.js. Una vez incluido podemos utilizarlo como cualquier otro plugin

            $(function () {
    $('.tlt').textillate();
})

Si no especificamos nada el plugin aplica una animación por defecto, mediante la API podemos modificar y adaptar la animación que más nos guste. En la web oficial del plugin () podemos ver los efectos disponibles, así como podemos descargar el plugin para utilizarlo en nuestra web.
El plugin Textilllate.js es de gran utilidad ya que simplifica la animación de textos en la web, el único inconveniente que tiene es la compatibilidad del navegador, ya que para que se visualice correctamente el navegador debe admitir las propiedades específicas de CSS3. Las versiones más recientes de los navegadores son compatibles con el plugin, por lo que no debemos tener problemas para su correcta visualización.

Robird, una aplicación ideal para usuarios de Twitter

Cualquier persona que haya adquirido o que tenga en su poder un smartphone, probablemente sea un asiduo usuario de las redes sociales. Entre ellas, Twitter es una de las más populares, encabezando la lista junto con Facebook. Esta red social de microblogging a su vez es la más elegida por aquellos usuarios de teléfonos inteligentes, sobre todo porque es muy fácil de utilizar y nos ayuda a pasar el rato e incluso a comunicarnos con los demás. Robird, a su vez, es un cliente de Twitter disponible para Android que viene pisando fuerte en el market, debido a algunas características que destacan sobre otros clientes.

Utilizando Robird en Android

Robird, además de todas las funcionalidades regulares que nos ofrece para manejar nuestra red social predilecta y sacarle el mayor de los provechos, destaca principalmente por su sistema de notificaciones, bastante novedoso y definitivamente diferente a todas las demás aplicaciones que se conocen hasta el momento. Se preguntarán “¿qué es eso tan diferente que tiene Robird?”. Lo que hace que sea tan destacada como aplicación, es su sistema de notificaciones push. ¿Qué significa esto? Que las notificaciones llegan automáticamente a nuestro smartphone, lo que las hace más accesibles. La única aplicación que tiene esta característica es la oficial de Twitter, pero si por algún motivo queremos trasladarnos a otra, Robird es la que deberíamos elegir para conservar la mayor cantidad de prestaciones posibles.
En cuanto a la interfaz gráfica  dato que muchos usuarios toman en cuenta a la hora de descargar o no un aplicación, es bastante atractiva y está muy a tono con todo el sistema Google que caracteriza a los smartphones con Android. Los colores similares, las fuentes de letra, e incluso la manera de funcionar se ajusta perfectamente al sistema operativo. Además del punto estético, la aplicación es muy intuitiva, funciona rápido, y es muy fácil de configurar. ¡Los animo a probarla!

Cómo realizar tu analítica blogger en tiempo real

Todos los que trabajamos en la red y los que vivimos de está maravillosa herramienta que es la Internet, sabemos la importancia que tiene el tiempo real. Metafóricamente incluso muchos cibernautas comparan el “tiempo real” diciendo que es algo así como el Santo Grial de los webmasters y bloggers. Y sí, tener acceso a los resultados y al rendimiento de lo que hemos publicado en el minuto a minuto es algo así como el rating en televisión, nos brinda información jugosa y por supuesto nos ayuda a tener una idea de cómo está funcionado nuestro sitio, qué cosas impactan bien y cuáles no tienen tanto resultado, a su vez nos brindan datos importantes a la hora de plantear estrategias con respecto a los contenidos, horarios de publicación, geolocalización de los usuarios y del publico objetivo, etc.
Ahora bien, los que recién están adentrándose en esto de las analíticas webs y del tiempo real para hacer seguimiento de resultados, probablemente no sepan cómo dar el primer paso. Existen herramientas muy útiles para realizar seguimientos en tiempo real, y en este caso hablaremos de una en particular, para luego también brindar algunas alternativas en caso de que la primera no resulte del todo convincente. Veamos a continuación.

Lucky Orange, el tesoro de la red

Lucky Orange es un sitio que nos permite realizar esto que mencionamos anteriormente, un seguimiento en tiempo real de los usuarios que ingresan al blog para ir comprobando el rendimiento y los resultados de aquello que hemos publicado. Se preguntarán, ¿cómo funciona? lo único que debemos hacer una vez creada la cuenta es copiar un codigo de javascript que nos brindará el sitio mismo dentro del código de nuestro blog. Si bien el servicio es de pago, tenemos un período de prueba sin costo a través del cual podemos probarlo para decidir si lo queremos de manera definitiva, o no.
El análisis en tiempo real que ofrece Lucky Orange es muy completo. Además de permitirnos hacer un conteo de visitantes únicos podemos también podemos ver cuáles son las palabras clave con más peso en nuestro sitio, y los países y ciudades de dónde proviene mayor cantidad de trafico, entre otras funciones. Por otro lado, una de las cosas que hace a Lucky Orange destacar de las demás analiticas es que nos permite hacer un seguimiento de los tweets que están hablando de nosotros, en tiempo real. Finalmente, la función de “Heat Map” que nos ayuda a conocer las zonas más “calientes” del sitio, en qué partes se situó más el cursor y dónde se concentra mayormente el movimiento tanto del teclado como del mouse.

Alternativas para análitica web

En la red nos podemos topar con un sin fín de paginas web donde podamos realizar la analitica de nuestro sitio. Lo cierto es que no todas estas paginas son tan buenas y precisas, por eso hemos hecho una pequeña selección para tener como alternativa en caso de no querer usar Lucky Orange.
WooRank. En esta pagina además de acceder a la analítica también podremos utilizar otras herramientas que nos brindarán una enorme cantidad de información sobre el rendimiento de nuestro sitio en general. Una vez hecho el análisis del sitio, WooRank no proporciona el puesto que tenemos en el ranking, nos otorga una calificación y nos brinda un informe sobre el SEO del sitio. Pruebalo aqui.
ChartBeat. Este servicio es especial para los sitios con un flujo masivo y constante de visitantes. A través de estadísticas detalladas y gráficos muy bien elaborados nos ofrece un informe del funcionamiento de nuestro sitio en tiempo real. La información brindada, además de la cantidad de visitantes, abarca los países y ciudades de donde provienen las visitas, el tiempo de carga, la fuente de trafico y las paginas que hayan sido compartidas en redes sociales ajenas. Pruebalo aqui.

phpDocumentor – organiza tu documentación PHP y expórtala a HTML

Existen algunas herramientas que permiten generar documentación de forma automática a partir del código fuente. Javadoc es la herramienta estándar en Java. Para PHP una de las herramientas más utilizadas es phpDocumentor.
La documentación de un proyecto de software es tan importante como su código. Una buena documentación nos facilita en gran medida el mantenimiento futuro de la aplicación. Si además estamos trabajando en equipo es muy útil saber lo que hacen las partes que desarrollan otras personas, sobretodo si tenemos que utilizarlas en nuestra parte.
Para ayudarnos existe la aplicación PhpDocumentor, que nos permite generar automáticamente una buena documentación de nuestro código, de una forma parecida a como lo hace JavaDoc. Mediante comentarios y unas etiquetas especiales podemos definir de forma sencilla que hace cada clase, cada método y cada función de nuestro código.

Los elementos que pueden ser documentados son:

• define
• function
• class
• class vars
• include/require/include_once/require_once
• global variables

/** * Descripción breve (una línea) * * Descripción extensa. Todas las líneas que * sean necesarias * Todas las líneas comienzan con * <- Esta línea es ignorada * * Este DocBlock documenta la función suma() */ function suma() { ... }

1 2 3 4 5 6 7 8 9 10 11 12 13 14

/** * Descripción breve (una línea) * * Descripción extensa. Todas las líneas que * sean necesarias * Todas las líneas comienzan con * <- Esta línea es ignorada * * Este DocBlock documenta la función suma() */ function suma() { ... }

Además se puede incluir documentación global a nivel de fichero y clase mediante la marca @package

Documentación para classes y archivos

Marca	Significado
@access	Si @access es ‘private’ no se genera documentación para el elemento (a menos que se indique explícitamente). Muy interesante si sólo se desea generar documentación sobre la interfaz (métodos públicos) pero no sobre la implementación (métodos privados).
@author	Autor del código
@copyright	Información sobre derechos
@deprecated	Para indicar que el elemento no debería utilizarse, ya que en futuras versiones podría no estar disponible.
@example	Permite especificar la ruta hasta un fichero con código PHP. phpDocumentor se encarga de mostrar el código resaltado (syntax-highlighted).
@ignore	Evita que phpDocumentor documente un determinado elemento.
@internal inline {@internal}}	Para incluir información que no debería aparecer en la documentación pública, pero sí puede estar disponible como documentación interna para desarrolladores.
@link inline {@link}	Para incluir un enlace (http://…) a un determinado recurso.
@see	Se utiliza para crear enlaces internos (enlaces a la documentación de un elemento).
@since	Permite indicar que el elemento está disponible desde una determinada versión del paquete o distribución.
@version	Versión actual del elemento

Dejo aquí un ejemplo

1

2 3 4 5 6 7 8 9 10 11 12 13 14 15

/** * Debug *  Gestión de los errores de php, logs de informacion etc... * * @package debug * @author Garretus * @copyright Garretus * @version 2.1 * @access public */ class Debug{ . . . }//END CLASS

Documentación para funciones y métodos

Marca	Significado
@global	Permite especificar el uso de variables globales dentro de la función.
@param	Parámetros que recibe la función. Formato: * @param tipo $nombre_var comentario
@return	Valor devuelto por la función. Formato: * @return tipo comentario

Ejemplo :

1

2 3 4 5 6 7 8 9 10 11 12 13 14

/**      * test to see if valid cache exists for this template      *      * @param string $tpl_file name of template file      * @param string $cache_id      * @param string $compile_id      * @return string|false results of {@link _read_cache_file()}      */     function is_cached($tpl_file, $cache_id = null, $compile_id = null)     {      .      .      .      }//END FUNCTION

Para terminar este post decir que mi IDE favorito PHPDesigner está perfectamente integrado con PHPDocumentor tanto para documentar como para compilar la documentación. Esta es una de las razones por las que es mi IDE favorito.