|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/construye-una-plantilla-multi-uso-con-canvas-de-html5/
课程评论：没有评论
本课程旨在教授一种方法，利用HTML5的Canvas组件构建一个可用于不同应用程序的模板。Canvas是网页绘图的工具，除了绘制精美的图形外，还可以用来创建可重用的组件。 通过Canvas，我们可以构建各种可视化工具，例如： * **流程图:** 用于软件开发或任何需要根据预设条件控制活动流程的领域。 * **框图:** 以图形方式展示系统、项目或场景，提供功能视图并说明各元素间的相互关系。 * **工作流系统:** 指导流程完成各个阶段。 Canvas在定位、绘制图形以及其丰富的函数方面表现出色，使得设计具有代表性的图形成为了可能。 与PowerPoint或Excel这些绘图工具相比，Canvas最大的优势在于它与JavaScript的紧密结合。这使得我们可以动态控制Canvas上的每个元素，包括其位置、图形特征以及与后端逻辑的互动。Canvas结合JavaScript，可以将静态图表转化为更友好、直观的应用程序，即使是非技术人员也能更容易理解。 总之，本课程将教授一种方法论，用于构建一个灵活的Canvas模板，该模板可以根据用户插入的不同逻辑，应用于多种不同的目的。
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 objetivoEn 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.
