La tecnología de HTML5 y javascript nos permite crear gráficos interactivos livianos sin tener que recurrir a flash, el elemento canvas de html5 es un lienzo virtual que nos permite pintar shapes y agregarles movimiento.
Existen ya varios plugins que nos facilitan el trabajo a la hora de programar con shapes, objetos 3d, animaciones y eventos, tenemos por ejemplo Three.js, KineticJS, raphael.js, etc. Sin embargo en este tutorial no se hará uso de ninguno de ellos, no pretendemos reinventar la rueda :), al contrario, nuestra intención es primero profundizar en el uso de HTML5 y canvas en si, después el aprendizaje y uso de otros plugins resultara muchísimo más fácil.
El objetivo final de este tutorial es la creación de un mapa interactivo estadístico informativo que responda a eventos del usuario (clic) y se conecte mediante llamadas asincrónicas Ajax a un servidor para obtener datos y actualizar la información en pantalla. o.O , osea :
Que necesitamos.
1.- Conocimientos de JavaScript y JQuery.
2.- Conocimiento de php, html, css y gráficos vectoriales SVG.
3.- Editor de imágenes, photoshop, gimp, corel, etc.
4. Un servidor de prueba appserv, Wamp, etc.
5. Un IDE, Dreamweaver, phpeditor, notepad++, etc.
5.- Un mapa de un país, departamento o provincia con sus respectivas divisiones territoriales. Si no puedes encontrar uno, no te preocupes que poco a poco te iremos dejando los recursos que necesites para completar este tutorial 🙂
Tutorial 2: Creación del mapa 🙂
Yo soy yo :) JC Mouse, Soy orgullosamente boliviano soy fundador y CEO de la web jc-Mouse.net uno de las pocas web en emprendimiento y tecnología en Bolivia.
Toda la información que encuentres en este sitio es y sera completamente gratis siempre, puedes copiar, descargar y re-publicar si así lo deseas en otros blogs o sitios web, solo te pido a cambio que dejes una referencia a esta web. Esto nos ayuda a crecer y seguir aportando. Bye
Enjoy! :)
Cuando se crean aplicaciones android o cualquier otro tipo de software, es importante dejar información del o los desarr...
El siguiente código te permite abrir enlaces web desde un JLabel, ademas aprovechando el soporte a etiquetas HTML del co...
Operador de Complemento bit a bit unario Entre los operadores a nivel de bits de uso más común en java tenemos al operad...
Como se vio en un post anterior (Capturar video de una webcam con JMF) la captura de un video desde una webcam utilizand...
El patrón de desbloqueo es una medida de seguridad que tienen algunos teléfonos inteligentes para evitar el acceso al di...
En este tutorial veremos como usar el componente Slider de JavaFX , capturas los cambios que realice el usuario y con es...
Los comentarios estan cerrados
Por lo general se usan transacciones a nivel base de datos y posteriormente se llaman estos a través de procedimientos a...
En este post, aprenderemos como conectar Visual Basic 6 con SQL Server, abrir una tabla, leer su contenido y mostrar est...
Lo que veremos en este post es la configuración del driver para PHP de SQL Server que ha creado Microsoft el cual permit...
Google Bard la inteligencia artificial de Google se actualiza con una mejora que entra a competir con el resto de IAs y...
Justo lo que estaba buscando para pasar mi código de Net a la web con HTML5, espero que no sea complicado.
Hola muchas gracias! alguien sabe donde encontrar uno de españa ya terminado?