This is a read only archive of pad.okfn.org. See the shutdown announcement for details.

IdentidadeDigitalGovernoNoosfero Construção da Identidade Digital de Governo para o Noosfero
-> http://abre.ai/uxnoosfero <-

Referências:


Proposta:
    Refatorar/criar um tema base denominado 'idgov' qual sirva de pilar entre as instâncias e futuros ambientes adotados pela Governo Federal, servindo de pilar para seguir as Recomendações e Padrões de Identidade Digital e Acessibilidade.

Roadmap:
  1. Especificar um padrão para colaboração e re-uso, com orientações de ajustes e recomendações do tema base;
  2. Refatorar o tema atual, simplificando a incorporação dos recursos básicos e visuais do ambiente Noosfero;
  3. Refatorar o conjunto de icones utilizado no tema, fixando icones serrilhados e melhorar a técnica de customização;
  4. Desenvolver e aplicar o maior número em conjunto de estilo padrão do tema base, flexibilizando a customização de forma independente para cada ambiente;
  5. Tornar o tema base responsivo, compatível com diferentes tamanhos de telas e dispositivos;
  6. Tornar o tema base acessível, seguindo padrões e recomendações da W3C, WAI, WCAG, padrões web e tecnologias assistivas.


1. Metodologia de Desenvolvimento
Utilizar do mesmo metodo de desenvolvimento do SEPRO para o Noosfero, usando Gitlab e controle através de Issue;  Versionamento do tema base e forks para temas customizados. 
Estruturar o tema base, assim como o SERPRO já iniciou o desenvolvimento; separando o estilo em partes (cabeçalho-amarelo, -verde -azul), integrando através de algum script/ou compilação final o arquivo do tema.


2. Refatoração do tema atual para tema base
Acredito que exista muita reescrita de estilo sob um tema no Noosfero; um elemento chega a processar 3 ou mais estilos;    Essa refatoração parte do pressuposto que todo elemento no ambiente deve ser processado no primeiro estilo e que o arquivo "custom.css" contenha as customizações e especificidade de cada fork/ambiente do com tema base.


3. Refatoração do conjunto de icones
Atual coleção de icones do padrão apresenta serrilhas ou não são muito atrativos; A proposta é manter um conjunto agradável e com qualidade.
Links para iniciar: 


4. Mapeamento das funcionalidades/módulos com estilo em comum
Exemplo, o bloco de vídeos do Noosfero no tema padrão não tem estilo que se assemelha com o módulo de vídeos da Identidade Digital de Governo;  A proposta é mapear e aplicar os estilos em comum, seguindo a guia de estilo da Identidade Digital Padrão.


5. Tema responsivo
Aurélio implementou uma solução com Javascript para transformar um tema responsivo em Noosfero http://noosfero.org/Development/ActionItem3020
Uma outra proposta é o uso do sistema de grid, facilitando a construção de um tema responsivo; Neste caso, estou pensando que o bloco de blocos é a principal forma de prover esse feito.  http://unsemantic.com/demo-responsive
Força a responsividade através do media-query (apenas css) - http://mediaqueri.es/


6. Acessibilidade
Melhorar o suporte de forma em geral, todos recursos básicos e necessários para prover um ambiente com suporte as tecnologias assistivas.



OUTRAS ANOTAÇÕES:

OBJETO DA CONTRATAÇÃO: Consultor de Interação e Design do Participa.BR

Link para o arquivo final do produto em PDF (arquivo publicado na web em repositório)
1 - Documento com planejamento e metodologia para atividades de design participativo para o tema padrão do portal
https://www.dropbox.com/s/bovh4erfedrurow/PRODUTO-1-FABIANORC-BRA12018.pdf
2 - Relatório da oficina de cardsorting ou atividade similar planejada no produto 1, e documento contendo a arquitetura de informação detalhada para o tema padrão do portal
https://www.dropbox.com/s/i4vupuxq0vikxkv/PRODUTO-2-FABIANORC-BRA12018.pdf
3 - Relatório da oficina de cardsorting ou atividade similar planejada no produto 1, e documento contendo a arquitetura de informação detalhada para o tema padrão do portal
https://www.dropbox.com/s/warfo01b1yf7e7m/PRODUTO-3-FABIANORC-BRA12018.pdf
4 - Relatório da oficina de cardsorting ou atividade similar sugerida na metodologia descrita no produto 1, e documento contendo a arquitetura de informação detalhada para o aplicativo de consulta
https://www.dropbox.com/s/gd7k18e32tf29pu/PRODUTO-4-FABIANORC-BRA12018.pdf
5 - Documento com os exemplos de wireframes, telas e userstories para o aplicativo de consulta contendo definições, orientações e códigos
https://www.dropbox.com/s/tm1ka1u1pbmbidr/PRODUTO-5-FABIANORC-BRA12018.pdf
6 - Documento com os exemplos do kit mídias para o aplicativo de consulta contendo definições, orientações e códigos; e compilado das propostas de conteúdos a serem produzidos durante a utilização do aplicativo de consulta, contendo orientações e exemplos de postagens
https://www.dropbox.com/s/utoswk1of424jbc/PRODUTO-6-FABIANORC-BRA12018.pdf
7 - Documento com o planejamento, metodologia e relato da realização das atividades de design participativo para temas de novas comunidades no portal contendo a consolidação do resultado das atividades, exemplos e códigos dos itens afetados por elas 
https://www.dropbox.com/s/wyck73ys18giik3/PRODUTO-7-FABIANORC-BRA12018.pdf
8 - Documento com proposta de aplicativos para agregação de conteúdos das redes (com orientações, exemplos e códigos), incluindo planejamento, metodologia e relato da realização das atividades de design participativo para novos aplicativos do portal contendo a consolidação do resultado das atividades, exemplos e códigos
https://www.dropbox.com/s/5xuriu7fit8eduv/PRODUTO-8-FABIANORC-BRA12018-V2.pdf
==== Relatório de Usabilidade - eGov  Anexa
 https://gitlab.com/participa/noosfero/issues/189
 https://gitlab.com/files/note/122719/Analise.pdf