NPDD/Baobáxia/Interfaces

(Diferença entre revisões)
Ir para: navegação, pesquisa
(Proposta inicial de interface de visualização)
Linha 6: Linha 6:
 
* Intermediário: aplicativo de servidor para gerenciar o upload, organização e preenchimento de metadados, requisição de conteúdos de outros repositórios etc (django + [banco de dados]; possivelmente outros sistemas, no futuro)
 
* Intermediário: aplicativo de servidor para gerenciar o upload, organização e preenchimento de metadados, requisição de conteúdos de outros repositórios etc (django + [banco de dados]; possivelmente outros sistemas, no futuro)
 
* Superior/interface: visualização/ções construídas em cima da aplicação intermediária, destinadas a prover a visualização (html, jquery etc)
 
* Superior/interface: visualização/ções construídas em cima da aplicação intermediária, destinadas a prover a visualização (html, jquery etc)
 +
 +
== Wireframe ==
 +
 +
[[Arquivo:Wireframe_set2013_1.jpg]]
 +
 +
 +
 +
  
 
== Proposta inicial de interface de visualização ==
 
== Proposta inicial de interface de visualização ==
Linha 29: Linha 37:
  
 
[[Arquivo:Tela-rede.png]]
 
[[Arquivo:Tela-rede.png]]
 
  
 
== Interface textual/terminal ==
 
== Interface textual/terminal ==

Edição das 23h06min de 27 de setembro de 2013

Conteúdo

Interfaces para o Baobáxia

Considerando que o Baobáxia compõe-se de distintos níveis estruturais de aplicação, do mais estrutural ao mais aparente, temos:

  • Base: estrutura de arquivos nos servidores locais, servidor de sincronização (git annex + sistema de arquivos), (arquivos propriamente ditos e metadados)
  • Intermediário: aplicativo de servidor para gerenciar o upload, organização e preenchimento de metadados, requisição de conteúdos de outros repositórios etc (django + [banco de dados]; possivelmente outros sistemas, no futuro)
  • Superior/interface: visualização/ções construídas em cima da aplicação intermediária, destinadas a prover a visualização (html, jquery etc)

Wireframe

Wireframe set2013 1.jpg



Proposta inicial de interface de visualização

Um protótipo de visualização, baseada exclusivamente nas tags, prevê que estas sejam usadas para filtrar cada tipo de conteúdo, cumulativamente. A visualização poderia ser definida de acordo com os usos / tags de cada servidor local, e permitiria na mesma ferramenta o acesso aos conteúdos remotos, que poderiam por esta mesma ser solicitados. Para que o sistema mantenha-se dentro das suas capacidades de armazenamento, a indicação do espaço em disco utilizado e previsão de uso será apresentada diretamente na interface de visualização do conteúdo externo.

São apenas rascunhos de interfaces, pensadas para serem criadas como filtragens a partir da tag (presente no metadado), tanto de forma fixa (como visualização padrão) como por busca. (são apenas para fins ilustrativos das funcionalidades)

Na primeira, há apenas a distinção de ambientes (local ou rede). Como está no local, exibe todo o conteúdo, sem mais filtragens. Note que é possível adicionar filtragens no campo +:

Telas-local.png


No caso abaixo, há uma listagem filtrada pela tag 'história', cujos resultados estão organizados por tipos (igualmente tags) para ser exibidos em determinado contexto local, como 'vídeos', 'música', 'programas de rádio'. Novamente, é possível adicionar filtragens.

Telas-local-filmes.png

Note que não necessariamente os conteúdos tem que ser filtrados por essas etiquetas; é possível adicionar etiqueta do assunto e na sub-janela do tipo de conteúdo.


Abaixo, trata-se duma tela de consulta dos arquivos da rede como um todo. Para uma busca, são exibidos os resultados bem como a localização das cópias. Note que é possível também adicionar a filtragem dos resultados de acordo com os servidores da rede (ex: vou viajar para Casa Tainã, logo filtrar somente pelos arquivos da Casa Tainã)

Tela-rede.png

Interface textual/terminal

Baobáxia

* Usuário:
* Senha:
> Publicar um conteúdo
> Alterar/remover um conteúdo
> Sincronizar pela internet
> Sincronizar por media
> Configuração

Publicar um conteúdo

* Escolher arquivo (caminho/path)
* Etiquetas [local, publico, urgente (max. 30 MB)]
* Comentário de publicação

Alterar/remover um conteúdo

* Escolher arquivo (caminho/path)
* Etiquetas [local, publico, urgente (max. 30 MB)]
* Comentário de publicação
* Remover localmente [ ]
* Marcar para remover definitivamente [ ]

Sincronizar pela internet

* Iniciar a sincronização pelo: padrão ou [lista dos remotes]
* Status da sincronização 

Sincronizar por media

* Iniciar a sincronização pelo: padrão ou [lista dos remotes]
* Status da sincronização 

Configuração

* Nome da Mucua: 
* Inicializar o Baobáxia


Proposta da Silia Moan

Baobáxia: Confluências entre Redes Quilombolas e Software Livre

Monografia desenvolvida no Istituto Europeo di Design (IED): Arquivo:Monografia SILIA 11 dezembro.pdf

Algumas telas da proposta de interface:

Ferramentas pessoais
Espaços nominais
Variantes
Ações
Navegação
Ferramentas
Rede Mocambos