All pages
Powered by GitBook
1 of 19

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Using GitHub Actions

It is possible to build a Mapeo configuration file using GitHub Actions. This requires setting up your custom configuration directory as a repository on Github.com, adding a /.github/workflows/build.yml script to your repository, and committing changes to that repository.

If you haven't already used GitHub, you may want to study the basics of how GitHub works before proceeding.

Note that since this process relies on using github.com, that you will need internet access to run the build action and download the .mapeosettings configuration file. Hence, unlike building a configuration , this process will not work in an offline context.

Setting up a configuration repository on GitHub

The first step will be to set up your configuration as a repository on github.com, with the requisite build script files that will trigger a GitHub Actions Workflow to generate your .mapeosettings file. There are a few ways to do this.

If you do not have your own custom configuration already, and are starting from scratch:

  1. You can fork or upload either the or the template to your own GitHub account. The choice you make will depend on how you will go about creating your own configuration, as detailed in .

  2. Make sure that you have the .github/workflows directory in your configuration repository.

If you already have your own custom configuration:

  1. Create a repository on GitHub for your custom configuration.

  2. Commit your existing configuration content to the repository.

  3. Download either the or the , and copy over the .github directory to the root directory of your custom configuration.

NOTE: Depending on your operating system and setup, it is possible that you do not see a .github/ directory anywhere. You may need to enable viewing hidden files in your system file manager. On MacOS, you can do so by pressing Command + Shift + . (period) in your Finder window.

Getting ready to build

Navigate to the Actions screen, and Click "I understand my workflows, go ahead and enable them."

This will bring you to a view of your Workflows. You should see a message "There are no workflow runs yet" if you just enabled Workflows for the first time. You are now ready to start building .mapeoconfig files.

How it works

Once you have enabled Action Workflows on your configuration repository, GitHub will generate a Workflow to build a new version of your configuration every single time that you commit a change to your repository.

Once you have committed a change to your repository, and navigate to the Actions tab, you should see your commit message listed as a workflow.

  • βœ… a circular check indicates that the build has completed successfully.

  • 🟑 a yellow circle indicates that the build is in process.

  • πŸ”΄ a red circle with an X indicates that the build has encountered an error.

You can click on your commit message to find out more about the status of your build. For example, if your build has encountered an error, there will be a log that can give you an idea of what went wrong. You can commit a change to fix the error, and return to the Actions screen to see if a new Workflow successfully bypasses the problem.

This is the same log that you would see when building a configuration .

By opening the Workflow with your commit message, you can also download a .zip file of your configuration, which includes a temporary .mapeosettings file. This is helpful for testing out your configuration before building a versioned file to distribute to users, as described in .

Use conventional commit messages to increment your configuration version

The Mapeo GitHub Actions Workflow is set up to dynamically bump the version of your configuration per each workflow. It does so using of adding feat:, fix:, or chore: before your commit message. For example, if you have a configuration with version 1.1.0, the specific version bumps are as follows:

  • feat: this will increase your version to 1.2.0. This commit prefix could be used for major configuration updates.

  • fix: this will increase your version to 1.1.1. This commit prefix could be used for small updates like changing an icon, or adding a field to a category.

  • chore: this will not increase your version. This commit prefix could be used for correcting typos or fixing errors.

To see a few examples of configuration conventional commit messaging, see the screenshot above in , or check out the commit history on the repository.

You can also manually update the first number in your 1.1.0 version in your package.json file, but Digital Democracy's convention is to only do so to indicate breaking changes. That said, you are free to choose a versioning convention that makes the most sense to you.

Compile a final, versioned release of your configuration

Once you are done making changes, have tested your configuration using a temporary .mapeosettings file (as described in ) and in accordance to the process described in , you can generate a versioned release of your configuration. The way to do so is as follows:

  • Navigate to the Actions tab for your GitHub repository. You should see all of your Workflows again.

  • On the left sidebar, click on the Build & Release link.

  • You should now see a box with the text "This workflow has a workflow_dispatch event trigger" and a button Run workflow. Click the button, and then click Run workflow again in the popup that will appear.

  • Doing so will trigger another Workflow titled "Build and Release."

  • When that finished with a βœ… green check mark, your versioned build release will be ready. On the top navigation bar, click on Code and your release should appear under the Releases panel in the right sidebar.

  • Click on the release to download the versioned .mapeosettings file.

Campos de detalles

ΒΏQuΓ© son los campos de detalles?

Para cada categorΓ­a en la configuraciΓ³n, puede incluir uno o mΓ‘s campos de datos estructurados (como un mini formulario o cuestionario) que los usuarios pueden completar opcionalmente al crear una nueva observaciΓ³n o elemento de mapa con esa categorΓ­a.

Los campos de detalles pueden ser campos de texto (escriba su propia respuesta) o de opciΓ³n mΓΊltiple (seleccione una o varias de un conjunto de respuestas predefinidas).

ΒΏCΓ³mo se ven los campos de detalles en Mapeo?

Pantalla de campo de detalles que se muestra durante la recopilaciΓ³n de datos con Mapeo Mobile:

Consideraciones al definir campos de detalles

Al planificar su estructura de datos, debe pensar quΓ© campos de detalles (si corresponde) le gustarΓ­a incluir para cada categorΓ­a. El mismo campo de detalles se puede utilizar para muchas categorΓ­as.

Para cada campo de detalles que desee incluir, deberΓ‘ definir lo siguiente:

  • Etiqueta El texto principal que se mostrarΓ‘ a los usuarios ("Nombre" en la imagen de arriba).

  • Marcador de posiciΓ³n Una pista o subtexto que puede aclarar el campo a los usuarios o brindar orientaciΓ³n sobre cΓ³mo usarlo ("Nombre comΓΊn de este lugar" en la imagen de arriba).

  • Tipo de campo CΓ³mo los usuarios podrΓ‘n ingresar informaciΓ³n para el campo o pregunta.

Al definir campos de detalles, tenga en cuenta lo siguiente:

  • Puede ser muy difΓ­cil para los usuarios escribir informaciΓ³n detallada al recopilar datos en el campo. Los usuarios pueden estar bajo un estrΓ©s significativo, en situaciones de riesgo o interactuando con la pantalla de Mapeo bajo el sol o la lluvia. Al crear campos de texto, tenga en cuenta las condiciones a las que se enfrentarΓ‘n las personas usuarias y tenga expectativas razonables sobre la cantidad de detalles y el trabajo necesarios para completar sus campos de detalles.

  • Si hay un conjunto consistente de respuestas que puede anticipar para un campo o pregunta, puede ser mucho mΓ‘s rΓ‘pido o mΓ‘s fΓ‘cil para los usuarios seleccionar de una lista como parte de un campo Seleccionar uno o Seleccionar varios. Tenga en cuenta que no hay una opciΓ³n automΓ‘tica para escribir informaciΓ³n para "Otro" o una opciΓ³n no incluida en la lista.

GeneraciΓ³n de archivos de campo de detalles

Toda la informaciΓ³n que defina para los campos de detalles se formatearΓ‘ en JSON en el proceso , que se detalla en la siguiente secciΓ³n.

Si no se siente cΓ³modo trabajando con JSON, esta informaciΓ³n se puede pasar a alguien con conocimientos tΓ©cnicos para completar los pasos en .

Commit these files to your repository on Github.com. (Github may ask you for additional permissions to add these files, by confirming via the browser.)
Via the command line
Mapeo Default Configuration
Empty Mapeo Configuration
Planeando la configuraciΓ³n y la estructura de datos
Mapeo Default Configuration
Empty Mapeo Configuration
Via the command line
Probando e iterando
conventional commit messaging
Mapeo Default Configuration
Probando e iterando
How it works
How it works

Escriba su propia respuesta en texto (en la imagen de arriba)

  • Seleccione uno de una lista de opciones

  • Seleccione varios de una lista de opciones

    • Opciones Para los campos Seleccionar uno y Seleccionar varios, deberΓ‘ definir una lista de posibles respuestas para mostrar.

    Puede ser muy claro para usted al crear su configuraciΓ³n lo que cada campo de detalles significa o pretende comunicar. Sin embargo, tenga en cuenta quiΓ©nes recopilarΓ‘n datos como parte de su proyecto y cΓ³mo podrΓ­an leer o interpretar cada campo. Un lenguaje muy claro y explΓ­cito puede contribuir en gran medida a garantizar que su configuraciΓ³n se utilice segΓΊn lo previsto.
  • Mapeo Desktop actualmente le permite filtrar las observaciones por opciones en los campos Seleccionar uno. Para filtrar por opciones en los campos Seleccionar varios o campos de texto, deberΓ‘ exportar sus datos y verlos en otra herramienta de software.

  • Codificar la configuraciΓ³n
    Codificar la configuraciΓ³n

    Building configuration file

    Compiling your configuration into a .mapeosettings file is the final step for testing and using your configuration in Mapeo Mobile and Desktop.

    Building a configuration can be done in two ways:

    • Via the command line(with Node.js and mapeo-settings-builder)

    • Using GitHub Actions

    Creating details fields

    To review key information on defining details fields, see Campos de detalles.

    In fields directory customize the .json files

    Each .json file in the fields directory needs a key, type, label, and placeholder.

    type can be one of select_multiple, select_one, or text.

    For select_one and select_many fields, you will need to define an array of answer options.

    Example fields file (name.json):

    Adding icon files

    Para revisar informaciΓ³n clave sobre el diseΓ±o de iconos, consulte .

    Una vez que se haya decidido por el diseΓ±o o el concepto de sus Γ­conos, deberΓ‘ generar archivos .svg para que cada uno se guarde en el directorio de icons. Los iconos deben crearse como grΓ‘ficos de 100x100 pΓ­xeles que sean claros cuando se visualizan al 100 %.

    Actualmente, hemos documentado dos flujos de trabajo para generar archivos .svg compatibles con Mapeo mediante software, uno con un producto comercial (Adobe Illustrator) y otro con un producto de cΓ³digo abierto (Inkscape).

    Codificar la configuraciΓ³n

    Los archivos de configuraciΓ³n de Mapeo (.mapeosettings) se compilan a partir de un conjunto de archivos y carpetas que contienen toda la informaciΓ³n que Mapeo necesita para mostrar las categorΓ­as, iconos y campos de detalles que usted desea que los usuarios vean al recolectar y ver datos. Esta secciΓ³n lo guiarΓ‘ a travΓ©s de la traducciΓ³n de toda la informaciΓ³n que ha definido en en un archivo de configuraciΓ³n de Mapeo.

    Estructura de la carpeta de configuraciΓ³n

    Para comenzar a preparar sus archivos, puede descargar o clonar o este de GitHub. Estos repositorios contienen los archivos y carpetas principales que necesitarΓ‘ para editar.

    Probando e iterando

    Una vez que haya compilado su configuraciΓ³n personalizada, tendrΓ‘ un archivo .mapeosettings que se puede importar a Mapeo Mobile y Desktop para probarlo y usarlo.

    ΒΏQuΓ© es un archivo .mapeosettings?

    Un archivo .mapeosettings es un archivo tar, similar a un archivo zip. Para fines de depuraciΓ³n, puede ver el contenido del archivo cambiando la extensiΓ³n del archivo a .tar

    CategorΓ­as

    ΒΏQuΓ© son las categorΓ­as?

    Al recopilar o crear datos con Mapeo, a cada observaciΓ³n o elemento del mapa se le asigna una categorΓ­a. Los usuarios deben seleccionar una sola categorΓ­a al crear una nueva observaciΓ³n o elemento de mapa. Las categorΓ­as pueden ser amplias o especΓ­ficas, segΓΊn el contexto y las necesidades del proyecto.

    Iconos

    ΒΏQuΓ© es un icono?

    Cada una de las categorΓ­as que incluya en su configuraciΓ³n debe tener asignado un icono o un pequeΓ±o grΓ‘fico para mostrar a los usuarios al seleccionar una categorΓ­a. Puede asignar el mismo Γ­cono a varias categorΓ­as, o cada categorΓ­a puede tener su propio Γ­cono.

    Planeando la configuraciΓ³n y la estructura de datos

    Aunque algunos pasos clave de la codificaciΓ³n de configuraciones requieren habilidades tΓ©cnicas, la planificaciΓ³n inicial y la consulta con las personas participantes del proyecto son esenciales para diseΓ±ar estructuras de datos efectivas y no requieren habilidades de codificaciΓ³n.

    Para comenzar el proceso de personalizaciΓ³n, las personas participantes del proyecto deben reflexionar sobre los objetivos del proyecto, quΓ© tipo de datos se necesitarΓ‘n y quΓ© propiedades podrΓ­an requerirse para los datos de salida.

    Si aΓΊn no lo ha hecho, siga la secciΓ³n de la guΓ­a como primer paso.

    Estructura de datos

    Al planificar su configuraciΓ³n, deberΓ‘ pensar en quΓ© incluir para cada una de las Γ‘reas personalizables de Mapeo. Las siguientes pΓ‘ginas lo guiarΓ‘n a travΓ©s de algunas consideraciones al determinar el contenido de cada Γ‘rea:

    Creando configuraciones personalizadas

    Tenga en cuenta que la creaciΓ³n de configuraciones personalizadas actualmente requiere un conocimiento tΓ©cnico significativo y no serΓ‘ accesible para todos los usuarios.

    Resumen del proceso

    Hay varios pasos para crear una configuraciΓ³n personalizada que requerirΓ‘n diferentes habilidades y la participaciΓ³n de diferentes actores dentro de un proyecto. Debe dejar suficiente tiempo antes del inicio previsto de la recopilaciΓ³n de datos para permitir la consulta, las pruebas y las iteraciones de su configuraciΓ³n por parte de la comunidad.

    Configuraciones personalizadas

    Acerca de las configuraciones personalizadas

    Las configuraciones personalizadas son una poderosa herramienta para la personalizaciΓ³n en Mapeo, que permite a los usuarios definir categorΓ­as, Γ­conos y cuestionarios especΓ­ficos para sus proyectos. La categorΓ­a personalizada y el texto del cuestionario se pueden escribir en cualquier idioma que se pueda escribir, lo que garantiza que las partes clave de la interfaz de recopilaciΓ³n de datos de Mapeo puedan aparecer en el idioma nativo de los grupos que la utilizan.

    En la versiΓ³n actual de Mapeo, las configuraciones tambiΓ©n contienen una clave de proyecto que permite a los participantes del mismo proyecto de Mapeo sincronizar datos entre sΓ­ y evita la sincronizaciΓ³n con otros dispositivos.​

    Si bien las estructuras de datos en Mapeo se pueden modificar durante el curso de un proyecto, muchos cambios a lo largo del tiempo pueden generar datos desordenados. Vale la pena probar y refinar su configuraciΓ³n en la medida de lo posible antes de ponerla en uso para la recopilaciΓ³n de datos.

    Una vez que haya completado este proceso, tendrΓ‘ un archivo de configuraciΓ³n de Mapeo (.mapeosettings) que se puede importar y usar en Mapeo Mobile y Destop.

    Las siguientes pΓ‘ginas lo guiarΓ‘n a travΓ©s de los pasos clave para crear una configuraciΓ³n personalizada:

    • Planeando la configuraciΓ³n y la estructura de datos Esta secciΓ³n describirΓ‘ los elementos personalizables clave en una configuraciΓ³n y algunas consideraciones al trazar cada Γ‘rea. *No se requieren conocimientos tΓ©cnicos.

    • Codificar la configuraciΓ³n Esta secciΓ³n lo guiarΓ‘ para adaptar de la estructura de datos planificada al formato requerido para su proyecto y la compilaciΓ³n del archivo de configuraciΓ³n de Mapeo. *Es necesario editar archivos JSON, generar archivos .svg y trabajar con la lΓ­nea de comandos o GitHub.

    Para obtener instrucciones sobre cΓ³mo importar un archivo de configuraciΓ³n (.mapeosettings) a Mapeo, consulte:

    Importar configuraciones a Mapeo Mobile

    Importar configuraciones a Mapeo Desktop

    CreaciΓ³n de configuraciones personalizadas

    Si ha identificado que la ConfiguraciΓ³n por defecto de Mapeo no se adapta a las necesidades de su proyecto, tiene la opciΓ³n de crear una configuraciΓ³n personalizada.

    La creaciΓ³n de configuraciones personalizadas actualmente requiere un conocimiento tΓ©cnico significativo y no serΓ‘ accesible para todos los usuarios.

    El proceso de personalizaciΓ³n, detallado en Creando configuraciones personalizadas, requiere familiaridad y conocimientos para editar archivos JSON, generar archivos de imagen SVG y usar acciones de GitHub o instalar y usar paquetes de nodos a travΓ©s de la lΓ­nea de comandos.

    Crear y exportar archivos SVG usando Adobe Illustrator

  • Crear y exportar archivos SVG usando Inkscape

  • Nombrar archivos de iconos

    Los iconos deben ser leΓ­dos por MAPEO en dos tamaΓ±os: 100 pΓ­xeles y 24 pΓ­xeles. Por ese motivo, existe una convenciΓ³n de nomenclatura de archivos especΓ­fica:

    • nombre-icono-100px.svg

    • nombre-icono-24px.svg

    Cada icono se puede duplicar y renombrar para que haya uno de cada tamaΓ±o. Son abiertos y leΓ­dos por los archivos .json en la carpeta de presets. Verifique que el nombre se haya ingresado correctamente donde sea necesario (mΓ‘s sobre esto en la siguiente secciΓ³n). El script de compilaciΓ³n procesarΓ‘ el sufijo de tamaΓ±o de pΓ­xel.

    Recursos adicionales

    • Troubleshooting SVG image errors in Mapbox Studio

    Iconos
    • CategorΓ­as Al recopilar o crear datos con Mapeo, los usuarios asignan una categorΓ­a de nivel superior a cada observaciΓ³n o elemento del mapa.

    • Iconos Cada categorΓ­a que incluya debe tener un icono o un pequeΓ±o grΓ‘fico para mostrar a los usuarios al seleccionar una categorΓ­a.

    • Campos de detalles (opcional) Para cada categorΓ­a en su configuraciΓ³n, puede incluir uno o mΓ‘s campos de datos estructurados (como un mini formulario o cuestionario) que los usuarios pueden completar opcionalmente al crear una nueva observaciΓ³n o elemento de mapa con esa categorΓ­a.

    Las configuraciones pueden y, a menudo, evolucionarΓ‘n con el tiempo. A medida que comience a recopilar datos, probablemente encontrarΓ‘ categorΓ­as, campos de detalles y opciones que le gustarΓ­a agregar o modificar. A diferencia de otras herramientas de recopilaciΓ³n de datos o encuestas, Mapeo permite mucha flexibilidad para cambiar las configuraciones con el tiempo y no requiere que se borre la base de datos cuando se realizan cambios.

    DocumentaciΓ³n de la estructura de datoso

    Para crear un archivo de configuraciΓ³n de Mapeo, la informaciΓ³n que asigne para las Γ‘reas anteriores deberΓ‘ traducirse a archivos JSON y archivos de imagen .svg y luego compilarse. Los detalles de este proceso se cubrirΓ‘n en Codificar la configuraciΓ³n.

    Si no tiene las habilidades tΓ©cnicas necesarias para codificar la configuraciΓ³n usted mism@, la informaciΓ³n que defina en las siguientes pΓ‘ginas para CategorΓ­as, Iconos y Campos de detalles se puede documentar y pasar a una persona desarrolladora o persona con habilidades tΓ©cnicas para codificar y compilar el archivo de configuraciΓ³n.

    QuΓ© informaciΓ³n recolectar?
    {
        "key": "name",
        "type": "text",
        "label": "Name",
        "placeholder": "Common name of this place"
    }
    Al crear configuraciones personalizadas, editarΓ‘ archivos dentro de las siguientes carpetas de configuraciΓ³n:
    • icons (iconos)

    • fields (campos)

    • presets (categorias)

    Y los siguientes archivos de configuraciΓ³n:

    • metadata.json

    • defaults.json

    • package.json

    Preparar estructura de carpetas

    Usando el explorador de archivos

    1. Descargue el repositorio de configuraciΓ³n predeterminado o el repositorio de configuraciΓ³n vacΓ­o.

    2. Descomprima el contenido en una nueva carpeta usando un programa como 7zip.

    3. Cambie el nombre de la carpeta de "mapeo-default-settings" para usar su propio nombre de proyecto, "mapeo-config-projectname".

    Usando el terminal (linux y mac) - lΓ­nea de comandos

    Planeando la configuraciΓ³n y la estructura de datos
    nuestro repositorio de configuraciΓ³n predeterminado
    repositorio de configuraciΓ³n vacΓ­o
    wget https://github.com/digidem/mapeo-default-settings/archive/v2.1.0.zip 
    unzip v2.1.0.zip 
    mv mapeo-default-settings-v2.1.0 mapeo-settings-myprojectname
    y usando cualquier aplicaciΓ³n que pueda extraer archivos tar.

    Importar una configuraciΓ³n a Mapeo

    For instructions on how to import a configuration file (.mapeosettings) into Mapeo, see:

    Importar configuraciones a Mapeo Mobile

    Importar configuraciones a Mapeo Desktop

    Probando tu configuraciΓ³n

    Vale la pena probar a fondo su nueva configuraciΓ³n antes de introducirla en su proyecto y comenzar la recopilaciΓ³n formal de datos.

    Algunas cosas a tener en cuenta al probar configuraciones:

    • Iconos ΒΏLos Γ­conos se muestran claramente? Compruebe cΓ³mo aparecen los iconos, especialmente en Mapeo Mobile en dispositivos con pantallas mΓ‘s pequeΓ±as.

    • CategorΓ­as ΒΏAparecen las categorΓ­as en un orden lΓ³gico en la pantalla CategorΓ­as de Mapeo Mobile? Los cambios se pueden realizar a travΓ©s de la propiedad de clasificaciΓ³n en Creating categories

    • Campos de detalles ΒΏLas etiquetas de texto y los marcadores de posiciΓ³n son fΓ‘ciles de entender? ΒΏAparecen los campos de detalles en un orden lΓ³gico? Los campos se mostrarΓ‘n a los usuarios en el orden en que aparecen en la matriz de campos en .

    • Colores Si agregΓ³ color a los marcadores del mapa de categorΓ­a, ΒΏse distinguen entre sΓ­ y se ven en el fondo del mapa?

    • Nombre y versiΓ³n ΒΏEl nombre y la versiΓ³n de su configuraciΓ³n aparecen como se desea en la pantalla de ConfiguraciΓ³n del proyecto en Mapeo Mobile o en la pantalla de Sincronizar de Mapeo Desktop?

    Hacer cambios

    Los cambios se pueden hacer fΓ‘cilmente a su configuraciΓ³n a travΓ©s de los pasos en la secciΓ³n Codificar la configuraciΓ³n. A menudo probamos, modificamos, recompilamos y volvemos a probar varias veces antes de lanzar una nueva versiΓ³n de configuraciΓ³n.

    Como se indica en Planeando la configuraciΓ³n y la estructura de datos, las configuraciones pueden evolucionar y, a menudo, evolucionarΓ‘n con el tiempo. A medida que comience a recopilar datos, probablemente encontrarΓ‘ categorΓ­as, campos de detalles y opciones que le gustarΓ­a agregar o modificar.

    A diferencia de otras herramientas de recopilaciΓ³n de datos o encuestas, Mapeo permite mucha flexibilidad para cambiar las configuraciones con el tiempo y no requiere que se borre la base de datos cuando se realizan cambios. Si bien los cambios en los Γ­conos o los campos de color, nombre, etiqueta o marcador de posiciΓ³n serΓ‘n menores, las modificaciones mΓ‘s importantes, como eliminar una categorΓ­a, afectarΓ‘n la forma en que se muestran los datos existentes en Mapeo y las exportaciones de datos. Independientemente de estos cambios, ningΓΊn dato anterior se perderΓ‘ o no se podrΓ‘ ver.

    ΒΏCΓ³mo se ven las categorΓ­as en Mapeo?

    El listado de categorΓ­as en Mapeo Mobile (usando la configuraciΓ³n predeterminada):

    Listado de categorΓ­as en el panel de Filtros de Mapeo Desktop (usando la configuraciΓ³n predeterminada):

    Consideraciones al definir categorΓ­as

    Para cada categorΓ­a que elija incluir en su configuraciΓ³n, deberΓ‘ determinar lo siguiente:

    • Nombre La etiqueta que verΓ‘n los usuarios en Mapeo al visualizar o seleccionar la categorΓ­a

    • GeometrΓ­a Cada elemento en el mapa se marcarΓ‘ como un punto, lΓ­nea (p. ej., un camino) o Γ‘rea (p. ej., una zona o un lago). DeberΓ‘ determinar cuΓ‘l de estas geometrΓ­as podrΓ‘n usar las personas usuarias para cada categorΓ­a.

      • Todos los datos recopilados con Mapeo Mobile serΓ‘n puntos. Si estΓ‘ utilizando Mapeo Mobile, debe incluir punto como geometrΓ­a para cada categorΓ­a.

      • Si utiliza el como parte de su proyecto, tambiΓ©n puede incluir una lΓ­nea o un Γ‘rea para las categorΓ­as cuando corresponda.

    • Color (opcional) Tiene la opciΓ³n de establecer un color personalizado para los puntos o marcadores del mapa para cada categorΓ­a en el modo de observaciones de Mapeo Mobile y Mapeo Desktop.

    • Orden de clasificaciΓ³n (opcional) Tiene la opciΓ³n de determinar el orden en el que desea que aparezcan las categorΓ­as en la pantalla CategorΓ­as de Mapeo Mobile (en la imagen de arriba). Si no se agrega ningΓΊn orden, las categorΓ­as aparecerΓ‘n en orden alfabΓ©tico por nombre.

    Al definir categorΓ­as, tenga en cuenta lo siguiente:

    • Las categorΓ­as son una de las formas clave en que se pueden filtrar los datos en Mapeo. Pensar en cΓ³mo verΓ‘ y usarΓ‘ los datos una vez que se hayan creado ofrece una perspectiva ΓΊtil al definir categorΓ­as.

    • Como regla general, las categorΓ­as no deben superponerse: los usuarios deben ver solo una opciΓ³n que se ajuste al hacer una selecciΓ³n.

    • Las categorΓ­as y lo que caerΓ­a dentro de ellas deben ser claro para quienes recopilarΓ‘n datos. Las sesiones de capacitaciΓ³n e informaciΓ³n pueden ser crΓ­ticas para garantizar que las personas participantes del proyecto sepan cΓ³mo recopilar datos de manera consistente, pero la claridad y la simplicidad en la creaciΓ³n de configuraciones son de gran ayuda.

    • El espacio disponible para mostrar los nombres de las categorΓ­as es limitado, especialmente en Mapeo Mobile, por lo que, en general, los nombres deben ser breves.

    GeneraciΓ³n de archivos de categorΓ­a

    Toda la informaciΓ³n que defina para las categorΓ­as se formatearΓ‘ en JSON en el proceso Codificar la configuraciΓ³n, que se detalla en la siguiente secciΓ³n.

    Si no se siente cΓ³modo trabajando con JSON, puedes pasar esta informaciΓ³n a alguien con conocimientos tΓ©cnicos para completar los pasos en Codificar la configuraciΓ³n.

    ΒΏCΓ³mo se ven los Γ­conos en Mapeo?

    Listado de categorΓ­as con iconos en Mapeo Mobile (usando la configuraciΓ³n predeterminada):

    Puede encontrar ejemplos de los archivos de iconos de nuestra configuraciΓ³n predeterminada aquΓ­.

    Consideraciones al diseΓ±ar iconos

    Si bien la creaciΓ³n de los archivos de Γ­conos .svg requiere cierto conocimiento de las herramientas de ediciΓ³n de imΓ‘genes, esbozar y generar ideas para los Γ­conos puede ser una excelente manera de involucrar a los miembros de la comunidad y a los participantes del proyecto que pueden no tener habilidades tΓ©cnicas. Con papel y lΓ‘pices, los grupos pueden generar ideas para Γ­conos que representen cada categorΓ­a en su proyecto.

    Si no estΓ‘ preparado para diseΓ±ar sus propias imΓ‘genes de Γ­conos, hay bibliotecas de imΓ‘genes en lΓ­nea con licencias Creative Commons que puede utilizar.

    Al diseΓ±ar iconos, tenga en cuenta lo siguiente:

    • Los iconos se muestran como imΓ‘genes muy pequeΓ±as en Mapeo Mobile (24x24px) y Mapeo Desktop (100x100px). Los diseΓ±os muy simples con detalles mΓ­nimos se mostrarΓ‘n mΓ‘s claramente a los usuarios.

      • Cuando piense en el tamaΓ±o y la escala, imagine dibujar sus Γ­conos con un marcador en una moneda de diez centavos.

    • Las lΓ­neas y formas en negrita y de colores sΓ³lidos serΓ‘n mΓ‘s claramente visibles.

    GeneraciΓ³n de archivos de iconos

    Una vez que se haya decidido por el diseΓ±o o el concepto de sus Γ­conos, deberΓ‘ generar archivos .svg para cada uno como parte del proceso Codificar la configuraciΓ³n, que se detalla en la siguiente secciΓ³n.

    Si no tiene habilidades para preparar los archivos de Γ­conos digitales, los bocetos en papel se pueden pasar a alguien con habilidades tΓ©cnicas para completar los pasos de generaciΓ³n de archivos de Γ­conos, descritos en Codificar la configuraciΓ³n.

    Defining geometry defaults

    The defaults.json file is currently used by Mapeo Desktop to determine which categories (presets) to list for each type of map geometry (point, line, area).

    Before building your configuration, ensure that defaults.json includes an array of presets for each geometry that corresponds to the geometries you've listed in your preset files.

    Example defaults.json file:

    Adding a project key

    What is a Project Key?

    In the metadata.json file in your Mapeo configuration, you can include a projectKey, which is a random cryptographic string of characters to prevent unwanted devices from getting access to the data.

    Once a Mapeo Mobile or Mapeo Desktop device has imported a configuration with a project key, it can only sync with another Mapeo Mobile or Mapeo Desktop device that has the same project key.

    You can edit the project key (for example, if you want to make first 4 characters identifiable to a project) but it can only contain letters a-f and numbers 0-9.

    It can also only be 64 characters long -- no more, no less.

    Creating a Project Key

    To create a projectKey, first open the Terminal.

    Using mapeo-settings-builder

    For instructions on how to install mapeo-settings-builder, see Building configuration file .

    Copy and paste the following command into the terminal

    You'll see something like this (but with x replaced with real characters and numbers)

    Copy this string and add it to the metadata.json file so it looks like this:

    Notice that there are double quotes " around each value.

    Creating categories

    To review key information on defining categories, see .

    In the presets

    Adding project name and version

    The package.json file stores the name and version information users will see in Mapeo when using the configuration.

    Edit the name and version properties when creating a new configuration. Additional information on incrementing versions will be covered in .

    You can also add description, author, and license information to this file but these properties will not be rendered in the Mapeo interface.

    Crear y exportar archivos SVG usando Adobe Illustrator

    es un editor de grΓ‘ficos vectoriales y un programa de diseΓ±o desarrollado por Adobe Inc. Aunque es un producto comercial con licencia, se usa muy comΓΊnmente para crear grΓ‘ficos vectoriales, y muchos usuarios tambiΓ©n utilizan esta herramienta para crear Γ­conos para Mapeo.

    Exportar archivos .svg con las propiedades adecuadas

    Cuando estΓ© listo para exportar un archivo grΓ‘fico vectorial a un formato de archivo .svg compatible con Mapeo, el proceso es el siguiente:

    Creating categories
    modo Territorio de Mapeo Desktop
    {
        "area": [
            "area", 
            "airstrip",
            "animal",
            "community",
            "fishing-site",
            "gathering-site",
            "hills",
            "hunting-site",
            "lake",
            "palm",
            "special-site",
            "swidden",
            "threat",
            "tree",
            "plant"
        ],
        "line": [
    	"line",
    	"boundary-line",
    	"river",
    	"path",
    	"stream",
    	"threat"
        ],
        "point": [
            "point",
            "airstrip",
            "animal",
            "boundary-line",
            "building",
            "camp",
            "clay",
            "community",
            "fishing-site",
            "gathering-site",
            "house",
            "hunting-site",
            "palm",
            "cave",
            "plant",
            "salt-lick",
            "waterfall",
            "special-site",
            "swidden",
            "threat",
            "tree"
        ],
        "vertex": [
        ],
        "relation": [
        ]
    }
    mapeo-settings-builder generate-key
    Via the command line
    Example package.json file:
    Building configuration file
    {
      "name": "project-config",
      "version": "1.0.0",
      "description": "Mapeo configuration",
      "dependencies": {
        "mapeo-settings-builder": "^3.0.0",
        "mkdirp": "^0.5.1"
      },
      "devDependencies": {},
      "scripts": {
        "build": "basename=\"${npm_package_name}-v${npm_package_version}\"; mkdirp build/${basename}; mapeo-settings build -l 'en' -o build/${basename}.mapeosettings && tar -C \"build/${basename}\" -xf build/${basename}.mapeosettings",
        "test": "mapeo-settings lint"
      },
      "author": "Your Name",
      "license": "UNLICENSED",
      "private": true
    }
    '380c02d32xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx1d'
    {
      "dataset_id": "mapeo-jungle",
      "projectKey": "380c02d32xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx1d"
    }
    directory, customize the
    .json
    files

    In the presets directory, each .json file needs:

    • icon must mach the name of an icon in the icons folder - use prefix only, excluding the size refernce and file extension (eg. for fishing-24px.svg/fishing-100px.svg use fishing).

    • name will be the human-readable label shown to the user

    • geometry must be an array of point ,area, and/or line (All categories for use in Mapeo Mobile must include point.)

    • sort (optional) is an integer that will determine the order in which categories are displayed on the Categories screen of Mapeo Mobile. If no sort is included, categories will be listed alphabetically by name.

    • an array of fields (optional) which should match the key created in the fields directory. Fields will be displayed to users in the order they are listed in the fields array.

    • color (optional) determines the color of observation dots on the map. (Dots fall back to orange if no color is defined.) Value can be a hex code, CSS color name or any string supported by .

    Example preset file (fishing-site.json):

    CategorΓ­as

    En el menΓΊ superior de Adobe Illustrator, haga clic en Archivo y luego seleccione Exportar, seguido de Exportar como.

  • AsegΓΊrese de que Use Artboards estΓ© marcado.

    • Guarde su archivo .svg en el directorio correcto (icons para las configuraciones de Mapeo) y con el nombre de archivo deseado, y haga clic en Exportar.

    • En la siguiente ventana, asegΓΊrese de que las siguientes propiedades estΓ©n configuradas y luego haga clic en Aceptar:

    Su archivo .svg ahora deberΓ­a estar listo para ser utilizado por Mapeo. Consulte Adding icon files para obtener mΓ‘s informaciΓ³n sobre cΓ³mo nombrar los archivos y dΓ³nde colocarlos en el directorio de configuraciΓ³n.

    Adobe Illustrator

    Via the command line

    Prepare computer for building the configuration

    Mapeo is built with JavaScript programming language. To get started, you'll need to installdevelopment environment. If you already have Node.js installed you can skip this section.

    You need to be at least on Node.js version 8 (or higher) for the mapeo-settings-builder to work properly. Head over to page and select installer for your operating system.

    Alternatively you can also use NVM (Node Version Manager) to install and manage multiple versions of Node.js on your computer.

    Crear y exportar archivos SVG usando Inkscape

    is a free and open-source vector graphics editor used to create vector images, primarily in Scalable Vector Graphics (.svg) format. Inkscape is an alternative to the commercial software Adobe Illustrator, and can be used to generate .svg files that work in Mapeo.

    Using Inkscape to vectorize images

    A common workflow for generating Mapeo icons is to find photos or other raster images, and turn them into vector images, simplifying them until they will render well at a small size. In Adobe Illustrator, this can be done using the Image Trace

    {
        "icon": "fishing",
        "name": "Fishing Site",
        "sort": 10,
        "color": "#13D5CF",
        "fields": [
            "name"
        ],
        "geometry": [
            "point",
            "area"
        ]
    }
    validate-color
    Install nvm

    Then close terminal and open again

    Install homebrew (macOS)

    http://brew.sh/

    Install npm

    https://docs.npmjs.com/cli/install

    Install and use node 12

    Install Mapeo Settings Builder

    You'll see output on the terminal, but this is OK

    Is your computer ready?

    If your computer is ready to create configurations, type

    You should see output that looks something like

    Now you're ready to move to build your configuration!

    Package Config Assets for MAPEO

    Prep folder and build

    Type, 'cd`, then a space, then drag and drop the folder where the prepared assets are and press enter. It will look something like this

    You will then be ready to run scripts directly in the folder.

    This -s tells npm to be silent, so that you only see errors that are meaningful to you.

    You will see something like the following output. Errors will be highlighted in RED with hopefully some helpful description so that you can remedy the issue.

    You'll also see a .mapeosettings file inside of the build directory.

    What is a .mapeosettings file?

    A .mapeosettings file is a tar file, similar to a zip file. You can see the contents of the file by changing the file extension to .tar and using any application that can extract tar files (such as 7zip, mentioned above).

    Troubleshooting Checklist

    Type the following into the terminal

    You need to be at least on Node version 8 for the mapeo-settings-builder to work properly. If you need help, review the 'Preparing Computer' section and ensure you're on the latest version of mapeo-settings-builder.

    You also may want to delete node_modules and install updated versions of the dependencies.

    In Mac or Linux, in the terminal:

    If you're having more issues, please open an issue on the GitHub repository or e-mail our support hotline.

    Versioning

    It's important to increment the version when releasing new changes to your configuration. When you are ready to release a new version, you can use standard-version in the command line to automatically increment your config version and update the CHANGELOG.md file in your repository.

    For more on versions with standard-version, see Use conventional commit messages to increment your configuration version

    Node.js
    Node.js download
    touch ~/.bash_profile
    curl -o- <https://raw.githubusercontent.com/creationix/nvm/v0.32.1/install.sh> | bash
    nvm install 12
    nvm alias default 12
    npm install -g mapeo-settings-builder
    mapeo-settings-builder
    β†’ Using version x.x.x of mapeo-settings-builder
    Usage: mapeo-settings-builder [options] [command]
    
    Options:
      -h, --help                   display help for command
    
    Commands:
      build [options] [sourceDir]  Build config from presets in current working dir
      lint [sourceDir]             Lint preset files for errors
      extract-messages [options]   Extract messages for translation
      generate-key                 Generate a random project key
      help [command]               display help for command
    cd /Users/jen/Documents/Dd_LOCAL_project-files/Dd-Tools/Mapeo/Presets/CREATION\\ LAB/Strathcona-KX-v1.0.0
    npm install
    npm run -s build
    β†’ Using version x.x.x. of mapeo-settings-builder
    ! Warning: no category json files found in /home/okdistribute/node_modules/mapeo-default-settings/mapeo-default-settings-2.1.0/categories
    βœ“ Built presets and categories (37ms)
    βœ“ Generated svg sprite for iD (544ms)
    βœ“ Generated png sprite for Mapbox (81ms)
    βœ“ Generated png icons for Mapeo Mobile (607ms)
    βœ“ Successfully created file 'build/mapeo-default-settings-v2.1.0.mapeosettings' (total 1299ms)
    node -v
    npm install -g mapeo-settings-builder@latest
    npm install
    tool.

    In Inkscape, this can be done using the Trace Bitmap tool found in the Path menu. There are some options to manipulate like Smoothing corners, Optimizing corners, and setting the number of colors.

    Saving .svg files with the right size and Viewbox in Document Properties

    Once you have a vector image that is to your satisfaction (and in a square format), you need to set the correct width & height and Viewbox size before saving the .svg file. You can do this in Document Properties (File menu).

    First, set the Display units to pixels (px). This dropdown is located at the very top of the Document Properties menu.

    Locate the "Custom Size" and "Scale" boxes in Document Properties.

    First, you may need to set the unit of measurement for the Custom size, if it is not in pixels. If Units is in a format like milimeters (mm), change this to px.

    Set the Width and Height to 100 each.

    Next, the Viewbox needs to be set to 100 as well. The easiest way to do this β€” once you've set the Display units and Custom size units to pixels β€” is to set the Scale x to 1. It should copy over the Width and Height values from the Custom Size to the Viewbox. If that didn't do the trick, manually enter 100 for both Width and Height here.

    Once you've done this, you may need to resize the art to match the full size of the Viewbox:

    The easiest way to do this is to use the sizing and placement parameters right above the Viewbox, as shown in the screenshot above. Set W and H to 100 (px), and make sure X and Y are set to 0 (px). The image will then fill the entire Viewbox:

    You can now save the .svg file by going to File β†’ Save / Save As / Save A Copy.

    Your .svg file should now be ready to be used by Mapeo. See Adding icon files for more information on how to name the files and where to place them in the configuration directory.

    Verify that your SVG file is built correctly

    If you want to verify that the parameters in your .svg file are correct, open it in a text editor like Visual Studio Code or Notepad++.

    It should have an initial <svg> tag with width and height set to 100, and viewBox set to "0 0 100 100."

    After some tags like <defs>, <sodipodi:namedview>, <metadata>, which don't matter for the purposes of creating icons for Mapeo, you should see tags like <g> with layer properties, and a series of <path> with vertices and style properties, which constitute your vectors.

    If your .svg file looks like this, the Mapeo configurations builder script should process your icons just fine.

    Additional resources

    • Troubleshooting SVG image errors in Mapbox Studio

    Inkscape