Publicado em

Google Docs: Seu escritório onde houver um acesso à Internet

Imagine se fosse possível ter um processador de textos como o Word, uma planilha eletrônica como o Excel, uma agenda de compromissos ou até mesmo um programa de apresentações como o Power Point rodando na Internet, sem você precisar instalar nada no seu computador além do seu navegador predileto (Internet Explorer, Firefox, Opera, Safari, Chrome…)

Seria assim, você digitaria um endereço e, em vez de aparecer uma página como essa que você está vendo agora, apareceria um programa.

Isso existe. Não é novo. Você pode ter em seu próprio site… e é totalmente gratuito!

Na verdade há várias opções como o Zoho, o Prezi e aquele que vou comentar a seguir, o Google Docs.

Se você tem uma conta no Google (se você tem um email no Gmail por exemplo) pode entrar agora em docs.google.com usando o seu login e senha e começar a se ambientar a ele. Se você tem um site próprio do tipo seusite.com.br e está bem hospedado certamente você pode ter também seu docs.seusite.com.br e calendar.seusite.com.br.

Muita gente não sabe que isso existe e não consegue imaginar como funciona, então criei uma video aula em duas partes que mostra esses programas em ação:

Parte 1

Parte 2

Esses aplicativos já são o meu Office principal há mais de 2 anos e devo dizer que já não penso no que falta neles em relação ao OpenOffice ou ao MSOffice pois há recursos preciosos neles que os concorrentes falham miseravelmente em oferecer.

Só para destacar algumas dessas vantagens

  • Várias pessoas podem trabalhar ao mesmo tempo em um documento mesmo que estejam em países diferentes. Já vi casos de planilhas editadas por mais de 10 pessoas juntas
  • Conforme você trabalha tudo é salvo online em computadores muito mais seguros que os HDs dos nossos notebooks ou desktops, pode acreditar.
  • Se nosso computador tiver algum defeito podemos ir até para uma lan house e continuar nosso trabalho
  • O controle de alterações deles são ótimos, ou seja, você pode ver o seu documento como estava há seis meses

Além disso a Google tem prometido que até o final desse ano seus aplicativos terão 95% dos recursos do MS Office, o que me parece improvável, mas me agrada ver o empenho da empresa em deenvolver os aplicativos.

Alguns receios podem te impedir de usar esses aplicativos:

  • O Google pode acabar e meus dados vão sumir? Isso é muito improvável já que a Google é uma das empresas mais promissoras e sólidas do capitalismo moderno e, caso isso aconteça você sempre poderá fazer a cópia de tudo para seu HD
  • A Google vai espionar minha vida e roubar minhas ideias? Esperamos que não e o modelo de negócios dela nos garante que isso seria um suicídio comercial. O interesse da Google provavelmente está mais em tornar o sistema tão seguro e útil para fixar sua marca e oferecer mais tarde recursos especiais a custos que, pelo que temos visto, serão bem interessantes para os consumidores
  • Crackers vão roubar meus dados? Sim, mas também roubarão do seu HD e até do seu bolso pois estelionatários estão em todos os lugares. O segredo é usar um bom navegador como o Firefox, um firewall/antivirus como o Kaspersky e, principalmente, não ser ingênuo ou ingênua já que o ataque cracker normalmente começa fora da Internet, no mundo offline.

Espero que os videos acima sejam bastante ilustrativos e te ajudem a começar a usar esse rico conjunto de aplicativos. Vou observar as sugestões e, se perceber que é necessário, aumento esse artigo com mais detalhes.

Publicado em

Como configurar o Thunderbird 3.x para acessar o Gmail para domínios

Se você tem um bom hospedeiro deve ter a possibilidade de usar o serviço de email do Google para gerenciar as contas de email do seu site. Por exemplo, o webmail das contas de email da i4B.com.br são idênticos ao do gmail.com.

Naturalmente que nós podemos acessar esses emails com um programa de email. De preferência que suporte o protocolo IMAP que mantém o seu programa de email sincronizado com o seu webmail reproduzindo inclusive as pastas que criamos.

Há algum tempo fiz um vídeo explicando as vantagens do IMAP:

O Google oferece explicações de como configurar o IMAP e o POP em vários programas de email como o Thunderbird, mas até o momento elas não foram atualizadas para a versão 3.0 do Thunderbird e por isso criamos esse breve tutorial.

Considerando que o seu email é seu_login@seu_dominio.com.br o passo a passo é esse:

  1. Entre no seu webmail (mail.seudominio.com.br) com o login seu_login
  2. No canto superior direito da tela tem um menu: seu_login@seu_dominio.com.br – Gerenciar esse domínio – Configurações – Ajuda – Sair. Clique no Configurações
  3. Abre-se uma tela com várias abas: Geral, contas, marcadores, Filtros, Encaminhamento e POP/IMAP etc. Clique no “Encaminhamento e POP/IMAP”
  4. Ative a primeira opção de Baixar pelo POP (Ativar o pop para todos os emails) e/ou a primeira do IMAP. Sugiro usar o IMAP e vou continuar as instruções considerando que vc vai usá-lo
  5. As instruções restantes para quem usa a versão 2.0 estão no tópico Configurar o Thunderbird 2.0 do help do Google

Como configurar o Thunderbird 3.X para acessar o email do Google para sites

Abra o Thunderbird e vá no menu Arquivo/Novo/Conta de email. Vai aparecer a tela a seguir:

Configuração inicial do Thunderbird 3.0 para acessar o Gmail para domínios
Dados básicos da conta de email

Os campos são os seguintes:

Depois de preencher esses campos clique em continuar para ver a tela seguinte.

Thunderbird 3.0 - Detecção de configuração
Detecção automática das configurações do email

Essa tela tenta detectar automaticamente suas configurações e não funciona muito bem com o Google for Applications. Clique em “Parar” para fazer a configuração manualmente. A tela ficará assim:

Configuração de envio e recebimento de emails no Thunderbird 3.0
Configuração básica do Thunderbird 3.0 para acessar o email do Google

Preencha da seguinte forma:

  • Nome de usuário: seu_login@seu_dominio.com.br
  • Recebimento: imap.gmail.com
  • IMAP: 993
  • SSL/TLS
  • Envio: deixe qualquer um pois vamos alterar mais à frente

Clique em “Configuração manual…” na tela acima para entrar na tela de configuração detalhada:

Opções avançadas de configuração do Thunderbird 3.0
Configuração avançada do Thunderbird 3.0

Aqui já deverá estar tudo ok, mas é bom conferir antes de continuar.

Depois de conferir clique em “Servidor de envio (SMTP)” no quadro branco do lado esquerdo da janela. É a última opção na imagem acima.

Thunderbird 3.0: Configuração do SMTP
Configuração do servidor de envio (SMTP)

Essa tela permitirá configurar o servidor de envio de mensagens. Em termos práticos qualquer um pode ser usado, mas é adequado configurar um para cada conta de email.

Clique em adicionar e preencha a tela que aparece como a da imagem abaixo:

Thunderbird 3.0: Criação de conta SMTP
Criação de uma nova conta de SMTP para envio de emails

Agora você pode ir para o último passo: associar essa conta de SMTP à conta seu_login@seu_dominio.com.br

Depois de clicar em OK na tela acima você verá apenas a tela “Configuração avançada do Thunderbird 3.0” novamente.

Clique em seu_login@seu_dominio.com.br (na imagem abaixo está riscado de preto) que está no mesmo quadro branco onde você achou o “Servidor de envio (SMTP)” e ela deve ficar como na imagem abaixo:

Thunderbird 3.0: associando uma conta SMTP a um email
Thunderbird 3.0: associando uma conta SMTP a um email

Note que pouco acima dos botões “Ok” e “Cancelar” que ficam no canto inferior direito tem a opção “Servidor de envio (SMTP). Basta clicar na setinha no campo ao lado dele e escolher o servidor de envio de email que acabamos de criar.

Caso você crie outras contas de email no mesmo domínio (seu_dominio.com.br) crie também uma conta de SMTP para cada uma pois alguns serviços de email enviam as respostas para o endereço especificado no servidor SMTP, ou seja, se você tem uma conta fulano e outra beltrano @seu_dominio.com.br e enviar uma mensagem da caixa postal da conta fulano usando o SMTP da conta beltrano é possível que a resposta ao seu email seja direcionada para beltrano@seu_dominio.com.br e não para fulano@seu_dominio.com.br.

Publicado em

O que são sites dinâmicos?

Todos conhecemos os sites estáticos e os sites dinâmicos podem ser muito parecidos com eles à primeira vista.

Os sites estáticos são feitos em programas parecidos com um editor de textos como o Word. Sites estáticos são documentos html assim como um texto comum é um documento .doc

Essa descrição pode parecer tola e óbvia, mas tenha um pouco de paciência pois sou obrigado a seguir esse caminho para deixar a questão bem clara para todos.

Sendo assim um site estático é um site que é feito em um programa e depois colocado à disposição em um site para ser visto por todos.

Os sites estáticos podem até ser animados se forem feitos em um programa como o Adobe Flash.

O vídeo abaixo mostra esses tipos de sites logo no começo:

No restante do vídeo dou exemplos de sites dinâmicos e mostro alguns dos seus recursos, mas é difícil explicar um site dinâmico em uma pequena video aula.

Por outro lado a explicação escrita faz os sites dinâmicos parecerem algo complexo quando é justamente o contrário: eles permitem que o mais leigo dos usuários possa manter seu próprio site. Por isso sugiro que voce assista o vídeo todo que tem apenas 12m22s.

Tecnicamente um site dinâmico é um site onde as páginas que você ve são criadas no momento que você entra no site.

Vou explicar em termos mais práticos.

  • Site estático: você digita o endereço do site (ou clica no link dele) e um arquivo html ou Flash é enviado para o seu navegador (Internet Explorer, Firefox, Safari, Chrome, Opera et.c) que exibe o conteúdo.
  • Site dinâmico: O conteúdo do site está em um banco de dados e é construído na hora que você entra nele, ou seja não existe um documento html ou similar armazenado no site, ele é construído dinamicamente.

À primeira vista pode parecer que os sites dinâmicos demoram a carregar, mas graças ao crescimento exponencial do poder de processamento dos hospedeiros de sites nos últimos 10 anos  não se nota a diferença.

Normalmente a vantagem dos sites dinâmicos que mais chama a atenção é que, uma vez que o design tenha sido feito, eles podem ser atualizados por qualquer pessoa sem necessidade de nenhum conhecimento técnico de html, css, xml e outras abreviações criptográficas.

Entretanto as vantagens reais de um site dinâmico vão muito além. Praticamente qualquer coisa pode ser feita com um site dinâmico.

Toda loja online por exemplo é um site dinâmico.

Os sites dinâmicos aceitam extensões (normalmente chamadas de plugins ou módulos) para criar foruns, enquetes, recursos multilíngues (já viu os sites que reconhecem a sua língua e já abrem na versão correta?) e podem criar todo tipo de conteúdo dinamicamente.

Um bom exemplo de conteúdo gerado dinamicamente são listas de artigos relacionados com o artigo que você está lendo.

Isso funciona da seguinte forma: ao abrir um artigo o sistema que gerencia o site dinâmico busca todos os artigos que usam as mesmas palavras e os lista na lateral do artigo que voce está lendo (ou no final, tudo depende de você).

Acima de tudo os sites dinâmicos são importantes pois vivemos uma importante fase de humanização da Internet em que ela se torna uma ponte entre pessoas.

Um site estático não permite interação entre o leitor e o autor enquanto no site dinâmico é possível deixar comentários, indicar o quanto gostamos do artigo pontuando, por exemplo, de 0 a 10.

Hoje diz-se que blogs são pessoas e pode-se dizer o mesmo de qualquer site: nós esperamos que seja possível perceber que há humanos como nós do outro lado dos sites que visitamos e para isso é necessário mais do que um formulário de contato que jamais é respondido.

Publicado em

Como criar um site institucional com o WordPress

Frequentemente me perguntam se é possível fazer “um site mesmo” e não apenas um blog usando o WordPress ou outro CMS.

Tenho notado que as pessoas consideram que “site mesmo” é um site estático feito em HTML com a estrutura padrão de cabeçalho com logo da empresa e um menu lateral com as páginas “Quem somos”, “Serviços”, “Missão”, “Contato” e outras.

É importante afirmar e reafirmar que os sites estáticos (que são documentos HTML ou Flash) devem ser a última opção visto que vivemos em plena era da web dinâmica e portanto usar um CMS (Content Management System – sistema gerenciador de conteúdo). Estou preparando outro post e uma video aula sobre isso.

Há uma infinidade de CMS especializados em vários tipos de sites: blogs, sites, portais, lojas, foruns, albuns de fotos, ensino à distância, genealogia e redes sociais somente para citar alguns.

O WordPress, apesar de ter nascido como um gerenciador de blogs, se desenvolveu velozmente até se tornar um excelente CMS genérico há alguns anos.

Uma instalação crua do WordPress terá a aparência de um blog, mas com pouquíssimo trabalho podemos modificá-lo para ser um site institucional.

A propósito, a título de demonstração, costumo mostrar o site do Twitcast que tem um dos mais complexos designs desenvolvidos em WordPress. O Twitcast é um podcast sobre Twitter e cibercultura. No site, além dos podcasts, você encontra uma sessão de destaques, outra com ferramentas para o Twitter e notícias e uma terceira com vídeos.

Na video aula abaixo me concentro nos ajustes necessários para tirar a aparência de blog do WordPress e aproveito para mostrar um pouco da interface da versão 2.7

Publicado em

Como criar uma conta e publicar vídeos no Videolog

A melhor forma de compratilhar vídeos na Internet é usando um serviço como o Youtube ou o Videolog.

Indicamos sempre o uso do Videolog pois além de ser um serviço brasileiro com uma audiência bem mais específica ele permite vídeos com até 25 minutos (o limite do Youtube são 10m) e apresenta excelente qualidade de imagem.

Para enviar os vídeos para lá você terá que se cadastrar no sistema (é gratuito). Use esse link:

Você terá que informar:

  • Nome de usuário: Um apelido sem espaços. Sugiro seu nome ou da sua empresa, mas se um homônima já se cadastrou você talvez tenha que acrescentar o seu estado (SP, RJ) por exemplo pois não pode haver dois ou mais usuários com o mesmo nome
  • Email: O ideal são os emails gratuitos que podem te acompanhar para sempre como os do Gmail ou Yahoo
  • Senha: invente uma senha
  • Confirmar senha: digite novamente a senha acima
  • Nome Completo: Seu nome e sobrenome
  • Telefone: creio que não é obrigatório
  • Nascimento: idem
  • Sexo:
  • País:
  • Cidade:
  • Marque que aceita o acordo de utilização
  • Desmarque o “Aceito receber informações do videolog etc.” caso não queira receber novidades sobre o Videolog
  • Logo abaixo da última opção acima tem um código que deve ser digitado em um campinho à direita do código. Isso é para garantir que você não é um programa tentando criar centenas de contas automaticamente
  • Clique em cadastrar.

Feito isso você pode se “logar” no sistema informando seu nome de usuário e senha.

Se você não estiver na tela que te permite “enviar vídeo” clique nessa opção na barrinha que fica debaixo do logo do Videolog e tem as opções “home, vídeos, usuários, canais, grupos e enviar vídeo”

A tela que aparece tem as seguintes opções:

  • Qualidade: pode deixar em normal
  • Título
  • Palavras Relacionadas: são palavras chave como futebol ou o lugar onde o filme foi feito
  • idioma do vídeo: português do Brasil
  • Canal: Qual é o tema do seu vídeo?
  • Quem pode assistir: use apenas amigos s quiser compartilhar seu vídeo apenas com amigos 
  • Permitir downloads: Define quem poderá baixar o vídeo original
  • Clique em continuar

A tela sequinte terá um único campo com um botão Arquivo que abrirá uma janela para você escolher o vídeo que quer mandar e do lado desse botão tem outro botão “enviar”.

Você pode enviar arquivos de até 400MB e 25 minutos de duração.

Depois de enviar os vídeos o Videolog pode demorar até 24h para disponibilizá-lo. 

Se seus vídeos estiverem marcados para serem vistos apenas pelos seus amigos você terá que passar a instruções para fazer o cadastro no Videolog para as pessoas para quem você quiser mostrar os vídeos.

Depois que estiverem cadastradas no Videolog as pessoas podem se tornar suas amigas entrando em seu perfil (cujo endereço deve ser http://videolog.uol.com.br/seunome) e clicar em “adicionar como amigo” que fica no menu no lado direito da página, pouco abaixo de uma imagem que pode ser a sua foto ou o desenho de uma pessoa com uma claque na frente do rosto.

Faça um teste nos adicionando como amigos no Videolog. O link para o nosso perfil é esse: http://videolog.uol.com.br/i4b

Lendo pode parecer um processo complicado, mas depois que vc se acostuma é fácil e com isso você poderá mostrar seus vídeos mesmo para quem não acessa a Internet com banda larga.

Publicado em

Como criar um site profissional em HTML?

Introdução

Esse texto serve de apoio para uma video aula em duas partes que fiz sobre como fazer um site em html. Os vídeos estão no final do artigo.

Somente um bom designer especializado em webdesign pode fazer um site profissional e provavelmente ele não o fará em HTML uma vez que este tipo de site pertence aos tempos da Web 1.0 tornando-se ultrapassado a partir da segunda metade da década de 90.

Esse artigo é apenas uma introdução aos conceitos básicos de criação de sites e foi escrito principalmente por razões históricas e porque, apesar de vivermos na era da web dinâmica, muitos ainda encontram razões para fazer sites estáticos.

Estrutura do site

Seja o site dinâmico ou estático ele quase sempre terá um cabeçalho, um menu lateral e uma área central com o conteúdo. Alguns usam menus sob o cabeçalho ou até conjugam os dois menus. Nesse exemplo optei por uma estrutura mais conservadora.

No lado esquerdo do nosso exemplo temos o menu, na parte superior o cabeçalho e na área maior da direita teremos o conteúdo.

A idéia principal é mostrar como estruturar o site com divisões <div> e como criar um menu único para o site inteiro que não precisaria ser recriado a cada nova página que criássemos.

No vídeo não dá para ler o código do iframe. Aqui está ele:

<iframe src=”./menu.html”; widht =”85″ height=”150″></iframe>

Referências

O aplicativo que usei para editar as páginas foi o Kompozer por ser um produto de código aberto disponível gratuitamente para a maioria das plataformas.

Para informações sobre html, CSS e outros padrões Web consulte o Wide World Web Consortium: w3.org.

Sites comentados: http://goodlistening.com.br e http://supervideobrasil.com.br

Mantenho uma lista de webdesigners no Delicious.

Observações

Com a finalidade de simplificar a video aula e ir direto ao ponto eu não criei as páginas usando CSS que seria o mínimo necessário em um site realmente profissional feito em HTML (apesar de insistir que 99% dos sites profissionais modernos devem ser feitos usando um CMS como o WordPress)

A video aula

Parte 1:

Parte 2:

Publicado em

Como criar um site?

Este artigo procura descrever os passos básicos para registrar um domínio e criar algum conteúdo para ele

Caso você contrate ao menos seis meses de hospedagem conosco nós fazemos o registro do domínio em seu nome e instalamos o WordPress em seu site para que você possa administrá-lo sem precisar contratar um webdesinger. O artigo e video aula abaixo apresentam uma boa visão geral.
Para fazermos o registro em seu nome precisamos apenas de um email permanente (gmail, Yahoo!, IG ou mesmo Hotmail) e dos seguintes dados:
Dados Pessoais

  • Nome
  • Logradouro
  • Número
  • Complemento
  • Cidade
  • Estado
  • Telefone
  • CPF
  • Email (preferencialmente um permanente e não o do seu atual provedor de acesso)
  • Senha desejada

Dados para registro do domínio

  • CNPJ (CPF caso seja um site de profissional liberal ou de pessoa física)
  • Razão social
  • Responsável (nome)
  • Cep
  • Logradouro
  • Número
  • Complemento
  • Cidade
  • Estado
  • Telefone
Caso você não possa contar ainda com o nosso suporte espero que as instruções a seguir sejam o suficente para registrar o domínio e criar o site.

Como Registrar um domínio

O item mais importante de um site é a propriedade do domínio.

Quando você quer fazer um site como seusite.com.br o primeiro passo é obter o direito de usar este nome: seusite.com.br e garantir o controle sobre ele. Tendo garantido isso você poderá, por exemplo, mudar de hospedagem no momento que precisar e sem depender de ninguém.

Ser dono de um domínio é como ser dono de uma marca.

A propriedade dos domínios é obtida junto ao registro.br:

http://registro.br

Lá você pode verificar se o domínio que você tem em mente está livre e obter o direito de usá-lo em caso afirmativo. Isso custa somente R$30,00 anuais para sites brasileiros (.br).

Fiz uma video-aula (na verdade a primeira que fiz) intitulada Registro de domínio, tá ok? que pode ser útil para entender o processo todo.

Primeiro passo – Criar uma conta no Registro.br

  1. Entre em http://registro.com.br
  2. Clique em Registro para ver a tela de “login” (autenticação) no sistema
  3. Do lado direito há um grupo de links e um deles é Não Possui Identificação?. Clique nele.
  4. Informe seus dados de pessoa física: Nome, email, CEP etc. e escolha uma senha
O registro.br enviará uma mensagem de confirmação para o seu email com o seu nome de usuário no registro.br, algumas instruções e um “link” (ligação) em que você deve clicar para confirmar que foi você que fez o cadastro.

É fortemente aconselhável que você faça este cadastro usando um email permanente como os diversos gratuitos disponíveis como o Gmail e Yahoo pois, se no futuro você perder sua senha uma nova poderá ser enviada para o seu email.

Segundo passo – Criar o domínio

Já com seu nome e login no Registro.br em mãos você já pode obter domínios.

  1. Entre em http://registro.br e clique em Registro (desta vez você tem um id e senha para informar)
  2. Informe seu ID e senha para entrar na área de administração
  3. Há um grupo de links em cima à direita com opções como Alterar cadastro, fechar sessão e Novos Domínios
  4. Decida que tipo de site (.com.br, .nom.br, .org.br etc.) deseja criar consultando a Lista de Categorias de Domínios
  5. Escolha que tipo de domínio pretende criar clicando em Institucional, Profissional Liberal ou Pessoa Física
  6. Leia o contrato e clique em “Concordo”
  7. Preencha a tela com os dados solicitados
  8. Em Informações sobre os contatos digite ROB554 (caso pretenda hospedar seu site conosco) como contato Técnico e repita sua ID em contato de cobrança
  9. Deixe os campos DNS em branco (a menos que a sua hospedagem já tenha informado o que digitar neles)
Assim que você cumprir estas duas etapas eu receberei um email do Registro.br informando que fui cadastrado como contato técnico de um domínio recém criado e poderei proceder ao restante das etapas para colocar seu site no ar.

O registro.br também enviará um email com os dados para pagamento do registro anual do site para o contato administrador e para o contato de cobrança. Este pagamento deve ser feito em até 30 dias ou o site será congelado e posteriormente liberado para que outra pessoa possa registrá-lo.

Espero que esta explicação facilite a criação de um usuário no Registro.br e o registro do seu site.

Criando um site

É fortemente recomendável que você contrate um designer para criar a identidade visual do seu site, no entanto há casos em que o seu projeto talvez não justifique o investimento em um designer ainda nos primeiros passos. Meu blog pessoal por exemplo até hoje usa um modelo padrão.

Nestes casos, além do WordPress citado logo no início deste breve artigo você pode usar um editor html para fazer um site estático (embora eu recomende fortemente o uso de um CMS como o WordPress).

O WordPress é um CMS ou Sistema Gerenciador de Conteúdo (do Inglês Content Managemant System) e devo insistir que você use um CMS similar pois os sites estáticos simplesmente não atendem mais às necessidades básicas em uma Internet em constante evolução. Qualquer hospedeiro hoje deve suportar e oferecer ao menos a instalação do WordPress em seu site gratuitamente.

Em todo caso, se você tem motivos ou simplesmente prefere as coisas à moda antiga posso indicar outra video-aula que fiz explicando como usar um bom editor HTML, o Kompozer:

Procure se informar nos links citados nas descrições dos vídeos acima e, precisando de um bom designer, não hesite em me pedir ou consultar minha lista aqui: http://del.icio.us/Roney/designers