PI S2 DSW I DouglasARS

Apresentação

Olá Estudante, que bom que você chegou aqui.

Na nossa segunda semana de estudos, concluiremos a parte inicial da instalação das principais ferramentas para o ambiente de desenvolvimento. Lembrando que o ambiente de desenvolvimento deve ser composto pelo o sistema operacional Linux; o servidor web Apache; a base de dados MySQL; e também o PHP.

Agora que temos nosso servidor web (apache) pronto e funcionando, é hora de instalar o MySQL e o PHP e as ferramentas administrativas. Vamos voltar a falar do netbeans. E vamos também apresentar a primeira atividade obrigatória!

Fiquem atentos as postagens Fórum e participem dos nossos encontros virtuais.

Espero todos vocês na quinta-feira!

Abraço a todos e Bons Estudos!

Prof. Douglas A.

Objetivos

• Instalar o MySQL.
• Instalar o PHP.
• Instalar o phpmyAdmin.

Instalação rápida

Na última semana, mostramos no final do texto a instalação do servidor Apache. O vídeo a seguir, mostra como é a instalação de todo o "pacote" começando pelo Apache, seguindo PHP, MySQL e phpMyAdmim. Assista o vídeo e tente instalar os pacotes. Depois listarei os comandos na ordem que eles forem aparecendo e comentando os mesmos.

Vídeo 1: Instalando o Apache, PHP, MySQL e phpMyAdmin (Ubuntu versões 12.04 ou 14.04).

Não esqueça que você já iniciou a instalação. Então você pode pular os comando que já tiverem sido feitos, embora não tenha nenhum problema fazer novamente. Outra dica importante é este vídeo traz a instalação do Ubuntu 12.04, mas que serve perfeitamente para o Ubuntu 14.04 bem como outras distribuições. Outra dica importante, é que os comando do Linux podem ser um pouco diferentes, então, também estou disponibilizando este outro vídeo com a instalação no 14.04. Assistam os dois vídeos e depois é só seguir o tutorial da instalação abaixo. Ah! Já ia esquecendo, na versando 12.04 o diretório padrão do apache fica em /var/www e na versão 14.04 fica no /var/www/html. Confira qual sua versão onde está o diretório padrão.

Vídeo 2: Instalando o Apache, PHP, MySQL e phpMyAdmin (Ubuntu 14.04).

Passo 1

Para instalar o Apache você tem que abrir o terminal <ctrl+alt+t> e digitar:

$ sudo apt-get install apache2

Coloque a senha do administrador se for necessário. E confirma com "S" para continuar a instalação.

Para testar, vá no seu navegador e digite:

Http://localhost

Você verá a página web padrão do Apache no Ubuntu, que está lá para propósitos de informação e testes. Deve ser algo parecido com isto:

Se você conseguir visualizar uma página com esta, então seu servidor web está corretamente instalado agora.

Passo 2

Para instalar o PHP junto do Apache digite:

$ sudo apt-get install php5 libapache2-mod-php5 

Agora é necessário alterar o proprietário e o grupo do diretório /var/www, alterando o dono (nomeUsuario) do arquivo ou grupo (grupoUsuario). Digite:

$ sudo chown -R nomeUsuario:grupoUsuario /var/www

Exemplo:

$ sudo chown -R douglas:douglas /var/www

Para testar a instalação, vamos criar um arquivo e chamar de info.php no diretório /var/www/html. Para criar ou alterar o arquivo, digite:

$ gedit /var/www/html/info.php &

Digite o seguinte código:

<?php

      phpinfo();

?>

Salve o arquivo, vá no seu navegador e digite:

http://localhost/info.php

Deverá aparecer uma tela como esta:

Passo 3

Instalar o banco de dados MySQL server:

$ sudo apt-get install mysql-server

1. Você precisa definir uma nova senha para o "root" do MySQL e teclar <ok>.
2. Você vai ter que redigitar a senha e teclar <ok>.

Passo 4

Instalar o phpMyAdmin e as ligações com MySQL e PHP. Para isso digite:

$ sudo apt-get install libapache2-mod-auth-mysql php5-mysql phpmyadmin

1. Durante a instalação é preciso configurar qual o servidor web, no nosso caso vamos escolher o apache2 e teclar <Ok>.
2. Seguindo a instalação, é perguntado se já existe uma base de dados, indicando qual é, basta escolher <Sim> e teclar <Enter>.
3. É preciso definir a senha do usuário administrativo da base de dados e teclar <Ok>. É comum utilizar a mesma senha do usuário do MySQL. Você vai repetir a mesma senha 3 vezes.
4. Ainda não está pronto para utilizar. É necessário restartar o apache e também criar uma ligação (link) para acessar o phpmyadmin. Para isso faça:

$ sudo /etc/init.d/apache2 restart
$ sudo ln -s /usr/share/phpmyadmin /var/www/html/phpmyadmin

Pronto. Para testar vá no seu navegador e digite:

http://localhost/phpmyadmin

Se tudo der certo, vai aparecer essa tela:

Pronto!

Agora é definir a linguagem de trabalho, usuário root (do phpMyadmin) e senha.

Exercício de fixação

1. Crie um arquivo de teste php seguindo:

a. Chame o editor de texto simples. Pode ser qualquer editor de texto como gedit/nano/vi a partir do terminal:

$gedit /var/www/html/teste.php &

b. Digite o código abaixo.

<?php

      echo $_SERVER['HTTP_USER_AGENT'];

?>

c. Salve o arquivo em /var/www/html.

d. Abra o arquivo no seu navegador.

http://localhost/teste.php

2. Criar uma aplicação HTML5 com CSS com o NetBeans.

a. Abra o NetBeans IDE.

b. Comece um novo projeto: Arquivo > Novo Projeto.

c. Escolher Projeto

Categorias: HTML5

Projetos: Aplicação HTML5

d. Clicar em Próximo >

Nome do Projeto: TesteHtmlApp

e. Clique em Finalizar

f. Substitua o conteúdo do arquivo index.html por esse:

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=UTF-8">
<title>Teste CSS NetBeans IDE 8.0</title>
<link rel="stylesheet" href="css.css">
</head>
 
<body>

<!-- Menu de navegacao do site -->
<ul class="navbar">
  <li><a href="index.html">Semanas</a>
  <li><a href="teste1.html">Semana 1</a>
  <li><a href="teste2.html">Semana 2</a>
  <li><a href="teste3.html">Semana 3</a>
</ul>
 
<!-- Conteudo -->



<!--
[[AO1_DSW_I_DouglasARS]]
-->

<h1>Teste CSS NetBeans</h1>
 
<p>Bem vindos ao teste de CSS NetBeans
 
<p>Esta página contém apenas um teste chamando um arquivo CSS externo, caso seja exibido as cores e personalizações
significa que está funcionando!
 
<!-- Date e assine sua página -->
<address>Construida em 14 de outubro de 2015 - E-TEC - Tubarão<br>
</address>
 
</body>
</html>

Teste CSS NetBeans

Bem vindos ao teste de CSS NetBeans

Esta página contém apenas um teste chamando um arquivo CSS externo, caso seja exibido as cores e personalizações significa que está funcionando! <address>Construida em 14 de outubro de 2015 - E-TEC - Tubarão
</address> </body> </html>

Instalando separadamente

Nesta seção, vamos falar com mais cuidado sobre as instalações e configurações. Também vamos apresentar informações importantes sobre esses aplicativos.

Instalar o MySQL

O MySQL é um sistema de gerenciamento de bancos de dados. Basicamente, ele irá organizar e proporcionar acesso a bases de dados onde nosso site pode armazenar informação.

Novamente, podemos utilizar o apt para obter e instalar nosso software. Desta vez, vamos também instalar alguns pacotes "auxiliares" que irão nos ajudar a obter nossos componentes para comunicarem uns com os outros:

$ sudo apt-get install mysql-server php5-mysql

Nota 1: Deverá ser solicitada a senha do usuário com os privilégios necessários para a instalação.

Nota 2: Neste caso, você não tem que executar sudo apt-get update antes do comando. Isso é porque o executamos recentemente através dos comandos acima para instalar o Apache. O índice de pacotes em nosso computador já deve estar atualizado.

Durante a instalação, seu servidor vai pedir para você selecionar e confirmar uma senha para o usuário "root" do MySQL. Esta é uma conta administrativa no MySQL que possui privilégios avançados. Pense nela como sendo similar à conta de root para o próprio servidor, no entanto, esta que você está configurando agora é uma conta específica do MySQL.

Quando a instalação estiver concluída, precisaremos executar alguns comandos adicionais para ter nosso ambiente MySQL configurado de forma segura.

Passo 1

Precisamos dizer ao MySQL para criar sua estrutura de diretório de banco de dados, onde ele irá armazenar suas informações. Você pode fazer isto digitando:

$ sudo mysql_install_db

Depois, queremos executar um script simples de segurança que vai remover alguns padrões perigosos e bloquear um pouco o acesso ao nosso sistema de banco de dados. Inicie o script interativo executando:

$ sudo mysql_secure_installation

Você será solicitado a digitar a senha que você definiu para a conta root do MySQL. Em seguida, ele irá perguntar se você deseja alterar esta senha. Se você estiver satisfeito com sua senha atual, digite "n" para "não" no terminal.

Para as demais perguntas, você deve simplesmente pressionar a telca <Enter> em cada prompt para aceitar os valores padrão. Isto irá remover alguns usuários e bases de exemplo, desabilitar logins remotos de root, e carregar estas novas regras para que o MySQL aplique imediatamente as alterações que fizemos.

Referências

[1] https://www.digitalocean.com/community/tutorials/como-instalar-a-pilha-linux-apache-mysql-php-lamp-no-ubuntu-14-04-pt

---

<<	<>	>>