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.

1. 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

2. 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

3. 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

4. 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.

5. 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

6. 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.

7. 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”.

8. 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.

9. 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.

10. 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;

11. 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.

12.  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.

13. 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.

14. 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.

15. 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.

16. 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.