Instalação

TEMA: Prestashop integrado com Webacappella

ARTIGO: Revisado e Melhorado

VERSÃO: PRESTASHOP  1.5.x |  WEBACAPPELLA  4

É Isso aê galera do bem!.. Tudo bem com todo mundo?

O Prestashop é uma ferramenta para administração de loja virtual bem completo, fácil e intuitivo de usar. Uma solução opensource de origem francesa em que os investidores lucram com venda de módulos e temas.

A questão que utilizando a ferramenta de integração do prestashop ao Webacappella não é possível utilizar temas e ou alguns  módulos adquiridos pelo prestashopp.  O que também não será necessário, pois o tema você vai construir no próprio WebAcappella.

Infelizmente o WebAcappella Rc veio sem o recurso de integração com a loja Prestashop. Muito não ficaram contentes com este recurso da versão 4. Porém em muitas ocasiões esta integração é uma mão na roda. Pois você pode criar um site com opções de compras internamente e com uma área administrativa para controle de estoque e faturamento.

Lógico, que para uma grande magazine não é aconselhável. Mas imagine uma loja simples, em que não possui uma variedade de ítens e até mesmo sem necessidade de ficarem surgindo novas categorias de produtos.

Outro lado positivo é poder utilizar como catálogo de produtos, o que também é muito interessante.

É possível também instalar o Prestashop sem a necessidade de usar a ferramenta de integração no WebAcappella.

Estou usando a versão do WebAcappella 4.6.13 e a hospedagem é  Hostgator

E como eu registrei o domínio www.webacappellashow.com.br vou utilizar o próprio.

1º passo:

CONFIGURANDO O FTP  no WebAcappella.

Em ARQUIVOS>>PARÂMETROS DE PUBLICAÇÃO na aba GERAL

Preencho os campos:

PROTOCOLO: Pode manter ftp
HOST (SERVIDOR FTP):  O endereço ftp do domínio
PORTA: Geralmente 21
LOGIN: usuário do domínio
SENHA: senha do usuário do domínio
ENDEREÇO NA INTERNET: url do domínio principal
PASTA FTP: Pasta remota do seu site na sua hospedagem. geralmente public_html

Preenchido os campos teste a conexão

Se estiver tudo ok irá aparecer uma tela similar a abaixo:

2º passo:

CRIANDO O BANCO DE DADOS

Acesse o CPANEL (painel de controle) de sua hospedagem .

** as informações podem variar de acordo com o provedor de hospedagem.

No grupo que se refere a BAses de Dados execute o MYSQL DATABASES

Então crio um banco que será utilizado exclusivamente pela loja Prestashop, No meu caso dei o nome de "lj".

Agora crio o usuário que terá permissão total ao banco. Gosto muito de usar o nome do usuário igual ao nome do banco. para me organizar melhor.

Adiciono o usuário ao banco dando todas as permissões

3º passo:

CONFIGURANDO O BANCO DE DADOS NO WEBACAPPELLA


Agora retorno ao Webacappella na opção ARQUIVO>>PARÂMETROS DE PUBLICAÇÃO, porém agora na aba BASE DE DADOS E preencho os campos.


CONECTOR SQL:  Pode manter MYSQL
HOST SQL: localhost PORT: 3306
BASE DE DADOS SQL: NOME DO BANCO DE DADOS CRIADO PARA A LOJA


** As informações podem variar de acordo com a hospedagem. Basta contatar o suporte de seu provedor para obter tais informações.

E clique em CHECK SQL DATABASE SETTINGS

Se estiver tudo ok terá que aparecer uma tela similar a abaixo:

4º passo:

INSTALANDO A LOJA


Agora vamos instalar o Prestashop via WebAcappella. Clique no botão MY SHOP>>ON LINE SHOP SETUP AND MANAGEMENT

Preencha os campos com seus dados, e-mail principal, senha para acesso administrativo.

Em Language deixa o Inglês se o português não estiver disponível, 

Em Country selecione o Brasil

E Time Zone selecione o padrão do seu fuso horário

Em Type o Prestashop recomenda INNODB. pois como é uma loja é muito importante a precisão de dados. Apesar que o MyISAM é mais rápido. 

Em Shop Name coloque o nome da sua loja e em Shop Acivity informe a atividade.

Clique em Setup Options e marque a caixa de verificação em Force locally filez unzipping

Será feito mais um teste de conexão. 

E a instalação começará. Tenha paciência demora mesmo. Dependendo da velocidade contratada pode até aparecer falhas e você ter que clicar em continuar. No meu caso não aconteceu.

Após um longo tempo é concluída a instalação e é apresentado um resumo similar a tela abaixo.

Prontinho.. a instalação com integração do PrestaShop no WebAcappella já está concluída.

A instalação traz já alguns dados cadastrados e operações efetuadas como exemplo. Logo iremos ver como apaga-las.

Repare que já é possível integrar os produtos exemplos em seu site WebAcappella, basta utilizar a ferramenta INSERIR>>PRODUCTS  e configurar a seu gosto.

Por hoje é só. Acompanhe essa série de posts pois vai ter muita coisa boa.

Abraços a todos e fé em Deus.

Leia mais

Fundo tela inteira usando somente códigos

Olá turma do bem,

Essa é hoje é rapidinha, pois é colocar um fundo tela inteira sem necessidade de Plugins. 


A vantagem de usar códigos é que você pode adaptar com um sistema ADM para que seu cliente possa ele próprio alterar a imagem quando quiser. Eu por exemplo uso o M7ADM com o módulo Upload de Arquivos. Daí, oriento o cliente em manter o mesmo nome e extensão do arquivo.

CÓDIGO A SER UTILIZADO:

<!--[if lt IE 7 ]> <html class="ie ie6 no-js" lang="en"> <![endif]-->

<!--[if IE 7 ]>    <html class="ie ie7 no-js" lang="en"> <![endif]-->

<!--[if IE 8 ]>    <html class="ie ie8 no-js" lang="en"> <![endif]-->

<!--[if IE 9 ]>    <html class="ie ie9 no-js" lang="en"> <![endif]-->

<!--[if gt IE 9]><!--><html class="no-js" lang="pt"><!--<![endif]-->

<style type="text/css">

#full-screen-background-image {

  z-index: -999;

  min-height: 386px;

  min-width: 100%;

  width: 100%;

  height: 100%;

  position: absolute;

  top: 0;

  left: 0;

}

</style>

  <img  src="IMAGEMDOFUNDO.JPG" id="full-screen-background-image" />

APLICANDO NO WA 4

UTILIZANDO COM FUNDO ÚNICO EM TODO SITE

No WebAcappella vai em SITE>>PROPRIEDADES DO SITE clique
na catraca e cole o código acima no campo do head

ALTERE O TRECHO IMAGEMDOFUNDO.JPG pelo nome da sua imagem
que deve estar postada no mesmo diretório do site

** Caso deseja um fundo para cada página diferente basta em vez de colocar o código nas propriedades do site,  faça o mesmo inserido o código nas propriedades da página de cada página alterando o trecho IMAGEMDOFUNDO.JPG pelo nome da imagem a ser utilizada para cada página.

Nada de novo, só para alimentar nossa biblioteca mesmo. 

Demonstração WA 4

APLICANDO NO WA RC

UTILIZANDO COM FUNDO ÚNICO EM TODO SITE

No WebAcappella RC, na tela principal das configurações
do site clique em WEBSITE SETTINGS e clique em
EDIT HTML CODE cole o código acima no campo do head
ALTERE O TRECHO IMAGEMDOFUNDO.JPG pelo nome da sua
imagem que deve estar postada no mesmo diretório do site

** Caso deseja um fundo para cada página diferente basta em vez de colocar o código nas propriedades

 do site,  faça o mesmo inserido o código nas propriedades da página de cada página alterando

 o trecho IMAGEMDOFUNDO.JPG pelo nome da imagem a ser utilizada para cada página.

Nada de novo, só para alimentar nossa biblioteca mesmo. 

Demonstração WA RC

Leia mais

Playlist Sound Cloud no site WebAcappella

TEMA: Player

ARTIGO: Revisado e Melhorado

VERSÃO: WA RC  |  WA 4

O SoundCloud é uma plataforma de áudio on-line em que os usuários colaboram com seus projetos musicais. Voce pode por exemplo criar uma playlist com seus sets e músicas.

É muito comum ver o plugin do SoundCloud em sites de Djs e Músicos.


Então bora lá..

1) Acesse o site https://soundcloud.com/

2) Crie uma conta, para as contas free serão estipulados uma quantidade de minutos. Para aumentar este limite é necessário criar uma conta pró.

3) Caso seu SoundCloud esteja em inglês vá para o link https://soundcloud.com/settings e do lado direito da tela clique em idioma pra mudar para português

4) Faça Upload de seus arquivos ou escolha músicas já postadas clicando em Adicionar a Playlist na faixa desejada. Lembramos que o SoundCloud normalmente exclui músicas enviadas que possuem direitos autorais. Como é comum vários músicos conhecidos postarem suas músicas de forma pública, melhor adicionar as mesmas em sua playlist.


5) Vá para seu perfil  e Atualize a imagem do perfil e da capa, estas aparecerão na playlist no site WebAcappella

6) Agora Clique vá para seu perfil

7) Depois clique em Compartilhar na playlist desejada (se tiver mais de uma) para gerar o código embed o qual será utilizado no WebAcappella

8) Clique na opção Embutido

Você pode escolher a forma de exibição clicando no desejado abaixo de Embutido. 

9) Clique em Mais Opções  para configurar se a reprodução será automática e o tamanho

10) Copie o código iframe no campo Códgio e Pré-visualização

IMPLEMENTANDO NO WA4

 No WebAcappella 4 na página que quer inserir a playlist use a opção INSERIR>>CÓDIGO HTML

E COLE o código no último campo.

Altere a altura com as mesmas medidas fornecidas no código.

Clique aqui para ver on line no WA 4




IMPLEMENTANDO NO WA RC


Insira no box desejado a opção HTML

Insira no box desejado a opção HTML e cole o código. Para um alinhamento melhor sugiro digitar inserir <center> no início do código

Clique aqui para ver on line no WA RC

Leia mais

POST 4 | Como escolher um ADM - Sistema de gerenciamento de conteúdo para sites WebAcappella

Olá galera do bem. 

Hoje vou dar continuidade a série de Posts "Como escolher um ADM - Sistema de gerenciamento de conteúdo para sites WebAcappella".

Começarei agora a entrar nas funcionalidades tanto do painel administrativo quanto em módulos mais comuns, quanto também módulos ainda não vistos e que seriam de boa serventia. 

A forma que vou expor no artigo é analisando de forma lógica tentando chegar bem próximo do que seria o ideal. 

Então para melhor entendimento do artigo vou dar nomes aos bois, sendo:

DESENVOLVEDOR: Este será a pessoa que desenvolve o sistema de ADM

WEBMASTER: A pessoa que desenvolve o projeto em Webacappella utilizando o sistema ADM. Digamos quem cria o site.

ADMINISTRADOR: Este é o dono do site, podendo ser também o WEBMASTER  em alguns casos. Mas levando em consideração  que o WEBMASTER  é uma profissional que desenvolve sites para terceiros criamos a pessoa ADMINISTRADOR.

FUNCIONÁRIO: Este é a pessoa que trabalha para o ADMINISTRADOR; o dono do site. Supomos que o dono do site tenha por exemplo funcionários os quais irão fazer alterações limitadas no site.

CLIENTE: Este é a pessoa cliente do ADMINISTRADOR. Cliente do dono do site. Supomos que o site é um site de uma prestadora de serviços que possui clientes de contrato. Este então vamos chamar de CLIENTE. Não é considerado simplesmente um internauta que visitou o site.

INTERNAUTA: Este por fim, é a pessoa que simplesmente navegando pela internet visitou o site.

Parece que estou complicando né? Mas mais na frente, tanto neste artigo e nos outros os quais estaremos falando de módulos separadamente, vão entender o motivo da existência desta pirâmide.

O que acontece é que hoje em dia, muitos programadores se avançam em códigos de programação e deixam de lado o papel do analista. Não se faz o projeto  lógico do sistema a ser desenvolvido. Prova disso são módulos sem sentido, bugs, e versões que deveriam apenas ser um upgrade e que acabam por afetar a estrutura do sistema de forma gerar retrabalho para o WEBMASTER.

Deixando bem claro que não sou nenhum guru. Apenas estou expressando minha opinião. Cada um tem a liberdade de concordar ou não.

De primeira mão vamos pensar que o WEBMASTER  trabalha com inúmeros projetos, um completamente diferente do outro e com Layouts completamente diferentes. É muito difícil o WEBMASTER seguir a mesma linha em todos os projetos que desenvolve. Por esse motivo os módulos devem conter o máximo de personalização possível e os códigos de implementação devem ocupar pouco espaço, evitar o máximo de fundos, não conter textos desnecessários e procurar o máximo fornecer apenas a sua funcionalidade e ou o conteúdo do banco de dados.

Quando eu digo o máximo de personalização possível é por exemplo: Em um módulo de álbum de fotos o WEBMASTER possa determinar quantos álbuns deverão ser mostrado por linha e por coluna. Aproveitando o exemplo do álbum, poder também utilizar inúmeros álbuns no site. E não me limitar a um só. 

Quando eu digo os códigos de implementação ocupar o mínimo de espaço é por exemplo: Supomos que terá no site um mural de recados e ao clicar em enviar recado. Se abre um formulário que é maior do que a área que temos no projeto disponibilizado para os códigos de implementação. Daí se resulta um frame muito feio com o formulário dentro. Por isso eu tenho como idéia que todo módulo que possui um formulário para intervenção do INTERNAUTA que seja aberto um popup do formulário. 

Quando eu digo evitar o máximo de fundos é por exemplo: Imagine então um módulo para Contato. Daí ao implementar o código no site me mostra um fundo branco em um quadrado onde consta os campos do formulário. Daí meu cliente tem um site com fundo escuro e o fundo do formulário destrói todo o design do site. Por isso digo, os fundos devem ser transparentes, se o WEBMASTER precisar ele mesmo coloca o fundo com a ferramenta Zona de Cor do WebAcappella. E para aqueles módulos que realmente necessita de um fundo pois podem ou não ocupar um espaço; que  a cor do fundo seja configurada no adm.

Quando eu digo não conter textos desnecessários é por exemplo: Imagina um módulo de Mural de Recados. Não precisa aparecer um título qualquer ao implementar o código. Do tipo: "Mural de Recados" ;  o WEBMASTER que coloque o título que quiser. Pois até mesmo pode usar o módulo como Depoimento. Porque não?  

Visto o fato de utilizar um módulo para outro fim um detalhe interessante que deve ter no painel administrativo uma forma do WEBMASTER nomear o títulos do módulo no painel do ADMINISTRADOR.  

Então já temos duas opções necessárias a dar liberdade ao WEBMASTER:

1 - Poder ter a liberdade de utilizar cada módulo inúmeras vezes

2 - Poder nomear o título de cada módulo

Um exemplo do que estou falando:

Vamos supor que o projeto seja um website de um serviço de gastronomia. Então poderia utilizar o módulo notícias para Receitas. Poderia criar por exemplo uma categoria de notícias chamada "Receitas Diet" , outra categoria que seria "Receitas Sobremesa", outra que seria "Receitas Rápidas". No projeto eu criaria uma página para cada uma e aplicava o código de cada uma em sua respectiva página. E para completar eu mudaria o título Notícias para Receitas no painel administrativo . 

Bom seria não é mesmo?

Continuando... Na minha opinião um sistema ADM é 95% utilizado por profissionais que desenvolvem sites para terceiros. Sendo assim o ADMINISTRADOR não precisa saber quem é o DESENVOLVEDOR.  Por este motivo no painel administrativo não deve conter informações do desenvolvedor tais escritas ou figuras indicativas do mesmo. E caso exista que a mesma seja configurável podendo o WEBMASTER configurar suas próprias informações.

De entrada a tela de login deve se permitir fazer a recuperação de senha enviando para o e-mail do cadastrado. 

O painel administrativo deve possuir a opção de configuração do próprio painel, cores, inclusão da logomarca e titulo do WEBMASTER

No painel do WEBMASTER tem que ter opção de habilitar ou desabilitar módulos do painel do ADMINISTRADOR quanto poder nomear cada módulo (já citado anteriormente)

Deve-se existir um cadastro de usuários o qual não pode permitir que delete todos os usuários com função de  WEBMASTER. Tipo, o sistema deve checar se estiver com a intenção de deletar o último usuário WEBMASTER , tal como também tirar os poderes de WEBMASTER do mesmo e não permitir. Enfim o sistema não deve permitir que não exista em seu banco pelo menos um usuário WEBMASTER. 

O sistema deve também não permitir cadastros com e-mails repetidos. E seria muito interessante que ao se cadastrar seja enviado um e-mail para a pessoa cadastrada com um link para definição de senha.

Já no painel do ADMINISTRADOR, este poderá cadastrar novos usuários de níveis ADMINISTRADOR, FUNCIONÁRIO e CLIENTE. 

Não vou citar as opções de poderes tais INCLUIR, ALTERAR, EXCLUIR para que não complique demais. Mas pelo menos o ADMINISTRADOR  poder habilitar e desabilitar MÓDULOS  dos FUNCIONÁRIOS  é importante pois: Imagina ter um módulo de Atendimento ao cliente na área adm. o ADMINISTRADOR possui por exemplo 5 FUNCIONÁRIOS que trabalham utilizando este módulo. Se não tiver este recurso os FUNCIONÁRIOS poderão deletar e ou alterar informações do site e o ADMINISTRADOR nem saberá quem foi.

E por que o cadastro de usuários com nível CLIENTE? 

Muito simples, o ADMINISTRADOR dono do site pode ter uma área restrita para clientes, nesta ele poderia incluir funcionalidade tais como incluir uma imagem e um link. Algo interessante e um módulo ainda não visto. Por exemplo, na área de clientes o ADMINISTRADOR cadastraria uma imagem de um ícone e daria o nome de BAIXE NOSSO APLICATIVO DE CELULAR  e cadastraria um link para baixar. Seriam ítens que somente seus clientes de contrato poderia ter. Ou até mesmo cadastraria (outro exemplo) uma imagem ícone de SAC, nomearia SAC e o link redirecionando para seu sistema de tickets. Algo que só cliente de contrato teria acesso.  

Portanto quem cadastra seus clientes é o ADMINISTRADOR e não o próprio INTERNAUTA apenas por visitar o site. Este poderia ter uma opção que ao se cadastrar automaticamente seria de nível INTERNAUTA. Onde o WEBMASTER  implantaria o código em uma página que para ter acesso tem que se cadastrar.. Página de downloads públicos por exemplo. Esta utilizada somente no intuito de coletar dados para newsletter. 

Outro detalhe importante é se o sistema possui opção de se instalar novos módulos e de preferência que seja feito diretamente no painel.

Bom,,aliás..UFA.. por hoje é só. Até mesmo porque este artigo só tem textos e é meio cansativo de se ler. 

Mais pra frente estarei avaliando alguns ADM que estão disponíveis no mercado baseado no que este artigo propõe. Não no intuito de atrapalhar e sim no de ser útil pois nem sempre o DESENVOLVEDOR tem o mesmo pensamento do WEBMASTER. Sendo que o WEBMASTER é que vai utilizar o sistema. E é do WEBMASTER  que o ADMINISTRADOR vai cobrar caso o sistema não fazer o que promete.

Fiquem em paz, e boa semana a todos. 

Leia mais