Num sábado deste fomos agraciados com uma feijoada. Fui muito legal e divertido. Duro foi ter que ir para a aula depois da mesma…. hehehe
abaixo algumas fotos:
as meninas da turma.
na hora do rango, num click do coordenador do curso.
Projeto
11/06/2010
O trabalho da Disciplina de Projeto para Web, que deverá ser entegue dia 12/06/2010 onde teremos 30 min de apresentação. O nosso tema é e-learning.
www.gliffy.com
www.creatly.com
estes são dois sites interessantes para desenvolmento de diagramas online com ajuda e interração do colegas da equipe.
Estudo das Cores – Layout
22/05/2010
Design, Uncategorized, WEB Deixe um comentário
O que produzimos na última aula de Design Gráfico.
Estudo das cores:
Layout do Site:
Este foi o resultado da última aula de Desing, depois de termos feito o estudo das cores e da tipografia para o site.
Desing – Layout (cor e tipografia)
22/05/2010
Design, WEB Deixe um comentário
Como última aula da disciplina de design de interação foi no sábado passado, coloco aqui algumas informações passadas pelo professor a respeito de Tipografia e Cores.
Tipografia é o primeiro elemento a ser considerado num layout para web.
Nas leituras feitas no monitor, 30% dos leitores lêem mais devagar, e 50% tem menos compreensão.
Existem algumas fotos que são comuns para todos os tipos de sistemas operacionais, o que facilita muito na hora de desenvolver o site, pois não teríamos problemas de configuração do layout em função da fonte escolhida. Algumas delas são: Arial, Comic Sans, Georgia, Verdana, etc… Outra questão que se tem que observar na escolha das fontes é a serifa, fontes com serifa são ideais para títulos e sem serifa para textos corridos.
Sites sugeridos para o desenvolvimento de layout:
Significado das Cores: (Aqui vai para quem não sabe! 😦
Preto:
A cor Preta está associada à ideia de morte, luto ou terror, no entanto também se liga ao mistério e à fantasia, sendo hoje em dia uma cor com valor de uma certa sofisticação e luxo. Significa também dignidade.
Branco:
O branco associa-se à ideia de paz, de calma, de pureza. Também está associado ao frio e à limpeza. Significa inocência e pureza.
Cinzento:
O cinzento pode simbolizar o medo ou a depressão, mas é também uma cor que transmite estabilidade, sucesso e qualidade.
Bege:
O Bege é uma cor que transmite calma e passividade. Está associada à melancolia e ao clássico.
Vermelho:
O Vermelho é a cor da paixão e do sentimento. Simboliza o amor, o desejo, mas também simboliza o orgulho, a violência, a agressividade ou o poder.
Vermelho escuro:
O Vermelho escuro significa elegância, requinte e liderança.
Verde:
O Verde significa vigor, juventude, frescor, esperança e calma.
Verde-escuro:
O Verde-escuro está associado ao masculino, lembra grandeza, como um oceano. É uma cor que simboliza tudo o que é viril.
Verde-claro:
O Verde-claro significa contentamento e protecção.
Amarelo:
O Amarelo transmite calor, luz e descontracção. Simbolicamente está associado à prosperidade. É também uma cor energética, activa que transmite optimismo. Está associada ao Verão.
Laranja:
O Laranja é uma cor quente, tal como o amarelo e o vermelho. É pois uma cor activa que, significa movimento e espontaneidade
Azul:
O Azul é a cor do céu, do espírito e do pensamento. Simboliza a lealdade, a fidelidade, a personalidade e subtileza. Simboliza também o ideal e o sonho. É a mais fria das cores frias.
Azul-escuro:
O Azul-escuro, é considerada uma cor romântica, talvez porque lembre a cor do mar, no entanto é uma cor que se associa a uma certa falta de coragem ou monotonia.
Azul claro:
O Azul claro significa tranquilidade, compreensão e frescura.
Castanho:
O Castanho é a cor da Terra. Esta cor significa maturidade, consciência e responsabilidade. Está ainda associada ao conforto, estabilidade, resistência e simplicidade.
Roxo:
O Roxo transmite a sensação de tristeza. Significa prosperidade, nobreza e respeito.
Lilás:
O Lilás significa espiritualidade e intuição.
Rosa:
A cor Rosa significa beleza, saúde, sensualidade e também romantismo.
Rosa claro:
A cor Rosa clara está associada ao feminino. Remete para algo amoroso, carinhoso, terno, suave e ao mesmo tempo para uma certa fragilidade e delicadeza. Está ainda associado à compaixão.
Salmão:
O Salmão está associado à felicidade e à harmonia.
Prateado:
O prateado ou cor prata é uma cor associada ao moderno, às novas tecnologias, à novidade, à inovação.
Dourado:
O Dourado ou cor ouro está simbolicamente associado ao ouro e à riqueza, a algo majestoso.
Ferramentas – Design
12/05/2010
Design, Projeto Deixe um comentário
Algumas ferramenta/links que o professor passou na segunda parte da aula de desing de interação do último sábado:
http://www.mindmeister.com – Software online de mapeamento mental para pessoas e empresas inovadoras.
http://www.slideshare.net – para publicações de apresentações
http://artefatosinterativos.blogspot.com/ – blog do professor sobre idéias/criatividade
http://websort.net/ – WebSort enables you to conduct remote card sorting online
Autenticação Visual
09/05/2010
Design, WEB Deixe um comentário
Na aula de hoje apresentamos nosso trabalho – Autenticação Visual. Resultados das Pesquisas realizadas com os usuários.
Primeiro foi apresentado o vídeo abaixo, que achamos no youtube.
A entrevista que realizamos com os usuários, depois de um estudo feito nas diversas técnicas que podem ser utilizadas. Nos utilizamos as tecnicas: Análise de Contexto de Uso, Análise de Modelagem de Tarefas e Personas.
Utilizando a técnica de Analise de Contexto e de uso, percebi que devemos classicar:
Quem? Pessoas que utilizam a internet através do serviço WWW (world wide web)
O que? Login feito através do reconhecimento da Iris, utilizando biometria.
Onde? Sites e portais na WEB
Quem é o Publico Alvo, usuário da web de todas as idades. Usuários de jogos, portais de informações, comunidades virtuais, bancos,
Analise de Contexto:
Devido à grande quantidade de atividades desenvolvidas pelas pessoas e a grande quantidade de sites e portais que as pessoas se cadastram na web, é difícil de as pessoas lembrarem sempre das senhas dos seus cadastrados, realizados nos mais diversos portais e sites da web. As pessoas acabam usando sempre a mesma senha o que pode ser um problema futuro devido a segurança, ou trocando a senha porque o site/portal exige caracteres ou numero de caracteres diferente da sua senha original.
Os principais problemas detectados nos modelos tradicionais de login na web são:
– dificuldade de se lembrar as senhas, devido grande quantidade de sites que as pessoas são cadastradas. Onde os sites, tem características próprias de senha, como por exemplo usar ou não, caracteres especiais;
– dificuldade em recuperar a senha cadastrada para determinado login.
– Duvida quanto ao uso de letras maiúsculas e minúsculas
– Erros de digitação
– Questões de segurança, qualquer outra pessoa pode utilizar a senha
Sendo assim a proposta do serviço de autenticação visual, vem contribuir para que os usuários da rede WWW, não tenham mais que digitar seus login e senha, e sim o mesmo seja feito com o reconhecimento da Iris, utilizando novas tecnologias como biometria, tornando-os mais seguros e menos constrangedor para os usuários.
ENTREVISTA COM O USUÁRIO
1) Qual o seu nome? _____________________________________
2) Qual a sua idade?
[ ] 10 a 20 anos
[ ] 21 a 30 anos
[ ] 31 – 40 anos
[ ] 41 – 50 anos
[ ] + de 51 anos
3) Qual seu grau de escolaridade?
[ ] 1 a 4 serie
[ ] 5 a 8 série
[ ] Segundo grau incompleto
[ ] Segundo grau completo
[ ]Superior incompleto
[ ] Superior completo
[ ] Outros
4) Onde você usa internet?
[ ] Casa
[ ] Trabalho
[ ] escola/faculdade
[ ] lan house
[ ] casa de amigo
[ ] outro local
5) Para que você mais usa a internet?
[ ] jogos
[ ] pesquisas
[ ] sites de relacionamento
[ ] acesso a bancos
[ ] entretenimento
6) Com qual freqüência você utiliza a internet?
[ ] Todos os dias
[ ] Toda semana
[ ] Uma vez a cada 15 dias
[ ] Raramente
7) Quantos logins diferentes você possui?
[ ] Nenhum
[ ] apenas 1
[ ] de 2 a 4
[ ] mais que 4
8. Você acha a internet segura?
[ ]Sim
[ ]Não
9) Você costuma alterar suas senhas para prevenir invasões?
[ ]Nunca
[ ]As vezes
[ ]Quase Sempre
[ ] Sempre
10) Com qual freqüência você esquece seu login e ou senha?
[ ] Nunca
[ ] As vezes
[ ] Quase Sempre
[ ] Sempre
11) Nos sites que você utiliza atualmente você realizaria o seu login pelo reconhecimento da Iris? (através da tecnologia biometria)
[ ] sim
[ ] não
12) Classifique suas condições de acesso a dispositivos como Webcam, Microfones e scanners?
[ ] Inacessível (não tenho)
[ ] Pouco acessível (algumas vezes)
[ ] Acessível (tenho mas não funciona ou não sei usar)
[ ] Muito acessível (tenho e uso sempre)
A apresentação feita em power point na aula de hoje, como resultado de todo este trabalho.
EDTED
05/05/2010
Eventos, WEB Deixe um comentário
Encontro de Design e Tecnologia Digital, maior evento de internet do Brasil.
Em 2010, chega à sua 15ª edição, os temas são voltados para designers, webdesigners, programadores, desenvolvedores web, publicitários, empreendedores, entre outros.
O evento teve início em março e vai até dezembro, confira o calendário abaixo:
20 de março – Rio de Janeiro
10 de abril – São Paulo
08 de maio – Porto Alegre
22 de maio – Curitiba
19 de junho – Florianópolis
10 de julho – Brasília
07 de agosto – Belo Horizonte
18 de setembro – Salvador
16 de outubro – Fortaleza
04 de dezembro – Recife
Para maiores informações acesse – http://www.edted.com.br/
Biometria
04/05/2010
Design, Tecnologia Deixe um comentário
Para a segunda etapa do trabalho da Disciplina de Design de Interação, acabei fazendo algumas leituras sobre Biometria. Percebi que já existe muitas pesquisas e publicações a respeito.
A cada dia novas formas para identificação são apresentadas à sociedade. Atualmente, o método mais comum para o acesso exclusivo de determinados sistemas é a senha, assinatura eletrônica usada em acessos a sites e bancos que se mostra como uma alternativa para a vida moderna.
Em busca da segurança e exclusividade que evitem falcatruas, o sistema computacional tem se utilizado da biometria.
A biometria é um sistema de identificação através do corpo humano registrado ainda na antiguidade por faraós. O uso de partes do corpo para identificação é uma tecnologia que vem se massificando em diversos setores da sociedade. Abaixo alguns tipos de Biometria, dos quais li, e quis deixar registrado aqui.
Biometria FACIAL
Identificar um indivíduo através da análise da face é um processo complexo que normalmente requer artifícios inteligentes sofisticados e técnicas de aprendizagem computacional (machine learning techniques). Uma quantidade de fornecedores biométricos está envolvida na venda desses sistemas, usando tanto vídeos padrões como imagens termais para capturar imagens faciais. A face é um componente chave da maneira como os seres humanos se lembrar e reconhecem uns aos outros. A inteligência artificial é necessária para simular a interpretação humana das faces. As pessoas mudam todo o tempo. Pêlos faciais, óculos e a posição da cabeça podem afetar a forma como um sistema biométrico pode comparar uma face com outra. A aprendizagem computacional é importante para a adaptação a essas mudanças e para comparar precisamente os novos exemplos com os templates previamente armazenados.
O processo de reconhecimento facial é o seguinte:
– Captura: técnicas padrões de vídeo usam uma imagem facial, ou uma coleção de imagens, capturada por uma câmera de vídeo. A posição precisa da face do usuário e as condições de iluminação podem afetar o desempenho do sistema. Normalmente a imagem facial completa é capturada e um número de pontos podem ser mapeados na face. Por exemplo, a posição dos olhos, boca e narinas podem ser traçadas para que um template único seja construído. Alternativamente, um mapa facial tridimensional pode ser criado a partir da imagem capturada.
As técnicas termais de imagem sob desenvolvimento analisam o calor, causado pelo fluxo de sangue sob a face. Uma câmera termal captura o padrão de veias sangüíneas ocultas por baixo da pele. Pelo fato de câmeras de infravermelho serem usadas para capturar imagens faciais, a luz não é importante e os sistemas podem capturar as imagens no escuro. Entretanto, tais câmeras são significantemente mais caras que as padrões.
– Extração: o equipamento biométrico converte o exemplo da imagem facial em um padrão e depois em um código matemático único, o qual é armazenado na forma de um template.
– Comparação: A verificação um-para-um (1:1) é o método mais comum de comparação. Entretanto, certos sistemas são capazes de fazer a identificação um-para-muitos (1:n). Uma nova imagem facial é capturada e comparada com o template previamente armazenado.
Dependendo da base que está configurada para a aplicação, pode-se obter um par como resultado ou não.
fonte: http://www.consultoresbiometricos.com.br
E um outro link que merece uma atenção é:
http://pessoas.hsw.uol.com.br/sistema-de-reconhecimento-facial.htm
Biometria através do Reconhecimento de Irís, veja o site abaixo, trabalho simples e bem explicado de como funciona.
http://www.gta.ufrj.br/grad/09_1/versao-final/iris/index.html
Simpósio IHC – 2010
29/04/2010
Eventos, IHC Deixe um comentário
Simpósio de Fatores Humanos em Sistemas Computacionais, em Belo Horizonte – 5 a 8 de outubro de 2010.
Onde temos vários temas de interesse dos quais estamos vendo no curso de EspWeb.
Para maiores informações entre no site do evento: http://www.ufmg.br/swib/?p=139
Designing Interations
28/04/2010
Um ótimo livro sobre projeto de Interação é Designing Interations de Bill Moggridge, que se encontra para download no Asiaing.com.
O site oficial do livro é o http://www.designinginteractions.com/download onde pode ser encontrado o capítulo 1 além de vídeos e entrevistas diversas.
O livro está a venda na Amazon.com e acompanha um DVD com as entrevistas.
Trata de assuntos históricos sobre o tema IHC, protipação, avaliações entre outros. São mais de 700 páginas e muitas ilustrações.
Projeto de Sistemas WEB
28/04/2010
Projeto, WEB Deixe um comentário
No último sábado (24/04/2010) tivemos a primeira aula de projeto de sistemas web com a professora Elisa Huzita. Disciplina a qual traz muitas expectativas em relação as novidades na área de projeto para desenvolvimento web. Assim que pesquisar e estudar um pouco sobre o assunto colocarei referências e links interessantes aqui.
Cores na Web
28/04/2010
Cores, Design, WEB Cores, WEB Deixe um comentário
Muitas coisas devem ser vistas sobre o uso de cores na Web e para isto temos algumas dicas como: criação de paletas, conceitos, acessibilidade, imagens e softwares. Segue abaixo uma lista de links interessantes, que pode ajudar muito no trabalho de desenvolvimento de sistemas para WEB, os quais achei na Web.
COLOR SCHEMES GENERATOR – crie sua paleta de cores – http://colorschemedesigner.com/
COLOR SCHEMER GALLERY -Aproveite algumas paletas disponíveis em – http://www.colorschemer.com/schemes/
LabUtil – Considerações sobre cores na web – http://www.labiutil.inf.ufsc.br/estilo/cores.htm
THE COLOR COORDINATOR – aproveite para criar composições de cores na própria web – http://www.colorcoordinator.com/colorCoordinator.php
COLOR VISION CONFUSION – Teoria sobre acessibilidade. Alguns aspectos conceituais relacionado a cor e imagem. http://otal.umd.edu/UUPractice/color/#recom
ACCESSIBILITY COLOR WHEEL – descubra se a combinação de cor para fundo e texto estão ok com relação a acessibilidade. http://gmazzocato.altervista.org/colorwheel/wheel.php
Se você conhece algum outro site interessante sobre o uso de cores na Web, poste aqui para compartilhar com as pessoas que se preocupam em desenvolver sites de qualidade.
Design de Interação
27/04/2010
Design, WEB Deixe um comentário
No dia 17/04/2010 foi a primeira aula de Design de Interação com o FRED do blog Usabilidoido. Onde nos apresentou conceitos e técnicas sobre Desing de Interação, falando sobre a experiência do uso, pesquisas com o usuários e ecologia dos sistemas.
“Design é a alma das criações Humanas.” Steve Jobs
Alguns links interessantes ou dicas de leitura passada nesta aula:
– http://www.faberlubens.com.br – Instituto de Design de Interação
Espere o Inesperado
Sketching user Experiences
Design de Interação
Eu recomendo também: os livros, um toc na cuca e um chute na rotina de Roger Von Oech e o trabalho de conclusão de cuso de Luis Vasconcelos: Uma Investigação em Metodologias de Design.
Durante a aula fizemos um trabalho, onde tinhamos que criar um conceito de serviço para web 2.0, eu e minha colega de equipe Joyce criamos o FACE DETECTION, onde nossa prosposta é que a pessoa que deseja se logar em algun site não precisa mais ficar digitando login e senha, mas sim apenas ser reconhecido pelo site através das caracteristicas da sua face.
Vamos aguardas as próximas aulas, e ver o resultado de tudo isto.
eyeDriver – Notícia
24/04/2010
Tecnologia notícia Deixe um comentário
Veja a notícia que saiu hoje no site da uol, muito interessante, vale apena ler.
http://www1.folha.uol.com.br/folha/informatica/ult124u725016.shtml
Cientistas criam carro conduzido pelo
movimento dos olhos
da Associated Press, em Berlim
Cansado dos movimentos circulares por dirigir ao volante? Experimente isso: pesquisadores alemães desenvolveram uma nova tecnologia que faz com que motoristas conduzam automóveis usando apenas seus olhos.
Raul Rojas, pesquisador de inteligência artificial da Free University em Berlim, disse nesta sexta-feira (23) que a tecnologia rastreia o movimento do olho do motorista e, na rotação, conduz o carro em qualquer direção para a qual ele esteja olhando.
Rojas e o grupo apresentaram o protótipo da tecnologia em um aeroporto da capital germânica.
Chamada de eyeDriver, a tecnologia conduz o carro a 50 km/h.
“O próximo passo será dirigi-lo a 95 km/h”, disse Rojas.
Ultimamente, contudo, o pesquisador de nacionalidade mexicana, está mirando algo ainda maior: “o grande desafio é, obviamente, dirigir em uma cidade com pedestres e muitos obstáculos.”
Mas não está claro quando –ou se– a tecnologia vai ser comercializada, assim como questões sobre segurança e praticidade: o que acontece olhando para uma garota bonita, próxima à estrada, pro alguns segundos? Sem mencionar falar ao telefone ou escrever uma mensagem de texto enquanto se dirige.
Os pesquisadores têm uma resposta aos motoristas distraídos: o carro também é um veículo autônomo, equipado com navegação GPS, câmeras, lasers e scanners que o habilitam para dirigir sozinho.
“O carro pode fazer qualquer coisa. Ele pode dirigir de forma autônoma, ou pode ser guiado pelos olhos do motorista”, afirma Rojas.
Reflita
23/04/2010
“Se você não falha em pelo menos 90% das vezes, seus objetivos não foram ambiociosos o suficente.” Alan Kay
Aulas de IHC
23/04/2010
As aulas de IHC com o Prof. Dante foram de suma importância para termos uma visão de como estão as pesquisas nesta área.
Deixo aqui alguns links, que vale a pena uma visita:
Inscrição
29/01/2010
Hoje fiz minha inscrição na Especialização em Desenvolvimento para Sistemas WEB. A expectativa em relação ao curso é boa e eu espero aprender muito neste próximo ano, fazer novas amizades e também me encaminhar para o doutorado. Dia 17/02/2010 tenho que conferir se meu nome esta na lista das inscrições aceitas e daí esperar que chegue março e que as aulas comecem logo.
Olá
28/01/2010
Meu primeiro post desde blog que acabo de iniciar…. quero deixar aqui registrado tudo sobre minha pos graduação em desenvolvimento para WEB na UEM – Maringá – PR
Sejam todos bem vindos….
Zero e Um na Web 