Ganhando agilidade

na criação de sites Joomla com

CCKs e Frameworks de template

Por

www.jCursos.com.br

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

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

Web Designer

Programador

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

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

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

CCK

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

Exemplo com CCK Seblod

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

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

Categorias em Cascata www.jCursos.com.br

Campos separados de imagens e links

www.jCursos.com.br

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

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

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.

Ele pode ser melhor por já ter os sistemas prontos

Ele pode ser melhor por dar a liberdade de criar um personalizado

Tags e Comentários

www.jCursos.com.br

Comentários

Tags

Tags

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

Comentários

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

Vamos nos focar em agilidade

em desenvolvimento

com Templates Joomla

É o CCK mais utilizado em provedores de Templates Joomla

com Templates Joomla

com Extensões Joomla

Mais de 400 extensões compatíveis

com Extensões Joomla

Mais de 140 extensões específicas

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

para Blog e Sistemas Prontos

para Blog e Sistemas Prontos

com Extensões e Templates Yootheme

Seblod 2.x, O que mudou?

O que mudou?

Novo Seblod 2

Navegação Otimizada

Seblod 1.x – Novo Campoc

Seblod 1.x – Novo Campo

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

Seblod 2.x – Novo Campo

Seblod 1.x – Tipo de Conteúdo

Seblod 2.x – Tipo de Conteúdo

Escolha onde e como salvar

Formato Tabela Campo

No Seblod 2.x existem vários tipos de armazenagem.

Tipo de campo: Exclusivo/Geral

Formato: Padrão/Custom/JSON...

Conteúdo: Livre/Artigo/Usuário/Categoria...

Mapear para: Campo existente/Novo

Elementos para Combinação

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

Framework de Template

Template Padrão (Seb_One)

http://www.seblod.com/42-positions.html

Posição

templates/seb_one/positions/client/content/mainbody.php

Posição

TC

View

Posições

Template

Listas e Buscas

Módulos

E-commerce com pagseguro

http://www.youtube.com/watch?v=eo29RVGtpd4 http://www.youtube.com/user/leonardomir http://www.youtube.com/user/jcursosjoomla

Frameworks de Templates

O que são Frameworks?

São um conjunto de "objetos"

usados para resolver algum

problema em comum.

www.jCursos.com.br

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.

Qual o melhor?

Não existe o melhor framework ou CCK, mas existe o framework

ideal para um determinado projeto.

www.jCursos.com.br

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

Web Designer Joomla

“Framework de templates Joomla não presta..

são para amadores..”

Cuidado!

“Framework de templates Joomla não presta..

são para amadores..”

Cuidado!

Ele existe para ajudar, mas antes é preciso ter o domínio da ferramenta.

Ele não substitui o trabalho artístico.

Reflexão

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

É 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

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

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

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

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

Case CCK com Framework

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

+

+

+

+

+

+

www.jcursos.com.br/demos/seblod2/ www.jcursos.com.br

www.leomiranda.com

Ganhando agilidade

na criação de sites Joomla com

CCKs e Frameworks de template

Por

www.leomiranda.com contato@leomiranda.com

@_leomiranda