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 à Projeto Simples Assim: um site de inclusão digital

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 à Projeto Simples Assim: um site de inclusão digital (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
 

Dernier

I.1 Boas Práticas fitossanitarias.pptxCC
I.1 Boas Práticas fitossanitarias.pptxCCI.1 Boas Práticas fitossanitarias.pptxCC
I.1 Boas Práticas fitossanitarias.pptxCCJudite Silva
 
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...AnnaCarolina242437
 
Antonio Pereira_Vale+comunidade_set a dez_2023.pdf
Antonio Pereira_Vale+comunidade_set a dez_2023.pdfAntonio Pereira_Vale+comunidade_set a dez_2023.pdf
Antonio Pereira_Vale+comunidade_set a dez_2023.pdfAnnaCarolina242437
 
MARANATA - 19_04_2024.pptx | Maranata 2024
MARANATA - 19_04_2024.pptx | Maranata 2024MARANATA - 19_04_2024.pptx | Maranata 2024
MARANATA - 19_04_2024.pptx | Maranata 2024CarolTelles6
 
Simulado Enem Bernoulli-Primeiro dia.pdf
Simulado Enem Bernoulli-Primeiro dia.pdfSimulado Enem Bernoulli-Primeiro dia.pdf
Simulado Enem Bernoulli-Primeiro dia.pdfAnnaCarolina242437
 
AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdf
AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdfAVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdf
AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdfAnnaCarolina242437
 
I.2 Meios de Proteção das culturass.pptx
I.2 Meios de Proteção das culturass.pptxI.2 Meios de Proteção das culturass.pptx
I.2 Meios de Proteção das culturass.pptxJudite Silva
 
GESTÃO FINANceiraaaaaaaaaaaaaaaaaaaaaaaaaa
GESTÃO FINANceiraaaaaaaaaaaaaaaaaaaaaaaaaaGESTÃO FINANceiraaaaaaaaaaaaaaaaaaaaaaaaaa
GESTÃO FINANceiraaaaaaaaaaaaaaaaaaaaaaaaaayasminlarissa371
 
Simulado Bernoulli Enem_2-Primeiro dia.pdf
Simulado Bernoulli Enem_2-Primeiro dia.pdfSimulado Bernoulli Enem_2-Primeiro dia.pdf
Simulado Bernoulli Enem_2-Primeiro dia.pdfAnnaCarolina242437
 

Dernier (9)

I.1 Boas Práticas fitossanitarias.pptxCC
I.1 Boas Práticas fitossanitarias.pptxCCI.1 Boas Práticas fitossanitarias.pptxCC
I.1 Boas Práticas fitossanitarias.pptxCC
 
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...
 
Antonio Pereira_Vale+comunidade_set a dez_2023.pdf
Antonio Pereira_Vale+comunidade_set a dez_2023.pdfAntonio Pereira_Vale+comunidade_set a dez_2023.pdf
Antonio Pereira_Vale+comunidade_set a dez_2023.pdf
 
MARANATA - 19_04_2024.pptx | Maranata 2024
MARANATA - 19_04_2024.pptx | Maranata 2024MARANATA - 19_04_2024.pptx | Maranata 2024
MARANATA - 19_04_2024.pptx | Maranata 2024
 
Simulado Enem Bernoulli-Primeiro dia.pdf
Simulado Enem Bernoulli-Primeiro dia.pdfSimulado Enem Bernoulli-Primeiro dia.pdf
Simulado Enem Bernoulli-Primeiro dia.pdf
 
AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdf
AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdfAVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdf
AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdf
 
I.2 Meios de Proteção das culturass.pptx
I.2 Meios de Proteção das culturass.pptxI.2 Meios de Proteção das culturass.pptx
I.2 Meios de Proteção das culturass.pptx
 
GESTÃO FINANceiraaaaaaaaaaaaaaaaaaaaaaaaaa
GESTÃO FINANceiraaaaaaaaaaaaaaaaaaaaaaaaaaGESTÃO FINANceiraaaaaaaaaaaaaaaaaaaaaaaaaa
GESTÃO FINANceiraaaaaaaaaaaaaaaaaaaaaaaaaa
 
Simulado Bernoulli Enem_2-Primeiro dia.pdf
Simulado Bernoulli Enem_2-Primeiro dia.pdfSimulado Bernoulli Enem_2-Primeiro dia.pdf
Simulado Bernoulli Enem_2-Primeiro dia.pdf
 

Projeto Simples Assim: um site de inclusão digital

  • 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