1. Curso Web FAVENI – Aula 20 – Revisão de CMS e
Instalação de CMS XOOPS
Curso Web FAVENICurso Web FAVENI
Aula 20Aula 20
Revisão de CMSRevisão de CMS
ee
Instalação de CMS XOOPSInstalação de CMS XOOPS
23/10/201023/10/2010
2. Curso Web FAVENI – Aula 20 – Revisão de CMS e
Instalação de CMS XOOPS
CMS (Content Management System)
ou
Sistema de Gerenciamento de Conteúdo
3. Curso Web FAVENI – Aula 20 – Revisão de CMS e
Instalação de CMS XOOPS
CMS - conceitoCMS - conceito
•O que é um Sistema de
Gerenciamento de Conteúdo - CMS
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.
4. Curso Web FAVENI – Aula 20 – Revisão de CMS e
Instalação de CMS XOOPS
ContextoContexto
Os CMS surgiram da necessidade de:
•criação de aplicações complexas na
internet e
•reuso de componentes na criação de
sites com características semelhantes.
5. Curso Web FAVENI – Aula 20 – Revisão de CMS e
Instalação de CMS XOOPS
repositório de informações + conjunto de regras + padrão de apresentação
banco de dados + linguagem de programação + design da interface
+
+
6. Curso Web FAVENI – Aula 20 – Revisão de CMS e
Instalação de CMS XOOPS
•Formulário para a inserção de dados
•Armazenamento no banco de dados
•Lógica de recuperação dos dados
•Montagem dos dados no template
•Apresentação da página
7. Curso Web FAVENI – Aula 20 – Revisão de CMS e
Instalação de CMS XOOPS
CMS Open SourceCMS Open Source
Alguns dos principais CMS disponíveis
são baseados em um formato de
distribuição, conhecido como GNU General
Public License (GPL).
Este formato permite que o software seja
copiado, alterado e distribuído livremente.
Saiba mais aqui: http://www.gnu.org/licenses/gpl.html
8. Curso Web FAVENI – Aula 20 – Revisão de CMS e
Instalação de CMS XOOPS
CMS XOOPSCMS XOOPS
Para colocar em prática os conceitos
desta aula iremos utilizar o CMS XOOPS
para a criação de um site.
XOOPS é uma abreviatura para:
EXtended Object Oriented Portal System
(Sistema Estendido de Portal Orientado a Objeto)
9. Curso Web FAVENI – Aula 20 – Revisão de CMS e
Instalação de CMS XOOPS
Requisitos do sistemaRequisitos do sistema
Para rodar uma aplicação utilizando o
XOOPS é preciso dispor do seguinte ambiente
configurado:
•Servidores WWW (Apache, IIS, Roxen, etc)
•PHP: 4.3.0 ou superior (5.2 ou superior é
altamente recomendada)
•MySQL 3.23 ou superior (4.1 ou superior é
altamente recomendada)
10. Curso Web FAVENI – Aula 20 – Revisão de CMS e
Instalação de CMS XOOPS
Requisitos do sistemaRequisitos do sistema
A maioria dos serviços de hospedagem
de sites tem essa infra-estrutura.
Para fazer uma instalação local, para
testes e protótipos, sugerimos a instalação
do Xampp, um pacote pronto com MySql,
PHP e Apache.
11. Curso Web FAVENI – Aula 20 – Revisão de CMS e
Instalação de CMS XOOPS
Pacote de instalação do XOOPSPacote de instalação do XOOPS
Para fazer o download do pacote de
instalação do XOOPS, visite este link para
baixar a versão mais atualizada.
12. Curso Web FAVENI – Aula 20 – Revisão de CMS e
Instalação de CMS XOOPS
Estrutura de diretórios do XOOPSEstrutura de diretórios do XOOPS
A instalação do XOOPS consiste em
copiar um conjunto de pastas e arquivos
para um local específico onde um servidor
WEB (Apache, IIS) irá gerenciar a
apresentação das páginas do site.
13. Curso Web FAVENI – Aula 20 – Revisão de CMS e
Instalação de CMS XOOPS
Estrutura de diretórios do XOOPSEstrutura de diretórios do XOOPS
A instalação básica vem com as seguintes
pastas de arquivos:
docs: textos sobre a versão atual, log de
alterações
extras: hacks, arquivos adicionais,
dependendo da atualização
htdocs: os arquivos do sistema
upgrade: os arquivos necessários para
atualizar versões antigas para a atual
14. Curso Web FAVENI – Aula 20 – Revisão de CMS e
Instalação de CMS XOOPS
Estrutura de diretórios do XOOPSEstrutura de diretórios do XOOPS
Na pasta htdocs encontramos a
seguinte estrutura de diretórios
pastas com as principais classes
PHP que gerenciam o sistema
arquivos de linguagem
pastas dos módulos
pastas dos temas (layout)
upload de arquivos
cache do sistema
bibliotecas do sistema
15. Curso Web FAVENI – Aula 20 – Revisão de CMS e
Instalação de CMS XOOPS
Estrutura de diretórios do XOOPSEstrutura de diretórios do XOOPS
Nas próximas atividades iremos instalar novos módulos e novos temas no site.
Para isso iremos fazer o upload dos arquivos para as pastas em destaque:
16. Curso Web FAVENI – Aula 20 – Revisão de CMS e
Instalação de CMS XOOPS
Instalação do XOOPSInstalação do XOOPS
Existem duas formas de instalação do
XOOPS em um serviço de hospedagem de
sites:
•Fazendo o upload do conteúdo da pasta
htdocs;
•Utilizando um auxiliar de instalação
oferecido pelo servidor.
17. Curso Web FAVENI – Aula 20 – Revisão de CMS e
Instalação de CMS XOOPS
Instalação do XOOPSInstalação do XOOPS
Para agilizar o processo de instalação em
sala de aula, iremos utilizar a ferramenta de
instalação do XOOPS disponível no painel
de controle do domínio.
Etapa 1
18. Curso Web FAVENI – Aula 20 – Revisão de CMS e
Instalação de CMS XOOPS
Etapa 2
19. Curso Web FAVENI – Aula 20 – Revisão de CMS e
Instalação de CMS XOOPS
Etapa 4
Etapa 3
20. Curso Web FAVENI – Aula 20 – Revisão de CMS e
Instalação de CMS XOOPS
Etapa 7
Etapa 6
21. Curso Web FAVENI – Aula 20 – Revisão de CMS e
Instalação de CMS XOOPS
Configurando o acesso via FTPConfigurando o acesso via FTP
Para enviar arquivos para o site iremos
utilizar o protocolo FTP (File Transfer
Protocol).
Existem vários programas de FTP
gratuitos, entre eles o FileZilla e a extensão
para o Firefox FireFTP, sendo que seu
funcionamento é semelhante.
22. Curso Web FAVENI – Aula 20 – Revisão de CMS e
Instalação de CMS XOOPS
Protocolo FTPProtocolo FTP
Arquivos no
computador local
Arquivos do site
no servidor
23. Curso Web FAVENI – Aula 20 – Revisão de CMS e
Instalação de CMS XOOPS
Instalar arquivos no site de testeInstalar arquivos no site de teste
Iremos instalar os seguintes arquivos:
•pasta de idioma Português-br
•novo tema
•módulo de Formulários de Contato
24. Curso Web FAVENI – Aula 20 – Revisão de CMS e
Instalação de CMS XOOPS
Para isso baixe os arquivos zipados do
site de modelo:
•portuguese-br.zip
•web_faveni.zip
•liaise.zip
25. Curso Web FAVENI – Aula 20 – Revisão de CMS e
Instalação de CMS XOOPS
Configuração do FileZillaConfiguração do FileZilla
26. Curso Web FAVENI – Aula 20 – Revisão de CMS e
Instalação de CMS XOOPS
Configuração do FileZillaConfiguração do FileZilla
27. Curso Web FAVENI – Aula 20 – Revisão de CMS e
Instalação de CMS XOOPS
Upload dos arquivos via FTPUpload dos arquivos via FTP
•Descompacte os arquivos em seu
computador
28. Curso Web FAVENI – Aula 20 – Revisão de CMS e
Instalação de CMS XOOPS
Upload do módulo LiaiseUpload do módulo Liaise
Copie a pasta liaise para a pasta:
•xoops/modules
29. Curso Web FAVENI – Aula 20 – Revisão de CMS e
Instalação de CMS XOOPS
Upload da pasta de idiomaUpload da pasta de idioma
Copie a pasta portuguese-br para a pasta:
•xoops/language
30. Curso Web FAVENI – Aula 20 – Revisão de CMS e
Instalação de CMS XOOPS
Upload do novo temaUpload do novo tema
Copie a pasta web_faveni para a pasta:
•xoops/themes
31. Curso Web FAVENI – Aula 20 – Revisão de CMS e
Instalação de CMS XOOPS
Configuração básica do siteConfiguração básica do site
Insira seu usuário e senha para acessar a
área administrativa do site:
32. Curso Web FAVENI – Aula 20 – Revisão de CMS e
Instalação de CMS XOOPS
33. Curso Web FAVENI – Aula 20 – Revisão de CMS e
Instalação de CMS XOOPS
Configuração básica do siteConfiguração básica do site
34. Curso Web FAVENI – Aula 20 – Revisão de CMS e
Instalação de CMS XOOPS
mude o idioma
mude o tema
35. Curso Web FAVENI – Aula 20 – Revisão de CMS e
Instalação de CMS XOOPS
Instalação do módulo LiaiseInstalação do módulo Liaise
O módulo Liaise permite a criação de
formulários de contato.
A configuração dos campos permite criar
desde um simples “Fale Conosco” até um
sofisticado formulário com upload de
arquivos e campos de seleção e checkbox.
Iremos agora instalar este módulo no site
de teste.
36. Curso Web FAVENI – Aula 20 – Revisão de CMS e
Instalação de CMS XOOPS
Instalação do módulo LiaiseInstalação do módulo Liaise
Etapa 1
37. Curso Web FAVENI – Aula 20 – Revisão de CMS e
Instalação de CMS XOOPS
Instalação do módulo LiaiseInstalação do módulo Liaise
Etapa 2
Etapa 3
38. Curso Web FAVENI – Aula 20 – Revisão de CMS e
Instalação de CMS XOOPS
Instalação do módulo LiaiseInstalação do módulo Liaise
Etapa 4
39. Curso Web FAVENI – Aula 20 – Revisão de CMS e
Instalação de CMS XOOPS
Instalação do módulo LiaiseInstalação do módulo Liaise
Etapa 5
40. Curso Web FAVENI – Aula 20 – Revisão de CMS e
Instalação de CMS XOOPS
Próximas atividadesPróximas atividades
Instalar os módulos:
News 1.66: publicação de notícias
faça o download
Mastop Publish 1.1: publicação de
páginas de conteúdo
faça o download
41. Curso Web FAVENI – Aula 20 – Revisão de CMS e
Instalação de CMS XOOPS
Próximas atividadesPróximas atividades
Acompanhe o conteúdo publicado no site
modelo e no blog da aula.
Próxima aula:
•Revisão
•Configuração dos blocos na home
•Criação de notícias e páginas de conteúdo
42. Curso Web FAVENI – Aula 20 – Revisão de CMS e
Instalação de CMS XOOPS
ReferênciasReferências
Downloads:
Xampp: http://www.baixaki.com.br/download/xampp.htm
Filezilla: http://filezilla-project.org/download.php
FireFTP: http://fireftp.mozdev.org/
http://xoopsfire.com
http://www.mastop.com.br/conteudo/open-
source/download.mstp
Comunidade XOOPS:
http://xoops.org
http://guxbrasil.org
43. Curso Web FAVENI – Aula 20 – Revisão de CMS e
Instalação de CMS XOOPS
ReferênciasReferências
Sobre CMS
http://php.opensourcecms.com/
http://www.cmsreview.com/index.html
Diretório do Google para CMS
http://www.foliomag.com/2010/rise-web-cms
http://www.revistawide.com.br/index.php/
design-interfaces-cms/