Grupo C1 - Warlen, Gabriel, Eduardo e Vitória

Informações Gerais

Trabalho em equipe

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

Membro\Encontro 09 10 11 12
Eduardo Tirta (Computação)
Gabriel Vilaça (Mecatrônica)
Vitória Camilo (Computação)
Warlen Rodrigues(Mecâ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

Endereço do Repositório

https://github.com/a-vitoria/Codesign1


Arquitetura de Informação

Primeira tarefa

Projetos que demonstram competências de Engenheiro Mecânico

-Estação Meteorológica (Instrumentação e Medição)
-Acionamento PWM com eletrônica analógica ou filtro (Acionamentos Elétricos)
-Rede de Distribuição de Petróleo (Instrumentação e Medição)
-Farmacocinética ou Termodinâmica (Modelagem e Simulação do Mundo Físico)
-Projeto Único (Física do Movimento)
-Sistemas Mecânicos (Modelagem e Simulação do Mundo Físico)
-Estudo Autônomo (Matemática da Variação)
-Circuito eletrônico com amplificador operacional ou diodos e transistores (Acionamentos Elétricos)
-Barata Elétrica (Natureza do Design)
-Brinquedo Infantil (Natureza do Design)

Projetos que demonstram competências de Engenheiro Mecatrônico

-Estação Meteorológica (Instrumentação e Medição)
- Acionamento PWM com eletrônica analógica ou filtro (Acionamentos Elétricos)
-Sistema de aquecimento de um chuveiro elétrico (Instrumentação e Medição)
-Circuito eletrônico com amplificador operacional ou diodos e transistores (Acionamentos Elétricos)
-Barata Elétrica (Natureza do Design)
-Brinquedo Infantil (Natureza do Design)
-Projeto Único (Física do Movimento)
-Estação Meteorológica (Instrumentação e Medição)
-Cálculo de Conceito (Design de Software)
-CRUD (Design de Software)
-Projeto Final (Design de Software)
-Estudo Autônomo (Matemática da Variação)

Projetos que demonstram competências de Engenheiro de Computação

-Cálculo de Conceito (Design de Software)
-CRUD (Design de Software)
-Jogo da Velha (Design de Software)
-Estação Meteorológica (Instrumentação e Medição)
-Farmacocinética ou Termodinâmica (Modelagem e Simulação do Mundo Físico)
-Dinâmica Populacional (Modelagem e Simulação do Mundo Físico)
-Analise exploratória (Ciência dos Dados)
-Comparação de Interfaces (Ciência dos Dados)
-Modelos de Regressão (Ciência dos Dados)
-Ajuste de Modelo Teórico (Ciência dos Dados)
-Teorema do Limite Central (Ciência dos Dados)
-Projeto Final (Design de Software)
-Protótipo de Website (Co-Design de Apps)
-Protótipo de App (Co-Design de Apps)

Projetos que demonstram competências teóricas

-Primeiro Artigo (Grandes Desafios da Engenharia)
-Segundo Artigo de GDE (Grandes Desafios da Engenharia)
-Application Singularity (Grandes Desafios da Engenharia)
-Farmacocinética ou Termodinâmica (Modelagem e Simulação do Mundo Físico)
-Dinâmica Populacional (Modelagem e Simulação do Mundo Físico)
-Analise exploratória (Ciência dos Dados)
-Comparação de Interfaces (Ciência dos Dados)
-Modelos de Regressão (Ciência dos Dados)
-Ajuste de Modelo Teórico (Ciência dos Dados)
-Teorema do Limite Central (Ciência dos Dados)
-Sistema de aquecimento de um chuveiro elétrico (Instrumentação e Medição)
-Rede de Distribuição de Petróleo (Instrumentação e Medição)
-Estação Meteorológica (Instrumentação e Medição)
-Projeto Único (Física do Movimento)
-Sistemas Mecânicos (Modelagem e Simulação do Mundo Físico)
-Estudo Autônomo (Matemática da Variação)

Projetos que demonstram competências práticas

-Cálculo de Conceito (Design de Software)
-CRUD (Design de Software)
-Jogo da Velha (Design de Software)
-Estação Meteorológica (Instrumentação e Medição)
-Acionamento PWM com eletrônica analógica ou filtro (Acionamentos Elétricos)
-Sistema de aquecimento de um chuveiro elétrico (Instrumentação e Medição)
-Circuito eletrônico com amplificador operacional ou diodos e transistores (Acionamentos Elétricos)
-Barata Elétrica (Natureza do Design)
-Brinquedo Infantil (Natureza do Design)
-Projeto Final (Design de Software)
-Protótipo de Website (Co-Design de Apps)
-Protótipo de App (Co-Design de Apps)
-Projeto Único (Física do Movimento)

Feedback do ninja

Divisão de competências por curso: Senti falta de mais exemplos para Engenharia Mecatrônica, comparado aos outros cursos a quantidade foi bastante inferior e imagino que seja mais completo que isso. Vocês poderiam ter adicionado, por exemplo, Design de Software e Física do Movimento.

Divisão de competências práticas e teóricas: Na parte prática vocês poderiam ter adicionado Física do Movimento, é uma das matérias consideradas tradicionais e que o Insper conseguiu inovar para não ficar tão focado só na teoria.

Segunda tarefa

Análise de Dados

-Analise exploratória
-Ajuste de Modelo Teórico
-Comparação de Interfaces
-Farmacocinética ou Termodinâmica (Modelagem e Simulação do Mundo Físico)
-Dinâmica Populacional
-Sistemas Mecânicos
-Modelos de Regressão
-Teorema do Limite Central

Programação

-CRUD
-Jogo da Velha
-Cálculo de Conceito
-Projeto Final (Design de Software)
-Protótipo de Website
-Protótipo de App

Eletrônica

-Estação Meteorológica
-Acionamento PWM com eletrônica analógica ou filtro
-Rede de Distribuição de Petróleo
-Sistema de aquecimento de um chuveiro elétrico
-Circuito eletrônico com amplificador operacional ou diodos e transistores
-Projeto Único

Ideias Inovadoras

-Application Singularity
-Brinquedo Infantil
-Barata Elétrica
-Estudo Autônomo
-Primeiro Artigo de GDE
-Segundo Artigo de GDE

Feedback do ninja

Bem bacana que vocês quiseram ousar logo na primeira entrega da matéria, não se limitando apenas ao fundo branco do portfólio, mas às vezes é melhor fazer algo básico que funcione bem para depois aperfeiçoar. Pelo validador, foi encontrado uma série de erros, mas passíveis de alteração. A maioria das especificações não tinha nada quando clicava, seria bacana se tivessem usado o Lorem Ipsum para validar como iria ficar a estrutura. “Artigos e outros teóricos” é algo bem genérico e não desperta o interesse do usuário, seria melhor outro título.

Terceira tarefa

Projeto final de Design de Software - Truco

Semestre: Primeiro
Sobre a ideia: No projeto final da matéria de Design de Software foi requerido que, utilizando a linguagem Python e mais algum recurso que alie a ela, do qual o grupo de 2 a 3 pessoas deveria buscar conhecimento fora da sala de aula, desenvolvêssemos um protótipo de software livre (podia ser um jogo, aplicativo web, aplicativo desktop…). Foi concluído em cerca de dois meses, passando por todas as fases de Design Thinking, desde o brainstorm até a conclusão do projeto.
Sobre o projeto: Desenvolvi com meu grupo uma plataforma que ensina ao usuário o jogo de cartas Truco, muito comum entre os universitários brasileiros. Ela conta com dois "players": O Instrutor e o Aluno, ideia que otimiza experiência do usuário visto que a sequência de cartas não é tão intuitiva (as cartas 8,9, 10 não são utilizadas, a carta mais forte do jogo muda a cada rodada, etc).

Feedback do ninja

A descrição do projeto está muito fraca para um usuário que nunca jogou Truco e não sabe como funciona, vocês poderiam ter feito uma contextualização primeiro para depois explicar o que seria o software, falar mais sobre porquê a sequência de cartas não é intuitiva.

Por que vocês preferiram a formatação centralizada? As informações parecem que estão jogadas, justificado ou alinhado seria melhor para a experiência do usuário.

Quarta tarefa

Como deve ser estruturado a primeira página:

- A primeira página deve conter um resumo do objetivo e do conteúdo do portfólio, links que direcionem para o acesso aos projetos e para a página Sobre Mim, deve ser uma página breve e fácil de ler, contendo apenas algumas informacões que façam os leitores navegarem pela página inteira para conhecer melhor o perfil e objetivos.
- A página Sobre Mim deve conter uma foto do aluno e alguns parágrafos resumindo sua biografia, histórico acadêmico, habilidades, feitos, e objetivos futuros. Seria um currículo onde mostra dados importantes do que a pessoa já produziu e enfrentou, a carga de conhecimento que possui e a área de preferência, com isso uma pessoa que visualiza o perfil da pessoa pode o qualificar e designar uma área em que se adequa

Feedback do ninja

Check :)

Referências

Para decidirmos o estilo da página, seguimos um pouco dos sites abaixo:
http://www.tomorrowland.com/global-splash/
http://www.linailuminacao.com/
http://www.wix.com/templatespt/pet-shop-pt
http://www.wix.com/templatespt/fashion-stylist-pt
http://www.wix.com/templatespt/fashionportfolio-pt

Estes sites tem uma cor serena e o estilo da página é bem profissional, moderna, além disso, de acordo com o próprio construtor de sites, o último site representa um portfólio, algo mais elegante e formal. Além disso, no quarto site, pegamos a inspiração da Letra Open Sans Condensed

Sketches

sketches_home(1).jpg

A homepage mostra as informações principais do grupo e sobre o portifólio. Acredito que a imagem inicial faz com que gere um impacto para o visitante e faz com que ele acabe criando curiosidade

sketches_sobremim(1).jpg

A página do Sobre Mim mostra as informações sobre cada membro do grupo e informações de contato. Alem disso fala um pouco da historia academica e cotidiana

sketches_projetos(1).jpg

A página dos Meus Projetos mostra opções para poder acessar as várias categorias de projetos realizados pelo grupo. Como cada um vai ter seu proprio portfolio, temos uma pagina para cada projeto de cada aluno

Mockups

Pagina Inicial

homepage.jpg

Sobre Mim

sobremim.jpg

Escolher Categoria

escolha.jpg

Escolher Projeto

categoria.jpg

Pagina dos projetos que não tem muitas fotos

projeto.jpg

Pagina dos projetos que tem várias mídias

pgprojeto2.jpg

Teoria das Cores e Tipografia

Cores utilizadas

As cores seguiram tons de azul, pois concordam que deixa a página mais leve e descontraída, mas sem perder o formalismo, como acontece na página que indicamos como referência de cor.
Os tons que utilizamos foram:
- #00b3f0
- #b1dbe1
- #91cbd4

Códigos das Cores Cores
#00b3f0
#b1dbe1
#91cbd4

Tipografia utilizada

A tipografia tem uma cara formal e moderna o que instigou a utilizarmos ela.
-Open Sans Condensed
fonte.PNG

Referências de cor e fonte

Referência de Cores

- https://www.memrise.com/
- http://www.submarino.com.br/

Referências de fontes

- http://www.wix.com/templatespt/fashionportfolio-pt

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