Curso de Joomla! no Metro
-
Upload
danilo-andrade -
Category
Technology
-
view
2.381 -
download
0
description
Transcript of Curso de Joomla! no Metro
![Page 1: Curso de Joomla! no Metro](https://reader033.fdocumentos.tips/reader033/viewer/2022061304/54964f94b47959744d8b4fc8/html5/thumbnails/1.jpg)
“Gerenciar um conteúdo com eficiência é diferencial estratégico para qualquer empresa que deseja obter
resultados efetivos com a internet/intranet.”
FacilitadoresFernando Rosa e Danilo Barros Andrade
![Page 2: Curso de Joomla! no Metro](https://reader033.fdocumentos.tips/reader033/viewer/2022061304/54964f94b47959744d8b4fc8/html5/thumbnails/2.jpg)
FacilitadoresFernando Rosa e Danilo Barros Andrade
Intranet no metrô Importância da Intranet Código Livre/Open Source CMS Significado do Joomla! Versões e evolução Estrutura e planejamento Vantagens Instalação local do Joomla! Frontend e Backend Hierarquia-Joomla! Dicas para um bom texto Inserção de Conteúdo
SOBRE O QUE VAMOS FALAR
Códigos de PHP Códigos CSS Integração com BD Sites com outras tecnologias Futebol
Novelas
Governo Lula
SOBRE O QUE NÃO VAMOS FALAR
![Page 3: Curso de Joomla! no Metro](https://reader033.fdocumentos.tips/reader033/viewer/2022061304/54964f94b47959744d8b4fc8/html5/thumbnails/3.jpg)
MetrôConectando a comunidade
![Page 4: Curso de Joomla! no Metro](https://reader033.fdocumentos.tips/reader033/viewer/2022061304/54964f94b47959744d8b4fc8/html5/thumbnails/4.jpg)
POR QUE É IMPORTANTE?
Intranet
Estreitar relacionamentos
Disseminar informações sobre a
empresa
Atender demandas dos funcionários
Criar um atendimento 24horas
Tornar a informação acessível e útil
![Page 5: Curso de Joomla! no Metro](https://reader033.fdocumentos.tips/reader033/viewer/2022061304/54964f94b47959744d8b4fc8/html5/thumbnails/5.jpg)
Open Source (codigo aberto) é uma forma de desenvolvimento de software na qual o código é aberto e qualquer pessoa pode modificá-lo.
Software proprietário Open Source
“Uma andorinha só, não faz verão”
![Page 6: Curso de Joomla! no Metro](https://reader033.fdocumentos.tips/reader033/viewer/2022061304/54964f94b47959744d8b4fc8/html5/thumbnails/6.jpg)
O QUE É UM CMS?
(CONTENT MANAGEMENT SYSTEM)
É possível administrar conteúdo no site sem a necessidade de conhecimentos técnicos.
![Page 7: Curso de Joomla! no Metro](https://reader033.fdocumentos.tips/reader033/viewer/2022061304/54964f94b47959744d8b4fc8/html5/thumbnails/7.jpg)
DIFERENTES TIPOS DE CMS
![Page 8: Curso de Joomla! no Metro](https://reader033.fdocumentos.tips/reader033/viewer/2022061304/54964f94b47959744d8b4fc8/html5/thumbnails/8.jpg)
CRESCIMENTO JOOMLA!
![Page 9: Curso de Joomla! no Metro](https://reader033.fdocumentos.tips/reader033/viewer/2022061304/54964f94b47959744d8b4fc8/html5/thumbnails/9.jpg)
Joomla 1.0 ou 1.5?
1.5 – Sem pensar, por quê??
![Page 10: Curso de Joomla! no Metro](https://reader033.fdocumentos.tips/reader033/viewer/2022061304/54964f94b47959744d8b4fc8/html5/thumbnails/10.jpg)
Desenvolvido a partir do Mambo. É escrito em PHP e roda no servidor web Apache ou IIS e banco de dados MySQL. (Wikipedia)
QUE É JOOMLA!?
A pronúncia correta é DJUMLA.Swahilli
![Page 11: Curso de Joomla! no Metro](https://reader033.fdocumentos.tips/reader033/viewer/2022061304/54964f94b47959744d8b4fc8/html5/thumbnails/11.jpg)
JOOMLA: EVOLUÇÃO DO MAMBO
![Page 12: Curso de Joomla! no Metro](https://reader033.fdocumentos.tips/reader033/viewer/2022061304/54964f94b47959744d8b4fc8/html5/thumbnails/12.jpg)
JOOMLA: EVOLUÇÃO DO MAMBO
![Page 13: Curso de Joomla! no Metro](https://reader033.fdocumentos.tips/reader033/viewer/2022061304/54964f94b47959744d8b4fc8/html5/thumbnails/13.jpg)
ESTRUTURA
DesignCSS
ProgramaçãoPHP
ConteúdoMySQL
CMSContent Management
System
![Page 14: Curso de Joomla! no Metro](https://reader033.fdocumentos.tips/reader033/viewer/2022061304/54964f94b47959744d8b4fc8/html5/thumbnails/14.jpg)
PRODUÇÃO PROGRAMAÇÃO CONTEÚDO
Modelo tradicional
DESIGN
Modelo Joomla!
PRODUÇÃO PROGRAMAÇÃO
CONTEÚDO
DESIGN
![Page 15: Curso de Joomla! no Metro](https://reader033.fdocumentos.tips/reader033/viewer/2022061304/54964f94b47959744d8b4fc8/html5/thumbnails/15.jpg)
METRÔ – INTEGRAÇÃO E APRENDIZADOMETRÔ – INTEGRAÇÃO E APRENDIZADO
4
1
3
2
5
Aprendizado
e Treinamento
Rede de
funcionários
e colaboradores
Eventos
Notícias
Planejamento e metodologia
![Page 16: Curso de Joomla! no Metro](https://reader033.fdocumentos.tips/reader033/viewer/2022061304/54964f94b47959744d8b4fc8/html5/thumbnails/16.jpg)
O QUE O METROVIÁRIO GANHA?O QUE O METROVIÁRIO GANHA?• Aprende a gerenciar um site• Novas metodologias web• Divide o trabalho com outros colaboradores• Multiplica o conhecimento
Melhora o seu currículo PESSOAL e PROFISSIONAL
![Page 17: Curso de Joomla! no Metro](https://reader033.fdocumentos.tips/reader033/viewer/2022061304/54964f94b47959744d8b4fc8/html5/thumbnails/17.jpg)
VISÃO DE MERCADO
Templates
DesignersComponentes
Hospedagem
Administradores
Programadores
Conteúdo
![Page 18: Curso de Joomla! no Metro](https://reader033.fdocumentos.tips/reader033/viewer/2022061304/54964f94b47959744d8b4fc8/html5/thumbnails/18.jpg)
DesignPlanejamento
Programação Facilidade
JOOMLA! MARKETING E COMUNICAÇÃO
![Page 19: Curso de Joomla! no Metro](https://reader033.fdocumentos.tips/reader033/viewer/2022061304/54964f94b47959744d8b4fc8/html5/thumbnails/19.jpg)
INSTALAÇÃO DO JOOMLA!
X = Qualquer sistema operacional, Windows, Linux, Mac OS X, etcA = Apache (Um famoso servidor HTTP)M = MySQL (banco de dados.. My significa Meu, SQL é o acrônimo para Structured Query Language, ou em português, Linguagem de Consulta Estruturada)P = PHP (significa "PHP: Hypertext Preprocessor", que é uma linguagem de programação)P = Perl (uma linguagem de programação dinâmica)
O que significa XAMPP?
![Page 20: Curso de Joomla! no Metro](https://reader033.fdocumentos.tips/reader033/viewer/2022061304/54964f94b47959744d8b4fc8/html5/thumbnails/20.jpg)
Painel de Controle
- Acessando o painel de controle- Visão Geral do painel- Menus e suas funções
![Page 21: Curso de Joomla! no Metro](https://reader033.fdocumentos.tips/reader033/viewer/2022061304/54964f94b47959744d8b4fc8/html5/thumbnails/21.jpg)
![Page 22: Curso de Joomla! no Metro](https://reader033.fdocumentos.tips/reader033/viewer/2022061304/54964f94b47959744d8b4fc8/html5/thumbnails/22.jpg)
Quem faz redação para web é chamado de webwriter
VALORIZAÇÃO DO CONTEÚDO
- Persuasão
- Credibilidade
- Explicitar benefícios
- Objetividade
- Cada idéia em um parágrafo
- Links para outro site (url)
![Page 23: Curso de Joomla! no Metro](https://reader033.fdocumentos.tips/reader033/viewer/2022061304/54964f94b47959744d8b4fc8/html5/thumbnails/23.jpg)
URLs = Endereço eletrônico da página
URL nem um pouco amigávelindex.php?option=com_content&id=62&task=view
URL Amigávelsuporte-tecnico.html
![Page 24: Curso de Joomla! no Metro](https://reader033.fdocumentos.tips/reader033/viewer/2022061304/54964f94b47959744d8b4fc8/html5/thumbnails/24.jpg)
Quem faz redação para web é chamado de webwriter
VALORIZAÇÃO DO CONTEÚDO
- Persuasão
- Credibilidade
- Explicitar benefícios
- Objetividade
- Cada idéia em um parágrafo
- Links para outro site (url)
- Texto Intro (Leia Mais)
- Texto Completo
- Imagem
- Áudio/Vídeo
-Tamanho dos textos
- Público-alvo
![Page 25: Curso de Joomla! no Metro](https://reader033.fdocumentos.tips/reader033/viewer/2022061304/54964f94b47959744d8b4fc8/html5/thumbnails/25.jpg)
CONTEÚDO É O REI NA INTERNET/INTRANETCONTEÚDO É O REI NA INTERNET/INTRANETLembram-se das aulas chatas?As pessoas têm interesse no CONTEÚDO do seu site?
CONTEÚDO É REI
![Page 26: Curso de Joomla! no Metro](https://reader033.fdocumentos.tips/reader033/viewer/2022061304/54964f94b47959744d8b4fc8/html5/thumbnails/26.jpg)
![Page 27: Curso de Joomla! no Metro](https://reader033.fdocumentos.tips/reader033/viewer/2022061304/54964f94b47959744d8b4fc8/html5/thumbnails/27.jpg)
Extensões – O poder da comunidade
extensions.joomla.org
![Page 28: Curso de Joomla! no Metro](https://reader033.fdocumentos.tips/reader033/viewer/2022061304/54964f94b47959744d8b4fc8/html5/thumbnails/28.jpg)
extensions.joomla.org
![Page 31: Curso de Joomla! no Metro](https://reader033.fdocumentos.tips/reader033/viewer/2022061304/54964f94b47959744d8b4fc8/html5/thumbnails/31.jpg)
URL AMIGÁVEL - SEF – Search Engine-Friendly
- SH404 SEF- Artio JoomSEF
Princípais Extensões
![Page 32: Curso de Joomla! no Metro](https://reader033.fdocumentos.tips/reader033/viewer/2022061304/54964f94b47959744d8b4fc8/html5/thumbnails/32.jpg)
Princípais ExtensõesFORMULÁRIOS
- Chrono Forms- JForms
![Page 33: Curso de Joomla! no Metro](https://reader033.fdocumentos.tips/reader033/viewer/2022061304/54964f94b47959744d8b4fc8/html5/thumbnails/33.jpg)
GALERIA DE FOTOS
- MorfeoShow- Simple Image Gallery
VIDEO – Allvideos Reloaded
- Allvideos plugin- Component Allvideos
Princípais Extensões
![Page 34: Curso de Joomla! no Metro](https://reader033.fdocumentos.tips/reader033/viewer/2022061304/54964f94b47959744d8b4fc8/html5/thumbnails/34.jpg)
Exemplos de siteswww.museudofutebol.org.br – Museu do Futebol
![Page 35: Curso de Joomla! no Metro](https://reader033.fdocumentos.tips/reader033/viewer/2022061304/54964f94b47959744d8b4fc8/html5/thumbnails/35.jpg)
www.mutantes.com – Site Oficial da Banda
Exemplos de sites
![Page 36: Curso de Joomla! no Metro](https://reader033.fdocumentos.tips/reader033/viewer/2022061304/54964f94b47959744d8b4fc8/html5/thumbnails/36.jpg)
www.passadori.com.br – Reinaldo Passadori
Exemplos de sites
![Page 37: Curso de Joomla! no Metro](https://reader033.fdocumentos.tips/reader033/viewer/2022061304/54964f94b47959744d8b4fc8/html5/thumbnails/37.jpg)
www.seogomes.com.br – Bar e Restaurante
Exemplos de sites
![Page 38: Curso de Joomla! no Metro](https://reader033.fdocumentos.tips/reader033/viewer/2022061304/54964f94b47959744d8b4fc8/html5/thumbnails/38.jpg)
www.noelrosaomusical.com.br – Espetáculo Noël Rosa, o Poeta, o Músico, Cronista de Uma Época
Exemplos de sites
![Page 39: Curso de Joomla! no Metro](https://reader033.fdocumentos.tips/reader033/viewer/2022061304/54964f94b47959744d8b4fc8/html5/thumbnails/39.jpg)
Dúvidas?
FacilitadoresFernando Rosa e Danilo Barros Andrade