TSW - That Should Work » Air

Adobe Squiggly – Corrector ortográfico. 8 Dicionarios extra!

Mário Santos — Thu, 07 Jan 2010 14:27:57 +0000

O Squiggly apresenta-se como um conjunto de librarias para inserção em projetos AIR ou Flex que permite adicionar um corretor ortográfico a uma area de texto ou até mesmo ao RichTextEditor do flex.

Deste pacote disponivel para download no adobe labs apenas temos que colocar os ficheiros AdobeSpellingEngine.swc e AdobeSpellingUI.swc na pasta libs do nosso projeto flex ou air e ficamos com um conjunto de ferramentas que permitem corrigir os nossos textos. Este componente permite também a propriedade de “adicionar ao dicionário” fazendo dele também um verificador ortográfico inteligente.

O download pode ser feito aqui. Dentro do arquivo encontram alguns exemplos, um dicionário em inglês e um pequeno aplicativo AIR para criar os dicionarios, eles necessitam de uma origem em texto puro com apenas 1 palavra por linha, e isto sim foi duro de encontrar…Infelismente nao existem dicionarios para este sistema em outras linguas disponibilizados pela adobe e foi então que me dei ao trabalho de os fazer, e acreditem que não foi nada facil. Os dicionarios que em baixo vou disponibilizar são baseados nos corretores ortográficos do Mozilla Thunderbird, também nos dicionarios ispell/myspell do debian linux e ainda em algumas wordlists que encontrei pela internet, pelo que devem estar bem completos, mas por via das duvidas, se encontrarem uma melhor base me informem. O seu formato é binário e é recomendado usar essa extensão .ZWL.

Os dicionarios que compilei são:

Portuguese PT (portugues_PT.zwl), Portuguese BR (portugues_BR.zwl), English US (english_us.zwl), English GB (english_gb.zwl), Spanish (espanhol.zwl), French (french.zwl), German (german.zwl), e Italien (italien.zwl).

Pode ver uma demonstração do sistema em acção com suporte a estas 8 linguas bem como encontrar o download dos dicionários aqui.

Abraço.

© Mário Santos em TSW - That Should Work, 2010. | Link Permanente | 2 comentarios | Adicionar ao del.icio.us - Stumble it - Google Bookmark - technorati
Mais artigos relacionados nas categorias: Adobe, Air, corretor, dicionários, dictionaries for squiggly, engine, Flex, ortografico, spell check, squiggly, zwl files

Air 2.0 Beta, Servidor socket em 5 minutos!

Mário Santos — Wed, 06 Jan 2010 13:40:32 +0000

Bom, não era novidade que o AIR já permitia comunicação por sockets, mas a verdadeira novidade na versão 2.0 é que agora permite escutar também uma porta da nossa maquina para comunicações… Mas em que se traduz isto na realidade?? Fácil! A partir de agora podemos criar os nossos pequenos/médios servidores socket, que com algum trabalho até podemos criar um servidor web… claro que é um exagero, mas abre um mundo novo de possibilidades….

Então, a partir de agora as nossas aplicações passam também a poder ser servidores, quer de comunicação de dados ou até mesmo armazenamento… imaginem, podemos criar uma base de dados na nossa maquina, usando SQLLite, e expor os seus dados ao exterior usando funções locais isto através de uma qualquer porta…

Isto não era qualquer novidade nos aplicativos desktop, mas trazendo esta nova funcionalidade os aplicativos AIR passam a poder ser usados para qualquer comunicação de dados permitindo mesmo que duas aplicações AIR em diferentes maquinas possam comunicar entre si sem qualquer necessidade de aplicações/bases de dados/back-ends terceiros… claro que teriam que ter conhecimento do ip de cada uma das maquinas, mas isso com um IP fixo resolve-se rapidamente.

Decidi explorar esta nova funcionalidade, e a primeira prova de fogo foi logo para um projecto de um cliente, que consistia no desenvolvimento de um servidor que recebe-se dados de vários dispositivos através de uma porta, que grava-se esses dados numa base de dados e que envia-se uma resposta a cada dispositivo, dependendo do tipo de dados… Os dispositivos podem ser apenas 2 como 50, pelo que era uma verdadeira prova de fogo para o AIR e sua atípica gestão de memória já que o sistema receberia algumas dezenas de pedidos por minuto. Depois de dar uma vista de olhos às classes socket, percebi que era muito mais fácil do que eu imaginava, o servidor foi feito com recurso a cerca de 50 linhas de código, tudo ficou a funcionar…. restava o teste em tempo real com os tais dispositivos….

Inicialmente apenas com 2 demonstrou ser rápido e eficaz, mas e com 20/30 dispositivos a enviar dados… foi entregue o projecto ao cliente para testes, depois de 1 semana e de mais de 40.000 ligações (apenas entradas, se contar as saídas serão 80.000) os gasto0s de memória mantiveram-se entre os 20 e 50 mb não ultrapassando este valor, e o sistema não encontrou qualquer falha, erro ou situações desconhecidas… Resumindo, sem muito tempo gasto, o AIR passou a ser o substituto de um sistema existente feito em delphi, e mantêm-se a correr quase à 2 meses 24/24h sem qualquer problema….

Os meus parabéns à adobe que realmente fez um excelente trabalho!! Agora segue a dica, como criar um servidor socket? facil… o mais complicado talvez seja instalar o SDK 2 beta para desenvolvimento, mas isso vocês descobrem facilmente nas release notes…

Segue então uma explicação de como fazer o seu servidor socket em menos de 5 minutos…(...)
Leia o resto de Air 2.0 Beta, Servidor socket em 5 minutos! (200 palavras)

© Mário Santos em TSW - That Should Work, 2010. | Link Permanente | Um comentario | Adicionar ao del.icio.us - Stumble it - Google Bookmark - technorati
Mais artigos relacionados nas categorias: Air, air 2.0 beta, as3, Beta, server, servidor, socket

Tutorial Action Script 3 – 014

Mário Santos — Wed, 09 Dec 2009 12:47:14 +0000

Em continuação a série de tutoriais sobre AS3…

Hoje vou falar sobre um ponto que por vezes me perguntam do que se trata, eis a explicação! Esta é uma dica curta, mas importante!

5.3.1. Explicação da função super();

Existem alguns truques que podem ser muito úteis em qualquer linguagem OOP, no caso anterior estávamos a usar variáveis e dados da class estendida (fullDef), mas com esta extensão podemos obter ainda mais funcionalidades, como repararam em certos casos foi usado o método super() que na realidade em cima nada faz, e até pode confundir, mas que é importante e muito util em alguns casos principalmente em hierarquias de dados, por isso o deixei presente no exemplo.

O super faz referencia à class que foi estendida, classe “Pai”, pode de entre muitas utilidades ser usado para chamar a função principal da class estendida, no caso em cima chama a função fullDef() da class fullDef… mas pode ser usado para chamar outras funções, ou atribuir valores dentro dessa class como no caso em cima: super.painelInfo() e em casos mais úteis passar dados entre a class e a class estendida, vejam o exemplo:

package exemplo
{
class turma
{
public function turma(nome:String)
{
trace(nome);
}
}
}

e uma class estendida…(...)
Leia o resto de Tutorial Action Script 3 – 014 (178 palavras)

© Mário Santos em TSW - That Should Work, 2009. | Link Permanente | Sem comentarios | Adicionar ao del.icio.us - Stumble it - Google Bookmark - technorati
Mais artigos relacionados nas categorias: Air, as3, Flash, Flex, super()

Tutorial Action Script 3 – 013

Mário Santos — Fri, 04 Dec 2009 12:41:49 +0000

En continuação a série de tutoriais sobre AS3…

Hoje vamos tomar especial atenção à possibilidade de alterar uma classe “pai” para que possamos controlar, modificar ou até substituir os dados de determinada função dessa mesma class. No action script este tipo de operação pode ser feito usando a palavra override, é dela que vamos falar hoje.

5.4. Re-Escrever métodos em classes.

Outro ponto muito util é no caso de já termos uma class totalmente feita, mas necessitamos de outra igual mas que substitua ou invalide uma ou outra função da class pai. Este método chama-se override, quem em português será parecido com re-escrever, ou seja, escrever por cima / substituir determinados pontos. De notar que só é possivel utilizar este método override em funções que tenham sido declaradas como public, por exemplo:

public function info():void{

}

Para demonstrar este método, teremos que fazer algumas alterações na nossa classe que criamos anteriormente, já que é esse exemplo que será usado.

Vamos inicar com o exemplo da nossa ultima class criada e vamos escrever o simples código:

public function painelInfo():String {
return PANEL_DATE + " - " + PANEL_H + "-" + PANEL_W + "-" + PANEL_TITLE;
}

Adicionando esta função a nossa class devolveria uma suposta string de informação do nosso painel.

Ficando a class assim:(...)
Leia o resto de Tutorial Action Script 3 – 013 (383 palavras)

© Mário Santos em TSW - That Should Work, 2009. | Link Permanente | 2 comentarios | Adicionar ao del.icio.us - Stumble it - Google Bookmark - technorati
Mais artigos relacionados nas categorias: Air, as3, classes, Flash, Flex, override, Tutoriais, Tutorial

Adobe Air 2 Beta Disponivel…

Mário Santos — Tue, 17 Nov 2009 07:31:16 +0000

Finalmente!! E a nova versão vem recheada de novidades, algumas à muito esperadas… segue a lista mas mais importantes:

É agora permitido abrri documentos com a sua aplicação por defeito, pode agora enviar a ordem para abrir um ficheiro php e este abrirá com o programa por defeito, no meu caso com o Dreamweaver.
É possivel agora aceder diretamente aos dados do mricrofone para gravação e outros processamentos.
Mass Storage Device Detection; É agora possivel detectar automaticamente quando um dispositivo USB como uma Pen USB ou uma camara digital foi ligada ao sistema.
Uma nova e melhorada versão do browser WebKit com suporte a profilling de javascript, css3 e mais alguns melhoramentos…
Global Error Handling; Permite capturar todos os erros sincronos e assincronos que nao foram capturados numa unica função.
Melhor suporte a funções de rede, todas as novidade vão com certeza agradar a todos; Suporte a sockets TCP/UDP incluindo ligações SSL/TLS, Identificação DNS e enumeração de todo o hardware de rede existente na maquina.
Introduzido um nove método na api SQL, o setSavePoint() que permite criar como que um ponto de restauro na base de dados, muito util!!
Suporte a Screen Readers no windows, o que introduz uma excelente medida de acessibilidade.
Suporte a multi-touch.
Alguns melhoramentos a nivel de impressao, propriedades nativas e de texto.
Suporte a IPv6 e agora é permitido redeclarar o timeout para URL Requests, o que também é muito util!!

Bom, na pagina oficial encontram mais detalhes, para download basta acederem aqui e para as notas da versão e instalação podem aceder aqui.

Notem que se trata de uma versão beta, como tal podem encontrar erros e as aplicações anteriores feitas com esta versão 2 não correm nas versões anteriores da runtime. As aplicações anteriores para serem executadas na nova runtime devem ser compiladas com o descritor alterado para a versão 2.0.

P.S. Foi também distribuida a nova versão do Flash Player 10, a 10.1 que também conta com bastantes melhorias principalmente para dispositivos móveis, para mais informações vejam aqui.

Abraço.

Sistema de Geo-localização de Veiculos

Mário Santos — Thu, 12 Nov 2009 13:31:01 +0000

Bom, depois de alguns tempos de ausência começo a ter um pouco mais de tempo livre…

Hoje venho falar de um dos projetos recentes que foi oficialmente terminado o qual fui o responsável pela programação e desenvolvimento de todo o projeto em Adobe Flex 3 + Air.

O projeto trata-se de um sistema de geo-monitoramento de frotas de veiculos, que têm como principal objetivo apresentar ao utilizador / proprietário da empresa onde se encontram os seus veiculos e apresentar os mais diversos pontos sobre a viatura como temperaturas, rotação do motor, aceleração/travagem bruscas, paragems, etc…

O sistema é “Simples”, foi desenvolvido um módulo eletrónico que foi instalado em cada um dos veiculos que conta com alguns sensores a ele ligados (Sensores de controlo de velocidade, rotação, travoes, pressao do oleo, acelerador, etc…) e que é o principal responsável pela colheita desses dados. Este módulo emite constantemente estes dados juntamente com a sua posição geográfica para um servidor por via de GPRS para que esse servidor se encarregue de analisar e inseri-los numa base de dados.

A partir daqui é que o plotmap entra em jogo, recolhe esses dados da base de dados com recurso ao php e apresenta-os ao utilizador de uma forma visualmente agradavel. Toda a geo-localização foi feita com recurso à API do google maps para AS3 (flash / flex / air ). Como esta API é uma das mais completas que existem, o trabalho acabou por ser facilitado.

O sistema foi desenvolvido em duas versões bem semelhantes, uma versão WEB que apesar de já ser o produto final ainda se encontra em fase de testes, e uma versão desktop distribuida e executada via Adobe Air. Qualquer uma destas versões pode facilmente ser executada nos mais diferentes browsers (web) e sistemas operativos (web+air). Permitindo multi-utilizadores, pode ser usado em varias instancias para os mais diversos fins.

Bom, este foi um dos projetos que acabei por ter disponibilidade de fazer alguns videos sobre o layout e produto final, e eis que aqui os deixo:

- Layout, do mockup ao flex – veja o video

- Constraint Layout – veja o video

- Versao Adobe Air (beta) – veja o video *

- Versão final Web – veja o video. *

Bom, se tiverem alguma critica, ou sugestão fiquem à vontade!

Abraço.

* Devido à proteção de dados, as duas previsualizações do produto final (videos) quer web e desktop foram retiradas porque apresentavam dados reais dos veiculos e rotas. Em breve tentarei disponibilizar uma pevisualização sem estes detalhes…

© Mário Santos em TSW - That Should Work, 2009. | Link Permanente | 18 comentarios | Adicionar ao del.icio.us - Stumble it - Google Bookmark - technorati
Mais artigos relacionados nas categorias: Air, as3, Flash, Flex, frotas, geo, geo-localização, google, maps, veiculos

Adobe Air, Monitor Online/Offline

Mário Santos — Fri, 02 Oct 2009 12:11:43 +0000

Já muitos se depararam com a necessidade de verificar se a vossa aplicação adobe air têm disponivel ligação à internet, ora… eu ja vi alguns exemplos com URLRequest, URLLoader e até Remote Object. Por seu lado, isto numa aplicação Flex poderia ser uma das hipoteses, mas numa aplicação AIR é muito mais simples.

No meio das classes da framework disponiveis pro AIR é o URLMonitor (air.net.URLMonitor) que com apenas 2/3 linhas de código permite saber se a aplicação dispõe de ligação à internet, se não dispõe e como a ajuda de 1 ou 2 eventos permite-nos controlar o estado da nossa aplicação.

Eu fiz uma class bem simples, que fica aqui para quem quiser, o seu uso é muito facil, basta na aplicação principal (ou onde quiserem) colocar o seguinte:

import com.as3.msdevstudio.iMonitor;

private function init():void {

var monitor:iMonitor = new iMonitor();

monitor.addEventListener("NET_CHANGE", statusAlterado);

monitor.start();

}

private function statusAlterado(e:Event):void {

monitor.isAlive()==true ? Alert.show("Foi detectada uma ligação à internet!!") : Alert.show("Foi perdida a ligação à internet!")

}

É tão simples quanto isto…

Segue a class para download : iMonitor

© Mário Santos em TSW - That Should Work, 2009. | Link Permanente | 3 comentarios | Adicionar ao del.icio.us - Stumble it - Google Bookmark - technorati
Mais artigos relacionados nas categorias: Adobe, Air, Flex, internet, monitor, offline, online

Colabolo; Um grande utilitário de gestão de projetos!!

Mário Santos — Thu, 24 Sep 2009 12:04:47 +0000

Já tinha mandado o byte no twitter, mas aqui fica a dica de novo.

O Colabolo é uma aplicação feita em Adobe AIR que têm como principal objetivo a gestão de tarefas de um projeto de equipa, é uma das aplicações que conheço à apenas algumas semanas mas que aconselho a terem sempre à mão, e inclusive a recomendarem-na aos vossos clientes (no caso de trabalherem em projetos com varios utilizadores/equipas).

Clique para ver em tamanho original. A aplicação conta com um visual muito agradavel, simples de trabalhar e muito versatil… acreditem que é daqueles aplicativos que pode salvar muitas horas no desenvolvimento de projetos em equipa. Com relatorios de estatisticas, progressos, upload/download de ficheiros, gestão de membros, multi-projetos, muito bem dividida a nivel de menus e multi lingua, contando mesmo com a lingua Portuguesa.

A aplicação utiliza o servidor da propria empresa que disponibiliza o produto, actualmente encontra-se em fase beta e o seu uso é gratuito, aproveitem para experimentar e acredito que se dão valor à gestão de projetos os 10$USD mensais da subscrição vão com certeza ser bem pagos.

Podem ver mais informações e fazer o download da aplicação na pagina oficial.

Abraço!

Flash, Flex e AIR – Tutoriais

Mário Santos — Thu, 04 Jun 2009 13:45:26 +0000

Tutoriais Flash, Flex and AIR

Bom, venho falar do The Tech Labs disponivel em http://www.thetechlabs.com que se dedica exclusivamente à publicação de tutoriais Flash, Flex e Air, embora seja em inglês, o seu conteudo é muito facil de entender, até porque disponibiliza em todos os seus exemplos o código fonte para download.

De entre os artigos encontra de tudo, desde uma série de exemplos de como trabalhar com a framework alternativa3d, ou away3d até aplicações completas quer para Flash, Flex, Air ou até mesmo flash lite.

Recentemente também conta com a minha participação (se o facto de estar em inglês não agrada, talvez assim já mereça uma visita… huahuah) onde já coloquei 3 tutoriais, 2 dedicados ao Flex e um ao Flash (sim, também trabalho com flash) que têm como titulos:

Integrate Flex Builder 3.0 & Php easly with the fresh ZendAMF

Build a contact manager in Flex with ZendAMF; Part One – Layout; From Photoshop to Flex

Create real water effects with Flash CS4 & ActionScript 3.0

Dêm uma vista de olhos, e aproveitem para navegar pelo resto do site, de certeza que vão encontrar alguma coisa bem util! Abraço!

© Mário Santos em TSW - That Should Work, 2009. | Link Permanente | 2 comentarios | Adicionar ao del.icio.us - Stumble it - Google Bookmark - technorati
Mais artigos relacionados nas categorias: action script 2, action script 3, Air, código fonte, Flash, flash lite, Flex, The Tech Labs, Tutoriais

RIALABS – Uma escolha a considerar!

Mário Santos — Wed, 13 May 2009 15:11:58 +0000

http://www.rialabs.com.br

Bem, desta feita venho falar da RIALABS, uma empresa recém criado pelo meu caro amigo Fábio Vedovelli. Trata-se de uma empresa orientada especificamente para o desenvolvimento de aplicações ricas para web, as tão aclamadas RIA’s. Como devem imaginar as RIA’s podem trazer muitas vantagens a um qualquer aplicativo web, desde a multi-plataforma, multi-browser simplicidade de uso em qualquer lado, visual agradavel…enfim, poderia escrever aqui muitos mais argumentos, mas nada como ler o ótimo artigo que a própria empresa escreveu no seu blog.

A RIALABS têm como principalmente foco o desenvolvimento com Adobe Flex e JQuery, passando também pelo Adobe AIR ,que permite a implantação de um sistema no desktop, e tudo isto sem esquecer o php e mysql.

Se procura uma solução com campo das RIA’S, a RIALABS é uma ótima solução. Entre em contacto com a empresa e peça uma avaliação/orçamento gratuito do seu projecto, posso adiantar que o Fábio é uma ótima pessoa e que com certeza não se irá arrepender de ter escolhido a RIALABS. A Sede da empresa é em S.Paulo, Brasil, mas pode efectuar trabalho para qualquer parte do mundo… eis a vantagem da internet!

Site oficial: http://rialabs.com.br/