Joomla! para iniciantes. Djonatan Buss Jerônimo Medina Madruga

Transcrição

1 Joomla! para iniciantes Djonatan Buss Jerônimo Medina Madruga

2 Sempre teve vontade de fazer seu site? Fica na dúvida de qual tecnologia utilizar? Quer uma abordagem mais profissional do que aquele site que você fazia no Frontpage? Acha que alterar diversos arquivos para atualizar uma mudança é massante?

3 O que é o Joomla!? O que é CMS? Do que é feito? Da onde saiu? Tem exemplo? Quanto custa? E Drupal e o Wordpress? Instala pra mim tio! é uma palavra adaptada foneticamente da palavra "Jumla na língua Swahili para o Inglês. Jumla significa tudo junto" ou como um todo".

4 O que é o Joomla!? O que é CMS? É um CMS que te ajuda a Do que é feito? Da onde saiu? Tem exemplo? Quanto custa? E Drupal e o Wordpress? Instala pra mim tio! construir aplicações web. Fácil de usar Diversos recursos Design impressionante Conteúdo organizado Aplicação pesquisável Grande comunidade

5 O que é o Joomla!? O que é CMS? HTML CSS CMS Do que é feito? Da onde saiu? Tem exemplo? Quanto custa? E Drupal e o Wordpress? Instala pra mim tio! Content Management System Texto, fotos, vídeos, documentos e etc.. Conhecimento técnico

6 O que é o Joomla!? O que é CMS? HTML CSS CMS Do que é feito? Da onde saiu? Tem exemplo? Quanto custa? E Drupal e o Wordpress? Instala pra mim tio! HTML Trabalhoso e lento

7 O que é o Joomla!? O que é CMS? HTML CSS CMS Do que é feito? Da onde saiu? Tem exemplo? Quanto custa? E Drupal e o Wordpress? Instala pra mim tio! CSS Fácil de formatar Mais rápido

8 O que é o Joomla!? O que é CMS? HTML CSS CMS Do que é feito? Da onde saiu? Tem exemplo? Quanto custa? E Drupal e o Wordpress? Instala pra mim tio! CMS Organiza o conteúdo Não precisa webmaster Integração com Banco de Dados

9 O que é o Joomla!? O que é CMS? Do que é feito? Da onde saiu? Tem exemplo? Quanto custa? E Drupal e o Wordpress? Instala pra mim tio! O joomla é essencialmente PHP e MySQL Os templates são feitos com CSS

10 O que é o Joomla!? Tem exemplo? Descendente do Mambo Criado em 2005 Missão Quanto custa? Prover uma plataforma O que é CMS? Do que é feito? Da onde saiu? E Drupal e o Wordpress? Instala pra mim tio! flexível para colaboração e publicação digital.

11 O que é o Joomla!? O que é CMS? Do que é feito? Da onde saiu? Tem exemplo? Quanto custa? E Drupal e o Wordpress? Instala pra mim tio!

12 O que é o Joomla!? O que é CMS? Do que é feito? Da onde saiu? Tem exemplo? Quanto custa? E Drupal e o Wordpress? Instala pra mim tio!

13 O que é o Joomla!? O que é CMS? Do que é feito? Da onde saiu? Tem exemplo? Quanto custa? E Drupal e o Wordpress? Instala pra mim tio!

14 O que é o Joomla!? O que é CMS? Do que é feito? Da onde saiu? Tem exemplo? Quanto custa? E Drupal e o Wordpress? Instala pra mim tio! Código aberto GNU/GPL Comércio de templates Existem gratuitos, mas as opções pagas são robustas e profissionais Comércio de plugins Plugins para inúmeras funcionalidades.

15 O que é o Joomla!? O que é CMS? Do que é feito? Da onde saiu? Tem exemplo? Quanto custa? E Drupal e o Wordpress? Instala pra mim tio! Principais diferenças Drupal Wordpress Joomla

16 O que é o Joomla!? O que é CMS? Do que é feito? Da onde saiu? Tem exemplo? Quanto custa? Instalação local Depende de: Apache ou Microsoft IIS E Drupal e o PHP Instala pra mim tio! MySQL Wordpress?

17 Instalação local Download Joomla! 3. Descompactar na pasta do apache 4. Criar a base de dados no MySQL 5. Acessar os arquivos via localhost.

18 Instalação Download

19 Instalação Download

20 Instalação Download

21 Instalação Instalando

22 Instalação Instalando Browser: localhost/joomla/

23 Instalação Instalando

24 Instalação Instalando

25 Instalação Instalando

26 Instalação Instalando

27 Instalação Instalando

28 Instalação Instalando

29 Instalação Instalando

30 Instalação Instalando

31 Iniciando Sim você fez esse site! Bem vindos ao TEMPLATE exemplo do Joomla! Analise, clique e identifique. Login form Enquete Menus Banner Fiz isso? Visões Arquitetura

32 Sem contato com código Duas visões FRONT END BACK END Iniciando Fiz isso? Visões Arquitetura

33 Iniciando FRONT END Ambiente para: Visitantes Editores Membros em geral Fiz isso? Visões FRONT END BACK END Arquitetura

34 Iniciando BACK END Ambiente para: Projetistas Designers Administradores Fiz isso? Visões FRONT END BACK END Arquitetura

35 ARQUITETURA Criação e edição do site Inclui: Menus Conteúdo Componentes Extensões Iniciando Fiz isso? Visões Arquitetura

36 Iniciando MENUS Referenciam conteúdo Compostos por itens Gerenciados por MODULOS Fiz isso? Visões Arquitetura Menus Conteúdo Extensões

37 Iniciando MENUS Principais tipos nativos MainMenu TopMenu UserMenu OtherMenu Fiz isso? Visões Arquitetura Menus Conteúdo Extensões

38 Iniciando CONTEÚDO Principal elemento Armazenado no BD Dividido em: Seções Categorias Artigos Fiz isso? Visões Arquitetura Menus Conteúdo Extensões

39 Iniciando EXTENSÕES Componentes Módulos Plugins Linguagem Templates Fiz isso? Visões Arquitetura Menus Conteúdo Extensões Componentes Módulos Plugins Linguagem Templates

40 Iniciando EXTENSÕES - Componentes Pequenas aplicações que compõe o corpo principal da pagina. Ex: Contatos, News Feeds, Enquetes, Pesquisa e etc... Fiz isso? Visões Arquitetura Menus Conteúdo Extensões Componentes Módulos Plugins Linguagem Templates

41 Iniciando EXTENSÕES - Módulos Usados para exibir menus, contador de visitas e etc. que se repetem nas diversas páginas. Fiz isso? Visões Arquitetura Menus Conteúdo Extensões Componentes Módulos Plugins Linguagem Templates

42 Iniciando EXTENSÕES - Plugins São códigos que executam de acordo com uma necessidade dos recursos utilizados. Ex: o editor de texto. Fiz isso? Visões Arquitetura Menus Conteúdo Extensões Componentes Módulos Plugins Linguagem Templates

43 Iniciando EXTENSÕES - Linguagem Alteram a linguagem no front e back end de acordo com a capacidade das extensões Fiz isso? Visões Arquitetura Menus Conteúdo Extensões Componentes Módulos Plugins Linguagem Templates

44 Iniciando EXTENSÕES Templates A diversão do iniciante Inclui cores, fontes, posicionamento, design e etc. Permitem separação entre aparência e conteúdo Fiz isso? Visões Arquitetura Menus Conteúdo Extensões Componentes Módulos Plugins Linguagem Templates

45 Criando seu site 1. Definindo nome do site 2. Criando as paginas 3. Fazendo link dos menus 4. Remover funções desnecessárias. Vamos criar um site sobre abelhas!

46 Criando Nomeando site Criando as paginas Linkando menu Limpeza Acesse o back end (/administrator) Botão Global Configurations Edite Site Name Vamos usar Webelhas

47 Criando Nomeando site Criando as paginas Linkando menu Limpeza

48 Criando Nomeando site Criando as paginas Linkando menu Limpeza

49 Criando Nomeando site Criando as paginas Linkando menu Limpeza

50 Criando Nomeando site Criando as paginas Linkando menu Limpeza

51 Criando Nomeando site Criando as paginas Linkando menu Limpeza Vamos criar quatro paginas A vida Biologia Defesa A Rainha

52 Criando Nomeando site Criando as paginas Linkando menu Limpeza Acesse o back end (/administrator) Botão Add New Article Title: A vida Alias: A vida Section: uncategorized Category: uncategorized Editor de texto

53 Criando Nomeando site Criando as paginas Linkando menu Limpeza Usaremos apenas MainMenu Menus Main Menu Botao New Escolha Article Standard Article Layout

54 Criando Nomeando site Criando as paginas Linkando menu Limpeza Menu Item Parameters select Seleciona artigo na popup Save Repetir para os proximos quatro artigos

55 Criando Nomeando site Criando as paginas Linkando menu Limpeza Limpar modulos Extensions Module Manager Disable

56 Criando Nomeando site Criando as paginas Linkando menu Limpeza Limpar MainMenu Menu MainMenu Unpublish

57 Criando Nomeando site Criando as paginas Linkando menu Limpeza Mudar o template Extensions Plugin Manager Seleciona Beez Templates Default

58 Recursos sobre Joomla! Site oficial: Extensões: Tutoriais: Documentação: Twitter:

59 Contato Twitter: Site: Tchelinux: Slides:

60 Perguntas? Mandem por !