Apostila de Programação II (Desenvolvimento Web) Prof.: Bruno Rafael de Oliveira Rodrigues

Faculdade de Tecnologia Alto Médio São Francisco

INTRODUÇÃO A PROGRAMAÇÃO WEB

1. A internet

A maior rede de computadores do mundo a cada dia se expande cada vez mais. Tudo está por um clique. Para que isso se torne realidade diversas tecnologias são utilizadas.

Ao ser criada pela a internet apenas compartilhava informações de modo bastante estático. Até hoje se tem páginas estáticas na rede, ou seja, que não interagem com o usuário. Porém a interação faz com que os usuário se sintam atraídos pelo site e sempre o visitem novamente.

Como a internet é uma rede computadores é importante notar que existem protocolos que realizam a comunicação entre as máquinas. Sempre que digitado endereço de um site pode ser visto o seu protocolo. O HTTP (Hypertext TransferProtocol) realiza a comunicação com o site geralmente usando a linguagem HTML(HyperTextMarkupLanguage). O HTTPS torna mais seguro a transmissão e o FTP (File TransferProtocol) realiza transferência de arquivos, podendo ser feito tanto upload (transferir arquivos do computador para o servidor) quanto download (transferir arquivos do servidor para o computador).

Além da linguagem HTML existem diversas outras tecnologias e linguagens usadas para se fazer uma página na werb como CSS, javascript, jQuery, Ajax e as linguagens de programação PHP, Java, ASP, C#, Python etc.

2. O que é preciso saber para se fazer uma página na internet?

Para se desenvolver um website é importante saber o funcionamento das principais linguagens além de ter softwares que irão facilitar o desenvolvimento. Todo site é hospedado em um servidor web que fica disponível para acesso a qualquer usuário. Este “host” como são chamados podem ser encontrados gratuitos ou não. Isso também é relativo a linguagem e recursos do servidor que se deseja, podendo encarecer o serviço.

Neste curso utilizaremos a linguagem Java (Servelets e JSP) no desenvolvimento das páginas, porém é importante saber pelo menos alguma coisa de HTML antes de iniciar os estudos.

3. Preparando o ambiente

As páginas inicialmente serão desenvolvidas diretamente no computador, caso haja possibilidade este pode ser transferido ao servidor web pelo ftp.

Como foi dito é necessário que haja algum software que facilite o processo de criação de um site e possa digitar os códigos de forma mais “confortável”. A IDE Eclipse faz bem este trabalho, assim como o Netbeans. Por questões de mercado utilizaremos o Eclipse.

Esta IDE possui diversas versões no site: http://www.eclipse.org/ pode ser encontrada e baixada. A opção que deve ser baixada para funcionar os serviços web necessários é o Eclipse

IDE for Java EE Developers.

É indispensável que o JDK esteja instalado, ou seja, JSE ou JEE encontradas em http://www.oracle.com/technetwork/java/javase/downloads/index.html

A IDE facilitará o processo de codificação do projetomas sozinha não consegue testar se a aplicação desenvolvida para web está funcionando ou não. Por isso precisamos de um servelet conteiner, ou servidor web. Existem diversas tecnologias que podem ser usadas, o Apache Tomcat é o mais conhecido e usado, apesar de não ser o mais robusto. Para baixa-lo deve-se ir ao endereço http://tomcat.apache.org e fazer o download do servidor.

4. COMO FUNCIONA O SERVIDOR WEB E O SEU COMPUTADOR

Toda vez que se acessa um site que esteja escrito em qualquer linguagem de programação este retorna para o seu computador em forma de HTML. Caso queira ver como é este código pode se visualizá-lo no Internet Explorer em: Exibir -> Código Fonte ou no FireFox em Ferramentas -> Desenvolvedor Web -> Código Fonte.

Por que toda página só é exibida em HTML? Na verdade a página está em alguma linguagem de programação mesclada com HTML, mas para que esta linguagem funcione é necessário instalar o seu serviço. Assim como em Java pode-se instalar o Apache TomCat, o PHP o Apache, o ASP o IIS etc.. Dessa maneira teríamos de ter todos estes servidores instalados no computador para que cada página funcione. Como todos conhecem HTML a página escrita em alguma linguagem é processada no servidor e devolvida a máquina cliente em forma de HTML. Apesar que é possível se fazer a página toda em HTML, porém uma página estática.

COMO APRENDER O HTML

Na internet pode-se encontrar muita coisa sobre HTML como nos sites: http://www.w3schools.com/ | http://www.criarsites.com/ | http://www.criarweb.com/ entre outras apostilas, tutoriais e vídeos disponíveis na internet. Para realizar a programação web basicamente precisamos aprender sobre tabelas, hiperlinks e formulários.

Após entendido o seu funcionamento e aprendido a utilizá-lo podemos aprender como criar programas web.

Caso queira se aprofundar mais nas tecnologias de designer procure sobre CSS, Javascript. Além de alguma ferramenta de manipulação de imagem como Photoshop, GIMP ou Fireworks. Isso tudo é responsabilidade do webdesigner, mas nada que o programador não possa ter uma noção.