- Servir de exemplo de um possível projeto envolvendo mapeamento na universidade.
- Mapear as diferentes ações relacionados com os Objetivos de Desenvolvimento Sustentável (ODS) realizadas em diferentes campus.
- Permitir que os diferentes atores informem projetos para serem adicionados em uma base de dados comum com enfoque em ODS.
- Evolução funcional do protótipo ODS, disponível neste link.
- O código-fonte do backend em Java está disponível neste link.
-
NuxtJS: Framework para criação de páginas web baseado no VueJS.
-
Vuetify: Biblioteca para VueJS com componentes de interface de usuário prontos para uso.
-
Leaflet: Biblioteca javascript para exibição e manipulação de mapas. Utilizado como módulo Nuxt via nuxt-leaflet.
-
OpenStreetMap: Iniciativa de mapas colaborativos utilizada para diversos fins. É utilizada a tile (layer de fundo do mapa) disponibilizada pela Equipe Humanitária do OpenStreetMap (Humanitarian OpenStreetMap Team) servida pelo OpenStreetMap France.
-
Mapas da UFES: Foram utilizados os mapas dos campus criados pela equipe Prodesign.
-
UfesSans: Família tipográfica opensource criada pela equipe de Prodesing.
-
Foi utilizado como referência o mapa para o campus de Alegre.
-
Imagens para representar cada ODS foram obtidas em https://brasil.un.org/pt-br/sdgs.
- Para realizar o build e servir o projeto com um servidor node (padrão em
localhost:3000):
yarn build
node .output/server/index.mjs- Para gerar um site estático, sem que as rotas sejam pré-renderizadas é preciso definir a opção
ssr: false:
yarn generate- O site será gerado em um diretório chamado
diste pode então ser servido usando um servidor http:
python -m http.server 8001 --directory dist- Nuxt 3 | Repository pattern: organising and managing your calls to APIs (Typescript)
- Vue Lifecycle Hooks
- Página inicial
- Mapa com as ações demarcadas
- Listagem das ações
