PROGRAMAÇÃO WEB – Mestrado em Gestão de Energias Renováveis

O CONCEITO DE PROGRAMAÇÃO

De forma geral, a programação é um processo de escrita, testes e manutenção de programas de

computadores. Esses programas, por sua vez, são compostos por conjuntos de instruções
determinados pelo programador que descrevem tarefas a serem realizadas pela máquina e atendem
diversas finalidades.

O advento da programação está diretamente ligado à história dos computadores. A primeira

programadora foi uma mulher chamada Ada Lovelace, que escreveu um código para possibilitar a
utilização da máquina analítica de Charles Babbage, uma máquina robusta, de difícil comunicação,
considerada a precursora dos computadores eletrônicos atuais.

ALGORITMO

Um algoritmo é uma sequência lógica finita de passos para realizar uma tarefa ou resolver um
problema. Em nosso dia a dia utilizamos algoritmos para realizar nossas atividades, definindo a
sequência de atividades que devemos fazer para atingir um objetivo. Um exemplo simples é uma
receita. Um algoritmo é, num certo sentido, um programa abstrato — dizendo de outra forma, um
programa é um algoritmo concretizado. Os programas são visualizados mais facilmente como uma
coleção de algoritmos menores combinados de um modo único — da mesma forma que uma casa é
construída a partir de componentes.

LINGUAGEM DE PROGRAMAÇÃO

Linguagem de Programação é nada mais é do que um método padronizado que permite comunicar
instruções específicas para um computador. Há centenas de variações e todas elas permitem que o
programador defina sobre quais dados o computador deverá atuar, como armazenar e transmitir esses
dados e quais ações tomar sob variadas circunstâncias.

CÓDIGO FONTE

Código fonte é o conjunto de palavras e comandos escritos ordenadamente, de maneira lógica, que
contém instruções em determinada linguagem de programação. Há dois tipos de linguagem na hora
de programar: as compiladas e as interpretadas.

O docente: Guedes Caetano, PhD. 1|Page

PROGRAMAÇÃO WEB – Mestrado em Gestão de Energias Renováveis

Compilar uma linguagem de programação nada mais é do que transformar o código fonte em algo que
faça sentido para a máquina, ou seja, transformar o que o programador escreveu em linguagem de
máquina.

COMPILADOR

Os programas de computador escritos em alguma linguagem de programação precisam ser compilados

ou interpretados para serem executados pelo processador. Os compiladores são programas
especializados em converter as instruções escritas na linguagem de programação em linguagem de
máquina. Desta forma, um programa escrito em uma linguagem de programação precisa ser
compreendido pelo computador para que possa executar.

Não precisamos entender como os compiladores fazem a tradução, basta sabermos como uma
determinada linguagem de programação funciona (sintaxe e semântica) que o compilador traduzirá
para uma linguagem que possa ser executada.

Definição: Compiladores são tradutores de linguagens de programação para uma linguagem que seja
possível de ser executada por um computador, também chamada de linguagem objeto.

A Imagem a seguir apresenta a ideia de um compilador. Temos como entrada para o compilador o
programa fonte escrito em alguma linguagem de programação de alto nível, por exemplo, a linguagem
de programação C. O compilador analisa o programa fonte e traduz para um programa objeto
(linguagem de máquina) que será executado pelo computador.

Uma tarefa importante do compilador é informar os erros ao usuário. Atualmente, os compiladores

são muito amigáveis e possuem um bom tratamento de erros in formando, por exemplo, qual o tipo
de erro e onde (qual linha) do programa fonte o erro aparece. Quando dizemos que um programa de
computador possui portabilidade, ou seja, pode ser executado em diferentes plataformas (Windows,

O docente: Guedes Caetano, PhD. 2|Page

PROGRAMAÇÃO WEB – Mestrado em Gestão de Energias Renováveis

Linux, Mobile, etc.) podemos dizer que o compilador consegue traduzir uma linguagem fonte para
diferentes linguagens objeto

INTERPRETADOR

Existem duas formas de traduzir um código de alto nível para um código que o computador
compreenda e consiga executar: (i) utilizando um compilador, ou (ii) utilizando um interpretador. A
tradução do programa escrito em uma linguagem de alto nível gera um novo código chamado de
código objeto. O compilador traduz todo o código fonte de alto nível para o código objeto. Já o
interpretador vai traduzindo o código linha por linha à medida em que ele vai sendo executado. Desta
forma, dizemos que o programa é interpretado.

A Imagem a seguir apresenta como funciona o interpretador. As entradas são o pro grama fonte e a
entrada do usuário, sendo que o interpretador produz a saída correspondente.

No processo de interpretação, o código fonte é transformado em uma linguagem intermediária que,

por sua vez, será interpretada pela máquina virtual durante a execução do programa.

Com um interpretador, não há tradução mas sim interpretação do código fonte e de sua respectiva
entrada. Desta forma a interpretação é um processo mais lento e frequentemente requer mais espaço.
Uma linguagem interpretada que ficou muito popular foi Java e a sua principal crítica era com relação
a lentidão dos programas gerados.

TIPOS DE LINGUAGEM DE PROGRAMAÇÃO

Por se tratar de uma classificação subjetiva, isto é, sem limites bem definidos, não é possível afirmar
que "determinada linguagem pode ser mais humana que outra". Apesar disso, por questão de
praticabilidade e objetividade, a classificação geralmente se limita em "linguagem de alto nível" e
"linguagem de baixo nível".

O docente: Guedes Caetano, PhD. 3|Page

PROGRAMAÇÃO WEB – Mestrado em Gestão de Energias Renováveis

Linguagem de programação de baixo nível trata-se de uma linguagem de programação que segue as
características da arquitetura do computador. Assim, utiliza somente instruções que serão executadas
pelo processador. Nesse sentido, as linguagens de baixo nível estão diretamente relacionadas com a
arquitetura do computador. Como exemplos, temos Binário e Assembly.

Linguagem de programação de alto nível, é uma linguagem com um nível de abstração relativamente
elevado, longe do código de máquina e mais próximo à linguagem humana. Desse modo, as linguagens
de alto nível não estão diretamente relacionadas à arquitetura do computador. O programador de uma
linguagem de alto nível não precisa conhecer características do processador, como instruções e
registradores. Essas características são abstraídas na linguagem de alto nível. Exemplo: Java; Ruby;
Python; C#; Swift; PHP,etc.

IDE

O IDE (Integrated Development Environment) ou Entorno de Desenvolvimento Integrado, é um

aplicativo de computador que fornece uma série de serviços que facilitam a programação de software,
como:

 Funções de preenchimento automático;

 Um editor de código fonte;
 Gestão de conexão com banco de dados;
 Integração com sistemas de controlo;
 Simuladores de dispositivos;
 Um depurador para acelerar o processo de desenvolvimento de software, entre outros.

Sem a linguagem de programação, a programação seria impossível porque não haveria regras
(semânticas e sintáticas), expressões (como a estrutura e o significado de todos os elementos que as
compõem) ou uma maneira estabelecida de como programador e máquina deveriam “falar” entre si.
Tipos de IDE: Eclipse; NetBeans; PyDev; Sublime Text; Atom; GNU Emacs; Vi / Vim; Visual Studio; Visual
Studio Code, etc.

PROGRAMAÇÃO WEB

O docente: Guedes Caetano, PhD. 4|Page

PROGRAMAÇÃO WEB – Mestrado em Gestão de Energias Renováveis

A programação / Desenvolvimento web é o termo utilizado para descrever o desenvolvimento de sites,

na Internet ou numa intranet. O profissional que trabalha desenvolvendo websites pode ser um web
designer (desenvolvedor do layout) ou um web developer (desenvolvedor de sistemas). O
desenvolvimento refere-se a um processo de construção e testes do software específico para a web,
com a finalidade de se obter um conjunto de programas, que satisfazem as funções pretendidas, quer
em termos de facilidade de uso ou compatibilidade com outros programas existentes. O
desenvolvimento web pode variar desde simples páginas estáticas a aplicações ricas, comércios
eletrônicos ou redes sociais.

FRONT-END

Corresponde na prática de converter dados para uma interface gráfica, de forma que permita uma
interação e visualização por parte do usuário. Exemplo: CSS;HTML; XHTML; Javascript; AJAX.

BACK-END

Consiste em uma camada que processa as requisições dos usuários em um servidor. Exemplo:PHP;
ASP; .NET; Node.js (JavaScript), ETC.

BASE DE DADOS

Conjunto de dados interrelacionados, organizados de forma a permitir a recuperação da informação;

armazenadas por meios ópticos ou magnéticos como discos e acessadas local ou remotamente. São
coleções organizadas de dados que se relacionam de forma a criar algum sentido (informação) e dar
mais eficiência durante uma pesquisa ou estudo científico. São de vital importância para empresas e,
há mais de duas décadas, se tornaram a principal peça dos sistemas de informação e segurança.
Exemplo: MySQL; PostgreSQL; SQLite; Microsoft SQL Server; Firebird; Apache Derby; Oracle; DB2.

WEB SITE

Podemos considerar um Web site uma coleção de páginas HTML estáticas, ou seja, que não interagem
com um banco de dados através de uma linguagem de servidor Web. Ou seja, aqui todo o conteúdo
do site está escrito diretamente no documento HTML, assim como as imagens e outras mídias. Claro
que, para qualquer página Web ser fornecida publicamente a mesma deve estar hospedada em um
simples servidor Web (hospedagem de sites).

O docente: Guedes Caetano, PhD. 5|Page

PROGRAMAÇÃO WEB – Mestrado em Gestão de Energias Renováveis

APLICAÇÃO WEB

Uma aplicação Web pode conter uma coleção de páginas, porém o conteúdo destas páginas é montado
dinamicamente, ou seja, é carregado através de solicitações (requisições) à um banco de dados, que
conterá armazenado os textos e indicação dos caminhos das imagens ou mídias que a página precisa
exibir. Porém um HTML não tem acesso direto à um banco de dados, e esta comunicação deve ser feita
por uma linguagem de programação de servidor Web. Esta aplicação escrita com uma linguagem de
servidor que tem o poder de acessar o banco de dados e montar a página HTML conforme o solicitado
pelo navegador. Exemplo: Java EE, PHP, Python, Ruby on Rails, NodeJS etc.

HTML

HTML (abreviação para a expressão inglesa HyperText Markup Language, que significa: "Linguagem de
Marcação de Hipertexto" é uma linguagem de marcação utilizada na construção de páginas na Web.
Documentos HTML podem ser interpretados por navegadores. A tecnologia é fruto da junção entre os
padrões HyTime e SGML.

SINTAXE DE HTML

Um documento HTML é composto por tags, as quais possuem um nome e aparecem entre os sinais <
e >, por exemplo, em <html> e <head>. Algumas tags precisam ser abertas e fechadas, como em
<body> </body>.

PRIMEIRA WEB PAGE

<html>
<head>
<title>Minha primeira Web Page</title>
</head>
<body>
<h1>BEM VINDO A MINHA WEB PAGE</h1>
<p>Aqui posso colocar o meu texto</p>
</body>
</html>

O docente: Guedes Caetano, PhD. 6|Page