Joomla 3.0 - Novidades sobre a versão
Upcoming SlideShare
Loading in...5
×
 

Joomla 3.0 - Novidades sobre a versão

on

  • 4,054 views

Palestra do Joomla! Day Brasil 2012 sobre a nova versão do Joomla!, versão Beta.

Palestra do Joomla! Day Brasil 2012 sobre a nova versão do Joomla!, versão Beta.

Statistics

Views

Total Views
4,054
Views on SlideShare
3,848
Embed Views
206

Actions

Likes
3
Downloads
73
Comments
3

16 Embeds 206

http://www.cursopraticodejoomla.com.br 105
https://twitter.com 27
http://127.0.0.1 19
http://cursopraticodejoomla.com.br 12
http://www.flopec.centroculturaltaipa.com 11
http://localhost 8
http://joomlage-cp46.webjoomla.es 7
http://www.zonalogistica.com 5
http://iesboliches.org 4
http://www.linkedin.com 2
http://www.bahas.com.br 1
http://fecatolica.nixiweb.com 1
http://10.29.2.172 1
http://www.ad-he.com 1
http://estoesunaprueba.herobo.com 1
http://munivillamercedes.gov.ar.elserver.com 1
More...

Accessibility

Categories

Upload Details

Uploaded via as OpenOffice

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Joomla 3.0 - Novidades sobre a versão Joomla 3.0 - Novidades sobre a versão Presentation Transcript

  • Joomla! 3.0Uma versão que está dando o que falar.
  • Nadir Alves Publicitário, formado pelaUniversidade Metodista de São Pauloem 2005, pós-graduado em Consultoriae Tecnologia Web pela Impacta.É socio-diretor da Bule Comunicação,empresa que atua ha 6 anos nomercado e que tem como foco odesenvolvimento de sites em Joomla!.
  • Joomla User eXperience - JUXUm time criado para melhorar a experiência deuso do Joomla: ➔ Design de interação ➔ Requisitos de Usabilidade ➔ Arquitetura da Informação ➔ Acessibilidade ➔ Design visual ➔ Conteúdo móvel http://ux.joomla.org/ http://ux.joomla.org/projects/ View slide
  • Os 3 pontos chave:1. Qual a maior novidade sobre o Joomla?Mobile. Joomla será o primeiro grande CMS mobile. View slide
  • Os 3 pontos chave:2. Para quem é o Joomla 3?Early adopters. Você poderá ser capaz de criar sites emJoomla 3 assim que for lançado. No entando, assim comotodo novo software, não precisamos sair correndo parausar a primeira versão.
  • Os 3 pontos chave:3. Estou no Joomla 2.5. O que eu faço?Pode ficar exatamente onde está, por enquanto. Joomla2.5 é uma versão maravilhosa e será suportada até 2014.
  • 10 principais novidades:1. O primeiro grande CMS mobile2. Instalação em 10 segundos3. Área administrativa melhorada4. Área administrativa amigável para mobile5. Tela de artigos ampliada6. Drag-and-drop7. Configuração unificada8. Seleção rápida com autocompletar9. Template frontend voltado para mobile10. Escolhas para updates do Joomla
  • Entendendo asatualizações do Joomla!
  • ➔ Joomla 3 está sendo esperado para setembro➔ Existirá uma série de atualizações, começando com 3.1➔ A versão long term, Joomla 3.5, será lançada em 2013
  • O que há de melhor em UX em cada CMS?
  • BootstrapPorque usar o Bootstrap?
  • jQuery x Mootools Bootstrap➔ Moderno e minimalista➔ Prevê todo tipo de UI➔ Continuamente testado emelhorado➔ Facilidade para integrar com oJoomla!
  • Bootstrap➔ HTML➔ CSS➔ JavaScript http://twitter.github.com/bootstrap/
  • jQuery x Mootools Bibliotecas ➔ Adoção do jQuery ➔ Less
  • JUI – Joomla User Interface➔ Bootstrap➔ Bootstrap estendida para Joomla➔ jQuery➔ jQuery UI➔ Fonte ícones Icomoon➔ Escolha de JS na caixa de seleção
  • Arquivosbootstrap.min.css - 82kbbootstrap-responsive.min.css - 11kbbootstrap.min.js - 22kbglyphicons-halflings.png - 14kbglyphicons-halflings-white.png - 9kb
  • Padronização UI➔ Será usado em todo lugar➔ Instalação➔ Interface Administrativa➔ Interface de Templates Frontend➔ Views de extensões Backend➔ Views de extensões Frontend
  • Padronização UI➔ Estilos para elementos que você nãohavia pensado➔ Tudo ficará parecido, mas pode sermelhorado com estilos exclusivos➔ Compatibilidade entre templates➔ Elementos UI podem serreaproveitados
  • Benefícios Dev➔ Desenvolvedores e designers irão tirarproveito. Cada um na sua especialidade.➔ Desenvolvimento rápido de extensões.Não é preciso se preocupar comelementos UI.➔ Preocupação somente comprogramação da experiência do usuário.
  • Benefícios Design➔ Uso de CSS somente para o tema.Layout e UI fornecidos pelo JUI.➔ Não será preciso editar o CSS de cadaextensão para adequar ao tema.➔ Usar os elementos disponíveis da JUIpoupa grande trabalho do designer.
  • Benefícios Usuário➔ Excelente experiência do usuário,constantemente testada.➔ A interface será padronizada para a áreaadministrativa, não sendo necessárioreaprender a interface utilizada por umaextensão específica.➔ Manuais de treinamento serão maisgenéricos, aplicados a todas as extensões.
  • Responsive Web Design➔ Redimensionamento do layout para cadaresolução de dispositivo.➔ Bootstrap tem uma excelente adaptaçãopara dispositivos mobile.
  • Frontend
  • Backend
  • Estendendo o Bootstrap bootstrap-extended.css➔ Elementos UI adicionais➔ Criação de elementos UI sem alterar o coredo Bootstrap
  • InstalaçãoMuito rápida, em 4 passos:
  • FrontendNovo template responsivo
  • AdministraçãoNova interface
  • Login Administrativo
  • Dashboard
  • Article Manager
  • Article Manager – Edit Article
  • ExemplosEstilos para componentes http://www.kyleledbetter.com/j3ux/site/
  • Blog
  • Rede Social
  • Galeria
  • Produto
  • Calendário
  • Contato
  • Pense diferenteNovas perspectivas,a mesma base.
  • Bootswatch - Amelia http://bootswatch.com/amelia/
  • Bootswatch - Simplex http://bootswatch.com/simplex/
  • Algumas novidades da versão Beta:➔ Extenso trabalho sobre a padronização do código deestilo e consistência➔ Melhorias para a Busca Inteligente➔ Atualização para a versão 3.5.6 do TinyMCE➔ Permissão para salvamento de arquivos em branco➔ Instalação de pacotes de idiomas diretamente dogerenciador de idiomas➔ Driver PostgreSQL para executar Joomla 3,0 sitesusando o banco de dados PostgreSQL.➔ A versão beta do CMS inclui a versão atual do Joomla!Plataform, que inclui um grande número de pacotes denovas e melhorias.
  • Lista de desejos da equipe JUX➔ Marcação JHTML para Bootstrap➔ Upgrades no Jtoolbar (Admin)➔ Gerenciamento de Menu Administrativo➔ Edição Frontend
  • Referências
  • JUX http://ux.joomla.org/ Test Joomla 3.0 http://community.joomla.org/blogs/community/1672-help-us- test-joomla-3.htmlReferências Brian Teeman: http://brian.teeman.net/joomla/788-joomla-ui-jui-and-bootstrap Blank Template / Twitter Bootstrap http://blank.vc/blog/19-blank-template-and-twitter-bootstrap- tutorial-for-joomla.html Bootswatch http://bootswatch.com/
  • Joomla Magazine http://magazine.joomla.org/issues/Issue-Aug-2012/item/818- Using-the-Twitter-Bootstrap-Framework-to-build-a-responsive- Joomla-Template-from-Scratch Less Plataform http://lesscss.org/Referências Savvy Panda http://savvypanda.com/blog/what-is-twitter-bootstrap-and- how-will-it-change-joomla.html Tuts Plus Bootstrap http://webdesign.tutsplus.com/tutorials/complete- websites/twitter-bootstrap-101-introduction/ Joomla 3.0 Usability Feedback http://www.surveymonkey.com/s/F83SZ3C
  • Project Fork JUX http://ux.joomla.org/projects/ http://ux.joomla.org/projects/2-joomla-3-0-ux/tasks JUX Repo https://github.com/Joomla3-Admin-template/joomla- cms/tree/templateReferências Frontend Mockup – Kyle Ledbetter http://www.kyleledbetter.com/j3ux/site/ Admin Mockup – Kyle Ledbetter http://www.kyleledbetter.com/j3ux/admin/ Joomla 3.0 UX http://www.slideshare.net/pixelpraise/joomla-30-ux-jab-2012
  • Nadir Alves@nadiralves