FAHESA – Faculdade de Ciências Humanas, Econômicas e da Saúde de

Araguaína

Sistema de Informação – Instituto Tocantinense Presidente Antonio Carlos

(ITPAC)

DESENVOLVIMENTO DE PORTFÓLIO “ARAGUAÍNA ON-LINE”

Gaspar Torres Ferreira

João Vítor Lemes

Araguaína -TO

2014

Gaspar Torres Ferreira

João Vítor Lemes

DESENVOLVIMENTO DE PORTFÓLIO “ARAGUAÍNA ON-LINE”

Trabalho apresentado para obtenção de

nota

Araguaína -TO

2014

Sumário

INTRODUÇÃO .................................................................................................................. 5

Objetivo Geral .................................................................................................................. 6

Objetivos específicos ...................................................................................................... 6

Metodologia ..................................................................................................................... 6

1. HISTÓRICO E VERSÕES DO HTML ......................................................................... 7

1.1 A Primeira Versão – HTML .................................................................................... 8

1.2 Segunda Versão –HTML ............................................................................................ 8

1.3 Terceira Versão 2.0- HTML ........................................................................................ 8

1.4 Quarta versão - HTML 3.0 .......................................................................................... 8

1.4 Quinta versão - HTML 3.2 .......................................................................................... 9

1.5 Sexta Versão - HTML 4.0 ........................................................................................... 9

1.6 Sétima versão - HTML 4.01 ........................................................................................ 9

1.7 Versão Atual - HTML 5 ............................................................................................... 9

2. AS VANTAGENS ....................................................................................................... 10

3. DESVANTAGEM ........................................................................................................ 10

4. INICIANDO O PROJETO ............................................................................................ 11

4.1 Requisitos de Conteúdo .......................................................................................... 11

4.2 Definir propriedade de desenvolvimento ............................................................... 11

5. EXECUÇÃO ................................................................................................................ 12

5.1 Executando requisitos de alta prioridade .............................................................. 13

5.3 Executando requisito de baixa prioridade ............................................................. 14

6. RESULTADOS ............................................................................................................ 15

7. CONCLUSÃO .............................................................................................................. 16

REFERENCIAS ............................................................................................................... 16

Gaspar Torres Ferreira e João Vítor Lemes

Sistema de Informação – Instituto Tocantinense Presidente Antonio Carlos

(ITPAC)

Av. Filadelfia, 568 – 77816-530 – Araguaína – TO – Brasil

gaspartorres90@gmail.com e lemes.vitor@gmail.com

Resumo

Existem hoje centenas de portfólios para busca de diversos tipos de Informações,

na internet. As especialidades destes portfólios influenciam no tipo, número e

qualidade dos recursos de busca de informações de locais, por exemplo. Este

trabalho oferece uma visão das principais categorias de portfólios de busca de

locais no formato de um „Guia Araguaína‟, objetivando proporcionar ao visitante e

ao morador deste município e região, a informação instrumental para aumentar

sua possibilidade por procura de locais, como farmácias, hospitais, bares, hotéis,

restaurantes, dentre as várias opções relacionadas, com intuito de proporcionar

conforto e agilidade de locomoção, assim como conhecimento cultural e histórico

desta cidade. Para implementação deste projeto foram utilizadas as tecnologias

HTML 5 e Dreamweaver utilizado para melhor desenvolver a página e por ser uma

ferramenta muito simples para criação de páginas.

Palavras-chave: Portfólio; HTML; Guia Araguaína.

Abstract

There are now hundreds of portfolios to search various kinds of information on the

internet. The specialties of these portfolios influence the type, number and quality

of resources for finding information, for instance. This paper provides an overview

of the main categories of portfolios of sites in search of a 'Araguaína guide' format,

aiming to provide the visitor and resident of this city and region, the instrumental

information to increase your chance for finding locations, such as pharmacies,

hospitals, bars, hotels, restaurants, among various options related with the purpose

to provide comfort and agility of movement, as well as cultural and historical

knowledge of the city. To implement this project Dreamweaver and HTML 5

technologies used to develop the best page, and for being a very simple tool for

creating pages have been used.

Keywords: Portfolio; HTML; Araguaína tab.

INTRODUÇÃO

Nos últimos anos, as buscas de informações pela internet e a

humanidade buscando meios mais práticos e rápidos de resolver situações,

pesquisadores e desenvolvedores de meios de facilitar a vida dos usuários,

começaram a preocupar-se em criar ferramentas para pesquisa de assuntos,

sites, e serviços com o intuito agilizar as agendas diárias de atividades.

A internet como um conjunto de inúmeras redes de computadores,

conectadas entre si, permite a comunicação, partilha de informações entre

empresas e usuários. Existem hoje centenas destes instrumentos de busca que

fornecem meios para localizar o que se busca entre o bilhão de páginas HTML,

que se estimam existir.

No inicio dos anos 70 quando foi criada a internet pelo Departamento

de Defesa dos Estados Unidos, a mesma se chamava APARnet, com a função de

interligar vários centros militares para o tráfego de dados, com objetivo de defesa

em ataque soviético ao território americano.

Este trabalho foi dividido em tópicos para melhor entendimento do

assunto em questão, no primeiro tópico apresentando um referencial teórico onde

será abordado um histórico da linguagem do HTML, onde podemos ver os marcos

evolutivos através do aprimoramento gradativo das versões do HTML,

contemplamos neste trabalho também elencar as vantagens de usar o HTML para

realiza este trabalho, bem como, as desvantagens abordando sobre o nível de

complexibilidade da linguagem; no segundo tópico se dará o desenvolvimento do

projeto, sendo inicialmente apresentado como surgiu o projeto do Guia Araguaína

com detalhamento das ações desenvolvidas para a criação do site; já no terceiro

tópico apresentaremos a execução do projeto e na sequencia os resultados

esperados com a criação Guia Araguaína

Objetivo Geral

Desenvolver um guia de informação para o setor de Araguaína e

disponibilizá-lo via Internet, a fim de servir com ferramenta que irá auxilia o usuário

a ter mais facilidade, de encontra seu local, pois esse guia será de serventia tanto

aos visitantes quanto aos moradores, por que irão saber um pouco sobre a cultura

de Araguaína onde encontra hospitais, farmácia, hotéis e dentre outros.

Objetivos específicos

Averiguar se há site de busca dos principais locais da cidade de Araguaína-

TO,

conhecer a linguagens para desenvolvimento de site HTML,

Ampliar o conhecimento sobre uma nova plataforma de desenvolvimento

HTML com o Dreamweaver,

Apresentar como se desenvolve uma multi plataforma que permita maior

navegabilidade;

Organizar um site de busca dos principais locais da cidade de Araguaína-

TO.

Metodologia

A utilizada para realização deste trabalho sob o ponto de vista de sua natureza é

uma pesquisa aplicada, produzindo conhecimentos práticos dirigidos a solução de

problemas específicos. Quanto aos procedimentos técnicos, utiliza-se pesquisa

bibliográfica e consulta a periódicos, revistas e sites. É uma pesquisa explicativa,

pois, apresenta a cidade de Araguaína, que é construído através de ferramentas

de softwares e apresentar um Portfolio para visitante e os moradores desta cidade.

1. HISTÓRICO E VERSÕES DO HTML

E uma abreviatura da de Hypertext Markup Language. Que se baseia no

sistema SGML (Stardard Generalized Markup Language), que consiste em um

sistema que consiste no processamento de documentos bem maior.

É uma linguagem de marcação utilizada para desenvolvimento de sites.

Esta linguagem surgiu juntamente com o HTTP, esses dois possibilitaram a

internet ser mundialmentepopularizada.Através da linguagem do HTML cria-se um

documento com uma linguagem de marcação ou seja, você começa o texto dentro

de sua página com tais especiais no início e no fim das palavras ou parágrafos, as

Tais servem para indica alguns elementos no texto das páginas ou criar vinculo de

hipertexto entre elas.

Para se criar um HTML, não precisa saber muitas características SGML,

mas sim as principais, pois essa linguagem vai descrever a estrutura geral do

conteúdo do documento e não a aparência do conteúdo na página. As páginas

criadas em HTML são arquivos de texto simples (ANCII), isso significa que estas

páginas não contem informação especificas de determinada plataforma ou

programação.

Tim Berners-Lee criou o protótipo de um navegador para rodar em

computadores de Next, uma companhia fundada por Steve Jobs em 1985.

Segundo Pinheiro (1997,5) o criador do HTML acreditava que seria possível

interligar hipertextos em computadores diferentes com o auxilio de links globais,

também denominado de hiperlinks. “Ele desenvolveu um software próprio e um

protocolo para recuperar hipertextos, denominado HTTP. O formato de texto que

criou para o HTTP foi chamado de HTML”.

1.1 A Primeira Versão – HTML

O HTML Foi criado em 1990 no CERN (EuropeanCouncil for Nuclear

Research) na suíça por Tim Berners-Lee, que trabalhava em uma seção de

computação, quando iniciou pesquisas com o intuito de desvendar um método que

possibilitasse aos cientistas do mundo inteiro compartilhar suas pesquisas e que

tivesse a funcionalidade de interligar instituições de pesquisa próximas e

compartilhar documentos de forma facilitada. No ano de 1992, foi liberada a

biblioteca de desenvolvimento WWW (World Wide Web), uma rede de alcance

mundial, que junto com o HTML proporcionou o uso em escala mundial da WEB.

1.2 Segunda Versão –HTML

Em 1991, foi criada a lista de discussão eletrônica denominada WWW, com o

propósito de trocar ideias sobre o HTML. Um dos nomes incluído nessa lista era o

de Dave Regente, dos laboratórios da Hewlett-Packard, em Bristol, Inglaterra, com

a nova ideia, desenvolveu suas pesquisas e escreveu sobre o HTML+.

1.3 Terceira Versão 2.0- HTML

Com a criação de novos navegadores, a html, tornou-se - um caos, com cada

fabricante inventando novas formas de marcação HTML exclusivas para seus

navegadores. Em uma tentativa de organizar a situação, Dan Connolly e

colaboradores fizeram um levantamento minucioso de tudo o que existia na HTML

e propuseram, em julho de 1994 as especificações do HTML 2.0.

1.4 Quarta versão - HTML 3.0

Em 1995, Dave Ragget lançou sua proposta para a HTML 3.0, que vem a primeira

sugestão de uma marcação específica para a estilização e apresentação, ao

mesmo tempo em que também propõe a criação de um atributo chamado de class.

1.4 Quinta versão - HTML 3.2

Em janeiro de 1997, o W#C endossou o HTML 3.2 como uma recomendação

oficial. Com essa versão, o HTML, incorporou os elementos tabela e applets.

1.5Sexta Versão - HTML 4.0

Em julho de 1997, foi lançada a versão rascunho para a então Colgar, depois

denominada HTML 4. Em agosto, são lançados os browsers Netscape v4.0 e em

outubro do mesmo ano a Internet Explorer v4.0, dando assim a versão de final que

apresentaram um conjunto de tecnologias (CSS, JavaScript/VBScript e DOM) que

juntas disponibilizaram diversos recursostornando o HTML dinâmico. Surge então

o DHTML.

1.6 Sétima versão - HTML 4.01

Em dezembro 1999, o W3C publicou as recomendações para o HTML 4.01. Esta é

a versão atual do HTML e, segundo esta, devemos desenvolver nossos

documentos web

1.7 Versão Atual - HTML 5

Em maio de 2007, o W3C reconsiderou sua decisão de encerrar o

desenvolvimento da HTML em favor da XHTML e tornou pública sua decisão de

retomar os estudos para o desenvolvimento da HTML 5, tomando como base o

trabalho que já vinha sendo desenvolvido pelo WHATWG, esta sigla é em inglês

Web Hypertext Application Technology Working Group, traduzido, significa, Grupo

de trabalho para Tecnologia de Hipertexto e Aplicações para Web.

De acordo com Silva (2011) O WHATWG desenvolve a HTML5 em conjunto com

o W3C e ambos mantêm em seus sites uma versão das especificações que

diferem ligeiramente em pequenos detalhes. A versão do WHATWG é menos

restritiva do que a versão do W3C.

2. AS VANTAGENS

O HTML possui características capazes de manipular e assimilar grandes

números de dispositivos, utilizando uma linguagem simples.É uma linguagem fácil

de aprendizado, diferentemente das demais. Uma das vantagens da linguagem

HTML, podemos apresentar Também:

Pode ser utilizado para apresentar qualquer tipologia de dados;

É de simples edição para o efeito basta apenas um editor de texto;

Loose sintaxe (apesar de ser muito flexível não cumpre as normas);

Pode ser utilizada em qualquer sistema operacional sendo multi-plataforma;

3. DESVANTAGEM

O HTML não e uma linguagem simples é preciso de um conhecimento

prévio da linguagem para desenvolver páginas, e programa adequado para o

programador se sentir livre quando programar, pois quando pega um programa

fechado o programador fica limitado aos recursos por ele oferecidos, como:

A qualidade das páginas em HTML depende da resolução dos monitores;

Não pode produzir saída dinâmico sozinho já que é uma linguagem

estática;

Às vezesa estruturação de documentos HTML é difícil de compreender;

Recursos de segurança oferecidos pelo HTML são limitados;

Não é processado correctamente em todos os editores;

Pouca flexibilidade em relação a outros padrões ou teccnologias;

Todas as páginas são editadas individualmente;

4. INICIANDO O PROJETO

Observados as dificuldades dos visitantes da cidade de Araguaína em

encontrar locais como: pontos de alimentação, saúde, educação, religião, esporte,

lazer e serviços, surgiu a ideia de criar um Guia Araguaína que facilite a

localização destes pontos.

Na tentativa de solucionar os problemas citados, veio a ideia de

desenvolver O Guia Araguaína, um site de busca, onde visitantes ou moradores da

cidade possam encontrar facilmente um local e que possa conhecer um pouco

mais sobre a cidade que supra sua necessidade atual, como, por exemplo, um

hotel ou restaurante, e que possa observar através da lista de locais oferecidos

qual o local mais próximo ao seu no momento.

4.1 Requisitos de Conteúdo

Após pesquisas realizadas para resolver alguns problemas, percebeu-se a

necessidade de buscar locais da cidade de Araguaína com o intuito de melhor

conhecer o conteúdo para enriquecimento do portfólio.

Várias opções de locais, para que os usuários possam escolher os que

mais lhe agradarem.

Proporciona para usuário iniciante, um site com bastante usabilidade,

pois o bannerhaverá imagem relacionada opção que deseja

O sistema poderá receber atualizações com mais opções de locais.

4.2 Definir propriedade de desenvolvimento

Os tópicos que foram mais prioridade no desenvolvimento para construção

do site foram esses que serãocitados abaixo:

Cadastro é necessário o usuário primeiro se cadastrar para receber

atualizações de todos os lugares.

Bares e os visitantes e moradores que queiram opções de locais para beber

e passa o fim de semana num local que gostem.

Onde ficar Para os turistas que desejam lugares para se acomodar,

contendo hotéis e pousadas.

Notícias Mantem todos os usuários cadastrados atualizados, sendo enviado

e-mail das notícias atuais.

Historias Toda a história de Araguaína.

Caderno de Turismo Mostrar os pontos turísticos e Atrações.

Contato o usuário tem que entrar em contato com o dono do site para poder

anunciar seu produto ou loja.

Promoções caso queira que seu produto seja destacado e com mais

visibilidade no site.

Aluguel de Carro caso o visitante ou moradores necessite de transporte

para se locomover.

Agenda Cultural sabe do evento cultural da cidade que terá na respectiva

data, para visitantes e moradores.

Cinema uma opção para visitantes e moradores que queiram lugar para

assistir aquele filme em família.

5. EXECUÇÃO

Com a criação do item da barra de menu cadastro, bares, Onde Fica,

noticia, Historia, Cinema, Agenda de Eventos, Caderno De Turismo, Agenda

Cultural, Aluguel de Carro e Onde Comer.

Nesse item citado acima produzido no quinto dia do mês setembro que

seria a quinta-feira o que deu mais trabalho no desenvolvimento „Cadastro‟, por

ocorre erro quando foi posto na barra de menu devido a sua centralização, mais

logo o erro foi resolvido.

No sexto diaque caso seria sexta-feira do mês de setembro começamos a

produzir o „Onde Fica‟, onde ocorreu erro foi no momento da inserção na linha

“scr.=‟ imagem.jpg‟ da imagem, parte onde o visitante irá procurar hotéis.

Na segunda feira do mês de setembro foi desenvolvida a parte de „Bares‟

nessa parte do desenvolvimento não ocorreu nenhum erro.

Na terça-feira do mês de setembro foi desenvolvida „Noticias‟ não ocorreu

erro algum na inserção código no menu.

Quarta-feira do mês de setembro foi Desenvolvido „Historia‟ nessa parte

ocorreu erro na centralização no menu.

Quinta-feira do mês de setembro foi desenvolvido o „Cinema‟, pois no seu

desenvolvimento não ocorreu erros.

Na sexta-feira do mês de setembro foi desenvolvida a parte‟ Agenda de

Eventos‟ nessa parte do código foi encontrado um erro na sua inserção do menu.

Segunda-feira da semana seguinte do mês de setembro desenvolvemos o

„Caderno de Turismo‟ nele foi encontrado erros no seu posicionamento no menu

Terça-feira da semana seguinte do mês de setembro desenvolvemos a‟

Agenda de Turismo‟ aqui foi detectado nenhum erro no desenvolvimento.

Quarta-feira da semana seguinte do mês de setembro foi desenvolvida os

„Aluguel de Carro‟ não foi encontrado nenhum erro na sua inserção no menu.

Quinta-feira da semana seguinte do mês setembro desenvolvemos „Onde

Comer‟ pois não foi encontrado nenhum erro na sua inserção nem no

posicionamento.

Sexta-feira da semana seguinte do mês de setembro desenvolvemos a

imagem para dá mais interatividade com o usuário ou seja facilita seu manuseio.

5.1 Executando requisitos de alta prioridade

Alta Prioridade

Cadastro

Bares

Onde ficar

Cadastro = É necessário o usuário primeiro se cadastrar para receber

atualizações de todos os lugares.

Bares = Para os visitantes e moradores que queiram opções de locais para beber

e passa o fim de semana num local que gostem.

Onde ficar = Para os turistas que desejam lugares para se acomodar, contendo

hotéis e pousadas.

5.2 Executando requisito de media prioridade

Media Prioridade

Noticias

Histórias

Caderno de Turismo

Notícias = Manter todos os usuários cadastrados atualizados, sendo

enviado e-mail das notícias atuais.

Histórias = Todo o histórico de Araguaína

Caderno de Turismo = Mostrar os pontos turísticos e Atrações.

5.3 Executando requisito de baixa prioridade

Baixa Prioridade

Promoções

Contato

Aluguel de Carro

Contato = O usuário tem que entrar em contato com o dono do site para poder

anunciar seu produto ou loja.

Promoções = Caso queira que seu produto seja destacado e com mais visibilidade.

Aluguel de Carro = Caso o visitante ou moradores necessite de transporte para se

locomover.

6. RESULTADOS

Através do estudo foi possível constatar que o HTML e uma linguagem

simples de programar, então para ser aplicada basta saber o básico, bem como é

possível diminuir custos e ser fácil para programar.

O Guia Araguaína com seu desenvolvimento através do HTML, mostra

como será fácil sua usabilidade tato para visitantes e pessoas que não sabem

muito bem manusear um computador, como se apresenta na figura 01.

Fonte: pagina construída pelos autores

Nessa perspectiva resultado deste trabalho resultou no guia Araguaína,

desenvolvido para atende as necessidades do visitante como prioridade dará

maior uso das informações de hotéis, onde comer, hospital e dentre outros.

7. CONCLUSÃO

Os sites disponibilizados na Internet podem ser acessados por qualquer

usuário de computador que possua acesso a um provedor e um browser de

navegação. Seu acesso é independente do tipo de hardware e softwareutilizado,

ou seja, pessoas com diferentes configurações de computadores (máquinas) e

diferentes softwares de navegação (Explorer ou crhome por exemplo) poderão

acessar o mesmo conteúdo.

Observamos nesta pesquisa que a Internet ainda apresenta pouca

divulgação de produção científica na Área de Guias e daí a importância do

desenvolvimento deste site. Acreditamos que a inovação na criação de um site

específico para a cidade Araguaína irá ajudar os visitantes e moradores porém em

tópico de interesse imagens, pontos turísticos, hospitais e dentre outros. Para

maior usabilidade para da maior aproveitamento e satisfação a qualquer tipo de

usuário que manusear o portfólio a imagem abaixo e do portifolio em

desenvolvimento ainda.

REFERENCIAS

Laura Lemay. HTML 4. Rio de Janeiro. Sindicato nacional de editora de

livros.1998.

Maurício Samy Silva. Criando Sites com HTML. São Paulo.Novatec Editora 2008.

PINHEIRO, Paulo César da Costa. Desenvolvimento de um Tutorial Hipertexto em

HTML. In: XXV CONGRESSO BRASILEIRO DE ENSINO DE ENGENHARIA

(COBENGE-97), 12-15 Outubro 1997, Salvador, BA, Anais... Salvador: ABENGE,

Associação Brasileira de Ensino de Engenharia, 1997. Disponivel em:

<http://www.demec.ufmg.br/professor/paulocpinheiro/papers/html.pdf>. Acesso em

15 de outubro. 2014.

SILVA, Mauricio Samy. Construindo sites com CSS e (X)HTML: Sites controlados

por Folhas de estilo em cascata. São Paulo: Ed. Novatec, 2008. 431 p.

______, Maurício Samy. HTML 5 / Maurício Samy Silva. -- São Paulo: Novatec

Editora, 2011.