Archivo para Mayo, 2009

Usar los nuevos controles de los mapas de Google Maps

29 de Mayo de 2009

Si usas Google Maps como proveedor de los mapas para tus aplicaciones web, seguramente hayas observado que lo que te explican en la documentación de la API y en general, casi todos los sitios dónde te explican como empezar (incluido aquí en A2Blog), los controles de los mapas se inicializan así:

var mapControl = new GMapTypeControl();
 map.addControl(mapControl);
 map.addControl(new GLargeMapControl());

Con está inicialización obtenemos la versión anterior de los controles de mapa, es decir, algo cómo esto:

Si nos fijamos por ejemplo en maps.google.es, la cosa tiene otra pinta mucho mejor:

¿Cómo conseguir esos controles más vistosos y además no tener que preocuparse por las mejoras que nos puedan ofrecer en el tiempo los chicos de google?

Muy fácil, usemos la propiedad getDefaultUI();

var customUI = map.getDefaultUI();
 // Quitar la vista híbrida -> MapType.G_HYBRID_MAP
 customUI.maptypes.hybrid = false;
 map.setUI(customUI);

Y ya tenemos nuestro mapa con los nuevos controles :)

El código completo de la función de inicializar el mapa es el siguiente:

 function initialize() {
      if (GBrowserIsCompatible()) {
        var map = new GMap2(document.getElementById("map"),
        { size: new GSize(640,320) } );

        map.setCenter(new GLatLng(42.366662,-71.106262), 11);

        var customUI = map.getDefaultUI();
        // Remove MapType.G_HYBRID_MAP
        customUI.maptypes.hybrid = false;
        map.setUI(customUI);

      }
    }

Resaltado de mapas con jQuery

29 de Mayo de 2009

Los mapas de imágenes HTML són muy útiles para por ejemplo una página con un mapa político y de las diferentes oficinas de una empresa, etc… también está la posibilidad de usar google maps para tal caso, pero eso ya es otro tema. Con jQuery maphilight podemos hacer estos mapas más atractivos muy fácilmente, el resultado:

[Demo 1] [Demo 2]

[Documentación]

[Descargar]

Fuente: jQuery Maphi

Cómo personalizar tu página 404

14 de Mayo de 2009

En algún momento de su navegación por Internet ha aterrizado en una página web que dice Error 404 No se encuentra la página. Puede ser molesto para los visitantes, pero con un poco de cuidado y atención, puede crear una página que intrigue a sus visitantes.

¿Qué es una página 404?

Una página 404 es un código de respuesta HTTP estándar que indica que el cliente es capaz de comunicarse con el servidor, pero el servidor no pudo encontrar lo que se había solicitado. Esto puede suceder por varias razones;

1. La página se ha trasladado
2. Un enlace de otro sitio es incorrecto
3. El visitante puede haber cometido un error de mecanografía en una URL

¿Qué hace una buena página de error 404?

  • Piense en la página de error 404 como si debiera tomar de la mano a sus visitantes y guiarlos con cuidado a otra parte de su sitio.
  • Explicar qué es la página. No asuma que todo el mundo está familiarizado con el término 404. El promedio laico puede pensar que algo ha ido radicalmente mal (y estoy pensando en mis padres, por ejemplo) cuando ven el error 404 en grandes letras en su pantalla.
  • No permita que el visitante se sienta como si fuera culpa suya que la página no se puede encontrar, y no sólo les diga que deben corregir su ortografía.
  • Incluir enlaces a otras partes de su sitio.
  • Ofrecer a los visitantes una manera de ponerse en contacto con el webmaster para que sepan que el vínculo está roto.
  • Utilice cuadros de Búsqueda
  • Un interesante o gracioso gráfico lleva hacia el camino de una buena voluntad.

Al personalizar su página de error 404 usando todos o algunos de estos consejos, va en gran medida a mantener a las personas en su sitio.

Cinco maneras de hacer su sitio Web más popular

14 de Mayo de 2009

1. El Hosting

Este primer punto es importante principalmente para aquellos que no tienen su propio sitio web. Después de haber seleccionado el nombre de dominio, el siguiente paso es elegir un plan de alojamiento. Hay muchas alternativas asequibles, por supuesto, la búsqueda de un buen alojamiento suele ser más fácil decirlo que hacerlo. Esta industria a crecido bastante en los últimos años y esto ha dado lugar a un gran número de empresas que ofrecen diversos servicios de alojamiento, pero no se deje engañar, elija una que cuente con una sólida reputación y experiencia. Busque comentarios y otras informaciones para ayudarle a encontrar el ajuste correcto.

Cuando se trata de alojamiento web, usted debe comparar las diferentes características que se incluye con el plan. Asegúrese de que está garantizado al menos el 99,9% el tiempo de actividad y de que tenga una buena atención al cliente.  Del mismo modo, también es bueno saber exactamente qué clase de números en términos de espacio en disco y ancho de banda va a estar autorizados a utilizar y gestionar. Es importante pedir asistencia al cliente para resolver las cuestiones antes de comprar un plan.

2. Optimice su sitio Web

Con el fin de tener éxito, usted tendrá que conseguir un alto ranking en los motores de búsqueda. Para eso, usted debe aprender tanto como le sea posible acerca de optimización de motores de búsqueda (SEO). El tema de SEO es amplio y puede ser bastante intimidante al principio, pero una vez se le coge el truco, usted podrá ver los beneficios de inmediato. Asegúrese de utilizar las palabras claves correctas.

Cuando esté satisfecho con las palabras clave y el contenido de su sitio, es hora de empezar a trabajar con la construcción de vínculo. Los motores de búsqueda determinan el valor de una determinada página / sitio mirando el número de enlaces entrantes.

3. Tome ventaja de la optimización de los medios de comunicación social

A pesar que SEO debe ser una parte importante de la optimización de su sitio, no debería terminar allí. la optimización de los medios de comunicación social es, probablemente, igual de importante, ya que es una de las más fuertes herramientas de marketing disponibles en la actualidad.

4. Obtenga Participación de sus Visitantes

Un punto esencial para hacer crecer su sitio en número de visitantes es por conseguir que participen mediante la inclusión de un foro o posibilidad de hacer comentarios en sus entradas o artículos. Todo el mundo quiere expresar sus propias ideas y pensamientos sobre diferentes temas, y permitiéndoles hacerlo, también aumentan las posibilidades de que los visitantes regresen.

5. Hacer hincapié en la utilidad del diseño

Invertir en un buen diseño es más importante  de lo que algunas personas pueden pensar. Con un bello diseño, cerecerá la confianza entre sus lectores / visitantes. Un hecho importante a tener en cuenta además de un buen diseño es que el usuario sepa como usarlo. Si les resulta fácil, permanecerán.

Es difícil decir exactamente que es un buen diseño o no. Lo que a una persona le parece bien a otra le puede parecer horrible. Sin embargo, hay tendencias en diseño web, y si usted las sigue, puede estar seguro de obtener un buen resultado. Algunas tendencias del diseño web para el 2009 son diseños de columna, grandes ilustraciones, y un montón de espacio en blanco.

Si quiere estar seguro de que su sitio será efectivo disponga de un buen diseño, de fácil acceso y sencillo de entender. Evite el exceso de animaciones en Flash. Algunas personas pueden tener la configuración del navegador que les impiden la visualización de Flash, lo que significa que podría perder valiosos visitantes. Trate de pensar cómo piensa el visitante, y su sitio web crecerá, será mas popular y respetado día tras día.

Como hacer que sus Formularios sean efectivos

14 de Mayo de 2009

Si está buscando para recopilar información de sus usuarios, no hay mucho más fácil o más sencillo método de un formulario Web. Si están bien diseñados nos pueden proporcionar información valiosa, si no es así, todo lo contrario.

1. Diseño y construcción con un sólo proposito

A nadie le gusta pasar un largo tiempo llenando un formulario. Manténgalo simple y corto y elimine elementos que no son absolutamente necesarios o que no ofrecen ningún beneficio.

La estructura de su formulario debe servir sólo como gran parte de una finalidad y funcional de sus elementos. Tenga en cuenta que, al menos en el mundo occidental, la gente lee de arriba a abajo y de izquierda a derecha. También suelen usar la tecla Tab para desplazarse por el formulario. Su diseño se debe reflejar a través de este etiquetado intuitivo y la colocación de los elementos naturales. Asegurarse de que todo es uniforme y perfectamente organizado.

2. Adaptar su forma a la situación

Cada formulario deberá ser adaptado a la situación específica que ocupa. Cuando usted está planeando el diseño de su formulario, hágase las siguientes preguntas: ¿Qué hay que preguntar ? ¿Por qué? El Formulario es algo que los usuarios desean llenar, o es algo que están obligados a llenar? Sus respuestas a estas preguntas deben ayudar a dictar la disposición y el contenido de su formulario.

3. Utilice lo que usted necesita

Al decidir si es necesario añadir un elemento a su formulario, pregúntese si usted pasaría sin él. Si la respuesta es “sí”, no lo use.

4. Descripciones

Las descripciones y los comentarios debe ser limpios y concisos. También puede dar formato con diferentes colores, tamaños, estilos para ayudar a diferenciar.

5. Sea el primero a Comunicar

Asegúrese de que el texto en su formulario es amigable y orientado hacia el usuario.

6. Divida el formulario

Trate de usar normas horizontales, barras de color, imágenes significativas, o partidas que coincidan con el diseño de su sitio para separar la información.

7. Mensajes de error

Sus mensajes de error debe ser útiles y claros. Especificar en el mensaje sobre el terreno que provocó el error y poner de relieve la etiqueta y / o el campo en sí.

8. Botón Enviar

Una vez el usuario le ha dado al botón de enviar debería aparecerle un mensaje como ” En breve nos pondremos en contacto con usted”  ” Gracias por contactar con nosotros”. También debería haber un enlace a la página principal de su sitio web.

Intente mantener estas básicas reglas al diseñar su formulario Web, y puede sorprenderse por la cantidad y la calidad de la información que usted recibe como resultado.