NdVO

Todos sabem o quanto é fácil criar um blog ou coisas do gênero. Este post não é sobre isso.

Este post é sobre como criar sua própria página, com domínio próprio e hospedada em um computador na sua casa ou pequena empresa com IP dinâmico.

Com menos de 100 reais por ano você pode ter uma página para sua empresa com diversas funcionalidades, incluindo:

• Página com domínio próprio: www.minhaempresa.com.br
• E-mail próprio: eu@minhaempresa.com.br
• Site hospedado em máquina própria, na sua casa ou empresa
• Gerenciador de páginas simples e fácil de usar
• Groupware capaz de manter uma agenda da empresa com workflow, compartilhamento de arquivos, boletins internos, dentre outros.

Requisitos

Este tutorial pressupõe o seguinte:

1- Você tem um computador com Ubuntu 7.10 desktop edition com acesso à internet; (Se você não tem o Ubuntu, saiba que ele é gratuito e pode ser baixado no www.ubuntubrasil.org)

2- Você não tem IP fixo nem está disposto a gastar uma fortuna nisso; (resolveremos isso com o serviço prestado pelo no-ip)

3- Você quer ter um domínio terminado em .br; (você não precisa, a rigor, do domínio, mas isso é necessário se você quer ter um email próprio, como em eu@minhaempresa.com.br)

4- Você nunca teve um site hospedado seja lá onde for, não é webdesigner nem hacker nem sabe html, css, java nem nada que use qualquer código, não entende nada de banco de dados mysql ou postgree; (se entende de qualquer destas coisas poderá ser útil e você provavelmente vai saber ir bem além deste tutorial)

5- Você gostaria de gerenciar o seu site completamente em interface gráfica inclusive de uma rede externa (se você não sabe o que isso quer dizer, então com certeza você quer sim);

6- Não está disposto a gastar muito diheiro e considera que uns 60 reais por ano para arcar com o domínio e o redirecionamento de DNS já está suficiente (por isso todos os programas usados serão gratuitos e este tutorial não irá te induzir – acredite – a gastar nada a mais do que o estritamente necessário);

Se você atende estes pré-requisitos, acredite se quiser, é fácil pra caramba.

Passos necessários

Estes são os passos que você terá de seguir. Vou publicar como fazer cada um deles aos poucos, mas a internet está cheia de tutoriais. Esta lista de passos pode ajudar os mais apressados a saber o que procurar.

1- Tenha em mãos um computador com linux instalado. Sugiro o Ubuntu 7.10, disponível no www.ubuntubrasil.org gratuitamente. A instalação é fácil e a internet está cheia de tutoriais;

2- Vamos instalar um software de servidor web – o Apache – é muito fácil e não exige maiores configurações se você estiver usando o Ubuntu ou outra das mais populares distribuições linux;

3- Vamos instalar um banco de dados mysql – a instalação é simples, mas exige atenção. Cuidado;

4- Agora é hora de arrumar um software de gerenciamento de bancos de dados mysql totalmente em interface gráfica. Vamos instalar o Phpmyadmin. Esse programa é para facilitar. Com ele qualquer um, até eu, gerencia o banco de dados;

5- Finalmente, vamos instalar um software de gerenciamento de conteúdo de sites (CMS). Existem muitos que são simples e muito bons. Eu tenho trabalhado com o Joomla e com o Drupal. (basta procurar na internet que vc encontra facilmente)

6- Depois vamos fazer o site (colocar algum conteúdo) e testar.

7- Uma vez funcionando, vamos adquirir uma conta gratuita no no-ip para fazer o redirecionamento para nossa máquina;

8- Depois vamos configurar o modem para estabelecer um IP interno fixo para o computador que hospedará o site e para redirecionar pedidos externos para este computador. Como eu suponho que muitos estarão usando um modem e um roteador, vamos configurar o roteador também. Aí a gente testa.

Até aqui o custo de implementação do site da sua empresa será R$ 0,00 (descontados o custo da energia elétrica, do computador e do seu tempo, claro)

9- Se tudo funcionar e vc estiver a fim de ter um domínio sejalaoquefor.com.br, então vamos agora configurar o serviço de DNS e comprar o domínio.

10- Agora que você tem o domínio, é hora de ter um e-mail. Vamos usar o Google Apps para isso.

Bem, estes são os passos. Vou explicar como fazer cada um destes, mas como estou construindo este tutorial aos poucos, enquanto eu não termino todos os passos vc pode procurar pelos que estão faltando no google. Em breve você terá um site rodando em sua empresa, seu domínio e vários outros serviços para alavancar seu negócio.

Instalando o servidor Web Apache

Instalar o Apache no Ubuntu é fácil. Estou pressupondo que você nunca ouviu falar no assunto, ok?

Certifique-se de estar conectado à Internet. Abra um terminal fazendo o seguinte (No terminal é possível dar comandos a seu linux. Você pode executar programas navegar nas pastas, enfim, é como se você tivesse aberto um computadorzinho no seu computador):

Vá em Aplicações > Acessórios > Terminal

Na janela do terminal digite o seguinte:

sudo apt-get install apache2

Digite sua senha. Note que não aparecerá nada enquanto você digita. Isto é uma questão de segurança. O terminal não mostra nenhuma marca de senha para ninguém saber o tamanho dela. Não ligue pra isso. Digite sua senha inteira e tecle Enter.

(Explicações: “sudo” é o comando para super-usuário ou administrador do sistema e é necessário para instalar programas; “apt-get” é o nome de um programinha que gerencia a instalação de pacotes, inclusive baixando-os da internet; “install” é instalar em inglês e é o comando que você quer que o programa “apt-get” faça; “apache2″ é o programa que você quer instalar).

Quando ele terminar, o Apache estará instalado. Entenda o seguinte: o Apache é um programa sem interface gráfica. Isto quer dizer que você não vai clicar em um ícone e abrir o apache. Não tem janelas nem nada. Não ligue pra isso. Se você quiser aprender mais sobre o apache, comece por aqui, mas se não quiser não tem problema. Ele já está funcionando, quer ver?

Abra o firefox (Aplicações > Internet > Navegador Web Firefox) e entre na seguinte página: localhost

“Localhost” significa “servidor local”, ou seja, você está tentando acessar um site hospedado em seu próprio computador.

Experimente agora abrir a pasta que fica em /var/www no seu computador.

Clique em Locais > Computador

Entre em Sistema de Arquivos > var > www

A pasta www contém o seu site. Como você ainda não fez nenhum site, não há muita coisa nesta pasta.

Funciona assim. Crie uma página de internet e salve-a com o nome de “index.html” nesta pasta. Depois disso, quando você digitar localhost no seu navegador de internet, ele vai abrir a página que está em /var/www.

Se você tiver dois computadores em rede, abra o firefox no outro e digite o ip interno da máquina que tem o Apache (que a gente vai chamar de Servidor). Ele vai mostrar o site que você salvou na pasta /var/www.

Nota: Para saber qual é o seu ip interno clique com o botão direito no ícone de rede que fica do lado do relógio no painel superior e escolha “Informações da Conexão”.

Pronto. Você tem um servidor web instalado e funcionando no seu computador.

Instalando um banco de dados mysql

Instalar um banco de dados no ubuntu 7.10 também é bastante fácil.
Abra um terminal (Aplicações > Acessórios > Terminal)

digite:

sudo apt-get install mysql-server-5.0

O download é de mais de 30 megas, então demora um bocadinho dependendo da sua conexão com a internet. Terminado o download a instalação começa o terminal vai te trazer a seguinte tela:

Defina uma senha para o usuário “root”. Não perca esta senha em hipótese alguma. Ela será necessária para diversos programas gerenciadores de conteúdo de sua página na internet.

Lembre-se também de que quando for acessar o seu banco de dados o nome do usuário será “root” e a senha que você definir aqui. Só para frisar mais uma vez, NÃO PERCA ESTA SENHA.

(nota : esta senha será usada por vários programas. Assim, você terá de informá-la para os programas. Se você em algum momento contratar um técnico para mexer em seu banco de dados, terá de dar a ele esta senha, mas é possível trocar a senha em qualquer momento no futuro)

Definida a senha, dê ok e aguarde o término da instalação. Prontinho, banco de dados instalado.
O mysql não tem uma interface gráfica e suponho que você não saiba lidar muito bem com isso. Suponho ainda que, como eu, você não saiba lidar com bancos de dados mysql. Então vamos instalar também um aplicativo que ajuda (e muito) leigos a lidarem com isso. Trata-se do PHPmyadmin.

Instalando o gerenciador de bancos de dados phpmyadmin

Ainda no terminal digite o seguinte:

sudo apt-get install phpmyadmin

Depois de baixado o programa, o terminal começará a instalar. Vai aparecer a tela seguinte:

Se você está seguindo este tutorial desde o início, escolha a opção “apache2″.

Se você não está seguindo o tutorial desde o início, certifique-se de que tem um servidor web instalado e qual é. Se não tiver ou não souber o que é isso, recomendo que siga o tutorial do início, caso contrário, provavelmente não vai funcionar.

Escolhido o servidor web, o terminal vai instalar o programa pra você. Pronto! PHPmyadmin instalado.

A essas alturas você já deve estar com alguma saudade da interface gráfica, não. Pois então abra o Firefox ou seu navegador web preferido e digite no endereço o seguinte:

http://localhost/phpmyadmin

(nota: “localhost” é o seu próprio computador e “phpmyadmin” é o nome da pasta que você quer acessar. Usando o Apache a pasta que fica em /var/www contém sua página de internet e lá deve haver uma pasta chamada “phpmyadmin”. Para acessar a pasta /var/www vá em “locais > computador” e entre na pasta “var” e em seguida “www” ou em um terminal digite: cd /var/www)

Na página do phpmyadmin digite seu nome de usuário (root) e a senha do banco de dados mysql que você definiu no passo anterior.

Pronto. Não crie um banco de dados agora a não ser que você saiba o que está fazendo.

O próximo passo agora é fazer nossa página de internet, o que vamos fazer com a ajuda de um software de gerenciamento de conteúdos (CMS). Existem vários que você pode escolher. Se não quiser esperar até que eu continue este tutorial, você encontrará e poderá testar e aprender a instalar vários CMS no site www.opensourcecms.com.

Instalando Software de Gerenciamento de Conteúdo

Fiquei entre 3 softwares de gerenciamento de conteúdo (CMS) para postar aqui: Drupal, Joomla e Bitweaver.
Todos têm uma instalação muito fácil, mas acabei optando por ensinar a instalação do Joomla em função do tamanho da comunidade dele e de sua facilidade de administração.

1- Bem, o primeiro passo é baixar o programa aqui. (Há uma versão totalmente em português de Portugal que você pode baixar aqui)

2- Depois de baixar o arquivo, mova-o para a pasta /var/www do seu Ubuntu. Você pode fazer isso com ou sem interface gráfica. Simplesmente copie o pacote do lugar onde você o salvou e cole-o na pasta /var/www.

(Se houver problemas de permissão, aperte Alt+F2 e digite, na tela que vai abrir: gksu nautilus . Com isto você abrirá uma janela como super usuário e não será incomodado por problemas de permissão. CUIDADO! Como super usuário você pode fazer o que quiser e, por isso, pode apagar arquivos importantes do sistema. NÃO MEXA nos arquivos da pasta /var a menos que você saiba o que está fazendo. Mexa somente nos arquivos que nós mesmos vamos colocar na pasta /var/www.)

3- Depois de mover o pacote para a pasta /var/www, descompacte-o (Clique com o botão direito e selecione “extrair aqui“).

4- Mude o nome da pasta que vai surgir para “joomla”. (Clique com o botão direito, selecione “renomear” e digite “joomla”).

Agora, por precaução, faça o seguinte:

5- Altere as permissões de todos os arquivos dentro da pasta para permitir a leitura pelo usuário do servidor de internet.

Para fazer isso facilmente abra um terminal e digite:

sudo chown www-data.www-data /var/www/joomla -R

Isto feito, todas as permissões devem estar OK.

6- Agora abra seu navegador de internet e entre no seguinte site: http://localhost/joomla. (note que este site está no seu computador – localhost significa o servidor local e /joomla significa a pasta joomla).

Vai aparecer no browser o instalador do joomla.

Na primeira página você vai digitar: 1- o nome do servidor. (Deixe “localhost” que significa o computador local); 2 – O nome de usuário do banco de dados mysql que você definiu anteriormente; 3- A senha do usuário do banco de dados mysql que você definiu anteriormente; o nome do banco de dados a ser usado (deixe como joomla); 4- o prefixo de nome de tabela (isto é útil quando mais de um programa utiliza um mesmo banco de dados (deixe o valor padrão). Não altere mais nada.

É necessário informar corretamente o nome e a senha do usuário do banco de dados, conforme o passo “instalando o banco de dados” acima.

Na segunda página do instalador você digitará o nome do seu site.

No terceiro passo você digitará o seu domínio (caso você não tenha um domínio ainda, já que nós ainda não chegamos neste passo, coloque simplesmente http://localhost. Isto terá de ser alterado quando tiver um domínio)

No passo quatro você receberá um nome e senha de administrador. Anote-os para poder alterar depois. Agora que o instalador automático terminou o serviço dele é necessário que você apague ou renomeie a pasta de instalação do joomla. Esta é a mensagem que está aparecendo nesta tela.

Para fazer isso, abra um navegador de arquivos, preferencialmente como root (Pressione Alt+F2 e digite: gksu nautilus). Navegue até a pasta /var/www/joomla e delete ou renomeie a pasta installation.
Prontinho. O joomla está instalado. Para ver o site abra o Navegador de Internet e entre no link http://localhost/joomla.

Construindo o site

Esta é a parte mais complicada. Normalmente sempre achamos que o difícil é fazer os códigos ou entender as ferramentas. Na verdade o mais difícil é criar e organizar o conteúdo.

Vamos fazer um planejamento bem simples para construir nosso site:

1- Identifique que informações sua empresa já tem e que podem ser disponibilizadas no site;

2- Identifique que informações você gostaria de sua empresa tivesse para disponibilizar no site;

3- Identifique que informações seus clientes mais gostariam ou necessitam que estejam no site.

Feito isto, é necessário pensar em uma organização para o site. O template (a aparência), podemos simplesmente pegar uma das muitas que já existem. Precisamos, de qualquer forma, definir como as informações serão acessíveis.

A forma mais simples é construir um menu. Eu sugiro o seguinte, começamos sempre pelo que o seu cliente quer ver e saber, e não o que você tem ou quer mostrar. Coloque estas coisas no menu mais fácil de achar e mais visível ou, se possível, logo na primeira página. Este menu pode ser meio bagunçado. A idéia é simplesmente colocar o mais importante e buscado de forma fácil.

Depois, pense em organizar as demais informações por tema. Isto não é tão simples quanto parece. Se não for informação demais, coloque um menu para cada tema logo na primeira página.

Bem, e der um branco total e eu simplesmente não souber o que colocar no site?

Faça o seguinte: se você tiver qualquer tipo de ferramenta colaborativa ou com interatividade, ponha-a na primeira página ou um link para ela na primeira página (fóruns, discussões, comentários dos usuários, etc.). Se seu site tem imagens, ponha exemplos de imagens. Tem notícias, ponha exemplos de notícias.

Deixe sempre para um menu mais escondido coisas do tipo “quem é quem”, “missão”, “história da empresa” e coisas assim. Quase ninguém dá a mínima para isso.

Identifique o que sua empresa faz (de preferência também com imagens) e não se esqueça de colocar um endereço, telefone e um formulário para contato. Sem isso você perde credibilidade.

Se o que você quer é simplesmente uma página para sua empresa constar da internet, faça um texto como:

“J&J materiais de construção.

Materiais de qualidade comprovada e preços baixos. Atendemos em toda a região de Mangabeira e Manjericão.

Conheça nossos produtos e faça seu pedido ou entre em contato.”

Um texto pequeno assim com uma ou duas fotos de seus produtos pode ser o suficiente para que sua empresa receba uma ligação do cliente interessado.

A interface do Joomla para administrar conteúdo é relativamente simples, mas é em inglês.

A parte de customização, incluindo alteração da aparência e inserção de conteúdo é a parte mais complexa. Se você não entende nada de html e css eu sugiro que você escolha um template já pronto (há muitos para escolher) e se concentre em decidir o que vai ter no site da sua empresa.

Os próximos passos agora são: 1- traduzir o joomla para português (basta baixar um pacote para isto, não se preocupe); 2- Aprender a mexer com o joomla para poder editar as páginas e organizar o conteúdo do seu site; 3- Escolher um template para alterar a aparência do seu site.

Por enquanto vamos pular a parte de efetivamente construir o site, porque nisto se vai muito trabalho.

Quando você estiver satisfeito com seu site e decidir que ele efetivamente deve entrar no ar, chega a hora de conseguir um domínio.