3

RESUMO

LIMA, Rodrigo Florncio de. Linguagem de Programao Web II. Guarapuava,

2013.
Este trabalho tem como objetivo apresentar algumas ferramentas para o
desenvolvimento de pginas para a internet. Dentre estas ferramentas esto o
HTML, CSS, JavaScrript e o PHP. Tambm ser apresentada uma proposta para o
desenvolvimento de um sistema para gerenciamento de vagas de emprego, fazendo
a utilizao de todas estas ferramentas.
Pavavras-chave: html; css; JavaScript; PHP; Sistema web.

1 INTRODUO

A internet hoje j pode ser considerada como um dos principais meios de

comunicao do homem. As notcias alastram-se em segundos, concomitantemente
a isso podemos nos comunicar com qualquer pessoa no mundo que estiver
conectada.
A maneira de gerenciarmos nossas vidas sofre constantes tranformaes e
evolues, onde a maioria das pessoas opta pelo que torna-se mais comodo para
sua vida corrida e com pouco tempo, como por exemplo fazer compras pela internet
e receber o produto em casa sem nenhum esforo.
Contudo, o presente trabalho apresentar primeiramente os conceitos das
principais ferramentas para desenvolvimento web, com base na pesquisa
bibliogrfica. Em seguida, sendo apresentado um sistema de gerenciamento de
vagas de empregos, onde empregador e candidato podero cadastrar-se e
candidatarem-se as vagas de emprego atravs da internet.

2 FUNDAMENTAO TERICA
Apresentaremos os principais pontos da linguagen de marcao html, css,
JavaScript e do PHP, juntamente com conceitos ambientais, j que no sistema, a
empresa que possuir um selo ambiental receber benefcios no sistema.
2.1 LINGUAGEM DE MARCAO HTML
Podemos definir HTML como sendo uma linguagem para exibio formatao
dos sites. Segundo Mauricio Samy Silva (2008) HTML a sigla em ingls para
Hyper Text Markup Language, que em portugs significa linguagem para marcao
de hipertexto.
Observamos a definio do hipertexto sendo [...] todo conteudo inserido em
um documento para web e que tem como principal caracteristica a possibilidade de
se interligar a outros documentos da web [...].(SILVA, 2008, p. 26).
HTML a principal linguagem utilizada na internet, no importa em qual
linguagem utilizamos para escrever um sistema web, todos retornaro um HTML.
[...] Se todas as outras camadas no funcionarem por algum motivo,
o HTML deve funcionar. A informao deve ser entregue, no importa
se o visual tenha sido prejudicado por falta do CSS ou se o Javascript
est desligado no browser do usurio. (EIS, 2012, p. 20).

O HTML teve seu incio em 1992, criada por Sir Tim Berners-Lee com o intuito
de que possibilitasse aos cientistas da poca o compartilhamento de suas pesquisas
por meio eletronico. Desde ento tivemos varias evolues e vrias verses do
HTML, So Elas: HTMl, HTML +, HTML 2.0 , HTML 3.0, HTML 4.0, HTML 4.01, e o
HTML 5.
Uma grande vantagem do HTML que ele pode ser escrito em qualquer
editor de texto, no sendo necessrio programas especificos para sua compilao.
Para a escrita dos cdigos so utilizadas as TAGs, que so as instrues de
formatao que o navegador ira ler, as TAGs so expressas pelos simbolos < e > e
dentro desses fica a instruo de formatao. Outra vantagem que podemos dividir
nosso cdigo em DIVs, com isso temos uma organizao de nosso cdigo e
podemos utilizar o potencial maximo do CSS. O DIV tambm auxilia aos sites de

busca, atravz do DIV que o site sabe o que procurar.

[...] O DIV tem a funo de criar divises. Quando criamos um
website, dividimos as reas do layout em sees. O problema do DIV,
que ele no tem nenhum significado semntico. Os sistemas de
busca, por exemplo, no tem como saber o que um rodap, um
cabealho, sidebar e etc, porque tudo feito com DIVs e assim
damos o mesmo nvel hierrquico de informao para todas as
sees. (EIS, 2012, p. 40)

O HTML nos da muitas ferramentas, e essas ferramentas so muito

poderosas se soubermos utiliz-las. O HTML 5 por exemplo, j consegue fazer
muitas coisas que antes precisariamos de outras linguagens, como o JavaScript.
2.2 FORMATAO DE LAYOUT CSS
O CSS vem para ajudar o HTML na formatao das pginas, lanado a
primeira vez em dezembro de 1996, como recomendao oficial do W3C (Principal
organizao de regulamentao da Word Wide Web).
Segundo Diego Eis e Elcio Ferreira (2012) [...] o CSS a linguagem
responsvel por controlar o visual da informao exibida pelo HTML. O CSS
formatar o contedo de forma que seja visualmente agradvel em qualquer meio de
acesso. [...].
CSS a abreviao para

Cascading Style Sheet, que traduzido para o

portugus fica folhas de estilo em cascata.

A Folha de estilo definida por Mauricio Samy Silva (2008) como um conjunto
de regras de estilo aplicveis s pginas de um site. Pode ser aplicada no mesmo
documento HTML ou pode ser executada apartir de um arquivo externo com a
exteno .css que ser carregado pelo HTML. O ideal se fazer da segunda
maneira, j que mantemos os cdigos de HTML e CSS separados.
[...] O grande poder das CSS reside no fato de podermos alterar a
apresentao de um site inteiro, por maior que seja, agindo em um
arquivo central de estilizaes, sem a necessidade de tocar na
marcao de uma s pgina.(SILVA, 2008, p. 217)

O CSS nos permite utilizar classes criadas no HTML e edit-las de acordo

com a necessidade, por exemplo, podemos criar uma classe menu, e todos os
componentes no HTML que pertencem a esta classe recebero a mesma

formatao.
O CSS foi criado para tirar toda responsabilidade do HTML em formatar a
apresentao dos documentos fazendo com que o CSS fique responsavel pelas
cores, tamanhos e posicionamento dos textos, imagens e videos.
2.3 LINGUAGEM DE PROGRAMAO JAVASCRIPT
JavaScript uma linguagem de programao que foi criada por Brendan Eich
da Netscape em parceria com a Sun Microsystems, foi lanada sua primeira verso
em 1995 e implementada em 1996 no navegador Netscape Navigator 2.0.
Segundo Mauricio Samy Silva (2010), JavaScript uma linguagem
desenvolvida para rodar no lado do cliente, isto , a interpretao e o funcionamento
da linguagem dependem de funcionalidades hospedadas no navegador do usurio.
[...]. Dessa forma vemos que o JavaScript depende de um interpretador no
navegador.
Vimos que o HTML tem a funo de criar o ducumento, o CSS tem a funo
de format-lo e cabe ao JavaScript adicionar a interatividade s pginas. Atravs
dele podemos manipular os conteudos de apresentao, manipular o navegador,
interagir com formulrios e com outras linguagens dinmicas.
uma linguagem de programao usada para manipular,
personalizar e automatizar as funcionalidades de um sistema
existente. Em tais Sistemas, as funcionalidades j se encontro
disponveis por meio de um interface de usurio e a linguagem de
script prov um mecanismo para acess-las. Dessa forma, o sistema
existente oferece um ambiente de hospedagem para objetos e
funcionalidades que complementa os recursos da linguagem de
script.[...] (SILVA, 2010, p. 29)

Uma das principais vantagens do JavaScript que, apesar de ser s uma

linguagem de scripts, ela oferece suporte para alguns fundamentos da programao
orientada a objetos.
O JavaScript, assim como o CSS, pode ser escrito no prprio documento
HTML, ou em um arquivo separado com a exteno .js que ser carregada no
codigo HTML. O mais usual, como j comentado, manter todos os cdigos
separados.

2.4 LINGUAGEM DE PROGRAMAO PHP ORIENTADO A OBJETOS

A linguagem de programao PHP foi criada em 1994 por Rasmus Lerdof,
PHP era um acrnimo para Personal Home Page Tools/ Forms Interpreter
(Ferramentas para pagina pessoal/ interpretador de formulrios), e no inicio era isso
mesmo, era um conjunto de ferramentas que Rasmus criou para monitorar sua
pgina pessoal.
Assim como o JavaScript, o PHP uma linguagem de scripts, a diferena
que o um funciona no lado do Cliente e o outro executado no lado do servidor.
A principal razo de utilizar uma linguagem de criao de scripts do
lado do servidor ser capaz de fornecer contedo dinmico para
usurios de um site. Essa uma aplicao importante porque isso
muda o contedo de acordo com as necessidades de um usurio ou
ao longo do tempo manter os visitantes voltando para um site. O
PHP permite fazer isso facilmente. (WELLING; THOMSON, 2005, p.
9)

O PHP tambm uma linguagem orientada a objetos, segundo Luke Welling

e Laura Thomson (2005) [...] O desenvolvimento orientado a objetos (Object Oriented - OO) tenta utilizar as classificaes, os relacionamentos e as propriedades
dos objetos no sistema para ajudar no desenvolvimento do programa. A Orientao
a objetos tenta simular o mundo real, tentado criar objetos com funcionalidades e
que interagem entre si. Apresentaremos a seguir alguns conceitos da orientao a
objetos em PHP.
2.4.1 CLASSE
A Classe no PHP definida como um conjunto de variveis e funes
relacionadas a essas variveis. (XAVIER, Fabricio S. V., 2008, p. 79).
A Classe uma estrutura esttica utilizada para descrever objetos
mediante atributos (propriedades) e mtodos (funcionalidades). A
classe um modelo ou template para a criao desses objetos.
[...]( DALL'OGLIO, Pablo, 2009)

Vemos portanto, que a classe nada mais do que um conjunto de instrues

para a criao de um objeto, so as definies de como esse objeto vai ser e quais
funcionalidades ele vai ter.

Para definirmos uma classe utilizamos a seguinte sintaxe:

Class Nome_da_classe {
Var $variavel;
Function funcao ($parametro){
/* === comandos da funo ===*/
}
}
2.4.2 OBJETO
Um objeto uma instancia de uma classe, so as variveis do tipo de uma
classe. possvel ter vrios objetos da gerados a partir da mesma classe. O objeto
s existe durante um tempo, da sua criao at sua destruio.
Para criarmos um objeto utilizamos a seguinte sintaxe:
$variavel = new $Nome_da_classe;
2.4.3 CONSTRUTORES E DESTRUTORES
So os mtodos que criam e destroem o objeto. Com o construtor possvel
determinar de que maneira o objeto ser construdo e suas caractersticas iniciais.
Quando utilizamos o operador new automaticamente executado o mtodo
construtor da classe. Se no for definido um construtor, todas as propriedades
recebem o valor NULL.
Existem trs maneiras de se destruir um objeto, atravs da funo unset()
atribuindo NULL para o objeto ou quando o programa fechado. utilizado o
destrutor para desalocar o objeto e todas as suas referncias da memria liberando
assim mais espao.
2.4.4 HERANA
A orientao a objetos nos proporciona vrios benefcios e possibilidades na
hora de preogramar, mas sem dvidas, o maior benefcio o reaproveitamento de

10

cdigo e a herana a grande responsvel por isso.

A herana permite criar um relacionamento hierrquico entre classes
utilizando subclasses. Uma subclasse herda atributos e operaes de
sua superclasse. [...] (WELLING; THOMSON, 2005, p. 119)

Atravs dessa hierarquia as subclasses recebem todos os mtodos e

atributos de sua classe pai. Para utilizar a herana no PHP utilizamos a palavrachave extends na criao da classe e referenciamos de quem ela herdar as
caractersticas.
2.4.5 POLIMORFISMO
Polimorfismo significa muitas formas, ou visto tambm, como algo que pode
mudar de forma.
[...]Polimorfismo em orientao a objetos o princpio que permite
que classes derivadas de uma mesma superclasse tenham mtodos
iguais (com mesma nomenclatura e parmetros), mas
comportamentos diferentes, redefinidos em cada uma das classesfilha. (DALLOGLIO, 2009, p.101)

O PHP no suporta mtodos com o mesmo nome, mais aceita

parametrizao diferentes.
2.4.6

ABSTRAO
Na orientao a objetos, temos classes e mtodos abstratos. Entende-se por

abstrato algo que no concreto, que no existe na realidade, como um ideal ou

uma idia.
2.4.6.1

CLASSES ABSTRATAS

As classes abstratas, so as classes que servem como um modelo para

outras, porm no podem ser instanciadas. No possvel criar um objeto de uma
classe abstrata.
Podemos indicar no PHP que uma classe abstrata da seguinte maneira:

11

<?php
abstract class Conta {
/* conteudo*/
}
?>
2.4.6.2

CLASSES FINAIS

Classes finais so as que no podem ser herdadas, no podem ter

subclasses dependentes dela. Definimos que uma classe final utilizando o
operador final na criao da classe.
<?php
final class ContaPoupanca extends Conta {
/* conteudo*/
}
?>
2.4.6.3

MTODOS ABSTRATOS

So mtodos criados em uma superclasse que obrigatoriamente precisaro

ser implementados na classe filha.
<?php
class Conta {
/* conteudo*/
Abstract function Transferir($Conta, $Valor);
}
?>
2.4.6.4

MTODOS FINAIS

Um mtodo final, aquele que no pode ser subscrito, no pode ser

12

redefinido na classe filha.

<?php
class Conta {
/* conteudo*/
final function Transferir($Conta, $Valor){
/* conteudo*/
}
}
?>
2.4.7 ENCAPSULAMENTO
Vemos que A principal vantagem do software orientado a objetos sua
capacidade de suportar e incentivar o uso de encapsulamento. [...] (WELLING,
2005, p. 117).
O encapsulamento um dos principais recursos da orientao a objetos, pois
define o nvel de acesso das classes, mtodos e atributos.
Os nveis de acesso podem ser pblico, onde todos tem acesso a
informao, protect, que protege as informaes de todos menos da classe pai e
suas subclasses, e o private que faz com que os atributos s sejam acessados por
outros, atravs de mtodos pblicos ficando disponvel somente para a prpria
classe.
2.4.8 ASSOCIAO, AGREGAO E COMPOSIO

Associao a relao entre dois objetos, de forma que um objeto sera

instanciado como atributo do outro.

Agregao quando um objeto torna outro objeto parte de si mesmo

Composio como a agregao, com a diferena que o objeto pai

responsavel pela criao e destruio de suas partes.

13

2.4.9 INTERFACES
As interfaces so como um conjunto de metodos que as classes devero
implementar incondicionalmente. Se algum metodo no for utilizado acarretar em
um erro. Interface um conceito importante dentro da orientao a objetos. Ela diz
o que pode ser feito, mas no como faz-lo. (MELO, 2007, p.108).
2.4.10 AUTOLOAD
Toda vez que utilizamos uma classe precisamos declar-la na memria,
utilizamos o comando include_once para isso. Mas, uma vez que temos muitas
classes que preciso ser instanciadas perderamos muito tempo incluindo elas uma
a uma.
A funo

__autoload() fazer com que o instanciamento da classe na

memria fique automtico cada vez que uma classe for instanciada.
2.4.11 OBJETOS DINMICOS
Uma das caractersticas do PHP que ele oferece objetos dinmicos, sem
necessariamente haver a criao de uma classe, porm esses objetos armazenam
somente dados e no funes.
2.5 SELOS VERDES
a certificao de produtos adequados ao uso que apresentam menor
impacto no meio ambiente em relao a outros produtos comparveis disponveis no
mercado.
Os ambientes digitais tambm podem adotar prticas de comunicao virtual
com

o objetivo de proporcionar a seus usurios um real aproveitamento das

tecnologias de comunicao dispinveis para que acontea uma interao e

integrao de usurios e da comunidade.
Selos Verdes ou rtulos Ambientais tipo I so selos voluntrios, baseados em
critrios mltiplos de programas de terceira parte, baseados em consideraes e

14

pensamentos com foco no ciclo de vida. A entidade que concede o selo faz uma
verificao se a empresa atende os critrios e licencia o uso do selo nos produtos
outorgados.
Possuem o objetivo de promover a melhoria da qualidade ambiental de
produtos e processos mediante a mobilizao das foras de mercado pela
conscientizao de consumidores e produtores.
Uma das funes mais importantes do ambiente digital verde promover
educao nas reas social, ambiental e tecnolgica para seus usurios.
Portanto, vemos que o selo verde um reconhecimento que assegura ao
investidor ou ao usurio a qualidade e a excelncia nas atividades relacionadas as
responsabilidades ambientais, sociais, econmicas e polticas.

15

DESENVOLVIMENTO DO TRABALHO
Apresentaremos

seguir

as

caractersticas

do

sistema

que

ser

desenvolvido, onde o mesmo dever gerenciar vagas de emprego.

3.1 REQUISITOS FUNCIONAIS
Administrao de usurios
Administrao de vagas
Administrao de candidatura
3.2 ATORES
Empregador
Candidato
Administrador
O ator sempre externo ao sistema e pode representar papis
executados por usurios humanos, hardware externo ou outros
sistemas; portanto ele no representa necessariamente uma entidade
fsica especifica, mas somente um papel, um aspecto particular de
alguma entidade. (LIMA, 2011, p. 60)

3.3 REGRAS DE NEGCIO

Administrao de Usurios

Usurios podem ser definidos em Administrador, Candidato e Empregador

Acesso CRUD para todos os usurios.

Qualquer Usurio poder se cadastrar como Candidato ou Empregador.

Administrao de Vagas

O empregador ter acesso ao CRUD para cadastrar vagas, fechar vagas e

16

consultar candidatos.

O candidato ter acesso ao CRUD apenas para consulta e candidatura de

vagas.

O Administrador poder fechar vagas, excluir candidatos e empregadores.

As vagas no podem ser excludas, apenas marcadas como Fechada.

Na apresentao da vaga de emprego, se uma empresa possuir um selo de

responsabilidade ambiental (selo verde), ter um destaque na pgina, e ser

marcada como uma empresa boa para se trabalhar.
Administrao de Candidatura

O empregador poder consultar os candidatos vaga, e selecionar ou

recusar o candidato, tambm dever dar um parecer se o candidato foi contratado

ou no.

O candidato ao concorrer a uma vaga, poder consultar o Status da mesma,

que pode ser Selecionado, No Selecionado, No Contratado e Contratado.

3.4 DIAGRAMA DE CASO DE USO

17

3.5 DIAGRAMA DE CLASSES

18

19

3.6 DER

3.7 ATIVIDADES

20

TABELA DE ATIVIDADES
Data

Atividade Realizada

Tempo

27/03

Levantamento de requisitos

1 hora

27/03
28/03
02/04
03/04
04/04
08/04
08/04

Pesquisa bibliografica sobre HTML e CSS

Elaborao de fichamentos
Pesquisa bibliografica sobre JavaScript
Pesquisa sobre Php orientado a objetos
Elaborao de fichamentos
Elaborao do capitulo sobre html
Elaborao do capitulo sobre css e

2 horas
2 horas
1 hora
2 horas
3 horas
1 hora
2 horas

09/04
10/04
10/04
11/04
12/04

Javascript
Elaborao do capitulo sobre Php
Elaborao do diagrama de caso de uso
Elaborao do diagrama de classes
Eleborao do MER
Finalizao do trabalho

3 horas
2 horas
1 hora
1 hora
1 horas

REFERNCIAS

DALL'OGLIO, P. PHP Programando com Orientao a Objetos. 2 ed. So Paulo:

Novatec, 2009.

EIS, D; FERREIRA, E. HTML5 e CSS3: com farinha e pimenta. So Paulo:

Tableless, 2012.
FOELKEL, C. Selos Verdes: conceitos bsicos. Disponvel em <http://www.celsofoelkel.com.br/artigos/Palestras/RotulagemAmbiental/02_Conceitos%20b%E1sicos
%20eco-label_Celso_Foelkel.pdf> Acesso em: 09 abr 2013.

21

LIMA, A. S. UML 2.3: Do Requisito Soluo. So Paulo: rica, 2011.

MELO, A. A.; NASCIMENTO, M. G. F. PHP profissional: aprenda a desenvolver
sistemas profissionais orientados a objetos com padres de projeto. So Paulo.
Novatec, 2007.
SILVA, M. S. Criando sites com HTML: sites de alta qualidade com HTML e CSS.
So Paulo: Novatec, 2008.
SILVA, M. S. JavaScript: guia do programador. So Paulo: Novatec, 2010.
WELLING, L.; THOMSON, L. PHP e MySQL: desenvolvimento web. Traduo
Edson Furmankiewicz e Adriana Kramer. Rio de Janeiro: Elsevier, 2005.
XAVIER, F. S. V. PHP do Bsico Orientao a Objetos. Rio de Janeiro: Cincia
Moderna, 2008.