Slides da palestra "Ganhando agilidade na criação de sites Joomla com CCKs e frameworks" ministrada por Leo Miranda no Joomla Day Ribeirão Preto em 12 de maio de 2012.

1. Ganhando agilidade
na criação de sites Joomla com
CCKs e Frameworks
de template
Por
www.jCursos.com.br

2.  6 anos trabalhando com o Joomla
 Criação de templates personalizados
• Konfide e Elementa (Amplamenta)
• Made2web (Portugal)
 Criação de sistemas personalizados
• Jetworks
 Blog leomiranda.com/blog
www.jCursos.com.br

3.  Palestra Joomla Day Brasil 2010 sobre CCKs em
Brasília
 Curso presencial em São Paulo e em tempo
real online
 Cursos online no www.jCursos.com.br
• Desenvolvimento com Seblod
• Joomla na Prática
• Templates com Frameworks
www.jCursos.com.br

5. Web Designer

6. Programador

7. Web Designer
Mesmo com anos de experiências em template
Joomla do zero, alguns frameworks me
ajudaram a pegar projetos mais baratos e
entregar de forma mais rápida.
Reflexão

8. Programador
Em uma empresa com 2 bons programadores
Joomla e 1 Web Designer, decidimos usar o Web
Designer para diversos projetos com sistemas
desenvolvidos com CCK.
Reflexão

9. Objetivos
 Apresentar as características principais da
utilização de CCKs e Frameworks de
templates Joomla
 Estimular a pesquisa e a compreensão de
quando e como utilizar alguma dessas
ferramentas em determinados projetos
www.jCursos.com.br

10. CCK

11. O que é um CCK?
 Um CCK é uma ferramenta de apoio para a
construção de conteúdos.
 Com essa ferramenta é possível extender as
funcionalidades de um conteúdo do CMS.
www.jCursos.com.br

12. Exemplo com CCK Seblod

13. O que mudou no Joomla?
www.jCursos.com.br

15. ACL (Controle de Usuário)
www.jCursos.com.br

16. Categorias em Cascata
www.jCursos.com.br

17. Campos separados de imagens e links
www.jCursos.com.br

18. ainda tem muito mais
 Campo adicionais
 Upload de imagens com até 6 thumbs
 Sistema de Comentários integrado
 Sistema de Tags integrado
 Perfil de usuário
 Administração no frontend
 Maior flexibilidade com templates
www.jCursos.com.br

20. Objetivo 1
Reduzir o tempo de desenvolvimento de
sites e aplicações web avançadas, mesmo
aquelas que são muito avançados.
www.jCursos.com.br

21. Objetivo 2
Ajudar os desenvolvedores a criar sistemas
avançados como Blogs, Wikis, Comentários,
Imóveis, entre outros.
Oferecer flexibilidade ao usuário e uma aplicação
totalmente personalizável e escalonável com
SEBLOD.

23. Tags e Comentários
Ele pode ser melhor Ele pode ser melhor
por já ter os por dar a liberdade de
sistemas prontos criar um personalizado
www.jCursos.com.br

24. Tags
Comentários

25. Tags
http://www.seblod.com/support/forum/108-Tips-and-tricks/37878-Tags-filter-for-Seblod.html

26. Comentários
http://www.seblod.com/support/forum/108-Tips-and-tricks/23115-How-to-create-a-Comment-System-with-Seblod-20-.html

28. Vamos nos focar
em agilidade
em desenvolvimento

29. com
Templates Joomla
É o CCK mais utilizado
em provedores de
Templates Joomla

30. com
Templates Joomla

31. com
Extensões Joomla
Mais de 400 extensões
compatíveis

32. com
Extensões Joomla
Mais de 140 extensões específicas

33. para
Blog, Portfolio, Catálogo, Notícias

34. para
Blog e Sistemas Prontos

35. para
Blog e Sistemas Prontos

36. com
Extensões e Templates Yootheme

37. Seblod 2.x, O que mudou?

38. Novo Seblod 2
O que mudou?

39. Navegação
Otimizada

40. Seblod 1.x – Novo Campoc

41. Seblod 1.x – Novo Campo

42. Seblod 1.x – Novo Campo
(continuação...)

43. Seblod 2.x – Novo Campo

44. Seblod 1.x – Tipo de Conteúdo

45. Seblod 2.x – Tipo de Conteúdo

46. No Seblod 2.x existem vários
tipos de armazenagem.
Formato Tabela Campo
Escolha onde e como salvar

47. Elementos para Combinação
Tipo de campo: Exclusivo/Geral
Formato: Padrão/Custom/JSON...
Conteúdo: Livre/Artigo/Usuário/Categoria...
Mapear para: Campo existente/Novo

48. Framework de Template
 Framework de template próprio
 Estutura semelhante ao template Joomla
 Personalização com templates overrides, ao
invés de criar 1 template para cada
personalização
Vários tipos de templates genéricos, com
saídas diferentes (Blog, Lista, Tabela, etc)
 42 posições no template Seb_One

49. Template Padrão (Seb_One)
http://www.seblod.com/42-positions.html

50. Posição
templates/seb_one/positions/client/content/mainbody.php

51. Template
Posição
Posições
TC
View

52. Listas e Buscas

53. Módulos

56. E-commerce com pagseguro
http://www.youtube.com/watch?v=eo29RVGtpd4
http://www.youtube.com/user/leonardomir
http://www.youtube.com/user/jcursosjoomla

57. Frameworks
de Templates

58. O que são Frameworks?
São um conjunto de "objetos"
usados para resolver algum
problema em comum.
www.jCursos.com.br

59. Como funciona um Framework?
REUTILIZAÇÃO
O framework atua onde há
funcionalidades em comum a várias
aplicações, porém para isso as aplicações
devem ter algo razoavelmente grande em
comum para que o mesmo possa ser
utilizado em várias aplicações.

61. Qual o melhor?
Não existe o melhor framework
ou CCK, mas existe o framework
ideal para um determinado
projeto.
www.jCursos.com.br

62. Framework de Template Joomla
Um conjunto de extensões que são
oferecidas para que o
desenvolvimento do template seja
feito de forma mais ágil e/ou fácil.
www.jCursos.com.br

64. Web Designer Joomla
“Framework de templates
Joomla não presta..
são para amadores..”

65. Cuidado!
“Framework de templates
Joomla não presta..
são para amadores..”

66. Cuidado!
 Ele existe para ajudar, mas antes é
preciso ter o domínio da ferramenta.
 Ele não substitui o trabalho artístico.
Reflexão

67. Não deve ou queira usar
 Web Designers que já sabem criar templates
Joomla e acham que já são ágeis e estão
satisfeitos como estão.
 Web Designers que tem prazos curtos e ainda
não conhece algum framework.
 Pessoas que reconhecem que não tem noção
alguma de design e prefiram contratar um
profissional.
www.jCursos.com.br

68. É legal usar ou conhecer
 Web Designers que já sabem criar templates
Joomla mas querem conhecer novas
ferramentas e/ou querem mais agilidade.
 Web Designers que ainda não sabem criar
templates Joomla.
 Pessoas que possuem alguma noção de
design e queiram criar seus próprios
templates.
www.jCursos.com.br

69. 12 Vantagens
 Após a curva de aprendizagem, certamente
há um ganho em produtividade.
 Exitem diversos recursos adicionais que
poderá agregar qualidade e/ou agilidade no
projeto.
 Apesar de um framework geralmente deixar o
site mais "pesado", muitos se preocupam
com desempenho de códigos.
www.jCursos.com.br

70. 12 Vantagens
 Sem surpresas desagradáveis em
compatibilidade com browsers.
 Muitos já possuem versão Mobile pronta para
usar.
 Facilidade em colocar modulos em diversos
locais diferentes no template.
www.jCursos.com.br

71. 12 Vantagens
 Economize códigos HTML, ganhe agilidade se
preocupando mais com o estilo.
 Soluções para projetos diversos. Aprenda os
pontos fortes e fracos de cada framework e
utilize de forma otimizada em cada projeto.
 A grande maioria e Free e você poderá alterar
como quiser e criar templates personalizados
com a sua assinatura.
www.jCursos.com.br

72. Alguns Frameworks
 Gantry - RocketTheme
 T3 - Joomlart
 Warp - YooTheme
 Zen Grid - Joomla Bamboo
 Helix - JoomShaper
 Vertex - Shape5
 YJ Simple Grid - YouJoomla
 Gavern - Gavick
www.jCursos.com.br

73. Case
CCK com Framework

74. +
 Joomla 2.5
 Seblod 2.3.6
 Warp 6.1.10
 Criação de um sistema de imobiliária com
cadastro personalizado de imóveis e cidades,
com módulo de busca e lista de últimos
imóveis em apenas 3 horas
 Demo do curso online de Seblod do jCursos

75. +

76. +

77. +

78. +

79. +
www.jcursos.com.br/demos/seblod2/
www.jcursos.com.br
www.leomiranda.com

80. Ganhando agilidade
na criação de sites Joomla com
CCKs e Frameworks
de template
Por
www.leomiranda.com
contato@leomiranda.com
@_leomiranda