Bom pessoal, dando continuidade a série de dicas que estou passando sobre o Flex aqui no blog hoje quero mostrar a vocês como é simples criar um gráfico de barras no Flex 3.

Para isso vou utilizar dois componentes, sendo eles um arrayCollection para o armazenamento dos dados e um BarChart que é o gráfico, ‘linkando’ assim os dados do array ao gráfico.

Confira o código abaixo:

<?xml version=”1.0″ encoding=”utf-8″?>
<mx:Application xmlns:mx=”http://www.adobe.com/2006/mxml” layout=”absolute” width=”366″ height=”281″>
<mx:Script>
<![CDATA[
//Aqui começa o código action Script

//importando o componente arrayCollection
import mx.collections.ArrayCollection

//criando e populando o arrayCollection
public var dados:ArrayCollection = new ArrayCollection([
{time:'São Paulo', torcida: 25 },
{time:'Palmeiras', torcida: 15 },
{time:'Santos', torcida: 10 },
{time:'Corinthians', torcida: 50 }
]);
]]>
</mx:Script>

<!–Criando o gráfico, e setando o dataProvider–>
<mx:ColumnChart id=”grafico” showDataTips=”true” dataProvider=”{dados}” x=”93″ y=”5″ width=”268″ height=”267″>
<!–Definição de linhas e colunas atenção ao yField e ao xField –>
<mx:series>
<mx:ColumnSeries displayName=”Time (%)” yField=”torcida” xField=”time” />
</mx:series>
<mx:horizontalAxis>
<mx:CategoryAxis categoryField=”time”/>
</mx:horizontalAxis>
</mx:ColumnChart>
<!–Setando a legenda–>
<mx:Legend dataProvider=”{grafico}” y=”5″ x=”3″/>
</mx:Application>

E veja o exemplo em funcionamento!

Vamos ao primeiro exemplo:

Objetivo: Mover um objeto de uma lado ao outro da animação ao clicar no botão.

Como fazer: Para executar esta ação basta você criar um componente de animação no mxml e apontar o mesmo para o objeto que deseja animar, após isso configuramos a ação no ActionScript e pronto!

Confira o código comentado:

<?xml version=”1.0″ encoding=”utf-8″?>
<mx:Application xmlns:mx=”http://www.adobe.com/2006/mxml” layout=”absolute” width=”385″ height=”228″>
<!– Criando os objetos utilizados na animação –>
<mx:Button x=”310″ y=”10″ label=”Mover” click=”animar()” />
<mx:Canvas id=”objetoAnimado” x=”10″ y=”159″ width=”66″ height=”59″ backgroundColor=”#FF0000″>
</mx:Canvas>

<!– criando o objeto de animação–>
<mx:Move id=”animacao” target=”{objetoAnimado}” />

<!–Iniciando o Action Script –>
<mx:Script>
<![CDATA[
//função que será chamado ao clicar no botão
public function animar() {
//definindo o ponto de origem
animacao.xFrom = 10;

//definindo o ponto de chegada
animacao.xTo = 310;

//definindo a duração da animação
animacao.duration = 500;

//rodando a animação
animacao.play();
}
]]>
</mx:Script>
</mx:Application>

E agora veja o exemplo em funcionamento:

É isso, simples assim, em breve novas dicas de Flex3 aqui!

Dando sequência a série de artigos sobre como criar um site que já passou por aqui e por aqui hoje vou falar um pouco sobre hosts, ou serviços de hospedagem.

Primeiro o que é um Host? O host será a “casa” do seu site na internet, talvez você não saiba mas para um site estar acessível, é necessário que um computador fique ligado 24 horas por dia 7 dias por semana hospedando o site. Você até poderia hospedar o seu site no seu computador mas com certeza o custo não compensaria.

E o que é importante em um serviço de hospedagem ?
Espaço em disco
Quanto mais espaço mais arquivos você poderá hospedar em seu site, este fator é muito importante para sites com vídeos, fotos ou arquivos disponíveis.

Transferência
Este ítem é importante para quem pretende ter um site muito visitado pois a cada pessoa que acessa seu site é descontado da sua cota de transferência, existem até planos com transferência ilimitada o que é muito bacana.

Suporte por telefone
Bom este ítem não preciso explicar né, imagine o site fora do ar e nenhum telefone para ligar.

Bom na minha opinião estes são os pontos mais importantes na hora da contratação de uma hospedagem. Eu indico a hospedagem da Inter.Net, os planos são muito bons (entenda-se grandes), os preços acessíveis o suporte por telefone.

Tem dúvidas? Sugestões? Comente!

Na primeira parte deste tutorial, explique para vocês “como baixar vídeos do Youtube”, utilizando o site www.downloadyoutubevideos.com, e hoje vou explicar “como gravar vídeos em DVD“.

Se você seguiu o tutorial anterior, deve possuir agora em seu desktop (área de trabalho), uma arquivo chamado getVideo.flv, caso ainda não tenha baixado o vídeo volte a primeira parte do tutorial.

Para gravar o vídeo em DVD devemos primeiro converter o vídeo de FLV que é o formato do Youtube para MPEG que é o formato padrão para DVDs, para fazer isso siga estes passos.

1 – Baixe (aqui) e instale o programa DigitalVideo Converter
2 – Abra o DigitalVideo Converter
3 – Assim que aberto você deve selecionar o arquivo do vídeo
4 – Na opção “Save as”, selecione o formato MPEG
5 – Clique em Convert Vídeo, no botão azul na lateral direita do programa
6 – Selecione onde deseja salvar o novo vídeo, pronto o vídeo esta convertido em MPEG

Após a conversão do vídeo no formato MPEG, vamos gravar o vídeo em DVD; Para isso você pode utilizar qualquer um dos muitos programas disponíveis para gravação de DVD, eu vou utilizar o NERO.

Para baixar o NERO, clique aqui.

Após a instalação do NERO, vamos gravar o dvd com o vídeo de que baixamos, lembrando que você pode gravar centenas de vídeos em único DVD, para gravar o dvd siga os passos.

1 – Abra o NERO
2 – Selecione novo DVD de vídeo
3 – Adicione o arquivo de vídeo
4 – Avance até o início da gravação

Pronto seu DVD esta gravado com o vídeo que você acabou de baixar do Youtube!
Dúvidas? Sugestões? Deixe seu comentário!

Estou utilizando:
Eclipse
Mysql 5
WinXP

A primeira coisa que vc vai precisar é baixar o Driver do Mysql para Java http://dev.mysql.com/downloads/connector/j/5.0.html (necessita cadastro),o arquivo é um pouco grandinho 8,2 mb, pois contém também toda a documentação.

Após extrair o arquivo, copie o arquivo “mysql-connector-java-5.0.7-bin.jar” (é o unico necessário), para o diretório “C:\Arquivos de programas\Java\jdk1.6.0_02\jre\lib”, contando que você já tenha instalado o JDK em seu Windows.

Feito isso inicie seu Eclipse e digite o seguinte código.

import java.sql.DriverManager;
import java.sql.SQLException;
import com.mysql.jdbc.Connection;public class inicial {/**
* @param args
*/
public static void main(String[] args) {
java.sql.Connection connection = null;
try {
String driverName = "org.gjt.mm.mysql.Driver";
Class.forName(driverName);// Criando a conexão com o Banco de Dados
String servidor = "localhost";
String nomeDoBanco = "nome do seu banco";
String url = "jdbc:mysql://" + servidor + "/" + nomeDoBanco; // a JDBC url
String login = "seu login";
String senha = "sua senha";
connection = DriverManager.getConnection(url, login, senha);
} catch (ClassNotFoundException e)
{
//Driver não encontrado
System.out.println("O driver expecificado não foi encontrado.");
} catch (SQLException e)
{
System.out.println("Não foi possível conectar ao Banco de Dados");
}
}
}


Pronto, você esta conectado

Usa Apple? Clique aqui e aprenda a instalar o java no Mac os

Se você leu até aqui,  deixa um comentário aí em baixo!