Desenvolvendo componentes sem programar com CCKs Joomla - Joomla Day 2010 - leomiranda.com

82
Desenvolvendo componentes sem programar utilizando CCKs para Joomla Veja mais em www.leomiranda.com

description

Apresentação da palestra Desenvolvendo componentes sem programar com CCKs para Joomla apresentada no Joomla Day Brasil 2010 em Brasília ministrado por Leo Miranda. Começamos com as dificuldades encontradas na utilização da gestão de conteúdo padrão do joomla (com_content), o que é um CCK e quais as vantagens de utilizar CCKs em Joomla. Na sequencia comento que tudo começou com componentes do tipo diretórios e depois listo os 6 componentes CCKs dividido em 2 grupos, o primeiro sem integração e a segunda com integração ao sistemas de conteúdo joomla utilizando a tabela do com_content. Três componentes CCKs fazem partes do primeiro grupo, são eles o Resources, K2 e Zoo. São avaliadas as suas principais funções e no final faço um comentário e indico o publico-alvo e tipos de aplicativos. No final apresento uma comparação com os 3 CCKs com 12 atribuições. No grupo de CCKs com integração são os seguintes: Form2Content, FLEXIContent e jSeblod CCK. Apresento as particularidades de cada um, faço comentários e indico publico-alvo publico-alvo e tipos de aplicativos. No final apresento uma comparação com os 3 CCKs com 12 atribuições. Após os reviews e comparativos apresento um vídeo tutorial utilizando o CCK Form2Content mostrando como fazer um sistema de cadastro de clientes em poucos minutos administrável via front-end. O resultado dessa aplicação pode ser vista no site da JetWorks. E para fechar a apresentação demonstro uma case de um sistema de indicações de livros utilizando jSeblod CCK, nela utilizo vários recursos característicos dessa ferramenta como adição de campos de usuários, perfil de usuário, geração de listas, sistema de buscas e módulos. Nesse caso pode ser observado o poder que este CCK representa, a criatividade é o limite. O site da case é www.etceterablog.com. Leia quando quiser offline fazendo o download do PDF no meu site. http://leomiranda.com/joomla/apresentacao-da-palestra-desenvolvendo-componentes-sem-programar-com-ccks-joomla.html

Transcript of Desenvolvendo componentes sem programar com CCKs Joomla - Joomla Day 2010 - leomiranda.com

Desenvolvendo componentes sem programar utilizando

CCKs para Joomla

Veja mais em

www.leomiranda.com

Sobre

Leonardo Miranda de Almeida

• Formado em Sistema de Informações na FIR em Recife

• Trabalha como freelancer Joomla! diariamente desde 2006.

• Há cerca de 3 anos é prestador de serviços Joomla para as

empresas Elementa e Konfide.

• Trabalhou cerca de 1 ano e meio para empresa Made2Web

de Portugal com desenvolvimento de templates

personalizados e sites Joomla.

• Atualmente faz parte da empresa JetWorks trabalhando

como web designer Joomla. Veja mais em

www.leomiranda.com

Sistema de Conteúdos Joomla

Veja mais em

www.leomiranda.com

Sistema de Conteúdos Joomla

Campos limitados com característica de um artigo. É possível extender as funcionalidades utilizando diferentes editores, plugins de conteúdos e botões.

Veja mais em

www.leomiranda.com

Sistema de Conteúdos Joomla

Desorganização de conteúdo. Conteúdo concentrado em um único campo com editor.

Veja mais em

www.leomiranda.com

Sistema de Conteúdos Joomla

Dificuldades de manutenção para leigos. Limitação de conhecimentos em html para layouts complexos.

Veja mais em

www.leomiranda.com

Entendendo um CCK

Veja mais em

www.leomiranda.com

O que é um CCK?

CCK (Content Constructor Kit) 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. Ferramenta para a criação de campos personalizados. Ferramenta já bastante conhecida no CMS Drupal.

Veja mais em

www.leomiranda.com

CCK no Joomla?

Facilita - Inserção de conteúdos separados por campos de diferentes tipos. Personaliza - Elimina a cansativa personalização individual de conteúdos utilizando o editor ou html no artigo. Organiza - Dados divididos em campos que podem ser utilizados em possíveis filtros de buscas. FIexibiliza - Diversas manipulações possíveis com os dados transformando em verdadeiros sistemas similar a componentes Joomla.

Veja mais em

www.leomiranda.com

Como tudo começou? Componentes de diretório

Veja mais em

www.leomiranda.com

Sistemas de diretórios

Quem nunca testou um sistema de diretório Joomla?

AlphaContent

Veja mais em

www.leomiranda.com

Sistemas de diretórios

Veja mais em

www.leomiranda.com

Sistemas de diretórios

Veja mais em

www.leomiranda.com

CCKs Joomla

Veja mais em

www.leomiranda.com

Quais CCKs existem no mercado?

1. JReviews – Julho de 2006

2. Sobi2 – Setembro de 2006

3. Fabrikar – Janeiro de 2007

4. Catalog – Abril de 2008

5. Resources – Outubro de 2008

6. Form2Content – Fevereiro de 2009

7. K2 – Março de 2009

8. Zoo - Março de 2009

9. JSebold – Julho de 2009

10.FlexiContent – Setembro de 2009 Fonte: http://www.alledia.com/blog/product-reviews/joomla-goes-cckrazy/

Classificados como

CCKs no site

extensions.joomla.org

Veja mais em

www.leomiranda.com

Categorização sobre a integração

1. Resources

2. K2

3. Zoo

4. Form2Content

5. JSebold

6. FlexiContent

Componentes sem

integração ao sistema de

categorias e conteúdo

padrão do Joomla

Componentes com

integração ao sistema de

categorias e conteúdo

padrão do Joomla

Veja mais em

www.leomiranda.com

CCKs sem integração

Veja mais em

www.leomiranda.com

CCKs sem integração

Utilização de poucos recursos que integram o CCK

com a estrutura de conteúdos padrão do Joomla.

Não utilizam a tabela com_content para o

armazenamento de conteúdos.

Possuem módulos e plugins de autoria própria pois

não são compatíveis com os criados para conteúdos

Joomla.

Veja mais em

www.leomiranda.com

Resources CCK

Veja mais em

www.leomiranda.com

Resources v1.0.6

Empresa: Might Extensions

Site: www.mightyextensions.com

Valor: Componente gratuito, mas é necessário ser membro

pago para baixar alguns modulos, campos avançados, filtros,

entre outros recursos.

Definição no site: Might Resource é o componente CCK mais

avançado para Joomla 1.5.

Veja mais em

www.leomiranda.com

Resources v1.0.6

Principais Recursos • Usuários Total administração via front-end Página de perfil com alguns recursos extras • Categorias Categorias e Sub-categorias ilimitadas Salva um artigo em várias categorias • Templates Criação de templates customizados Vários templates prontos *pago

Veja mais em

www.leomiranda.com

Resources v1.0.6

Veja mais em

www.leomiranda.com

Resources v1.0.6

Principais Recursos • Tipos de Conteúdos Criação ilimitado com diversas personalizações • Campos Campos ilimitados 30 tipos de campos *pago • Filtros e Buscas Campo podendo ser um filtro com vários valores Por sessão ou categoria, ordenação por campo 5+ Plugins extras de filtro *pago Veja mais em

www.leomiranda.com

Resources v1.0.6

Veja mais em

www.leomiranda.com

Resources v1.0.6

Comentários

• Diretório/catálogos - Talvez por ter sido um dos primeiros componentes do tipo CCK para Joomla a estrutura parece ser inspirada em sistemas de diretório/catálogos

• Multi Instâncias - Antes existia uma limitação de uma única instância de sistema para um único componente, o resources veio para suprir essa necessidade e extender com novos recursos

• Recursos extras - tags, comentários e votação • Difícil compreensão – Muitas opções de configurações

tornando trabalhoso e difícil de compreender • Ótima documentação - com vídeos tutoriais

Veja mais em

www.leomiranda.com

Resources v1.0.6

Dicas Publico-alvo Atende bem a todos os níveis de usuários por ter bastante tutoriais Templates Vários templates pagos. Customização com nível intermediário. Tipos de Sistemas Principalmente diretórios/catálogos com perfil e gerenciamento do usuário via front-end

Veja mais em

www.leomiranda.com

K2 CCK

Veja mais em

www.leomiranda.com

K2 v2.3

Empresa: JoomlaWorks

Site: www.getk2.org

Valor: Gratuito (galeria de fotos paga).

Definição no site: K2 é um poderoso e popular componente

para Joomla! com características de CCK e desenvolvido pela

JoomlaWorks, empresa fabricante de extensões Joomla! desde

2006.

Veja mais em

www.leomiranda.com

K2 v2.3

Principais Recursos • Usuários Administração via front-end Perfil de usuário com visualização abaixo dos conteúdos Grupos de usuários com permissões • Categorias Categorias e Sub-categorias ilimitadas Salva um artigo em apenas uma categoria • Templates Customização utilizando template override

Veja mais em

www.leomiranda.com

K2 v2.3

Principais Recursos • Tipos de Conteúdos Não existe, a personalização é feita por categorias, grupos de campos e template • Campos Campos padrão: Fotos, vídeos e anexos 7 tipos de campos extras • Filtros e Buscas Não existente pelo fabricante

Veja mais em

www.leomiranda.com

K2 v2.3

Veja mais em

www.leomiranda.com

K2 v2.3

Comentários • Mais popular – CCK mais popular com diversos usuários

ativos • Mais extensões – CCK com maior qtde de extensões • Com_content turbinado – Componente baseado no

componente padrão de artigos joomla com várias melhorias • Recursos extras – Comentários, tags • Poucos recursos de CCK – Poucos tipos de campos,

pouca customização de formulários, nenhum filtro e sistema de busca

Veja mais em

www.leomiranda.com

K2 v2.3

Dicas Publico-alvo Atende bem a todos os níveis de usuários por ter semelhança com o componente de artigos do Joomla! Templates Customização com o mesmo nível de template Joomla!. Tipos de Sistemas Sistemas semelhantes a artigos Joomla com plugins e layout personalizado, blogs e catálogos.

Veja mais em

www.leomiranda.com

Zoo CCK

Veja mais em

www.leomiranda.com

Zoo v2.0.3

Veja mais em

www.leomiranda.com

Zoo v2.0.3

Empresa: YooTheme

Site: www.yootheme.com

Valor: Gratuito com aplicações pagas

Definição no site: ZOO é um construtor de aplicação flexível e

poderosa para gerenciar seu conteúdo.

Veja mais em

www.leomiranda.com

Zoo v2.0.3

Principais Recursos • Usuários Nenhuma opção • Categorias Categorias e Sub-categorias ilimitadas Salva um artigo em várias categorias • Templates Customização limitada

Veja mais em

www.leomiranda.com

Zoo v2.0.3

Principais Recursos • Tipos de Conteúdos Criação ilimitado com poucas customizações • Campos Vários tipos de campos Campos avançados pagos • Filtros e Buscas Não existente

Veja mais em

www.leomiranda.com

Zoo v2.0.3

Comentários • Mais limitado – Poucos campos grátis, nenhuma opção

para usuários, nenhum filtro e sistema de busca • Aplicações pagas – O melhor aproveitamento está nas

aplicações pagas • Alteração no front-end – Somente prevista na versão 2.1 • Limitação de extensões – Apenas YooTools • Interface bonita – Recursos como arrastar e soltar e um

belo visual • A aparência engana – Apesar de ter uma bela

apresentação é um CCK muito limitado

Veja mais em

www.leomiranda.com

Zoo v2.0.3

Veja mais em

www.leomiranda.com

Zoo v2.0.3

Dicas Publico-alvo Atende bem a todos os níveis de usuários por ter aplicações prontas pagas para serem customizadas Templates Pouca customização Tipos de Sistemas Apenas sistemas apresentadas nas aplicações pagas com poucas modificações.

Veja mais em

www.leomiranda.com

Comparativo de CCKs sem integração

Resources

K2

Zoo

Usu

ário

s

Cate

gorias

Tem

pla

tes

Tip

os C

onte

údos

Tip

os C

am

pos

Filt

ros e

Buscas

To

tal

Extr

as

Exte

nsõe

s

Usabili

dad

e

Docum

enta

ção

Fle

x.

Form

ulá

rios

Cust.

Avançada

2

3

0 3

2

3 3

2

3 2

0

3 3 3 3 2 0 3 3 3 30

1 0 3 3 3 2 0 1 20

2 0 2 1 3 1 2 0 19

Veja mais em

www.leomiranda.com

CCKs com integração

Veja mais em

www.leomiranda.com

Categorização sobre integração

1. Resources

2. K2

3. Zoo

4. Form2Content

5. JSebold

6. FlexiContent

Componentes sem

integração ao sistema de

categorias e conteúdo

padrão do Joomla

Componentes com

integração ao sistema de

categorias e conteúdo

padrão do Joomla

Veja mais em

www.leomiranda.com

CCKs com integração

Utilizam recursos que integram o cck com a estrutura

de conteúdos padrão do Joomla.

Utilizam a tabela com_content para o armazenamento

de conteúdos.

São compatíveis com componentes, módulos e

plugins criados para conteúdos Joomla.

Veja mais em

www.leomiranda.com

Form2Content CCK

Veja mais em

www.leomiranda.com

Form2Content LITE – v1.1.0

Empresa: Open Source Design

Site: www.form2content.com

Valor: Versão LITE gratuita e PRO paga

Definição no site: CCK para criar conteúdos nativos Joomla

utilizando formulários personalizados.

Veja mais em

www.leomiranda.com

Form2Content LITE – v1.1.0

Principais Recursos • Usuários Nenhuma opção • Categorias Mesma do Joomla • Templates Customização muito prático (diferencial) Veja mais em

www.leomiranda.com

Form2Content LITE – v1.1.0

Principais Recursos • Tipos de Conteúdos Criação ilimitado com poucas customizações • Campos Apenas 5 gratuitas e 10 pagos Pode ser extendido utilizando plugins Joomla • Filtros e Buscas Vendido como componente separadamente

Veja mais em

www.leomiranda.com

Form2Content LITE – v1.1.0

Comentários • Mais limitado – Poucos campos grátis, nenhuma

customização de usuários, nenhum filtro e sistema de busca grátis

• Forum – Não foi identificado algum forum de suporte • Validação – Não foi identificado validação de campos • Integração – Com outros sistemas do mesmo fabricante • Simples e Prático – Apesar da falta de alguns recursos o

desenvolvimento é muito rápido • Templates – Desenvolvimento prático e com boa

customização podendo utilizar plugins Joomla

Veja mais em

www.leomiranda.com

Form2Content LITE – v1.1.0

Veja mais em

www.leomiranda.com

Form2Content LITE – v1.1.0

Dicas Publico-alvo Atende bem a todos os níveis de usuários pela facilidade Templates Customização fácil, rápida e completa Tipos de Sistemas Sistemas simples com prazo curto Veja mais em

www.leomiranda.com

FLEXIContent CCK

Veja mais em

www.leomiranda.com

FLEXIContent - v1.5.3c

Veja mais em

www.leomiranda.com

FLEXIContent - v1.5.3c

Empresa: Vista Media

Site: www.flexicontent.org

Valor: Gratuito

Definição no site: FLEXIcontent é essencialmente um

avançado sistema de gerenciamento de conteúdo

desenvolvido para substituir o gerenciador de artigos nativo do

Joomla! 1.5 Veja mais em

www.leomiranda.com

FLEXIContent - v1.5.3c

Principais Recursos • Usuários Outro componente para gerenciar permissões (FLEXIAccess) • Categorias Categorias e Sub-categorias ilimitadas Salva um artigo em várias categorias • Templates Customização com html, css e php

Veja mais em

www.leomiranda.com

FLEXIContent - v1.5.3c

Principais Recursos • Tipos de Conteúdos Criação ilimitado com poucas customizações Sem relacionamento com categorias • Campos 16 tipos de campos Escolha de um ou mais tipos de conteúdos • Filtros e Buscas Não existente

Veja mais em

www.leomiranda.com

FLEXIContent - v1.5.3c

Veja mais em

www.leomiranda.com

FLEXIContent - v1.5.3c

Comentários • Boa usabilidade – Fácil de entender • Prático – Desenvolvimento sem muitos detalhes • Bons tipos de campos – Tipos variados de campos com

boas configurações • Extras – Tags e controle de versões • Quase completo – Com exceção dos recursos de filtro e

busca que será lançada em breve • Sem documentação – Limita-se a um forum

Veja mais em

www.leomiranda.com

FLEXIContent - v1.5.3c

Veja mais em

www.leomiranda.com

FLEXIContent - v1.5.3c

Dicas Publico-alvo Indicado para usuários intermediários ou com alguma noção de html, css e php Templates Customização com html, css e php Tipos de Sistemas Todos os tipos de sistemas que não necessite de filtros e buscas

Veja mais em

www.leomiranda.com

jSeblod CCK

Veja mais em

www.leomiranda.com

jSeblod - v1.5.3c

Empresa: Seblod

Site: www.jseblod-cck.com

Valor: Gratuito

Definição no site: É uma extensão para construir conteúdo

personalizado. É Open Source e GPL. Um tipo de conteúdo é

definida por um conjunto de campos. Eles podem ser usados

em todos os componentes do Joomla como no gerenciador de

artigos Joomla, o gerenciador de categoria Joomla, o

gerenciador de usuários do Joomla, a loja Virtuemart ... Veja mais em

www.leomiranda.com

jSeblod - v1.5.3c

Principais Recursos • Usuários

o Extende o gerenciamento de Usuários

o Adiciona qualquer tipo de campo (avatar, CAPTCHA, galerias, …)

o Criação e alteração via front-end

o Criação de listas personalizadas com usuários

o Importação com um clique utilizando CSV

o Criação de vários tipos de usuários com campos e templates diferentes

o Escolha dos campos no formulário e na visualização

o Criação de modulos com formulário, listas ou profile

Veja mais em

www.leomiranda.com

jSeblod - v1.5.3c

Principais Recursos • Usuários

Veja mais em

www.leomiranda.com

jSeblod - v1.5.3c

Principais Recursos • Categorias

o Extende o gerenciamento de Categorias

o Adiciona qualquer tipo de campo na Categoria

o Pode retirar campos padrões deixando mais simples

o Criação e alteração via front-end

o Gerenciamento de Sub-categorias

o Notificação por email

o Exportação utilizando CCK Packs

Veja mais em

www.leomiranda.com

jSeblod - v1.5.3c

Principais Recursos • Categorias

jSeblod - v1.5.3c

Principais Recursos • Templates

o Templates para conteúdos e formulários

o Template gerado automático ou customizado

o Gerador de templates

o Baseado no sistema de templates Joomla

o Alterar a apresentação do conteúdo de acordo com sua localização no site

o Adicione PHP, XHTML, códigos Joomla! (jdoc), CSS, JavaScript, parâmetros

o Exportação utilizando CCK Packs

Veja mais em

www.leomiranda.com

jSeblod - v1.5.3c

Principais Recursos • Templates

Veja mais em

www.leomiranda.com

jSeblod - v1.5.3c

Principais Recursos • Tipos de Conteúdos

o Conjunto de campos que definem o formulário

o Associada a um template para o conteúdo e outro

para o formulário

o Escolha diferentes campos no front-end e back-end,

para o mesmo conteúdo

Veja mais em

www.leomiranda.com

jSeblod - v1.5.3c

Principais Recursos • Campos

o Mais de 40 tipos de campos genéricos

o Extenda utilizando campo do tipo Plugin Joomla!

o Gerenciamento utilizando Ajax

o Regras de Validação

o Diversos parâmetros para cada tipo de campo

o Lista drop-down dinâmica baseado em dados de tabela

o Campo X: repetir um campo X vezes

o Uma biblioteca com mais de 260 campos prontos para uso

Veja mais em

www.leomiranda.com

jSeblod - v1.5.3c

Principais Recursos • Campos

Veja mais em

www.leomiranda.com

jSeblod - v1.5.3c

Principais Recursos • Filtros e Buscas

o Ordena resultados de acordo com 4 níveis de critérios de prioridade

o Busca e lista para uma série de tipos de campo como Checkbox, Select, Upload, Wysiwyg, etc.

quase todos os campos são pesquisáveis

o Comparação, ex: preço superior ao valor definido e menor do que o outro

o Escolha vários campos para ser buscado em um único campo

o Considerar apenas palavras com mais de X caracteres

o Transforme um campo em um outro tipo de campo para buscas Ex: checkbox => select

Veja mais em

www.leomiranda.com

jSeblod - v1.5.3c

Principais Recursos • Filtros e Buscas

Veja mais em

www.leomiranda.com

jSeblod - v1.5.3c

Comentários

Sem comentários.

Veja mais em

www.leomiranda.com

jSeblod - v1.5.3c

Dicas Publico-alvo Indicado para usuários avançados com alguma noção de html, css e php Templates Customização com html, css e php Tipos de Sistemas Todos os tipos de sistemas, principalmente os mais complexos

Veja mais em

www.leomiranda.com

Comparativo de CCKs com integração

F2C

FLEXI

jSeblod

Usu

ário

s

Cate

gori

as

Tem

pla

tes

Tip

os C

onte

údos

Tip

os C

am

pos

Filt

ros e

Buscas

To

tal

Extr

as

Exte

nsõ

es

Usabili

dad

e

Doc.

e S

uport

e

Fle

x.

Form

ulá

rios

Cust.

Avançada

0

0

3 3

3

0 3

1

3 3

1

1 1 0 0 3 3 1 3 0 15

2 0 2 3 2 1 2 2 19

3 3 3 3 1 2 3 3 33

Veja mais em

www.leomiranda.com

CCK na Prática

Veja mais em

www.leomiranda.com

CCK na Prática

CCK utilizado

Form2Content LITE – v1.1. Sistema

Gerenciamento de Clientes da JetWorks www.jetworks.com.br

Veja mais em

www.leomiranda.com

CCK Case

Veja mais em

www.leomiranda.com

CCK Case

CCK utilizado

jSeblod - v1.5.3c Site

www.etceterablog.com Divulgação de livros e autores

Veja mais em

www.leomiranda.com

Desenvolvendo componentes sem programar utilizando

CCKs para Joomla

Site: www.leomiranda.com

Email: [email protected]

Twitter: @_leomiranda

Veja mais em

www.leomiranda.com