PI S1 DSW I DouglasARS

Apresentação

Olá Estudante,

Na nossa primeira semana de estudos, apresentaremos a parte inicial desta unidade, onde você poderá identificar, instalar e configurar as ferramentas necessárias para o ambiente de desenvolvimento de um sistema Web. Para isso, vamos começar a falar do que se precisa ter em um ambiente de desenvolvimento, com destaque para a palavra "LAMP" que representa um grupo de softwares open source que podem ser instalados em conjunto para permitir um servidor hospedar websites e aplicações web. Este termo (LAMP) representa as letras inicias para o sistema operacional Linux; o servidor web Apache; a base de dados MySQL; e o conteúdo dinâmico processado pelo PHP.

Começaremos pela especificação de hardware, vamos falar sobre sistema operacional Linux - Ubuntu, ainda vamos destacar a interface de programação NetBeans (IDE) que fornece analisadores de código e editores para trabalhar com: Java, HTML5, PHP, C/C++ entre outros. Terminaremos por estudar um pouco do servidor web Apache.

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

Abraço a todos e Bons Estudos!

Prof. Douglas A.

Objetivos

• Conhecer um pouco sobre especificação de hardware especialmente no caso de servidores (Linux-Ubuntu).
• O Por quê de ser utilizar o sistema operacional Linux - Ubuntu.
• Como instalar a IDE Java NetBeans.
• A primeira parte da instalação do Apache no Ubuntu e derivados.

Especificação de Hardware

Quando um usuário adquire um computador, já faz isso na certeza de que ele irá funcionar sem nenhuma complicação ou problema. Bastando para isso que o sistema operacional (SO) venha pré-instalado no equipamento, tudo vai ocorrer bem. Porém, quando o computador adquirido vem sem sistema operacional ou diferente daquele que se pretende utilizar, começa uma verdadeira maratona para encontrar informações sobre a especificação do hardware e programas para ele.

Para usuários do sistemas Windows (Microsoft), a compatibilidade com os equipamentos disponíveis no mercado é maior, por causa do próprio mercado em que os fabricantes de PCs adotam preferencialmente o SO Windows. A HardwareSupport é abase de informações sobre de suporte a hardware do Ubuntu, concentrando seus dois principais projetos de suporte a hardware, o Ubuntu Certified, programa onde os fabricantes de hardware (OEM) submetem seus equipamentos para os engenheiros da Canonical que fazem testes de certificação e validação para serem homologados, e o Ubuntu Friendly, que é um programa de validação aberto de hardware para desktops, netbooks e laptops que permite validar sistemas conhecidos por funcionar bem com uma versão específica do Ubuntu.

Para saber se o equipamento escolhido tem compatibilidade com Ubuntu, antes mesmo de instalar, basta seguir estes passos:

Passo 1

Acesse a página de certificação do Ubuntu: http://www.ubuntu.com/certification/

Passo 2

Escolha entre equipamentos Desktop, Servidores ou até Smart Devices;

Passo 3

Clique no nome da marca do equipamento;

Passo 4

Na página seguinte, procure o nome do equipamento que deseja verificar e clique nele. Note que a página informa quais versões do Ubuntu são compatíveis com o computador listado;

Passo 5

Clique em “View all components” para ver cada parte do computador e seus detalhes;

Passo 6

Na listagem dos componentes ainda é possível clicar no link da parte e ver quais computadores tem esse item.

Tudo isso é apenas uma parte mais comum do suporte a hardware do Ubuntu. Além disso, existem diversos outros sites e comunidades focadas em ajudar os usuários na tarefa de fazer o Ubuntu funcionar 100% nos equipamentos atuais.

Nota: Existem muitos equipamentos ditos de "marcas desconhecidas" que funcionam muito bem com distribuições específicas para equipamentos gerais, como por exemplo, Ubuntu Netbook Edition que fornece um simples e otimizado ambiente para executar o Ubuntu no seu netbook.

O Sistema Operacional Linux - Ubuntu

O que é Ubuntu?

Ubuntu é um sistema operacional desenvolvido pela comunidade, e é perfeito para laptops, desktops e servidores. Seja para uso em casa, escola ou no trabalho, o Ubuntu contém todas as ferramentas que você necessita, desde processador de texto e leitor de emails a servidores web e ferramentas de programação.

O Ubuntu é gratuito. Você não paga por nenhum encargo de licença. Você pode baixar, usar e compartilhar com seus amigos e familiares, na escola ou no trabalho, sem pagar nada por isto.

A cada seis meses uma nova versão para desktops e servidores é lançada. Isto significa que você sempre terá as últimas versões dos maiores e melhores aplicativos de código aberto que o mundo tem a oferecer.

O Ubuntu é desenvolvido visando segurança. Você tem atualizações de segurança gratuitas por pelo menos 18 meses para desktops e servidores. Com a versão de Longo Tempo de Suporte (LTS) você tem três anos de suporte para desktops, e cinco anos para servidores. Não é cobrado nenhum valor pela versão LTS, bem como qualquer outra, nós disponibilizamos livremente o melhor que podemos oferecer para todos sob os mesmos termos. Atualizações para novas versões do Ubuntu são e sempre serão gratuitas.

Tudo o que você precisa em apenas um CD, que lhe proporciona um ambiente completo e funcional. Programas adicionais são disponibilizados através da Internet.

O instalador gráfico lhe permite ter um sistema funcional de forma rápida e fácil. Uma instalação padrão deve levar menos de 30 minutos.

Uma vez instalado, seu sistema está imediatamente pronto para o uso. Na versão desktop você tem um conjunto completo de aplicativos para produtividade, internet, imagens, jogos, entre outras ferramentas.

Na versão servidor você tem tudo o que precisa para ter seu servidor funcional sem coisas desnecessárias.

O que a palavra Ubuntu significa?

Ubuntu é uma antiga palavra africana que significa algo como "Humanidade para os outros" ou ainda "Sou o que sou pelo que nós somos". A distribuição Ubuntu traz o espírito desta palavra para o mundo do software livre. [1]

"Uma pessoa com Ubuntu está aberta e disponível aos outros, assegurada pelos outros, não sente intimidada que os outros sejam capazes e bons, para ele ou ela ter própria auto-confiança que vem do conhecimento que ele ou ela tem o seu próprio lugar no grande todo." -- Arcebispo Desmond Tutu em Nenhum Futuro Sem Perdão (No Future Without Forgiveness).

Ambiente de Desenvolvimento

Instalando a IDE Java NetBeans e Apache no Ubuntu e derivados.

NetBeans

O que é o NetBeans?

O NetBeans é um projeto open source de sucesso, com uma grande base de utilizadores, uma crescente comunidade e perto de 100 parceiros mundiais. A Sun Microsystems fundou o projeto NetBeans em junho de 2000 e continua a sendo o seu principal patrocinador.

Atualmente existem dois produtos: o IDE NetBeans (NetBeans IDE) e a Plataforma NetBeans (NetBeans Platform).

O NetBeans IDE é um ambiente de desenvolvimento - uma ferramenta para programadores, que permite escrever, compilar, depurar e instalar programas. O IDE é completamente escrito em Java, mas pode suportar qualquer linguagem de programação. Existe também um grande número de módulos para extender as funcionalidades do IDE NetBeans. O NetBeans IDE é um produto livre, sem restrições à sua forma de utilização.

Também está disponível a Plataforma NetBeans; uma base modular e extensível que pode ser usada como infraestrutura para a criação de grandes aplicações de desktop. Os Parceiros fornecem plugins que podem ser facilmente integrados na Plataforma, e que podem ser utilizados para desenvolver ferramentas e soluções próprias.

Ambos os produtos são open source e livres para uso comercial e não comercial. O código fonte está disponível para ser usado através da licença Common Development and Distribution License (CDDL). [2]

NetBeans fornece analisadores de código e editores para trabalhar com as últimas tecnologias Java 8. Além do suporte ao Java 8, a IDE também tem uma gama de novos aprimoramentos que melhoram ainda mais o seu suporte para Maven e Java EE (Enterprise Edition) com PrimeFaces; novas ferramentas para HTML5, em particular para AngularJS e melhorias para o suporte a PHP e C/C ++.[3]

Mostraremos duas formas usuais para se instalar o NetBeans. Mas lembre-se que o ponto de partida e a melhor forma de instalar, depende do seu conhecimento prévio sobre o seu sistema. Portanto, leia os tutorias, assista o vídeo para depois começar a instalar.

Primeira maneira

Incialmente, entre no site do NetBeans e clique no botão de download. Na seção de download, escolha a opção Java EE. Ao finalizar o download do instalador, é necessário modificar as permissões de acesso, acrescentando a permissão de execução. Existem duas formas de fazer isso:

Entre em um terminal e no diretório onde o arquivo foi armazenado executar o comando:

$ chmod 764 <nome do arquivo>

Depois, executá-lo usando o seguinte comando:

$ ./<nome do arquivo>.
       

Outra forma é clicar com o botão direito em cima do arquivo no gerenciador de arquivos e incluir a permissão de execução do usuário. Depois clicar duas vezes em cima do arquivo com o botão esquerdo.

Segunda maneira

Passo 1

Abra um terminal (Usando o Dash ou pressionando as teclas CTRL+ALT+T);

Passo 2

Verifique qual a arquitetura de seu sistema acessando as Configurações do Sistema e a opção “Detalhes” ou usando o comando abaixo:

$ uname -m

Passo 3

Se você estiver usando um sistema de 32-bits, baixe o instalador do programa com o comando:

$ wget -c http://download.oracle.com/otn-pub/java/jdk-nb/8-8.0/jdk-8-nb-8-linux-i586.sh?AuthParam=1395311364_280a7e67ca87b4aec974690e24b1c022

Passo 4

Se você estiver usando um sistema de 64-bits, baixe o instalador do programa com o comando:

$ wget -c http://download.oracle.com/otn-pub/java/jdk-nb/8-8.0/jdk-8-nb-8-linux-x64.sh?AuthParam=1395311377_7cbe28b25486a89be5d8399b8a43c7a6

Passo 5

Se preferir, baixe acessando esse link. Você também pode baixar os outros pacotes acessando esse outro link:

Passo 6

Torne o instalador executável com o comando:

$ chmod +x jdk-8-nb-8-linux-*.sh

Passo 7

Agora execute o instalador e siga as instruções do assistente de configuração:

$ ./jdk-8-nb-8-linux-*.sh

Terceira maneira

Assista este vídeo

Instalando o NetBeans (Ambiente de Desenvolvimento) no Ubuntu Linux.

http://www.youtube.com/watch?v=bYWVt9O47Iw

Passo 1

Instalar o Java Development Kit (o JDK), 8:

$ sudo add-apt-repository ppa:webupd8team/java
$ sudo apt-get update
$ sudo apt-get install oracle-java8-installer

Passo 2

Baixar o pacote do NetBeans:

$ cd Downloads
$ wget http://download.netbeans.org/netbeans...

Passo 3

Dar permissão de execução ao pacote baixado e executá-lo:

$ chmod +x netbeans-8.0-linux.sh
$ ./netbeans-8.0-linux.sh

Obs.: As novas versões do NetBeans já vem com dois servidores de aplicação embutidos que podem ser escolhidos durante a instalação: o GlassFish e o Tomcat.

Servidor WEB Apache

O que esperar?

O Servidor WEB é o programa responsável pela publicação de documentos, imagens ou qualquer outro objeto que venha a ser acessado por um cliente através de um navegador.

Leia mais em: Servidor WEB Apache, o que esperar? http://www.devmedia.com.br/servidor-web-apache-o-que-esperar/7096#ixzz3niL4NqM4

Introdução

A pilha "LAMP" é um grupo de softwares open source que é tipicamente instalado em conjunto para permitir um servidor hospedar websites dinâmicos e aplicações web. Este termo é atualmente um acrônimo que representa o sistema operacional Linux, com o servidor web Apache. A informação do site é armazenada em uma base de dados MySQL, e o conteúdo dinâmico é processado pelo PHP.

O Ubuntu preencherá nosso primeiro requisito: Um sistema operacional Linux.

Instalando o Apache

O servidor web Apache é atualmente o servidor web mais popular no mundo, o que faz dele uma ótima escolha padrão para hospedar um website.

Pré-requisitos

Antes de você iniciar com este tutorial, você deve ter uma conta separada, que não seja root, configurada em seu servidor.

Podemos instalar o Apache facilmente utilizando o gerenciador de pacotes do Ubuntu, apt. Um gerenciador de pacotes nos permite instalar a maioria dos softwares a partir de um repositório mantido pelo Ubuntu.

Para nossos propósitos, podemos começar digitando os seguintes comandos:

$ sudo apt-get update
$ sudo apt-get install apache2

Como estamos utilizando um comando sudo, essas operações são executadas com privilégios de root. Ele irá pedir a senha regular do usuário para verificar suas intenções.

Após isso, seu servidor web está instalado.

Você pode fazer uma verificação local imediatamente para verificar se tudo correu conforme planejado visitando o endereço IP público do seu servidor no seu navegador:

http://endereçoIPdoseuservidor

ou

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.

Como encontrar o endereço IP público do seu servidor?

Se você não sabe qual é o endereço IP público do seu servidor, existem várias maneiras de encontrá-lo. Normalmente, este é o endereço que você utiliza para se conectar através do SSH.

A partir da linha de comando, você pode encontrar o IP de algumas formas. Primeiro, você pode utilizar as ferramentas iproute2 para obter seu endereço digitando o seguinte:

$ ip addr show eth0 | grep inet | awk '{ print $2; }' | sed 's/\/.*$//'

Isto lhe retornará uma ou duas linhas. Ambas são endereços corretos, mas o seu computador poderá utilizar apenas um deles, então sinta-se à vontade para experimentar cada um.

Um método alternativo é utilizar um provedor externo para lhe dizer como ele vê seu servidor. Você pode fazer isto perguntando a um servidor específico qual é o seu endereço IP público:

$ curl http://icanhazip.com

Nota 1: Neste último comando "curl", se você está numa intranet ou num provedor de internet, é possível que o número de IP que é retornado seja do seu servidor principal.

Nota 2: Independentemente do método que você utiliza para obter seu endereço IP, você pode digitá-lo na barra de endereços do seu navegador para chegar ao seu servidor.

Assista o video

Instalando o Apache, PHP, MySQL e phpMyAdmin.

Quando se instala o Apache juntamente com seus pacotes e aplicativos, ele cria a pasta: /var/www, esta pasta é de propriedade do root, então para podermos colocar nossas aplicações arquivos e código, precisamos alterar as propriedade da pasta trocando pela do nosso usuário. Isto claro, no ambiente de desenvolvimento.

Para ver o usuário e grupo da pasta digite no terminal:

$ ls -l /var

douglas@douglas-desktop:~$ ls -l /var
total 48
drwxr-xr-x  2 root    root     4096 Out  9 08:55 backups
drwxr-xr-x 20 root    root     4096 Out  8 18:44 cache
drwxrwsrwt  2 root    whoopsie 4096 Out 12 09:25 crash
drwxr-xr-x 67 root    root     4096 Out  8 18:44 lib
drwxrwsr-x  2 root    staff    4096 Abr 10  2014 local
lrwxrwxrwx  1 root    root        9 Out  6 18:20 lock -> /run/lock
drwxrwxr-x 14 root    syslog   4096 Out 12 09:53 log
drwxrwsr-x  2 root    mail     4096 Fev 18  2015 mail
drwxrwsrwt  2 root    whoopsie 4096 Fev 18  2015 metrics
drwxr-xr-x  2 root    root     4096 Fev 18  2015 opt
lrwxrwxrwx  1 root    root        4 Out  6 18:20 run -> /run
drwxr-xr-x  9 root    root     4096 Fev 18  2015 spool
drwxrwxrwt  2 root    root     4096 Out 12 09:26 tmp
drwxr-xr-x  3 root    root     4096 Out  9 10:55 www
douglas@douglas-desktop:~$ 

Notem que o "dono" de www é o root do grupo do root.

Para trocar faça:

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

No exemplo acima eu usei o meu nome de usuário que é douglas do grupo douglas. Agora repita:

$ ls -l /var

douglas@douglas-desktop:~$ ls -l /var
total 48
drwxr-xr-x  2 root    root     4096 Out  9 08:55 backups
drwxr-xr-x 20 root    root     4096 Out  8 18:44 cache
drwxrwsrwt  2 root    whoopsie 4096 Out 12 09:25 crash
drwxr-xr-x 67 root    root     4096 Out  8 18:44 lib
drwxrwsr-x  2 root    staff    4096 Abr 10  2014 local
lrwxrwxrwx  1 root    root        9 Out  6 18:20 lock -> /run/lock
drwxrwxr-x 14 root    syslog   4096 Out 12 09:53 log
drwxrwsr-x  2 root    mail     4096 Fev 18  2015 mail
drwxrwsrwt  2 root    whoopsie 4096 Fev 18  2015 metrics
drwxr-xr-x  2 root    root     4096 Fev 18  2015 opt
lrwxrwxrwx  1 root    root        4 Out  6 18:20 run -> /run
drwxr-xr-x  9 root    root     4096 Fev 18  2015 spool
drwxrwxrwt  2 root    root     4096 Out 12 09:26 tmp
drwxr-xr-x  3 douglas douglas  4096 Out  9 10:55 www
douglas@douglas-desktop:~$ 

Perceba que o proprietário da pasta mudou para o seu usuário e seu grupo.

Exercícios de fixação

1. Crie um arquivo de teste html seguindo:

a. Chame o editor de texto simples. Pode ser o gedit a partir do terminal:

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

b. Digite o código abaixo.

<html>

<head>

</head>

<body>

<script type="text/javascript">

	document.write("Bem vindos ao primeiro teste!");

</script>

</body>

</html>

c. Salve o arquivo na pasta /var/www/html com o nome teste.html ou apenas confirme, se você fez pelo terminal.

d. Agora vá na barrado de endereço do seu navegador e digite:

http://localhost/teste.html

Veja o resultado.

2. Altere o código do arquivo teste.html, como abaixo:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

</head>

<body>

<script type="text/javascript">

	var nome = "Souza";
	var idade = 43;

	document.write(nome+" é como sou chamado e tenho "+idade+" anos.");


</script>

</body>

</html>

Atualize seu navegar teclando <F5> ou clicando em atualizar e veja o resultado:

3. Altere novamente o código do arquivo teste.html como abaixo:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

</head>

<body>

<script type="text/javascript">

function alerta(){

	alert("Isto é um teste!");

}

</script>

<form>
	<input type="button" value="Clique aqui!" onclick="alerta()">
</form>

</body>

</html>

Atualize mais uma vez seu navegar e faça um teste da página clicando no botão.

4. Teste mais esse código:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<script>

function mudaCor(){
    var i;
    for (i=0;i<document.fcores.colorin.length;i++){
       if (document.fcores.colorin[i].checked)
          break;
    }

    document.bgColor = document.fcores.colorin[i].value;
}

</script>

</head>

<body>
<form name=fcores>
<input type="Radio" name="colorin" value="ffffff" checked> Branco
<br>
<input type="Radio" name="colorin" value="ff0000"> Vermelho
<br>
<input type="Radio" name="colorin" value="00ff00"> Verde
<br>
<input type="Radio" name="colorin" value="0000ff"> Azul
<br>
<input type="Radio" name="colorin" value="ffff00"> Amarelo
<br>
<input type="Radio" name="colorin" value="ff00ff"> Lilás
<br>
<input type="Radio" name="colorin" value="000000"> Preto
<br>
<br>
<input type="Button" name="" value="Muda Cor" onclick="mudaCor()">
</form> 

</body>

</html>

Atualize a página, escolha a cor e clique no botão "Muda Cor".

Semana 2

Nesta primeira semana, apresentamos as configurações de hardware que podem ser utilizados pelo sistema operacional Linux - Ubuntu. Também vimos os passos para a instalação do Netbeans e o Java, chegando até a instalar o Servidor Apache. Os exercícios devem ser feitos para se habituar com o ambiente, como a localização e uso da pasta /var/www/html e lembrar um pouco da linguagem html/JavaScript. Na Semana 2 você verá como terminar a configuração destes aplicativos e concluir a instalação dos aplicativos LAMP, em especial o Servidor MySQL e o PHP, juntamente com as suas ferramentas administrativas.

Até lá!

Bons estudos!

Prof. Douglas A.

Referências

[1] https://netbeans.org/community/releases/80/

[2] http://www.edivaldobrito.com.br/instalando-ide-java-netbeans-8-0-ubuntu-e-derivados/

[3] http://www.devmedia.com.br/servidor-web-apache-o-que-esperar/7096#ixzz3niL4NqM4

---

<<	<>	>>