relatorios equipe design Page History
Relatório de atividades
Itens:
- Objeto da bolsa
- Atividades Realizadas
- Métodos
- Resultados
- Bibliografia
- Desdobramentos ou perspectivas (publicações se houver)
- Anexos
Kadu
- Desenvolver estudos voltados à melhorias da atual arquitetura de informação das plataformas de participação social noosfero-gov (Participa.br e Juventude.gov.br);
- Apoiar pesquisas sobre proposta de evolução da arquitetura de interfaces para plataforma de participação social noosfero-gov (Participa.br e Juventude.gov.br);
- Mapear as temáticas necessárias para as comunidades do Participa.br
- Coletar informações sobre objetivos e público-alvo da Plataforma de Participação Social (Conceituação)
- Mapear cadastro e autenticação na Plataforma de Participação Social
- Estudo de rótulos/nomenclaturas para páginas de Cadastro e Autenticação na Plataforma de Participação Social
- Estudar modelos de uso através de protótipos para interfaces de colaboração e participação social.
- Auxiliar no levantamento de melhorias visuais para reformulação estrutural da interface de perfil de usuário da plataforma-objeto de colaboração e participação social
- Auxiliar no levantamento de melhorias visuais para reformulação estrutural das interfaces de login e cadastro da plataforma-objeto de colaboração e participação social
- Estudo e levantamento de melhorias visuais em tipo/tema padrão juventude
Melissa
- Estudar a estrutura de front end da plataforma Noosfero e avaliar a viabilidade para aderir à proposta evolutiva de interface;
- Realizar levantamento de viabilidade dos mecanismos e modificações necessários para aplicação de interface proposta com foco no uso e compreensão;
- Analisar e definir etapas e técnicas a serem usadas para aplicação de um design base proposto das páginas inicial, interna e de administração da plataforma de redes sociais de acordo com a interface proposta;
- Definição de etapas e técnicas utilizadas para aplicação de melhorias na interface do participa.br
- Definição de etapas e técnicas utilizadas para aplicação de melhorias de usabilidade com um tipo/tema para comunidade SITE
- Definição de etapas e técnicas utilizadas para aplicação de melhorias de usabilidade com um tipo/tema para comunidade CONSULTA
- Analisar e definir etapas e técnicas a serem utilizadas para aplicação da proposta de design da página inicial e páginas internas das plataformas de colaborações e participação social de acordo com a nova interface proposta.
Peter
- Realizar estudos sobre arquitetura de informação em interfaces de colaboração e participação social no noosfero-gov (Participa.br e Juventude.gov.br);
- Realizar estudos sobre experiência de usuário em interfaces de colaboração e participação social no noosfero-gov (Participa.br e Juventude.gov.br);
- Avaliar a arquitetura de informação da plataforma de participação social noosfero-gov (Participa.br e Juventude.gov.br) previamente definida;
- Realizar estudos sobre atual arquitetura de informação da plataforma de participação social noosfero-gov (Participa.br e Juventude.gov.br).
- Estudo de rótulos/nomeenclaturas para páginas de Cadastro e Autenticação na Plataforma de Participação Social
- Realizar levantamento de melhorias visuais para reformulação estrutural da interface de perfil de usuário
- Realizar levantamento de melhorias visuais para reformulação estrutural da interface de login e cadastro
Tiago
- Levantar dados necessários para criação da proposta visual evolutiva das interfaces do projeto Noosfero;
- Desenvolver estudos voltados a proposta visual evolutivo para as áreas de administração da plataforma de redes sociais de Noosfero;
- Mapear cadastro e autenticação na Plataforma de Participação Social * Redesenvolvimento estrutural do perfil de usuário - Telas
- Estudar e elaborar proposta de melhorias estruturais na interface de perfil de usuário
- Estudo de rótulos/nomeenclaturas para páginas de Cadastro e Autenticação na Plataforma de Participação Social
- Estudar e elaborar proposta de melhorias estruturais na interface de login e cadastro
- Estudo e levantamento de melhorias na navegação de administradores de comunidades com criação de menu administrativo
- Documentar elementos de tipografia, iconografia e paleta de cores definidas para a proposta visual de plataforma de colaboração e participação social.
- Realizar estudos e definições para tipografia, iconografia e paleta de cores geral
- Realizar estudos e definições para tipografia, iconografia e paleta de cores das 03 temáticas/tipos do Participa.br
- Estudo e definição de iconografia e paleta de cores genérica para comunidades
- Estudo e definição de iconografia e paleta de cores para tema/template do Juventude
William
- Realizar estudos de identidade visual com intuito de trazer melhorias para as plataformas de participação social noosfero-gov (Participa.br e Juventude.gov.br)
- Avaliar usabilidade da home do Participa.br
- Revisar da proposta de melhoria visual da home do participa.br
- Identificação e definição de melhorias visuais em comunidades do Juventude.BR
- Identificação e definição de melhorias visuais para comunidades com perfil de SITE
- Identificação e definição de melhorias visuais para comunidades com perfil de CONSULTA
- Estudo e definição de paleta de cores e ícone de card genérico para área de trilhas da homepage Participa.br
- Analisar e realizar estudos voltados para o desenvolvimento de ilustrações, temas, iconografia, paleta de cores e tipografia para personalização das plataformas de participação social noosfero-gov (Participa.br e Juventude.gov.br)
- Realizar estudos e definições para tipografia, iconografia e paleta de cores geral
- Realizar estudos e definições para tipografia, iconografia e paleta de cores das 03 temáticas/tipos
- Estudo e definição de iconografia e paleta de cores genérica para comunidades
- Estudo e definição de iconografia e paleta de cores dos novos temas-templates do Juventude
Larissa
Objetivos:
- Estudar a estrutura dos blocos e plug-ins da plataforma Noosfero e avaliar a viabilidade para aderir à proposta evolutiva da interface;
- Realizar levantamento dos mecanismos e avaliar viabilidade das modificações necessárias para refinar os blocos de acordo com a interface proposta.
Atividades:
- Definição de arquitetura do ambiente de desenvolvimento da nova interface Noosfero com Angular
- Atualização da documentação da interface em conjunto com o SERPRO
- Preparação de ambiente de desenvolvimento da nova interface Noosfero com Angular
- Preparação de ambiente de teste
- Avaliação e proposta de melhoria nos testes do código da nova interface
- Otimização do código de front-end Angular em desenvolvimento conjunto com o SERPRO
- Propor uma arquitetura do frontend Angular para expandir via plugins
Métodos:
- Catálogo e atualização de documentação existente sobre front-end Angular em desenvolvimento pelo SERPRO
- Avaliação de código e aplicação de técnicas para aprimoramento e expansão de funcionalidades
- Padronização de ambiente de desenvolvimento e teste para evolução da interface em equipe
Resultados:
- Brainstorm para arquitetura do novo front-end: https://softwarepublico.gov.br/gitlab/softwarepublico/noosfero/wikis/decisoes-frontend
- Avaliação de front-end em AngularJS: https://softwarepublico.gov.br/gitlab/noosferogov/noosfero/issues/55#note_9817
Prova de conceito de front-end AngularJS: https://softwarepublico.gov.br/gitlab/noosferogov/noosfero/issues/56
Atividades de referencia (anotação - não colocar no relatório):
- Prototipação de configurações de visualização dos blocos/definição de layout da interface
- Atualização das dependências da interface
- Levantamento de dependências depreciadas da interface
- Proposta de generalização de scripts de construção da interface
- Definição de método para reconhecimento de interface Angular pelo Noosfero
Caio
- Definir etapas e técnicas a serem usadas para aplicação de um design base proposto para os principais blocos e plugins da plataforma de redes sociais
- Definir etapas e técnicas a serem usadas para aplicação da proposta de design da página inicial e páginas internas da plataforma de colaboração e participação social de acordo com a nova interface proposta.
Atividades:
- Avaliação da estrutura de front-end atual das plataformas e elaboração de roadmap para evolução
- Estudo e definição das estratégias e tecnologias a serem utilizadas para refatoração do front-end
- Análise de design proposto e identificação de componentes e funcionalidades a serem desenvolvidos para registro e autenticação de usuários
- Análise de design proposto e identificação de componentes e funcionalidades a serem desenvolvidos para páginas de perfil de usuário
- Análise de design proposto e identificação de componentes e funcionalidades a serem desenvolvidos para páginas de comunidades
Métodos:
- Reuniões com contribuidores da plataforma de participação social e com desenvolvedores das plataformas do governo
- Oficina de pareamento do novo frontend no Serpro
- Estudos comparativos entre frameworks para evolução do front-end
Resultados:
- Componente de visualização de imagens em tema AngularJS: https://softwarepublico.gov.br/gitlab/noosfero-themes/angular-theme/commit/d3bba43c75e4873b4cb6ae3fc7a3b8ebea07c501
- Componente de visualização de atividades recentes em tema AngularJS: https://softwarepublico.gov.br/gitlab/noosfero-themes/angular-theme/commit/8784fe3c2af51283ec57b2c3fe59ff8df902dffd
- Componente de visualização de áreas de interesses em tema AngularJS: https://softwarepublico.gov.br/gitlab/noosfero-themes/angular-theme/commit/2841288e4b867433b278279ad5a4c9537f6a9d19
- Páginas de registro e login de usuário para nova interface da plataforma: https://softwarepublico.gov.br/gitlab/noosfero-themes/angular-theme/merge_requests/38 e https://softwarepublico.gov.br/gitlab/noosfero-themes/angular-theme/merge_requests/47
Bibliografia:
- Seshadri s., Green B. AngularJS: Up and Running. O'Reilly 2014
Bibliografia (Geral)
Last edited by Melissa Wen