PI S1 DSW I DouglasARS: mudanças entre as edições

De IFSC
Ir para navegação Ir para pesquisar
imported>Douglas
imported>Douglas
Linha 347: Linha 347:


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


Linha 354: Linha 354:
</html>
</html>
</pre>
</pre>
:Clique do botão!


=Semana 2=
=Semana 2=

Edição das 17h59min de 9 de outubro de 2015

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.

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.


Ubuntu hardware.png


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.


Laptop ubuntu.jpeg


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.


Gnomemenu.png


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 Derby 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]

Netbeans8-ubuntu.png


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
Netbeans8-install-wizard.png

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:


Default apache.png


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

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

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

Exercício de fixação

1. Crie um arquivo de teste html seguindo:

a. Chame o editor de texto simples. Pode ser o gedit.
b. Escreva 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
d. Agora vá no seu navegador e digite:
http://localhost/teste.html

2. Altere o código do arquivo teste.html como abaixo, e atualize seu navegar <F5>:

<!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>

3. Altere novamente o código do arquivo teste.html como abaixo, e atualize seu navegar <F5>:

<!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>
Clique do botão!

Semana 2

Na 'Semana 2 você verá como configurar os aplicativos e concluir a instalação os 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/




<< <> >>