SlideShare une entreprise Scribd logo
1  sur  10
André Luís de Moraes
Elvis Leandro Ferreira




Projeto: Simples Assim




                         1
Conceito Geral




Objetivo
 •   Realização de um projeto web de inclusão digital (Site de ensino e de vídeo aulas)
     para os usuários que procuram aprender a utilizar a internet.




                                                                                          2
Problematização
 •   Uma forma lúdica de educar digitalmente uma pessoa que deseja utilizar a tecnologia
     da web em seu dia a dia.

 •   A inclusão digital deve, não apenas distribuir o acesso e o hardware para a web, mas
     sim também educar cada usuário para que este saiba utilizar a web de uma maneira
     segura, tranquila e saudável.




Público-alvo
 •   O público-alvo primário do projeto abrange homens e mulheres a partir de 60 anos,
     sem classe social definida.

 •   Ensinar ao usuário da melhor idade, que nunca utilizou a internet.




                                                                                            3
4
Estrutura de Navegação




                         5
Wireframe




            6
Cores




        7
Tipografia e Logo


•   Tipografia de familia “Arial, Helvetica, sans-serif” no corpo do texto, e Trebuchet MS
    em títulos.

                                 - Título – Corpo de texto -


•   Logo montado com duas formas comuns para assumir o “simples assim”




                                                                                             8
Linguagem Visual




                   9
Cronograma
      Atividade                                  Inicio   Término
      Escolha e fechamento da ideia central do   24/10    25/10
      projeto.

      Pesquisa iconográfica e conceitual.        25/10    27/10

      Pesquisa de tecnologia do kinect.          25/10    31/10


      Produção do layout base. Home.             26/10    30/10


      Conteúdo das páginas.                      27/10    05/11


      Layout base, edição de css, montagem.      26/10    04/11
   
      Documentação.                              27/10    01/11


      Arte.                                      01/11    01/11


      Testes de navegação.                       03/11    05/11


      Revisão de arte e texto.                   01/11    05/11


      Apresentação.                              01/11    05/11




                                                                    10

Contenu connexe

Similaire à Microsoft S2B 2011

Apresentacao 091017061004-phpapp02
Apresentacao 091017061004-phpapp02Apresentacao 091017061004-phpapp02
Apresentacao 091017061004-phpapp02youfoliodev
 
A Web para todos - Acessibilidade na web
A Web para todos  - Acessibilidade na webA Web para todos  - Acessibilidade na web
A Web para todos - Acessibilidade na webRogério Chiavegatti
 
Laboratório Web 2013-2014 - Apresentação Unidade Curricular
Laboratório Web 2013-2014 - Apresentação Unidade CurricularLaboratório Web 2013-2014 - Apresentação Unidade Curricular
Laboratório Web 2013-2014 - Apresentação Unidade CurricularRicardo Pereira Rodrigues
 
Laboratório Web 2013-2014 - Etapas na Produção: Arquitectura de Informação
Laboratório Web 2013-2014 - Etapas na Produção: Arquitectura de InformaçãoLaboratório Web 2013-2014 - Etapas na Produção: Arquitectura de Informação
Laboratório Web 2013-2014 - Etapas na Produção: Arquitectura de InformaçãoRicardo Pereira Rodrigues
 
CSS: pare de usar frameworks e atualize-se
CSS: pare de usar frameworks e atualize-seCSS: pare de usar frameworks e atualize-se
CSS: pare de usar frameworks e atualize-seJulio Vedovatto
 
Laboratório Audivisual Hipermedia Aula3 4 13 22 03
Laboratório Audivisual Hipermedia Aula3 4 13 22 03Laboratório Audivisual Hipermedia Aula3 4 13 22 03
Laboratório Audivisual Hipermedia Aula3 4 13 22 03Pedro Tavares
 
Desvendando padrões para desenvolvimento web, base para o sucesso
Desvendando padrões para desenvolvimento web, base para o sucessoDesvendando padrões para desenvolvimento web, base para o sucesso
Desvendando padrões para desenvolvimento web, base para o sucessoUbiratan Z. do Nascimento
 
Design e Usabilidade
Design e UsabilidadeDesign e Usabilidade
Design e UsabilidadeClaudio Toldo
 
Design para WordPress- Anyssa Ferreira - WordCamp BH 2015
Design para WordPress-  Anyssa Ferreira - WordCamp BH 2015Design para WordPress-  Anyssa Ferreira - WordCamp BH 2015
Design para WordPress- Anyssa Ferreira - WordCamp BH 2015Anyssa Ferreira
 
Programação orientada à objetos & mvc
Programação orientada à objetos & mvcProgramação orientada à objetos & mvc
Programação orientada à objetos & mvcJhordam Siqueira
 
Website Fixie - Metodologia Projeto E
Website Fixie - Metodologia Projeto EWebsite Fixie - Metodologia Projeto E
Website Fixie - Metodologia Projeto EIsabela Loepert
 
Laboratório Web 2013-2014 - Etapas na Produção: Desenho e Composição
Laboratório Web 2013-2014 - Etapas na Produção: Desenho e ComposiçãoLaboratório Web 2013-2014 - Etapas na Produção: Desenho e Composição
Laboratório Web 2013-2014 - Etapas na Produção: Desenho e ComposiçãoRicardo Pereira Rodrigues
 
Inclusão Digital de Professores
Inclusão Digital de ProfessoresInclusão Digital de Professores
Inclusão Digital de ProfessoresAna Maria Soares
 

Similaire à Microsoft S2B 2011 (20)

Apresentacao 091017061004-phpapp02
Apresentacao 091017061004-phpapp02Apresentacao 091017061004-phpapp02
Apresentacao 091017061004-phpapp02
 
Javascript, HTML5 e CSS3
Javascript, HTML5 e CSS3Javascript, HTML5 e CSS3
Javascript, HTML5 e CSS3
 
A Web para todos - Acessibilidade na web
A Web para todos  - Acessibilidade na webA Web para todos  - Acessibilidade na web
A Web para todos - Acessibilidade na web
 
Laboratório Web 2013-2014 - Apresentação Unidade Curricular
Laboratório Web 2013-2014 - Apresentação Unidade CurricularLaboratório Web 2013-2014 - Apresentação Unidade Curricular
Laboratório Web 2013-2014 - Apresentação Unidade Curricular
 
Web acessível
Web acessívelWeb acessível
Web acessível
 
Criar um website
Criar um websiteCriar um website
Criar um website
 
Apresentacao cipa final
Apresentacao cipa finalApresentacao cipa final
Apresentacao cipa final
 
Laboratório Web 2013-2014 - Etapas na Produção: Arquitectura de Informação
Laboratório Web 2013-2014 - Etapas na Produção: Arquitectura de InformaçãoLaboratório Web 2013-2014 - Etapas na Produção: Arquitectura de Informação
Laboratório Web 2013-2014 - Etapas na Produção: Arquitectura de Informação
 
CSS: pare de usar frameworks e atualize-se
CSS: pare de usar frameworks e atualize-seCSS: pare de usar frameworks e atualize-se
CSS: pare de usar frameworks e atualize-se
 
Laboratório Audivisual Hipermedia Aula3 4 13 22 03
Laboratório Audivisual Hipermedia Aula3 4 13 22 03Laboratório Audivisual Hipermedia Aula3 4 13 22 03
Laboratório Audivisual Hipermedia Aula3 4 13 22 03
 
Desvendando padrões para desenvolvimento web, base para o sucesso
Desvendando padrões para desenvolvimento web, base para o sucessoDesvendando padrões para desenvolvimento web, base para o sucesso
Desvendando padrões para desenvolvimento web, base para o sucesso
 
CV Alexandre R. de Castro
CV Alexandre R. de CastroCV Alexandre R. de Castro
CV Alexandre R. de Castro
 
Design e Usabilidade
Design e UsabilidadeDesign e Usabilidade
Design e Usabilidade
 
Design para WordPress- Anyssa Ferreira - WordCamp BH 2015
Design para WordPress-  Anyssa Ferreira - WordCamp BH 2015Design para WordPress-  Anyssa Ferreira - WordCamp BH 2015
Design para WordPress- Anyssa Ferreira - WordCamp BH 2015
 
Programação orientada à objetos & mvc
Programação orientada à objetos & mvcProgramação orientada à objetos & mvc
Programação orientada à objetos & mvc
 
Website Fixie - Metodologia Projeto E
Website Fixie - Metodologia Projeto EWebsite Fixie - Metodologia Projeto E
Website Fixie - Metodologia Projeto E
 
Web Standards
Web StandardsWeb Standards
Web Standards
 
Laboratório Web 2013-2014 - Etapas na Produção: Desenho e Composição
Laboratório Web 2013-2014 - Etapas na Produção: Desenho e ComposiçãoLaboratório Web 2013-2014 - Etapas na Produção: Desenho e Composição
Laboratório Web 2013-2014 - Etapas na Produção: Desenho e Composição
 
Inclusão Digital de Professores
Inclusão Digital de ProfessoresInclusão Digital de Professores
Inclusão Digital de Professores
 
Web Standards
Web StandardsWeb Standards
Web Standards
 

Microsoft S2B 2011

  • 1. André Luís de Moraes Elvis Leandro Ferreira Projeto: Simples Assim 1
  • 2. Conceito Geral Objetivo • Realização de um projeto web de inclusão digital (Site de ensino e de vídeo aulas) para os usuários que procuram aprender a utilizar a internet. 2
  • 3. Problematização • Uma forma lúdica de educar digitalmente uma pessoa que deseja utilizar a tecnologia da web em seu dia a dia. • A inclusão digital deve, não apenas distribuir o acesso e o hardware para a web, mas sim também educar cada usuário para que este saiba utilizar a web de uma maneira segura, tranquila e saudável. Público-alvo • O público-alvo primário do projeto abrange homens e mulheres a partir de 60 anos, sem classe social definida. • Ensinar ao usuário da melhor idade, que nunca utilizou a internet. 3
  • 4. 4
  • 7. Cores 7
  • 8. Tipografia e Logo • Tipografia de familia “Arial, Helvetica, sans-serif” no corpo do texto, e Trebuchet MS em títulos. - Título – Corpo de texto - • Logo montado com duas formas comuns para assumir o “simples assim” 8
  • 10. Cronograma Atividade Inicio Término   Escolha e fechamento da ideia central do 24/10 25/10 projeto.   Pesquisa iconográfica e conceitual. 25/10 27/10   Pesquisa de tecnologia do kinect. 25/10 31/10 Produção do layout base. Home. 26/10 30/10   Conteúdo das páginas. 27/10 05/11   Layout base, edição de css, montagem. 26/10 04/11     Documentação. 27/10 01/11   Arte. 01/11 01/11   Testes de navegação. 03/11 05/11   Revisão de arte e texto. 01/11 05/11   Apresentação. 01/11 05/11 10