09 jul 2013

Como criar um fórum phpBB

Vamos aprender neste artigo como instalar um dos melhores fóruns gratuitos disponíveis atualmente, o phpBB (PHP Bulletin Board). Ele é fácil e prático de utilizar. Veja online uma demonstração.

1) O primeiro passo é fazer o download da última versão do phpBB. Acesse a área de downloads do site oficial do phpBB:

https://www.phpbb.com/downloads/

Clique em “Download Latest” e aguarde o término do download.

2) Após feito o download na versão .zip do Fórum phpBB, extraia em seu computador.

Download phpBB e pasta extraída

3) Agora vamos copiar a pasta phpBB3 para o diretório raiz da hospedagem, onde queremos instalar o fórum. Para isso, conecte via em sua conta de hospedagem via FTP e arraste para a pasta “public_html” a pasta que foi extraída anteriormente. Caso tenha dificuldade em realizar este procedimento, saiba como realizar uma conexão via FTP.

Enviando o phpBB via FTP

Este passo irá demorar alguns minutos, pois são diversos arquivos que estão sendo transferidos do seu computador para a sua hospedagem. Não esqueça de manter a conexão aberta até o término do envio.

4) Enquanto os arquivos são enviados via FTP, podemos o login no painel de controle para configurar o banco de dados que será utilizado. Para isso, acesse o item “Banco e dados MySQL” da aba “Banco de dados”.

Primeiramente, crie um banco de dados.

Criando um novo banco de dados

Em seguida, um usuário para poder acessar o respectivo banco de dados.

Criando um novo usuário de banco de dados

E finalmente, atribuiremos permissão do usuário criado ao banco de dados.

Dando privilégios ao usuário

Caso esteja com dificuldades nesse passo, siga esse tutorial e saiba como criar e gerenciar um banco de dados MySQL.

5) Agora com o banco de dados criado e privilégios atribuídos, acesse o link de instalação do fórum phpBB. Verifique antes se o upload dos arquivos via FTP está concluído. Caso não, aguarde o término. Para acessar, basta digitar em seu navegador o seguinte endereço:

http://www.seu-dominio.com/phpBB3

Lembre-se que “seu-dominio.com” deverá ser preenchido pelo seu nome de domínio.

Clique em “Install” para iniciar a instalação do fórum phpBB. Na próxima janela, haverá informações sobre os requisitos do servidor. Para prosseguir, clique em “Proceed to next step”.

Tela inicial de instalação do phpBB

Agora ele irá averiguar os requisitos mínimos do servidor e no final da página, clique em “Start install”.

Verificando todos os requisitos de instalação

6) Agora nesta etapa é um processo muito importante, pois deve-se preencher com as informações do banco de dados, criadas no quarto passo.

Preencha com atenção os dados solicitados como mostra a imagem abaixo.

Configuração do banco de dados do phpBB

Feito isso, clique em “Proceed to next step” para verificar se os dados estão corretos.

Conexão do banco de dados estabelecida

Caso venha a receber uma tela de falha, volte para o passo anterior e verifique os dados informados.
Após isso, clique novamente em “Proceed to next step”.

7) A partir desse momento, resta apenas determinarmos as preferências do fórum e do administrador. Na tela a seguir, informe os dados do administrador do Fórum phpBB (usuário, senha e e-mail) e também o idioma padrão do fórum.

Configurações do administrador do fórum

Atenção! Armazene esses dados e o mantenha em um lugar seguro, pois sem ele, não será possível entrar no painel administrativo do fórum.

Após preenche-los, clique em “Proceed to next step” e será exibido novamente uma tela de sucesso.

Configurações OK do administrador

Caso venha a receber uma tela de falha, volte para o passo anterior e verifique os dados informados. Após, clicamos novamente em “Proceed to next step”.

8) Agora, será exibido uma tela em que nos informa se o processo de instalação houve permissão para criar o arquivo de configuração, clique em “Proceed to next step” para prosseguir.

Tela inicial da criação do arquivo de configuração

9) Neste passo, será solicitado informações de e-mail e URL de instalação, as configurações atuais são as padrões e inicialmente recomendamos mantê-las afim de evitar problemas.

Tela de configuração do fórum phpBB

10) Neste passo o phpBB nos alerta que tabelas no banco de dados foram preenchidas com as configurações preenchidas nos passos anteriores.

Criação das tabelas do banco de dados do fórum

Após clicar em “Proceed to next step”, uma tela de sucesso da instalação será exibida. Clique em “login” para ser redirecionado para a área administrativa do fórum phpBB.

Tela de boas-vindas do phpBB

Pronto! O Fórum phpBB foi instalado com êxito.

Para acessar o seu fórum basta digitar na barra de endereço do seu navegador:

http://www.seu-dominio.com/phpBB3

Lembre-se que “seu-dominio.com” deverá ser preenchido pelo seu nome de domínio.

Observação: em seu primeiro acesso, será solicitado para excluir a pasta install (via FTP) por questão de segurança. Após a exclusão, a mensagem será removida.

Tela inicial do fórum phpBB instalado

Divirta-se com seu novo fórum phpBB. Caso tenha dúvidas, deixe comentários abaixo para que possamos o ajudar!

18 maio 2013

Conheça o TinyPNG e deixe seu site mais leve

É comum encontrar sites que possuem grande parte de suas imagens PNG (Portable Network Graphics) devido ao suporte de imagens transparentes com uma grande definição das cores. Esse formato é principalmente utilizado em icones e logotipos, em que é necessário ter um fundo transparente e garantir uma qualidade agradável ao visitante.

O grande problema de utilizar o formato PNG é o tamanho (em bytes) que a imagem ocupa e quando se trata de internet. Isso é um grande problema porque quando se acessa um site, o que deseja é encontrar a informação de de forma fácil e rápida. Ter um site com imagens pesadas só irá dificultar o acesso do visitante à informação, retardando o carregamento do site. O problema se agrava quando o visitante está utilizando uma internet móvel como o 3G.

Solução para o problema

Visto que não existe outro formato de imagem que mantém a transparência de uma imagem de forma agradável, é necessário fazer um tratamento especial para as imagens PNG. Como?

A maioria dos programas de edição de imagem salvam a imagem PNG em 24-bit e isso significa que eles utilizam 24 bits para cada agrupação de pixels de mesma cor. Reduzindo essa quantidade de pixels a qualidade da imagem é reduzida, porém é possível fazer mais agrupamentos e ainda utiliza menos bits para cada agrupamento, deixando a imagem mais leve.

Uma outra informação desnecessária para a utilização na internet nas imagens PNG são os metadados. Metadados são informações do próprio arquivo, como título, autor, descrição, direitos autorais, etc.

Conheça o TinyPNG

O TinyPNG utiliza tecnicas de compressão inteligentes para que a perda de qualidade das imagens PNG seja pequena e o tamanho do arquivo seja reduzido consideravelmente, alterando a imagem para 8-bit e removendo os metadados.

A redução do tamanho do arquivo varia em relação a imagem. Com os testes realizados pela Kosbit, houveram reduções entre 50% e 90%, ou seja, uma imagem PNG de 100kb pode ser reduzida à 10kb.

http://tinypng.org/

1º teste – Firefox

O primeiro teste foi realizado com o logotipo do navegador Firefox, em que possui uma grande quantidade de cores em gradiente.

Logotipo no navegador Firefox original
Logotipo no navegador Firefox original

Logotipo no navegador Firefox gerado pelo TinyPNG
Logotipo no navegador Firefox gerado pelo TinyPNG

Sendo a imagem original 274kb e a imagem gerada pelo TinyPNG 58kb, houve uma redução de 78% no tamanho da imagem. Porém, quando a imagem é vista em tamanho real, percebe-se que a qualidade da imagem foi afetada em regiões que possuem gradiente. Nesse caso, é importante analisar o que é mais importante: manter a qualidade da imagem ou priorizar a velocidade do site.

2º teste – Kosbit

O segundo teste foi relizaco com uma imagem mais simples, sem gradiente.

Logotipo da Kosbit original
Logotipo da Kosbit original

Logotipo da Kosbit gerado pelo TinyPNG
Logotipo da Kosbit gerado pelo TinyPNG

A imagem original tem 14kb e a imagem gerada pelo TinyPNG tem 2kb, reduzindo o tamanho da imagem em 85%. A qualidade da imagem não foi alterada nesse teste.

06 maio 2013

Usabilidade em seu site

O seu site pode ser bonito, mas será que ele está exercendo a sua função de atrair o público e transforma-lo em leitor ou cliente? Confira os itens de usabilidade para medir o comportamento de seu site.

Acessibilidade

Existem vários tipos de navegadores e dispositivos em que o visitante possa utilizar para acessar o seu site. Conhecer como o seu público acessa o seu site pode ser interessante para evitar constrangimentos. Lembre-se que cada navegador interpreta o código de uma maneira e que cada dispositivo tem uma resolução diferente.

Se o seu site foi desenvolvido com base no Chrome, como ele se comporta nas distintas versões do Internet Explorer? O mesmo código que fica lindo no navegador Chrome, pode ficar todo caído e desalinhado em um IE 7 ou então inacessível em um dispositivo móvel. Procure deixar o seu site bem apresentado em todos tipos de acesso com Design Responsivo.

Utilizando HTML como linguagem de marcação, é importante utilizar os seus elementos (menu, listagem, título, parágrafo, etc) de forma correta para garantir que os mecanismos de buscas possa compreender o conteúdo da página. Não esqueça de validar o seu código validadores como W3C Markup Validation Service e CSS Validation Service.

Um site pesado com muitas imagens ou uma hospedagem lenta pode frustrar o público e os motores de busca. Lembre-se que que o seu site é uma fonte de informação e que o usuário quer a informação que ele precisa o quanto antes. Para testar a velocidade de seu site, recomendamos utilizar uma ferramenta gratuíta do Google, o PageSpeed Insights.

Navegação

Qual o tamanho do seu site? O que o visitante está buscando é facilmente encontrado? Saber o que o público quer encontrar no site é um requisito mínimo ao desenvolver um site. A resposta, seja ela comprar um produto, conhecer um serviço prestado, interagir com outras pessoas ou até mesmo humor, deve ser facilmente encontrado na página inicial, de preferência na região visível ao abrir o site (sem a necessidade de rolar a página).

A insatisfação do usuário em não encontrar o que procura em poucos instantes faz com que ele acesse o site concorrente e ainda, crie uma imagem negativa do seu site ou até mesmo da sua empresa.
Procure sempre ter um menu de navegação visível com itens bem definidos e uma busca para que os visitantes possam encontrar facilmente o que desejam e, indiretamente, saber do que o site se trata. Peça para que amigos e familiares deem feedback do que entenderam.

Identificação

Criar uma identidade visual é um requisito básico para seu site ser lembrado pelo público. A capacidade de distinguir um site de outro é importante para que o visitante saiba onde ele encontrou uma informação. Usufrua das cores de sua logomarca com a psicologia das cores.

Conteúdo

Sem dúvida, o conteúdo é o coração do site. Não adianta ter um site bonito, com uma navegação intuitiva se o visitante não se sente estimulado para navegar. Qual a frequencia de acessos do visitante no site? O visitante está procurando notícias ou artigos novos? Um site atualizado constantemente é uma forma de mostrar que se preocupam em trazer novidades para o visitante.

Destaque no início da página um resumo do que a página contém. Caso o visitante não se indentifique com o conteúdo da página ele pode rapidamente procurar por outra página ou outro site. É preferível o visitante compreenda que aquela página não é a desejada do que se frustrar e aumentar a taxa de rejeição do site.

É comum encontrar sites que possuem dezenas de parágrafos longos com apenas um título no início do texto. O visitante dificilmente lerá o texto inteiro para encontrar o que deseja, a menos que ele já conheça o site e o conteúdo seja de total interesse. Utilizar sub-títulos, listagens e imagens ilustrativas facilitam a leitura e também a encontrar uma informação presente em um trecho, caso seja a necessidade do leitor.

© 2017 Kosbit Webservices LTDA - Todos os direitos reservados.

Click Me