Archive for the ‘Componentes’ Category

TUTORIAL JAVA + FLEX NA PRÁTICA (8) – Datas

janeiro 25th, 2010, posted in #JAVA + FLEX NA PRÁTICA, Action Script 3.0, Adobe Flex, Componentes, Dicas

O QUE È BOM TEM QUE CONTINUAR”        “O SENTIMENTO NÂO PODE PARAR”

Ano de 2010 começa e a vontade de ajudar a comunidade java e flex aumenta, e como podem perceber reativo hoje o Tutorial mais bombado do meu blog(JAVA + FLEX NA PRÀTICA) e os Motivos para reativar esse tutorial foi:

  • Percebi que o público do meu blog é uma galera que busca um pouco além de pequenas dicas, gostaram é de tutorial.
  • É mais fácil dar continuidade neste tutorial e mostrar algumas coisas mais avançadas ou continua de que começar outra, ter que ficar explicando d+, ter que no final ficar no básico.
  • Muitas dúvidas por email que valem um novo post para explicações, atualizações e dicas.
  • Quem sabe não sai um Ebook legal aí ,hein! ;)

Então se prepara, pegue um café que no Tutorial Java + Flex Na Prática (8) – Datas você vai aprender como trabalhar com datas usando Flex e Java (já que essa é a dúvida campeão da galera por email).

Para você que ainda não leu esses artigos para facilitar lá vai

Esse artigo é continuação do

TUTORIAL JAVA + FLEX NA PRÁTICA 1/6

TUTORIAL JAVA + FLEX NA PRÁTICA 2/6

TUTORIAL JAVA + FLEX NA PRÁTICA 3/6

TUTORIAL JAVA + FLEX NA PRÁTICA 4/6

TUTORIAL JAVA + FLEX NA PRÁTICA 5/6

TUTORIAL JAVA + FLEX NA PRÁTICA 6/6

TUTORIAL JAVA + FLEX NA PRÁTICA 7/6 – Bônus

Caso queira o projeto java é só baixar aqui (sem as libs).

Caso queira o projeto java é só baixar aqui.(com as libs).

Caso queira o projeto flex é só baixar aqui.

Popularity: 32% [?]

Google Analytics + Adobe Flex (Flash)

março 17th, 2009, posted in Adobe Flex, Componentes

rt ga Google Analytics + Adobe Flex (Flash) não sei se todos já sabem que o Google Analytics tem um projeto para integração com o Adobe Flash, ou seja, assim como você consegue saber quantos visitaram suas páginas, quais links clicaram e etc..., o Google Analytics também consegue interceptar os eventos do seu .swf.

Hoje vou mostrar como eu fiz e apresentar o resultado inicial.

No meu caso usei a Adobe Flex para gerar o meu .swf, lembrando que você conseguiria fazer o mesmo com Adobe Flash, ok!

Passo 1 - Antes de mais nada você tem que estar cadastrado no Google Analytics e possui um ID para o seu site cadastrado no mesmo, no meu caso é "UA-6123927-1"

Passo 2 - Pedir para o Google liberar este serviço de Monitoramento de eventos ( Tracking Event ). O link para fazer isso é http://code.google.com/p/gaforflash/wiki/EventTrackingRequest , depois de um tempo o google vai te enviar um email avisando que o serviço foi ativado.

Passo 3 - Agora Vamos desenvolver o nosso .swf, no meu caso se você analisar do lado direito em meu blog tem um Flash (Sobre o Autor) feito com Adobe Flex e totalmente vinculado ao nosso Google Analytics.

CÓDIGO FONTE DE EXEMPLO


Antes de mais nada vamos baixar uma biblioteca que vai ajudar e muito na nossa comunicação com o Google Analytics.

Faça o Download do RIATrax.

depois de feito download crie um projeto no Adobe Flex, no meu caso ficou assim:

 Google Analytics + Adobe Flex (Flash)

Como pode perceber é só copiar o RIATrax.swc para pasta lib do seu projeto. agora vamos mostrar o código fonte do nosso Perfil.mxml:

CODE:
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
  3.     xmlns:rx="com.happytoad.libs.riatrax.*"
  4.     layout="absolute" width="300" height="153" backgroundGradientAlphas="[1.0, 1.0]"
  5.     backgroundGradientColors="[#E8E6E6, #E8E6E6]" creationComplete="{iniciar()}">
  6.  
  7.     <rx:LinkButton x="140" y="40" label="Sobre o Autor" color="#4ABB4A"
  8.             click="{navigateToURL(new URLRequest(linkSobre),'_self')}" gaAction="Sobre" themeColor="#000000" fontSize="14"/>
  9.  
  10.     <mx:Image x="39" y="38" width="93" height="92" source="image/perfil2.png" autoLoad="true" scaleContent="false"/>
  11.  
  12.     <rx:LinkButton x="143" y="70" label="Meu Currículo" color="#4ABB4A" enabled="true"
  13.         click="{navigateToURL(new URLRequest(linkCurriculo),'_self')}" gaAction="Curriculo" themeColor="#000000" fontSize="14"/>
  14.     <rx:LinkButton x="143" y="100" label="Meu Portfólio" color="#4ABB4A" enabled="false" themeColor="#000000" fontSize="14"/>
  15.  
  16.     <mx:Script>
  17.         <![CDATA[
  18.             import flash.net.navigateToURL;
  19.             import com.happytoad.libs.riatrax.Tracker;
  20.  
  21.             private var linkSobre:String = "http://saberprogramar.com/blog/sobre/";
  22.             private var linkCurriculo:String = "http://saberprogramar.com/blog/curriculo/";
  23.  
  24.             private var tracker:Tracker = Tracker.getInstance();
  25.  
  26.             private function iniciar():void{
  27.  
  28.                 tracker.account="UA-6123927-1";
  29.                 tracker.display=this;
  30.                 tracker.visualDebug = false;
  31.             }
  32.  
  33.         ]]>
  34.     </mx:Script>
  35.     <mx:Label x="40.5" y="10" text="Janderson Fernandes Cardoso" fontSize="14" color="#000000"/>
  36.  
  37. </mx:Application>

bem, acho que com o código acima não deve ter nenhuma dúvida já que é simples demais, só vale lembrar que temos que adicionar no início do nosso código o

xmlns:rx="com.happytoad.libs.riatrax.*"

e na hora de declarar nossos linkButton de vez de usar a tag normal

RESULTADO


bem com este código você vê como ficou no próprio blog como já citei, e no Google Analytics o resultado fica assim:



 Google Analytics + Adobe Flex (Flash)

Para Saber mais sobre o RiATrax e toda sua funcionalidade acesse o site:

http://www.happytoad.com/?page_id=282

esse link também foi a base para a criação deste exemplo ;) Vlw!!!

Popularity: 6% [?]

Tour de Flex

janeiro 31st, 2009, posted in Adobe Flex, AmfPHP, Aplicativos, Componentes, Data Service

Sei que já foi muito anúnciado o Tour de Flex, mais não custa nada replicar aqui e divulgar ainda mais essa maravilha que é o Tour de Flex.

Ganhei algumas horas do meu dia para analisar o Tour de Flex e realmente tem muita coisa boa, muitos componentes que eu ainda não conhecia e vou utilizar em meus novos projetos, os componentes estão divididos em 218 projetos tudo com código fonte. esse Tour de Flex é uma mão na roda para aqueles que estão começando e aqueles que já tem uma certa experiência, instale em sua máquina e faça bom proveito como eu fiz.

logo abaixo você pode fazer o Download do Tour de Flex em Air, caso queira ele como plugin no seu eclipse no site http://flex.org/tour mostra como fazer.



Bons estudos e até a próxima!!!

Popularity: 5% [?]

Formatando e Somando Datas no Flex

novembro 21st, 2008, posted in Componentes

uma dúvida constante para quem começa a aprender flex (neste caso Action Script) é como trabalhar com datas, isso tem uma explicação, primeiro como qualquer linguagem de programação o formato das datas são YYYY/MM/DD (US) enquanto no brasil o formato é DD/MM/YYYY (PT/BR), ou seja, para gravar uma data no banco de dados (Mysql por exemplo) você vai precisar pegar a data no formato PT/BR e passar para US e armezenar no banco, quando for mostrar na tela tem que ser feito o inverso para mostrar PT/BR e não US como foi gravado, esse problema também acontence com padrões de moeda que veremos em um outro post....

Outro problema em relação a data no flex (Action Script) é em relação a somar datas, já que para somar datas não é fácil como é no java que temos uma classe Calendar que facilita nosso serviço.

então vamos fazer um exemplo que vai resolver nossos dois problemas, vamos a prática.

primeiro vamos criar um classe onde vai conter a formatação e soma das datas, coloquei o nome de FuncDate, sem criatividade para nomear no momento :( .

Classe FuncDate.as

ACTIONSCRIPT:
  1. import mx.formatters.DateFormatter;
  2.  
  3. public class FuncDate
  4. {
  5.  
  6. public static function stringToDate(data:String):Date{
  7.  
  8. if (data != "") {
  9. var novaData:String = data.substring(3,5) +"/"+ data.substring(0,2) +"/"+ data.substring(6,10);
  10. return new Date(novaData);
  11.  
  12. }
  13. else {
  14. return null;
  15. }
  16.  
  17. }
  18.  
  19. public static function dateToString(data:Date):String{
  20.  
  21. var format:DateFormatter = new DateFormatter();
  22. format.formatString = "DD/MM/YYYY";
  23.  
  24. return format.format(data);
  25.  
  26. }
  27.  
  28. public static function somarDiasData(date:Date,dias:int):Date{
  29. /*esse cara é que faz toda a diferença
  30. ele que faz todo o calculo, exemplo que já vi no guj e recentemente no FlexDev */
  31. var millisecondsPerDay:int = 1000 * 60 * 60 * 24;
  32.  
  33. var resultado:Date;
  34.  
  35. resultado = new Date(date.getTime()
  36. + (dias * millisecondsPerDay));
  37.  
  38. return resultado;
  39.  
  40. }
  41.  
  42. }

Explicando:

stringToDate -> pega a string que está no nosso componente DateField e passa para o formato correto de YYYY/MM/DD.

dateToString -> é a função que vai receber a data no US e transformar para o Formato PT/BR, usamos aqui uma função DateFormatter que agiliza e muito na formatação de datas.

somarDiasDatas -> função que vai efetivamente fazer as somas que desajarmos na nossa data, recebe como parametro uma data e a quantidade de dias que queremos somar, nesta função o mais importante e diferente é que tem uma variável que recentemente encontrei no flexdev um post explicando :

ACTIONSCRIPT:
  1. var millisecondsPerDay:int = 1000 * 60 * 60 * 24;

esta variavel que é que faz o calculo de uma forma correta, pois tem precisão de milesegundos...

bem é isso, agora é só ver esse exemplo que usa todas essas opções e praticar nos seus projetos...

De brinde vai um componente de data que já traz no formato em PT/BR, bons estudos...

para ver o código fonte e fazer o download -> botão direito do mouse -> view source.

Popularity: 19% [?]