Memorial Descritivo do Site                              PROJETO INTEGRADOR – MÓDULO III – 2011/1                         ...
BRUNA NUNES ALENCAR                                      HENRIQUE FRANCISCO DE ANDRADE                                    ...
SUMÁRIO1. Briefing       1. Entrevista com o cliente2. Critérios Avaliativos       1. Laboratório Multimídia       2. Lógi...
4                                                              PÚBLICO-ALVO (QUEM COMPRA/QUEM CONSOME)    1. Briefing     ...
1. Briefing   5                                                               06 - os pacientes da clinica escola em sua m...
1. Briefing   610- todas estas atividades Natação Adulto e Infantil -Práticas Corporais - Musculação - Ginástica Artística...
7    2. Critérios Avaliativos 2.1. Laboratório de Multimídia2.1.1. Marca Alguns testes com variações de tipografias e core...
8    2. Critérios Avaliativos 2.1. Laboratório de Multimídia2.1.1. Marca Alguns testes com variações de tipografias e core...
2. Critérios Avaliativos                   9  2.1. Laboratório de Multimídia2.1.2. TipografiaA fonte de seleção foi a “Tre...
2. Critérios Avaliativos                 10  2.1. Laboratório de Multimídia2.1.3. CoresAs cores “falam”.Apesar de serem um...
2. Critérios Avaliativos   11 2.1. Laboratório de Multimídia2.1.3. Cores As cores do site foram o azul e sua contraparte o...
2. Critérios Avaliativos                  12 2.1. Laboratório de Multimídia2.1.4. Gestalt Lei da Proximidade Lei da Contin...
2. Critérios Avaliativos                  13 2.1. Laboratório de Multimídia2.1.5. Recursos Tecnológicos HTML PHP CSS SWF A...
2. Critérios Avaliativos               14 2.1. Laboratório de Multimídia2.1.5. Recursos Tecnológicos Favicon              ...
2. Critérios Avaliativos   15 2.1. Laboratório de Multimídia2.1.5. Recursos Tecnológicos Edição de audio    - Remoção de r...
2. Critérios Avaliativos   16 2.1. Laboratório de Multimídia2.1.5. Recursos Tecnológicos Incorporação de vídeo do YouTube<...
2. Critérios Avaliativos   17 2.2. Lógica de ProgramaçãoForam aplicados no índex um menu dropdown desenvolvido em css e ba...
2. Critérios Avaliativos   18                orem ipsum dolor sit amet, consectetur2.3. Animação                adipiscing...
2. Critérios Avaliativos   192.4. Interface e Usabilidade      Hierarquização de informação
2. Critérios Avaliativos   202.4. Interface e Usabilidade      Fluxograma final
2. Critérios Avaliativos   212.4. Interface e Usabilidade      Wireframe
2. Critérios Avaliativos   222.4. Interface e Usabilidade     Wireframe
2. Critérios Avaliativos   23   2.4. Interface e Usabilidade           Avaliação HeurísticaVisibilidade do status do siste...
2. Critérios Avaliativos   24                  Para o desenvolvimento do site em questão, se teve a necessidade de se util...
2. Critérios Avaliativos   252.5. FotografiaNa mesma imagem acima, podemos notar que foi utilizada também a composição de ...
2. Critérios Avaliativos   26                                                           Diante as mudanças no decorrer do ...
2. Critérios Avaliativos   27                                                           As atividades oferecidas atualment...
2. Critérios Avaliativos   282.6. Negócios e EmpreendimentosO grande intuito hoje da Faculdade Eseffego é oferecer atoda c...
Upcoming SlideShare
Loading in...5
×

Memorial noturno6

397

Published on

Published in: Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
397
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Memorial noturno6

  1. 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. 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. 3. SUMÁRIO1. Briefing 1. Entrevista com o cliente2. 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. 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 aData: 13 /06/ 2011 procura das atividades esportivas e idosos a procura daCliente: Eseffego UNATI.A/C: Juliana - Fone: 3522-3500 INSTRUÇÕES ESPECÍFICAS/OBRIGATORIEDADESemail: 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ÇÃOOBJETIVO/ PROBLEMA A SER RESOLVIDO O web Site será colocado online ate as 23:00 do diaCriação de Desenvolvimento de Web Site 13/06 para apresentação do layout e de todo o conteúdoPRINCIPAL 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” FoOs serviços oferecidos a população: atividades esportivas a criado uma logo para a Eseffego e para o Jubileu de Ouroclinica 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. 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 sitede busca? 07 - vamos pensar que eu sou um idoso e queroR: 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 UNATIvocê acha que tem a maior procura da população? R: Idade acima de 60 anos, e ter vaga na modalidadeR: 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 semiR: As atividades da escolinha olímpica ao campo de futebol e a pista de atletismo? R: Sim. Quando inscritas nas atividades. A pista de04- 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 oferecidasR:8 pela Eseffego.
  6. 6. 1. Briefing 610- todas estas atividades Natação Adulto e Infantil -Práticas Corporais - Musculação - Ginástica Artística -HidroginásticaTênis adulto e Infantil - Judô - Ginástica Rítmica - Vôlei -Futsal - Futebol de Campo - Basquetebol. É realmenteoferecida a população?R: sim. Natação Adulto e InfantilPráticas Corporais - Musculação e Hidroginástica - AdultoGinástica Rítmica - Vôlei - Futsal - Futebol de Campo -Basquetebol e Iniciação esportiva - infantil
  7. 7. 7 2. Critérios Avaliativos 2.1. Laboratório de Multimídia2.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. 8 2. Critérios Avaliativos 2.1. Laboratório de Multimídia2.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. 9. 2. Critérios Avaliativos 9 2.1. Laboratório de Multimídia2.1.2. TipografiaA fonte de seleção foi a “Trebuchet”, por se tratar de uma famíliatipográfica humanista sem serifa e casar perfeitamente com a ArialBlack selecionada para a marca da instituição. Além disso, é umafonte desenhada especialmente para melhorar a leiturabilidade emmonitores desenvolvida a sob encomenda da Microsoft e portantoindicada para ser trabalhada em mídias digitais. (Microsoft CoreFonts 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. 10. 2. Critérios Avaliativos 10 2.1. Laboratório de Multimídia2.1.3. CoresAs cores “falam”.Apesar de serem uma forma de comunicação não verbal, elasdespertam 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. 11. 2. Critérios Avaliativos 11 2.1. Laboratório de Multimídia2.1.3. Cores As cores do site foram o azul e sua contraparte o amarelo.
  12. 12. 2. Critérios Avaliativos 12 2.1. Laboratório de Multimídia2.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. 13. 2. Critérios Avaliativos 13 2.1. Laboratório de Multimídia2.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/
  14. 14. 2. Critérios Avaliativos 14 2.1. Laboratório de Multimídia2.1.5. Recursos Tecnológicos Favicon http://www.infowester.com/favicon.php
  15. 15. 2. Critérios Avaliativos 15 2.1. Laboratório de Multimídia2.1.5. Recursos Tecnológicos Edição de audio - Remoção de ruído - Alterar velocidade
  16. 16. 2. Critérios Avaliativos 16 2.1. Laboratório de Multimídia2.1.5. Recursos Tecnológicos Incorporação de vídeo do YouTube<iframe width="425" height="349"src="http://www.youtube.com/embed/uSF6581zFUM" frameborder="0" allowfullscreen></iframe>
  17. 17. 2. Critérios Avaliativos 17 2.2. Lógica de ProgramaçãoForam aplicados no índex um menu dropdown desenvolvido em css e bannersanimados no flash (botão do menu terciário) além de um menu secundário denoticias que também foi desenvolvido em flash, onde foram trabalhados técnicase funções para a aplicação de actionscript, comandos de stop, play egotoAndPlay() que foram aplicados para garantir uma melhor usabilidade einteratividade deste menu.Todo o web site foi desenvolvido concomitantemente em PHP (HypertextPreprocessor) e Html. A home Page foi dividida em 3 partes: o topo, omeio(palco) e o rodapé.
  18. 18. 2. Critérios Avaliativos 18 orem ipsum dolor sit amet, consectetur2.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.
  19. 19. 2. Critérios Avaliativos 192.4. Interface e Usabilidade Hierarquização de informação
  20. 20. 2. Critérios Avaliativos 202.4. Interface e Usabilidade Fluxograma final
  21. 21. 2. Critérios Avaliativos 212.4. Interface e Usabilidade Wireframe
  22. 22. 2. Critérios Avaliativos 222.4. Interface e Usabilidade Wireframe
  23. 23. 2. Critérios Avaliativos 23 2.4. Interface e Usabilidade Avaliação HeurísticaVisibilidade do status do sistema BreadcrumbsEquivalência entre o sistema e o mundo real VocabulárioControle do usuário e liberdade AssistenteConsistência e padrõesEstética minimalista
  24. 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 realizadas2.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. 25. 2. Critérios Avaliativos 252.5. FotografiaNa mesma imagem acima, podemos notar que foi utilizada também a composição de Vavá, ouseja, foi destacando na imagem a cor vermelha, o que acaba gerando um contraste com o restoda cena, fazendo com que a imagem principal fique mais destacada. Entre outras imagens, foiutilizada também a composição de perspectiva dando a sensação de profundidade, focalizaçãodando 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âmerafotográfica. Uma vez que as fotografias foram realizadas em locais abertos durante o dia, o queexigia que a camera fosse programada para tal ambiente com mais iluminação. Com isso se tevea necessidade de se utilizar um maior I.S.O com um diafragma em torno de 3,5 a 4 de abertura.
  26. 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 desde2.6. Negócios e Empreendimentos crianças, que buscam a Eseffego com interesse nas atividades comunitárias, jovens que buscam fazer osA Faculdade Eseffego Escola de Educação Física do cursos que hoje a faculdade oferece e idosos queEstado 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 deA 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 eformar professores que atuasse na área. Porem com o 114 o quadro de professores, que conta comdecorrer 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 boacomunitárias desenvolvidas por alunos com orientação qualidade aqueles que buscam os serviços oferecidosdos 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. 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 outrasAlem 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 desenvolvimentopreocupaçã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 aestrutura composta por 14 salas de aulas, 3 ginásios clinica escola de fisioterapia da Eseffego, que atende napoliesportivos, 1 quadra de tênis, sala de dojô, sala de área de ortopedia, traumatologia, queimadura emusculação, sala de dança, área verde, quadras, neurologia, atendendo cerca de 120 paciente por dia empiscina e pista de atletismo. dois turno. A clínica conta também com atendimentoVisando 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 demodalidades esportiva, como natação, praticas fisioterapia possui uma estrutura com laboratório decorporais, musculação, ginástica artística, movimento humano, sala de anatomia, laboratório dehidroginástica, tênis, judô, ginástica rítmica, vôlei, fisiologia e sala de neuropediatria.futsal, futebol de campo e basquetebol.
  28. 28. 2. Critérios Avaliativos 282.6. Negócios e EmpreendimentosO grande intuito hoje da Faculdade Eseffego é oferecer atoda comunidade uma educação de alto nível,contribuindo para o crescimento educacional do Estadode Goiás no segmento de Educação Física e Fisioterapia.
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×