Desenvolvendo tutoriais mais dinmicos com o Wink

Autor: Marcos Vinicius Campez <markintux at gmail.com> Data: 16/09/2009 Introduo

"O que os olhos no vem o corao no sente" - essa uma frase clich usada na nossa cultura h um bom tempo. E que diabos isso tem haver com o ttulo dessa matria?! Por incrvel que parea, tudo. Para ficar melhor podemos adapt-la da seguinte maneira - O que os olhos no vem o crebro no aprende. Ou fica mais difcil de aprender. Ainda no entendeu onde quero chegar?! Vou simplificar um pouco ento! Quantas vezes nos deparamos com artigos difceis de compreender, os quais nos exigem alto grau de concentrao para entender, ou pior, voc procura na internet algo sobre um software ou qualquer outra coisa e quando voc finalmente encontra, o mesmo est em uma lngua que voc desconhece. O que fazer nessas horas?! Acho complicado aprender o idioma de uma hora para outra e parar, descansar e voltar para procurar outro artigo pode ser uma perda de tempo imensa no verdade?! Agora imagine voc, entrar em um site gringo, o qual voc no entende nada, mas em determinado local possui um vdeo e quando voc clica para inici-lo ali est! Todo o contedo que voc precisa, passo a passo! A seta do mouse se movimenta atravs da rea de trabalho de uma pessoa que vive anos luz de voc como um maestro mostrando tudo que voc precisa saber para instalar aquele software ou compilar aquele binrio maldito! Oras! "Uma imagem vale mais que mil palavras" - outro clich tpico - agora imagine um vdeo o tanto que no vale! Por mais detalhado que seja o texto que esteja lendo, dificilmente o mesmo vai conseguir atingir nveis de detalhes que um vdeo nos fornece. E exatamente nesse momento que o Wink entra em cena. O Wink um software de criao de tutoriais desenvolvido com o intuito de mostrar como usar um determinado programa no atravs de textos, mas sim atravs da captura de vrias imagens, transformandoas em vdeos de sua rea de trabalho. Com ele possvel ainda editar esses vdeos colocando botes, ttulos e caixas de mensagens. Outra caracterstica marcante do programa que seus vdeos podem ser salvos em PDF, HTML e Flash facilitando, assim, a implementao destes para a web. Creio que j deixei vocs com gua na boca e com vontade de pr as mos nele, certo?! Ok! Vamos brincar um pouco!

Instalao

O Wink possui verses tanto para Windows (a qual se encontra na verso 2.0) quanto para Linux (verso mais recente a 1.5). Como no estamos do lado negro da fora, vamos mostrar como instal-lo na verso Linux utilizando o Ubuntu como distribuio. Aqueles que usam outras distribuies podem baixar os fontes nesta pgina: debugmode.com - download Como o Ubuntu j conta com o Wink em sua lista de repositrios, j facilita muito o nosso trabalho. Antes de instal-lo muito importante atualizar o sistema. Ento abra o terminal acessando o menu: Aplicativos > Acessrios > Terminal Com o terminal aberto, atualize o sistema: $ sudo apt-get update Em seguida instale o Wink: $ sudo apt-get install wink Com o Wink instalado e devidamente em seu lugar, podemos acess-lo clicando em: Aplicativos > Grficos > Wink Aparecer uma tela parecida com essa:

Criando um vdeo como exemplo A interface do software bem simples de se trabalhar como voc ir perceber. Vamos criar agora um exemplo bsico de um vdeo feito pelo Wink. Para abrir um novo projeto, basta clicar na folha branca que encontramos na barra de ferramentas. Abrir uma janela como essa:

Essa janela de enorme importncia, visto que as configuraes principais de seu vdeo esto contidas na mesma. Vou explicar as opes mais importantes: Hide Wink Window - Esconde a primeira janela que vimos anteriormente. Screen - Captura toda a tela da sua mquina. Window - Captura somente a janela escolhida. Ao clicar em Window com o mouse, apenas arraste para a janela que deseja e aparecer uma borda destacando-a, basta clicar ento. Custom Rectangle - a minha preferida. Voc pode desenhar um retngulo em qualquer lugar da sua tela, basta clicar em "Choose", segurar o boto do mouse, arrastar e soltar. Tudo que estiver dentro deste retngulo capturado. Time Capture Rate - Como o nome j diz o tempo de captura de Rates, basta escolher conforme seu gosto.

Com as suas opes desejadas, clique em OK. Teremos essa janela:

Estamos quase l! Essa janela nos mostra as nossas teclas de atalho, que no caso so: Pause - Para tirarmos "foto" quando quisermos, dispensando o Time Capture Rate. Shift + Pause - Para tirarmos "foto" conforme o Time Capture Rate. De posse destes conhecimentos, podemos clicar em "Minimize to Tray". Pode-se notar agora que o cone do Wink ficou no painel superior do Ubuntu. Clicando com o boto direito em cima do cone temos as opes para capturar agora (capture now), comear a capturar conforme o capture rate (start timed capture), finalizar a captura (finish capture), cancelar a captura (cancel capture) e restore capture window para voltar a janela anterior. Para ficar mais fcil podemos usar os atalhos sugeridos anteriormente. Se suas teclas de atalho no estiverem funcionando, verifique se a funo NumLock no est ligada, pois com essa funo ligada as teclas de atalho no funcionam no Wink na verso Linux. Como seu vdeo pronto, e se estiver utilizando o Capture Rate, basta apertar o atalho novamente para parar de gravar. Aparecer novamente a figura 03, mas com a quantidade de Frames Capturados. Clique no boto Finish. E o programa gerar para voc a seguinte tela:

Do lado direito temos todas as opes para editar o nosso vdeo, como caixa de mensagens, botes etc. Editado e configurado podemos agora finalmente gerar o nosso vdeo clicando no boto Render. Coloque o local aonde voc quer que salve o seu vdeo no campo Output File Name, salve como SWF e clique em OK.

Com isso o seu vdeo acaba de sair do forno e est pronto para ser visualizado! O Wink gera um arquivo .swf e um .htm. Acesse pelo htm e verifique se est tudo Ok. No se esquea que no menu File voc pode salvar tambm como PDF e HTML. Faa seus tutoriais para o mundo! Compartilhe seu conhecimento! Boa sorte! (-: P.S.: Este artigo foi matria de capa da revista Esprito Livre n 6! Recomendo baix-la. Para isso, acesse o site:

site: revista.espiritolivre.org E baixe a sua! Escolhi o Viva o Linux para compartilhar tambm este artigo. Para mais artigos, dicas, tutoriais acesse meu blog: tavernadosilicio.wordpress.com

http://www.vivaolinux.com.br/artigo/Desenvolvendo-tutoriais-mais-dinamicos-com-o-Wink Voltar para o site