Parceria para desenvolvimento tecnológico de ferramentas livres para o aprimoramento das ferramentas comunicacionais utilizadas pelo Instituto Terra Azul.
Desenvolvimento do Portal da Rede de Proteção do Parque Nacional da Tijuca
Proposta de cooperação técnica
).(
Atividades e cronograma de realização de ambiente de publicação web para contrato entre Descentro e o Instituto Terra Azul.
Objetivos:
Desenvolvimento do Portal da Rede de Proteção do Parque Nacional da Tijuca
Propostas:
Criação de uma identidade visual similar a do sítio
http://www.institutoterrazul.org.br para que se identifique a relação do Instituto com o Portal.
Migração do conteúdo pertinente do sítio
http://www.aguaemunidadedeconservacao.org.br/
Estruturação do sítio em 3 partes principais: uma área de troca de informação entre os Núcleos, outra área entre os Conselhos Consultivos, e uma terceira área de Cesta de Projetos Para Apoio.
Núcleos
Blog de cada núcleo
Blog individual de cada usuário
Ferramentas de Publicação de conteúdo multimídia
Chat
Agenda Comum
Notícias
Entre outras funcionalidades
Conselho Consultivo
Blog de cada Conselho
Agenda Comum
Registro de Atas
Votações Online
Inserção de Documentos
Possibilidade de Publicação de Conteúdo Multimídia
Entre outras funcionalidades
Cesta de Projetos
Lista de Projetos para apoio
Mapa animado com cada núcleo, seus respectivos patrocinadores e projetos
-Estabelecimento de uma metodologia de publicação do registro das atividades dos Núcleos e Conselhos.
Organograma sugerido (Proposta primária de divisão do novo Portal):
Links primários
Links secundários
Cronograma:
Fase I
02/04/2008 a 15/04/2008
Nova identidade visual pré-definida para aprovação
Divisão e apresentação de conteúdo do sítio definidas
Espaço definido para divulgação da marca do patrocinador
Fase II
15/04/2008 a 15/05/2008
Sítio parcialmente funcional
Definição do conteúdo a ser migrado do sítio
http://www.aguaemunidadedeconservacao.org.br/
Demonstração parcial do funcionamento do portal
Mapa de Cesta de Projetos para apoio funcionando
Modelo de estrutura de publicação dinâmica pré-estabelecido
Modelo de publicação de conteúdo multimídia pré-estabelecido
Fase III
Sítio totalmente funcional
Modelo de estrutura de publicação e ferramentas de comunicação dinâmica estabelecido
Modelo de publicação de conteúdo multimídia estabelecido
Oficina de utilização do portal para os núcleos (8 horas)
Oficina de utilização do portal para os conselhos (8 horas)
Orçamento:
Fase I – R$ 1,500.00 – Pagamento em 15/04/2008
Fase II – R$ 3,000.00 – Pagamento em 15/05/2008
Fase III – R$ 4,000.00 – Pagamento em 15/06/2008
Considerações:
Sobre as tecnologias utilizadas - Drupal
Drupal é um sistema livre de gestão de comunidades online, que permite
um alto nível de customização, e a utilização de diversas ferramentas de
interação, auto-publicação e dinamização de redes distribuídas. Ele permite
que se criem ambientes colaborativos de publicação, o envio de conteúdo
multimídia (texto, vídeo, áudio, arquivos anexados) e também a criação de
subgrupos e de espaços particulares de interação. É um sistema desenvolvido
por milhares de programadores, designers e outros em todo o mundo desde
2001, e extensível por milhares de plugins igualmente livres e customizáveis.
Em 2007, o Drupal foi escolhido o melhor sistema de gestão de conteúdo
no webware 100 awards.
Consultoria
O desenvolvimento do sítio se dará ficando o Descentro também responsável pela consultoria para a melhor organização das informações e respectivas tecnologias a serem utilizadas através de um acompanhamento constante do contratante.
O Descentro se responsabiliza por um suporte de 30 dias após a entrega final do produto levando em conta possíveis acertos e dúvidas do contratante, sendo que, não está incluído neste serviço a manutenção do sítio ou a implementação de novos recursos.
Contatos:
Giuliano Bonorandi
Tel: (21) 32645169/ 76285169
Considerações para o desenvolvimento
Após a entrega do produto nesta semana, acho que foi bom porque já definimos uma estrutura legal, agora é só incrementar
http://rededeprotecaopnt.descentro.org
Os objetivos principais do projeto RedePNT são:
- Apresentar o projeto Rede de Proteção ao Parque Nacional da Tijuca
- Possibilitar a troca de informação em rede de participantes dos Núcleos Ambientais que estão sendo instalados em volta do parque
(note, os núcleos ainda estão em fase de implantação)
- Possibilitar a troca de informações entre os participantes do Conselho Consultivo do Parque
O trabalho também consistiu em ajudar o Instituto Terra Azul a entenderem o que eles queriam. A gente pode pensar em como incrementar isso, em como tornar as vidas das pessoas que vão usar esse portal melhores, deixa-las mais informada e ajudá-las a conversarem melhor.
Bem, num primeiro momento eu montei a estrutura do portal assim:
3 paginas estáticas:
Conheça o H20UC, Conheça o Parque, e a Cesta de Projetos. Cada uma dessas páginas ganha um menu específico com as suas subpáginas estáticas.
Essa parte cobre a parte do objetivo de Apresentação do Projetos, e será adicionada da página principal que será a apresentação do projeto específico do RedePNT. A Cesta de Projetos é única idéia deles, e a idéia é ter uma série de projetos disponíveis para conseguir apoio de empresas e elas verem a marca delas no mapa.
3 Partes Dinâmicas.
Essas partes podem ser caracterizadas pelos papéis já criados: o editor, que é responsável pela parte de notícias e pode mexer em todo conteúdo; o participante do núcleo, que pode mexer na parte do núcleo, que contém, o blog de cada núcleo, agenda, enquetes, forum, etc.(tudo voltado para os nucleos); e os conselheiros; que usarão a parte do conselho consultivo constando tb um blog, envio de atas, documentos, agenda, enquetes, forum, etc.(tudo voltado para os conselhos)
As questões iniciais de desenvolvimento são:
- Como isolar as partes dinâmicas entre seus papéis. Notícias é mole, é só dizer que só o editor edita as notícias. A solução que eu achei para separar nucleos de conselho, foi criar um nodetype Publicação dos Núcleos, ser blog1, e o blog, ser Publicação dos Conselhos. Mas o problema aí que o núcleo fica sem blog, sem a página meu blog de cada usuário. Também categorizei cada conteúdo em dois. Ex: (Forum dos Nucleos e Forum dos Conselhos) Mas ainda assim, para aparece para todos em forum a opção de publicar nas duas categorias. (Sendo que a ideia, é que um nucleo não publique no forum do conselho). A mesma coisa com a agenda. como ter duas agendas separadas? O módulo Og pode ajudar nisso, mas soube como usá-lo. FF, conto com a sua ajuda nisso.
- Qual a melhor solução para conteúdo multimidia dentro dos posts. Usar o youtube, flickr da vida, e botar embebbed ou usar anexar os arquivos e usar players próprios?
-Fotos: Usar um gallery nativo do drupal, ou o flickr?
- Layout: Eles me pediram para a estudar a possibilidade de cada blog de nucleo ter um layout diferente, pra criar identidade de cada um, e ter uma "abordagem mais jovem". Eles tem essa divisão na cabeça deles "abordagem técnica, e abordagem jovem" Existe a possibilidade de cada blog (ou cada categoria de blog) ter um layout diferente?
-Colocar mais campos no cadastro de usuários: qual o seu núcleo, quais seus interesses, etc e tal
-Como incrementar essa conversa, que features a gente pode colocar para melhorar a conversa dos caras?
-Um comentário, testei os dois e prefiro como editor WYSIWYG o FCKeditor do que o nicEditor (que tem uns bugs como não atualizar html e não justificar o texto.)
Por enquanto é isso.
!!
Demandas Para o Dia 17/04 - Fechado
tela apresentadas no dia 13/04=> http://fotos.descentro.org/v/terraazul/telas1304/
Bem, os caras curtiram bastante o layout e as telas que eu levei. Nesses dias eu trabalhei em cima da estrutura para mostrar para eles as possibilidades do drupal, de conversas e organização da informação. Se liguem nas telas. Subi elas no pub, aqui são muitas telas, então tá demorando muito. Bem eles fizeram vários comentários. Mas vou listar aqui as demandas que eles me fizeram para o dia 17, depois de amanhã. Na Real, pra mandar por email amanhã a noite.Depois vou listar as demandas mais gerais e a estrutura que eu montei até agora.
Eles querem que nas páginas do Conselho Consultivo e dos Núcleos, o header tenha fotos dos respectivos junto com as do parque, dando destaque para a participação humana no processo. Sei que é possível fazer isso, ter um header que varie, porém, no momento não precisamos fazer isso. È só fazer o header e trocar para a captura de tela. Mas também disse que veria se era possível fazer. Não tem problema se não fizermos para amanhã.
A maior urgência, é a parte dos logos.
Primeiro, eles pediram um fundo branco. Porque de acordo com o manual da PetroBR isso é o correto, bem, isso vai descaracterizar o layout, masi tudo bem, depois a gente pensa numa solução melhor.
Segundo, A ordem correta é Realização: Terra Azul, Parque Nacional da Tijuca (está ok), Parcerias: Ibama, Prefeitura, IQ (Ibama está em patrocinio), e Patrocinio: Petrobras Ambiental, Petrobras e depois o Governo.
Terceiro: Entre as logos do Patrocinio, é necessário no mínimo, o espaço do quadrado da BR. (!!!???) PRa fazer isso, tem que jogar o texto (realização, etc...) pra cima.
Quarto: Eles acharam as cores do Terra Azul, e do Petrobras Ambiental muito claras. Vou pedir os vetoriais, só que acredito que seja em cdr, e aí, o corel salva em svg ou outra coisa?
vou perguntar.
Essa é a parte chata. Alguém pega isso pra amanhã?
Bem de resto eles me pediram para amanhã inserir uns textos, e umas mudanças na estrutura para apresentar as telas na seguinte ordem:
1) Tela de Abertura (seria uma explicação do projeto)
2) Uma tela de Notícias
3) A tela da pagina que fala do projeto H2OUC (Agua em Unidade de Conservação) que é o projeto guarda chuva deste.
4)Uma tela da página pra se conhecer o parque
5)Uma tela sobre a página Inicial do conselho consultivo
6) Tela da Agenda
7)Tela de um exemplo de Ata anexada
8)Tela da pagina inicial dos nucleos
9) A tela de um blog de um nucleo
10) A tela de um post com um vídeo inserido (you tube por enquanto)
11) A tela de um forum
12) A tela de uma enquete
13) A tela da Cesta de Projetos (que tem que ter um mapinha e tal)
14) A tela do Reflorestamento dentro da Cesta de Projetos com um mapa mais especifico.
Bem, é isso pra quinta. Essa parte das telas e do texto xá aqui comigo pra amanhã.
[estrutura] Como isolar as partes dinâmicas entre seus papéis
Como isolar as partes dinâmicas entre seus papéis. Notícias é mole, é só dizer que só o editor edita as notícias. A solução que eu achei para separar nucleos de conselho, foi criar um nodetype Publicação dos Núcleos, ser blog1, e o blog, ser Publicação dos Conselhos. Mas o problema aí que o núcleo fica sem blog, sem a página meu blog de cada usuário. Também categorizei cada conteúdo em dois. Ex: (Forum dos Nucleos e Forum dos Conselhos) Mas ainda assim, para aparece para todos em forum a opção de publicar nas duas categorias. (Sendo que a ideia, é que um nucleo não publique no forum do conselho). A mesma coisa com a agenda. como ter duas agendas separadas? O módulo Og pode ajudar nisso, mas soube como usá-lo. FF, conto com a sua ajuda nisso
[estrutura] conteudo multimidia
- Qual a melhor solução para conteúdo multimidia dentro dos posts. Usar o youtube, flickr da vida, e botar embebbed ou usar anexar os arquivos e usar players próprios?
ricardo ruiz:
Acho qeu vale colcoar o modulo de video do drupal, o mesmo que o interfaceg2g usa. sei que ele pega o que estah no youtube e embedd, mas sei que ele tambem permite fazer upload do video e o video eh tocado com o aplicativo java Cortado. nao sei se ele converte o video para ogg automaticamente, mas seria otimo que sim (se nao me engano converte)
[estrutura] incrementar a comunicação
Como incrementar essa conversa, que features a gente pode colocar para melhorar a conversa dos caras?
modulo de irc? o que mais? modulo groups?
já temos
blog individual e categorizado por cada nucleo
forum
enquetes
agenda (podemos usar a do google também)
podemos colocar:
chat
tags
que mais?
[estrutura] incrementar a pagina de usuario
span class="Apple-style-span" style="font-size: 24px; "-Colocar mais campos no cadastro de usuários: qual o seu núcleo, quais seus interesses, etc e tal
[estrutura] solucao para fotos
Fotos: Usar um gallery nativo do drupal, ou o flickr?
ricardo ruiz:
o Gallery dentro do rupal fica muito ruim, nao dah pra administrar direito. no interfaceg2g tem um modulo de imagem, mas que sobe uma de cada vez. poderiamos colocar um gallery2 externo, mas acho que desvalorizaria o site, alem de confundir. Alguém sabe de um modulo para fazer upload de varias fotos e visualizar varias ao mesmo tempo?
[layout] footer e header fixos
Eh possivel fazer com que o header e o footer fiquem fixos enquanto o conteúdo rola no meio?
[layout] header variavel em algumas partes do portal - FECHADO
Nas partes do Conselho Consultivo e do Nucleo colocar um header com fotos dos respectivos dando nocao da participacao humana no processo.
[layout] layout diferente para cada categoria de blog
Layout: Eles me pediram para a estudar a possibilidade de cada blog de nucleo ter um layout diferente, pra criar identidade de cada um, e ter uma "abordagem mais jovem". Eles tem essa divisão na cabeça deles "abordagem técnica, e abordagem jovem" Existe a possibilidade de cada blog (ou cada categoria de blog) ter um layout diferente?
ricardo ruiz:
nao sei isso tambem, acho que sim, alguém sabe como fazê-lo?
sobre o layout mais jovem, eles deram alguma dica do que querem ou vamos correr no freestyle? seria bacana alguma dica, pois nao precisaríamos fazer dois ou tres layouts ateh acertar o que eles pensam...
[layout] testar layout em resolucoes e navegadores diferentes
[layout]Colocar nova logo - FECHADO
colocar o novo logo no header.
lembrar de tirar o texto e botar rede de protecao do pnt.
arquivo em anexo.
Tininha: arquivos das novas headers anexos.
Proposta reformulação do site http://www.institutoterrazul.org.br
Proposta de cooperação técnica
).(
Atividades e cronograma de realização de ambiente de publicação web para contrato entre Descentro e o Instituto Terra Azul.
Objetivos:
Reformulação do site
http://www.institutoterrazul.org.br
Integração com o sistema de gestão de projetos
http://www.sgpterrazul.org.br
Análise:
De acordo com análise feita em março de 2008 em visita ao sítio
http://www.institutoterrazul.org.br notamos as seguintes caracter﨎ticas:
Falta de uma identidade visual clara e consistente
Falta de uma divisão objetiva das informações correntes (o acesso aos projetos da página principal se dá somente ao clicar nas seções abordagem técnica e abordagem jovem, os links da coluna da direita não funcionam)
Links quebrados e/ou sem informações (na página principal barra de links à esquerda – Equipe / Sugestões não possuem conteúdo)
Dentre as áreas de atuação do Instituto foi notada que existe uma carência de informações mais detalhadas a cerca de alguns projetos, outros sem informação alguma e quase nenhuma informação a respeito dos resultados dos projetos
Registro fotográfico de boa qualidade, porém mal organizado
De acordo com análise feita em março de 2008 em visita ao sítio
http://www.sgpterrazul.org.br notamos as seguintes caracter﨎ticas:
Muitas informações contidas no sítio SGP poderiam estar disponibilizadas no sítio principal do Instituto como registro de atividades e informações sobre os projetos desenvolvidos
A integração do sítio SGP com o do Instituto poderá acarretar problemas de duplicidade de informações além de conflito de linguagens. Seria necessário iniciar do zero um sistema que fosse compatível com o novo sítio a ser criado para o Instituto. A proposta que fazemos abaixo é que somente parte do conteúdo do sistema seja migrado para o novo sítio sendo que sua restruturação seja deixada para um outro momento, já que seria custoso tanto em tempo de trabalho quanto na adaptação dos usuários ao novo sistema.
Propostas:
Criação de uma nova identidade visual para o sítio
http://www.institutoterrazul.org.br que identifique os objetivos sociais do Instituto e seja uniforme em todos os seus projetos.
Restruturação da divisão das informações presentes no sítio para um modelo mais acessível e menos confuso para os visitantes do sítio.
Mapeamento e organização das documentações e de todas as informações dos projetos do Instituto.
Desenvolvimento de uma estrutura de publicação dinâmica para inserção de arquivos multimídia (vídeos, fotos, impressos e áudios) por diversos usuários com permissões específicas
Migração parcial do conteúdo pertinente do sítio
http://www.sgpterrazul.org.br
Estabelecimento de uma metodologia de acompanhamento permanente do registro das atividades do Instituto
Organograma sugerido (Proposta primária de divisão do novo sítio):
Links primários
Links secundários
Cronograma:
Fase I
15/04/2008 a 15/05/2008
Nova identidade visual já definida para aprovação
Divisão e conteúdo do sítio definidas
Modelo de estrutura de publicação dinâmica estabelecido
Definição do conteúdo a ser migrado do sítio
http://www.sgpterrazul.org.br
Fase II
15/05/2008 a 15/06/2008
Sítio totalmente funcional
Oficina com usuários do novo sítio (mínimo 4 horas)
Migração total dos conteúdos
Orçamento:
Fase I – R$ 3,000.00 – Pagamento em 15/05/2008
Fase II – R$ 3,000.00 – Pagamento em 15/06/2008
Considerações:
Sobre as tecnologias utilizadas - Drupal
Drupal é um sistema livre de gestão de comunidades online, que permite
um alto nível de customização, e a utilização de diversas ferramentas de
interação, auto-publicação e dinamização de redes distribuídas. Ele permite
que se criem ambientes colaborativos de publicação, o envio de conteúdo
multimídia (texto, vídeo, áudio, arquivos anexados) e também a criação de
subgrupos e de espaços particulares de interação. É um sistema desenvolvido
por milhares de programadores, designers e outros em todo o mundo desde
2001, e extensível por milhares de plugins igualmente livres e customizáveis.
Em 2007, o Drupal foi escolhido o melhor sistema de gestão de conteúdo
no webware 100 awards.
Consultoria
O desenvolvimento do sítio se dará ficando o Descentro também responsável pela consultoria para a melhor organização das informações e respectivas tecnologias a serem utilizadas através de um acompanhamento constante do contratante.
O Descentro se responsabiliza por um suporte de 30 dias após a entrega final do produto levando em conta possíveis acertos e dúvidas do contratante, sendo que, não está incluído neste serviço a manutenção do sítio ou a implementação de novos recursos.
Contatos:
Giuliano Bonorandi
Tel: (21) 32645169/ 76285169
Considerações para o desenvolvimento
É um site que vai ter uma cara mais institucional e menos cara de blog,
por isso acho que vai dar mais um trampo no layout, mas é uma boa
pesquisa de como fazer o drupal nao ficar com cara de blog.
o layout deve criar uma identidade que resuma o "desenvolvimento
humano!", lembrando que os tres eixos de trabalho do TA são meio
ambiente, educação e cultura. deem uma olhada no site atual
institutoterrazul.org.br. o cara que fez isso tentou resumir com uma
lapis, um violao e uma cachoeira, o que ficou muito ruim.
e o principio eh que mais informacoes estejam presentes, ou seja menos
cliques para chegar as informacoes, e o layout basico que discutimos
foi a ideia de ter 4 colunas. 1 maior
onde esteja o conteudo principal, as outras 3 (na primeira pagina, uma
de cada eixo) com outras informacoes referentes a cada eixo. em anexo
esta um esquema que eu desenhei.
um outro principio sao formas mais arredondadas também. e de repente
utilizar a logo do TA como ideia (pessoas de maos dadas em volta da
terra) e uma imagem de barcos que eu vou pegar ainda hoje. e tb estara
tudo em anexo aqui.)
eles deram dois sites de referencia
http://www.institutojuniarabello.com.br/ e
http://www2.petrobras.com.br/ResponsabilidadeSocial/portugues/index.asp
dois sites "bonitinhos". tendo em mente que este vai ter muito mais
informação, e vai ser um sistema de publicacao, acho que nao da pra
ficar tao bonitinho. mas eh uma referencia.
bem, por enquanto eh isso.