Ene 222013
 

Los dispositivos móviles tienen características claramente distintas de las de los ordenadores de sobremesa y portátiles, que deben ser tenidas en cuenta por el desarrollador de un sitio web dirigido a a este tipo de plataforma.

Por una parte, el tamaño de la pantalla es mucho más reducido, y el usuario puede cambiar la orientación de la misma.

Por otra parte, la cantidad de memoria RAM y la capacidad de proceso son mucho más reducidas.

Pero sobre todo, la interacción del usuario ya no se realiza mediante un teclado y ratón, sino a través de una pantalla táctil.

Este artículo es el primero de una serie en la que revisaremos el impacto de estas peculiaridades cuando se usa javascript para añadir funcionalidad a una página web dirigida a dispositivos móviles. Seguir leyendo »

 Publicado por en 3:38 pm
Ene 202013
 

En nuestro anterior artículo hemos visto cómo pintar con el ratón sobre un canvas HTML5. La solución que presentábamos en él no es aplicable si el usuario accede a la página desde un dispositivo móvil, porque en ese caso no existe el ratón. En su lugar, el usuario interacciona con la página tocando la pantalla.

En este artículo vamos a ver cómo se puede obtener una funcionalidad similar que permite pintar con el dedo sobre un dispositivo Android, iPhone o similar.

Seguir leyendo »

 Publicado por en 11:12 am
Ene 172013
 

En este artículo vamos a comentar la manera de utilizar la librería javascrit plupload en un formulario de envío de imágenes a un servidor web.

La principal ventaja de plupload es que permite procesar la imagen en el mismo cliente, reduciendo el volumen de datos a enviar al servidor. Esto es especialmente interesante en aplicaciones dirigidas a dispositivos móviles, para permitir al usuario, por ejemplo, enviar al servidor las fotografías tomadas con la cámara incorporada. Una imagen de este tipo puede ocupar varios MB, y tiene una resolución que normalmente es excesiva para su presentación en una página web. Con plupload, es posible cambiar la escala, y opcionalmente la calidad de la imagen, para reducir su tamaño en más de un 90%.

Seguir leyendo »

 Publicado por en 9:48 am
Dic 132012
 

(Read this post in english)

El API de Google maps permite añadir anotaciones al mapa en forma de marcadores para identificar puntos sobre el mismo.

En otro artículo de esta serie hemos visto que la manera de crear un marcador personalizado mediante una llamada a google.maps.Marker en donde especificamos en el parámetro “icon” el icono que queremos presentar.

Seguir leyendo »

 Publicado por en 7:32 pm
Dic 072012
 

( Read this post in english )

En otro artículo de la serie dedicada a Google maps hemos visto cómo añadir marcadores al mapa para señalar puntos concretos del mismo.

En ocasiones, lo que nos interesa es destacar una región del mapa. El API de Google maps también permite marcar sobre el mapa un área definida por un polígono.

Por último, si lo que queremos es marcar un trayecto, podemos hacerlo mediante una línea poligonal.

En este artículo comentamos cómo marcar áreas y trayectos sobre el mapa usando el API de Google Maps V3, con ejemplos de uso.

Seguir leyendo »

 Publicado por en 6:47 pm
Ago 082012
 

( Read this post in english )

jQuery es una librería javascript que permite realizar modificaciones sobre el contenido de una página web de una manera sencilla e independiente del navegador. Además, jQuery ofrece también una interfaz sencilla para:

  • Gestión de eventos javascript
  • Animaciones
  • Interacciones Ajax (carga dinámica de contenido)

jQuery es utilizado en algunos de los sitios web más relevantes, como wordpress.com, twitter.com, wikipedia.org, microsoft.com o ibm.com

En este artículo vamos a comentar las principales características de jQuery y la manera de utilizarlo.

Seguir leyendo »

 Publicado por en 10:17 am
Ago 072012
 

( Read this post in english )

En una página web, es posible asociar a determinados elementos una acción, en forma de función javascript, que se ejecuta cuando se produce un evento (colocar el cursor sobre el elemento, pulsar el teclado, hacer click con el ratón, etc.). Pero cuando hay dos elementos superpuestos, y ambos tienen asociadas acciones para responder a un mismo evento, surge la duda de en qué orden se ejecutan las acciones. En este artículo analizamos las distintas posibilidades existentes y las posibilidades de controlar la propagación de eventos.

Seguir leyendo »

 Publicado por en 3:44 pm
Jul 052012
 

( Read this post in english )

En este artículo vamos a ver cómo se puede definir en nuestra página web un área en la que el usuario puede dibujar formas con el ratón. Después, la imagen dibujada puede ser enviada al servidor para que la procese de la forma que se desee. Esta funcionalidad la utilizaremos en nuestro diccionario mandarín-español para permitir al usuario escribir con el ratón el símbolo hanzi que desea localizar. Para este propósito necesitaremos también utilizar un software de reconocimiento de caracteres (OCR) con soporte para chino simplificado, que comentaremos en un próximo artículo. Seguir leyendo »

 Publicado por en 8:55 am