App Mapa de Imagem: mudanças entre as edições
Sem resumo de edição |
Sem resumo de edição |
||
Linha 1: | Linha 1: | ||
= Integrantes = | |||
VilsonVieira | |||
= Especificação (Pedro Markun) = | = Especificação (Pedro Markun) = | ||
Linha 19: | Linha 23: | ||
Deu pra sacar? Tem alguns detalhes não-resolvidos nesse sistema. Mas na minha cabeça a idéia é fazer (ou modificar algo já existente) um sistema que seja só o meio de campo mesmo. Então coisas como 'o que vai nesse popup?' seriam resolvidos fora desse plugin javascript. | Deu pra sacar? Tem alguns detalhes não-resolvidos nesse sistema. Mas na minha cabeça a idéia é fazer (ou modificar algo já existente) um sistema que seja só o meio de campo mesmo. Então coisas como 'o que vai nesse popup?' seriam resolvidos fora desse plugin javascript. | ||
= | = Source = | ||
* v0.2 | |||
** Disponível para testes em http://automata.cc/src/imagemap/index.html | |||
** Source: | |||
git clone ssh://USERNAME@labmacambira.git.sourceforge.net/gitroot/labmacambira/imagemap | |||
= | = Tarefas = | ||
* | * Efeito blur na imagem toda | ||
* Tornar uma lib js compatível com json | |||
* | |||
[[Category:Lab Macambira]] | [[Category:Lab Macambira]] |
Edição das 12h45min de 20 de agosto de 2011
Integrantes
VilsonVieira
Especificação (Pedro Markun)
App1 - Mapa de Participação dos Comicios
Sistema que permite taggear pedaços de uma imagem.
A idéia é uma interface de tela inteira, com uma grande imagem (ou precisariam ser varias pequenas imagens - tipo tiles?) dos comicios das diretas. O usuário pode selecionar (ou clicar e isso geraria um ponto a partir do centro com um raio pŕe-definido) em um pedaço da imagem e se marcar lá. Isso abre um popup para o cara inserir dados adicionais.
O sistema precisa mostrar todos os objetos taggeados simultaneamente - com algum tipo de solução pra não ficar um em cima do outro. E deve também ter suporte a mouseover e onclick nesses elementos. (Ai a idéia é que abra um popup para o cara ver as informações).
Por fim, a idéia é que os pontos marcados fiquem destacados de alguma forma. A idéia que isso possa ser configurado posteriormente, mas só para exemplificar:
- Um canvas preto por cima da imagem. Quando o cara for passando o mouse, ele consegue ver a imagem por baixo do mouse. Quando ele clica, o sistema 'marca' aquele pedaço como transparente.
- Uma imagem preto-e-branco. Quando o cara for passando o mouse, a imagem fica colorida. Quando ele clica, o sistema 'marca' aquele pedaço e fica colorido.
- Uma imagem pixelada. Quando o cara for passando o mouse, a imagem fica com boa resolução. Quando ele clica, o sistema 'marca' aquele pedaço com boa resolução.
Queria que o sistema fosse independente de banco de dados. Somente lendo e cuspindo um formato padrão de JSON. Ai a plataforma cuidaria de armazenar e expor esses dados pro sistema.
Deu pra sacar? Tem alguns detalhes não-resolvidos nesse sistema. Mas na minha cabeça a idéia é fazer (ou modificar algo já existente) um sistema que seja só o meio de campo mesmo. Então coisas como 'o que vai nesse popup?' seriam resolvidos fora desse plugin javascript.
Source
- v0.2
- Disponível para testes em http://automata.cc/src/imagemap/index.html
- Source:
git clone ssh://USERNAME@labmacambira.git.sourceforge.net/gitroot/labmacambira/imagemap
Tarefas
- Efeito blur na imagem toda
- Tornar uma lib js compatível com json