Memorial noturno6
Upcoming SlideShare
Loading in...5
×

Like this? Share it with your network

Share
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
502
On Slideshare
485
From Embeds
17
Number of Embeds
2

Actions

Shares
Downloads
2
Comments
0
Likes
0

Embeds 17

http://www.cienciadesign.com.br 14
http://cienciadesign.com.br 3

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 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Á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 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. 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. 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 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 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 2. Critérios Avaliativos 192.4. Interface e Usabilidade Hierarquização de informação
  • 20. 2. Critérios Avaliativos 202.4. Interface e Usabilidade Fluxograma final
  • 21. 2. Critérios Avaliativos 212.4. Interface e Usabilidade Wireframe
  • 22. 2. Critérios Avaliativos 222.4. Interface e Usabilidade Wireframe
  • 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. 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. 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. 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. 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. 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.