O mercado francês sendo um dos mais maduros do mundo em relação ao uso de plataformas de software livre nas empresas, os resultados desta enquete nos dão informações atuais e objetivas sobre a pertinência de cada plataforma para uso corporativo.

A enquete foi respondida por 1.200 participantes de empresas e grandes organizações. Os CMS diretamente listados nas perguntas eram 20: Centurion, CMS Made Simple,  Concrete5, DotNetNuke, Drupal, eZ Publish, HippoCMS, Infoglue, Jahia, Joomla, Liferay, Lutece, Magnolia, MODx, Plone, SilverStripe, SPIP, TYPO3, Umbraco et WordPress.

As respostas permitem saber quais são atualmente os CMS mais conhecidos, mais usados, melhor avaliados e mais recomendados, com algumas segmentações em função do tamanho das empresas e o perfil da pessoa que respondeu.

Com respectivamente 35%, 25.6% e 25.4% de uso nas empresas, WordPress, Joomla e Drupal formam o trio vencedor. Estes três CMS até chegam na frente em quase todas as perguntas. Os outros CMS que se destacam são SPIP, TYPO3, eZ Publish. No segmento das grandes empresas entram também Liferay e Jahia.

Medindo agora a satisfação dos usuários, Drupal e WordPress são os CMS que chegam na frente, com mais de 60% de avaliações positivas e menos de 10% de avaliações negativas.
Apesar das necessidades das grandes empresas serem distintas das PMEs, o Drupal é a plataforma que mais se destaca em ambas as categorias, sendo adotado para projetos tanto leves (blogs, sites pontuais) quanto complexos (intranets, portais corporativos). No segmento das grandes empresas, ele até consegue ser o “CMS preferido” de 22% dos entrevistados.

O autor do relátorio, Grégory Bécue, conclui relevando a maturidade do mercado dos CMS abertos: a maioria dos decisores têm experiência com 2 ou 3 plataformas, são atentos aos fundamentos da gestão de conteúdo, e 97% deles acha positiva a evolução dos softwares nos últimos dois anos.

O relatório completo (50 páginas, em francês) pode ser baixado diretamente do site da Smile aqui: http://www.smile.fr/Livres-blancs/Gestion-de-contenu-et-GED/Enquete-CMS

VEJA O DEMO
DOWNLOAD DO CÓDIGO

Como funciona?

A ideia principal do plugin é rotacionar as letras utilizando o CSS3 para colocá-las em uma linha curva. Esta curva é sempre um segmento de um semi-circulo, cujo raio nós é que definimos. O espaçamento e rotação das letras é calculado através do raio definido e a largura do texto.

Opções

radius  : 0,
// O valor mínimo permitido é
// a metade do tamanho do texto.
// Se for definido como '-1', o texto ficará reto.


dir     : 1,
// 1: curva para baixo,
// -1: curva para cima


rotate  : true,
// se deixado como 'true' cada letra será rotacionada.


fitText : false
// se você quiser experimentar também com o
// plugin fitText (http://fittextjs.com/)
// defina como 'true'.
// Não esqueça, o elemento que o contém deverá ser fluido.

fonte: codrops

Para avisar seu módulo que existe um template de e-mail criado, adicione as seguintes linhas no xml.

<global>
        <template>
            <email>
                <email_template_aviso_debito_cc_cliente module="oferta">
                    <label>Oferta - Avisando ao cliente que será feito um débito no seu cartão de crédito</label>
                    <file>email_template_aviso_debito_cc_cliente.html</file>
                    <type>html</type>
                </email_template_aviso_debito_cc_cliente>
            </email>
        </template>
</global>

Segundo Passo: Instanciar a classe core/email_template e adicionando método de envio no helper do seu módulo.

Essa classe é responsável por enviar e-mails do Magento, então nada mais do que correto utilizar essa classe para o nosso benefício.

Aproveitando vamos criar esse método no nosso helper. Desse modo, estamos encapsulando e tornando nosso método reutilizável.

/**
   * Método que permite enviar e-mails de forma rápida e segura.
   * @param type $cliente array(nome, email, assunto, template)
   * @param type $emailTemplateVariables array(var1,var2,var3,varn,...)
   */
public function enviarEmail($cliente, $emailTemplateVariables){
        $emailTemplate  = Mage::getModel('core/email_template')->loadDefault($cliente['template']);
        $emailTemplate->setTemplateSubject($cliente['assunto']);
        $emailTemplate->setSenderName(Mage::getStoreConfig('trans_email/ident_general/name'));
        $emailTemplate->setSenderEmail(Mage::getStoreConfig('trans_email/ident_general/email'));
        $emailTemplate->send($cliente['email'], $cliente['nome'], $emailTemplateVariables);
}

Terceiro passo: Executar a chamada do método helper para envio de e-mail

// Array que guarda toda as informações necessárias para o envio
$cliente['email'] = 'email do destinatário';
$cliente['nome'] = 'Nome do destinatário;
$cliente['assunto'] = 'Assunto do e-mail';
$cliente['template'] = 'email_template_aviso_debito_cc_cliente'; //arquivo .html de template que será chamado para ser enviado ao e-mail do cliente

// Array que guarda as váriaveis que conterão informações dinâmicas que serão injetadas dentro do .html de template do email
// Aqui você pode colocar quantas variaveis quiser
$emailTemplateVariables['myvar1'] = 'Informações que você quiser';
$emailTemplateVariables['myvar2'] = $objeto->metodoQueVoceQuiser();
...

// Método estático do Magento para acionar um método helper do módulo desejado
Mage::helper('nomeDoSeuModulo')->enviarEmail($cliente, $emailTemplateVariables);

Quarto e Último Passo: Criar seu template do seu e-mail

O último passo é muito tranqüilo basta você ir na seguinte pasta do seu Magento.

app\locale\en_US\template\email\email_template_aviso_debito_cc_cliente.html

Duas coisas importantes no caminho a cima.

email_template_aviso_debito_cc_cliente.html >> Esse é o nome do arquivo que deverá ser criado nesta pasta. Note que esse nome está no passo 1, na declaração do XML e também está no passo 3, na declaração do array $cliente['template'] = .
en_US >> Caso você esteja utilizando idioma pt-br no Magento você precisa ir na pasta pt-br e também adicionar esse mesmo arquivo. Isso vale para todos os idiomas que você esteja utilizando no seu e-commerce.

Por fim, dentro do arquivo email_template_aviso_debito_cc_cliente.html você colocará o HTML e suas váriaveis criadas no passo 3 e enviadas para seu método enviarEmail().:

Veja um exemplo do que colocar:

<div>
    <h1>Adega Imperatriz Informa: Aviso de débito</h1>
    <p>Olá, {{var myvar1}}</p>
    <p>Neste momento, está sendo efetuado um débito no seu cartão de crédito no valor de R$ {{var myvar2}}.</p>
    <p>Este débito é referente ao seu pedido de nº: {{var myvar3}}</p>
    <p>Para mais detalhes favor acessar sua conta no <a href="{{var myvar4}}"</a>Adega Imperatriz</a>.</p>
    <p>Atenciosamente, equipe Imperatriz agradece a sua compra!</p>
</div>

Pronto! A partir de agora seu módulo terá um método para e-mail no momento que jugar necessário!

Bom proveito!

Fontes de estudo:
Inchoo, StackOverFlow

Mage::helper(’core’)->formatDate(suaData(), ‘paramêtro’, false);
// Em paramêtro você pode usar:
// short, medium, long

É importante usar esse método formatador por que ele saberá em qual idioma deverá formatar a sua data.

Fonte: Magento Commerce

Sumário

1. Introdução
2. Entendendo a estrutura dos templates joomla
3. Duplicando os arquivos necessários para o seu template
4. Convertendo o arquivo PSD para a página de erro do Joomla
5. Alterando as mensagens de erro
6. Conclusão

Introdução

É muito comum, quando se está se criando um template do zero, passar despercebido pelas páginas de erros. Mesmo não parecendo, elas também podem ser um bom cartão de visitas se você está recebendo um usuário através de um link quebrado em um site de buscas. Hoje muitas empresas estão tratando os erros que ocorrem nas suas páginas de forma divertida e descontraída.

Neste tutorial nós vamos mostrar como você pode fazer uma página de erro personalizada para o seu template joomla e deixar o site da sua empresa ou cliente muito mais descontraída e próxima do seu público.

Entendendo a estrutura dos templates joomla

A estruturação dos arquivos de template do Joomla não fica muito diferente dos seus atuais equivalentes no mercado de plataformas de CMS como o WordPress, Drupal e outros. Logo na raiz da estrutura de arquivos você consegue encontrar facilmente a pasta ‘templates’, onde você irá encontrar todos os templates e seus respectivos arquivos de estilização do website.

Normalmente a divisão dos arquivos em pastas nos templates do joomla seguem a mesma ordem e nomenclatura que você pode encontrar olhando a pasta ‘system’, com os arquivos de estilos na pasta ‘css’ os pedaços de código html na pasta ‘html’, as imagens utilizadas no website na pasta ‘images’ e os demais arquivos com a diagramação do layout das páginas na pasta raiz do template. E é nesta pasta que encontramos o nosso arquivo chamado ‘error.php’

Duplicando os arquivos necessários para o seu template

O Joomla utiliza a sobreposição de arquivos para garantir que seu site tenha o mínimo de estruturação e seja mostrado para o usuário final da melhor forma possível. Normalmente isto é feito para assegurar que o seu usuário veja o padrão da estruturação de uma página Joomla, caso você não a tenha estilizado em seu template.

Com isto em mente, sempre que você precisar alterar o comportamento padrão de alguma página ou área do seu template, você deverá possuir nele o mesmo arquivo pelo qual o joomla estaria solicitando do template base. Ou seja, precisamos duplicar alguns arquivos para o nosso template!

Como aqui nossa intenção é apenas modificar as páginas de erro do nosso template, nós iremos copiar o arquivo ‘error.php’ da pasta ‘templates > system’ para a pasta raiz do nosso template e partir para a edição deste arquivo.

Convertendo o arquivo PSD para a página de erro do Joomla

Nosso arquivo final em PSD ficou exatamente como você pode ver na imagem acima.  Criamos uma página de erro que transmite uma certa descontração e ao mesmo tempo consegue contemplar todas as informações de erro que o Joomla pode vir a mostrar aos nossos clientes.

Implementação HTML

Para iniciar a implementação deste arquivo podemos começar do zero com um HTML simples, pois não iremos utilizar nenhuma estrutura pré definida do nosso template como o ‘header’ ou o ‘footer’ que nós utilizamos em todas as páginas.

<!DOCTYPE HTML>
<html>
<head>
<!– Title –>
<title>Obiz – Página de Erro</title>
<!– metatags –>

<meta charset=”utf-8″>
<!– Styles –>
<link rel=”stylesheet” href=”…/css/error.css” type=”text/css” />

<!– Scripts –>
</head>
<body>
…
</body>
</html>

Se passarmos o olho pela nossa imagem, podemos perceber que há uma imagem na lateral esquerda na qual há um emoticon e o número que representa o erro ocorrido, um título, um parágrafo com texto referente ao erro e um link para que o usuário possa se dirigir à página inicial.

Nós queremos que a mensagem de erro apareça centralizada na página e que o código do erro seja o título principal do conteúdo, portanto iremos inserir dentro da nossa tag body uma div#error contendo dois filhos: o título do da página com o código do erro em um h1#error-code e as informações do erro em uma div#error-info na qual vamos mostrar a mensagem referente ao erro e o link para o usuário ir à página principal do website. Nosso código ficará desta forma:

<body>
   <div id="error">
       <h1 id="error-code">404</h1>
       <div id="error-info">
           <h2>Oops!</h2>
                 <p>Parece que a página que você estava tentando acessar não está mais aqui!</p>
           <p><a href="/index.php">ir para a página inicial</a></p>
       </div><!-- /end #error-info -->
   </div><!-- /end #error -->
</body>

Integração do código com o Joomla

Até aqui nós temos apenas nossa tela montada em HTML com títulos textos e links, nada mais. E você provavelmente estará olhando para a página como na imagem mostrada aqui abaixo. Mas antes de passarmos para a estilização desta página, vamos deixa-la dinâmica e funcionando.

Como você já deve ter percebido que no arquivo ‘error.php’ copiado do template base já possui algumas chamadas em php que servem deixar alguns itens da página dinâmicos. Para o nosso arquivo nós iremos precisar apenas do código referente ao número do erro e a mensagem referente ao erro.

Antes de qualquer coisa, precisamos colocar acima do nosso <!doctype html> o código abaixo:

<?php
defined( '_JEXEC' ) or die( 'Restricted access' );
if (!isset($this->error)) {
$this->error = JError::raiseWarning( 403, JText::_('ALERTNOTAUTH') );
$this->debug = false;
}
$path = $this->baseurl.'/templates/'.$this->template
?>

Agora vamos identificar as áreas que queremos deixar dinâmicas e inserir os respectivos códigos em php para estas áreas. Em nosso layout temos apenas 2 áreas onde iremos deixar o conteúdo dinâmico, além do link para a home page que deverá pegar o url base do website.

Para o número do erro usaremos:

<?php echo $this->error->code ?>

Para a mensagem de erro relacionada ao número usaremos:

<?php echo $this->error->message; ?>

E nosso arquivo ‘error.php’ final ficará da seguinte maneira:

<?php
defined( '_JEXEC' ) or die( 'Restricted access' );
if (!isset($this->error)) {
   $this->error = JError::raiseWarning( 403, JText::_('ALERTNOTAUTH') );
   $this->debug = false;
}
$path = $this->baseurl.'/templates/'.$this->template
?>
<!DOCTYPE HTML>
<html>
   <head>
<!-- Title -->
<title>Obiz - <?php echo $this->title; ?></title>

<!-- metatags -->

<meta charset="utf-8">
<!-- Styles -->
<link rel="stylesheet" href="<?php echo $path ?>/css/error.css" type="text/css" />

<!-- Scripts -->
   </head>
   <body>
       <div id="error">
           <h1 id="error-code"><?php echo $this->error->code ?></h1>
           <div id="error-info">
               <h2>Oops!</h2>
                     <p><?php echo $this->error->message; ?></p>
               <p><a href="<?php echo $this->baseurl; ?>/index.php">ir para a página inicial</a></p>
           </div><!-- /end #error-info -->
       </div><!-- /end #error -->

<?php if($this->debug) : ?>

       <div id="error-debug">
   <?php echo $this->renderBacktrace(); ?>
       </div><!-- /end #error-debug -->
<?php endif; ?>
   </body>
  </html>

Adição de estilos à página

Com o nosso código HTML já montado e dinâmico, podemos começar a dar forma a nossa página de erro adicionando estilos aos nossos elementos nela dispostos. Resetamos o css e partimos para a estilização.

Vamos começa centralizando todo o conteúdo da página na tela, faremos isto definindo uma largura e altura para a nossa div#error, colocando-a em posição absoluta com distância do topo e da lateral esquerda em 50% e com margem negativa para o topo e a lateral esquerda com o valor igual a metade da altura e largura respectivamente.

@import url('reset.css');

body {
background: #f1f1f1;
font-family: "Open-Sans", "Helvetica Neue", Helvetica, Arial, Sans-Serif;
}

#error {
width: 880px;
height: 380px;
position: absolute;
top: 50%;
left: 50%;
margin: -190px auto auto -440px;
}

Com isto feito passamos para o nosso título. Nele vamos recortar a imagem do emoticon do arquivo PSD e utiliza-la como background para o nosso elemento. Desta forma poderemos dexa-la dinâmica caso quisermos mostrar emoticons diferentes para erros diferentes ou até mesmo quem sabe criar uma interação com o usuário quando ele clicar no link para voltar a home page.

E para que as informações fiquem ao lado deste vamos fazer com que ambos elementos flutuem à esquerda.

#error-code {
background-image: url('../images/error.png');
padding: 87px 65px 260px 240px;
line-height: 33px;
font-size: 33px;
font-weight: bold;
color: #c3c3c3;
}

#error-code, #error-info { float: left; }

Você deve ter percebido que não há nenhuma definição de tamanho, nem de altura nem de largura para o nosso #error-code, porém as dimensões do bloco já são criadas através da propriedade ‘padding’ na qual nós indicamos a distância que o conteúdo deverá ficar de cada uma das bordas do bloco que a contém. Desta forma nós conseguimos deixar o nosso código de erro exatamenta onde queremos ele na porção nordeste do nosso bloco ‘dentro’ do circulo superior da nossa logo.

Com mais algumas estilizações para o espaçamento e tamanho dos elementos restantes conseguimos finalizar a aparência final da nossa página de erros:

#error-info {
position: relative;
width: 470px;
}

#error-info h2 {
margin: 170px 0 15px;
font-size: 32px;
color: #333;
}

#error-info p {
margin-bottom: 15px;
font-size: 18px;
line-height: 24px;
color: #666;
}

#error-info .home-button {
border: 1px solid #508810;
color: #2b5000;
background: #85c340 url('../images/green-arrow.png') 95% center no-repeat;
padding: 6px 32px 6px 12px;
font: normal 11px Verdana, Geneva, sans-serif;
text-decoration: none;
/* Border Radius*/
border-radius: 3px; -moz-border-radius:3px; -o-border-radius:3px; -webkit-border-radius:3px; -ms-border-radius:3px;
/* Box-Shadow */
box-shadow: 0 1px 3px rgba(0,0,0, 0.3); -moz-box-shadow: 0 1px 3px rgba(0,0,0, 0.3); -o-box-shadow: 0 1px 3px rgba(0,0,0, 0.3); -webkit-box-shadow: 0 1px 3px rgba(0,0,0, 0.3); -ms-box-shadow: 0 1px 3px rgba(0,0,0, 0.3);
}

#error-info .home-button:hover { background-color: #88d532; }

Definimos para o segundo título uma margem superior de 170px e inferior de 15px para que ele se encaixe perfeitamente na tela, aumentamos o tamanho da fonte para o parágrafo e diminuimos para o link, no qual foram adicionados itens como bordas arredondadas, sombreamento, espaçamento interno e colorações diferentes do background de acordo com a interação do usuário.

Alterando as mensagens de erro do Joomla

O Joomla utiliza arquivos de tradução separados por idioma em sua estrutura. As mensagem de erros também podem ser traduzidas utilizando estes arquivos que são encontrados na pasta ‘language > pt-BR’, se seu idioma for o português do Brasil.

Nesta pasta você irá encontrar um arquivo chamado ‘pt-BR.ini’ no qual poderá alterar as mensagem de erros. Para o erro 404 nós utilizamos a linha abaixo:

COMPONENT NOT FOUND=Parece que a página que você estava tentando acessar não está mais aqui!

Conclusão

Nós sabemos que existem outros meios de se personalizar suas mensagens de erro 401, 403, 404 e 500. Uma boa forma de se fazer isto é utilizando o redirecionamento pelo arquivo ‘.htaccess’ e alterando cada uma das páginas de erro separadamente.

A vantagem de se utilizar a página de erro padrão do Joomla é que nós podemos fazer com que ela atenda a todos os erros de forma dinâmica e padronizada, inclusive para sites que utilizam idiomas diferentes pois as mensagens ficam no arquivo de tradução do Joomla.

Mãos à obra!

Primeiro passo: configurar seu ambiente

Você precisará da cesta básica de qualquer desenvolvedor web: Apache e MySQL instalados e rodando. É melhor ter o mod_rewrite ativado para poder aproveitar URLs amigáveis.

Vai precisar de um banco de dados para o Magento, então pode criar um novo pelo phpMyAdmin, ou diretamente via SQL:

create database magento_demo;

Na sua máquina, poderá usar o usuário root para o Magento acessar este banco, mas lembro que é fortemente desaconselhado em qualquer outro ambiente, devendo então criar um usuário com direitos limitados ao banco em questão.

Outra coisa: a URL padrão para sites rodando na própria máquina é http://localhost/… . Trabalhando com o Magento, poderá evitar algumas dores de cabeça com cookies se usar uma URL local com extensão: localhost.com por exemplo.
Para isso configure seu arquivo de resolução de nomes para poder usar localhost.com (ou qualquer outro nome):
No Windows, edite o arquivo C:\Windows\System32\drivers\hosts.
Nos Linux ou no Mac, edite o /etc/hosts.
Adicione uma linha:

127.0.0.1 localhost.com

Teste a configuração abrindo http://localhost.com no seu navegador: deveria abrir o site principal do seu Apache.

Segundo passo: baixar o pacote completo

Nada complicado: acesse o site do http://www.magentocommerce.com/dowload, escolha a última versão estável (1.6.1.0 no momento que escrevo), e clique em download. Precisará criar uma conta caso ainda não tiver.

Fazer download do Magento

Descompacte o arquivo recebido na raiz web do seu Apache. O nome da pasta que será descompactada é “magento”.

Terceiro passo: next next next…

Abra no seu navegador e aponte para esta nova pasta. Normalmente o endereço deveria ser “http://localhost.com/magento“. Caso o Apache esteja rodando em outra porta (por exemplo: 8888), será “http://localhost.com:8888/magento“. Deveria ver a primeira página do instalador do Magento: a licença. Como sempre, não leia e aceite a licença

Pronto, vamos configurar os parâmetros de localização do Magento:

Escolhe seu idioma e moeda

Locale: escolher Português (Brasil) / português (Brasil)
Time Zone: E. South America Standard Time (America/Sao_Paulo)
Default Currency: Real brasileiro (ou a moeda principal com qual sua loja vai trabalhar)

Próxima tela: configuração da conexão ao banco de dados e outros parâmetros globais do Magento.

Configurar o Magento

Database Connection

Database Type: MySQL
Host: localhost (o nome ou IP da máquina que tem o servidor MySQL)
Database Name: magento (o nome do banco que criou no primeiro passo)
User Name: root (usuário do MySQL)
User Password: senha do root (o padrão do MySQL é vazio ” ou ‘root’)
Tables Prefix: Pode deixar vazio caso o seu banco de dados só for usado para este magento. Caso informado, este prefixo será adicionado no inicio dos nomes das tabelas, permitindo fazer coabitar várias instalações com prefixos diferentes no mesmo banco de dados.

Web access options

Base URL: http://localhost.com/magento/ (preenchido automaticamente a partir da URL atual. É a URL na qual seu Magento será acessível. Será inscrito na tabela core_config_data do banco, e pode ser mudado depois pelo backend)
Admin Path: admin (o caminho do backend. Neste caso poderá acessar o backend pela URL http://localhost.com/magento/admin)
Enable Charts: Ativado se quiser bonitos gráficos no painel de controle do backend
Skip Base URL Validation Before the Next Step: normalmente se estiver usando uma URL .com como explicado antes não precisa ativar esta opção. Caso falhar alguma coisa volte e selecione esta opção.
Use Web Server (Apache) Rewrites: Ative se tiver o mod_rewrite instalado no Apache. Imprescindível para SEO em produção.
Use Secure URLs (SSL): Só ative se quiser usar conexões seguras na sua própria máquina. Geralmente não usamos.

Session Storage Options

Save Session Data In: File System (Salvar as sessões em arquivos é pelo jeito um pouco mais rápido que no banco de dados: http://magebase.com/magento-tutorials/magento-session-storage-which-to-choose-and-why)

Clique em Continue e espere um pouco até o Magento criar todas as tabelas do banco.

Parabens! Você tem uma loja Magento funcionando

Caso precise alterá-los, a maioria dos parâmetros que você configurou agora estão no arquivo app/etc/local.xml.

Se quiser mais informações, pode ler o tutorial oficial no wiki do Magento.

Além de muitas boas palestras ao redor dos temas técnicos ligados ao Joomla: desenvolvimento, segurança, frameworks, design de interfaces, e extensões do Joomla, foram também algumas conversas muito interessantes nos intervalos.

Tivemos o prazer de assistir palestras do Johan Janssen, leader da equipe técnica do Joomla 1.5 e do Ryan Cozimek, diretor da Open Source Matters, a instituição que cuida da marca do Joomla.
Apesar de terem perspectivas diferentes, ambos incentivaram a comunidade a participar do desenvolvimento do Joomla através de participações ativas no desenvolvimento do core do Joomla e de aplicações web baseadas no Joomla Framework.

O pessoal da Obiz também teve a oportunidade de compartilhar seu conhecimento, realizando duas apresentações durante o evento:

• Julien apresentou o Joomdle, extensão que permite integrar o Joomla e a plataforma de ensino a distânica Moodle.
• Hygor apresentou para os presentes o conceito de design responsivo para realizar sites que se adaptam aos dispositivos móveis.

Para quem estava lá e quer baixar as apresentações, ou quem quer visualizar os vídeos que foram gravados, usem os seguintes links:

• Vídeos: www.eventials.com/jdbr11
• Slides: www.slideshare.net/obiz

Globalmente, o evento foi um sucesso. Foi muito bom conhecer em carne e osso as pessoas que fazem o Joomla evoluir no Brasil. Parabéns aos organizadores!

Bom, no nosso caso, foi preciso validar o CEP que por default vem sem validação.
O magento disponibiliza o arquivo validation.js (…js/prototype/validation.js) que controla as validações de todos os campos de formulários dentro do sitema.
Caso precise alterar ou incluir um novo, você deve editar o validation.js
e depois ir e no .phtml do seu arquivo que pode estar em app/design/frontend/seu_tema/template/checkout/onepage/billing.phtml.
Para validar o campo zip, procure a linha onde contem o zip/postal code:

<div><input id="billing:postcode" title="<?php echo $this->__('Zip/Postal Code') ?>" type="text" name="billing[postcode]" value="<?php echo $this->htmlEscape($this->getAddress()->getPostcode()) ?>" /></div>

Adicione dentro do atributo class o nome a classe criada no validation.js, que no nosso caso foi validate-zip-international. Observe que no final da linha
contem class=”input-text validate-zip-international required-entry”.

• aqueles que já usam software livre de código aberto, ou já sabem os benefícios que trazem, e precisam de uma empresa que possa dar suporte tecnológico sobre tais software;
• aqueles que simplesmente procuram um software para alguma necessidade de negócio (criar uma loja virtual, implantar um CRM…), porém não procuram especificamente uma solução de código aberto.

Este artigo se destina ao segundo grupo: vou resumir aqui o que é um software livre, e deixar claro algumas vantagens dele em relação ao seu oposto: o software proprietário.

Vamos começar esclarecendo os termos: na verdade, “Software Livre” e “Software do código aberto” são dois conceitos distintos.

• Um software livre é um software que pode ser usado, estudado, copiado, modificado e redistribuído sem restrições.
• Um software de código aberto simplesmente não está com o código fonte escondido: ele pode ser estudado e modificado.

Para ser livre, um software tem que ser de código aberto, porém a recíproca não é verdadeira: algumas empresas que criam software fornecem o código fonte para seus clientes, porém com uma licença que limita seu uso ou sua redistribuição. Tais software também são qualificados como “proprietários”.

Quem fabrica software livre?

Qualquer desenvolvedor ou empresa pode criar software livre. Para isso é suficiente distribuir o software com uma licença que respeite a definição de software livre.

De fato, vemos no mundo do software livre modelos mistos que combinam indivíduos e empresas. Por exemplo:

• Desenvolvedores isolados ou em grupo, associações, que desenvolvem algum software por paixão ou interesse pessoal (Drupal, Joomla, PHPMyFAQ);
• Empresas que comercializam duas versões do software deles: uma versão básica livre, e uma versão “premium” ou “enterprise”, com mais recursos porém proprietária (SugarCRM, Liferay, Magento);
• Empresas que empregam desenvolvedores para desenvolver algum software em colaboração com a comunidade, e comercializam serviços para o software resultante.

Software livre é gratuito?

Sim e não.

Sim porque você pode livremente ir no site do software na Internet e baixá-lo (e seu código fonte) para instalá-lo no seu computador ou no servidor da sua empresa.

Não, pois obviamente isso requer competências em TI e conhecimento daquele software, e pode precisar contratar um profissional da área para realizar estas tarefas.

Outra parte que envolve investimento é a personalização do software, que pode ser necessária para adaptá-lo à sua necessidade específica, ou integrá-lo com outra ferramenta digital que já esteja usando.

Quais são as vantagens do Software Livre?

O maior diferencial do sofware livre em relação ao software proprietário é o fato dele ser de código aberto. Possuir o código do software que você usa deveria ser obrigatório: é a única garantia de que você possui todos os elementos para que o software possa acompanhar a evolução da sua empresa. Só ele dá a você a liberdade de poder modificar o software para a sua necessidade ou de poder realizar integrações com outros programas… Resumindo, você não fica dependente do criador do software.

Comparemos software com carros: qual seria o equivalente de software proprietário? Seria um carro cujo capô é fechado com cadeado, do qual só o fabricante tem a chave.

• Quer trocar uma vela? Só na autorizada.
• Precisa trocar óleo? Só na autorizada.
• Quebrou alguma coisa? Só na autorizada.
• A autorizada fechou? Azar seu.

Algum de vocês compraria um carro assim?

Espero ter esclarecido algumas da suas dúvidas em relação a Software Livre. Pode deixar comentários abaixo se tiver perguntas!

Julien Roubieu é engenheiro de software, formado na École de Mines de Nantes (França), diretor de tecnologia da Obiz Tecnologia da Informação.