IMPLANTAO DE SISTEMAS

N2- IMPA




Camila Graciano Menezes RA 252532012
Dbora Thais dos S. Frana RA 249342013
Iolanda Maria de Oliveira RA 249102013
Jssica Canastro RA 211432012






TRABALHO DE CONCLUSO DE MDULO








...............................................................................................................................
Guarulhos
2014




ENIAC ENSINO BSICO E SUPERIOR


Camila Graciano Menezes RA 252532012
Dbora Thais dos S. Frana RA 249342013
Iolanda Maria de Oliveira RA 249102013
Jssica Canastro RA 211432012








TRABALHO DE CONCLUSO DE MDULO






Trabalho de Concluso de Mdulo
Implantao de Sistema da Faculdade Eniac,
apresentado disciplina de Tecnologia Web .
Prof. .....




Guarulhos
2014





Dedicamos este Trabalho de Concluso de
Mdulo s pessoas que trouxeram-nos a
vida, que dedicaram todo amor, carinho e
compreenso para que ns chegssemos
at aqui, a nossos pais. Dedicamos
tambm a nossos professores e amigos
que fizeram parte de nossas vidas a cada
instante e que nos proporcionaram
felicidades, conhecimentos e
oportunidades.



Agradecemos a todos os professores por
repartir seus conhecimentos, com toda
pacincia, colocando em nossas mos as
ferramentas com as quais abriremos novos
horizontes, rumo a satisfao plena dos
ideais humanos e profissionais, nossa
famlia pela dedicao de todos os dias,
pelo empenho em ajudar-nos e nos apoiar
sempre.
Se quiser por prova o carter de um
homem , d-lhe poder.

(Abraham Lincoln)



Sumrio
Introduo .........................................................................................................5
1 Objetivo ..........................................................................................................6
2 Descrio........................................................................................................6
2.1 JavaServer Pages (JSP) .............................................................................6
2.2 JavaScript ..................................................................................................9
2.3 MS SQL Server .........................................................................................12
3 Recursos Utilizados......................................................................................13
4 Mer ...............................................................................................................14
5 Layout ..........................................................................................................15
6 As vantagens de se ter uma pgina na internet...........................................16
7 Concluso ....................................................................................................17
7.1 Concluso 1 integrante Camila ...............................................................17
7.2 Concluso 2 integrante Dbora...............................................................18
7.3 Concluso 3 integrante Iolanda ...............................................................
7.4 Concluso 4 integrante Jssica.............................................................
8 Referncias ...................................................................................................
9 Anexos ...........................................................................................................
9.1 Anexo 1....................................................................................................
9.2 Anexo 2 ...................................................................................................
9.3 Anexo 3 ......................................................................................................
9.4 Anexo 4 ......................................................................................................
9.5 Anexo 5 .......................................................................................................


Introduo

O objetivo dessa fase do projeto a criao de um site para uma empresa
onde ser feito a divulgao da mesma.
Para sua criao realizamos um esboo juntamente com a proprietria da
empresa, nos passando suas idias com informaes da empresa como ,
viso, misso e valores, logo, cores, marcas comercializadas e estrutura da
empresa passamos a realizar o inicio da criao do site .
A criao do site de intuito comercial, onde ser feito uma divulgao da
empresa, tais como, servios oferecidos, endereo, horrios de funcionamento
etc.

Delimitao do tema
Os sistemas integrados de gesto (SIG) ou Enterprise Resource Planning
(ERP) podem ser entendidos como sistemas informacionais capazes de
integrar todos os processos realizados por uma empresa, independente do seu
ramo de atuao. Essa integrao se d pela utilizao de mdulos, que nada
mais so que subdivises do sistema em funo das reas empresariais (como
finanas, logstica e recursos humanos). Na prtica, o ERP um software cujo
objetivo auxiliar a empresa a planejar, organizar, dirigir e controlar todas as
suas atividades, sejam estas administrativas, produtivas, comerciais, etc.
Qualquer empresa hoje que queira estar preparada para se adaptar as
exigncias de um mercado em constante transformao, precisa utilizar um
sistema SIG.







1. Objetivo

O objetivo geral deste trabalho expor as principais e mais comuns
dificuldades encontradas na implantao de sistemas integrados e demonstrar
todo processo de criao do projeto de construo de um site.

2. Descrio

Com o objetivo de criar um site para uma empresa, iniciamos sua criao no
html. Inicialmente criamos paginas com estilos simples em apenas um frame
aps pesquisas e desejando uma melhora na aparncia passamos a dividir a
tela inicial com frames. Para a criao deste site utilizamos imagens, gifs,
botes personalizados, letreiros em movimento, galeria de fotos e um banco
de dados criado em GRAVA.JSP.

2.1 J avaServer Pages (J SP)

uma tecnologia que ajuda os desenvolvedores de software a criarem pginas
web geradas dinamicamente baseadas em HTML, XML ou outros tipos de
documentos. Lanada em 1999 pela Sun Microsystems, JSP similar ao PHP,
mas usa a linguagem de programao Java.
Para implantar e executar JavaServer Pages, um servidor web compatvel com
um container servlet, como Apache Tomcat, Jetty ou Glassfish, requerido.
Por ser baseada na linguagem de programao Java, tem a vantagem da
portabilidade de plataforma, que permite a sua execuo em diversos sistemas
operacionais, como o Windows da Microsoft, Unix e Linux.
Esta tecnologia permite ao desenvolvedor de pginas para Internet produzir
aplicaes que acessem o banco de dados, manipulem arquivos no formato

texto, capturem informaes a partir de formulrios e captem informaes
sobre o visitante e sobre o servidor.
Uma pgina criada com a tecnologia JSP, aps instalada em um servidor de
aplicao compatvel com a tecnologia Java EE, transformada em
um Servlet.
JSP permite que o cdigo Java e algumas aes pr-definidas sejam
intercalados com contedo de marcao web esttico, com a pgina resultante
sendo compilada e executada no servidor que ir entregar um documento. As
pginas compiladas, assim como as
bibliotecas Java dependentes, utilizam
o bytecode Java em vez de um formato de
software nativo. Como qualquer outro
programa Java, elas devem ser executadas
em uma mquina virtual Java (JVM), que se
integra com o sistema operacional do host
servidor para fornecer um ambiente de
plataforma neutra abstrato.

Tags JSP[editar | editar cdigo-fonte]
No JSP existem 5 tags:

Tags
Declaration tag
Esta tag permite declarar variveis e mtodos. A sua sintaxe : <%! mais
alguma coisa.. %> Um exemplo,
<%!
private int contador= 0 ;
%>



Expression tag
Esta tag permite mostrar algum resultado. A sua sintaxe : <%=..algo para
mostrar%> Por exemplo, para mostrar o valor da varivel contador bastava
apenas:
<%=contador %>

Directive tag
Esta tag permite dar informao sobre a pgina ao motor JSP. Existe 3 tipos de
directivas:
page - processa informao para esta pgina. Existem 11 atributos opcionais.
Sintaxe: <%@ page atributo=valor %>
Include arquivos para serem includos. Sintaxe: <%@ include
file=pagina.jsp %>
Taglib- Define uma biblioteca a ser usada. Precisa de um prefixo e de um url:
Sintaxe: <%@ taglib prefix = "prefixo" uri = "taglib.tld" %>
Scriptlet tag
Todo o cdigo entre <% %> chamado de scriptlet. Sintaxe: <% cdigo %>

Action tag
Esta tag tem como principais funcionalidades:
Acessar e alterar propriedades de JavaBeans
(jsp:useBean, jsp:getProperty ejsp:setProperty);
Redirecionar a requisio para outra pgina JSP (jsp:forward);
Uma nica tag para a incluso de applets Java em pginas,
independentemente do browser cliente (jsp:plugin e jsp:fallback).




2.2 J avaScript

uma linguagem de programao interpretada
2
. Foi originalmente
implementada como parte dos navegadores web para que scripts pudessem
ser executados do lado do cliente e interagissem com o usurio sem a
necessidade deste script passar pelo servidor, controlando o navegador,
realizando comunicao assncrona e alterando o contedo do documento
exibido.
atualmente a principal linguagem para programao client-side em
navegadores web. Foi concebida para ser uma linguagem script
com orientao a objetos baseada em prottipos, tipagem fraca e dinmica e
funes de primeira classe. Possui suporte programao funcional e
apresenta recursos como fechamentos e funes de alta ordem comumente
indisponveis em linguagens populares como Java e C++.
As seguintes caractersticas so comuns a todas as implementaes
conformantes com o ECMAScript.

Imperativa e Estruturada
JavaScript suporta os elementos de sintaxe de programao estruturada da
linguagem C (por exemplo, if, while, switch). Uma exceo a questo do
escopo: o escopo em blocos ao estilo do C no suportado, em seu lugar
JavaScript utiliza escopo a nvel de funo. JavaScript 1.7, entretanto, suporta
escopo a nvel de bloco atravs do comando let.

Dinmica
Tipagem dinmica
Como na maioria das linguagens de script, tipos so associados com valores,
no com variveis. Por exemplo, a varivel x poderia ser associada a um

nmero e mais tarde associada a uma string. JavaScript suporta vrias formas
de testar o tipo de um objeto, incluindo ducktyping.
Baseada em objetos
JavaScript quase inteiramente baseada em objetos. Objetos JavaScript so
arrays associativos, aumentados com prottipos. Os nomes da propriedade de
um objeto so strings: obj.x = 10 e obj["x"] = 10 so equivalentes, o ponto neste
exemplo apenas sinttico. Propriedades e seus valores podem ser
adicionadas, mudadas, ou deletadas em tempo de execuo. A maioria das
propriedades de um objeto (e aqueles em sua cadeia de herana via prottipo)
pode ser enumerada usando-se uma estrutura de repetio for...in. Javascript
possui um pequeno nmero de objetos padro da linguagem
como window e document.

Avaliao em tempo de execuo
JavaScript inclui a funo eval que consegue executar em tempo de execuo
comandos da linguagem que estejam escritos em uma string.

Funcional
Funes de primeira classe
No JavaScript as funes so de primeira classe, isto , so objetos que
possuem propriedades e mtodos, e podem ser passados como argumentos,
serem atribudos a variveis ou retornados como qualquer outro objeto.
Funes aninhadas
Funes 'internas' ou 'aninhadas' so funes definidas dentro de outras
funes. So criadas cada vez que a funo que as contm (externa)
invocada. Alm disso, o escopo da funo externa, incluindo constantes,
variveis locais e valores de argumento, se transforma parte do estado interno
de cada objeto criado a partir da funo interna, mesmo depois que a execuo
da funo interna concluda.

Fechamentos
JavaScript permite que funes aninhadas sejam criadas com o escopo lxico
no momento de sua definio e possui o operador () para invoc-las em outro
momento. Essa combinao de cdigo que pode ser executado fora do escopo
no qual foi definido, com seu prprio escopo durante a execuo,
denominada, dentro da cincia da computao, fechamento.

Baseada em Prottipos
Prottipos
JavaScript usa prottipos em vez de classes para o mecanismo herana.
possvel simular muitas caractersticas de orientao a objetos baseada em
classes com prottipos.
Funes e mtodos
Diferente de muitas linguagens orientadas a objetos, no h distino entre a
definio de uma funo e a definio de um mtodo no JavaScript. A distino
ocorre durante a chamada da funo; a funo pode ser chamada como um
mtodo. Quando uma funo chamada como mtodo de um objeto, a
keyword this da funo associada quele objeto via tal invocao.

Uso em pginas WEB
O uso primrio de JavaScript escrever funes que so embarcadas ou
includas em pginas HTML e que interagem com o Modelo de Objeto de
Documentos (DOM) da pgina. Alguns exemplos deste uso so:
abrir uma nova janela com controle programtico sobre seu tamanho,
posio e atributos;
validar valores de um formulrio para garantir que so aceitveis antes de
serem enviados ao servidor;
mudar imagens medida que o mouse se movimenta sob elas.

Pelo fato do cdigo JavaScript rodar localmente no navegador do usurio, e
no em um servidor remoto, o navegador pode responder a tais aes
rapidamente, fazendo uma aplicao mais responsiva. Alm disso, o cdigo
JavaScript pode detectar aes de usurio que o HTML sozinho no pode, tais
como teclas pressionadas individualmente. Aplicaes como Gmail tomam
vantagem disso: muito da lgica da interface do usurio escrita em
JavaScript, e o JavaScript envia requisies de informao, tais como o
contedo de um correio eletrnico, para o servidor. A tendncia mais ampla de
programao em Ajax explora de maneira similar este ponto forte.

2.3 MS SQL Server
um SGBD - sistema gerenciador de Banco de dados relacional desenvolvido
pela Microsoft. Foi criado em parceria com a Sybase em 1988 inicialmente para
a plataforma OS/2
1
. Esta parceria durou at 1994, com o lanamento da
verso para Windows NT e desde ento a Microsoft mantm a manuteno do
produto. Como um Banco de dados, um produto de software cuja principal
funo a de armazenar e recuperar dados solicitados por outras aplicaes
de software, seja aqueles no mesmo computador ou aqueles em execuo em
outro computador atravs de uma rede (incluindo a Internet). H pelo menos
uma dzia de diferentes edies do Microsoft SQL Server destinadas a
pblicos diferentes e para diferentes cargas de trabalho (variando de pequenas
aplicaes que armazenam e recuperam dados no mesmo computador, a
milhes de usurios e computadores que acessam grandes quantidades de
dados a partir da Internet ao mesmo tempo). Suas linguagens de consulta
primrias so T-SQL e ANSI SQL.
Algumas funes do MS-SQL Server:
Trigger
Stored procedure
SQL User Function
Extended Stored Procedure







3. Recursos utilizados

Windows
O Windows o sistema operacional de computador fabricado
pela Microsoft. O SO o mais utilizado no mundo, bem frente
de sua maior concorrente, a Apple. O Windows s comeou a ser
tecnicamente considerado como um SO a partir da verso
Windows NT, lanada em agosto de 1993. Antes, a interface
grfica, criada para MS-DOS, era executada por meio de
comandos de texto, sem a necessidade do mouse.
Editor de texto
Utilizamos os editor de texto , bloco de notas para a criao
de tags.
O Windows Notepad (ou Bloco de notas em portugus)
um editor de texto simples que foi includo em todas as verses
Microsoft Windows desde a verso 1.0 em 1985.
O uso mais comum do Bloco de notas exibir ou editar arquivos
de texto (.txt), mas muitos usurios o consideram uma ferramenta
simples para criar pginas da Web e lidar com
determinadas linguagens de programao.
Como o Bloco de notas oferece suporte apenas a uma formatao
muito bsica, no possvel salvar acidentalmente uma
formatao especial em documentos que devem permanecer

como texto puro. Isso especialmente til ao criar documentos
HTML para uma pgina da Web, uma vez que os caracteres
especiais ou outra formatao no podem aparecer na pgina da
Web publicada, pois podem causar erros.

Linguagem HTML
(abreviao para a expresso inglesa HyperText Markup
Language, que significa Linguagem de Marcao de Hipertexto)
umalinguagem de marcao utilizada para produzir pginas na
Web. Documentos HTML podem ser interpretados
por navegadores. A tecnologia fruto da juno entre os
padres HyTime e SGML.
Paint
Paint, software utilizado para a criao de desenhos simples e
tambm para a edio de imagens. O programa incluso, como
um acessrio, no sistema operacional Windows, da Microsoft, e
em suas primeiras verses era conhecido como Paintbrush. Seu
arquivo executvel no sistema operacional o mspaint.exe.

4. MER
O modelo de entidade e relacionamento um modelo abstrato cuja
finalidade descrever, de maneira conceitual, os dados a serem utilizados em
um sistema de informaes ou que pertencem a um domnio. A principal
ferramenta do modelo sua representao grfica, o diagrama entidade
relacionamento. Normalmente o modelo e o diagrama so conhecidos por suas
siglas: MER e DER.
Diagramas :
O Modelo de Entidade e Relacionamento (MER) uma representao da
realidade e pode ser representado
por entidades, relacionamentos e atributos (Londeix, 1995)
1
. Existem muitas
notaes para diagrama de entidades e relacionamentos. A notao original

proposta por Peter Chen composta de entidades (retngulos),
relacionamentos (losangos), atributos (elipses) e linhas de conexo (linhas) que
indicam a cardinalidade de uma entidade em um relacionamento. A
cardinalidade, ou os relacionamentos, podem ser1:1, 1:N e N:N. Chen ainda
prope smbolos para entidades fracas e entidades associativas.
As notaes modernas abandonaram o uso de smbolos especiais para
atributos, incluindo a lista de atributo, de alguma forma, no smbolo da
entidade. Consideramos as notaes como as mais interessantes na
atualidade:
IDEF1X, utilizada pela ferramenta ERWIN, bastante difundida e utilizada
no mercado.
Engenharia de Informao, bastante difundida e tambm presente como
notao alternativa no ERWIN.
Notao de Setzer, difundida no Brasil por seu autor.
Notao de Ceri, Bertini e Navathe [B32], pouco difundida, mas com
aspectos tericos interessantes.
Uso da UML para representar modelos de dados no-orientados a objetos.

5. Layout ou web design

O web design pode ser visto como uma extenso da prtica do design, onde o
foco do projeto a criao de web sites e documentos disponveis no ambiente
da World Wide Web.
O web design tende multidisciplinaridade, uma vez que a construo de
pginas web requer subsdios de diversas reas tcnicas, alm do design
propriamente dito. reas como a arquitetura da
informao, programao, ergonomia,
1
usabilidade, acessibilidade entre outros.
A preocupao fundamental do web designer agregar os conceitos
de usabilidade com o planejamento da pessoa em destaque interface,

garantindo que o usurio final atinja seus objetivos de forma agradvel e
intuitiva.
O layout precisa transmitir a informao desejada com eficincia. preciso
que o layout seja um elo de comunicao com o usurio, que sua linguagem
seja condizente com o objetivo do site. Conhecer heursticas de usabilidade
fundamental para se gerar layouts para a web.
Cada elemento inserido em um website deve ter um objetivo, a perfeio de um
website se atinge quando no h nada a ser retirado e no quando no h
nada mais a ser inserido.
A maioria dos layouts antigos dos sites da Web eram feitos com tabelas na
linguagem HTML, porm esta forma inapropriada pois tabelas devem ser
utilizadas apenas para exibir dados tabulados. Entretanto existem layouts que
so completamente produzidos sem a presena de tabelas, so os famosos
"tableless" e esta sim a melhor forma de estrutura para layouts.
Tableless no pode ser entendido como na traduo livre, que seria
literalmente "sem tabelas". Tableless um conceito e deve ser entendido
como aplicao das webstandards (normas da web desenvolvidas pela
W3C).

6. As vantagens de se ter uma pgina na Internet
A internet se tornou a maior ferramenta de marketing do mundo, e tambm a
mais acessvel. Tudo isso se deve ao seu alcance de grande parcela da
populao mundial acarretada pela sua dinamizao e disseminao
crescentes no planeta. A tendncia do mercado atual que cada vez mais as
empresas, necessitarem de um segundo endereo, o virtual. De modo que
divulguem seu contedo para se sobreporem ao seu concorrente que
possivelmente j tm sua pgina na internet. Um endereo virtual
gera publicidade e credibilidade por parte do internauta e consumidor.
Os benefcios de se ter uma identidade virtual so vrios. Podemos apontar
como os principais o fato que a internet o meio que passa as devidas

informaes de maneira rpida e objetiva. Gerando um grande segmento sobre
o carto de visitas sem haver presso sobre o cliente. Este fica vontade pra
decidir o que consumir, sendo atrado de forma natural aos domnios
empresariais.
Torna a relao mais amigvel com o consumidor, por diminuir
significativamente as necessidades de inconvenincias inerentes s outras
formas de divulgao como: Telemarketing, Panfletos poluentes,
Correspondncia e Outdoor que causam poluio visual e ambiental. Desse
modo, esclarece mais que todos os meios anteriores citados e com mais
elegncia se for contratado o profissional correto para direcion-lo
devidamente. E o custo com a mo de obra e matria prima so muito
menores, pois, precisam contar com inmeros profissionais e/ou despesas de
impresso altssimas devido demanda comercial. Outra vantagem que leva
sobre as outras formas de anncios, que pode ser acessado a qualquer hora
e lugar que tenha internet, tornando mais conveniente e as propostas
oferecidas sendo analisadas com mais peculiaridade e calma.

7. Concluso

7.1 Concluso 1 integrante, Camila
O projeto integrador contribuiu muito para meus conhecimentos
principalmente nos meios e tcnicas usadas para a construo de um site.
Antes do projeto no fazia ideia do processo inicial de criao de um site, nem
no seu desenvolvimento. Hoje com uma bagagem de conhecimentos
adquiridos atravs dos professores que prontamente ajudou- me a desenvolver
o projeto me sinto mais familiarizada com todo o processo de criao de um
site.
Aprendi como se constri um, o que preciso para constru-lo, e necessrio
para seu funcionamento. Acredito que a participao do aluno dentro do
projeto integrador imprescindvel, como foi minha participao, isso s se
tornou possvel porque realmente participei e me empenhei.

Outros fatores que enriqueceram meus conhecimentos foram as disciplinas
aplicadas pois cada uma delas foi essencial para o desenvolvimento do
projeto.
Aprendi muitas coisas que jamais pensaria em aprender como por exemplo
atravs da matria de lgica que aprendi a fazer programas , em Tecnologia
Web criar pginas que antes no fazia ideia do seu processo de criao , enfim
todas as matrias foram essenciais para meu desenvolvimento no projeto.
Este trabalho me deu o conhecimento jamais presenciado antes em minha
vida. Colaborou de forma positiva e crucial no meu crescimento pessoal e
profissional.







7.2 Concluso 2 integrante Dbora














7.3 Concluso 3 integrante Iolanda












7.4. Concluso 4 integrante Jssica


Nesse semestre de implantao de sistemas , pude entender realmente o
incio da tecnologia apresentada.
Com a matria de Tecnologia Web aprendi como utilizar as ferramentas de
construo se sites, os cdigos, as regras que cada funo oferece como no
Java Script entre outros.
Aprendi como fazer um computador entender e criar o que pensamos,
como os programas que queremos que ele execute. E tambm os fundamentos
da internet e sobre como podemos criar uma rede.

Esses mdulos nos ensinou as ligaes de um programa com o banco
como foi solicitado no nosso projeto integrador.
Foi muito bom para mim, pois agora realmente entramos na pratica.
Ento de todos os mdulos que j cursei, esse foi o mais prtico onde pude
bem desenvolver um Site, coisa que antes no saberia nem que ferramenta
utilizar.









8. Referncias

http://www.techoje.com.br/site/techoje/categoria/detalhe_artigo/1296
http://pt.wikipedia.org/wiki/JavaServer_Pages
http://pt.wikipedia.org/wiki/JavaScript
http://pt.wikipedia.org/wiki/Modelo_de_Entidades_e_Relacionamentos
http://pt.wikipedia.org/wiki/Web_design
http://www.techtudo.com.br/tudo-sobre/windows.html


9. Anexos


9.1 Home


9.2 Quem Somos

9.3 Promoes







9.4 Contato





9.5 Agende



9.6 Pgina Index