Pinceladas da Web » Web 2.0

Como instalar o Google Chrome OS

Pedro Rogério — Mon, 23 Nov 2009 10:57:12 +0000

Como eu já disse em um post anterior, o Google acaba de lançar seu sistema operacional voltado para Netbooks. A grande sacada desse novo sistema operacional é que tudo vai rodar na nuvem, você não vai ter nenhum programa instalado em seu computador.

Nesse post vou mostrar como instalar o Google Chrome OS, baseado no post do site TechCrunch. Esse tutorial foi desenvolvido utilizando o Windows 7, mas funciona corretamente no Windows XP e Windows Vista. O que iremos precisar para rodar o sistema operacional são as seguintes ferramentas: Primeiro faça o download do Virtual Box, uma ferramenta para criação de máquinas virtuais, será através dela que iremos rodar o Chrome OS.

Em segundo lugar temos que fazer o download da imagem do Chrome OS, você tem 2 opções, pode baixar o arquivo através de torrent, ou então baixar uma imagem disponibilizada pelo site GDGT. A imagem disponibilizada pelo site GDGT possui a build mais nova, mas pelos testes que fiz com as 2 imagens, não notei diferença alguma. A imagem que utilizei para fazer esse tutorial foi a disponibilizada em formato torrent.

Após instalar o VirtualBox e baixar a imagem do Chrome OS, descompacte a imagem em algum local desejado pois iremos utilizar futuramente. Agora, abra o VirtualBox, você verá uma tela semelhante a essa:

Basta clicar en Novo, a partir daí vamos criar uma nova máquina virtual:

Clique em próximo, agora será onde iremos definir o nome de nossa máquina virtual e o sistema operacional. Defina o nome que quiser e o Tipo de sistema escolha Linux e Ubuntu. Não testei com outras opções mais devem funcionar corretamente:

O próximo passo é onde iremos definir a quantidade de memória RAm que iremos alocar para a máquina virtual, defina a quantidade de acordo com a memória ram disponível em seu computador:

Lembram-se de onde descompactaram a imagem do Chrome OS? É aqui que iremos indicar o local da imagem. Clique em utilizar disco rígido existente e indique o local da imagem:

Após adicionar a imagem, clique em selecionar:

Você verá uma tela com um aviso de que agora será criada uma nova máquina virtual, basta clicar em Finalizar:

Agora, com a máquina virtual criada, basta clicar em Iniciar para rodar o sistema operacional:

Se tudo correu bem, você agora verá a tela de login de acesso ao sistema. Os dados de acesso são os mesmos de sus conta Google, sou seja, seu login e senha do GMail. Lembre-se que você deve estar conectado a Internet para ter acesso ao sistema:

A partir daí uma isntância do browser se abre, e então você pode ter acesso a vários aplicativos que rodam todos na Internet:

Veja também abaixo mais algumas screenshots que tirei utilizando o Google Chrome OS. Aba com todos os processos rodando e o consumo de memória:

Estrutura de pastas do sistema, A mesma pode ser acessada digitando file:///

Tela de opções do sistema:

Meu blog:

Como instalar o Google Chrome OS

Já conhece o meu outro blog? O endereço é o: CSS no Lanche

Você ainda não está me seguindo no Twitter, o que está esperando para fazer isso?

Download Google Chrome OS

Pedro Rogério — Fri, 20 Nov 2009 14:53:37 +0000

Essa semana foi uma semana de grandes revelações, de um lado a Microsoft divulgando o novo Internet Explorer, e do outro, o Google, que finalmente mostrou ao mundo seu sistema operacional.

Esse será um sistema operacional que irá rodar na nuvem. Nada de aplicativos instalados no PC. Tudo será acessado através de uma janela semelhante ao Google Chrome. Por exemplo, se conectado uma câmera digital ao PC, é aberto mais uma janela e é mostrado tudo o que existe dentro dela.

O lema do Google ao desenvolver esse sistema como em qualquer outro de seus produtos foi: simplicidade, velocidade e segurança.

Veja abaixo o Webcast de lançamento do Google Chrome:

Veja também abaixo alguns vídeos que detalham o novo sistema operacional:

O que é o Google Chrome OS?

Velocidade

Simplicidade

Segurança

Download

Você pode fazer o download do código fonte através do site Chromium Projects

Download Google Chrome OS

Já conhece o meu outro blog? O endereço é o: CSS no Lanche

Você ainda não está me seguindo no Twitter, o que está esperando para fazer isso?

Que a revolução comece com o Google Wave

Pedro Rogério — Mon, 05 Oct 2009 11:26:17 +0000

Desde que o Google anunciou que disponibilizaria 100.000 convites para o Google Wave a cara da internet não foi mais a mesma. Esse tipo de coisa não acontecia desde o lançamento do GMail, usuários brigando por um convite, já outros vendendo no eBay.

Já fazia algum tempo que desenvolvedores estavam utilizando o Google Wave e criando aplicações com sua API. Alguns desenvolvedores até já criaram plugins que se integram com várias ferramentas, como o Twave (integração do Twitter com o Wave), Wave em WordPress, intergração com Joomla, Drupal, Mediawiki e vários outros exemplos.

Mas de que forma isso irá revolucionar como pensamos em internet hoje em dia? Que utilidades podemos imaginar para o Google Wave? Que aplicações atuais podemos dizer que agora se tornarão obsoletas? Esse é o propósito desse post, tentar mostrar aqui o que podemos fazer com a utilização do Google Wave.

Fórum

Andrew Camel propôs no Google Wave API Google Group que as funcionalidades fossem adaptadas semelhantes a de fóruns. As idéias de cada discussão, ao invés de serem formadas por multíplos posts, fossem um único Wave

Comentários no Google Wave

O site Mashable propõe a possibilidade de que os embeds do Google Wave substituíssem os comentários estáticos. A idéia seria que cada post, cada comentário fosse substituído por um wave para que as conversas ocorressem em tempo real.

CMS baseados no Wave

Desenvolvedores já estão trabalhando na integração do Wave com as ferramentas gestoras de conteúdo mais utilizadas no mercado. Será que seria possível então futuramente criar um CMS todo baseado no Google Wave? Suas principais features seriam: criação e gerenciamento de documentos, agenda, blog, microblog, entre outras coisas.

Sistemas de suporte ao usuário para empresas

Criar a possibilidade de envio de tickets de suporte, abrir um wave para cada chamada, widgets de análise de Call Centers, gadgets de listas de distribuição, gadgets de dados do consumidor, pesquisas com o Wave.

Educação

O Wave seria uma ótima forma de botar em prática o ensino a distância, facilitando a vida dos professores disponibilizando alí tarefas. Seria essa a rede social de ensino colaborativo, quem sabe assim a qualidade do ensino não melhoraria.

Enfim, as possibilidades de uso para o Google Wave são imensas, é até muido cedo para termos idéia do que é possível fazer com ele ou não. Teve até uma empresa que lançou um vídeo mostrando o que é feito utilizando somente 3,5% do potencial total do Google Wave:

Esse post foi escrito com base no post do site Mashable.

Que a revolução comece com o Google Wave

Já conhece o meu outro blog? O endereço é o: CSS no Lanche

Você ainda não está me seguindo no Twitter, o que está esperando para fazer isso?

Convites para o Google Wave

Pedro Rogério — Thu, 01 Oct 2009 11:30:50 +0000

Fuçando hoje pela manhã no meu Google Wave descobri que eu tenho 8 convites para distribuir, e como eu sou bonzinho, as primeiras 8 pessoas que deixarem um comentário aqui no blog levam os convites. Nâo adianta me pedir pelo Twitter que só vou levar em consideração os comentários aqui.

Convites para o Google Wave

Já conhece o meu outro blog? O endereço é o: CSS no Lanche

Você ainda não está me seguindo no Twitter, o que está esperando para fazer isso?

Google Wave aberto ao público a partir de 30 de setembro

Pedro Rogério — Mon, 14 Sep 2009 11:47:27 +0000

Se você não sabe o que é o Google Wave, ele é um projeto que foi anunciado pelo Google no Google I/O Conference no dia 28 de maio de 2009, sendo uma aplicação web destinada a reunir e-mail, mensagens instantâneas, wiki e redes sociais, com um forte enfoque colaborativo, misturado com o corretor ortográfico e extensões de tradutor, que são capazes de trabalhar em conjunto, em tempo real.

Veja abaixo o vídeo de divulgação do Google Wave:

Ou seja, o Google Wave é um novo modelo de comunicação e colaboração na web proporcionando a você ser mais produtivo de uma forma divertida.

De acordo com a equipe de desenvolvimento do Google Wave, o lançamento oficial para o público será no dia 30 de setembro de 2009, pois até então ele só estava aberto a desenvolvedores, inclusive eu participei de testes do Google Wave.

Dentre as melhorias que serão feitas até seu lançamento, podemos destacar as seguintes:

Extensões
Um bom fluxo para adicionar extensões: Onde o usuário poderá gerenciar as extensões instaladas.
Robots
Gadgets
Embed: Expandir a configuração de User Interface.

Veja a lista completa do que estará disponível no dia 30 de setembro aos usuários no site: The Next Web

Google Wave aberto ao público a partir de 30 de setembro

Já conhece o meu outro blog? O endereço é o: CSS no Lanche

Você ainda não está me seguindo no Twitter, o que está esperando para fazer isso?

Bespin – Code in the Cloud

Zazumaster — Wed, 08 Jul 2009 11:21:51 +0000

A alguns dias atrás navegando pela grande “nuvem” encontrei algo muito interessante e gostaria de compartilhar com vocês. Bespin é desenvolvido e mantido pelo pessoal da Mozilla Labs, trata-se de um Framework Web-Based para edição de código que encontra-se na versão 0.3.0 (Strategic Stratus). Agora que ja apresentei a ferramenta vou descrever como vocês conseguirão utilizá-la e um pouco da minha experiência com a mesma.

O primeiro passo é criar uma conta no Projeto Bespin , você deverá informar somente: um nome de usuário, uma senha e um e-mail válido. Concluida a etapa de registro, basta efetuar o login na área adequada. A imagem abaixo exibe a tela principal do editor com alguns comentários que fiz e considero importantes para alguem que está conhecendo a ferramenta pela primeira vez.

Um ponto chave que todos devem conhecer ao trabalhar com o Bespin é que não temos um menu através do qual podemos criar um novo arquivo, criar um novo projeto e etc. Sempre que desejarmos criar, excluir, renomear ou alterar qualquer arquivo ou projeto devemos executar um comando especifico para que tal ação seja realizada. Baseado nos testes que realizei deixarei aqui os comandos básicos da ferramenta na linha de comandos:

help: Exibe todos os comandos possíveis na linha de comandos.
createproject: Cria um novo projeto vazio.
newfile: Cria um novo arquivo. [filename] [project]
rm: Remove determinado arquivo. [filename] [project]
deleteproject: Exclui determinado projeto. [project]
preview: Visualiza o arquivo em uma nova aba no browser. [filename]

Para finalizar gostaria de deixar aqui uma atividade simples para você amigo que esta lendo este post e quer experimentar na prática tudo isso, bem vamos lá, são 4 passos simples:

Acessar o site do Projeto Bespin e criar um nova conta.
Depois de logado, criar um novo Projeto de nome Projeto01
Criar um arquivo de nome index.html dentro do Projeto01
Criar um formulário simples com dois campos Nome & Senha e um botão de Submissão.
Utilizar o comando “preview” para visualizar o arquivo editado.

Bom galera não quero deixar o post cansativo então vou parando por aqui, espero que vocês tenham conseguido seguir a sequência lógica do post para realizar os testes na prática. Um forte abraço, agradeço pela sua leitura e não se esqueçam, sempre que pensarem em Code in The Cloud lembrem do Bespin

Bespin – Code in the Cloud

Já conhece o meu outro blog? O endereço é o: CSS no Lanche

Você ainda não está me seguindo no Twitter, o que está esperando para fazer isso?

Convites para o Yahoo meme

Pedro Rogério — Fri, 12 Jun 2009 18:13:27 +0000

Fui convidado recentemente por um amigo a usar o Yahoo meme, uma tentativa de cópia do Twitter, que ainda está em fase Alpha, mas com algumas pequenas diferenças onde você pode diretamente nele postar além de texto, fotos, vídeo e música.

Mas como eu sou um cara gente boa, tenho 3 convites para estar disponibilizando aqui no blog, portanto, as 3 primeiras pessoas que comentarem aqui levam os convites. Se você é um dos 5 leitores desse blog, corre que dá tempo.

Infelizmente não tenho convite para todos, mas se aqueles que eu convidar, cada um convidar mais 3 pessoas e assim suscetivamente, todo mundo terá convite.

Convites para o Yahoo meme

Já conhece o meu outro blog? O endereço é o: CSS no Lanche

Você ainda não está me seguindo no Twitter, o que está esperando para fazer isso?

A crise beneficia a Google Apps

Pedro Rogério — Thu, 30 Apr 2009 13:04:18 +0000

Quando o Google entrou no mercado de software empresarial acabou encontrando um grande concorrente: o Microsoft Office e a lealdade de seus usuários. Mas a crise econômica mundial parece estar abrindo as portas para o Google, pois suas soluções são 6 vezes mais baratas que a do concorrente.

O serviço de aplicativos do Google custa 50 dólares por ano por usuário, frente os 350 dólares que pagam as empresas para adiquirir o pacote Office e o programa de e-mail Microsoft Outlook. Existem empresas no Brasil que já começaram a adotar a idéia. Já no México, recentemente 14 empresas adotaram a solução que compõe um programa de e-mail, mensagem instantânea, editor de textos, planilha de cálculos e um programa para criação de apresentações. O grande diferencial é a possibilidade de mais de um usuário trabalhar com os arquivos ao mesmo tempo.

O Google Apps não oferece somente soluções de Software, pois com isso as empresas estariam economizando em Hardware, espaço em disco para alocação de arquivos. Infelizmente ainda muitas empresas ainda não estão preparadas para utilizar o sistema de “Cloud Computing” pois estariam elas assim entregando o controle de seus dados a desconhecidos.

O maior medo gira sim em torno da segurança da informação, mas o Google afirma não ter acesso as informações das empresas. Mas com certeza essa mentalidade das empresas irá mudar, basta agora o Google aproveitar esse momento de crise para crescimento de seus aplicativos virtuais.

Leitura recomendada

A crise beneficia a Google Apps

Já conhece o meu outro blog? O endereço é o: CSS no Lanche

Você ainda não está me seguindo no Twitter, o que está esperando para fazer isso?

Screencast do Google Maps em papel

Pedro Rogério — Thu, 19 Feb 2009 13:13:50 +0000

Já pararam para pensar se não existisse nenhum software para gravação do Desktop como seriam produzidos os screencasts? No vídeo abaixo você pode ver uma simulação de um screencast produzido de forma artesanal utilizando papel. O resultado é surpreendente. Confiram:

Via: Intenta

Screencast do Google Maps em papel

Já conhece o meu outro blog? O endereço é o: CSS no Lanche

Você ainda não está me seguindo no Twitter, o que está esperando para fazer isso?

Imagine a Internet sem o Google

Pedro Rogério — Thu, 20 Nov 2008 09:00:28 +0000

Você já parou para pensar como seriam nossas vidas hoje sem o Google? Sem nenhuma ferramenta porduzida por eles? Dá até medo de pensar não é? Mas você sabe como o Google surgiu? A Discovery fez um documentário sobre a Internet e um desses episódios retrata a criação dos sites de busca. Nesses vídeos você irá entender como foi o surgimento dos Search Engines, a criação do Yahoo, do Excite, que poderia ter comprado o Google mas perdeu a oportunidade. Entenda nesses vídeos de que forma surgiu a busca que utilizamos hoje:

Parte 1/5

Parte 2/5

Parte 3/5

Parte 4/5

Parte 5/5

Imagine a Internet sem o Google

Já conhece o meu outro blog? O endereço é o: CSS no Lanche

Você ainda não está me seguindo no Twitter, o que está esperando para fazer isso?

A Guerra dos Browsers

14 Aplicações AIR para desenvolvedores web

Pedro Rogério — Tue, 23 Sep 2008 09:00:39 +0000

Desde o surgimento do Adobe AIR, uma plataforma onde você pode rodar aplicações web ou desktop, o desenvolvimento de aplicativos se tornou muito popular, principalmente entre os desenvolvedores web.

Abaixo você pode ver algumas delas que podem ajudar e muito você a obter produtividade:

Klok

Klok: Essa aplicação nos permite marcar o tempo que levamos para desenvolver determinado trabalho, ou seja, ele marca a quantidade de horas, dias ou semanas que levamos a determinado projeto. A melhor forma de calcular a quantidade de horas gastas em um determinado projeto.

ColorBrowser

ColorBrowser: Uma aplicação que nos permite criar e salvar paletas de cores para que possam ser utilizadas em projetos futuros. Possui a opção de exportação das paletas.

ColorPicker

ColorPicker: Uma simples aplicação para gerar cores hexadecimais.

ColourLovers

ColourLovers: As famosas paletas de cores do site ColourLovers diretamente em seu desktop.

Kuler desktop

Kuler desktop: Permite importar cores da web para o desktop, como o site ColourLovers. Além disso permite que você importe diretamente cores para softwares como Illustrator, Photoshop e InDesign.

Doominow

Doominow: Funciona como uma espécie de agenda onde podemos anotar as tarefas pendentes.

Em Calculator

Em Calculator: Ferramenta para efetuar cálculos de unidades de medida relativa em CSS.

Google Analytics Reporting Suite

Google Analytics Reporting Suite: Através dessa ferramenta você pode acessar as estatísticas do Google Analytics sem precisar visitar o site.

Icon Generator

Icon Generator: Uma ferramenta para a rápida criação de ícones, escolha o texto, a cor e é só clicar em criar.

Pixus

Pixus: É um programa parecido com uma régua para medir os objetos na tela. Possui skins para o Internet Explorer e Safari.

Regexr

Regexr: Um ótimo ambiente de teste onde você pode testar suas expressões regulares antes de implementá-las.

Shrink-O-Matic

Shrink-O-Matic: Altere o tamanho de suas imagens facilmente, é só arrastar a imagem para cima do programa e escolher o tamanho, formato e nome.

WebSnapshot

WebSnapshot: Permite guardar capturas de tela facilmente. Você pode escolher entre guardar miniaturas, a página completa ou a área visível do navegador.

Snippely

Snippely: Armazena de forma ordenada trechos de código que sempre utilizamos em nossas aplicações.

Caso tenha interesse em conhecer mais aplicações desenvolvidas utilizando a tecnologia AIR, visite o site AIRpollo.com.

14 Aplicações AIR para desenvolvedores web

Já conhece o meu outro blog? O endereço é o: CSS no Lanche

Você ainda não está me seguindo no Twitter, o que está esperando para fazer isso?

O que são Tag Clouds?

Pedro Rogério — Thu, 15 May 2008 09:00:13 +0000

Tag Clouds, ou Nuvem de Tags são listas hierarquizadas visualmente, ou seja, uma forma de apresentar os itens de um website. Mas o que são essas tags?

Tags são rótulos ou legendas onde as pessoas podem categorizar conteúdo de uma forma muito simples, utilizando qualquer palavra que faça sentido. O uso de Tags na web foi difundido por sites como Technorati, del.icio.us e Flickr.

Uma nuvem de tags em geral reúne um conjunto de tags utilizadas em um determinado website disposto em ordem alfabética, e o volume de conteúdos que o site apresenta em cada tag é mostrado proporcionalmente pelo tamanho da fonte. Dessa forma, em uma mesma interface é possível localizar uma determinada tag tanto pela ordem alfabética como pela frequência da incidência de conteúdos marcados com a mesma tag no referido site. As tags disponibilizadas na nuvem são links que levam a coleções de itens relacionados às palavras da tag.

Fonte: Wikipédia.

O que são Tag Clouds?

Já conhece o meu outro blog? O endereço é o: CSS no Lanche

Você ainda não está me seguindo no Twitter, o que está esperando para fazer isso?

Aviary – do Desktop para a Web

Pedro Rogério — Thu, 20 Mar 2008 09:00:10 +0000

A alguns dias atrás solicitei um convite no site do aviary, que para quem não sabe, é uma suíte de criação toda baseada na Web, o Emanuel Felipe fez um review legal sobre ele, lhe aconselho a dar uma olhada lá, e com isso tenho 5 convites que vou disponibilizar aqui no blog para os 5 primeiros usuários que comentarem aqui. Corra enquanto é tempo.

Aviary – do Desktop para a Web

Já conhece o meu outro blog? O endereço é o: CSS no Lanche

Você ainda não está me seguindo no Twitter, o que está esperando para fazer isso?

Random Posts

eBay Desktop 1.0 – Loja Online no seu Desktop

Pedro Rogério — Thu, 13 Mar 2008 09:00:30 +0000

Após o lançamento do Adobe AIR, todo mundo está correndo atrás para lançar seus aplicativos para desktop, e dessa vez foi a eBay que lançou sua versão. Com essa aplicação você pode buscar por produtos, administrar pagamentos e uma série de outras coisas. O tamanho da aplicação é de 7.0 MB, fora a instalação do Adobe AIR, que pode ser baixado a partir do site do ebay ou da própria Adobe.

Referências

IncubaWeb – eBay Desktop 1.0 funcionando con Adobe Air 1.0

eBay Desktop 1.0 – Loja Online no seu Desktop

Já conhece o meu outro blog? O endereço é o: CSS no Lanche

Você ainda não está me seguindo no Twitter, o que está esperando para fazer isso?

Será que chegou o fim do currículo em papel?

Pedro Rogério — Tue, 23 Oct 2007 08:00:57 +0000

Com a grande concorrência hoje em dia em busca de uma vaga de emprego, você tem que mostrar o seu diferencial, será que chegou a hora de acabar com os currículos em papel e partimos para o currículo em vídeo?

É bom que no vídeo, nós desenvolvedores podemos mostrar um pouquinho do que somos capazes.

Será que chegou o fim do currículo em papel?

Já conhece o meu outro blog? O endereço é o: CSS no Lanche

Você ainda não está me seguindo no Twitter, o que está esperando para fazer isso?