Posts Tagged ‘Tecnologia’

Mouseless

Um estudante do MIT, Massachussetts Institute of Technology (EUA), apresentou para o mundo o projeto chamado Mouseless.

Na boa e fiel tradução, mouseless significa “sem mouse”. E é exatamente disso que o projeto se trata; um software que, juntamente com uma câmera e um laser infravermelho conectados ao seu computador, permite fazer todos os movimentos do mouse, sem precisar de um mouse.

O projeto parece simples: basta conectar uma câmera e um laser infravermelho ao seu computador e apontá-los para a área imaginária onde fica o mouse. Assim, nesta área, basta fazer os movimentos que se faz com o mouse, mas sem a necessidade de ter um mouse (confira foto ao lado). O software reconhece estes movimentos e os interpreta para a linguagem do cursor. O software reconhece, inclusive, os cliques no botão direito e esquerdo, interpretando os movimentos verticais dos dedos da mão.

Confira o site oficial do mouseless e, abaixo, o vídeo de apresentação feito pelo estudante.

Via Leia Primeiro

iPad + Velcro = ❤

O iPad tem utilidades infinitas através de seus milhares de aplicativos disponíveis. Mas ele não é necessariamente cômodo de se usar em qualquer situação. Muitos acessórios estão disponíveis pra ajudar no apoio, leitura, proteção e tantas outras coisas. Mas o mais lowtech de todos pode ser o ‘killer’ acessório que faltava para o iPad: o velcro.

iPad + Velcro from Jesse Rosten on Vimeo.

(Via Augusto Camargo)

Postado em Viu Isso?

Tudo ecológico

A preocupação ambiental é geral, seja em embalagens, em resíduos produzidos por empresas, tudo hoje envolve uma grande preocupação e conscientização com o meio ambiente.

Abaixo vamos ver 2 exemplos de aplicação dessa nova consciência que vem ganhando força nos últimos anos:

O primeiro é o notebook lançado pela Sony, o Sony Vaio W Eco.

• Tem 80% de sua constituição é de plástico reciclado oriundo de CDS e DVDS descartados.
• A bateria possui longa duração (8 horas e meia).
• Tela livre de mercúrio e com luzes de LED.
• O produto é transportado até as lojas em bolsas de tecido feito de garrafa PET , ao invés dos tradicionais papelões cujo destino quase sempre é o lixo.
• As páginas impressas do manual de instruções foram substituídas por manual online em PDF.

O outro exemplo, é o da Coca-Cola, que vai relançar um conhecido modelo de cadeira norte americano, porém de um modo sustentável.

A cadeira que será lançada em junho, utiliza garrafas PET recicladas em 60% da composição, fibra de vidro e pigmentos.

A intenção é reaproveitar as milhões de garrafas plásticas colocadas no mercado anualmente, e reutilizá-las de modo a não prejudicar o meio ambiente.

Existem vários outros exemplos por aí, cadernos de papéis recicláveis, sacolas de supermercados reutilizáveis, e muitos outros produtos, que expressam o que parece ser o grande zelo da população em relação ao consumo e a sua sustentabilidade.

Você está pronto para o HTML 5?

Quem acompanhou o começo da web deve lembrar do quanto as primeiras páginas eram feias. O design de páginas com HTML puro era cinza, quadradão, feito na base de frames e tabelas, as animações eram arquivos GIF toscos e restava ao webmaster fazer graça com scripts inúteis. Nesses últimos anos, vários padrões e tecnologias surgiram para ajudar a linguagem, como o CSS, o Flash e o XHTML. Mesmo assim, chegou a hora de mais mudança.

A nova versão do padrão HTML está mais sólida, com os principais navegadores suportando suas inovações e facilitando assim a vida do designer, que poderá dispensar bibliotecas e pacotes auxiliares.

Vale lembrar que nem tudo funciona em todos os browsers, já que, na falta de uma especificação definitiva (que está prevista para 2012), os empresas adicionam os recursos do HTML 5 nos navegadores a conta-gotas. Conheça, a seguir, as principais mudanças que já estão aprovadas pela W3C e pelo WHATWG, as entidades que decidem o futuro da linguagem HTML.

Multimídia sem plug-in

O conteúdo em áudio e vídeo na web é refém dos plug-ins, como o Flash, para ser exibido. O HTML 5 prevê uma forma de contornar isso com as tags <video> e <:audio>. Falta ainda definir os tipos de codecs a ser utilizados universalmente com essas tags. Hoje, Chrome e Safari conseguem exibir filmes em H.264 e tocar áudio AAC, encapsulados num arquivo MP4. Já o Firefox, fiel aos padrões abertos, mostra só vídeos Theora e som Vorbis, dentro de um arquivo Ogg. O impasse não preocupa tanto, pois as tags <video> e <:audio> podem receber mais de um arquivo, com o browser selecionando qual é a opção compatível. Para adicionar um vídeo à página, basta usar o código <video src=”meuvideo.mp4 width=”320″ height=”240″ controls></video>.

CSS arrumadinho

O novo HTML promete aposentar frames e tabelas das páginas, com o CSS efetivado como responsável para esse fim. Além disso, a versão 5 conta com tags para definir seções dos sites, facilitando a integração com as folhas de estilo. Atualmente, o normal é usar um elemento <div>, com seu nome indicando o tipo de seção. As novas tags são <header>, <footer>, <article>, <section>, <nav> e <aside>. Elas definem o cabeçalho, o rodapé, um artigo, uma seção (de um artigo), a barra de navegação e anotações sobre o conteúdo. Com esses elementos, é criada uma padronização que facilita a localização de conteúdo pelos buscadores e o reaproveitamento dos arquivos CSS.

Gráficos nascidos na web

O elemento <canvas> permite criar desenhos usando JavaScript. Assim é possível, por exemplo, transformar dados do site em gráficos dinâmicos. A tag também serve para usar um texto ou imagem como substituto do desenho, caso o browser não tenha suporte aos gráficos dinâmicos. Nesse caso, o conteúdo alternativo fica entre e <canvas> e </canvas>.

Calendários sem erro

Qual é a data definida por 10/2/2010? Pode ser 10 de fevereiro, no padrão usado no Brasil, e, ao mesmo tempo, 2 de outubro, no modelo americano. O HTML 5 pode contornar essas situações com tags que definem o tipo de dados e sua formatação no texto da página web. A tag <time> marca hora e data e evitaria o problema descrito acima usando o código <timedatetime=”2010-02-10″> </time>, que poderia identificar as informações do navegador e decidir qual seria a data correta, para que ela possa ser exibida no padrão do usuário.

Versão offline

Já ouviu falar no Google Gears? Ele transforma aplicativos web em programas que rodam no browser mesmo em máquinas sem conexão com a web. Essa mágica é feita pelo recurso DOM Storage, que poderá ser usado por qualquer site em HTML 5. Um ponto essencial dessa forma de armazenamento local é que o servidor remoto não pode acessar diretamente o conteúdo (diferentemente dos cookies). Somente o browser e os scripts da página acessada podem modificar o conteúdo offline. Hoje, cada browser usa um limite de espaço. O Firefox aloca no máximo 5 MB por domínio web acessado. Já o Internet Explorer libera 10 MB por base de dados criada, independentemente do domínio.

Muito além dos cliques

Existem várias bibliotecas para habilitar o suporte ao recurso de arrastar e soltar objetos em sites. Mas no HTML 5 a coisa fica bem mais fácil. Basta definir valores para três eventos em JavaScript: dragenter, dragover e drop. Eles indicam, respectivamente, a entrada e a passagem de um elemento sobre outro, além do evento para o momento em que um item é solto. Definir um elemento da página como item que pode ser arrastado é mais fácil ainda. Basta adicionar a definição draggable=”true” a ele.

Via Info Online

Interatividade eletrônica

A realidade aumentada está na moda. Mas não só ela, a interatividade entre cliente e empresa em geral está ganhando espaço no mercado.

Misturando-se o mundo real com o virtual é que surge a realidade aumentada. Um pedaço de papel, com alguns desenhos aparentemente desconexos, quando colocados na frente de uma web cam se transformam em algo 3D na tela do computador.

Este recurso tem sido muito explorado não só pela publicidade, mas também pela medicina, indústria automobilística entre outros.

Fora a realidade aumentada, outro fator muito explorado é a utilização do display touch screen, usado não só em celulares, mas também em grandes telas em aeroportos, shoppings, ou em testes em feiras sobre tecnologia.

Com o uso do touch screen, o usuário com apenas um toque, consegue navegar, explorar e até personalizar a tela. É um investimento que tem sido feito na área de propaganda, para que o cliente possa  futuramente, ter mais informações sobre o produto de seu interesse em locais como shoppings, nas ruas, ou até mesmo nas próprias lojas.

O investimento em tecnologias de interatividade, que despertam no consumidor uma maior disponibilidade para compra, parece ser o futuro para as vendas e propagandas. E você, o que acha disso?