KESLEY DE OLIVEIRA SILVA

TECNOLOGIAS PARA DESENVOLVIMENTO WEB

CRIXÁS
2016
 KESLEY DE OLIVEIRA SILVA

TECNOLOGIAS PARA DESENVOLVIMENTO WEB

Projeto de Pesquisa apresentado em cumprimento parcial às

exigências do Curso de Tecnologia em Redes de Computadores
da Universidade Estadual de Goiás – Campus Crixás, como pré-
requisito à obtenção do Diploma de Graduação.

Orientador (a): Flávio Oliveira Dias

Co orientador (a): Wellington Soares da Luz

CRIXÁS
2016
 KESLEY DE OLIVEIRA SILVA

TECNOLOGIAS PARA DESENVOLVIMENTO WEB

Projeto de Pesquisa apresentado em cumprimento parcial às

exigências do Curso de Tecnologia em Redes de Computadores
da Universidade Estadual de Goiás – Campus Crixás, como pré-
requisito à obtenção do Diploma de Graduação.

Orientador (a): Flávio Oliveira Dias

Co orientador (a): Wellington Soares da Luz

________________________________
Prof. Flávio Oliveira Dias

________________________________
Wellington Soares da Luz

CRIXÁS
2016
“Algumas pessoas acham que foco significa dizer sim para a
coisa em que você vai se focar. Mas não é nada disso. Significa
dizer não às centenas de outras boas ideias que existem. Você
precisa selecionar cuidadosamente ”

Steve Jobs
 Sumário

1. TEMA ............................................................................................................................................. 5
1.1 DELIMITAÇÃO DO TEMA ............................................................................................... 5
2. JUSTIFICATIVA .......................................................................................................................... 5
3. REVISÃO DA LITERATURA .................................................................................................... 6
4. OBJETIVO DA PESQUISA ........................................................................................................ 7
5. QUESTÕES EMPÍRICAS ........................................................................................................... 7
6. HIPÓTESES .................................................................................................................................. 8
7. OBJETIVOS GERAL ................................................................................................................... 8
7.1 OBJETIVO GERAL ................................................................................................................. 8
7.2 OBJETIVOS ESPECÍFICOS .................................................................................................. 8
8. METODOLOGIA ......................................................................................................................... 9
9. CRONOGRAMA .......................................................................................................................... 9
REFERÊNCIAS .................................................................................................................................. 10
 5

1. TEMA

Interatividade da Web 3.0

1.1 DELIMITAÇÃO DO TEMA

Desenvolvimento de um sistema bibliotecário para UEG – Câmpus Crixás.

2. JUSTIFICATIVA

O desenvolvimento web está em crescente aumento, no qual diversas empresas estão

aderindo sistemas desenvolvidos nesta plataforma. Este projeto terá como intuito conhecer as
tecnologias que envolvem o desenvolvimento nesta plataforma, desmistificando as estruturas
que o compõe, conceituando linguagens de marcação e programação e os padrões mais
recomendados neste processo de desenvolvimento.
Para O’Reilly (2005), não existe como limitar as fronteiras da web, tratando-se de um
núcleo ao redor do qual envolvem princípios e práticas que aproximam diversos sites que os
nseguem. Um dos princípios fundamentais é trabalhar a Web como sendo uma plataforma,
desenvolvendo sistemas online que antes só poderiam ser utilizadas por sistemas desktops.
Um programador front-end ao criar um site ou sistema web, deve-se preocupar com as
melhores práticas que envolvem este processo, principalmente buscando a melhor usabilidade
para os usuários. Segundo a Norma ISO 9241-11 (International Organization for
Standardization - Organização Internacional para Padronização), “[...] define usabilidade e
explica como identificar a informação necessária a ser considerada na especificação ou
avaliação de usabilidade de um dispositivo de interação visual em termos de medidas de
desempenho e satisfação do usuário [...]”.
Em 2012 no Brasil, foi registrado uma média de 43 milhões de e-consumidores (usuários
que utilizam sistemas web). A FGV-EAESP (Centro de Tecnologia de Informação Aplicada da
Escola de Administração de Empresas de São Paulo da Fundação Getúlio Vargas), revelou que
existem 118 milhões de computadores em uso no país e segundo pesquisa do IBOPE em 2013,
 6

105,1 milhões de pessoas tinham acesso à internet. Levando em consideração estes

levantamentos feitos por entidades de renome, pode-se concluir que o número de consumidores
de conteúdos digitais está em ascensão. Atualmente no Site Nacional de Empregos (SINE),
tem-se 822 vagas de emprego destinadas para web designers, com média salarial de R$
4.079,00.
Um desenvolvedor web pode seguir outras linhas empregatícias, como analista de
informação, de sistemas, de requisitos, de sistemas web, podendo atuar como analista
programador e até engenheiro de software.
De acordo com a Associação de Designers Gráficos (ADG), 55% de web designers
trabalham em empresas do ramo de desenvolvimento, e que 30% são voltados para agências de
publicidade e editoras, seguidos por 15% de freelancers (autônomos). Com uma rápida pesquisa
No entanto, navegando por este mar de possibilidades, em meio a tantas tecnologias
disponíveis no mercado para se trabalhar, porque escolher a plataforma web para se trabalhar?

3. REVISÃO DA LITERATURA

Criada inicialmente para o sistema militar ARPANET na década de 50, a primeira

página web servia para troca de informações entre postos militares. Porém, a popularização da
web veio quando Tim Berners-Lee nos anos 90, desenvolveu a WWW (World Wide Web), um
sistema que reunia diversos documentos ligados através de links, os quais apontavam para
outros documentos (páginas), possibilitando que os documentos fossem lidos por outras pessoas
em diferentes locais. Sendo composta por uma URL (Uniform Resource Locator – Localizador
Padrão de Recursos), pelo protocolo HTTP e a linguagem de marcação HTML.
As primeiras páginas criadas (geração Web 1.0) eram estáticas, compostas por textos de
somente leitura, fazendo com que o usuário fosse apenas um espectador do conteúdo. Mas, para
que estes textos fossem apresentados para o usuário através de um browser, eram necessárias
tecnologias que fizessem o trabalho de codificação e organização do conteúdo.
Por ventura, para suprir as necessidades da versão anterior, surgiu a Web 2.0 (web
dinâmica), abrindo uma gama de possibilidades ao usuário, permitindo que o mesmo pudesse
não somente ler, mas também manipular e adicionar novos conteúdos as páginas. Segundo
Lawrence Koo (2009), “A informação começará as fluir mais livremente na rede (ainda
 7

existirão restrições em certas localidades), mas teremos, então, um espaço bem mais
democrático no Cibermundo”.

O segredo da famosa web 2.0 é a capacidade de interação entre as pessoas e os serviços

online. Mas, para que esta interação seja possível, é necessário que os sites sejam
capazes de receber informações dos internautas e também de exibir conteúdos
personalizados para cada um ou de mudar seu conteúdo automaticamente[...]
(BENTO, 2013, p. 1).

Contudo, a Web 2.0 não conseguia suporta a quantidade de informações publicadas,

fazendo com que os sites passassem por uma reestruturação, e novos padrões e tecnologias
surgiram para suprir estas necessidades de expansão, já que o mercado corporativo vem
exigindo sistemas maiores e mais complexos. Surgindo assim a Web 3.0, também chamada de
web semântica, onde seu foco é na organização dos conteúdos e na busca semânticas das
palavras, onde sistemas de buscas como Google, Yahoo e Bing consigam encontrar resultados
mais precisos com base nas palavras digitadas pelo usuário.

4. OBJETIVO DA PESQUISA

Conhecer as melhores técnicas para o desenvolvimento de aplicações web.

5. QUESTÕES EMPÍRICAS

 Quais as vantagens de desenvolver na plataforma web?

 Como estruturar um sistema de forma correta para web?
 8

6. HIPÓTESES

Uma aplicação web pode ser executada em qualquer browser, podendo ser acessada de
qualquer lugar garantindo uma enorme mobilidade. Esse tipo de aplicação é alocado em
serviços de hospedagem na internet, o que garante uma economia, já que não é necessário
investir em uma estrutura poderosa para trabalhar no sistema e ainda possui baixo custo de
manutenção e incidências de problemas. Garante flexibilidade, já que se pode trabalhar sem
sair de casa (freelancer) e demanda por vaga de emprego.
Uma aplicação web deve seguir padrões que organizam como deveria ser um
site/sistema web. Seguindo hierarquias para os documentos (páginas) apresentados, como
página principal sendo a “home page”, dando uma ampla visão do que se trata o site, seguindo
por outras páginas “linkadas” com a principal, sendo comparado como um trabalho físico
escrito, onde tem-se a introdução.

7. OBJETIVOS GERAL

7.1OBJETIVO GERAL

O objetivo deste projeto visa conhecer algumas tecnologias que envolvem o

desenvolvimento de páginas dinâmicas na web, buscando as melhores e mais recomendadas
práticas estruturação para compor o design, trabalhando com layout responsivo.

7.2OBJETIVOS ESPECÍFICOS

 Mostrar as tecnologias mais recomendadas para se utilizar no desenvolvimento web.

 Fazer um comparativo entre tecnologias similares.
 Apontar as vantagens e desvantagens destas tecnologias.
 9

8. METODOLOGIA

O presente projeto será desenvolvido através de uma pesquisa exploratória, a qual se

embasará em materiais bibliográficos, tutoriais em sites, vídeo-aulas e artigos técnicos. As
pesquisas terão foco em apresentar as possibilidades, vantagens e desvantagens, técnicas e
padrões de desenvolvimento e as linguagens de envolvem este projeto.
Após a conclusão da pesquisa, será desenvolvido uma aplicação web utilizando algumas
tecnologias par desenvolvimento na plataforma web, visando controlar o funcionamento de
empréstimos da biblioteca na qual este projeto será implementado.

9. CRONOGRAMA

Atividades Março Abril Maio Junho Julho Agosto Setembro Outrubro Novembro Dezembro

Elaboração do
X X
projeto

Entrega do
X
projeto
Pesquisa
X X
bibliográfica

Conclusão X

Desenvolvimento
X
do sistema

Desenvolvimento
X
do sistema

Pesquisa
X X
bibliográfica

Teste do sistema X

Revisão do TCC X
 10

REFERÊNCIAS

ANDRADE, Tiago. Quero ser um Web Designer! Quais caminhos devo seguir? Disponível
em: <http://mctechgoiania.com.br/blog/quero-ser-um-web-designer-quais-caminhos-devo-
seguir/>. Acesso em: 11 maio 2016.

BACHINI, Clécio. A plataforma aberta da web é o grande futuro da mobilidade.

Disponível em: <http://imasters.com.br/artigo/25182/tendencias/a-plataforma-aberta-da-web-
e-o-grande-futuro-da-mobilidade/?trace=1519021197&source=single>. Acesso em: 23 abril
2016.

BYTESOFTWARE. As vantagens dos sistemas Web – Mobilidade e flexibilidade.

Disponível em: <http://bytesoftware.com.br/as-vantagens-dos-sistemas-web-mobilidade-e-
flexibilidade/>. Acesso em: 23 abril 2016.

CATHO. Cargo de Programador Web. Disponível em: <http://www.catho.com.br/profisso

es/programador-web/#o-que-faz-um-programador-web>. Acesso em: 07 maio 2016.

CATHO. Quanto Ganha? Disponível em: <http://www.catho.com.br/profissoes/programado

r-web/#quanto-ganha-um-programador-web>. Acesso em: 7 maio 2016.

DANIELE, Adeline. Os 10 maiores salários dos profissionais de design. Disponível em:

<http://exame.abril.com.br/carreira/noticias/os-10-maiores-salarios-dos-profissionais-de-
design>. Acesso em: 02 maio 2016.

FANTASTIC INFO. Programador. Disponível em: <https://fantasticinfoblog.wordpress.com

/tag/programador/>. Acesso em: 11 maio 2016.

JUNIOR, Mauricio. Plataforma Web ou Window Forms. Disponível em: <http://www.lin

hadecodigo.com.br/artigo/3197/plataforma-web-ou-window-forms.aspx>. Acesso em: 27 abril
2016.

MEYER, Maximiliano. Os melhores salários por linguagem de programação 2016.

Disponível em: <https://www.oficinadanet.com.br/post/14518-qual-a-linguagem-de-
programacao-e-mais-bem-remunerada>. Acesso em: 02 maio 2016.

PAULINO, Daniel. Formas de Organização das páginas do seu Site. Disponível em:
<https://www.oficinadanet.com.br/artigo/1705/formas_de_organizacao_das_paginas_do_seu_
site>. Acesso em: 11 maio 2016.

TURRIS SOFTWARE. Conheça as vantagens que um sistema web próprio trará para a
sua empresa. Disponível em: <http://turris.com.br/blog/conheca-as-vantagens-que-um-
sistema-web-proprio-trara-para-a-sua-empresa/>. Acesso em: 23 abril 2016.
 11

TURRIS SOFTWARE. Sistema Web; as vantagens de otimizar o controle de custos da sua

empresa. Disponível em: <http://turris.com.br/blog/sistema-web-as-vantagens-de-otimizar-o-
controle-de-custos-da-sua-empresa/>. Acesso em: 27 abril 2016.