Grupo A3

Informações Gerais

Trabalho em equipe

Verde: PRESENÇA
Azul: FALTA ABONADA
Vermelho: FALTA

Membro\Encontro 05 06 07 08 09 10 11
Eduardo Gebara (Mecânica)
Gabriel Oliva (Computação)
Breno Marcolino (Mecatrônica)

Situação do projeto

Verde: ENTREGUE
Azul: ENTREGUE ATRASADO
Vermelho: PENDENTE

Fase\Entrega Wikidot GitHub
Arquitetura de Informação
Leis de Gestalt e Princípios CRAP
Teoria das Cores e Tipografia
Versão Apresentável

ATENÇÃO: verde ou azul não significam que foi aprovado, apenas que foi entregue.

Endereço do repositório

https://github.com/gabrielnoal/CoDesignProjeto1

Arquitetura de Informação

Primeira tarefa

Projetos que demonstram competências de Engenheiro Mecânico
  • Circuito eletrônico com amplificador operacional ou diodos transistores (Acionamentos Elétricos)
  • Acionamento PWM com eletrônica analógica ou filtro (Acionamentos Elétricos)
  • Sistema mecânico (Modelagem e Simulação)
Projetos que demonstram competências de Engenheiro Mecatrônico
  • Estação Meteorológica (Instrumentação e Medição)
Projetos que demonstram competências de Engenheiro de Computação
  • Calculo de conceito (Design de Software)
  • CRUD (Design de Software)
  • Jogo da Velha (Design de Software)
  • Projeto Final (Design de Software)
  • Protótipo de Website (Co-design de Apps)
  • Protótipo de Aplicativo (Co-design de Apps)
  • Análise exploratória (Co-design de Apps)
  • Computação de interfaces (Co-design de Apps)
Projetos que demonstram competências teóricas
  • Projeto único (Física do movimento)
  • Dinâmica populacional (Modelagem e Simulação)
  • Farmacocinético ou termodinâmica (Modelagem e Simulação)
  • Modelos de regressão (Ciência dos dados)
  • Ajuste do modelo teórico (Ciência dos dados)
  • Teorema do limite central (Ciência dos dados)
Projetos que demonstram competências práticas
  • Application do Singularity (Grandes Desafios da Engenharia)
  • Artigo 1 (Grandes Desafios da Engenharia)
  • Artigo 2 (Grandes Desafios da Engenharia)
  • Brinquedo infantil (Natureza do Design)
  • Rede de distribuição de Petróleo (Instrumentação e Medição)

Segunda tarefa

Projetos de Software
  • Calculo de conceito (Design de Software)
  • CRUD (Design de Software)
  • Jogo da Velha (Design de Software)
  • Projeto Final (Design de Software)
  • Protótipo de Website (Co-design de Apps)
  • Protótipo de Aplicativo (Co-design de Apps)
  • Análise exploratória (Co-design de Apps)
  • Computação de interfaces (Co-design de Apps)
Projetos de Fabricação
  • Estação Meteorológica (Instrumentação e Medição)
  • Circuito eletrônico com amplificador operacional ou diodos transistores (Acionamentos Elétricos)
  • Acionamento PWM com eletrônica analógica ou filtro (Acionamentos Elétricos)
  • Projeto único (Física do movimento)
Projetos Conceituais
  • Application do Singularity (Grandes Desafios da Engenharia)
  • Artigo 1 (Grandes Desafios da Engenharia)
  • Artigo 2 (Grandes Desafios da Engenharia)
  • Rede de distribuição de Petróleo (Instrumentação e Medição)
  • Dinâmica populacional (Modelagem e Simulação)
  • Farmacocinético ou termodinâmica (Modelagem e Simulação)
  • Modelos de regressão (Ciência dos dados)
  • Ajuste do modelo teórico (Ciência dos dados)
  • Teorema do limite central (Ciência dos dados)
Projetos de Design
  • Brinquedo infantil (Natureza do Design)

Terceira tarefa

Nome: TrucOFF
Curso: Design de Software
Periodo: Primeiro Semestre
Design: Sim, pensamos no público jovem ao projetar o projeto
Descrição: Criamos um jogo de Truco offline com interface gráfica em Python usando a biblioteca Pygame. Foi iniciado no meio de Abril de 2016 e se encerrou no meio de Junho de 2016. Programei toda a parte da interface gráfica e administrei o repositório no Github

Nome: NASA Application
Curso: Grandes Desafios de Engenharia
Periodo: Primeiro
Design: Sim
Descrição: No Application da NASA tinhamos que criar uma ideia que impactasse 1.000.000.000 (um bilhão) de pessoas ao longo de 10 (dez) anos, e para apresentar nosso projeto deveriamos fazer um video introdutorio de no maximo 2 (dois) minutos. O projeto se iniciou no começo de Abril de 2016 e durou até o meio de Junho 2016. Foi um projeto individual, portanto tive que fazer desde a criação até o vídeo de apresentação.

Nome: Estação Meteorológica
Curso: Instrumentação e Medição
Periodo: Primeiro Semestre
Design: De certa forma sim, pois poderíamos ter deixado a estação em uma protoboard, tornando-a mais difícil de ser manuseada e possível de se desconectar algum jumper, por exemplo. Assim, foi confeccionada uma placa para que fosse possível soldar todos os componentes sem o uso de jumpers e dessa forma fica mais simples para o usuário.
Descrição: Construcao de uma estacao meteorologica em uma placa de circuito impresso. A estacao continha 4 sensores (temperatura, pressao, luminosidade e umidade), alem de uma tela de lcd. O projeto se iniciou em abril e se estendeu ate o dia 15 de junho de 2016. Nessa projeto me encarreguei de fazer as medicoes para a calibracao do LM35 e do DHT22. Para este projeto foram usados o Excel, o software do Arduino e o Fritzing para a confecção da PCB. O grupo usou o Excel para armazenar os dados das medições com cada sensor, gerar gráficos e para calcular as incertezas que foram incluídas no código de Arduino posteriormente para calibrar os sensores. O software do Arduino foi utilizado para escrever os códigos de cada sensor que foram posteriormente compilados no microcontrolador. Para esse projeto também utilizamos a fresadora do FabLab para a confecção da placa de circuito impresso (PCB) e também uma solda para soldar os componentes (resistores, sensores e LCD) na placa. Utilizamos o Arduino Uno e diversos sensores analógicos e digitais, além de uma tela de LCD para mostrar em seu display as medições de cada sensor (temperatura, pressão, umidade relativa do ar e luminosidade). Dessa forma, pode-se concluir que bastante eletrônica foi empregada nesse projeto do primeiro semestre. O projeto durou de começo de Abril de 2016 até o meio de Junho 2016. Nesse projeto me encarreguei de fazer as medições com os sensores que precisaram ser calibrados (LM35 e DHT22). Além disso, me encarreguei de escrever parte dos textos do relatório e ajudei na parte de fabricação com a solda e o software de confecção da placa.

Nome: Capotruz
Curso: Natureza do Design
Periodo: Primeiro
Design: Com certeza, já que o público alvo já era sabido ao começo do projeto. O grupo fez entrevistas com crianças na faixa de 7 a 9 anos de idade para saber sua opinião à respeito do que seria um brinquedo legal. Depois de colhidos os depoimentos, a ideia da arma parecia cada vez mais interessante e o grupo decidiu por concretizá-la.
Descrição: Manufatura de um brinquedo infantil que tenha como público alvo crianças de 7 a 9 anos de idade. O brinquedo era composto de canos pvc, uma válvula, tinta spray e ovos de isopor. Consiste em uma arma de gás comprimido que era preenchida com ar advindo de uma bomba de bicicleta. O projeto se iniciou em abril e se estendeu ate a metade de junho. Nesse projeto tive o papel da junção dos canos pvc e a pintura do brinquedo. O projeto durou de começo de abril até a metade de Junho. Fui responsável pela junção das peças da arma de ar comprimido e a pintura do exterior.

Quarta tarefa

  • A primeira página contém os projetos separados nas 5 categorias
  • A página Sobre mim contém a descrição do aluno

Leis de Gestalt e Princípios CRAP

Sketch da página principal

pagina%20inicial%20.pdf

Sketch da página sobre mim

Sobre%20Mim.pdfSketch da página de projeto
pagina%20projeto%281%29.pdf

Referências de posicionamento

Logo no canto superior esquerdo

http://www.insper.edu.br/
https://www.youtube.com/
https://www.wikidot.com/
https://www.wikipedia.com/

Redes sociais na parte inferior da página

https://www.codecademy.com/learn
https://www.estadao.com.br/
https://www.cartacapital.com.br/
https://www.getpocket.com/

Copyright canto inferior direito

https://www.reddit.com/
https://www.insper.edu.br/portaldoaluno/
https://getpocket.com/
https://www.asus.com/br/

Teoria das Cores e Tipografia

Mockup Página Inicial

Captura%20de%20Tela%202016-09-21%20a%CC%80s%2008.02.14.png

Mockup Página Projeto

Captura%20de%20Tela%202016-09-21%20a%CC%80s%2008.03.01.png

Mockup Sobre Mim

Captura%20de%20Tela%202016-09-21%20a%CC%80s%2008.02.36.png

Referências de cor e fonte

Uso da fonte Crimson Text no titulo

site: http://www.insper.edu.br/

Motivo: Queriamos uma fonte parecida com a do logo do Insper, para ficar um cabeçalho que lembrasse o site do insper, já que o nosso aluno fictício cursa engenharia no Insper.

Uso de Verdana nos textos
https://www.quora.com/Do-you-prefer-the-Verdana-or-Arial-font-for-the-main-text-on-a-website

Motivo: A idéia inicial foi usar a clássica Arial para os blocos de textos. Porém, ao observar a fonte Verdana nos sentimos mais confortáveis. De fato, como o site acima descreve, para a situação do nosso site, a Verdana foi uma escolha melhor do que a Arial por se tratar de textos com o tamanho da fonte reduzido.

Uso do vermelho no cabeçalho e rodapé #FF0606
site: http://www.insper.edu.br/

Motivo: O rodapé e o cabeçalho precisam de destaque. Por isso utilizamos o vermelho, pois contrastou muito bem com o preto das fontes e com o branco do fundos das páginas. Além disso, o site do insper por exemplo, também usa a cor vermelha para destacar elementos.

Uso do branco no fundo das páginas

https://soundcloud.com/stream
http://www.estadao.com.br/

Motivo: O branco é uma cor básica que deixa a página pouco poluída e simples. Além disso, muitas das imagens possuem fundo branco, que iria contrastar de forma negativa se o fundo da página fosse de outra cor. Dessa forma, a cor branca se encaixa bem no layout da página.

Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License