Portal de servicios relacionados con el mundo del Golf. Tales como la reserva de Tee Times en miles de campos de Golf distribuidos por todo el mundo y accesibles gracias a nuestro sistema de integración de proveedores. O reservas de hotel, ofertas de viaje, transporte, seguros y noticias relacionadas entre otros.

Proyecto: Web Dinámica para Myteetimesonline.

Tecnología: PHP, mySQL

Estado: Finalizada

URL: http://www.myteetimesonline.com/

El tiempo de carga de una búsqueda en Google normalmente es menor a medio segundo, como puede buscar google en Internet en tan poco tiempo? en este video Matt Cutts nos explica como funciona Google en sencillos pasos.

En el video nos explica claramente que Google no busca en Internet sino en sus propios servidores, que tienen indexadas todas las webs que hay en Internet gracias a sus Robots de búsqueda “spiders”, estos “spiders” funcionan indexando paginas enlazadas entre ellas, recorriendo así la gran telaraña de Internet. Una vez indexadas estas páginas en los servidores de google, las búsquedas se realizan directamente en estos servidores ganando así una gran velocidad.

Ahora bien, cuando hacemos una búsqueda en Google aparecen cientos o miles de resultados que contienen esta cadena de caracteres, como google prioriza los resultados? en primer lugar cuenta cuantas veces aparecen las palabras clave (keywords) en cada pagina, en segundo la calidad de la pagina, y, para finalizar revisan el famoso PageRank de Google. El PageRank es una formula de Google que a partir de ciertas variables como veces que enlazan a tu pagina consiguen valorar la calidad y popularidad de la pagina.

Matt nos indica también en este video que los resultados siempre aparecen con un orden según las pautas explicadas arriba y nunca aceptan dinero para posicionar paginas. Para ello disponen de los “Enlaces Patrocionados” que permiten abajo, arriba y a la derecha poner resultados de campañas publicitarias siempre diferenciando de los resultados normales de la Web.

Desde mi punto de vista el motor de búsquedas de google es una obra de arte y así se demuestra cuando es el buscador de Internet más usado con diferencia, hoy en día se usa hasta para ir a una página, cuantas veces no habéis visto a alguién que sabiendo la URL de una web, en vez de escribirla en la barra de direcciones la escribe en el cuadro de búsquedas de Google? Eso explica el éxito de estos chicos.

Esta semana hemos tenido la oportunidad de trabajar con la versión 5.02 de Movable Type. Para quien no lo conozca, Movable Type es un Web CMS (Content Management System) implementado en Perl propiedad de Six Apart que pronto cumplira 10 años.

La instalación de este CMS no es compleja pero si hay que tener en cuenta varios aspectos que no quedan muy claros en la documentación (por cierto, muy escasa y algo caótica para un proyecto open-source con una distribución comercial). El proceso es sencillo, descomprimir la distribución en una carpeta. Y el contenido de esta, con la excepción de la carpeta mt-static moverlo a la carpeta cgi-bin (o cualquier carpeta desde la que el servidor pueda ejecutar los CGIs).

Y es precisamente de la carpeta mt-static de la que no se indica muy claramente cual es su cometido. En nuestra primera instalación pensamos que se trataba de una carpeta de recursos comunes que instalamos en la raiz del dominio. Esto es un error debido a que cuando se realiza la publicación estos recursos se sobreescriben. Lo que provoca que el administrador deje de funcionar.

Una vez solucionado este problema y después de algo de trabajo invertido en comprender el funcionamiento del sistema de plantillas (creo que ya he mencionado que la documentación deja bastante que desear). Ya teníamos un sitio Web con Blog incluido.

La implementación del Blog de Movable Type no esta nada mal, pero no la ofrecería como alternativa a WordPress. Entre otras razones, porqué Movable Type no es un Blog de la misma forma que WordPress no es un CMS. Y como CMS, Movable Type es una herramienta muy capaz. Para la que existe una comunidad de usuarios bastante amplia. Y con la excepción de que la documentación de esta última versión es bastante escasa el resultado es bastante recomendable.

Apple nos muestra en su web las bondades y maravillas de HTML5 un nuevo standard que no está tan lejos como algunos pensamos. En esta página podemos ver desde efectos sobre texto hasta videos y galerías de fotos todas ellas en HTML5, CS3 y algo de Javascript. Lógicamente solo podremos ver estas demos si disponemos de Safari, por el momento único navegador compatible con este standard.

Apple nos muestra ejemplos de HTML5

Con esto Apple nos quiere demostrar la potencia de este nuevo standard y como no avisar de que su navegador es el primero en soportarlo. No dudéis en pasaros por la sección para aprender algo sobre este nuevo standard. Desde este blog queremos a la vez llevar un seguimiento de las novedades sobre HTML5, así que iremos publicando todas las novedades que vayan surgiendo.

Apple nos muestra ejemplos de HTML5

Vía: AppleWebblog

Hoy vamos a presentaros dos pequeños proyectos en los que estamos participando.

El primero se llama Sketch. Se trata de un proyecto open-source en el que se esta desarrollando un nuevo framework para la implementación de aplicaciones web mediante PHP5. El framework se basa en un modelo vista controlador un poco diferente a lo que estamos habituados. En su forma más simple el papel de controlador lo efectua la propia URI y el navegador.

Los objetivos de este modelo son varios pero el más importante es ofrecer una relación directa entre la uri y la vista que se esta mostrando (este modelo hace más simple la utilización del framework en entornos en los que no todo el mundo es programador y evita que las vistas esten escondidas en alguna carpeta cuya relación sólo conoce el programador que ha integrado el framework). A este modelo se suma la posibilidad de definir extensiones basadas en XHTML.

Entre estas extensiones, la más utilizada es la que permite definir layout templates. Esta extensión define varios tags que se utilizan para insertar los elementos de la vista en una plantilla que luego se muestra al usuario. Tanto la vista como la plantilla se definen como XHTML y pueden ser modificadas desde cualquier herramienta que así lo permita. Se pueden definir incluso los estilos y scripts que sean necesarios para que la vista funcione de forma independiente. Lo que facilita su modificación.

El segundo comprende una serie de plugins y hacks para jQuery que se han empaquetado para facilitar su uso. El proyecto se llama jQuery Plugin Pack y también esta hospedado en Google Code.

Ambos proyectos carecen de documentación y hemos decidido solucionarlo. Por lo que proximamente realizaremos una serie de artículos (que podrán consultarse desde la misma web del proyecto) sobre su utilización.

Proyecto en estado pendiente debido a la acumulación de trabajo que tenemos ahora mismo pero, que saldrá en breve, será una comunidad para jugadores de Padel en Mallorca, con una mentalidad y filosofía diferente a lo que hay ahora mismo en la web.

Proyecto: Web para padelenmallorca.com

Tecnología: PHP, mySQL, AJAX

Estado: Pendiente

URL: http://www.padelenmallorca.com

Cnportitxol.com nace, con el año 2009, como una nueva dimensión de nuestro modesto y pequeño club. Es, sin ninguna duda, un paso adelante, mostrando la modernización i adaptación al entorno actual que todos los asiduos al Portitxol nos merecemos.

Proyecto: Web Dinámica para Club Náutic Portitxol.

Tecnología: PHP, mySQL, AJAX, Flash

Estado: Finalizada.

URL: http://www.cnportitxol.com

La casa es una antigua casa payesa cuya antigüedad se remonta al siglo XVII, conservando íntegramente las estructuras y las características centenarias. Ha sido cuidadosamente rehabilitada respetando y recuperando todos los elementos arquitectónicos originales utilizando materiales tradicionales y ecológicos.

Proyecto: Web y tienda virtual para agroturismo Ca’n Feliu (Porreres)

Tecnología: PHP, mySQL, AJAX

Estado: Finalizado

URL: http://www.ecocanfeliu.com

Hace unos días publicaba un artículo acerca de jQuery UI, pues bien, navegando por la web me he encontrado con 31 jQuery Snippets That Will Help Make You A JavaScript Pro, un artículo muy interesante en el blog de Addy Osmani, en el que hay un conjunto de 31 Snippets (trozos de código) para a parte de utilizarlos, aprender el funcionamiento y la manera de programar en este magnífico framework.

Estos Snippets son siempre muy útiles cuando necesitas hacer algo en tu aplicación y no quieres perder mucho tiempo siempre puedes recurrir a librerías o snippets para facilitar el trabajo.

Addy Osmani, autor de este post nos tiene muy habituados ha artículos de sumo interés en su blog, famoso y de interés general mencionado por varios medios de comunicación como él mismo menciona, a parte de esto os dejo algunos posts referentes también a jQuery que me han parecido muy interesantes:

jQuery Animation Tutorialized (Tutorial de animación en jQuery)

11 Ways to Increase Your jQuery Performance (11 maneras de mejorar tu rendimiento en jQuey)

20 Amazing jQuery Plugins to improve your User Interface (20 impresionantes plugins para jQuery para mejorar tu interfaz de usuario)

13 jQuery User Interface Tutorials To Improve Your Designs (13 tutoriales de interfaz de usuario para mejorar tus diseños)

8 jQuery Performance & Optimization Tips You Need In 2010 (8 trucos de rendimiento y optimización que necesitas en 2010)

En resumen, todos ellos son unos artículos interesantísimos y os recomiendo que los leáis todos si os queréis convertir en unos auténticos “gurús” de la programación jquery.

Fuente: Addy Osmani Blog

Hoy me gustaría hacer un pequeño artículo acerca de jQuery ui (jQuery User Interface), un conjunto de utilidades para la librería jQuery imagino que conocida por todos como la rápida y concisa que simplifica las funciones javascript y Ajax en un documento mediante un seguido de funciones, animaciones y gestión de eventos. Dispone también de un selector de tema al descargar para adaptar los colores de los widgets a tu website.

Podeís encontrar esta librería aquí. Algunas demos de los widgets de que dispone aquí

Si quieres ver algunos ejemplos de funcionamiento así como algunos de los widgets de que dispone click en Leer Más.

Usando la librería jQuery podremos utilizar cualquiera de los siguientes widgets si tenemos la necesidad de implementar algo de AJAX y interacción más dinámica en nuestra página o aplicación web, a continuación voy a listar algunos de los widgets que he utilizado y me han sorprendido por su facilidad de implementación y funcionalidad:

Datepicker.

Es el típico calendario con funciones de tooltip para popular inputs en los formularios:

Este calendario con toda su funcionalidad es tan sencillo de implementar como esto:

<meta charset="UTF-8" />
	<script type="text/javascript">
	$(function() {
		$("#datepicker").datepicker();
	});
	</script>
<div class="demo">
<p>Date: <input type="text" id="datepicker"></p>
</div><!-- End demo -->
<div class="demo-description">
<p>The datepicker is tied to a standard form input field.
Focus on the input (click, or use the tab key) to open an interactive
calendar in a small overlay.  Choose a date, click elsewhere on the page (blur the input),
or hit the Esc key to close. If a date is chosen, feedback is shown as the input's value.</p>
</div><!-- End demo-description -->

Sencillo verdad?

Pues bien como este muchos más widgets, como Dialogs, Tabs, Buttons, Accordion, etc…

Yo he utilizado estás librerías en varios proyectos y he quedado encantado. Aquí os dejo los enlaces:

Web: jQuery WebSite

Web: jQuery UI Website