DESENVOLVIMENTO DE SITES E PORTAIS EM INSTITUIÇÕES<br />O NOVO PORTAL DA<br />FUNDAÇÃO CERTI<br />Luis Henrique MironRolof...
Fundação CERTI<br />Centros de Referência em Tecnologias Inovadoras<br /><ul><li> Fundada em 1984 (26 anos)
 É referência no desenvolvimento de Soluções </li></ul>Tecnológicas Inovadoras<br /><ul><li> Urna Eletrônica
 Set-top Box TV Digital
 Projeto Copa 2014bis
 CELTA
 Sapiens Parque</li></li></ul><li>Fundação CERTI<br />Centros de Referência em Tecnologias Inovadoras<br /> Alguns Cliente...
Site Atual: O ProblemaDesenvolvido em 2003<br /><ul><li> Site estático, em páginas HTML
 Dificuldade para Atualizar
 Dependência total do Webdesigner
 Ausência de SEO e SEF
 Sem integração com outros Idiomas
 Layout confuso e Wireframe indefinido
 Erros de direcionamento de Links
 Alto Taxa de rejeição (+ 80%)</li></li></ul><li>Site Atual: Telas<br />Páginas internas sem integração de layout, informa...
O que fazer?<br /><ul><li> Contratar empresa externa?
 Montar uma equipe de </li></ul>  desenvolvimento?<br />
Montar uma equipe!<br /><ul><li> Suprir demandas urgentes    de Web
 Planejar, desenvolver e dar  suporte a todas os sites do   “Grupo CERTI”</li></li></ul><li>A Equipe envolvida<br /><ul><l...
 Assessora de Comunicação
 Assessora de Imprensa
 Designers
Webdesigners
 Superintendência e Diretoria</li></li></ul><li>Proposta de Solução<br />CMS Livre<br />Sistema de Gerenciamento de Conteú...
Proposta de Solução<br />Opções para desenvolvimento (mais utilizados):<br />Drupal      /     Wordpress      /     Joomla...
Como defender a Ferramenta<br /><ul><li> Identificar os Pontos Positivos e Negativos
 Avaliar Custo
 Realçar características relevantes
 Identificar Cases
 Avaliar Flexibilidade (pós-projeto)
 Avaliar Robustez (dados de projetos já executados)
 Reconhecimento e Segurança</li></li></ul><li>Planejamento<br />BRIEFING<br />ESTRATÉGIA:<br />1. Quais são os principais ...
Planejamento<br />BRIEFING<br />INFORMAÇÕES GERAIS:<br />6. Descreva o negócio/produto/empresa como se fosse uma pessoa. É...
Planejamento<br />BRIEFING<br />(...)<br /><ul><li> PÚBLICO-ALVO
 CONTEÚDO
 APARÊNCIA (LAYOUT/DESIGN)
 OUTROS</li></li></ul><li>Planejamento<br />Linguagem Organizacional<br />Acessibilidade<br />Política de Publicação<br />...
Etapas do Projeto<br />Planejamento:<br /><ul><li>Briefing
Upcoming SlideShare
Loading in …5
×

Desenvolvimento de sites e portais em instituições - O Novo Portal da Fundação CERTI

1,210 views

Published on

Palestra Case apresentada no Joomla Day BRasil 2010, em Brasília/DF, com o tema: "Desenvolvimento de sites e portais em instituições - O Novo Portal da Fundação CERTI"

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,210
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
34
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Desenvolvimento de sites e portais em instituições - O Novo Portal da Fundação CERTI

  1. 1. DESENVOLVIMENTO DE SITES E PORTAIS EM INSTITUIÇÕES<br />O NOVO PORTAL DA<br />FUNDAÇÃO CERTI<br />Luis Henrique MironRoloff<br />teteijui@gmail.com | twitter.com/teteijui<br />
  2. 2. Fundação CERTI<br />Centros de Referência em Tecnologias Inovadoras<br /><ul><li> Fundada em 1984 (26 anos)
  3. 3. É referência no desenvolvimento de Soluções </li></ul>Tecnológicas Inovadoras<br /><ul><li> Urna Eletrônica
  4. 4. Set-top Box TV Digital
  5. 5. Projeto Copa 2014bis
  6. 6. CELTA
  7. 7. Sapiens Parque</li></li></ul><li>Fundação CERTI<br />Centros de Referência em Tecnologias Inovadoras<br /> Alguns Clientes (+ de 900 em 2009)<br />
  8. 8. Site Atual: O ProblemaDesenvolvido em 2003<br /><ul><li> Site estático, em páginas HTML
  9. 9. Dificuldade para Atualizar
  10. 10. Dependência total do Webdesigner
  11. 11. Ausência de SEO e SEF
  12. 12. Sem integração com outros Idiomas
  13. 13. Layout confuso e Wireframe indefinido
  14. 14. Erros de direcionamento de Links
  15. 15. Alto Taxa de rejeição (+ 80%)</li></li></ul><li>Site Atual: Telas<br />Páginas internas sem integração de layout, informações desatualizadas e erros de direcionamento de links<br />Página Inicial poluída com logos de projetos e parceiros<br />
  16. 16. O que fazer?<br /><ul><li> Contratar empresa externa?
  17. 17. Montar uma equipe de </li></ul> desenvolvimento?<br />
  18. 18. Montar uma equipe!<br /><ul><li> Suprir demandas urgentes de Web
  19. 19. Planejar, desenvolver e dar suporte a todas os sites do “Grupo CERTI”</li></li></ul><li>A Equipe envolvida<br /><ul><li> Jornalistas
  20. 20. Assessora de Comunicação
  21. 21. Assessora de Imprensa
  22. 22. Designers
  23. 23. Webdesigners
  24. 24. Superintendência e Diretoria</li></li></ul><li>Proposta de Solução<br />CMS Livre<br />Sistema de Gerenciamento de Conteúdos<br />
  25. 25. Proposta de Solução<br />Opções para desenvolvimento (mais utilizados):<br />Drupal / Wordpress / Joomla!<br />
  26. 26. Como defender a Ferramenta<br /><ul><li> Identificar os Pontos Positivos e Negativos
  27. 27. Avaliar Custo
  28. 28. Realçar características relevantes
  29. 29. Identificar Cases
  30. 30. Avaliar Flexibilidade (pós-projeto)
  31. 31. Avaliar Robustez (dados de projetos já executados)
  32. 32. Reconhecimento e Segurança</li></li></ul><li>Planejamento<br />BRIEFING<br />ESTRATÉGIA:<br />1. Quais são os principais objetivos do site?<br />2. Que tipo de site ele é? <br />3. Quais são as mensagens mais importantes que o site deve passar aos visitantes?<br />4. Quais são os planos para promover o site?<br />5. Há uma data aproximada para que o site tenha que estar pronto?<br />
  33. 33. Planejamento<br />BRIEFING<br />INFORMAÇÕES GERAIS:<br />6. Descreva o negócio/produto/empresa como se fosse uma pessoa. É sério? Jovem? Confiável? Justifique.<br />7. Quais são os pontos fortes e fracos do negócio/produto/empresa? Por quê? <br />8. Qual a mensagem que melhor descreve o conteúdo/atuação do negócio/produto/empresa?<br />9. É necessário obter dados dos visitantes? O que é preciso saber? Por que?<br />
  34. 34. Planejamento<br />BRIEFING<br />(...)<br /><ul><li> PÚBLICO-ALVO
  35. 35. CONTEÚDO
  36. 36. APARÊNCIA (LAYOUT/DESIGN)
  37. 37. OUTROS</li></li></ul><li>Planejamento<br />Linguagem Organizacional<br />Acessibilidade<br />Política de Publicação<br />Áreas Restritas<br />
  38. 38. Etapas do Projeto<br />Planejamento:<br /><ul><li>Briefing
  39. 39. Análise de Conteúdo (Linguagem, Publicação)
  40. 40. Objetivos e Público-alvo
  41. 41. Análise de mercado e Benchmarking
  42. 42. Pré-projeto
  43. 43. Plano de Gerenciamento (Comunicação, Recebimento de Conteúdos) </li></li></ul><li>Etapas do Projeto<br />Estruturação:<br /><ul><li> Arquitetura da Informação
  44. 44. Desenvolvimento do Conteúdo
  45. 45. Desenvolvimento do Layout
  46. 46. Desenvolvimento do Template
  47. 47. Desenvolvimento da Estrutura
  48. 48. Adaptação/Tratamento do Conteúdo</li></li></ul><li>Etapas do Projeto<br />Pré Lançamento :<br /><ul><li> Avaliação do produto
  49. 49. Etapa de Testes
  50. 50. Treinamento </li></ul>Lançamento:<br /><ul><li> Homologação e Operação
  51. 51. Divulgação</li></li></ul><li>Layout / Wireframe<br /><ul><li> Instituição Parceira (IS);
  52. 52. Reuniões com Superintendência e Diretoria para definição de Modelo;
  53. 53. Modelo definido – PSD;
  54. 54. Webdesigner: PSD >> Template Joomla!;
  55. 55. Instalação e Configuração de cada Extensão extra necessária;
  56. 56. Reunião para aprovar cada etapa;</li></li></ul><li>Acesso Restrito<br />(em desenvolvimento)<br /><ul><li> Componente NOIX ACL
  57. 57. Cada Centro com 2 tipos de acesso: <Autor> e <Gerente>
  58. 58. Segurança no Acesso Restrito
  59. 59. Atualizações constantes
  60. 60. Textos
  61. 61. Fotos / Vídeos
  62. 62. Projetos e Parceiros
  63. 63. Base de Conhecimento</li></li></ul><li>Conteúdo<br /><ul><li> 94 Páginas Word
  64. 64. Textos / Fotos / Logos / Links
  65. 65. 4 Seções
  66. 66. 37 Categorias
  67. 67. 159 Artigos do Joomla!
  68. 68. 14 Menus com 127 Links
  69. 69. 15 Componentes Extras
  70. 70. 158 Módulos Criados
  71. 71. 26 Plug-ins Extras Habilitados</li></ul>!<br />
  72. 72. Conteúdo: Cuidados Especiais<br /><ul><li> Logos sem marca do Governo (Ano Eleitoral);
  73. 73. Fotos com colaboradores apenas em locais de trabalho;
  74. 74. Fotos de equipe com aval legal de cada colaborador;
  75. 75. Nomenclatura “traduzida” (Glossário de Siglas e Nomes);
  76. 76. Textos revisados e adaptados para linguagem “menos técnica”;
  77. 77. Referências com links(Instituições, Parceiros);</li></li></ul><li>Desenvolvimento<br />Algumas Extensões utilizadas:<br />Componentes:<br />+ ChronoForms<br />+ EventList<br />+ JCE Editor <br />+ Joom!Fish<br />+ Glossary<br />+ K2<br />
  78. 78. Desenvolvimento<br />Funcionalidades (Extensões utilizadas)<br />Módulos:<br />+ Busca CERTI (Drop-DownMootools)(Desenvolvido)<br />+ EventList Module<br />(Adaptado: Ajax - Lightbox)<br />+ LanguageSelection<br />+ CustoMenu<br />
  79. 79. Desenvolvimento<br />Funcionalidades (Extensões utilizadas)<br />Plugins:<br />+ Ultimate PNG Fix<br />+ ChronoContact<br />+JW Tabs & Slides <br />+ YOOeffects<br />+ Glossarbot<br />
  80. 80. Desenvolvimento<br />Layout:<br />PHP / CSS<br />Programação:<br />Ajax<br />ajax.php / &tmpl=ajax<br />Módulo Search<form action="index.php" method="post"><br />Por “index.php?option=com_search”<br />
  81. 81. O Novo Portal<br />
  82. 82. O Novo Portal<br />
  83. 83. O Novo Portal<br />
  84. 84. O Novo Portal<br />
  85. 85. O Novo Portal<br />
  86. 86. O Novo Portal<br />
  87. 87. O Novo Portal<br />
  88. 88. O Novo Portal<br />
  89. 89. O Novo Portal<br />
  90. 90. Resultado: 10 dias<br />2009<br />2010<br />
  91. 91. Comunidade Joomla!<br />Fórum:<br /><ul><li> OFICIAL: forum.joomla.org
  92. 92. OFICIAL (PT-BR): forum.joomla.org/viewforum.php?f=23</li></ul>Eventos:<br /><ul><li> JOOMLA! DAY BRASIL
  93. 93. FISL</li></ul>+ Joomla!:<br /><ul><li> www.joomla.com.br
  94. 94. www.joomlaminas.org
  95. 95. Google!</li></li></ul><li>DESENVOLVIMENTO DE SITES E PORTAIS EM INSTITUIÇÕES<br />O NOVO PORTAL DA FUNDAÇÃO CERTI<br />www.certi.org.br<br />Muito Obrigado!<br />[ Luis Henrique MironRoloff ]<br /> teteijui@gmail.com twitter.com/teteijui<br />

×