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.