Buscar

APS CIENCIA DA COMPUTAÇÃO 1 SEMESTRE

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você viu 3, do total de 29 páginas

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você viu 6, do total de 29 páginas

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você viu 9, do total de 29 páginas

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Prévia do material em texto

UNIVERSIDADE PAULISTA 
Campus Marquês 
CIÊNCIA DA COMPUTAÇÃO 
 
 
 
 
 
LUCA GIORDANO COELHO DA SILVA - D0005E0 
LUCAS ALVES DA SILVA - C789IC9 
LUCAS OLIVEIRA DA SILVA - N782AJ0 
ROBSON ANDRE CARMO - C998613 
THIAGO OLIVEIRA SILVA - C77HBG6 
 
 
 
 
 
 
DESENVOLVIMENTO DE UM SITE EM XHTML: 
Motores Híbridos 
 
 
 
 
 
 
 
 
São Paulo 
2016 
 
2 
 
SUMÁRIO 
1 OBJETIVO ........................................................................................................... 3 
2 INTRODUÇÃO ..................................................................................................... 4 
3 Motores Híbridos................................................................................................ 5 
3.1 Seu funcionamento ................................................................................................ 5 
3.2 Vantagens .............................................................................................................. 6 
3.3 Desvantagens ......................................................................................................... 6 
3.4 Líderes de mercado ................................................................................................ 7 
3.5 No Brasil ................................................................................................................. 7 
4 Contribuição do trabalho em nossa formação ................................................ 9 
4.1 Interdisciplinaridade envolvida ............................................................................. 10 
4.2 Organização da equipe ......................................................................................... 11 
5 Projeto do site .................................................................................................. 14 
6 RELATÓRIO COM AS LINHAS DE CÓDIGO DO SITE .................................... 17 
6.1 Layout .................................................................................................................. 17 
7 APRESENTAÇÃO DO SITE EM FUNCIONAMENTO EM UM COMPUTADOR 20 
Bibliografia ............................................................................................................. 24 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
3 
 
1 OBJETIVO 
Pesquisar e dissertar sobre sustentabilidade relacionada ao tema, e elaborar 
um site em XHTML com base no tema escolhido – Motores Híbridos. 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
4 
 
2 INTRODUÇÃO 
A população mundial cresce cada vez mais ao longo dos anos, e os recursos 
que a Terra nos oferece são finitos. Sabendo utilizar os recursos energéticos com 
eficiência, conseguindo atender as necessidades atuais sem causar impacto ao meio 
ambiente sempre é bem-vindo, pois nos dá a chance de prolongar cada vez mais a 
vida de nossas futuras gerações. 
Sempre houve iniciativas que visam diminuir os impactos que o homem faz 
perante a natureza, e cresce cada vez mais nos tempos atuais. 
Vivemos hoje em um mundo onde ninguém fica parado, no mundo todo pes-
soas utilizam diversos tipos de veículos como meio de transporte, pois é uma forma 
de se locomover mais rápido e economizar tempo. Infelizmente grande parte dos car-
ros ainda utilizam a gasolina, diesel como forma de combustível, pois ainda é uma 
forma mais barata e prática de se manter o veículo circulando, a desvantagem é a 
causa de impactos ambientais graves. Mas o futuro destes carros que poluem está 
próximo ao fim, com o surgimento dos Carros Híbridos. 
Este trabalho foi realizado tendo dois objetivos principais. O primeiro é dissertar 
sobre sustentabilidade com relação aos carros que utilizam a tecnologia de motores 
híbridos e sua eficiência em não causar problemas ambientais. O segundo é desen-
volver um site com base nas dissertações. 
Apresentando o que pessoas comuns podem ter no dia a dia utilizando a tec-
nologia que os carros híbridos oferecem.
 
5 
 
3 MOTORES HÍBRIDOS 
Um dos grandes males que os carros convencionais transmitem, é o agravamento 
do Efeito Estufa, fenômeno natural que acontece com a concentração de gases na 
atmosfera, como o gás carbônico (CO2), ozônio (O3) entre outros. Estes gases con-
centrados permitem a passagem da luz solar e retêm o calor na atmosfera, o agrava-
mento deste fenômeno dá origem ao aquecimento global. 
Para minimizar este problema, os fabricantes automobilísticos optam por produzir 
os chamados Motores Híbridos. 
Antigamente, era de costume os carros serem movidos à álcool ou gasolina, após 
muitos anos de aprimoramento de tecnologias, surgiram os motores flex onde pode-
se utilizar os dois combustíveis. 
Com o passar do tempo e o avanço da tecnologia foi possível o surgimento dos 
carros híbridos, onde, não se utiliza combustível, e sim baterias que são re-
carregáveis. 
Atualmente estamos começando a ver o grande aumento dos carros que con-
vergem estas tecnologias, ou seja, os híbridos. 
 
3.1 Seu funcionamento 
Um automóvel híbrido é um automóvel que combina duas ou mais fontes de potên-
cia, normalmente um motor a gasolina e um elétrico. Os automóveis híbridos têm 
como principal objetivo reduzir o consumo de combustível e assim diminuir as 
emissões de CO2 para a atmosfera. 
Uma das principais características dos automóveis híbridos é a de o motor elétrico 
funcionar simultaneamente como um motor que fornece potência para o andamento 
do automóvel e como um gerador que recarrega as baterias. Quando o automóvel 
está a abrandar o motor elétrico atua como um gerador que recarrega as baterias, 
ajudando também a travar o automóvel. Esta funcionalidade apenas funciona em re-
duções lentas, pois em travagens bruscas o gerador não atua. 
Outra funcionalidade dos automóveis híbridos é que quando o automóvel está em 
movimento sem necessitar de potência, o motor desliga-se automaticamente e fica a 
trabalhar somente com o motor elétrico, de forma, a diminuir o consumo de com-
bustível. 
 
6 
 
Os dois automóveis híbridos mais conhecidos são o Toyota Prius e o Insight, am-
bos não necessitam de serem recarregados através de uma ligação externa. 
O carro mais recente que utiliza a tecnologia híbrida é o recém lançado Honda Fit 
híbrido. 
 
3.2 Vantagens 
 
Consumos reduzidos: Os consumos são significativamente mais reduzidos em um 
carro híbrido, já que o motor de combustão é utilizado de forma mais comedida. As 
baterias elétricas são recarregadas com energia proveniente da travagem, ou ligadas 
à corrente, dependendo do modelo. Contudo o custo por quilómetro é, na maior parte 
dos casos, mais baixo. 
Emissões de CO2: Apenas os elétricos batem os híbridos nas emissões de gases 
poluentes. Ainda assim, os híbridos têm emissões mais baixas que a maior parte dos 
automóveis em circulação nas estradas portuguesas. São, neste caso mais amigos 
do meio ambiente. 
 
3.3 Desvantagens 
 
No entanto, com todas as vantagens que um carro híbrido pode lhe dar, também 
existem desvantagens. A principal desvantagem dos carros híbridos é o preço. 
Somente pessoas com uma certa condição financeira podem comprar carros 
híbridos. 
No entanto, a reviravolta em tudo isso é que os veículos híbridos são realmente 
mais baratos quando comparados aos carros convencionais, a longo prazo. Se você 
calcular o consumo total de combustíveis de ambos os carros, verá que pode econo-
mizar muito mais dinheiro nos carros híbridos. 
Performance Reduzida: Os veículos híbridos são relativamente pesados por causa 
das baterias instaladas dentro do carro. É por isso que os fabricantes de automóveis 
híbridosintegram motores de combustão interna menores e são construídos com ma-
teriais leves, de modo a maximizar a eficiência. Isso significa que os veículos híbridos 
são realmente mais lentos que os veículos convencionais. Outra questão sobre os 
veículos híbridos é que é muito arriscado em acidentes. Afirmamos isso porque os 
 
7 
 
veículos híbridos possuem uma quantidade elevada de tensão em suas baterias. Isso 
significa que há uma grande chance de choques quando ocorre um acidente. 
Isso também significa que é mais dificultoso para que as equipes de resgate 
salvem motoristas e passageiros dos carros híbridos por causa dos perigos da alta 
tensão. Estas são as vantagens e as desvantagens dos carros híbridos. 
Os fabricantes de automóveis estão procurando maneiras de corrigir os problemas 
dos carros híbridos. Num futuro próximo, você vai ver que os carros híbridos serão 
mais leves e também trarão menos riscos. 
 
 
3.4 Líderes de mercado 
 
O Toyota Prius foi lançado em 1997, sendo o primeiro automóvel híbrido a ser 
produzido em larga escala. O Toyota Prius arranca com o motor eléctrico, apenas 
ligando o motor a gasolina a partir de uma certa velocidade. Assim consegue-se um 
baixo consumo de combustível e baixas emissões para a atmosfera. O Toyota Prius 
só recorre às baterias quando o automóvel está parado. 
O Honda Insight foi lançado em 1999 e apesar de muitas semelhanças no seu fun-
cionamento com o Toyota Prius, possui uma característica que o torna muito diferente. 
O Honda Insight apenas recorre ao motor eléctrico como complemento, todo o tra-
balho é efetuado pelo pequeno motor a gasolina de 3 cilindros. Atualmente o Honda 
Insight já não é comercializado, mas em lugar está o Honda Civic que possui as mes-
mas características que o Insight. 
 
3.5 No Brasil 
Alguns dos modelos disponíveis no Brasil, são: 
 Ford Fusion – Seu preço atual de mercado gira em torno de R$ 100 mil e R$ 
150 mil. 
 S400 da Mercedes-Benz – Seu preço atual de mercado gira em torno de R$ 
430 mil. 
 Porsche Cayenne – Seu preço atual de mercado gira em torno de R$ 430 mil. 
 BMW Série 7 – Seu preço atual de mercado gira em torno de R$ 650 mil. 
 
8 
 
 Toyota Prius – Seu preço atual de mercado gira em torno de R$ 85 mil e R$ 
127 mil. 
Apesar do Brasil já contar com alguns modelos híbridos, o mercado ainda é muito 
pobre e os Estados Unidos, a Europa e o Japão continuam sendo os grandes con-
sumidores de veículos com esta tecnologia. 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
9 
 
4 CONTRIBUIÇÃO DO TRABALHO EM NOSSA FORMAÇÃO 
Escolhemos Motores Híbridos como tema do trabalho, pois é um dos assuntos 
mais importantes deste século. Não envolve apenas os governos dos países, empre-
sas e empresários, envolve toda a sociedade mundial, não importando a classe social 
nem a escolaridade dos indivíduos da mesma. A Tecnologia Híbrida tem que ser 
aplicada por todas as montadoras de automóveis que desejam um mundo melhor. 
Este trabalho nos propiciou termos um estudo mais aprofundado sobre este tema, 
sobre seu significado, sua importância, sua relação com a sociedade e o meio ambi-
ente, enfim, um tema que mudou nossa maneira de encarar as fontes de energias e 
sua utilização. Se antes não dávamos tanto importância para os híbridos, agora temos 
uma outra postura sobre este mesmo assunto. Pesquisar e refletir sobre a tecnologia 
Híbrida, nos mostra que tem de tudo para ser um bem tão precioso para a sociedade, 
que permite saltos tecnológicos gigantescos, acreditamos, agora, ser algo que todo 
cidadão deveria utilizar. 
O conhecimento adquirido e o tempo empregado no estudo, nunca foi nem nunca 
será um desperdício nem perda de tempo. Será utilizado pelo resto de nossas vidas 
e transmitiremos este conhecimento para nossos descendentes. Do ponto de vista do 
cidadão comum, como é o nosso caso, conhecer esta tecnologia sustentável é ex-
tremamente importante. 
Os carros Híbridos podem ser utilizados por todo cidadão da sociedade, desde os 
veículos mais simples e baratos até os mais caros e de luxo. A implementação desta 
tecnologia tende a ficar cada vez mais barata, e isto é uma grande vantagem, pois 
influencia os atuais postos de gasolina, se tornarem postos de recarga das baterias. 
Com isso, agiliza cada vez mais recarregar um carro híbrido, economizando mais 
tempo das pessoas e não podemos deixar de citar, ajuda o meio ambiente. A possi-
bilidade de utilizarmos um automóvel híbrido, no futuro, é muito alta. Apesar de no 
Brasil já contar com alguns modelos híbridos, o mercado ainda é muito pobre, e os 
Estados Unidos, a Europa e o Japão estão se tornando cada vez mais os grandes 
consumidores de veículos com esta tecnologia. 
 
A eficiência energética também é um tema muito rico e interessante que “anda de 
mãos dadas” à tecnologia híbrida, sendo o que apresenta a maior quantidade de 
 
10 
 
soluções práticas que contribuem para a sustentabilidade energética. A pesquisa so-
bre este assunto também foi discutida pelo grupo, pois não é somente utilizada em 
carros híbridos, mas sim em nossas vidas. Algumas práticas já aplicamos no dia a dia, 
outras são novas para nós. Aplicaremos os conceitos apreendidos no decorrer de toda 
a nossa vida. Conceitos simples, mas de fundamental importância para conseguirmos 
preservar os recursos energéticos e o futuro das próximas gerações. 
 
 
 
4.1 Interdisciplinaridade envolvida 
 
Este trabalho, embora simples, envolveu diversas disciplinas que estudamos du-
rante o semestre do curso de Ciência da Computação. Aplicamos na prática os con-
ceitos estudados em sala de aula, e entendemos o porquê de termos estas disciplinas 
na grade curricular. 
 Eletricidade e Óptica, embora não tenha sido empregada da mesma maneira que 
as demais, ainda assim estava presente neste trabalho. Quando pesquisamos e es-
tudamos sobre Motores Híbridos, a eletricidade e seus conceitos, como não poderia 
deixar de ser, estavam presentes. Saber, mesmo que de forma básica como funciona 
a geração de energia, permitiu entender de forma mais clara os conceitos de cada 
energia renovável. 
Tópicos de Matemática Aplicada e Geometria Analítica, também estavam 
presentes na parte de eficiência energética. Na hora de calcular a eficiência energética 
dos diversos modelos de carros, qual carro é mais vantajoso; o controle do tempo 
empregado na construção do site e no desenvolvimento do trabalho; e em muitas 
outras atividades. A matemática está envolvida em praticamente todas as atividades, 
conhecer seus conceitos, portanto, é fundamental. 
Noções de Direito foi aplicada no trabalho desde o início do mesmo. Durante a 
pesquisa, o desenvolvimento do trabalho e a elaboração do site, tivemos sempre o 
cuidado de não plagiar, copiar, o trabalho de outra pessoa. Para todo texto retirado de 
sites, blogs, PDFs e demais meios de informação, foram citados os autores na biblio-
grafia e na página do site em que foi inserido. O plágio não é errado somente por 
atribuir para si o trabalho de outra pessoa, é errado também por descartar todo o 
esforço e dedicação que o verdadeiro autor teve ao criar sua obra, é não dar crédito 
 
11 
 
e agradecer a ele por ter nos ajudado a entender os assuntos pesquisados, adquirir 
novos conhecimentos e desenvolver nosso trabalho. 
 A disciplina de Interpretação e Produção de Texto foi a mais utilizada. Os con-
ceitos e técnicas adquiridos em sala de aula, principalmente sobre gêneros textuais e 
elaboração de textos coerentes e coesos, foram de extrema importância para redigir 
textos claros e eficientes em transmitiras informações que pretendíamos passar aos 
leitores do site que desenvolvemos e ao redigir este trabalho. 
Tópicos em Ambiente Web forneceu a base teórica que precisávamos para elabo-
rar o site sobre Motores Híbridos. Aplicamos os conceitos mais importantes da disci-
plina, entre eles podemos citar: a estratégia para desenvolvimento de um site; o pú-
blico alvo; o conteúdo que seria inserido no site; técnicas de design; proximidade e 
alinhamento dos elementos; equilíbrio, proporção e simetria; contrastes, cores e 
branco; e muitos outros conceitos. 
 A última disciplina da grade curricular do curso, e como não poderia deixar de ser, 
também foi utilizada neste trabalho. Os conceitos e técnicas da disciplina de Desen-
volvimento em Ambiente Web foram aplicados na criação do site, desde sua estrutura 
até o conteúdo inserido no mesmo. A Linguagem de Marcação de Hipertexto (HTML), 
foi empregada na base do site, como se fosse o esqueleto. Sendo responsável, 
efetivamente, pelos elementos apresentados no navegador. Todas as disciplinas e 
seus conteúdos foram utilizadas na elaboração do trabalho e no desenvolvimento do 
site. Verificamos, portanto, que nenhuma delas está sendo ensinada no curso sem 
motivo. Elas estão totalmente ligadas as profissões que seguiremos quando terminar-
mos a graduação. 
Estudá-las com dedicação, motivação e entusiasmo é primordial para termos 
sucesso tanto no decorrer do curso quanto na área que decidirmos seguir. 
 
4.2 Organização da equipe 
 
Uma das partes fundamentais deste trabalho foi a organização da equipe e da 
divisão de tarefas. Para todos os membros, foi novidade a elaboração de um site em 
grupo. Demorou algum tempo até conseguirmos uma comunicação ideal para desen-
volver o trabalho sem complicações. 
 
12 
 
Primeiramente foi preciso entender e conhecer os pontos fortes e fracos de cada 
membro, além de seu tempo disponível para dedicar ao trabalho. Sem estas in-
formações seria impossível termos um excelente resultado e uma boa organização. 
Com base nisto, definimos a quem caberia determinada tarefa. 
 O próximo passo foi estabelecer prazos para a conclusão de cada uma das 
tarefas. Prazos estes, já estabelecidos de acordo com o tempo disponível de cada 
membro. Ocorreu de os prazos saírem dos limites algumas vezes. Mas mesmo assim 
nos mantivemos dentro do cronograma. Assim que cada etapa era concluída, o tra-
balho de cada membro era compartilhado com os demais, para todos avaliarem e 
discutirem sobre os mesmos. Desta forma sempre estávamos corrigindo erros, sug-
erindo alterações ou refazendo a tarefa, quando o resultado não era o ideal. 
Outro ponto importante durante o desenvolvimento do site, foi o estudo sobre CSS 
(Cascading Style Sheets, quem em português significa folhas de estilo em cascata) 
que alguns membros tiveram que realizar, para poderem acompanhar o trabalho dos 
demais. Nem todos os membros conheciam e sabiam utilizar CSS, no entanto, foi 
importante utilizar esta linguagem de folhas de estilos, pois agiliza o desenvolvimento 
do site, sua manutenção e apresenta um resultado mais refinado e profissional quando 
comparado ao puro HTML. 
Estes conjuntos de etapas para o desenvolvimento do site foram extremamente 
importantes para nossa formação. Aprendemos na prática como funciona o gerencia-
mento de equipes para elaboração e conclusão de projetos. Além de alguns membros 
terem sidos estimulados a aprenderem novas tecnologias, novas habilidades, de 
forma autodidata, ou seja, quem se instrui por esforço próprio, sem a ajuda de mes-
tres, sem depender somente dos conteúdos ensinados em sala de aula. Na área, ser 
autodidata é extremamente fundamental para conseguir manter-se no mercado de 
trabalho. A tecnologia avança em um ritmo acelerado, e quem não consegue 
acompanhar este ritmo fica para trás, desatualizado. 
Estar sempre acompanhando as novidades e novas tecnologias, e estudando por 
conta própria, sempre será essencial para qualquer profissional que desejar ser bem-
sucedido profissionalmente. 
Este projeto da APS contribuiu de muitas outras maneiras na nossa formação, po-
demos citar principalmente: instigando nosso desejo pelo conhecimento, forçando-nos 
a aprender novas tecnologias, nos impelindo a ter disciplina, e a entender que não 
podemos ficar parados esperando que tudo vai se resolver facilmente. Tivemos o 
 
13 
 
prazer de sentir parte da “emoção” que sentiremos no decorrer do curso e como profis-
sional de Ciência da Computação. 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
14 
 
5 PROJETO DO SITE 
O primeiro passo que tomamos para o início do desenvolvimento do site, foi definir 
padrões, como o modelo de página que seria. 
Utilizando como base os conhecimentos que o professor nos ensinou, somado 
com pesquisas e documentos que ensinam ainda mais como usar a linguagem de 
marcação, desenvolvemos uma página que serve de base para todas as demais. E 
com esse modelo de layout criado, ficaria mais fácil para adicionar todos os conteúdos 
ao site. 
Após esse primeiro passo, coletamos todo o tipo de informação sobre o tema es-
colhido com base na sustentabilidade. Decidimos adotar como tema principal: Motores 
Híbridos, pois os motores híbridos são o futuro não só para carros, outros tipos de 
veículos tais como aviões e navios. Mas neste trabalho colocamos como foco somente 
os carros híbridos que utilizam a tecnologia híbrida, porque grande parte da população 
mundial utiliza os carros como meio de transporte. 
Como o tema do nosso trabalho escolhido foi motores híbridos, decidimos que o 
tema seria o nome principal do nosso site, deixando claro sobre qual assunto iremos 
abordar. 
Criamos assim, uma logomarca, com o nome do tema, o fundo preto e por dentro 
das letras, adicionamos alguns circuitos digitais se movimentando, dando a men-
sagem de que este site aborda algo relacionado à tecnologia, colocamos também às 
duas extremidades duas engrenagens se movimentando. 
A logo do site é toda em gif, se movimenta constantemente, utilizamos os pro-
gramas: Photoshop e Sony Vegas para criar a imagem. 
Finalizada (Figura 1), a logomarca ficou perfeita para o tema do site. 
 Figura 1 – Motores Híbridos 
 
 Fonte: elaborada pelos autores 
 
 
15 
 
Com a logomarca terminada, demos início a definição da paleta de cores que se-
riam utilizadas no site. Optamos por preto, branco e azul, cores simples e pouco cham-
ativas, dando um ar mais profissional ao site. 
Optamos por definir o público-alvo a qual ele se destina para assim, poder escolher 
de forma precisa os elementos que seriam adicionados ao layout. Com todos os mem-
bros da equipe reunidos, decidimos focar o site nas pessoas comuns, que não tem 
conhecimentos técnicos nem tem interesse de aprofundar-se no assunto. Então 
produzimos um layout bem simples e mais direto possível ao conteúdo. 
O próximo passo foi definir quais páginas o site teria, a linguagem dos textos teria 
que ser simples e direta. 
As páginas não poderiam ter assuntos profundamente técnicos, para que o pú-
blico-alvo consiga entender com clareza a mensagem que estamos tentando passar. 
Optamos então por colocar somente os assuntos principais ligados a carros híbridos. 
Definimos então as páginas que o site deveria ter: 
 Início: A página de entrada ao site, onde inicia uma introdução sobre o tema 
e links para as demais páginas de acesso. 
 Entenda como funciona: Página dedicada para total entendimento do 
usuário em relação ao tema. Nela possui tudo sobre motores híbridos, como 
funciona, suas vantagens, desvantagensentre outros. O objetivo desta 
página também foi transformar um assunto complexo em algo mais simples 
e direto possível. 
 Vídeo explicativo: Para melhor entendimento do tema, decidimos intro-
duzir um vídeo do YouTube dentro do site, como uma outra fonte de en-
tendimento. 
 Desenvolvedores: Página dedicada aos créditos para os desenvolvedores 
do site. 
 Referências: Página contendo todas as referências bibliográficas. 
 
Com as páginas definidas, alguns membros da equipe ficaram responsáveis por 
redigir os textos que seriam colocados nelas. Os demais membros ficaram encarrega-
dos de desenvolver o site. 
Em relação à estrutura e desenvolvimento, todas as páginas seguiram um padrão, 
utilizando grande parte HTML e alguns recursos CSS; um topo com a logomarca em 
 
16 
 
formato GIF; um menu horizontal abaixo do logotipo, indicando links para todas as 
demais páginas compostas no site; abaixo do menu horizontal, o corpo do site onde 
será colocado todo o conteúdo, com o fundo branco para que a cor de fonte utilizada 
(preta) se tornasse visível sem que haja problema; e como background, uma cor sólida 
preta. 
Na página 2 – Entenda como funciona, adicionamos uma tabela com âncoras para 
que, caso o usuário queira chegar em um determinado assunto específico, não precise 
ficar procurando por todo o texto. É uma forma mais direta e rápida para encontrar um 
determinado tópico. Foi adicionado um script em JQuery onde, ao clicar em um link 
do índice, o rolamento da página até o conteúdo fica bem mais suave. 
 Existem gifs demonstrativos de como funcionam os motores híbridos, é importante 
dizer que estes gifs foram removidos em diferentes vídeos externos, e um dos desen-
volvedores transformou pequenas partes desses vídeos em um GIF para melhor en-
tendimento, utilizando programas específicos de edição profissional. 
O resultado final foi totalmente dedicado para que o usuário final se sinta em um 
ambiente tecnológico e futurístico. 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
17 
 
6 RELATÓRIO COM AS LINHAS DE CÓDIGO DO SITE 
Como todas as páginas têm a mesma estrutura, mudando apenas o conteúdo 
central de cada uma delas, será incluído neste trabalho apenas o código do layout do 
site. 
6.1 Layout 
<html xmlns="http://www.w3.org/1999/xhtml" lang="pt-br" xml:lang="pt-br"> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Motores Híbridos</title> 
<style type="text/css"> 
body,td,th { 
 font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", 
serif; 
 font-style: normal; 
 font-size: 12px; 
} 
 
body { 
 background-color: #0D0D0D; 
} 
</style> 
<head> 
<body bgcolor = "dcdcdc"> 
<body background=""> 
 <!--a partir daqui, começa os códigos do topo da página--> 
<div align="center"><img src="Untitled.gif "></div> 
<table width="723" align="center" border="0" background="defocus.gif"> 
 <td><center><a href = "principal.html" target=""> 
 <font color ="white" >INÍCIO </font></a></td> 
<td><center><a href = "p1-conteudo.html" target=""><font color ="white" >ENTENDA 
COMO FUNCIONA </font> </a> </td> 
 
18 
 
<td><center><a href = "p2-video.html" target=""><font color ="white" > VÍDEO EX-PLI-
CATIVO</font></a></td> 
<td><center><a href = "p3-grupo.html" target=""><font color ="white" size= "-2" > DE-
SENVOLVEDORES</font></a></td> 
<td><center><a href = "p4-referencias.html" target=""><font color ="white" size="-
7"> REFERÊNCIAS</font></a></td> 
<table width="723" align="center" bgcolor="#F5F5F5"><td><font color="black" si-
ze="+2">Página Inicial</font> 
<font color="black" size="3"> 
<center> 
 <!-- abaixo, o conteúdo que há na página --> 
 
 
 <br> 
 <h3> <CENTER> </H3> 
 <blockquote> 
 <p><BR> 
 <br> 
 <br> 
 <!-- conteúdo --> 
 
 <br> 
 <BR> 
 <br> 
 <br> 
 <BR> 
 <br> 
 <br> 
 <BR> 
 <br> 
 <br> 
 <BR> 
 
19 
 
 <br> 
 
<!—final da página --> 
 </head> 
</body> 
</html> 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
20 
 
7 APRESENTAÇÃO DO SITE EM FUNCIONAMENTO EM UM 
COMPUTADOR 
Página 1 
 
 
Página 2 
 
 
 
 
21 
 
Página 2 
 
 
Página 2 
 
 
 
 
 
 
 
 
 
 
 
22 
 
Página 2 
 
 
 
Página 3 
 
 
 
 
 
 
 
 
 
 
23 
 
Página 4 
 
 
 
 
 
 
 
Página 5 
 
 
 
 
24 
 
BIBLIOGRAFIA 
 
Gif principal, Figura 1 - por Thiago Oliveira Silva(desenvolvedor). 
Vídeo explicativo - VRUM-Conheça os Carros Híbridos e Elétricos, por Rafa3257 
< https://www.youtube.com/watch?v=PoAZUQ_zEhE>. 
Maistuning.com, “Automóveis híbridos: como funcionam”, Disponível em: 
<http://maistuning.com/artigos/automoveis-hibridos-como-funcionam>. 
Cultura Mix, “Vantagens e Desvantagens Dos Carros Híbridos”, Disponível em: 
<http://tecnologia.culturamix.com/tecnologias/vantagens-e-desvantagens-dos-carros-
hibridos>. 
E-konomista, “Vantagens e desvantagens dos carros híbridos”, Disponível em: 
<http://www.e-konomista.pt/artigo/vantagens-e-desvantagens-dos-carros-hibridos/>. 
Salão do carro, Publicado na seção Como Funciona em 10/09/2012, “Como fun-
cionam os Carros Híbridos”, Disponível em: <https://salaodocarro.com.br/como-fun-
ciona/carros-hibridos.html>. 
Wikipédia, a enciclopédia livre, “Toyota Prius”, Disponível em: 
<https://pt.wikipedia.org/wiki/Toyota_Prius>. 
Julia Layton,Karim Nice, “Os benefícios de um carro híbrido”, Disponível em: 
<http://carros.hsw.uol.com.br/carros-hibridos3.htm>. 
European Motor News, ”#Video - #Honda to Release all-New #Fit and Fit Hybrid in 
Japan", Disponível em: <https://www.youtube.com/watch?v=tKfabuubtsg>. 
Dan Edmunds, “What Are Hybrid Cars and How Do They Work?”, Disponível em: 
<http://www.edmunds.com/fuel-economy/what-is-a-hybrid-car-how-do-hybrids-
work.html>. 
QC Veículos, “Carros híbridos: Saiba como eles funcionam”, Disponível em: 
<http://qcveiculos.com.br/carros-hibridos-saiba-como-eles-funcionam/>. 
Discovery Communications, “Carros híbridos devem receber incentivo do gov-
erno”, Disponível em: <http://www.brasil.discovery.uol.com.br/motores/carros-
hibridos-e-eletricos-devem-receber-incentivo-do-governo/>. 
 
 
 
 
25 
 
Fichas de Atividades Práticas Supervisionadas 
 
 
 
26 
 
 
 
27 
 
 
 
28 
 
 
 
29

Outros materiais