• Título: vMap para desarrolladores
  • Organización: Presencial o a distancia
  • Duración: 2 días
  • Objetivo: Personalizar vMap con JavaScript y crear recursos de la API REST

Descripción

La formación está dedicada a personas que ya conocen bien la aplicación vMap, especialmente en lo que se refiere a la creación de mapas, capas, etc., y que desean desarrollar habilidades en funcionalidades de consulta de datos a través de impresiones, informes y objetos coorporativos.

La formación tiene una duración de dos días y consiste principalmente en talleres en los que los alumnos implementan las distintas funcionalidades en una servidor previamente instalada en un servidor o en sus puestos de trabajo.

Requisitos previos

  • Una computadora conectada a Internet
  • Saber cómo utilizar los lenguajes HTML y CSS
  • Conocer los fundamentos del lenguaje JavaScript
  • Cada aprendiz debe estar equipado con una máquina en la cual Filezilla o Winscp, Google Chrome y SublimeText o Atom deben estar instalados.

Público

  • Desarrolladores de aplicaciones web
  • Gestores de proyectos de aplicaciones web
  • Administradores del software vMap

Términos y condiciones

  • In situ
    • Máximo 6 participantes
    • Máximo 1 persona por máquina
  • A distancia
    • Formación individual

Material del curso

  • Documentación AngularJS
  • Documentación del software vMap

La formación se basa en la participación significativa de los aprendices. Se ofrecen ejercicios a los aprendices. Tienen la oportunidad de traer sus propios conjuntos de datos.

Plan general de formación

1ère journée

Introducción a AngularJS

  • Las herramientas adecuadas
    • Chrome
    • Batarang
    • SublimeText/Atom
  • Explicaciones sobre el funcionamiento del marco de trabajo
  • Creación de un espacio de trabajo: directiva, vista, controlador
  • Descubrimiento de la variable $scope
  • Uso de AngularJS en vistas HTML
    • Etiquetas que muestran variables
    • Hacer bucles con ng-repeat
    • Mostrar/ocultar DOMs con ng-show y ng-if
    • Modificar el estilo de los DOMs de acuerdo a los valores de las variables con ng-class y ng-style
    • Conceptos opcionales
      • ng-model
      • ng-valuevalor
      • ng-options
      • ng-click

Creación de una plantilla de impresión

  • Uso de las variables disponibles
  • Colocación de imágenes
  • Paginación

Configuración de estilos de impresión

  • Cambiar el color de un elemento
  • Modificación del logotipo
  • Modificación del texto de un elemento

Cambiar el estilo de la aplicación

  • Cambiar los colores de la aplicación
  • Modificación del logotipo de la página de inicio de sesión
  • Conceptos opcionales
    • Ocultar algunos botones
    • Modificación de los iconos de la aplicación

Día 2

Creación de un informe de business object

  • Creación de un informe que visualiza los datos del objeto seleccionado
  • Incluir un mapa en el informe
  • Creación de un informe sobre varios elementos
  • Conceptos opcionales
    • Los datos se unen con una tabla de base de datos
    • Informe en formato.doc

Edición JavaScript de un objeto de negocio

  • Concatenación de valores
  • Modificación de los valores antes y después de enviar el formulario (por ejemplo, rgb -> rgba -> rgb)
  • Instalación de un botón en el formulario para modificar los datos

Uso de eventos para hacer tiempo real

  • Implementación de un mapa colaborativo que permite ver en vivo las modificaciones de otros usuarios

Documentación

  • Implementación de documentación personalizada
  • Contribución a la documentación

Este plan está sujeto a cambios sin previo aviso. Este programa puede ser adaptado para satisfacer las necesidades de los usuarios. Por favor contáctenos para más información.