? Android: o retorno da série. Um bom tempo após o primeiro tutorial sobre android (? http://www.dclick.com.br/2011/02/24/android-configuracoes-iniciais-e-hello-world/? ), estou de volta, e desta vez com 14 screencasts sobre os mais variados temas em desenvolvimento para esta plataforma que cresce espantosamente a cada dia. O conteúdo destes screencasts, que abordam temas como: ? Activity LifeCycle, Alerts, User Interface, Intents, Lists,…
Fala pessoal! Fiz um screencast no Blog da DClick onde eu demonstro uma arquitetura de serviços RestFull simples com saÃdas em XML, JSON e – a novidade – AMF para clientes Flex/Flash.
A idéia é construir um back-end hÃbrido que sirva tanto a front-ends HTML/JS quanto front-ends Flash/Flex.
Visitem o link aqui:
http://blog.dclick.com.br/2011/11/13/amfrestfull-um-back-end-para-qualquer-front-end/pt/
Abraços!
Olá pessoal, tudo bom?
Primeiro que estou contente por esse ser meu primeiro post no blog da DClick.
Segundo que este é o meu primeiro screencast da carreira. Ainda preciso melhorar muito, mas espero que gostem.
Pensem em um back-end Java que independa de front-end. Em uma arquitetura de serviços: RestFull.
Até então, nada de novidade, já que RestFull é algo ‘antigo’ quando se usa outputs em XML ou JSON. Mas e outputs em AMF??? Isso sim é novidade, e é isso que estarei demonstrando para vocês:
E então, alguém sabe os dois grandes problemas em usar/manter isso em um projeto “pra valer”?
Não percam a continuidade aqui!
Código fonte do projeto Java/Flex:
https://github.com/mariojunior/amf-restfull
Abraços galera!
Olá pessoal
Segue meu primeiro screencast pro meu blog, como interagir com o DesignMode no Flash Builder na criação de componentes.
Espero que gostem e que caso você esteja tendo algum problema na visualização de componentes dentro do Flash Builder, você possa efetuar as correções necessárias para o perfeito funcionamento.
Um abraço 
Antes de mais nada, meu enorme agradecimento a diretoria da DClick, Rafael Martinelli, Rogério Martinelli, e Eduardo Melendez, os quais estavam comigo nesse evento da MAX de 2011.
Como alguns aqui já sabem, fui para a MAX porque ganhei a primeira Season do Agon, nossa rede social interna na DClick.
E claro, estou aqui para trazer as minhas primeiras impressões sobre o evento.
Começo dizendo que de infraestrutura não deixa nada a desejar, é um evento de grande porte, muito bacana, e com uma produção de dar inveja. A abertura do evento possui toda a pirotecnia possÃvel, mas vamos deixar essa parte de lado (que você pode conferir facilmente no youtube) para comentar sobre o conteúdo do evento, que é o mais importante.
Sempre reforço que Design é uma matéria que pertence a UX, e não o inverso, tal como outras demais matérias fazem parte do resultado final que é a Experiência do Usuário, e reforçando o que Rafael Martinelli comentou no seu post, a tecnologia é o meio, e ? no Design não é diferente… ? você pode desenvolver uma User Interface com qualquer ferramenta, e para qualquer estrutura, ou seja, qualquer linguagem, Flex, HMTL5, Android, iOS, etc etc… e claro, a ferramenta gráfica mais poderosa do mercado continua sendo o imbatÃvel Photoshop, na minha humilde opinião… Eu sinceramente estava bastante curioso para ver o que a MAX iria trazer nesse sentido, na área de Interfaces, portanto me escrevi nas diversas Sessions de Photoshop, também na de ROX (Return of Experience, ROI pensando no Usuário) e claro, em uma palestra de Flash Catalyst….
Vou começar falando minha impressão sobre as palestras sobre Photoshop, o que vi foi que não se falou muito, ou quase nada de User Interface, e sim foi mostrado técnicas para fotógrafos e outros designers que visam o tratamento de imagem, ou ainda, a produção de imagens detalhadas com 3D e outros efeitos. Confesso que como AppDesigner que sou, me senti meio orfão, mas não é de se admirar, não há profissionais muito empenhados nesse segmento, nem mesmo lá fora, certamente a Adobe fez uma pesquisa do que seria mais atrativo aos participantes da MAX, e acertou em cheio nas palestras voltadas a tratamento de imagens, pois acaba agradando a todos, mesmo AppDesigners como eu se interessam também pelo assunto, pois também utilizamos tais recursos.
Sobre UI não vi nada de novo, nada que eu já não conheça, mas sobre tratamento de imagens, não exatamente no Photoshop, mas por exemplo no Camera Raw e Adobe Bridge, vi recursos que podem ajudar-nos no dia a dia a sermos mais produtivos, sim, muito mais produtivos.. ? e vou abordar as técnicas que vi em posts futuros. Resta dizer ainda, meio que reforçando os comentários do Rafael, que me surpreendi um tempo e vi um pouco de descaso ao Flash, ao Flex nem se fala, praticamente só ouvi falar do mesmo na Session de Catalyst, mas sobre o Flash, depois seu logo apareceu estampado no telão da general session… ? mas o foco era outro, percebi o que não é novidade para ninguém o quanto a plataforma está voltada para games. E claro, o quanto os games estão voltados para o social.
Mas se teve algo que foi comentado em grande escala em todos os eventos, quer seja a general session ou os eventos segmentados, foi sem dúvida o tão badalado nome do momento: HTML5. Acho que você tanto quanto eu sabe as implicações dessa tecnologia, do que ela depende, etc… mas não cabe aqui discutir isso, e sim que o mercado está aceitando o nome, como uma grife, como algo que as pessoas querem estampar. Eu me lembro do termo Web2.0, baladÃssimo, as pessoas citam os termos mas não sabem do que se trata realmente.
Agora chega de blá blá blá e vamos a um resumo da situação.
A MAX trouxe profissionais que falaram de muitas novidades, não dentro do software, mas extensões, aquele tipo de ferramenta que te ajuda no dia a dia. Se teve algo de novo para mim no Photoshop foi sobre uma palestra de compactação de arquivo JPG, confesso que ouvi coisas que me surpreenderam, e é de uma utilidade absurda. Futuro Post
Nada de novo, mas o óbvio, que avaliar as possibilidades do estudo centrado no usuário pode trazer um retorno muito maior ao investimento feito nos projetos. Não é novo, mas a maioria das empresas não aplica essa estratégia… ? UX também é um termo que está já meio que saturado, todo mundo fala, ninguém sabe o que é, mas é bonito de se citar… ? Não é bem assim que deveria ser, mas ao que parece, a Adobe também está fazendo o seu papel em educar os seus profissionais e evangelistas sobre esse termo, o que é, e o quanto é importante nos projetos. Logo, foi positivo ver esse posicionamento da empresa sobre o assunto. ROX, Futuro post
A MAX não é o que podemos dizer de um evento propriamente voltado a esse segmento, para isso existe um evento só sobre Photoshop, onde além de se tratar do software em si, se fala sobre os diversos aspectos do Design. Mas resta dizer que estava impecável o tratamento e cuidado com a matéria, quer seja nos games que vi, aplicações, ou citações nas palestras.
A Adobe trouxe alguns tipos de apps para mobile (Tablet mesmo), que pasmem (até parece.. rs) são para Androids primeiramente, e em breve vão sair para iOS.
Você pode encontrá-las aqui: http://www.adobe.com/products/touchapps.html
Aos poucos estarei trazendo as novidades referente aos temas que abordei em posts ou screencasts. Acompanhem o Blog!!!
Olá, pessoal!
No artigo de hoje mostraremos como é simples criar uma extensão para ao Google Chrome. Apesar de ser um recurso esquecido pelas agências, pode agregar muito valor ao seu negócio.
É importante que tenha um bom conhecimento de HTML e JavaScript. Abra o editor de sua preferência e vamos ao trabalho! (Na época de Windows gostava do Notepad++, no Mac ainda não tenho preferência.)
Documentação Oficial: http://code.google.com/chrome/extensions/devguide.html
Primeiro devemos criar uma pasta com nome da extensão, VERSALLINI. Em seguida, precisamos criar o arquivo manifest.json, pois é ele que o Chrome procura na hora de identificar e instalar a extensão. Veja a seguir:
"name": "VERSALLINI",
"version": "1.0",
"description": "Gabriel Versallini ,
"permissions": [
"http://www.versallini.com.br/"
]
}
Salve a imagem abaixo na pasta da extensão com o nome de icon.png:
Para saber se fez tudo certinho abra o Google Chrome clique em Tools/Extensions, em seguida no botão Developer Mode no canto superior direito e logo depois em Load unpacked extension…. Selecione a pasta da extensão e pronto, nossa extensão será instalada com sucesso, veja a seguir:
Repare que mesmo com a extensão instalada ainda não criamos nenhuma funcionalidade para ela. Daremos continuidade no próximo artigo, é importante resaltar que daqui pra frente é como criar um site porém com tamanho reduzido.
Divirta-se!
Abraço
Olá a todos!
Esta quarta-feira, dia 21 de Setembro, marca o dia de mais uma milestone para o Flash!
Hoje é anunciado a data do go-live do Flash Player 11 e do Adobe AIR 3!
Com esta versão, a Adobe tenta puxar os limites do que é possÃvel apresentar, na web, em termos gráficos, e tenta oferecer a capacidade de renderizar objectos extremamente complexos, de uma forma super simples!
Esta release, vai permitir, aos developers, criar jogos 3D e 2D com a qualidade dos jogos das consolas, com o benefÃcio de o poderem distribuir para várias plataformas ao mesmo tempo (Android, iOS, Tablet BlackBerry OS, TV, Windows, Mac OS, etc).
Nestes últimos tempos temos visto várias aplicações AIR a brilharem nos vários mercados das aplicações. Tanto o Machinarium, como o Times Caltrain, são um sucesso nas plataformas em que estão implementados!
Resta dizer que tanto o Flash Player 11 como o AIR 3 vão estar disponÃveis para todos, a partir de Outubro, ou seja, daqui a poucas semanas!
Ah! E não se esqueçam que a MAX está aà ? porta e com ela MUITAS novidades vão surgir 
Abraço, Mauro.
Ha algum tempo publiquei 2 códigos para customização das cores dos gráficos do Adobe Flex, então resolvi evoluir e disponibilizar uma lib para customizações das cores dos gráficos
Post anterior:? [ Adobe Flex ] Mudando o estilo visual dos Charts
Como está no tÃtulo do post, criei um projeto Lib e um projeto para testar as customizações e publiquei no? GitHub: CustomChartLib? (Atenção: foi utilizado o Adobe Flex 4.5 SDK)
A lib atual conta com 4 classes:
- ColorHelper
Possui as definições de cores base, que serão utilizadas nas classes de customização.
- StylePieChart
- StyleAreaChart
- StyleColumnChart
Segue as imagens dos gráficos customizados:
PieChart
ColumnChart
AreaChart
Acabei de publicar uma nova trigger no Expression Gallery, chamada ClickCountTrigger.
Esta trigger serve para simplificar nossa vida quando queremos implementar duplo click em Silverlight, já que a plataforma não fornece uma implementação nativa desse evento. Decidi fazer a trigger de forma genérica e por isso implementei como click count ao invés de double click. Sendo assim, tornei possÃvel que essa trigger seja utilizada para adicionar cliques triplos, quaduplos ou até mais em aplicações Silverlight. Eu não consigo imaginar situações onde mais do que 3 cliques façam algum sentido, mas a minha imaginação não deve limitar a sua 
.
Para configurar a trigger no Expression Blend, basta escolher um controle que deverá ter algum comportamento ao receber um duplo click, adicionar uma Action a ele e depois mudar a trigger padrão dessa Action para ClickCountTrigger e configurar quantos cliques disparam a ação. Abaixo temos alguns prints mostrando a trigger configurada em um botão, em conjunto com a Action ToggleFullScreenAction. Este exemplo é do código do live sample que está na página da trigger na galeria.
Action aplicada no botão
Janela de propriedades da Action, mostrando sua configuração e a da trigger.
Configuração da trigger e action no xaml
<Button Content="Double-Click to Toggle Full Screen"> <i:Interaction.Triggers> <cnzk:ClickCountTrigger ClickCount="2"> <cnzk:ToggleFullScreenAction /> cnzk:ClickCountTrigger> i:Interaction.Triggers>Button>
Declaração no xaml dos namespaces necessários para utilizar tanto a trigger quanto a action:
xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity"xmlns:cnzk="http://schemas.cnzk.com.br/library"
Se você utilizar algumas das minhas behaviors, triggers ou actions publicadas no Expression Gallery e tiver algum tipo de feedback ou bug para reportar, pode postar um comentário aqui no blog ou na página do projeto no codeplex.
Espero que esta trigger seja útil para vocês, pois pra mim ela já está sendo.
Este ano (2011), tive a oportunidade de participar e palestrar no evento FlexMania, na qual participei com o tema:? Planejando e projetando – Dashboad : Flex + Java.
Onde o objetivo central da minha palestra foi auxiliar a pensar e projetar uma aplicação Dashboad.
Segue os slides da palestra:
Código do projeto de prova de conceito apresentado na palestra:
https://github.com/erkobridee/Twitter-Analyzer
Obs.: inclui instruções de como montar o ambiente nos arquivos README, além de disponibilizar um script de criação da base de dados com uma massa de dados inicial. (Atenção o nome da base deve ser: flexmania2011 no MySQL)
Visão da arquitetura da aplicação:
