ESCOLA SUPERIOR ABERTA DO BRASIL - ESAB CURSO DE

PS-GRADUAO LATO SENSU EM ENGENHARIA DE

SISTEMAS

SILVIO FERNANDES MENEZES VASCONCELOS

ANALISE COMPARATIVA DA TCNOLOGIA JSF E GWT

VILA VELHA (ES)

2013
 SILVIO FERNANDES MENEZES VASCONCELOS

ANALISE COMPARATIVA DA TCNOLOGIA JSF E GWT

Trabalho de Concluso de Curso apresentado na

ESCOLA SUPERIOR ABERTA DO BRASIL -
ESAB como requisito para a concluso do Curso de
Ps-Graduao em Engenharia de Sistema.
Orientadora: Prof. Me. Caribe Zampirolli de Souza

VILA VELHA (ES)

2013
 SILVIO FERNANDES MENEZES VASCONCELOS

ANALISE COMPARATIVA DA TCNOLOGIA JSF E GWT

Banca Examinadora

______________________________________

______________________________________

______________________________________

VILA VELHA (ES)

2013
 LISTA DE FIGURAS

Figura 1. Diagrama de caso de uso............................................................................. 20

Figura 2. Modelo lgico do banco de dados............................................................... 24
Figura 3. Modelo fsico do banco de dados................................................................ 24
Figura 4. Tela de Login.............................................................................................. 26
Figura 5. Tela do Menu Inicial................................................................................... 26
Figura 6. Tela Cadastro de Funcionrio................................................................. 27
Figura 7. Tela Cadastrar Funcionrio......................................................................... 27
Figura 8. Tela Alterar Funcionrio........................................................................... 28
Figura 9. Tela Excluir Funcionrio........................................................................... 28
Figura 10. Tela Cadastro de Compromisso................................................................ 29
Figura 11. Tela Cadastrar Compromisso.................................................................... 29
Figura 12. Tela Alterar Compromisso........................................................................ 30
Figura 13. Tela Excluir Compromisso................................................;...................... 30
Figura 14. Tela Consultar Compromisso.................................................................... 31
Figura 15. Tela Visualizar Compromisso................................................................... 31
Figura 16. Tela Relatrio de Compromisso................................................................ 32
Figura 17. Tela Impresso de Compromisso.............................................................. 32
Figura 18. Tela Cadastro de Usurio.......................................................................... 33
Figura 19. Tela Cadastrar Usurio.............................................................................. 33
Figura 20. Tela Alterar Usurio.................................................................................. 34
Figura 21. Tela Excluir Usurio................................................................................. 34
Figura 22. Tela de Sucesso......................................................................................... 35
Figura 23. Tela de Erro............................................................................................... 35
 5

SUMRIO

1. INTRODUO ............................................................................................. 6

1.1.OBJETIVOS ........................................................................................... 7

1.1.1. Objetivo Geral ......................................................................................... 7

1.1.2. Objetivos Especficos ............................................................................. 8

1.2.JUSTIFICATIVA ..................................................................................... 8

1.3. METODOLOGIA.................................................................................... 9

2. PROGRAMA DE AGENDA DE COMPROMISSO ..................................... 11

2.1. Diagrama de Caso de Uso .................................................................. 12

2.2. Casa de Uso Textual ........................................................................... 13

2.3. Projeto do Banco de Dados ................................................................ 16

2.4. Definio da Interface ......................................................................... 18

3. CONCLUSO ............................................................................................ 28

4. REFERNCIAS ......................................................................................... 30
 6

1. INTRODUO

O Brasil junta-se ao consrcio internacional de telecomunicaes por

satlite (INTELSAT) em 1965 e cria o Ministrio das Comunicaes (MC),
sendo que o MC cria a Empresa Brasileira de Telecomunicaes (EMBRATEL),
usado para intervir diretamente no setor de telecomunicaes pelo Estado,
tendo o monoplio das telecomunicaes e transmisses de dados.
Com o uso de equipamentos de informtica no Brasil ficando mais
intenso, o MC, em 1975, comeou a olhar mais para questo da transmisso
eletrnica de dados, naquela poca a informtica era chamada de telemtica
(Unio de Telecomunicao e Informtica). Essa nova denominao vinha da
convergncia que ocorria entre as tecnologias de telecomunicaes e
informtica nos pases centrais.
Na Cultura da convergncia, onde as novas mdias colidem com as
velhas, mdias alternativas se cruzam com as corporativas e a fora do
consumidor de participar de forma imprevisvel. Convergncia pode definir os
tipos de transformaes, tais como, transformaes tecnolgicas,
mercadolgicas, culturais e sociais, e depende de quem esta falando e do que
a imagem esta falando.
A busca por esse tipo de servio cresceu consideravelmente nos anos
70 com o surgimento e propagao da microinformtica. No Brasil, nesse
perodo, a informtica era objeto de estudos, mas somente em abril de 1975,
pelo Decreto n 301, a Embratel recebeu a incumbncia de instalar e explorar
uma rede nacional de transmisso de dados.
Destaca-se no Brasil a abertura do acesso Internet as pessoas e
sociedades atravs dos provedores comerciais, a criao da Rede Nacional de
Pesquisa, a criao dos backbones de Internet, a criao de vrios grupos de
trabalho para instituies do Governo Eletrnico, o aparecimento dos seus
primeiros servios, a criao da Poltica de Segurana da Informao, do Portal
do Governo Eletrnico e a reformulao da Poltica de Governo Eletrnico na
mudana de governo ocorrida em 2003; no exterior a criao da World-Wide
Web (WWW) e a criao do primeiro navegador para Internet.
 7

A World-Wide Web (WWW) surgiu quando Tim Berners Lee, do

European Organization for Nuclear Research (CERN), em Genebra -
Sua, cria, em 1990, protocolo Hyper Text Transport Protocol18
(HTTP). Nos EUA, neste ano, a ARPANET retirada de operao
devido ao surgimento de outras redes que j realizavam a sua
funo. Em 1991, foi criada a rede Gopher, nos EUA, por Paul
Lindner e Mark P. McCahill. (PERSEGONA; ALVES, 2008 s/p)

O Mosaic foi o primeiro navegador para Internet, criado em 1993, nos

EUA. Ele deu liberdade para que a informao ficasse livre de uma maneira
mais simples e intuitiva ao compor recursos de multimdia s pginas de
Internet com a utilizao do protocolo HTTP. Dando assim o pontap inicial
para a evoluo das tecnologias utilizadas pra elaborao das aplicaes
desenvolvidas para internet na prestao de informaes e servios
sociedade.
Neste projeto sero abordadas duas formas de desenvolvimento de
aplicaes para a WEB. O termo RIA (Rich Internet Application) usado pela
Adobe ou (Rich Interative Application) usado pela Microsoft usado neste
projeto como um sistema que mantm as caractersticas das aplicaes
desktop, mas so usados na WEB e armazenados em servidores de
aplicaes web. Outro fator que influenciou a pesquisa que o sistema possa
ser usado pelo usurio sem a necessidade de instalao da aplicao exceto
os plugins do navegador.
A escolha foi da tecnologia JSF Java Server Face inicialmente da SUN
e o GWT Google Web Toolkit da Google tendo como princpio de escolha
apenas referncias na internet sobre RIA. A seguir relacionamos algumas
caractersticas de cada uma dessas tecnologias.

1.1. OBJETIVOS

1.1.1. Objetivo Geral

Desenvolver um programa (software) pequeno de cadastro de
agenda de compromisso nas duas tecnologias, etapa que
possibilitar a comparao das duas tecnologia.
 8

1.1.2. Objetivos Especficos

Identificar um servidor capaz de suportar a aplicao web;
Verificar qual das duas tecnologias oferece a melhor estrutura
para aplicao web;
Elaborar o pequeno programa nas duas tecnologia;
Indicar qual das duas tecnologias melhor se adapta para o
desenvolvimento de aplicao web.

1.2. JUSTIFICATIVA
O WWW um servio baseado um hipertextos (documentos que
possuem, dentro de si, conexes com outros documentos) que permite buscar
e recuperar informaes distribudas por diversos computadores da rede. O
hipertexto uma forma de apresentao grfica de informao que contm
palavras com ligaes subjacentes com outros textos, o que torna possvel
leituras diversas, no - lineares. Voc pode selecionar uma das palavras que
aparece assinalada e ter acesso a um novo documento, associado com o
termo selecionado. O novo documento, por sua vez, outro hipertexto com
novas palavras assinaladas.
Sendo a linguagem usada para criar esses hipertextos chamada de
HTML (Hypertext Markup Language), uma linguagem de marcao de texto
utilizada para produzir pginas na Web. O HTML formado por uma sequencia
de comandos em texto puro, que podem ser escritos em um editor de texto, e
que so interpretados pelo navegador. Quando entramos em uma pgina
qualquer, o navegador "l" o cdigo HTML e exibe o layout correspondente. E
com isso teve o surgimentos das outras linguagem para criao de pginas na
web mais sofisticadas, como por exemplo: JSP, ASP, PHP, etc.
A criao de aplicaes WEB com um bonito visual e que oferea as
vantagens da utilizao simples de um sistema criado para o desktop, como
por exemplo, sistema financeiro. Um sistema que olha para os requisitos de
usabilidade e leve em conta as necessidades do usurio pode gerar bons
lucros para o seu proprietrio.
 9

Ento a pergunta que se deve fazer agora no se devemos

desenvolver aplicaes com uma interface rica para WEB e sim como
podemos desenvolver estas aplicaes para WEB. (VICTORAZE, 2007, p17)
As aplicaes que sero desenvolvidas para serem usadas na WEB
tero que ter os mesmos princpios de usabilidade das aplicaes desktop, tais
como, visibilidade, feedback (retorno), fcil de aprender, eficincia, satisfao
direta, fcil de navegar, simplicidade, tempo suportvel e foco no usurio tero
que ser observados no desenvolvimento das novas aplicaes. E para atender
esses requisitos teremos que utilizar novas formas e novas tecnologias para o
desenvolvimento dessas aplicaes.

1.3. METODOLOGIA

Na pesquisa foi usada a tecnologia web para desenvolver o software de

agenda de compromisso, utilizando o modelo de trs camadas, que so elas:

Interface Referisse a tela do usurio;

Regra de negcio a comunicao entre a interface e banco de

dados;

Banco de dados - Onde ser guardo as informaes como mensagens

e contedos.

Pois esse modelo permite que mais de um profissional de reas

diferentes trabalhem no mesmo software sem atrapalhar um ao outro, como por
exemplo, pode ter um profissional em design desenvolvendo a interface (tela),
um na rea de programao web criando as classes (regra de negcios) e
outro especialista em banco de dados, assim dando mais agilidade no
desenvolvimento do software.
Feito a Anlise de Sistema utilizando o padro UML (Linguagem de
Modelagem Unificada), e utilizaremos o programa Rational Rose para criar os
diagramas de caso de uso, bem como os casos de uso contextual, pois esse
programa um dos mais completos no mercado para essa finalidade.
 10

O projeto de banco de dados ser criado utilizando o programa MySQL

Query Browser, que uma IDE para modelagem e criao de banco de dados
MySQL, em que o banco de dados que irei usar o MySql 5.0, pois ele free
(grtis), pois a maioria dos outros banco de dados so pagos. E com isso, ser
criado o modelo fsico, modelo lgico e o dicionrio de dados do banco.
Depois foi desenhadas as telas do sistema que utilizado pelos
usurios, atravs de uma ferramenta de desenvolvimento de aplicao web
(criar programa para internet) chamado NetBeans 7.3.1, que utiliza algumas
tecnologias da plataforma J2EE, o Java ServerPages, Java Database
Connection, Java Transaction API, Java Beans, a Conexo Pool, JavaDoc, etc.
 11

2. PROGRAMA DE AGENDA DE COMPROMISSO

Para criao do programa agenda de compromisso, tm que ser criados

alguns modelos (diagramas) antes do desenvolvimento do programa, tais
como:

Diagrama de Caso de Uso uma representao grfica da estrutura

e relao que vai compor o programa, assim facilitando a compreenso do
desenvolvedor nos processos, descrevendo uma seqncia de aes que
relata a interao entre o sistema e o usurio.

Caso de Uso Contextual faz a descrio da funcionalidade proposta

do sistema que ser projetado. Segundo Ivar Jacobson, podemos dizer que
um caso de uso um "documento narrativo que descreve a seqncia de
eventos de um ator que usa um sistema para completar um processo".

Projeto de Banco de Dados uma das partes mais importante do

desenvolvimento, pois aqui que definimos o banco de dados, referindo-se
tanto aos dados que esto ou sero armazenados, quanto ao programa que os
gerencia. Este por sua vez, realiza trs funes bsicas: criao, atualizao e
consulta das informaes, e normalmente dividimos em duas partes, que so:

Modelo Lgico serve para que definirmos como o banco de dados

ser implementado no programa e podemos assim criar as tabelas, onde
realmente esse o local que as informaes sero gravadas.

Modelo Fsico - toma por base o modelo lgico para construir o

esquema fsico. Um esquema fsico uma descrio da implementao do
banco de dados em memria secundria; ele descreve as estruturas de
armazenamento e mtodos de acesso usados para efetivamente realizar o
acesso aos dados.
 12

Dicionrio de Dados do Modelo Fsico - consiste numa lista

organizada de todos os elementos de dados que so pertinentes para o
programa. Sem o dicionrio de dados o modelo no pode ser considerado
completo, pois este descreve os atributos, descrio e tipo dos elementos que
compem a tabela, composio de depsitos de dados e alguns clculos
intermdios. O Dicionrio de Dados consiste num ponto de referncia de todos
os elementos envolvidos na medida em que permite associar um significado a
cada termo utilizado.

A seguir sero mostrados os diagramas que sero utilizados para o

desenvolvimento do ambiente virtual Educao Mvel.

2.1. Diagrama de Caso de Uso

Efetuar Login

Cadastro Funcionrio Cadastro do usurio

Funcionrio

Relatrio de
Cadastro de
Compromisso
compromisso

Consulta de
Compromisso

Figura 1. Diagrama de Caso de Uso

Fonte: Programa Rotional Rose
 13

2.2. Casa de Uso Textual

2.2.1. Efetuar Login

Autor: Funcionrio
Finalidade: Efetuar login para ter acesso ao programa de agenda de
compromisso.
Viso Geral: - O funcionrio solicita o acesso ao programa;
- O programa verifica se login est correto e libera o
acesso.

Sequencia Tpica:

Ao do Autor Resposta do Sistema

1- Este caso de uso inicia quando o
funcionrio deseja ter acesso ao programa
2- O funcionrio informa login e senha 3- Checa se login e senha esto corretos
4- O funcionrio tem acesso ao programa

2.2.2. Cadastro de Funcionrio

Autor: Funcionrio
Finalidade: Cadastrar os funcionrios que iro usar o programa.
Viso Geral: - O funcionrio solicita o cadastro de funcionrio no
programa;
- O programa inclui, altera ou inativa funcionrio.

Sequencia Tpica:

Ao do Autor Resposta do Programa

1- Este caso de uso inicia quando o
funcionrio solicita o servio de cadastro
de funcionrio ao programa.
2- O funcionrio clica em cadastrar, alterar 3- Abre a tela de cadastro, alterao ou
ou inativar. inativao do funcionrio.
4- O funcionrio digita os dados do 5 Exibe a mensagem de confirmao.
formulrio e clica no boto confirmar.
 14

2.2.3. Cadastro de Compromisso

Autor: Funcionrio
Finalidade: Cadastrar os compromissos no programa.
Viso Geral: - O funcionrio solicita o cadastro de compromisso no
programa;
- O programa inclui, altera ou exclui compromisso.

Sequencia Tpica:

Ao do Autor Resposta do Programa

1- Este caso de uso inicia quando o
funcionrio solicita o servio de cadastro
de compromisso ao programa.
2- O funcionrio clica em cadastrar, alterar 3- Abre a tela de cadastro, alterao ou
ou excluir. excluso do compromisso.
4- O funcionrio digita os dados do 5 Exibe a mensagem de confirmao.
formulrio e clica no boto confirmar.

2.2.4. Consulta de Compromisso

Autor: Funcionrio
Finalidade: Consultar os compromissos no programa.
Viso Geral: - O funcionrio solicita a consulta de compromisso no
programa;
- O programa consulta os compromissos por data na tela.

Sequencia Tpica:

Ao do Autor Resposta do Programa

1- Este caso de uso inicia quando o
funcionrio solicita o servio de consulta
de compromisso ao programa.
2- O funcionrio clica em consultar 3- Abre a tela de consulta, pedindo a data
compromisso. de inicio e fim do compromisso.
4- O funcionrio digita a data de inicio e 5 Exibe os compromissos no intervalo das
fim e clica no boto confirmar. datas na tela.
 15

2.2.5. Relatrio de Compromisso

Autor: Funcionrio
Finalidade: Emitir relatrio dos compromissos no programa.
Viso Geral: - O funcionrio solicita o relatrio de compromisso no
programa;
- O programa emitir o relatrio de compromisso para
impresso.

Sequencia Tpica:

Ao do Autor Resposta do Programa

1- Este caso de uso inicia quando o
funcionrio solicita o servio de relatrio
de compromisso ao programa.
2- O funcionrio clica em relatrio de
compromisso.
4- O funcionrio digita a data de inicio e
fim e clica no boto confirmar.
6- O funcionrio clica no boto imprimir.
3- Abre a tela de consulta, pedindo a data
de inicio e fim do compromisso.
5 Abre outra tela com compromissos no
intervalo das datas.
7- Manda o relatrio para impressora.

2.2.6. Cadastro de Usurio

Autor: Funcionrio
Finalidade: Cadastrar os usurios no programa.
Viso Geral: - O funcionrio solicita o cadastro de usurios no
programa;
- O programa inclui, altera ou exclui usurio.

Sequencia Tpica:

Ao do Autor Resposta do Programa

1- Este caso de uso inicia quando o
funcionrio solicita o servio de cadastro
de usurio ao programa.
2- O funcionrio clica em cadastrar, alterar 3- Abre a tela de cadastro, alterao ou
ou excluir. excluso do usurio.
4- O funcionrio seleciona o formulrio, 5 Exibe a mensagem de confirmao.
digita o login e a senha e clica no boto
confirmar.
 16

2.3. Projeto do Banco de Dados

2.3.1. Descrio das Tabelas

2.3.1.1. Modelo Lgico

Figura 2. Projeto de Banco de Dados Modelo Lgico

Fonte: Programa Rotional Rose

2.3.1.2. Modelo Fsico

Figura 3. Projeto de Banco de Dados Modelo Fsico

Fonte: Programa Rotional Rose
 17

2.3.2. Dicionrio de dados de modelo fsico

FUN_FUNCIONARIOS
Atributo Descrio Tipo
FUN_ID Cdigo do Funcionrio Integer
FUN_NOME Nome do Funcionrio Varchar
FUN_FONE N do Telefone do Funcionrio Varchar
FUN_CELULAR N do Celular do Funcionrio Varchar
FUN_PROFISSAO Nome da Profisso do Funcionrio Varchar
FUN_EMAIL Email do Funcionrio Varchar
FUN_DATAADM Data de Admisso do Funcionrio Date
FUN_DATADM Data de Demisso do Funcionrio Date

USU_USUARIOS
Atributo Descrio Tipo
USU_ID Cdigo do Usurio Integer
FUN_ID Cdigo do Funcionrio Integer
USU_LOGIN Nome do Login de Acesso Varchar
USU_SENHA Senha de Acesso Varchar

AGE_AGENDAMENTO
Atributo Descrio Tipo
AGE_ID Cdigo do Compromisso Integer
AGE_DEC Descrio do Compromisso Varchar
AGE_DATA Data do Compromisso Date
AGE_HORA Hora do Compromisso Varchar
AGE_STATUS Status do Compromisso (N/S) Varchar
FUN_ID Cdigo do Funcionrio Integer
 18

2.4. Definio da Interface do Ambiente Educao Mvel

2.4.1. Tela de Login

Figura 4. Tela de Login

Fonte: Programa Agenda de Compromisso

a tela inicial onde o funcionrio ir digitar login e senha pra entra no

programa.

2.4.2. Tela do Menu Principal

Figura 5. Tela Menu Inicial

Fonte: Programa Agenda de Compromisso

a tela inicial aps a confirmao do login e senha, onde se encontra o

menu principal que contm as opo para utilizao do programa.
 19

2.4.3. Tela de Cadastro de Funcionrio

Figura 6. Tela Castro de Funcionrio

Fonte: Programa Agenda de compromisso

a tela que o funcionrio visualiza todos os funcionrios cadastrados, para

que ele possa cadastrar alterar ou excluir funcionrio.

2.4.4. Tela de Cadastrar o Funcionrio

Figura 7. Tela Cadastrar Funcionrio

Fonte: Programa Agenda de Compromisso

a tela que o funcionrio preenchera os campos com os dados de um novo

funcionrio, e confirmar esse cadastro clicando no boto confirmar.
 20

2.4.5. Tela de Alterar Funcionrio

Figura 8. Tela Alterar Funcionrio

Fonte: Programa Agenda de Compromisso

a tela que o funcionrio poder alterar os dados desse funcionrio, e

confirmar essa alterao clicando no boto confirmar.

2.4.6. Tela de Excluir Funcionrio

Figura 9. Tela excluir funcionrio

Fonte: Programa Agenda de Compromisso

a tela que o funcionrio confirmar a excluso desse funcionrio

clicando no boto confirmar.
 21

2.4.7. Tela de Cadastro de Compromisso

Figura 10. Tela Cadastro de Compromisso

Fonte: Programa Agenda de Compromisso

a tela que o funcionrio visualiza todos os compromissos cadastrados,

para que ele possa cadastrar alterar ou excluir compromisso.

2.4.8. Tela de Cadastrar Compromisso

Figura 11. Tela Cadastrar Compromisso

Fonte: Programa Agenda de Compromisso

a tela que o funcionrio preenchera os campos com os dados de um novo

compromisso, e confirmar esse cadastro clicando no boto confirmar.
 22

2.4.9. Tela de Alterar Compromisso

Figura 12. Tela Alterar Compromisso

Fonte: Programa Agenda de Compromisso

a tela que o funcionrio poder alterar os dados desse compromisso, e

confirmar essa alterao clicando no boto confirmar.

2.4.10. Tela de Excluir Compromisso

Figura 13. Tela Visualizar Contedo

Fonte: Programa Educao Mvel

a tela que o funcionrio confirmar a excluso desse compromisso

clicando no boto confirmar.
 23

2.4.11. Tela de Consultar Compromissos

Figura 14. Tela Consultar Compromisso

Fonte: Programa Agenda de Compromisso

a tela que o funcionrio vai digitar a data inicial e data final para
visualizar os compromissos cadastrados no intervalo dessas datas.

2.4.12. Tela de Mostrar os Compromissos na tela

Figura 15. Tela Visualizar Compromisso

Fonte: Programa Agenda de Compromisso

a tela mostra todos os compromissos cadastrados no intervalo das datas

digitado pelo funcionrio.
 24

2.4.13. Tela de Relatrio de compromissos

Figura 16. Tela Relatrio de Compromisso

Fonte: Programa Agenda de Compromisso

a tela que o funcionrio vai digitar a data inicial e data final para
imprimir os compromissos cadastrados no intervalo dessas datas.

2.4.14. Tela de Impresso dos compromissos

Figura 17. Tela Impresso de Compromisso

Fonte: Programa Agenda de Compromisso

a tela mostra todos os compromissos cadastrados no intervalo das datas

digitado pelo funcionrio para impresso, clicando no boto imprimir.
 25

2.4.15. Tela de Cadastro de Usurio

Figura 18. Tela Cadastro de Usurio

Fonte: Programa Agenda de Compromisso

a tela que o funcionrio visualiza todos os usurios cadastrados, para que

ele possa cadastrar alterar ou excluir usurio.

2.4.16. Tela de Cadastrar Usurio

Figura 18. Tela Cadastrar Usurio

Fonte: Programa Agenda de Compromisso

a tela que o funcionrio preenchera os campos com os dados de um novo

usurio, e confirmar esse cadastro clicando no boto confirmar.
 26

2.4.17. Tela de Alterar Usurio

Figura 20. Tela Alterar Usurio

Fonte: Programa Agenda de Compromisso

a tela que o funcionrio poder alterar os dados desse usurio, e

confirmar essa alterao clicando no boto confirmar.

2.4.18. Tela de Excluir Usurio

Figura 21. Tela Excluir Usurio

Fonte: Programa Agenda de Compromisso

a tela que o funcionrio confirmar a excluso desse usurio clicando no

boto confirmar.
 27

2.4.19. Tela de sucesso

Figura 22. Tela de Sucesso

Fonte: Programa Agenda de Compromisso

a tela que mostrada que os cadastros, alterao e Excluso foram

realizadas com sucesso.

2.4.20. Tela de Erro

Figura 23. Tela de Erro

Fonte: Programa Agenda de Compromisso

a tela que mostrada que os cadastros, alterao e Excluso no foram

realizadas com sucesso.
 28

3. CONCLUSO

A inteno desta pesquisa foi comparar duas tecnologias de

desenvolvimento de aplicao Web, que so elas, JSF e GWT, para isso foi
desenvolvido um programa de controle de vencimento de tributos utilizando as
mesmas.
Tendo em vista como ponto positivo do JSF, e que utilizando essa
tecnologia os cdigos fontes do JSP fica menor e tambm utiliza o modelo das
trs camadas: Interface, regra de negcios e banco de dados.
Tendo como ponto negativo, j que utilizado cdigo em HTML, CSS e
JAVASCRIPT pelo desenvolvedor para desenvolver as pginas (telas), isso
fazia com que algumas funes do programa funcionassem em algum
navegador e outro no.
J o GWT teria como pontos positivos e negativos os seguintes:

Positivos:
Todo o cdigo do GWT compilado para javascript, sendo assim, o
cdigo "esttico" o que permite que um servidor web possa ficar;
responsvel por essas requisies liberando o servidor de aplicao de
requisies para montagem de tela;
As interfaces do GWT utilizam caractersticas do RIA, Rich Interface
Application;
Permite Herana Visual, ou seja, telas podem herdar de outras telas
O Cdigo javascript gerado pelo compilador GWT ofuscado o que faz
com que o arquivo fique o menor possvel exigindo menos do recurso de rede;
Permite trabalhar no modelo MVC com multi camadas sendo que o GWT
a camada de interface.

Negativos:
O tempo de converso do cdigo java para o cdigo javascript alto e
cada vez que inclumos novas APIs o tempo vai aumentando junto;
O desenvolvedor tem que fazer as duas camadas, interface e regra de
negcios.
 29

No havendo muito tempo suficiente para a elaborao da

documentao e desenvolvimento do programa, o mesmo no foi testado em
uma instituio, mas mesmo assim achei que consegui atingir meu objetivo,
pois o programa rodou normalmente em minha mquina.
Essa pesquisa foi de fundamental importncia para meu aprendizado e
entendimento sobre essas duas tecnologias, e chegar a concluso que o uso
do GWT para desenvolvedores que usam 100% linguagem Java para
desenvolver suas aplicaes Web, pois o cdigo gerado pelo GWT
compatvel com quase todos os browsers conhecido no mercado, que so eles,
cdigo HTML+CSS+JavaScript.
O Google Web Toolkit uma tecnologia muito interessante e sem dvida
ser cada vez mais utilizada pelos desenvolvedores na medida em que utiliza
uma linguagem muito popular, o Java. A pesar que alguns dos seus
componentes ainda tenham alguns bugs, est sempre sendo corrigida e
aperfeioada, tornando-se cada vez melhor a cada verso disponibilizada.
Atualmente, o mundo esta cercado por servios on-line que j se
tornaram uma rede onde se pode adquirir produtos, servios, conhecimento,
etc., realizado com um simples movimento do mouse e clicando nas opes
desejadas, fazendo que os desenvolvedores de aplicao Web, procure cada
vez mais novas tecnologias que os ajudem e agilizem o processe de
desenvolvimento como o JSF e GWT, aqui utilizado em minha pesquisa.
 30

4. REFERNCIAS

ABRAHO, S.; CONDORI-FERNANDEZ, N.; OLSINA, L.; PASTOR, O., 2003.

Defining and Validating Metrics for Navegation Models. In: Proceedings
of the 9th International Symposium in Software Metrics, pp. 200 210, Sydney ,
Australia. September.
ALMEIDA, Maria Elizabeth Bianconcini de - PUC-SP. Artigo - Tecnologia
e Educao a Distncia: Abordagens e Contribuies dos Ambientes
Digitais e Interativos de Aprendizagem, GT: Educao e Comunicao/n.16,
2003.
ARAJO, Yara. Telepresena Interao e Interfaces. So Paulo: Editora
Educ(PUC-SP), 2005.
CONTE, Tayana; TRAVASSOS, Guilherme Horta Tcnicas de Inspeo de
Usabilidade baseada em Perspectivas de Projeto Web. Rio de Janeiro:
UFRJ/COPPE, 2009.
FERNANDES, Paulo. Iniciando com o GWT Artigo. Disponivel: <
http://javafree.uol.com.br/artigo/874221/Iniciando-com-o-GWT.html>. Acesso:
27 dez. 2011.
GOMES, Yuri Marx P. Java na Web com JSF, Spring, Hibernate e
Netbeans 6, Rio de Janeiro: Cincia Moderna Ltda., 2008.
GONALVES, Edson. Desenvolvendo Aplicaes Web com JSP, Servlet,
JavaServer Faces, Hibernate, EJB 3 Persistence e Ajax - Rio de Janeiro:
Cincia Moderna Ltda., 2008.
MOTA, Roberto Dias; WERNER, Claudete. Utilizando Framework Java
Server Faces (JSF), Hibertnante e Primefaces para Desenvolvimento de
Software para Web. Artigo. Disponivel:
<http://web.unipar.br/~seinpar/artigos/Roberto-Dias-Mota.pdf>. Acesso: 30 dez.
2011.
PERSEGONA, Marcelo Felipe Moreira; ALVES, Isabel Tereza Gomes. Histria
da Internet: Origens do E-Gov no BrasilIniciando Artigo. Disponivel: <
http://www.unbcds.pro.br/conteudo_arquivo/280606_1E4182.pdf>. Acesso: 27
dez. 2011.
 31

VICTORAZE, Nelson Rogerio. RIA Rich Internet Applications Trabalho de

Concluso. Disponivel: < http://www.lume.ufrgs.br/handle/10183/14328>.
Acesso: 28 dez. 2011. Porto Alegre, dez. 2007.