Android - Hello World

Olá galera...

Como dito no screencast, estou estudando desenvolvimento para Android. Recentemente participei de um curso com o professor @joaogalli que tinha ministrado sobre Android na Pós de Desenvolvimento em Java, mas agora em um curso específico da tecnologia Android, e com a ilustre presença do coordenador da Pós que participou do curso conosco, professor @cesarfmoro .
Para o vídeo não ficar extenso, sugeri o cast do @vedovelli (Assista), para mostra como preparar o ambiente de desenvolvimento para Android, antes de iniciar seus projetos.

Espero que gostem...

Qualquer duvidas, criticas ou sugestões... Entre em contato...

Atenciosamente!!!

Alert Flash Builder 4.5

Hey guys...

                Resolvi fazer um Cast para demonstrar a criação e utilização de um componente de Alerts que desenvolvi e tenho usado muito nos meus projetos, alem de demonstrar como interagir um componente com teu projeto. Resumindo, é uma biblioteca .swc que importamos pra dentro do nosso projeto para usarmos Alerts específicos em determinadas 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

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 a versão 3 era Beta...
De lá pra cá, continuei estudando e aprendendo muito em blogs, como o do Vedovelli, Erko Bridee, DClick entre outro muitos bons que poderia citar aqui e que estão nos meus link aqui do blog...

Atualmente trabalho puramente desenvolvendo em Flex com Java e ainda Flex com PHP, porem todo o Back-End em Java das aplicações são desenvolvidas pelo Daniel Matsukuma, um dos programadores Java da nossa equipe de T.I.. Tenho aprendido 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 a estudar... Livro do Daniel Schmitz que 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!

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 ...

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 ...

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

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

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

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

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

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

Efeito no Alert do Flex

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

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




Atenciosamente!

Preloader Image no Flex

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

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...

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

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

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...

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 ...

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!