24/08/2015

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

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



16/08/2015

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. 

















13/07/2015

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








Inicialmente é importante lembrar que os quesitos da minhas postagens são referente a minha opinião devido a vários transtornos que já passei. 

E que os quesitos não são obrigatórios , apenas dicas para contar pontos na decisão na hora de escolher um ADM. Frisando também que particularmente eu adquiro todos.



QUESITO 13 - INSTALAÇÃO





Outro detalhe, apesar de não ser de grande importância; pois após superado algum transtorno na primeira instalação as próximas é fichinha; é a facilidade e liberdade na hora de instalar o sistema.

Digo liberdade pelo seguintes fatores: 
- Poder instalar em qualquer pasta, e não somente na padrão informada pelo fornecedor do sistema.
- Poder ter mais de uma instalação do sistema no mesmo domínio. Pois o próprio desenvolvedor WebAcappella pode além de querer utilizar o sistema no seu próprio site, como disponibilizar um demo para seus clientes.

A instalação deve ser de preferência automática além de ter opção de instalação manual caso a automática falhar. Vale para o sistema completo quanto para os módulos avulsos.

Deve-se ter manuais escritos e em vídeo para as duas opções, tanto automatizada quanto manual. 

Este quesito tem sua importância pois imagina você adquirir um sistema e na hora de instalar já ter a necessidade de acionar o suporte para tal?

E pior ainda, quando o suporte não te atende com eficácia. Isto acontece muito quando quem lança o sistema não é o próprio programador. Pois veja bem, você já depende de uma outra pessoa para atender seu cliente, e ter que depender de mais uma outra pessoa? De experiência própria eu digo: - É uma situação complicada, pois a qualidade do seu suporte vai depender da qualidade do suporte que você recebe no se tratar da área administrativa.






QUESITO 14 - REDES SOCIAIS



Outro detalhe que seria interessante, digo seria pois ainda não vi nenhum ADM que ofereça este quesito; é ter vinculação com as redes sociais.

Pois imagina o cliente postar uma notícia interessante e ali ter um botão em que ao clicar compartilhasse esta notícia no Facebook por exemplo. 

Por isso eu gosto de utilizar o Prestashop no caso do meu cliente ter um catálogo de produtos. 

Por exemplo utilizando o Prestashop o visitante do site ou até mesmo o próprio dono do site,  clica no produto e resulta na seguinte imagem.



Em seguida ele clica em "Compartilhar no Facebook" como mostra a seta vermelha. Simplesmente resulta em uma postagem daquele produto no Facebook (imagem abaixo). Resumindo, é lançada uma propaganda do produto entre os amigos e ou integrantes de um grupo de quem compartilhou. Bom ou não?






QUESITO 15 - META TAGS DO CLIENTE

Diferente do que postei no QUESITO 9, neste caso seria o cliente, digo dono do site; possa incluir meta tags em alguns lugares no site. Mas que realmente funcionam, e não apenas inseridas dentro do banco de dados como apenas mais uma informação a alimentar.

Pois os robôs dos mecanismos de busca não procuram dentro dos arquivos de banco. E para quem não sabe a maioria dos sistemas ADM utiliza frames, e para o Google, um  site que utilize frames requer uma análise cuidadosa para garantir que o tráfego é acompanhado de forma precisa e que as informações de referência são mantidas. 




QUESITO 16 - LIBERDADE NA APLICAÇÃO



Quando digo liberdade na aplicação, é o desenvolvedor Webacappella ter mais liberdade ao inserir o código no projeto e não ficar preso em um padrão de como inserir.

Vou tentar explicar melhor: 

Supomos que vou incluir no site do cliente uma área de álbum de fotos. Daí o ADM me obriga a utilizar uma área com dimensões X.  Sendo que algumas vezes seguir o padrão do ADM acaba interferindo no design do site. 

Outro detalhe é que, o que o desenvolvedor precisa do ADM  é mostrar as informações do banco e não molduras e ou títulos já padrões no ADM. Se eu precisar colocar a frase "Álbum de fotos" no projeto eu coloco usando as fontes e cores combinando com o design do projeto, e não o sistema fornecer este título automaticamente pra mim em suas configurações padrões. Ou até mesmo me mostrar o álbum dentro de uma moldura a qual não tem nada haver com o design do site. O desenvolvedor precisa apenas que mostre as fotos. 


UMA PARADINHA



Depois de tantos quesitos surgem questões de como escolher, sendo que os ADM cada qual com sua característica não atende todos, e as vezes é melhor em um quesito e pior em outro.

Muito simples. Vou passar uma dica: 

Em primeiro lugar você vai escolher o que mais lhe atende, isto é uma questão particular sua. Mas para servir de ajuda você pode criar por exemplo uma planilha no Excel mais ou menos assim. 



Na primeira coluna você lista os Quesitos, a segunda coluna você determina a importância de cada quesito pra você, na terceira coluna você preenche com sua nota referente cada quesito. Lembrando que se o valor da importância de um quesito for 5 por exemplo..se tiver dando a nota 5 , aquele quesito atingiu 100% da importância (importante observar isso). Em outra coluna você coloca coloca o % que a nota atingiu sobre a importância. No final da coluna % você insere a média do resultado da coluna %. Daí você faz a comparação no resultado final.

Os quesitos você pode incluir livremente, de acordo com sua necessidade.

Exemplo da planilha (os dados inseridos são sem relevância, servem apenas para exemplo)




No exemplo então de acordo com o que tem mais importância para mim, e se fosse para escolher, seria o Fornecedor 1.

Mas continuo batendo o pé, se você é um desenvolvedor WebAcappella adquira todos.


Bom, lembrando que não estou aqui julgando um ou outro que exista no mercado. Apenas expondo minha opinião em quesitos. Espero que os artigos sejam vistos de forma positiva aos Fornecedores deste tipo de sistema. E que ajude os mesmos melhorarem os pontos deficientes dos mesmos. 

Abraço a todos.










Related Posts Plugin for WordPress, Blogger...