A customização no Liferay

Uma das maiores vantagens do Liferay está na sua alta capacidade de customização. Na Weblibre, todos os projetos ficam do modo como o cliente deseja, totalmente adaptado para a sua necessidade.

A customização do Liferay pode ser feita de várias maneiras, uma delas é a adptação dos CSS ( Cascading Style Sheets ou folha de estilos ), que pode ser entendido, de forma bem simples, como um padrão para toda a aparencia do portal, seja suas cores, suas fontes ou até mesmo as suas imagens.

Com a utilização apropriada dos CSS garantimos que as páginas contenham o mesmo estilo, mantendo assim a identidade visual da empresa, proporcionando uma maior satisfação do nosso cliente, pois seu portal Liferay pode ser facilmente adaptado as cores de sua empresa, de suas intranet’s ou até a de outros portais que estejam associados a empresa contratante.

Outra enorme vantagem da utilização de CSS é sua rápida modificação, pois normalmente basta apenas a modifcação em uma folha de estilos e podemos alterar totalmente as configurações estéticas do portal Liferay.

Onde encontrar os CSS do Liferay

Os CSS’s do portal Liferay podem ser encontrados no diretório /{diretorio_tomcat}/webapps/ROOT/html/{tema_atual}/css.

Nessa pasta estão todos os arquivos CSS que o Liferay utiliza, e a modificação desses arquivos já altera a forma como o site é exibido.

Exemplo do Código CSS do arquivo custom.css

/* ---------- Banner ---------- */

#banner {
background: transparent url(../images/common/banner_bg.jpg) no-repeat center 20px;
height: 80px;
top: -1px;
}

#banner h1.logo {
display: block;
float: left;
font-size: 2em;
left: 5%;
margin: 6px 20px 0px 0px;
margin-top: 12px;
padding-top: 20px;
padding: 0;
position: absolute;
}

Como descobrir qual atributo alterar?

Uma das maneiras de descobrir a função de uma caracteristica do css que se deseja modificar é a utilização de ferramentas. Essas ferramentas podem ser variadas e algumas são gratuitas.

Abaixo alguns dos programas que utilizamos aqui na WebLibre para customizar nosso Liferay:

• Web Developer plugin: esse plugin para Mozilla Firefox é gratuito e permite a visualização de varios recursos que o navegador utiliza para exibir a página. Entre eles estão os recursos de CSS. O plugin pode ser baixado diretamente da página do desenvolvedor:

Primeiramente você deve abrir o arquivo:

app/design/frontend/default/seutema/customer/widget/taxvat.phtml

No início do arquivo insira o seguinte conteúdo:

<?php
   //Este bloco de script deve ser rodado apenas uma vez. Após a primeira execução, comente-o.
   //Ele é responsável pela criação dos campos referentes ao RG no banco de dados.
      $setup = new Mage_Eav_Model_Entity_Setup(’core_setup’);
   $setup->addAttribute(’customer’, ‘rg’, array(
    ’label’    => ‘Rg’,
    ’visible’  => true,
    ’required’ => false,
    ’position’ => 1,
   ));

   $setup->addAttribute(’quote’, ‘customer_rg’, array(’type’ => ’static’, ‘visible’ => false));
   $setup->addAttribute(’order’, ‘customer_rg’, array(’type’ => ‘varchar’, ‘visible’ => false));

   $setup->getConnection()->addColumn(
    $setup->getTable(’sales_flat_quote’),
    ’customer_rg’,
    ’varchar(255) NULL DEFAULT NULL AFTER `customer_taxvat`’
   );
  ?>

<?php
   $rg = $this->getRg();
   if (empty($rg)) {
    $rg = $this->getCustomer()->getRg();
   }
  ?>

Agora essa parte você deve inserir após o bloco <div class=”input box taxvat”>

<div>
   <label for=”<?php echo $this->getFieldId(’rg’)?>”>
    <?php echo $this->__(’RG / Insc. Estadual’) ?>
    <?php if ($this->isRequired()):?><span>*</span><?php endif ?>
   </label>
   <input type=”text” id=”<?php echo $this->getFieldId(’rg’)?>” name=”<?php echo $this->getFieldName(’rg’)?>” value=”<?php echo $this->htmlEscape($rg) ?>” <?php echo $this->getFieldParams() ?> />
  </div>

Pronto, o campo Rg vai aparecer ao lado do CPF/CNPJ.

Para criar um sitemap.xml da sua loja no Magento é muito simples.

Você deve acessar o admin do Magento. Após isso vá em Catálogo -> Google Sitemap
Depois clique em “+ Adicionar Sitemap”.
Coloque o nome do arquivo a ser criado e a localização onde ficará o arquivo.

Só lembrando que a pasta e o arquivo devem ter permissão 777 para que tudo ocorra com sucesso.

Pronto, seu sitemap será criado.

Suggestopedia

O Portal Educacional do sistema de ensino de inglês Suggestopedia Brasil está sendo desenvolvido pela Weblibre.

Com conteúdos dinâmicos, avaliações e ferramentas de Fórum e Chat, este Portal facilitará a formação dos professores no método Suggestopedia.

Acesse www.weblibre.com.br/cli/suggestopedia.

Os arquivos de imagem do módulo de certificados do moodle ficam na seguinte pasta “mod -> certificate -> pix”
Que possui as seguintes subpastas:
border: Que é onde ficará as imagens que você deseja colocar como borda do certificado. É aconselhável que sejam imagens no formato png. As bordas são opcionais, pois o módulo também pode criá-las.
seals: Aqui fica os selos que você pode colocar no certificado. Também é aconselhável que sejam imagens no formato png.
signatures: Nesta pasta fica as assinaturas do certificado, ou as imagens que vão no rodapé.
watermarks: E por útilmo a pasta watermarks, que seria as marcas d’água do certificado, de preferência usar imagens no formato png.

É aconselhável que as imagens sejam criadas no formato png, com o fundo transparente, para que uma não sobreponha a outra.

E para criar os certificados via moodle você deve estar logado como administrador e ativar o moodle para edição.
Feito isso, acesso o curso que você deseja criar o certificado, clique sobre “Acrescentar atividade…” e escolha a opção “Certificado”.
Na próxima página preencha os campos obrigatórios e escolha as opções que vão aparecer no certificado.
E no final da página, no conteúdo “Design Options” escolha as imagens do certificado:

Border Image: Aqui você escolhe a imagem da borde que irá aparecer no certificado.
Border Linhas: Se você preferir não colocar nenhuma imagem como borda você pode escolher nessa opção uma borda automática gerada pelo moodle.
Imprimir marca d água: Nesta opção você escolhe a imagem que ficará como marca d’água do certificado. Ou podendo deixar sem nenhuma também.
Imprimir Assinatura: A parte de assinaturas é onde você escolhe as imagens que irão aparecer no rodapé do certificado, mas essas imagens também são opcionais.
Imprimir Selo: E por último você escolhe os selos que ficarão no certificado, isso também é opcional.

Só lembrando que para que as imagens apareçam para escolha elas devem estar nas suas respectivas pastas.

Seguindo esses passos os certificados já estarão disponíveis no moodle.

Bom primeiramente o curso, e os usuários em questão já devem estar criados no moodle.
Considerando que o curso e os usuários já estejam criados vamos seguir com o tutorial.
Primeiramente acesse o curso logado como administrador do moodle, e depois disso, no menu “Administração”, vá em “Grupos”.
Se nenhum grupo foi criado você deverá cria-lo. Para isso clique em “Criar Grupo”.
Preencha os campos, lembrando que os campos marcados com * são obrigatórios, e depois clique em “Salvar Mudanças”.
Após isso, selecione o curso e clique em “Adicionar/remover usuários”.
Aparecerá uma lista ao lado direito de usuários que podem ser adicionador a este grupo, e ao lado esquerdo uma lista com os usuários que já pertecem a este grupo. Lembrando que para o usuário estar disponível nesta lista ele deve ter sido definido no mínimo com o perfil de estudante.
Para adicionar um usuário basta clicar no nome do usuário ao lado direito e depois clicar em “Acrescentar”, e para remover o usuário você deve selecioná-lo na lista ao lado esquerdo e clicar em “Remover”.

Prudente.Info

Portal de buscas voltado à região de Presidente Prudente – SP, o Prudente.info foi reformulado pela Weblibre, com design da Midia Art.

As empresas e profissionais liberais podem se cadastrar gratuitamente no portal, o que lhes credencia a aparecer automaticamente nos resultados de busca, de acordo com as pesquisas feitas pelos internautas.

Além disso, há anunciantes divididos em outros 3 grupos, ouro, prata e bronze, que tem, respectivamente, prioridade de classificação nos resultados de busca.

O mecanismo de pesquisa é baseado nos mais modernos algoritmos de recuperação de dados. Desta forma, a resultado é baseado não só na comparação exata da frase pesquisada, mas também na semelhança das palavras com os registros do banco de dados.

O sistema administrativo foi totalmente desenvolvido com a tecnologia AJAX, o que confere agilidade e facilidade no gerenciamento dos anunciantes.

Conheça www.prudente.info.

Aqui vai um mini tutorial de como instalar um certificado digital SSL no seu domínio através do CPANEL.

Primeiramente vamos falar sobre o CSR. O CSR é um certificado que contém informações sobre o domínio/servidor onde será instalado o SSL. Isso funciona da seguinte forma:
o CSR é enviado ao emissor de SSL, que é a empresa que emitirá o SSL para você, e será baseado no mesmo que o SSL será criado.

Mas vamos ao que interessa. Para criar o CSR você deverá fazer os seguintes passos:
Acesse o CPANEL e clique no link “SSL/TLS Manager”.
Após acessar vá na opção “Generate, view, or delete SSL certificate signing requests.”
Nessa parte você vai gerar a chave CSR.

Host: Aqui você escolhe para qual domínio você quer utilizar o certificado. Lembrando que www.dominio.com.br é diferente de dominio.com.br e também é diferente de loja.dominio.com.br, então se você pedir o certificado para www.dominio.com.br ele NÃO será ativado ao acessar dominio.com.br e vice-versa;
Country: Essa opção é simples, utilize o BR;
State: Aqui vai o estado (UF) de onde o domínio/empresa está situada, exemplo, SP ou PR;
City: Cidade, mesmo argumento para o estado;
Company: Aqui será o nome da empresa que é dona do domínio que usará o certificado;
Company Division: Divisão da empresa que usará o certificado, ou pode ser o nome fantasia ou até mesmo copiar o “Company”;
Email: E-mail de contato da empresa dona o certificado SSL;
Pass Pharse: Atenção, muita pessoas fazem confusão com este campo. Esta senha não é a senha de acesso ao CPANEL, ou a do servidor, ou de qualquer outra coisa, mas sim a senha de autenticação para que caso você migre este futuro certificado SSL para outro servidor, apache com função de autenticação.

Bom, considerando os campos preenchidos corretamente, você deverá contatar uma empresa que emita certificados SSL, para que você posso efetuar as devidas configurações. Você deverá informar a empresa a chave CSR que você acabou de criar nos passos anteriores.

IMPORTANTE: Para utilizar o certificado digital SSL você deve ter um número IP único configurado para o domínio que terá o SSL instalado.

Agora para instalar o certificado SSL que você receberá da empresa que entrou em contato é mais simples ainda. Acesse novamente o CPANEL e clique novamente no link “SSL/TLS Manager”.
Após acessar novamente vá na opção “Generate, view, upload, or delete SSL certificates”.
E agora copie e cole o SSL que você recebeu no primeiro campo do formulário, ou, faça o upload do arquivo que lhe foi enviado.

Pronto, o CPANEL fará todo o resto, ele vai ler o certificado gravado no servidor e efetuará as configurações.

Até a versão 5.2.3 do Liferay, o painel de controle disponível não garante acesso a todos os usuários, apenas ao Administrador da Comunidade/Organização ou Dono da Comunidade e Organização.

Essa deficiência se torna muito relevante quando se deseja trabalhar com Aprovação de Conteúdo (Workflow) em Conteudos Web, ou até mesmo com a moderação de Blogs e Wikis.

Para resolver esse problema, implementamos uma alteração em nossas classes, tal alteração está disponível para download no repositório da Liferay.

Essa alteração dará a possibilidade de incluir nos Papeis (Roles) a possibilidade de acesso ao painel de controle em um determinado portlet, como por exemplo o portlet Conteúdo Web (Web Content).

Para efetuar essa adaptação no código você deve ter um ambiente de extensão configurado, pois essas alterações serão feitas nesse ambiente. Nós disponibilizamos um tutoria de como criar esse ambiente, pode ser visto clicando aqui.

Modifique ${tomcat-root-folder} com o local onde está o diretório raiz do seu Tomcat.

Continuando a configuração:

1. Ainda na aba “Arguments”, na opção “Working directory” coloque ${tomcat-root-folder}/bin em “Other”. modifique o diretório raiz do Tomcat novamente.
2. Na aba Classpath, remova TODOS as Entradas de usuários, apenas não remova JRE System library
3. Selecione “User Entries” e clique em “Add External JARs”, encontre o bootstrap.jar no caminho ${tomcat-root-folder}/bin e adicione ele.
4. Na aba “Source”, selecione algum projeto relacionado, mas tambem escolha o projeto principal. Por exemplo, se deseja debugar um plugin, adicione tambem o código do portal.
5. Na aba  ”Common” selecione RUN and DEBUG
6. A partir de agora, quando quiser debugar voce apenas deve clicar no botão “debug”.

Dicas e Truques