1. Memorial Descritivo do Site
PROJETO INTEGRADOR – MÓDULO III – 2011/1
Professor responsável: Diogo Ananias Ferreira Maia
BRUNA NUNES ALENCAR
HENRIQUE FRANCISCO DE ANDRADE
JÉFFERSON DE ALMEIDA ARAÚJO
MAURÍCIO GUILHERME LENZA
2. BRUNA NUNES ALENCAR
HENRIQUE FRANCISCO DE ANDRADE
JÉFFERSON DE ALMEIDA ARAÚJO
MAURÍCIO GUILHERME LENZA
Site ESEFFEGO
Memorial descritivo do Projeto Integrador
do Módulo III do primeiro semestre de
2011, apresentado como parte integrante
da avaliação individual e do grupo.
Professor responsável: Diogo Ananias Ferreira Maia
Goiânia
2011
3. SUMÁRIO
1. Briefing
1. Entrevista com o cliente
2. Critérios Avaliativos
1. Laboratório Multimídia
2. Lógica de Programação
3. Animação
4. Interface e Usabilidade
5. Fotografia
6. Negócios e Empreendimentos
4. 4
PÚBLICO-ALVO (QUEM COMPRA/QUEM CONSOME)
1. Briefing Devido à grande variedade de serviços oferecidos pela
Eseffego, o público alvo varia entre jovens estudantes a
Data: 13 /06/ 2011 procura das atividades esportivas e idosos a procura da
Cliente: Eseffego UNATI.
A/C: Juliana - Fone: 3522-3500
INSTRUÇÕES ESPECÍFICAS/OBRIGATORIEDADES
email: esefego.ueg@gmail.com
Web Site Limpo que mostre os serviços oferecidos pela
Eseffego e que dê destaque para o Jubileu de Ouro.
Serviço: Criação de Desenvolvimento do Web Site
TIPO DE APRESENTAÇÃO
OBJETIVO/ PROBLEMA A SER RESOLVIDO O web Site será colocado online ate as 23:00 do dia
Criação de Desenvolvimento de Web Site 13/06 para apresentação do layout e de todo o conteúdo
PRINCIPAL DIFERENCIAL A SER EXPLORADO OBSERVAÇÕES: O cliente pediu que todo o Web Site fosse nas
cores azul e amarelo ouro. E como na Eseffego não tem “logo” Fo
Os serviços oferecidos a população: atividades esportivas a
criado uma logo para a Eseffego e para o Jubileu de Ouro
clinica escola e também a UNATI – Universidade Aberta à
Terceira idade e Jubileu de Ouro
QUEM APROVA (NOMES/FUNÇÕES):
Juliana Adornelas - Jornalista
Referência: Strunck, Gilberto. Viver de Design. Rio de Janeiro: 2AB, 2001. pág. 69.
5. 1. Briefing 5
06 - os pacientes da clinica escola em sua maioria tem
1.1 Entrevista com a cliente que faixa etária ??
R: Maioria Idosa.
01- Já tentou procurar o site da Eseffego em algum site
de busca? 07 - vamos pensar que eu sou um idoso e quero
R: Não aparece nada, apenas noticias e vídeos. participar das atividades da UNATI
para o procedimento para me "cadastrar ou matricular"
02- Dos serviços que a Eseffego oferecem quais deles na UNATI
você acha que tem a maior procura da população? R: Idade acima de 60 anos, e ter vaga na modalidade
R: Natação e Hidroginástica e Fisioterapia na Clínica Escola escolhida pela pessoa.
03 - e qual deles tem a maior procura pelos estudantes? 08- A população carente tem acesso a piscina semi
R: As atividades da escolinha olímpica ao campo de futebol e a pista de atletismo?
R: Sim. Quando inscritas nas atividades. A pista de
04- quando teve inicio as atividades na clinica escola? atletismo é aberta a comunidade.
R: 1998
09 - Se sim, e feito alguma triagem ou cadastro?
05 - quantos profissionais atuam na clinica escola?
R: Através das inscrições para as atividades oferecidas
R:8
pela Eseffego.
6. 1. Briefing 6
10- todas estas atividades Natação Adulto e Infantil -
Práticas Corporais - Musculação - Ginástica Artística -
Hidroginástica
Tênis adulto e Infantil - Judô - Ginástica Rítmica - Vôlei -
Futsal - Futebol de Campo - Basquetebol. É realmente
oferecida a população?
R: sim. Natação Adulto e Infantil
Práticas Corporais - Musculação e Hidroginástica - Adulto
Ginástica Rítmica - Vôlei - Futsal - Futebol de Campo -
Basquetebol e Iniciação esportiva - infantil
7. 7
2. Critérios Avaliativos
2.1. Laboratório de Multimídia
2.1.1. Marca
Alguns testes com variações de
tipografias e cores foram
testadas antes de se selecionar
aquela por final entrou no site.
A definição da marca foi
importante para a definição do
layout do site.
8. 8
2. Critérios Avaliativos
2.1. Laboratório de Multimídia
2.1.1. Marca
Alguns testes com variações de
tipografias e cores foram
testadas antes de se selecionar
aquela por final entrou no site.
A definição da marca foi
importante para a definição do
layout do site.
9. 2. Critérios Avaliativos 9
2.1. Laboratório de Multimídia
2.1.2. Tipografia
A fonte de seleção foi a “Trebuchet”, por se tratar de uma família
tipográfica humanista sem serifa e casar perfeitamente com a Arial
Black selecionada para a marca da instituição. Além disso, é uma
fonte desenhada especialmente para melhorar a leiturabilidade em
monitores desenvolvida a sob encomenda da Microsoft e portanto
indicada para ser trabalhada em mídias digitais. (Microsoft Core
Fonts for the Web).
http://new.myfonts.com/fonts/ascender/trebuchet/
http://www.microsoft.com/typography/fonts/font.aspx?FMID=1659
http://tipografos.net/glossario/fontes-digitais.html
10. 2. Critérios Avaliativos 10
2.1. Laboratório de Multimídia
2.1.3. Cores
As cores “falam”.
Apesar de serem uma forma de comunicação não verbal, elas
despertam sentimentos e transmitem informações.
A cor azul transmite segurança, solidez, sucesso.
A cor de eleição para a marca foi o azul.
“É uma das cores que mais representa instituições governamentais,
médicas e está presente na maioria das marcas que estão entre as 500
mais conhecidas e valiosas.” (A psicologia das cores no design de marcas. Disponível
em http://superapropaganda.com.br/blog_supera/?tag=psicologia-das-cores)
http://superapropaganda.com.br/blog_supera/?tag=psicologia-das-cores
http://www.tci.art.br/cor/efeito.htm
11. 2. Critérios Avaliativos 11
2.1. Laboratório de Multimídia
2.1.3. Cores
As cores do site foram o azul e sua contraparte o amarelo.
12. 2. Critérios Avaliativos 12
2.1. Laboratório de Multimídia
2.1.4. Gestalt
Lei da Proximidade
Lei da Continuidade
Lei da Pregnância / Simplicidade
Lei do Fechamento
http://webdesign.tutsplus.com/articles/design-theory/the-gestalt-principle-design-theory-for-web-designers/
http://www.henkwijnholds.com/gestalt-psychology-and-webdesign/user-centered-design/
13. 2. Critérios Avaliativos 13
2.1. Laboratório de Multimídia
2.1.5. Recursos Tecnológicos
HTML
PHP
CSS
SWF
ActionScript
http://webdesign.tutsplus.com/articles/design-theory/the-gestalt-principle-design-theory-for-web-designers/
http://www.henkwijnholds.com/gestalt-psychology-and-webdesign/user-centered-design/
15. 2. Critérios Avaliativos 15
2.1. Laboratório de Multimídia
2.1.5. Recursos Tecnológicos
Edição de audio
- Remoção de ruído
- Alterar velocidade
16. 2. Critérios Avaliativos 16
2.1. Laboratório de Multimídia
2.1.5. Recursos Tecnológicos
Incorporação de vídeo do YouTube
<iframe width="425" height="349"
src="http://www.youtube.com/embed/uSF6581zFU
M" frameborder="0" allowfullscreen></iframe>
17. 2. Critérios Avaliativos 17
2.2. Lógica de Programação
Foram aplicados no índex um menu dropdown desenvolvido em css e banners
animados no flash (botão do menu terciário) além de um menu secundário de
noticias que também foi desenvolvido em flash, onde foram trabalhados técnicas
e funções para a aplicação de actionscript, comandos de stop, play e
gotoAndPlay() que foram aplicados para garantir uma melhor usabilidade e
interatividade deste menu.
Todo o web site foi desenvolvido concomitantemente em PHP (Hypertext
Preprocessor) e Html. A home Page foi dividida em 3 partes: o topo, o
meio(palco) e o rodapé.
18. 2. Critérios Avaliativos 18
orem ipsum dolor sit amet, consectetur
2.3. Animação
adipiscing elit. Aenean nec lorem nisi. Mauris
eu magna vel felis auctor blandit. Mauris
pretium sem in orci aliquam tempor. Phasellus
dui odio, gravida in ornare in, hendrerit in nisi.
Vivamus leo leo, rutrum at egestas sed,
pharetra non nisi. Vivamus bibendum aliquam
lacinia. Etiam porta nulla eu magna dictum
posuere. Aenean consequat vestibulum nulla
sit amet facilisis. Vivamus convallis purus nec
dui tincidunt vehicula non quis mi. Nam in
ultricies enim. In urna lacus, gravida vitae
fringilla adipiscing, sodales nec felis.
23. 2. Critérios Avaliativos 23
2.4. Interface e Usabilidade
Avaliação Heurística
Visibilidade do status do sistema
Breadcrumbs
Equivalência entre o sistema e o mundo real
Vocabulário
Controle do usuário e liberdade
Assistente
Consistência e padrões
Estética minimalista
24. 2. Critérios Avaliativos 24
Para o desenvolvimento do site em questão, se teve a necessidade de se utilizar
imagens referente a instituição. Para suprir tal necessidade foram realizadas
2.5. Fotografia algumas fotos no local, para fazer a ilustração do site e montar a galeria de foto,
que foi um dos critérios exigidos no desenvolvimento do briefing.
No desenvolvimento das produções fotográficas, buscamos utilizar algumas regras
de composição, para obtenção de melhores resultados. Em algumas imagens foi
utilizada a regra dos terços, distribuindo os elementos principais da cena, de
forma com que a composição tivesse um equilíbrio, não se tornando pesada aos
olhos de quem estiver vendo a imagem, ou seja, buscando formar melhores
pontos para concentrar a atenção. Como se pode notar na figura 1 abaixo.
25. 2. Critérios Avaliativos 25
2.5. Fotografia
Na mesma imagem acima, podemos notar que foi utilizada também a composição de Vavá, ou
seja, foi destacando na imagem a cor vermelha, o que acaba gerando um contraste com o resto
da cena, fazendo com que a imagem principal fique mais destacada. Entre outras imagens, foi
utilizada também a composição de perspectiva dando a sensação de profundidade, focalização
dando mais ênfase ao objeto fotografado, entre outras regras.
Alem das regras de composição, se teve a preocupação com o manuseio e o preparo da câmera
fotográfica. Uma vez que as fotografias foram realizadas em locais abertos durante o dia, o que
exigia que a camera fosse programada para tal ambiente com mais iluminação. Com isso se teve
a necessidade de se utilizar um maior I.S.O com um diafragma em torno de 3,5 a 4 de abertura.
26. 2. Critérios Avaliativos 26
Diante as mudanças no decorrer do tempo, hoje a
faculdade Eseffego é uma instituição que possui um
publico alvo bastante diferenciado, atendendo desde
2.6. Negócios e Empreendimentos crianças, que buscam a Eseffego com interesse nas
atividades comunitárias, jovens que buscam fazer os
A Faculdade Eseffego Escola de Educação Física do cursos que hoje a faculdade oferece e idosos que
Estado de Goiás, foi fundada em 22 de outubro de 1962 possuem na faculdade a UNATI- “Universidade aberta á
pelo governador do Estado de Goiás, Mauro Borges terceira idade”.
Teixeira. A Faculdade Eseffego hoje possui um quadro de
A fundação da instituição de inicio era oferecer Curso colaboradores que totalizam aproximadamente 204,
de Licenciatura em Educação Física com o intuito de sendo destes 90 compondo o quadro administrativo e
formar professores que atuasse na área. Porem com o 114 o quadro de professores, que conta com
decorrer do tempo a Faculdade Eseffego passou a especialistas, mestres, doutores e pós-doutores.
realizar alguns eventos culturais, e oferecer atividades Visando sempre oferecer cursos e formação de boa
comunitárias desenvolvidas por alunos com orientação qualidade aqueles que buscam os serviços oferecidos
dos professores. Além disso, a Eseffego possuía como pela instituição.
diferencial o curso de fisioterapia, sendo a Eseffego o
único local a oferecer o curso na região Centro Oeste. >>
27. 2. Critérios Avaliativos 27
As atividades oferecidas atualmente contam com
aproximadamente 700 alunos que fazem praticas de
esporte diariamente, alem das atividades acima citadas,
2.6. Negócios e Empreendimentos a instituição conta com a UNATI que oferece aos idosos
oficinas recreativa, grupo de oração entre outras
Alem do quadro de profissionais que compõe a atividades.
Faculdade Eseffego, a instituição também possui uma Não só voltada para o lado de desenvolvimento
preocupação nas localidades onde serão desenvolvidas recreativo, a Eseffego procura oferecer também á
as atividades, e com isso a faculdade possui uma comunidade serviços na área de saúde, contando com a
estrutura composta por 14 salas de aulas, 3 ginásios clinica escola de fisioterapia da Eseffego, que atende na
poliesportivos, 1 quadra de tênis, sala de dojô, sala de área de ortopedia, traumatologia, queimadura e
musculação, sala de dança, área verde, quadras, neurologia, atendendo cerca de 120 paciente por dia em
piscina e pista de atletismo. dois turno. A clínica conta também com atendimento
Visando atender a comunidade com suas atividades a psicológico para pacientes, familiares, alunos,
Eseffego oferece gratuitamente uma extensão de professores e funcionários da Instituição. A escola de
modalidades esportiva, como natação, praticas fisioterapia possui uma estrutura com laboratório de
corporais, musculação, ginástica artística, movimento humano, sala de anatomia, laboratório de
hidroginástica, tênis, judô, ginástica rítmica, vôlei, fisiologia e sala de neuropediatria.
futsal, futebol de campo e basquetebol.
28. 2. Critérios Avaliativos 28
2.6. Negócios e Empreendimentos
O grande intuito hoje da Faculdade Eseffego é oferecer a
toda comunidade uma educação de alto nível,
contribuindo para o crescimento educacional do Estado
de Goiás no segmento de Educação Física e Fisioterapia.