Marcos Chi

Alert Flash Builder 4.5

2011-11-19T06:42:00.001-08:00

Hey guys...

Resolvifazer um Cast para demonstrar a criação e utilização de um componente de Alertsque desenvolvi e tenho usado muito nos meus projetos, alem de demonstrar comointeragir um componente com teu projeto. Resumindo, é uma biblioteca .swc queimportamos pra dentro do nosso projeto para usarmos Alerts específicos emdeterminadas rotinas da aplicação...

Assista o screenCast e acompanhe o desenvolvimento.

Confira a aplicação abaixo.

Código fonte do projeto AlertaSWC:

package br.com.marcos.ui
{
 import mx.controls.Alert;
 
 public class Alerta extends Alert
 {
  Alert.yesLabel  = "SIM";
  Alert.noLabel  = "NÃO";
  
  public static const YES:uint = 0x0001;
  public static const NO:uint  = 0x0002;
  
  
  [Embed(source="./img/alertIconOk.png")]            public static var iconSucesso   : Class;
  [Embed(source="./img/alertIconInformacao.png")]    public static var iconInformacao  : Class;
  [Embed(source="./img/alertIconInterrogacao.png")]  public static var iconInterrogacao  : Class;
  
  public function Alerta()
  {
   super();
  }
  
  
  /**
   * Normalmente usado pra mensagens de SUCESSO!
   * @param msg é o texto que será exibido no Alert.
   * @param Title é por padrão 'ATENÇÃO', mas pode ser passado um valor espeficíco em algum caso por parametro. 
   * */
  public static function sucesso(msg : String, title : String = "ATENÇÃO"):void
  {
    Alert.show(msg, title, 0, null, null, iconSucesso, Alert.YES);
  }
  
  
  /**
   * Normalmente usado pra mensagens de ERRO!
   * @param msg é o texto que será exibido no Alert.   * 
   * @param Title é por padrão 'ATENÇÃO', mas pode ser passado um valor espeficíco em algum caso por parametro. 
   * */
  public static function erro(msg : String, title : String = "ATENÇÃO"):void
  {
    Alert.show(msg, title, 0, null, null, iconInformacao, Alert.YES);
  }
  
  
  /**
   * Normalmente usado pra mensagens de INTERROGAÇÃO!
   * @param funcao é a função que será execultada ao clicar em algum dos botões, Sim ou Não.
   * @param msg é o texto que será exibido no Alert.
   * @param Title é por padrão 'ATENÇÃO', mas pode ser passado um valor espeficíco em algum caso por parametro. 
   * */
  public static function interrogacao(funcao : Function, msg : String, title : String = "ATENÇÃO"):void
  {
    Alert.show(msg, title, 3, null, funcao, iconInterrogacao, Alert.YES);
  }
 }
}

Código fonte do projeto AlertaApp:

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
      xmlns:s="library://ns.adobe.com/flex/spark"
      xmlns:mx="library://ns.adobe.com/flex/mx"
      width="550" height="200" viewSourceURL="srcview/index.html">
 
 <fx:Script>
  <![CDATA[
   import br.com.marcos.ui.Alerta;
   
   import mx.controls.Alert;
   import mx.events.CloseEvent;
   
   protected function showAlertSucesso(event:MouseEvent):void
   {
     Alerta.sucesso("Hello World de Sucesso");
   }
   
   
   
   protected function showAlertErro(event:MouseEvent):void
   {
     Alerta.erro("Hello World de Erro", "OLHA O ERRO!!!");
   }
   
   
   
   protected function showAlertInterrogacao(event : CloseEvent = null):void
   {
     if (event == null)
     {
       Alerta.interrogacao(showAlertInterrogacao, "Remover registro Hello World?");
     }
     else if (event.detail == Alert.YES)
     {
       Alerta.sucesso("Registro removido com sucesso!");
     }
     else if (event.detail == Alert.NO)
     {
       Alerta.erro("Registro não pode ser removido!");
     }
   }
  ]]>
 </fx:Script>
 
 <fx:Declarations>
  <!-- Place non-visual elements (e.g., services, value objects) here -->
 </fx:Declarations>
 
 
 <s:HGroup  left="20" right="20" top="20" bottom="20" contentBackgroundAlpha="0.5"
  contentBackgroundColor="#EBEBEB" paddingBottom="10" paddingLeft="10" paddingRight="10" paddingTop="10">
  
  <s:Panel width="145" height="80" title="Alerta de Sucesso">
   
   <s:Button horizontalCenter="0" verticalCenter="0" toolTip="Visualiar Alert de Sucesso"
    label="Visualizar" buttonMode="true" 
    click="showAlertSucesso(event)" />
   
  </s:Panel>
  
  <s:Panel width="145" height="80" title="Alerta de Erro">
   
   <s:Button horizontalCenter="0" verticalCenter="0" toolTip="Visualiar Alert de Erro"
       label="Visualizar" buttonMode="true" 
       click="showAlertErro(event)" />
   
  </s:Panel>
  
  
  <s:Panel width="145" height="80" title="Alerta de Interrogação">
   
   <s:Button horizontalCenter="0" verticalCenter="0" toolTip="Visualiar Alert de Interrogação"
       label="Visualizar" buttonMode="true" 
       click="showAlertInterrogacao()" />
   
  </s:Panel>
  
 </s:HGroup>
 
</s:Application>

Download do Projeto:

Flex e Java

2011-09-15T18:43:00.000-07:00

Como diria o E.T. Bilu...
"Busquem conhecimento..."

Anyway!!!
Fato é que não deixa de ser verdade...
Comecei a estudar e programar em Flex no final de 2007 no Flex 2, pois aversão 3 era Beta...
De lá pra cá, continuei estudando e aprendendo muito em blogs, como o do Vedovelli , ErkoBridee, DClick entre outro muitosbons que poderia citar aqui e que estão nos meus link aqui do blog...

Atualmente trabalho puramente desenvolvendo em Flex com Java e ainda Flexcom PHP, porem todo o Back-End em Java das aplicações são desenvolvidas peloDaniel Matsukuma, um dos programadores Java da nossa equipe de T.I.. Tenhoaprendido muito, mas preciso de mais conhecimento. ("Valeu a dica E.T.Bilu...").

Essa semana peguei esse livro com meu chefe Fabio Wagatsuma e já comecei aestudar... Livro do Daniel Schmitzque pode ser adquirido http://www.danielschmitz.com.br/dominando-flex-e-java.html...

Flex e Java, o melhor de dois mundos...

#FicaADica ...

Atenciosamente!!!

Cubos mágicos ... Hábitos!

2011-06-19T15:31:00.000-07:00

No final do ano passado comecei a resolver cubo mágico, graças ao Marcelo Sato que me mostrou o primeiro 3x3x3 e tive que pedir o meu tbm... Pedimos todos cubos da China, pois são os melhores e mesmo sendo importados, saem mais baratos ...

Hoje tenho na coleção 12 cubos, 2 não estão nas imagens pois chegaram depois ...

Um video meu com a camisa do timão, é lógico, resolvendo o GuHong 3x3x3, um dos cubos mais rapido ...

Bom galera...
Grande abraço!!!

Se programadores construíssem aviões ...

2011-06-07T20:29:00.000-07:00

Esse video já está rolando pela internet faz um tempo, mas me lembrou um desenvolvedor que trabalha comigo, o Rodrigo Wegner... Ele é o cara que desenvolve em produção, na cara e na coragem...

Grande abraço Rodrigo...

Fonte: http://vidadeprogramador.com.br/2011/06/04/se-programadores-construissem-avioes/

Estou Volta... I'm Back ...

2011-06-02T20:15:00.000-07:00

Bom galera...

Passei um longo período sem movimentar o blog, pois estou envolvido em alguns freela, alem de outras atividades que surgiram do inicio do ano pra cá...
Nesse buraco negro entre os post, terminei a Pós-Graduação em Desenvolvimento em Java e mudei de empresa, agora estou desenvolvendo em Flex com Java e PHP no departamento de T.I. da Coopercred ...

Fato é que estou voltando com novos posts, notícias, código e rotinas de programação, screecasts e noticias sobre tecnologias em Flex é claro, alem de Java, jquery entre outras ...

Estive analisando as estatísticas dos acessos do blog no Google Analytics, e percebi que recebo bastante acesso dos EUA e de alguns países da Europa... Já que estou estudando inglês, vou me aventurar em postar em inglês tbm, mesmo com o recurso do translator na barra do blog...

Bom galera...
Bora lá as atividades...

Grato!

Indicador de Capacidade

2010-08-26T06:08:00.000-07:00

Fica a dica para utilizar algum tipo de indicicador em Flex...
Pra quem já instalou alguma distribuição do Linux, vai lembrar da barra de particionamento do HD que é parecida...

Atenciosamente!

Desabilitando o cache do Firefox

2010-04-16T04:53:00.000-07:00

Todo bom desenvolvedor web que se preze, utiliza o Mozilla Firefox para o desenvolvimento de suas aplicações em Flex ou suas animações em Flash e certamente já tiveram problemas com o cache, aonde o SWF não é atualizado quando você executa teu projeto.

Encontrei no Blog da DClick uma solução interessante para não armazenar o cache do navegador...

1º - Abra o firefox e na barra de endereços digite: about:config.
2º - Uma mensagem de alerta aparecerá. Clique no botão"Serei cuidadoso, prometo!"
3º - Coloque no Localizar o valor: browser.cache.memory.enable.
4º - Provavelmente o valor estará como true, altere o valor para false.
5º - O mesmo procedimento para outra configuração. Coloque no Localizar o valor: browser.cache.disk.enable.
6º - Valor estará como true, altere o para false.

Para ter certeza que as alteração foram efetuada, digite na barra de endereços: about:cache, o resultado deve ser uma mensagem informando que o cache foi desabilitado ( The cache is disabled. ).

Fica ae a dica...

Fonte: http://blog.dclick.com.br/2009/07/05/desabilitando-o-cache-do-firefox/pt/

Atenciosamente!

Efeito de Câmara Fotográfica com jQuery e CSS

2010-03-09T09:49:00.000-08:00

O plugin jQuery PhotoShoot oferece a possibilidade de converter qualquer div na sua página web numa área de disparo, simulando o efeito de uma câmara fotográfica. Com este plugin, dará aos visitantes do seu site a oportunidade de poderem tirar fotos à imagem de fundo da aplicação.

Cada vez que é clicado numa determinada área, um novo disparo é adicionado ao div que contem margin negativa. Depois uma nova animação é iniciada, a qual vai deslizar na viewport e puxar os outros disparos novamente para uma margin negativa, ocultando sempre o div.

Você pode usar livremente estas técnicas e construir o seu próprio código.
Existem muitas possibilidades para este plugin, por exemplo para sistemas de navegação, promoção de sites ou simplesmente para divertir os utilizadores do seu site.

Demonstração: http://demo.tutorialzine.com/2010/02/photo-shoot-css-jquery/demo.html
Fonte: http://tutorialzine.com/2010/02/photo-shoot-css-jquery/

Grande abraços!!!

Atenciosamente!

Visualizar preview da Imagem antes do Upload

2010-03-07T10:06:00.000-08:00

Visualize a imagem antes de enviá-lo para um servidor remoto usando o método load(), novo recurso da classe FileReference no Flash Player 10...

Fonte: http://blog.flexexamples.com/2008/08/25/previewing-an-image-before-uploading-it-using-the-filereference-class-in-flash-player-10/?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+FlexExamples+%28Flex+Examples%29

Grande abraço...

Atenciosamente!

DistortImage com imagens carregadas dinamicamente no Flex

2010-03-05T12:47:00.000-08:00

Fonte: http://www.rubenswieringa.com/blog/using-distortimage-with-dynamically-loaded-images

Efeito no Alert do Flex

2010-03-04T03:26:00.000-08:00

O exemplo a seguir mostra como definir um efeito na criação de um Alert através da propriedade creationCompleteEffect. Para não perder o conteúdo do Alert, a font deve ser incorporada tanto o tipo de letra normal e negrito usando CSS e @ font-face.

Código fonte:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
        layout="vertical"
        verticalAlign="middle"
        backgroundColor="white">

    <mx:Style>
        @font-face {
            src: local("Verdana");
            fontFamily: VerdanaEmbedded;
        }

        @font-face {
            src: local("Verdana");
            fontFamily: VerdanaEmbedded;
            fontWeight: bold;
        }

        Alert {
            fontFamily: VerdanaEmbedded;
            creationCompleteEffect: myEffect;
        }
    </mx:Style>

    <mx:Script>
        <![CDATA[
            import mx.controls.Alert;

            private var alert:Alert;

            private function button_click():void {
                alert = Alert.show("The quick brown fox jumped over the lazy dog", "Lorem Ipsum");
            }
        ]]>
    </mx:Script>

    <mx:Sequence id="myEffect">
        <mx:Parallel>
            <mx:Zoom />
            <mx:Fade />
        </mx:Parallel>
        <mx:Rotate />
    </mx:Sequence>

    <mx:Button label="Launch Alert" click="button_click();" />

</mx:Application>

Fonte: http://blog.flexexamples.com/2007/10/12/creating-a-custom-creation-complete-effect-on-a-flex-alert-control/

Grande abraço...

Atenciosamente!

Alguns Componentes em Flex

2010-03-02T03:40:00.000-08:00

Biblioteca com alguns componentes disponibilizado por Gilmar seu Blog....

Atenciosamente!

Preloader Image no Flex

2010-03-01T07:12:00.000-08:00

Customize o preloader de imagens no Flex ultilizando a subClasse mx.controls.Image...

Fonte: http://strawberrypixel.com/blog/flex-components/#preloadingimage

Fica mais essa dica...

Atenciosamente ...

Ajax Load

2010-02-27T13:54:00.000-08:00

Pra quem precisa de um loader, segue uma dica...
Acesse o site do Ajax Load e personalize teu loader da maneira que ficar melhor em tua aplicação ou site...

Link: http://www.ajaxload.info

Atenciosamente!

Containers do Flex com Resize e Move...

2010-02-25T05:13:00.000-08:00

Deixe sua aplicação mais rica com o simples recurso de redimensionar e mover containers do Flex...

A classe principal que faz todo o trabalho é chamado ResizeManager. Ele adiciona um pequeno componente de redimensionamento no canto direito inferior do recipiente que, quando arrastado redimensiona o container.

Importante: Os containers não se comportam corretamente no resize se você definir a propriedade resizeEffect.

Fica ae a dica...

Grande Abraço...
Atenciosamente!

CoverFlow 3D em Flex

2010-02-22T04:53:00.000-08:00

CoverFlow Horizontal - Estilo IPhone...
Já ultilizei essa rotina em alguns sistemas para montar galeria de fotos e widgets dinâmicos...

CoverFlow Vertical
Muda um pouco o Layout para o estilo de widgest, mas a funcionalidade é quase a mesma...

CoverFlow Carrossel

Fonte: http://dougmccune.com/blog/2007/11/19/flex-coverflow-performance-improvement-flex-carousel-component-and-vertical-coverflow/

Atenciosamente...

Customizando PreLoader do Flex

2010-02-11T14:47:00.000-08:00

Customização simples do PreLoader do Flex...
Neste exemplo, só estou mudando o label, substituindo o padrão [ loading ] por [ Carregando ] ...

Meu arquivo principal abaixo que tenho o hábito de chamar de index...
Nele precisa ser apontada na propriedade PRELOADER a classe que contém a configuração do loader...

index.mxml

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" 
    layout="absolute"
    backgroundColor="0xFFFFFF"
    preloader="Preloader" >

</mx:Application>

Classe que contém a configuração do loader...

Preloader.as

package
{
    import mx.preloaders.DownloadProgressBar;

    public class Preloader extends DownloadProgressBar
    {
        public function Preloader()
        {
            super();
   
            downloadingLabel  = "Carregando...";
            initializingLabel  = "Pronto...";
        } 
    }
}

Simples Assim...

Bom, era isso...

Atenciosamente...

Campos do Flex com gravidade...

2009-10-26T04:10:00.000-07:00

Componente para aplicar efeito de gravidade nos campos...
Clique e jogue os campos para testar...

Não é muito interessante por em uma aplicação para seus clientes...
Mais vou por em um site que estou fazendo que um pouco menos formal...

Fonte: http://dougmccune.com/blog/2008/02/26/examples-from-my-360flex-session-using-open-source-community-projects/

Atenciosamente!!!

Jquery ...

2009-09-15T04:33:00.000-07:00

Bom dia galera...

Como no post anterior mostrei algumas rotinas utilizando JQuery, vai aqui o site oficial aonde tem tutotiais, plugins, download do Jquery.js e muito mais...

Quero ver o site...

Grande abraço a todos...

Atenciosamente!

Sistema utilizando rotinas em Jquery

2009-09-14T09:01:00.000-07:00

Bom, pra quem não conheçe, JQuery é um framework para ajudar os desenvolvedores a se concentrarem na lógica dos sistemas da web e não nos problemas de incompatibilidade dos navegadores atuais, alem de ser rico recurso quem trabalha com web...

Melhor vizualização em full-screen... clique no canto inferior direito para aumentar para tela cheia...

Qualquer duvida, entre em contato...

Atenciosamente...

Mercado de T.I.

2009-09-10T04:30:00.000-07:00

Pra quem tem dúvida sobre o mercado de T.I., está ae uma bela matéria...

Atenciosamente!

Flex e PHP usando AMFPHP

2009-06-29T08:30:00.000-07:00

Bom galera...

Elaborei um screecast em cima de um estrutura que eu desenvolvi para mostrar como faço a comunicação entre Flex e o PHP ultilizando AMFPHP, que é uma execelente maneira de trabalhar com os dados vindo de um banco de dados... No meu caso ultilizei MySql...

Fiz esse cast pra mostrar para meu amigo Eduardo Kraus como que eu trabalho com os RemoteObject e os métodos no PHP, pois vi um cast dele ultilando essas chamadas um pouco diferente...

Sabemos que existem N maneiras de programar...
Mais fica ae minha contribuição...

Clique aqui para assistir...

Grande abraço....

Seja Bem Vindo...

2009-06-29T08:23:00.000-07:00

Bem vindo ao Flex Cast, que é Administrado por Marcos Ruggeri de Freitas Rosada. Estou orgulhoso em poder contribuir com meus conhecimentos em Flex e PHP para Maringá, minha cidade, e vou além... Querendo ser conhecidos pelo Brasil e pelo Mundo através de meus posts e ScreenCasts.

Grande abraços a todos...
Fiquem com Deus!
Atenciosamente!