[Gastosabertos-dev] Gastos Abertos - Design

Aimeê da S. Ferreira aimee.sferreira em gmail.com
Quarta Fevereiro 18 19:27:45 UTC 2015


Aproveito e mando o que eu tava fazendo, aí se der tempo vocês falam o que
está bom ou ruim

Em 17 de fevereiro de 2015 16:37, pockett. <pockettz em gmail.com> escreveu:

> Saio do uol as 19h, chego umas 19h e pouquinho.
>
> Em 17 de fevereiro de 2015 16:25, Everton Zanella Alvarenga <
> tom em okfn.org.br> escreveu:
>
> 19h aqui em casa? Fechou?
>>
>> Em 17 de fevereiro de 2015 16:06, Aimeê da S. Ferreira <
>> aimee.sferreira em gmail.com> escreveu:
>>
>> Pode ser
>>>
>>> Em 17 de fevereiro de 2015 16:04, pockett. <pockettz em gmail.com>
>>> escreveu:
>>>
>>> Se for a tarde, consigo depois das 19h.
>>>>
>>>> Em 17 de fevereiro de 2015 16:03, Everton Zanella Alvarenga <
>>>> tom em okfn.org.br> escreveu:
>>>>
>>>> Então será que 18h rola, Aimee e Sol?
>>>>>
>>>>> Em 17 de fevereiro de 2015 12:55, Aimeê da S. Ferreira <
>>>>> aimee.sferreira em gmail.com> escreveu:
>>>>>
>>>>> Se a reunião for acontecer, pra mim é melhor no fim da tarde
>>>>>> Em 16/02/2015 11:57, "pockett." <pockettz em gmail.com> escreveu:
>>>>>>
>>>>>>> Oi Edgar,
>>>>>>>
>>>>>>> Obrigada pelos pontos levantados.
>>>>>>>
>>>>>>> Podemos marcar na terça ou quarta, vou trabalhar esses dias mas
>>>>>>> consigo qualquer horário sem problemas.
>>>>>>>
>>>>>>> Quer marcar aqui em casa?
>>>>>>> Beijo
>>>>>>> Sol
>>>>>>>
>>>>>>>
>>>>>>> Em sábado, 14 de fevereiro de 2015, Edgar Zanella Alvarenga <
>>>>>>> e em vaz.io> escreveu:
>>>>>>>
>>>>>>>> Oi Sol,
>>>>>>>>
>>>>>>>> antes de mais nada, atualize meu email nos seus contatos pra
>>>>>>>> e em vaz.io, ok? Mas vamos lá, ao email.
>>>>>>>>
>>>>>>>> 2015-02-13 20:40 GMT-02:00 pockett. <pockettz em gmail.com>:
>>>>>>>>
>>>>>>>> *Home*
>>>>>>>>> Visualizações dinâmicas (infográficos) atualizadas em tempo real
>>>>>>>>> em destaque.
>>>>>>>>>
>>>>>>>>
>>>>>>>> Não existirão na Home visualizações atualizadas em tempo real.
>>>>>>>> Serão destaques com links para as páginas das visualizações.
>>>>>>>> Então vou responder as próximas perguntas considerando que são
>>>>>>>> referentes as páginas das visualizações individuais, ok?
>>>>>>>>
>>>>>>>> *O usuário interage dentro dos infográficos?*
>>>>>>>>>
>>>>>>>>
>>>>>>>> O que está chamando de inforgráfico Sol? A página de receitas, por
>>>>>>>> exemplo? Se sim, a resposta é sim, o usuário irá interagir com as
>>>>>>>> visualizações/infográficos. Veja por exemplo a descrição da página de
>>>>>>>> Receitas:
>>>>>>>>
>>>>>>>> https://github.com/okfn-brasil/gastos_abertos_website/wiki/Receitas
>>>>>>>>
>>>>>>>> Aliás, anote que esse repositório:
>>>>>>>>
>>>>>>>> https://github.com/okfn-brasil/gastos_abertos_website
>>>>>>>>
>>>>>>>> é onde ficarão as tarefas e descrições do conteúdo do site.
>>>>>>>>
>>>>>>>>
>>>>>>>>> *Vão existir área clicáveis, sub-níveis?*
>>>>>>>>>
>>>>>>>>
>>>>>>>> Sim, existirão áreas clicáveis e sub-níveis na página de Receita.
>>>>>>>>
>>>>>>>>
>>>>>>>>> *Consigo juntar um infográfico no outro?*
>>>>>>>>>
>>>>>>>>
>>>>>>>> A página de Receitas é um bom exemplo que possuirá três diferentes
>>>>>>>> tipos de infográficos na mesma página (Gráfico de Barras, Gráfico de linha
>>>>>>>> e Tabela).
>>>>>>>>
>>>>>>>>
>>>>>>>>> *Qualquer pessoa vai conseguir interagir com eles?*
>>>>>>>>>
>>>>>>>>
>>>>>>>> Sim.
>>>>>>>>
>>>>>>>>
>>>>>>>>> *Vai ser líquido, se adequando a qualquer device?*
>>>>>>>>>
>>>>>>>>
>>>>>>>> Sim, inclusive os gráficos.
>>>>>>>>
>>>>>>>>
>>>>>>>>> *Que informação ele não vai conseguir ver no mobile? *
>>>>>>>>>
>>>>>>>>
>>>>>>>> Por enquanto não estamos pré-definindo isso. A idéia é que esteja
>>>>>>>> todos os mesmos elementos, mas pode ser que algo caia fora.
>>>>>>>>
>>>>>>>>
>>>>>>>>> *Os destaques mudam conforme um inforgráfico atualiza? *
>>>>>>>>>
>>>>>>>>
>>>>>>>> Os destaques da Home mudam manualmente por nós. Irá ser escolhido
>>>>>>>> uma nova imagem, texto e link para o novo destaque.
>>>>>>>>
>>>>>>>>
>>>>>>>>> *Temos que desenhar as telas prevendo que depois ele vai ser
>>>>>>>>> alimentada dinamicamente e as telas não vão sofrer alterações de estrutura
>>>>>>>>> (manutenção)*
>>>>>>>>> *Redes socias? O que eu posso compartilhar e como esses
>>>>>>>>> infográficos (posts) se apresentam na timeline?*
>>>>>>>>>
>>>>>>>>
>>>>>>>> Você pode compartilhar o link do infográfico com o estado que
>>>>>>>> estiver vendo no momento. Ou seja, se escolheu na página de Receitas um
>>>>>>>> determinado Ano, nível, será criado um link como:
>>>>>>>>
>>>>>>>> http://gastosabertos.org/Receitas#2014/Impostos
>>>>>>>>
>>>>>>>> Assim quem acessar esse link já irá visualizar as Receitas de 2014
>>>>>>>> pro tipo de receita Impostos. A idéia é que não seja compartilhado algo
>>>>>>>> como: "vá na página X, depois escolha o ano 2014, depois clique em
>>>>>>>> Impostos".
>>>>>>>>
>>>>>>>>
>>>>>>>>> *Consigo filtrar só o que quero ver (Minha cidade/ Obras/
>>>>>>>>> Transporte/ Hospitais etc) e o gráfico se adapta ao que eu quero?*
>>>>>>>>>
>>>>>>>>
>>>>>>>> Sim, exatamente. Relembrando que isso irá mudar automaticamente o
>>>>>>>> endereço no URL do navegador, mas sem mudar de página, como Google Maps
>>>>>>>> funciona.
>>>>>>>>
>>>>>>>>
>>>>>>>>
>>>>>>>>> *Aprenda -**Tutoriais*
>>>>>>>>>
>>>>>>>>> *Que tipo, doc, textos, downloads, vídeo aulas, blog?*
>>>>>>>>> *Qual o destaque dessa página? *
>>>>>>>>> *Vai ser conteúdo colaborativo?*
>>>>>>>>> *Consigo como colaboradora publicar conteúdos? Como eu faço isso,
>>>>>>>>> via upload?*
>>>>>>>>> *Como eu gerencio essas publicações? Como elas aparecem?*
>>>>>>>>>
>>>>>>>>
>>>>>>>>  Esqueça os tutoriais por enquanto. MAs basicamente serão artigos
>>>>>>>> estáticos descrevendo algum processo mais técnico, pra baixar os dados,
>>>>>>>> limpá-los, usar a API do site que estamos criando, etc
>>>>>>>>
>>>>>>>>
>>>>>>>>> *Participe - Colabore*
>>>>>>>>>
>>>>>>>>> *Qual é o destaque dessa página?*
>>>>>>>>>
>>>>>>>>
>>>>>>>> Texto indicando que você poderá participar usando nossa API,
>>>>>>>> criando tutoriais, contribuindo com o código hospedado no Github.
>>>>>>>>
>>>>>>>>
>>>>>>>>> *O usuário vai mudar o código como? Vamos apresentar isso de que
>>>>>>>>> maneira?*
>>>>>>>>>
>>>>>>>>
>>>>>>>> Github, isso vai ser um link pro Github e aqui terá apenas um texto
>>>>>>>> explicando ou apontando para páginas no próprio Github explicando a
>>>>>>>> tecnologia com maiores detalhes.
>>>>>>>>
>>>>>>>> *Vai ter comentários? Eu posso comentar sobre um determinado valor
>>>>>>>>> gasto em algum infográfico e divulgar/marcar isso?*
>>>>>>>>>
>>>>>>>>
>>>>>>>>
>>>>>>>> A priori não, mas se tiver vamos utilizar o Disqus (
>>>>>>>> http://disqus.com).
>>>>>>>>
>>>>>>>>
>>>>>>>>> O que você acha de fecharmos um organograma de navegação + mockup
>>>>>>>>> com tudo de informações que conseguirmos e deixar ele o mais interativo
>>>>>>>>> possível prevendo essas áreas também?
>>>>>>>>>
>>>>>>>>
>>>>>>>>
>>>>>>>>> Se quiser podemos marcar online ou presencial o alinhamento das
>>>>>>>>> coisas.
>>>>>>>>>
>>>>>>>>
>>>>>>>> Acho que seria ótimo marcarmos todos juntos um dia pra sentarmos e
>>>>>>>> fecharmos isso. Vai estar por aqui na semana que vem ou vai viajar?
>>>>>>>>
>>>>>>>> Beijo,
>>>>>>>> Edgar
>>>>>>>>
>>>>>>>>
>>>>>>>>> Beijo.
>>>>>>>>>
>>>>>>>>>
>>>>>>>>>
>>>>>>>>>
>>>>>>>>>
>>>>>>>>>
>>>>>>>>>
>>>>>>>>>
>>>>>>>>> Em 12 de fevereiro de 2015 19:28, Aimeê da S. Ferreira <
>>>>>>>>> aimee.sferreira em gmail.com> escreveu:
>>>>>>>>>
>>>>>>>>>> Oi, Sol, tudo bem?
>>>>>>>>>>
>>>>>>>>>> A página inicial tinha sido definida pelo Everton como
>>>>>>>>>>
>>>>>>>>>> navegação:
>>>>>>>>>> 3 grandes áreas para visualização dos gráficos (Receitas,
>>>>>>>>>> Plenejamento orçamentário, Execução) e 3 áreas secundárias (Explore - com
>>>>>>>>>> artigos, Aprenda - com tutoriais e Participe/Colabore - aponte erros, mude
>>>>>>>>>> o código, etc)
>>>>>>>>>> footer - a decidir
>>>>>>>>>>
>>>>>>>>>> home:
>>>>>>>>>> - um destaque (com foto + descrição)
>>>>>>>>>> - descrição do projeto
>>>>>>>>>> - links para as 3 grandes áreas áreas
>>>>>>>>>> - talvez ligação com as páginas de Explore, Aprenda e Participe
>>>>>>>>>>
>>>>>>>>>> Isso tudo eu tentei organizar no mockflow, e te chamei como
>>>>>>>>>> editora.
>>>>>>>>>>
>>>>>>>>>> Depois daquele email que você respondeu, Everton e Edgar se
>>>>>>>>>> reuniram pra (tentar) definir as páginas. Edgar escreveu a primeira (de
>>>>>>>>>> Receitas).
>>>>>>>>>>
>>>>>>>>>>
>>>>>>>>>> https://github.com/okfn-brasil/gastos_abertos_website/wiki/Receitas
>>>>>>>>>>
>>>>>>>>>> ---
>>>>>>>>>>
>>>>>>>>>> Como você prefere trabalhar?
>>>>>>>>>> Como você fez a identidade, talvez já tenha uma ideia de como
>>>>>>>>>> queria o visual do site?
>>>>>>>>>>
>>>>>>>>>> Eu posso pensar em como pode ficar essa página de receita (por
>>>>>>>>>> enquanto) e assim que tiver algo legal te passo também.
>>>>>>>>>>
>>>>>>>>>> Enfim, me diga o que você acha melhor!
>>>>>>>>>>
>>>>>>>>>> beijo
>>>>>>>>>>
>>>>>>>>>
>>>>>>>>>
>>>>>>>>>
>>>>>>>>> --
>>>>>>>>> pockett.
>>>>>>>>>
>>>>>>>>> @pockettz <http://twitter.com/#!/pockettz>
>>>>>>>>> http://www.pockett.com.br
>>>>>>>>>
>>>>>>>>> +55 11 98213-1907
>>>>>>>>>
>>>>>>>>
>>>>>>>>
>>>>>>>
>>>>>>> --
>>>>>>> Enviado via Iphone
>>>>>>>
>>>>>>> _______________________________________________
>>>>>>> Gastosabertos-dev mailing list
>>>>>>> Gastosabertos-dev em lists.okfn.org
>>>>>>> https://lists.okfn.org/mailman/listinfo/gastosabertos-dev
>>>>>>>
>>>>>>>
>>>>>> _______________________________________________
>>>>>> Gastosabertos-dev mailing list
>>>>>> Gastosabertos-dev em lists.okfn.org
>>>>>> https://lists.okfn.org/mailman/listinfo/gastosabertos-dev
>>>>>>
>>>>>>
>>>>>
>>>>>
>>>>> --
>>>>> Everton Zanella Alvarenga (also Tom)
>>>>> Open Knowledge Brasil - Rede pelo Conhecimento Livre
>>>>> http://br.okfn.org
>>>>>
>>>>> _______________________________________________
>>>>> Gastosabertos-dev mailing list
>>>>> Gastosabertos-dev em lists.okfn.org
>>>>> https://lists.okfn.org/mailman/listinfo/gastosabertos-dev
>>>>>
>>>>>
>>>>
>>>>
>>>> --
>>>> pockett.
>>>>
>>>> @pockettz <http://twitter.com/#!/pockettz>
>>>> http://www.pockett.com.br
>>>>
>>>> +55 11 98213-1907
>>>>
>>>> _______________________________________________
>>>> Gastosabertos-dev mailing list
>>>> Gastosabertos-dev em lists.okfn.org
>>>> https://lists.okfn.org/mailman/listinfo/gastosabertos-dev
>>>>
>>>>
>>>
>>> _______________________________________________
>>> Gastosabertos-dev mailing list
>>> Gastosabertos-dev em lists.okfn.org
>>> https://lists.okfn.org/mailman/listinfo/gastosabertos-dev
>>>
>>>
>>
>>
>> --
>> Everton Zanella Alvarenga (also Tom)
>> Open Knowledge Brasil - Rede pelo Conhecimento Livre
>> http://br.okfn.org
>>
>> _______________________________________________
>> Gastosabertos-dev mailing list
>> Gastosabertos-dev em lists.okfn.org
>> https://lists.okfn.org/mailman/listinfo/gastosabertos-dev
>>
>>
>
>
> --
> pockett.
>
> @pockettz <http://twitter.com/#!/pockettz>
> http://www.pockett.com.br
>
> +55 11 98213-1907
>
> _______________________________________________
> Gastosabertos-dev mailing list
> Gastosabertos-dev em lists.okfn.org
> https://lists.okfn.org/mailman/listinfo/gastosabertos-dev
>
>
-------------- Próxima Parte ----------
Um anexo em HTML foi limpo...
URL: <http://lists.okfn.org/pipermail/gastosabertos-dev/attachments/20150218/0ef44f04/attachment-0003.html>
-------------- Próxima Parte ----------
Um anexo não-texto foi limpo...
Nome: gastos-abertos-graficos_desktop-teste-1.png
Tipo: image/png
Tamanho: 237588 bytes
Descrição: não disponível
URL: <http://lists.okfn.org/pipermail/gastosabertos-dev/attachments/20150218/0ef44f04/attachment-0006.png>
-------------- Próxima Parte ----------
Um anexo não-texto foi limpo...
Nome: gastos-abertos-graficos_mobile-teste-1.png
Tipo: image/png
Tamanho: 57833 bytes
Descrição: não disponível
URL: <http://lists.okfn.org/pipermail/gastosabertos-dev/attachments/20150218/0ef44f04/attachment-0007.png>


Mais detalhes sobre a lista de discussão Gastosabertos-dev