Portal de entrada de Araçuaí

Situada no Vale do Jequitinhonha, no norte do Estado de Minas Gerais, está a cidade de Araçuaí. Tive a oportunidade de passar uma semana lá para ensinar Joomla a uma turma de jovens da Cooperativa Dedo de Gente, que participam da Fabriqueta de Software, um projeto ligado ao Centro Popular de Cultura e Desenvolvimento. Foi uma experiência única e gratificante. A cidade, que pertence ao município fundado em 1870, parece caminhar para um desenvolvimento rápido.

Tive pouco tempo para passear. Por conta disso, restringi minha exploração aos arredores onde estava hospedado. O que mais me chamou a atenção foi a arquitetura urbana que apresenta construções do início do século passado, contrastando com a arquitetura das casas contemporâneas.

O curso durou quatro dias e contou com a presença de rapazes e moças entre 16 e 25 anos. O objetivo era prepará-los para utilizar o sistema em vários projetos, inclusive o da loja eletrônica da cooperativa, que será reformulada em breve.

Apresentei o Joomla, seu histórico, sua versão mais recente, o processo de instalação e edição de conteúdo. Além disso, vimos alguma extensões que considero essenciais em um projeto com o CMS: JCEditor, que substitui com vantagens o editor que vem com o sistema e Localise, que permite rapidamente encontrar e traduzir alguma string do sistema que esteja faltando ou extensão que não possuma versão em português.

Também vimos o uso do componente VirtueMart, que permite criar uma loja virtual dentro do Joomla, integrada ao PagSeguro.

Fiquei muito feliz por ter tido essa oportunidade e em conhecer essa turma interessada em aprender e crescer tanto pessoal como profissionalmente.

Essa experiência me mostrou na prática como a internet pode ser utilizada de forma positiva, levando conhecimento a qualquer parte do planeta, ampliando as possibilidades de aprendizado de qualquer pessoa. Além disso, já percebi que Joomla já é um sistema conhecido pelo Brasil e que existem mais e mais pessoa interessadas em conhecê-lo mais a fundo.

*Fonte da imagem: http://www.panoramio.com/photo/44355791

A versão 2.5 introduziu um novo sistema de busca inteligente que é capaz de indexar o conteúdo do site e apresentá-lo rapidamente quando solicitado.

Porém a Busca Inteligente ainda não vem ativa por padrão. É preciso configurá-la.

A primeira coisa a fazer é ativar os plugins.

Em Extensões > Gerenciador de Plugins utilize o campo Filtrar para localizar todos os plugins que tenham Busca Inteligente no nome. A versão 2.5.3 apresentará seis resultados.

Busca Inteligente – Categorias
Busca Inteligente – Contatos
Busca Inteligente – Conteúdo
Busca Inteligente – Fonte de Notícias
Busca Inteligente – Weblinks
Conteúdo – Busca Inteligente

Ative todos esses plugins.

Depois vá para Componentes > Busca Inteligente. Esse gerenciador apresenta três áreas: Conteúdo Indexado, Mapas de Conteúdo e Filtros de Busca. Certifique-se que está na primeira: Conteúdo Indexado.

Clique no ícone Índice, na parte superior da tela. Uma janela lightbox se abre mostrando o status da indexação. Aguarde. Quanto mais conteúdo, mais demora a indexação.

Quando terminar, vá para Extensões > Gerenciador de Módulos. Clique em Novo e escolha Módulo de Busca Inteligente.

Insira o módulo na posição que desejar. Ao utilizá-lo você verá que o Joomla vai dando opções baseadas no conteúdo do site, facilitando a experiência de busca do usuário.

A partir da versão 1.6 houve uma mudança grande na forma que as colunas são montadas na página principal e em toda a página que é configurada para usar o layout de blog.Até a versão 1.5, Joomla usava tabelas para criar essas colunas e linhas. Nas versões seguintes adotou-se a formatação via CSS, ou seja, além de configurar para o número de colunas e linhas desejados, é preciso ter preparadas as classes que montarão as tabelas.

Várias pessoas acostumadas com a versão 1.5 que começam a montar seus templates não entendem de imediato por que as colunas não aparecem ao configurar o layout de blog no administrador.

O primeiro passo é copiar e colar o código abaixo em seu arquivo template.css ou no arquivo de folha de estilos que for usado para formatar seu site.

/* FORMATACAO PARA 1 COLUNA */
.cols-1 {
   display: block;
   float: none !important;
   margin: 0 !important;}
/* FORMATACAO PARA 2 COLUNAS */
.cols-2 .column-1 {
   width:46%;
   float:left;}
.cols-2 .column-2 {
   width:46%;
   float:right; margin:0}
/* FORMATACAO PARA 3 COLUNAS */
.cols-3 .column-1 {
   float:left;
   width:29%;
   padding:0px 5px;
   margin-right:4%;
   border: 1px solid #000;}
.cols-3 .column-2 {
   float:left;
   width:29%;
   margin-left:0;
   padding:0px 5px;
   border: 1px solid #000;}
.cols-3 .column-3 {
   float:right;
   width:29%;
   padding:0px 5px;
   border: 1px solid #000;}

.items-row {
   overflow:hidden;
   margin-bottom:10px !important;}

.column-1,
.column-2,
.column-3 {padding:10px 5px;}

.column-2 {width:55%; margin-left:40%;}

.column-3 {width:30%}

.blog-more {padding:10px 5px}

Feito isso, dentro do administrador do Joomla, vá para Conteúdo > Gerenciador de Artigos e clique no ícone Opções no canto superior direito da página.

No popup que se abre, clique na aba Layout de Blog/Destaques. Veja o que é cada campo:

# Artigos Principais – número de artigos que aparecerão como manchete (em uma coluna)
# Introdução Artigos – número de artigos que aparecerão como destaque
# Colunas – número de colunas que em que os destaques aparecerão. A formatação acima permite configurar até 3 colunas
# Links – número de links para artigos que aparecem após os destaques.

Salve. Por padrão, toda página que seguir o layout de blog (Ex.: a home-page) seguirá essa configuração.

Se tiverem dúvidas, escrevam nos comentários abaixo.

Fiz a atualização através da aba Update do Gerenciador de Extensões (Extensions Manager). Ao final, apareceu os seguintes avisos:

JInstaller: :Install: Error SQL DB function failed with
error number 1060
 Duplicate column name 'ordering' SQL=ALTER TABLE `jos_languages`
 ADD COLUMN `ordering` int(11) NOT NULL default 0 AFTER `published`;
 SQL =
ALTER TABLE `#__languages` ADD COLUMN `ordering` int(11)
 NOT NULL default 0 AFTER `published`;
Files Update: SQL error file DB function failed with
error number 1060
 Duplicate column name 'ordering' SQL=ALTER TABLE `jos_languages`
 ADD COLUMN `ordering` int(11) NOT NULL default 0 AFTER `published`;
 SQL =
ALTER TABLE `#__languages` ADD COLUMN `ordering` int(11)
 NOT NULL default 0 AFTER `published`;

Fui em Site > System Information e a informação era que a atualização tinha sido feita. Porém, ao comparar as tabelas do banco de dados com outra instalação do 2.5, percebi que haviam várias diferenças.

Porém, isso não é problema. A mais nova versão do Joomla pode resolver essa questão através do próprio administrador do sistema.

1. Instale a versão mais recente do pacote de tradução para pt-BR. Nesse link encontram-se os arquivos mais recentes:http://joomlacode.org/gf/project/joomlabr/frs/
2. No Gerenciador de Extensões (Extensions Manager) clique sobre a aba Database (Banco de Dados). Clique no ícone Fix (Reparar) e aguarde até aparecer o aviso Database table structure is up to date (Estrutura do Banco de Dados está atualizada).
3. Feito isso, clique na aba Discover (Descobrir). Aparecerá uma lista de extensões que o sistema não conseguiu instalar corretamente. Selecione todas e clique em Install (Instalar).

A partir daí o sistema está atualizado corretamente.

Um detalhe

Aqui na minha instalação apareceu a string ao invés do texto.

PLG_SYSTEM_LANGUAGECODE_XML_DESCRIPTION

Olhando no arquivo .INI, essa string leva ao seguinte texto:

"Provides the ability to change the language code in the generated HTML document to
improve SEO.<br />The fields will appear when the plugin is enabled and saved.<br />
More information at <a href='_QQ_'http://www.w3.org/TR/xhtml1/#docconf'_QQ_'>W3.org</a> "

que pode ser traduzido como:

"Fornece a capacidade de alterar o código de linguagem no documento HTML gerado para
melhorar o SEO. Os campos aparecerão quando o plugin é ativado e salvos.
Mais informações em W3.org"

Um problema que percebi desde a versão 1.7 nos arquivos .INI é que dentro da string não pode haver texto entre aspas duplas (“), pois o sistema começa a interpretar o restante do arquivo de forma errônea.

Isso não implica em problemas no sistema, mas pode-se encontrar algumas strings aparecendo, ao invés do texto que elas representam.

Fonte: www.iconarchive.com

Acabei de receber um comentário através do post Tradução Joomla 1.7.3 pt-BR perguntando como instalar o pacote de idioma. Eis aqui a resposta.Em Joomla temos funcionalidades que podem ser acrescentadas ao sistema. Elas são chamadas extensões. Existem os seguintes tipos:

• Componentes;
• Módulos;
• Plugins;
• Temas (ou templates);
• Pacotes de idiomas.

Cada um tem uma finalidade diferente, mas a forma de instalação é a mesma.

1. Entre no Administrador do seu site;
2. Clique em Extensions > Extension Manager (Extensões > Gerenciador de Extensões);
3. No campo  Package File (Pacote de Instalação) clique no botão para encontrar o arquivo de instalação baixado da internet. Geralmente é um arquivo .ZIP.
4. Selecionado o arquivo .ZIP, clique em Upload & Install (Upload & Instalar);
5. Se tudo der certo, você verá em alguns segundos uma mensagem do sistema de sucesso na instalação. ATENÇÃO: o tempo de instalação pode variar dependendo do tipo de extensão.

Os pacotes de idioma (traduções) precisam ser ativados. Siga esses passos:

1. Clique em Extensions > Language Manager;
2. Estamos na área Installed – Site, que gerencia as traduções da área pública, o site em si;
3. Na listagem que aparece, vemos English e o idioma que acabou de ser instalado, no caso, Português.
4. Clique sobre a estrela cinza que está na linha do Português para ativar a língua. A estrela de English fica cinza e a de Português fica amarela;
5. Na área Installed – Administrator proceda da mesma forma.

Pronto! Seu site já está em Português do Brasil. É possível instalar várias línguas, porém só é possível ter uma língua padrão por vez.

photo credit: AJC1

Recentemente, Rogério Costa, que faz parte da equipe organizadora do Joomla! Day Brasil 2012, lançou uma pesquisa com o objetivo de mapear o perfil da comunidade que utiliza Joomla! no Brasil.

A meta é coletar uma amostragem de no mínimo 300 respostas. Os resultados dessa pesquisa serão apresentados durante o evento em setembro e posteriormente compartilhado com a comunidade.

Para responder a pesquisa, clique aqui. E utilize os botões de compartilhamento abaixo para ajudar na divulgação.

Qualquer dúvida, entrem em contato com o Rogério através de seu Twitter: @matofino

photo credit: Louis Engival

Muitos parâmetros de templates são possíveis – variação de cores, XHTML, HTML5 etc. Quando um site precisa ter flexibilidade no layout para mostrar diferentes tipos de conteúdo, pode-se usar variáveis baseadas nos countModules ou criar opções de layout através das configurações de parâmetro do template.

Nesse exemplo, vamos planejar um template com três colunas com largura variável, como mostra a ilustração abaixo.

Colunas flexíveis

No arquvo templateDetails.xml adicione as lihas a seguir:

<config>
   <fields name="params">
      <fieldset name="basic">
         <field name="layout" type="list" default="50" label="Escolha laterais"
            description="Controle da largura das barras laterais e da área de conteúdo">
            <option value="50">esquerda e direita</option>
            <option value="70">somente direita</option>
            <option value="80">somente esquerda</option>
            <option value="100">sem barras laterais</option>
         </field>
      </fieldset>
   </fields>
</config>

Obs.: dentro de <fieldset name=”basic”> pode-se incluir mais parâmetros, dentro da tag <field>. Os parâmetros criados aparecerão no Gerenciador de Temas. Para ativá-los no template, é preciso:

• Definir uma variável no linha PHP que já está lá, nas primeiras linhas do código do template

&lt;?php defined ('_JEXEC') or die; <strong>$layout=$this-&gt;params-&gt;get('layout');</strong> ?&gt;

• Criar as divs para barras laterais e conteúdo e usar os valores de parâmetros em sufixos de classes ou id.

<div id="barralateral-<?php echo $layout; ?>">
        <jdoc:include type="modules" name="position-7" />
</div>
<div id="conteudo-<?php echo $layout; ?>">
        <jdoc:include type="message" />
        <jdoc:include type="component" />
</div>
<div id="barralateral2-<?php echo $layout; ?>">
        <jdoc:include type="modules" name="position-6" />
</div>

• Todas as três div’s serão sempre escritas. Crie todas as possibilidade de estilo baseados no parâmetro do layout

.barralateral {width:20%; float:left;}
#barralateral-70, #barralateral-100 {width:0;}
.barralateral2 {width:30%; float:right;}
#barralateral2-80, #barralateral2-100 {width:0;}
#conteudo-50 {width:50%; float:left;}
#conteudo-70 {width:70%; float:left;}
#conteudo-80 {width:80%;}
#conteudo-100 {width:100%;}

• Quando se instala um tema(template), um estilo é criado usando os valores padrão. Duplique esse estilo com um novo nome. Crie mais três estilos.
• Atribua cada um dos quatro estilos de template a quatro ítens de menu diferente.
• Atribua os módulos as páginas onde eles devem aparecer. Por exemplo: na página com opção sem barras laterais, tanto os módulos da postion-6 quanto da position-7 deve estar despublicados.
• Se tudo estiver certo, cada uma das páginas apresentará o layout conforme configurado.

Se esse artigo foi útil para você, apoie esse projeto!

*Baseado em um tutorial de Barb Ackemann – http://irislines.com/blog.html

A versão 1.7.3 lançada recentemente apresenta algumas novidades que a tradução oficial para o português brasileiro ainda não cobre. Por necessidade, fiz as atualizações necessárias essa semana.

Essa é uma tradução não-oficial, baseada nos arquivos disponibilizados no Joomla Code e quero compartilhar com outros usuários. Testei localmente sem problemas.

Para baixar o pacote de instalação, clique no link Tradução Joomla 1.7.3.

Se esse artigo foi útil para você, apoie esse projeto!

Aproveitem!

Kyle Ledbetter

Após o discurso de apresentação de Ryan Ozimek, que este ano esteve presente virtualmente em um vídeo, fui a primeira palestra que mais me interessou: Usabilidade do Admin do Joomla e versões Móveis.

Quando Joomla foi lançado, possuía uma interface que foi considerada revolucionária. Nunca antes um sistema de gerenciamento de conteúdo tinha sido tão belo e simples. Cinco anos depois as funcionalidades e a quantidade de extensões foram aumentando e sempre há uma novidade aparecendo. Infelizmente a interface do sistema não evoluiu paralelamente a esses novos atributos e funções, e as extensões foram sendo criadas com interfaces desconectadas de seu ambiente de instalação. O que uma vez foi a força do Joomla agora se tornou seu calcanhar de Aquiles, enquanto outros sistemas tornaram suas interfaces de usuários mais amigáveis. A interface do Joomla estagnou.

Nessa palestra, Kyle Ledbetter afirmou que está mais do que na hora de mudar isso. A interface do Joomla precisa ser atualizada com urgência e os desenvolvedores precisam ter disponíveis padrões em vários níveis. Joomla precisa de uma interface de usuário consistente, intuitiva e moderna.

Esse projeto já está sendo alinhavado para a versão 3.0 do sistema que, embora ainda não tenha data prevista para lançamento, já começou a ser elaborada pelo time principal de desenvolvedores.

Essa é uma ótima oportunidade para que nós, designers, possamos contribuir de forma mais plena com o desenvolvimento do projeto.

Para maiores informações, visite http://ux.joomla.org (em inglês).

Sim, eu estive lá!

Assim como no ano passado, o Joomla! Day New York City se desdobrou em um final de semana que começou na sexta-feira e terminou no domingo.

No dia 21 aconteceu o evento Future Roadmap, que discutiu idéias que vários usuários gostariam que fossem implantadas e mostrou como andam os trabalhos para as próximas versões do Joomla. Clique aqui para assistir o vídeo do evento (em inglês).

Evento Future Roadmap

No sábado, dia 22, houve o Joomla! Day propriamente dito, com diversas workshops voltadas para o público em geral. Infelizmente, várias oficinas acontecem ao mesmo tempo e não é possível estar presente em todas. Esse ano porém a gravação de todas foi levada a sério e no site já estão disponíveis os vídeos.

Keynote de Ryan Ozimek no sábado*

O domingo, dia 23, foi voltado para desenvolvedores, os caras que botam a mão no código. Atualmente, como profissional especializado em Joomla! percebo a importância de saber um pouco mais do que acontece nas entranhas do aplicativo. Embora programação não seja minha praia, estou dando meus primeiros passos para a criação de plugins e módulos simples para Joomla!

Presenças no Joomla! Day NYC 2011*

No evento estavam presentes vários membros do time de desenvolvedores do Joomla! A maior surpresa é que já se está falando da versão 3(!) do CMS, que promete mais mudanças radicais. Em breve postarei aqui maiores informações sobre as oficinas que participei.

*Fonte: http://www.joomladaynyc.com/home/photos