JavaScript - Canvas - Una aplicación práctica

El objetivo de este curso, es entregar una metodología que permita construir una plantilla que pueda servir para diferentes aplicaciones utilizando el componente Canvas de HTML5.

Como sabemos, Canvas es el elemento utilizado para dibujar gráficos en una página web.

Si bien, Canvas ha sido y es utilizado para este propósito y con resultados espectaculares, no es menos cierto que es posible utilizar esta facilidad de dibujo de gráficos para crear componentes, que después puedan servir para diferentes propósitos, dependiendo de la lógica de funcionamiento e interrelación entre ellos.

Así, por ejemplo, sería posible crear una plantilla que permita construir diagramas de flujo en el desarrollo informático o en cualquier ámbito donde se requiera controlar el flujo de actividades dependiendo de condiciones previas.

De la misma forma seria posible construir plantillas para el diseño de diagramas de bloques, que es una representación gráfica de un sistema, proyecto o escenario y que ofrece una visión funcional de un sistema e ilustra cómo se interrelacionan sus distintos elementos.

Otra de las aplicaciones que podría ser posible construir, es un sistema de workflow de manera de guiar a un proceso en sus diferentes etapas Un workflow, o flujo de trabajo en español, es un conjunto de actividades relacionadas, que son completadas en un determinado orden para alcanzar un objetivo

En resumen, esta plantilla podría ser programada para los fines que sean de utilidad a los usuarios.

Ustedes se preguntarán, pero que tiene que ver el canvas con todo lo que se expone. Pues la respuesta es que el Canvas maneja muy bien todo el tema de posicionamiento dentro de su superficie, el tema de dibujar diferentes shapes o figura y tiene una gran cantidad de funciones que facilitan este trabajo, permitiendo diseñar los elementos con las figuras mas representativas para su interpretación cuando se hace el análisis de cada plantilla en particular.

Y la siguiente pregunta es, porque no nos ayudaría por ejemplo un power point o un Excel en la elaboración de este tipo de diagramas.

Bueno, es cierto que esas herramientas son muy útiles a la hora de diagramar y completar o exponer un diseño, pero, se tiene en el caso del canvas, la enorme y elegante relación que existe entre este componente y el JavaScript del navegador. Es decir que es posible manejar todo el funcionamiento de cada elemento que coloquemos en el canvas, tanto es su posicionamiento, sus características gráficas, su forma de conectarse con la lógica que existe detrás de ese diseño gráfico y que podrá transformar a la plantilla, en la aplicación específica y apoyada en una representación gráfica que siempre es mucho más amigable y que puede ser comprendida de mejor manera incluso por las personas que no tengan nada que ver con el diseño informático que hay por detrás de cada aplicación.

Entonces, el propósito de este curso es enseñar una metodología mas para la construcción de una plantilla que podrá ser utilizada para diferentes propósitos dependiendo de la lógica que el usuario les inserte.