RayBan (experimente os óculos com a Realidade Aumentada)

Links desta matéria:

We are Autobots (transforme-se em um Transformer!)

5Gum (Remixe com a Realidade Aumentada - clique em "5Mixer", imprima os códigos clicando em "Print Symbols" e, em seguida, em "Start Mixing")

Go2nPlay Studios - vários exemplos de realidade aumentada (clique em "Cases e Exemplos")

Clique aqui para saber mais sobre Realidade Aumentada

Vocês já viram, aqui no Olhar Digital, o que é a Realidade Aumentada. Esta brincadeira ganhou bastante espaço no mercado publicitário e vem sendo usada, cada vez mais, para vender produtos. Dá só uma olhada, por exemplo, nesta loja aqui. Você fica em frente à webcam, aponta o código para a câmera e pronto! As roupas são mostradas em cima do corpo. O mouse é sua própria mão. Para mudar o modelo, é só apontar para o lado, em cima do botão virtual. E depois de escolhida, repouse a mão por cima do botão Fotografar. A imagem pode, então, ser enviada para os seus amigos.

Esta loja de óculos também utiliza a Realidade Aumentada para que os clientes experimentem os produtos. Basta baixar um aplicativo, posicionar-se em frente à webcam e escolher o seu modelo preferido. Esta outra loja de móveis disponibiliza, junto aos seus produtos, um código de realidade aumentada. Depois, é só colocar num mesmo plano todos os códigos juntos para ver como o ambiente vai ficar com os novos produtos.
Mas, a Realidade Aumentada também tem outros usos, além da publicidade. Dá uma olhada nesse aplicativo para iPhone. Você aponta a câmera para um ambiente. Ele checa um banco de dados e identifica aquele local. Em seguida, você aponta para a foto do endereço que deseja ir e, como num passe de mágica e com a ajuda do GPS, o sistema te mostra o caminho.
Em Nova York, um outro aplicativo para iPhone ajuda as pessoas a encontrar a estação de metrô mais próxima. Você aciona o programa e segue as setas. E também na educação, a realidade aumentada já pode ser utilizada no ensino de física e matemática.E imagine um mundo onde a webcam reconhece o seu rosto e, instantaneamente, identifica seus perfis em redes sociais? Legal, né? Mas e a privacidade? Bom... aí, cabe a você liberar e identificar que perfis você quer que sejam públicos.
Não acabou! No mundo dos games, a Sony já está testando um software para o Playstation 3. O EyePet é um dos jogos-demonstração. O Tamagoshi virtual se relaciona com objetos e pessoas, deixando tudo mais divertido. De olho nesse movimento, a concorrência também se mexeu. A Microsoft promete lançar, muito em breve, o seu projeto Natal. Com ele, a experiência de jogar se torna muito mais interessante. O sistema é capaz de reconhecer cada pessoa dentro do ambiente, além de todos os seus movimentos.Quer brincar de realidade aumentada agora mesmo? Então acesse olhardigital.com.br. A gente vai te dar alguns links para você se divertir. Você vai poder, por exemplo, acessar este site aqui e se transformar num monstro do filme Transformers. A Paramount criou a brincadeira na época do lançamento do longa. Tem também este outro brinquedo aqui, olha só. Você imprime uns códigos, mostra para a câmera e remixa músicas com as suas mãos. Cada movimento significa um barulho diferente.
Clique nos links acima e brinque com vários sites que te oferecem experiências no mundo da Realidade Aumentada!

Fonte: http://olhardigital.uol.com.br/links/video_wide.php?id_conteudo=10186

Criar barra de ferramentas

Vamos criar uma barra de ferramentas para o blog, deste tipo que as pessoas instalam no navegador (Internet Explorer, Firefox, Chrome e outros), você pode colocar diversos acessórios na sua barra inclusive as últimas atualizações do seu blog, esta é uma boa maneira de conseguir mais divulgação e visitas para seu blog.



Para fazer isso utilizamos o Conduit, depois de fazer um cadastro simples então irá para a tela onde vai criar a barra de ferramentas para o seu blog, lá encontrará coisas básicas como colocar o seu logotipo na barra (basic components, your logo) e muitas outras funções é um site relativamente simples de utilizar.



Note na imagem acima que no topo da pagina tem Your toolbar's download page esse é o endereço para download da sua barra de ferramentas, então crie um link para essa pagina e coloque no seu blog, este link pode ser de texto ou imagem o jeito que você achar melhor para divulgar sua barra de ferramentas e claro seu blog junto com ela, veja o exemplo com o link da barra de ferramentas Dicas para Blogs:

Instale nossa Barra de Ferramentas



Naturalmente se quiser poderá editar sua barra quantas vezes desejar e a pagina de instalação se atualiza automaticamente. Agora que já está tudo pronto você ainda pode acompanhar as estatísticas da sua barra de ferramentas, ou seja, saber quantas pessoas baixaram, estão utilizando a barra, note que no menu principal do site Conduit tem a opções analytics, como o próprio nome sugere são as estatísticas da barra de ferramentas.

http://www.dicasparablogs.com.br/2010/01/criar-barra-de-ferramentas.html

imagem no cursor do mouse

classificação de estrelas

http://www.outbrain.com/

classificação de estrelas

Segredos sobre design de site

Quero dividir com vocês alguns segredos sobre criação de sites. Como são muitos segredos que guardo nesses 6 anos de profissão, achei melhor dividir em alguns artigos.

Nesse primeiro artigo irei abordar dois assuntos interessantes: a importância da primeira página e a polêmica largura do site.

Espero que essas dicas e soluções venham a ajudar
vocês clientes, empresários, webdesigners e os interessados pelo assunto. Vamos então apresentar o primeiro tópico dessa jornada:

Primeira Página

A primeira página de um site pode ter muitos nomes: home, homepage, página inicial, início, index ou simplesmente primeira página. Essa, sem dúvida, é a página mais importante do website, pois ela irá responder à primeira pergunta que todo internauta faz quando entra no seu site: "Onde estou?". E responderá também à segunda pergunta: "Para que serve esse site?".

Mesmo sendo a página mais importante vejo muitos sites por aí que não dão muita bola para ela, tratando essa página como todas as páginas internas.

Para que a página inicial cumpra sua função é necessário fazer dela um ponto de entrada para todo o conteúdo das páginas internas, com destaques do conteúdo que interessa seu público no seu centro, o mesmo valendo para novidades, notícias ou promoções especiais.

Coloque imagens que se ligam ao produto ou serviço que você aborda no site. Isso irá facilitar muito a resposta da pergunta "Onde estou?".

Um sistema de busca se mostra bastante eficaz, principalmente, quando se trata de um site com muito conteúdo, pois muitos internautas não estarão nem um pouco afim de encontrar a informação que procuram clicando em links e mais links.

Largura do site

Esse assunto se mostrou bem polêmico nos últimos anos. Vou falar sobre minha experiência com esse tipo de problema.

A largura da página depende bastante dos seguintes fatores: resolução de vídeo, barra iniciar oculta ou não, tamanho dos icones do navegador e etiquetas de texto dos botões ativadas ou não.

Tudo isso você deve prever na hora da criação do layout. Um usuário pode usar resolução 800 x 600 enquanto o outro 1024 x 768 ou então dois usuários podem usar a mesma resolução 800 x 600 mas um utilizando a barra de iniciar fixa e com botões do navegador grandes e outro com barra de iniciar oculta e botões menores ganhando mais espaço no navegador.

Como adivinhar tudo isso? O usuário tem uma gama de possibilidades de configurações de vídeo, tornando impossível força-lo a visualizar seu site do jeito que você quer.

Para isso temos as seguintes soluções:

1. Criar layouts para resolução mínima de 800 x 600: para isso é necessário considerar o tamanho de tela do navegador supondo uma barra fixa no menu iniciar do windows, o tamanho default dos botões do navegador e uma possível barra de rolagem vertical. Prevendo isso, crie seu layout na resolução 776 x
460 para ser bem visualizado em 800 x 600 e resoluções superiores. A resolução de 640 x 480 deixou de ser utilizado pela maioria dos internautas mas cuidado pois cada vez mais aparecem usuários de palmtop e handhelds conectados a Internet. Creio que no futuro essa questão ficará mais complicada pois o
número desses usuários tende a crescer a cada ano.

2. Utilizar um layout "líquido", aquele que se auto ajusta a qualquer resolução através de tabelas com larguras definidas em porcentagem. O que vai contra esse tipo de montagem de página é a perda de diversos recursos de layout como alguns tipos de imagens de topo e menu, além de dispersar as informações e deixar tudo muito vazio quando se está em altas resoluções.

3. Crie um fundo para um layout previsto para 800 x 600 que deixe contínuo algumas figuras, independente da resolução.

4. Não tente colocar todo o conteúdo da página em 776 x 460 quando se trata de um portal de notícias ou algo semelhante onde são necessários muitos destaques e um menu extenso. A barra vertical pode ser chata, mas é inevitavelmente necessária nesses casos. Por isso não se amarre na altura de 460 pixels quando se quer trabalhar uma primeira página com muitos destaques, fotos e chamadas
indispensáveis a um portal de notícias. 

fonte: http://tutomania.com.br/artigo/segredos-sobre-design-de-site