Ja se chamou Cocomo, Adobe Flash Collaboration Services e agora LiveCycle Collaboration Service. O sistema é simples para o usuário final. Trata-se de uma “Sala” virtual que pode ser acedida por qualquer aplicação feita no Flex para que uma ou mais pessoas possam participar ativamente quer num chat, numa apresentação, partilhar documentos, webcam, um dashboard personalizado ou até um componente flex e muito mais…. infelismente ainda não possuir Partilha de ecrã… Esse serviço ainda está em poder absoluto da adobe.

O sistema parece tratar-se de um servidor FMS + LiveCycle e conta com uma administração Online. Apesar de não ser completamente gratuito ele permite o uso total do sistema segundo cotas mensais, mensalmente possuimos gratuitamente $US15 que podemos gastar em “transferencias / dados / lagura de banda” e que podem seer geridos nesta mesma conta. A conta permite a criação de salas e o acesso via connectnow para o public geral.

Para os desenvolvedores, basta acederem ao portal, registarem uma conta ou usarem a vossa conta da adobe no serviço, depois basta fazer o download do SDK (Explorer). Este SDK Explorer é uma aplicação AIR que vos apresenta passo a passo toda a informação necessária para usarem o serviço. Podem encontrar exemplos, as informações de como instalar o sdk no flex builder, videos, swc’s, um gestor de salas, permissoes e dados e mto mais…

Segue o esquema do seu funcionamento e um pequeno exemplo…(...)
Leia o resto de LCCS – Collaboration Services. (94 palavras)

© Mário Santos em TSW - That Should Work, 2010. | Link Permanente | 3 comentarios | Adicionar ao del.icio.us - Stumble it - Google Bookmark - technorati
Mais artigos relacionados nas categorias: collaboration, Flash, Flex, fms, liveCycle, services, web cam chat

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:

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()

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:

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:

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

Para os mais atentos foi lançada a compilação de todos estes tutoriais à um tempo atrás, basta procurarem no blog, que teve algum sucesso o que me levou a escrever uma segunda parte apenas em pdf que distribui inicialmente consoante uma doação, e que mais tarde também foi distribuída num pequeno “giveaway” e que agora finalmente será distribuída publicamente para o publico. Esta segunda parte do tutorial será dividida em vários post’s durante algumas semanas, e no final será colocado o pdf para download… se necessita urgentemente desta segunda parte (conta com 60 novas paginas) então entre em contacto comigo no twitter ou por email justificando essa necessidade que talvez sejam dos primeiros a receber esta segunda parte gratuitamente, embora haja alguns desses contactos que possam não ter resposta não desesperem… vai ser rápido para estar completamente publicado.

Este tutorial foca o Action Script 3 Orientado para o Flex, mas na sua base a estrutura é exactamente a mesma para o flash, por isso será com certeza útil também para os amantes do flash.

Nota: Não sendo um profissional, as técnicas adoptadas podem não ser as mais correctas, podendo mesmo existir alguns erros, mas bom… se detectarem algo “anormal” me informem.

Bom, vamos então à parte 12.

Não utilizem o sistema de comentários em baixo para tirar duvidas, elas não serão respondidas aqui! Usem antes o fórum do blog disponivel em: http://forum.msdevstudio.com

Continuando… Falaremos agora de (notem que os pontos podem nao estar seguidos, a versão final sofreu pequenas alterações):

5.3. Relacionamento entre classes.

Neste momento a nossa class passa a pertencer ao grupo de classes pessoais que podemos adicionar ao nosso projecto.
Um dos pontos muito úteis é o reaproveitamento do código para as mais variadas coisas, e de entre as quais podemos usar um relacionamento entre varias classes pessoais.

Um exemplo pode ser a definição de certas constantes numa class. Vamos supor que necessitamos de ter definidos tamanhos e um titulo para vários painéis feitos pela class em cima, poderemos efectuar 2 tipos de classes para este efeito, embora para este tipo de definições possamos usar uma class sem “inicializador” (apenas servirá para definir constantes / variáveis)

Esta class  não necessita de ser inicializada porque apenas apresenta parâmetros fixos da nossa aplicação e não têm um constructor.

(...)
Leia o resto de Tutorial Action Script 3 – 012 (580 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: as3, código fonte, exemplo, exemplos, Flash, Flex, iniciação, OOP, Tutorial

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

© 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

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!

© 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, Flash, Flex, gestão, projetos, team

O que eu pretendo com este post é dar a minha opinião muito sincera sobre o que eu penso disto tudo.

Uma coisa que me espanta é muita gente a confundir as coisas quando se fala de flex vs flash vs html. Primeiro de tudo: Não tentem comparar coisas que não devem ser comparadas;

Flash:

-Têm como principal objetivo a criação e publicação de animações para a plataforma flash, tende a ser usado maioritariamente em sites onde o cliente não se importa de prejudicar a indexação nos motores de busca em troca de uma apresentação visual que nunca outra plataforma é capaz de fazer até hoje.

- Atualmente permite que os motores de busca possam indexar algum do seu conteudo, e se estão com duvidas nada como o site de testes (disponivel aqui) que tem como objetivo provar e entender o que realmente os motores de busca indexam. Embora não ache isto necessario porque um site em flash nunca deve ter como principal objetivo distribuir informação em larga escala.

- Permite usar deeplinking, apesar de muitos cépticos, a realidade é que é possivel e apesar de levar algum trabalho é possivel obter um site em flash completamente dividido em “paginas”, têm duvidas? vejam: http://evapadberg.de e vao navegando no site olhando sempre para a barra de navegação, podem facilmente encontrar links assim:

http://evapadberg.de/#/en/information/autograph/

http://evapadberg.de/#/en/images-05—08/2008-karstadt-01/

etc…Os botões Recuar e Avançar funcionam ingualmente…

- Em conjunto com uma versão alternativa do site em html, usar devidamente as html tags e pelo menos um sitemap que incluia alguma informação este site também pode ser indexado num motor de busca… mas isso denota-se que não foi a pioridade deste site que apesar de usar deeplinking em todo ele nao foi presente aos motores de busca.

(...)
Leia o resto de Flex vs Flash vs HTML (1,253 palavras)

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

Bem, depois de algum tempo a explorar as novas ferramentas da adobe, decidi começar por falar do Flash Catalyst.
Antes de mais devo confessar que apesar de ter o vicio do desenvolvimento em AS3 / Flex também tenho um grande gosto a nivel visual e gráfico, sendo que parece que o flash catalyst foi feito para mim.

A nivel visual o Flash Catalyst está muito bem conseguido, com uma ambiente simples, distribui muito bem todas as grandes “ares” de trabalho, dando enfase ao que realmente interessa. Estas areas principais são 4 + 1, falo assim porque existem 4 areas bem definidas e um quinto painel que curiosamente não têm nome, o qual apelidei carinhosamente de painel mágico. Mais à frente explico porque.

A primeira area é destinada aos “States“, sim, se não gostam muito de states (como eu) vão ter que se habituar (também como eu). Nesta area encontramos inicialmente apenas um state, ou seja, o stage principal. Aqui poderemos adicionar mais estados à nossa aplicação, criando um cópia do primeiro ou então criando um state novo. Imagine, teriamos por exemplo no primeiro state um login, no segundo a parte de visualização, no terceiro a parte de modificação.. enfim, tratam-se como se fossem “paginas”, tal como no flex builder já era possivel fazer.

A segunda area é o nosso palco principal (Stage), onde podemos adicionar alguns elementos/componentes ou importar graficos do photoshop ou ilustrador. Aqui pouco há a explicar, trata-se de uma parte ambiente tal como o Flash CS4.

A terceira parte é talvez uma das que mais complicações pode trazer, mas na realidade é muito facil de usar. Trata-se de uma Timeline, onde ao contrario do flash não está dividida em frames, mas sim (e desta feita, faz juz ao nome) dividida em espaços de tempo, o que nos indica com exactidão o tempo. Se colocarem 2 states no vosso projecto, esta será a area onde se podem animar as transições de um state para o outro e vice versa. Aqui podemos também definir transições individuais de determinados componentes de ambos os States, por exemplo animar unicamente uma datalist de um state para o outro.(...)
Leia o resto de Flash Catalyst; Primeira abordagem. (716 palavras)

© Mário Santos em TSW - That Should Work, 2009. | Link Permanente | 9 comentarios | Adicionar ao del.icio.us - Stumble it - Google Bookmark - technorati
Mais artigos relacionados nas categorias: catalyst, Flash, ide, Introdução, layout, Review, Revisão

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

Uma imagem vale mais do que mil palavras, (sim, os meu OS está em françês :=) ) pois é… o titulo já está gasto “Flash Builder 4 e Flash Catalyst disponiveis pra download” por isso uma forma diferente de anunciar a todos que a adobe acaba de dar mais um passo de gigante no mercado das RIA’s, desta vez não só dedicado ao amantes do flex, mas sim aos seguidores do flash, tanto designers como programadores, e agora sim, podemos alcançar aqueles layouts de sonho facilmente. Ou pelo menos é o que se espera. 

Ainda à 2 dias tinha vindo expecular a possivel brevidade destes downloads, e voilá! Como o Mário Junior disse… estava mesmo pra mais breve do que pensava!
Foi então hoje que a adobe mudou a forma como se olham as RIA’s, lançando as versões do Flash Builder 4 (antigo Flex Builder), o Flash Catalyst e o SDK do flex 4 (aka Gumbo).

Desta forma, acabei de instalar ambos, o flash builder pode ser instalado juntamente com a versão 3 do flex builder, não necessitando de o desinstalar. Quanto aos mais cépticos, o flash builder 4 propoe-se a abrir e executar todos os projectos do flex builder 2 e 3, mas uma vez alterados no flash builder 4 estes não funcionarão mais na versão 2/3.

Posso adivinhar que traz muitas novidades, e ainda vou perder muito tempo a rever e encontrar novas funcionalidades, mas também estou céptico quanto à demasiada facilidade que o catalyst veio trazer, o que pode indicar a entrada de designer pro mercado das ria’s, será isto uma vantagem? ou talvez não… com o tempo veremos.

Quanto à revolução… começou agora! (acho!)
Quanto a mim! bem… esperem novidades no blog, farei uma pequena analise de ambos os produtos..

Abraço e go labs, go!

© 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, builder 4, catalyst, Flash, Flex, Notícias