Your SlideShare is downloading. ×
0
Curso web faveni aula 19 - Introdução a CMS
Curso web faveni aula 19 - Introdução a CMS
Curso web faveni aula 19 - Introdução a CMS
Curso web faveni aula 19 - Introdução a CMS
Curso web faveni aula 19 - Introdução a CMS
Curso web faveni aula 19 - Introdução a CMS
Curso web faveni aula 19 - Introdução a CMS
Curso web faveni aula 19 - Introdução a CMS
Curso web faveni aula 19 - Introdução a CMS
Curso web faveni aula 19 - Introdução a CMS
Curso web faveni aula 19 - Introdução a CMS
Curso web faveni aula 19 - Introdução a CMS
Curso web faveni aula 19 - Introdução a CMS
Curso web faveni aula 19 - Introdução a CMS
Curso web faveni aula 19 - Introdução a CMS
Curso web faveni aula 19 - Introdução a CMS
Curso web faveni aula 19 - Introdução a CMS
Curso web faveni aula 19 - Introdução a CMS
Curso web faveni aula 19 - Introdução a CMS
Curso web faveni aula 19 - Introdução a CMS
Curso web faveni aula 19 - Introdução a CMS
Curso web faveni aula 19 - Introdução a CMS
Curso web faveni aula 19 - Introdução a CMS
Curso web faveni aula 19 - Introdução a CMS
Curso web faveni aula 19 - Introdução a CMS
Curso web faveni aula 19 - Introdução a CMS
Curso web faveni aula 19 - Introdução a CMS
Curso web faveni aula 19 - Introdução a CMS
Curso web faveni aula 19 - Introdução a CMS
Curso web faveni aula 19 - Introdução a CMS
Curso web faveni aula 19 - Introdução a CMS
Curso web faveni aula 19 - Introdução a CMS
Curso web faveni aula 19 - Introdução a CMS
Curso web faveni aula 19 - Introdução a CMS
Curso web faveni aula 19 - Introdução a CMS
Curso web faveni aula 19 - Introdução a CMS
Curso web faveni aula 19 - Introdução a CMS
Curso web faveni aula 19 - Introdução a CMS
Curso web faveni aula 19 - Introdução a CMS
Curso web faveni aula 19 - Introdução a CMS
Curso web faveni aula 19 - Introdução a CMS
Curso web faveni aula 19 - Introdução a CMS
Curso web faveni aula 19 - Introdução a CMS
Curso web faveni aula 19 - Introdução a CMS
Curso web faveni aula 19 - Introdução a CMS
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Curso web faveni aula 19 - Introdução a CMS

1,298

Published on

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

No Downloads
Views
Total Views
1,298
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
0
Comments
0
Likes
1
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Curso Web FAVENI Aula 19 Introdução ao conceito de CMS 16/10/2010
  • 2. <ul><li>CMS (Content Management System) </li></ul><ul><li>ou </li></ul><ul><li>Sistema de Gerenciamento de Conteúdo </li></ul>
  • 3. CMS - conceito <ul><li>Sistema – uma aplicação que permite a criação, organização, publicação e apresentação de um conteúdo. </li></ul><ul><li>Gerenciamento – o encadeamento de processos e regras que permite controlar o ciclo de vida de uma informação, desde sua criação até a publicação. </li></ul><ul><li>Conteúdo – qualquer informação publicada na internet, seja um texto, imagem, documento, etc… </li></ul>
  • 4. CMS - conceito <ul><li>O que é um Sistema de Gerenciamento de Conteúdo - CMS </li></ul><ul><li>Um CMS é um software que permite a um grupo de usuários técnicos e não-técnicos a criação, edição, gerenciamento e publicação de uma variedade de conteúdos com base em uma série de regras e formatações pré-definidas que garantem a padronização do resultado publicado de forma rápida e organizada. </li></ul>
  • 5. Tipos de CMS <ul><li>Portal Web (sites pessoais, sites corporativos) </li></ul><ul><li>Gerenciamento de documentos (arquivos, imagens, código) </li></ul><ul><li>Colaboração (fóruns, wiki) </li></ul><ul><li>Educação (EAD) </li></ul><ul><li>Loja virtual (e-commerce) </li></ul>
  • 6. Histórico <ul><li>Primeiro CMS corporativo </li></ul><ul><li>http://www.vignette.com/ </li></ul><ul><li>1996 – Vignette StoryServer e StoryBuilder </li></ul><ul><li>Primeiro CMS open source </li></ul><ul><li>www.typo3.org </li></ul><ul><li>1998 – Typo3 </li></ul>
  • 7. Contexto <ul><li>Os CMS surgiram da necessidade de: </li></ul><ul><li>criação de aplicações complexas na internet e </li></ul><ul><li>reuso de componentes na criação de sites com características semelhantes. </li></ul>
  • 8. Cenário <ul><li>Imagine o seguinte cenário: </li></ul><ul><li>Grande quantidade de informação a ser manipulada </li></ul><ul><li>Necessidade de publicar as informações de forma padronizada </li></ul><ul><li>Pessoas sem conhecimento técnico precisam publicar conteúdo </li></ul>
  • 9. Cenário <ul><li>Já vi esse problema antes! </li></ul><ul><li>Ao invés de criar uma solução completa a cada projeto, melhor seria reusar componentes comuns a vários projetos. </li></ul>
  • 10. repositório de informações + conjunto de regras + padrão de apresentação banco de dados + linguagem de programação + design da interface + +
  • 11. Características de um CMS <ul><li>Repositório (banco de dados) </li></ul><ul><li>Separação entre conteúdo e apresentação </li></ul><ul><li>Edição em WYSWYG </li></ul><ul><li>( what you see is what you get ) </li></ul><ul><li>Template de design </li></ul><ul><li>Gerenciamento de usuários e permissões </li></ul>
  • 12. Outras características <ul><li>Controle de versão </li></ul><ul><li>Modularização e reuso de componentes </li></ul><ul><li>Internacionalização </li></ul><ul><li>Publicação em vários canais e formatos (web, impressão, RSS, mobile) </li></ul>
  • 13. <ul><li>Quando vemos uma página de um site gerenciado por um CMS, estamos olhando o resultado final de um processo de publicação. </li></ul>
  • 14. <ul><li>Formulário para a inserção de dados </li></ul><ul><li>Armazenamento no banco de dados </li></ul><ul><li>Lógica de recuperação dos dados </li></ul><ul><li>Montagem dos dados no template </li></ul><ul><li>Apresentação da página </li></ul>
  • 15. CMS Open Source <ul><li>Alguns dos principais CMS disponíveis são baseados em um formato de distribuição gratuita. </li></ul>
  • 16. Benefícios de um CMS Open Source para o usuário/cliente: <ul><li>Menor custo para ter uma aplicação de alto desempenho </li></ul><ul><li>Maior agilidade na publicação de conteúdo </li></ul><ul><li>Garantia de continuidade no desenvolvimento da aplicação </li></ul><ul><li>Rapidez na instalação/configuração de um site </li></ul><ul><li>Possibilidade de expansão do site com outras funcionalidades </li></ul><ul><li>Desenvolvimento do site em etapas de ampliação </li></ul><ul><li>Características próprias dos CMS: agilidade, performance, segurança, SEO </li></ul>
  • 17. Benefícios de um CMS Open Source para o desenvolvedor/web designer: <ul><li>Reuso de componentes </li></ul><ul><li>Facilidade na criação da arquitetura de solução </li></ul><ul><li>Compartilhamento de experiência com outros desenvolvedores/web designers </li></ul><ul><li>Otimização do trabalho de instalação e configuração do site </li></ul>
  • 18. Porém é importante lembrar que: <ul><li>Um CMS open source é gratuito mas requer um profissional com experiência para criar um site de alto nível. </li></ul><ul><li>CMS não são caixinhas mágicas que organizam as coisas para você, eles irão refletir a organização que você tem na produção de conteúdo. </li></ul>
  • 19. Porém é importante lembrar que: <ul><li>Um CMS não serve para nada se não for “alimentado” com conteúdo de qualidade e de forma constante. </li></ul><ul><li>Mesmo sendo um processo mais rápido do que codificar manualmente página por página, manter um site que usa um CMS também consome tempo. </li></ul>
  • 20. Porém é importante lembrar que: <ul><li>A apresentação final de um conteúdo em um site que usa um CMS sempre dependerá da experiência de quem inseriu as informações. Bom gosto e boas ideias sempre fazem a diferença. </li></ul>
  • 21. Exemplos de CMS mais conhecidos <ul><li>Wordpress </li></ul><ul><li>Joomla </li></ul><ul><li>Drupal </li></ul><ul><li>Xoops </li></ul><ul><li>ModX </li></ul><ul><li>Plone </li></ul>
  • 22. Como escolher um CMS? <ul><li>Determinados CMS foram desenvolvidos para aplicações específicas: </li></ul><ul><li>Blog </li></ul><ul><li>Portfólios </li></ul><ul><li>Comunidades </li></ul><ul><li>Grandes portais </li></ul>
  • 23. Como escolher um CMS? <ul><li>Determinados CMS interagem melhor com públicos específicos: </li></ul><ul><li>Desenvolvedores </li></ul><ul><li>Web designers </li></ul><ul><li>Blogueiros </li></ul><ul><li>Público não-técnico em geral </li></ul>
  • 24. Tipos de usuário de CMS <ul><li>Podemos classificar em 3 categorias as pessoas que utilizam um CMS: </li></ul>
  • 25. Tipos de usuário de CMS <ul><li>Usuário não-técnico : não possui conhecimento algum de programação ou web design; geralmente são os responsáveis por produzir ou editar conteúdo. Ex.: funcionário da empresa que contratou o site; jornalista; professor. </li></ul>
  • 26. Tipos de usuário de CMS <ul><li>Usuário técnico: possui conhecimentos de HTML ou de linguagens de programação apenas o suficiente para incrementar sua interação com o site, usando as ferramentas de administração de conteúdo de forma a extrair um resultado final mais interessante. Ex.: usuário que gosta de assuntos relacionados a internet e tem facilidade em aprender. </li></ul>
  • 27. Tipos de usuário de CMS <ul><li>Usuário experiente: normalmente o responsável pela administração da infra-estrutura do site. Conhece os procedimentos de instalação de novas funcionalidades e oferece suporte para os outros usuários. Ex.: o responsável pelo sistema, o “cara da rede”, ou alguém que trabalha com computadores no dia a dia da empresa. </li></ul>
  • 28. Experimento <ul><li>Antes de entrar em detalhes, vamos imaginar a seguinte situação: </li></ul><ul><li>Imagine fazer 3 sites usando 3 CMS diferentes para uma mesma empresa apresentando o mesmo conteúdo. </li></ul>
  • 29. Analise o resultado final destes 3 sites: <ul><li>Todos os sites seriam iguais ? </li></ul><ul><li>Qual teria a melhor interface para os visitantes? </li></ul><ul><li>Qual teria a maior facilidade para publicação de novos conteúdos? </li></ul><ul><li>Qual levaria menos tempo para ficar pronto? </li></ul><ul><li>Qual deles seria mais rápido para carregar as páginas? </li></ul><ul><li>Qual deles teria o menor custo para o cliente? </li></ul>
  • 30. Como escolher um CMS... <ul><li>Pensando no caso específico de um cliente, vejamos alguns fatores que podem influenciar a escolha de um CMS para desenvolver um projeto: </li></ul><ul><li>Tipo de conteúdo a ser publicado </li></ul><ul><li>Quantidade de conteúdo a ser publicado </li></ul><ul><li>Tipo de usuário que irá administrar o site depois de pronto </li></ul><ul><li>Necessidade crítica de segurança </li></ul>
  • 31. Como escolher um CMS... <ul><li>Do ponto de vista do web designer, vejamos alguns fatores que podem influenciar a escolha de um CMS para desenvolver um projeto: </li></ul><ul><li>Familiaridade com os elementos do sistema: banco de dados, linguagem de programação </li></ul><ul><li>Experiência em desenvolver projetos usando um determinado CMS </li></ul>
  • 32. Como escolher um CMS... <ul><li>Do ponto de vista do web designer... </li></ul><ul><li>Variedade de funcionalidades (módulos, plugins) disponíveis </li></ul><ul><li>Variedade de templates (temas) disponíveis </li></ul><ul><li>Grau de facilidade em customizar o site </li></ul><ul><li>Disponibilidade de suporte em caso de emergência </li></ul>
  • 33. Como escolher um CMS... <ul><li>Com base nesses fatores a escolha de um CMS pode ficar limitada a um número pequeno de opções disponíveis, que poderão ser usadas de acordo com as características do projeto. </li></ul>
  • 34. Exemplos <ul><li>Site de um estúdio fotográfico: </li></ul><ul><li>Wordpress e plugin de galeria de imagens </li></ul><ul><li>Xoops </li></ul><ul><li>Joomla </li></ul>
  • 35. Exemplos <ul><li>Site de empresa atacadista com 3000 itens de produtos: </li></ul><ul><li>Xoops </li></ul><ul><li>Joomla </li></ul><ul><li>Blog corporativo: </li></ul><ul><li>Wordpress </li></ul>
  • 36. Exemplos <ul><li>Site de uma revendedora online de cosméticos: </li></ul><ul><li>Wordpress com plugin de e-commerce </li></ul><ul><li>Joomla e módulo VirtueMart </li></ul>
  • 37. Exemplos <ul><li>Site de notícias de um jornal online: </li></ul><ul><li>Xoops </li></ul><ul><li>Wordpress </li></ul><ul><li>Joomla </li></ul>
  • 38. Resultado final <ul><li>Você pode instalar e configurar um CMS sendo um usuário técnico, não-técnico ou experiente. </li></ul><ul><li>O resultado final do site é diretamente proporcional a quantidade de conhecimentos que você tem para lidar com todas as etapas do desenvolvimento do site. </li></ul>
  • 39. Quais são essas etapas? <ul><li>Levantamento de requisitos do cliente </li></ul><ul><li>Solicitação de conteúdos para publicar no site </li></ul><ul><li>Organização da arquitetura de solução </li></ul><ul><li>Instalação e configuração do CMS e demais componentes </li></ul>
  • 40. Quais são essas etapas? <ul><li>Criação dos grupos de usuários e permissões de acesso </li></ul><ul><li>Criação da identidade visual do site e da navegabilidade </li></ul><ul><li>Testes de inclusão/exclusão de conteúdo e testes gerais de funcionalidades </li></ul><ul><li>Treinamento do pessoal que irá administrar o site </li></ul>
  • 41. Atividades complementares <ul><li>Registro de domínio </li></ul><ul><li>Contratação de servidor de hospedagem </li></ul><ul><li>Configuração de emails com o servidor novo </li></ul><ul><li>Criação de perfis em redes sociais: Twitter, Orkut, Facebook, YouTube, Slideshare </li></ul>
  • 42. Ferramentas de apoio no desenvolvimento de sites <ul><li>FTP: Filezilla </li></ul><ul><li>Editor de texto: Notepad ++ , Dreamweaver , Aptana </li></ul><ul><li>Editor de imagem: Photoshop , Riot </li></ul><ul><li>Browsers para testes: IE6, IE7, IE8 , Firefox , Safari , Chrome , Opera </li></ul>
  • 43. Ferramentas de apoio no desenvolvimento de sites <ul><li>Plugin no Firefox para desenvolvedores: Firebug , WebDeveloper </li></ul><ul><li>Extensões no Chrome para desenvolvedores: Chrome Sniffer , Measureit ! , Eye Dropper </li></ul><ul><li>Sites na web com funcionalidades interessantes: Favicon generator , Tablelizer , Iconfinder , ProCSSor , Preloaders </li></ul>
  • 44. Proposta de trabalho para as próximas aulas: <ul><li>Instalar um site usando o CMS Xoops e configurá-lo para deixar igual a um site de modelo que estará disponível na url http://www.elencoweb.com.br/modelo </li></ul><ul><li>Na próxima aula iremos fazer a instalação e configuração básica dos módulos. </li></ul>
  • 45. Referências <ul><li>http://php.opensourcecms.com/ </li></ul><ul><li>http://www.cmsreview.com/index.html </li></ul><ul><li>Diretório do Google para CMS </li></ul><ul><li>http://www.foliomag.com/2010/rise-web-cms </li></ul><ul><li>http://www.revistawide.com.br/index. php / design-interfaces-cms / </li></ul>

×