Action Script & MXML - redeRIA | Agregador de noticias, artigos, tutoriais Flex, Flash, JavaFX, AJAX e Rich internet applications em geral!

Out 29

SIGCOND, Gestão de forma inteligente. (Flex)

Escrito por Mário Santos em Action Script & MXML, as3, Flash Builder 4, Flex, gestão, Java, Red5, Ria’s Geral, Tecnologia @ 10 29th, 2011 | via http://msdevstudio.com/blog | Sem comentários

Olá caros leitores, infelizmente tenho andado meio afastado do blog devido a algumas mudanças na vida profissional, mas também por falta de tempo. Mas bom, hoje venho falar de um projecto que elaborei antes desta mudança profissional, e que foi bem interessante não só a nivel tecnológico, mas também a nivel funcional.

O seu nome é SIGCOND, um sistema de gestão de condomínios muito completo. Todo o sistema foi elaborado em Adobe Flex 4, com recurso ao ZendFramework, MySql e PHP mas não se limitou a estas tecnologias, já que também conta com um sistema interno de chat / conferencia feito com recurso ao Red5 Media Server / Java. Conta com variadas áreas, 4 niveis de utilização: Super Administrador, Administrador de Condomínio Master, Administrador de condomínio e Condómino. Cada um deles apenas pode aceder a algumas funções e menus da aplicação devido a um sistema de UAC implementado.

Foram também integradas algumas API’s que tornam a aplicação muito funcional, de entre as quais:

Google Charts API, permitindo assim criar relatórios de consultas com gráficos tornando os relatórios bem mais agradaveis.
Clickatell SMS API, permite que o sistema possa enviar notificações por SMS para os telefones dos condóminios e administradores, tornando a troca de informação mais directa entre os administradores e o sistema. Esta API é implementada de uma forma totalmente automática, já que as notificações sao apenas configuradas (activas/inactivas) e o sistema encarrega-se de enviar as devidas notificações consoante várias operações iniciadas por parte do utilizador, ou automaticamente por parte do sistema. Estas notificações incluem falta de pagamentos, agendamentos, notas, reuniões de condomínios, lançamento de quotas / facturas, etc.
EasyPay – Gateway MB. Esta API torna o sistema ainda mais funcional, permitindo o lançamento em tempo real de Facturas com uma referencia MB / Home-banking que imediatamente fica disponível para pagamento. Sendo que os administradores podem pagar o aluguer da plataforma e os condóminos as suas quotas / facturas sem sair de casa. Assim que o cliente/condómino paga a factura numa caixa electrónica, ponto de pagamento ou home-banking o sistema é de imediato notificado e efectua o fecho do registo a pagamento.

O sistema conta com vários recursos automatizados que são efectuados diariamente para criar e lançar quotas, criar relatórios, notificar faltas de pagamento e prazos, bloquear contas, lançar facturas, etc…

Internamente também poderá encontrar um sistema de agendas, troca de mensagens privadas, chat de texto, video e audio em tempo real em várias salas, além do chat privado entre a administração e um condómino ou com o proprio suporte da aplicação. Existe ainda um fórum interno para dúvidas, centro de documentos onde podem encontrar documentos pessoais, ou administrativos, calculadora, calendario / agenda, etc.. Bom, convido-vos a lerem um pouco mais sobre a parte comercial do sistema escrita pelo próprio proprietário do sistema, Fernando Mendes, aqui em baixo. De notar que ao fundo do artigo pode encontrar dados para acederem ao sistema em modo de teste.

Uma aposta na tecnologia

O presente projecto tem como principal objectivo a disponibilização na Internet de uma plataforma que contém um conjunto de recursos necessários para a gestão de condomínios. O público-alvo reporta-se a administradores de condomínio, condóminos e empresas de administração de condomínios.

O SIGCOND diferencia-se pelo facto de ser totalmente online, e desenvolvido de forma a dinamizar a relação entre condóminos / administrador. Com esta plataforma, procuram-se colmatar eventuais dificuldades de comunicação, transparência e rigor que, na maior parte das vezes, se manifestam entre a administração e os condóminos, proporcionando, simultaneamente, uma gestão simples, automatizada e integrada de todo o processo.

O SIGCOND permite realizar a contabilidade, controlo, suporte e automatização das tarefas inerentes ? actividade referida, bem como motivar a uma maior participação entre os agentes envolvidos.

O desenvolvimento desta nova solução incorpora as questões político legais nacionais em vigor, referentes a este âmbito, e as que são possíveis de enquadrar na aplicação.

No sentido de uma melhor compreensão dos conteúdos contabilísticos, para além dos dados numéricos disponíveis, existem também painéis de bordo com a disponibilização gráfica dos valores mais pertinentes, o que permite uma consulta mais intuitiva da informação por parte dos condóminos.

Como referido, e para dinamizar a relação condóminos / administrador, foi criado um módulo de comunicação (um fórum e um chat interno ao condomínio), facilitando desta forma a interacção entre aqueles, o que representa uma mais-valia neste projecto.

O acesso é realizado através de um portal desenvolvido para o efeito e que permite ainda a colocação de publicidade de empresas relacionadas com esta actividade.

Com a utilização do SIGCOND, o público-alvo pode usufruir de benefícios relativamente ? concorrência, em particular:

? Disponibilização da solução totalmente online, sem necessidade de instalação de software adicional.
Pagamentos disponíveis por MB.
Notificações por SMS.
Possibilidade de escriturar toda a contabilidade do condomínio, permitindo ainda uma visão da variação de despesas ou receitas, através de painéis de bordo, sendo que os condóminos podem ter uma perspectiva dos dados “24 horas por dia”, o que se reflecte numa total transparência de processos.
Optimização de tarefas inerentes ? actividade do administrador.
Envio automático de notificações de eventos (ex.: pagamentos de mensalidade em falta, convocatórias, entre outros).
Promoção da comunicação através de um conjunto de facilidades, nomeadamente, de um fórum de discussão para cada condomínio e da integração de chat / conferência em reuniões de condomínios.
Possibilidade de colocação de legislação referente aos condomínios num espaço partilhado online.
Custo reduzido de licenciamento.

Neste sentido, espera-se uma receptividade significativa da aplicação, dado que se oferece aos utilizadores uma alternativa que lhes possibilita uma redução de custos e de tempo na escrituração dos dados do seu condomínio com total transparência, o que se traduz, por outro lado, na possibilidade de retorno financeiro decorrente da exploração da solução.

WebSite: www.sigcond.pt ? ? Telf:? +351 93 922 3808? ? Informações: info@sigcond.pt

Para acederem ao site em modo de demonstração, usem as seguintes informações:

http://gestao.sigcond.pt

User Condómino:
USER: userdemo
PASSWORD: demo

User administrador de condomínio:
USER: demoadmin
PASSWORD: demo

De notar que na versão demonstração muitas das opções estão bloqueadas, ou simplesmente nao estão visiveis. Para mais informações ou testar o sistema com dados reais e sem limitações entre em contacto com o email de informações: ? info@sigcond.pt

Como o sistema ainda se encontra em fase inicial de testes podem encontrar alguns erros ou bugs, pelo que se encontrarem algum deixem os vossos comentarios.

Cumps.

© msdevweb for TSW – That Should Work Blog, 2011. | Permalink |No comment | Add to del.icio.us

Post tags: as3, condominios, condominos, Flex, gestão, java, red5, sigcond

Ago 26

RedeRIA Android & iOS (quase).

Escrito por Mário Santos em Action Script & MXML, Android, flash builder, Flash Builder 4, Flex, mobile, portfolio, Ria’s Geral @ 08 26th, 2011 | via http://msdevstudio.com/blog | 1 comentário

Venho falar do projecto RedeRIA que se têm revelado um sucesso e conta já com mais de 50 autores e cerca de 2500 artigos sobre Ria’s. Devido a este sucesso decidi ? algum tempo fazer uso da minha ferramenta de trabalho diária (Flash Builder) para criar uma aplicação para Android e iOS visto que já é possível isso muito facilmente. Vou falar um pouco da App criada tanto para Android disponível para download no market ou seguindo este link:? https://market.android.com/details?id=air.com.msdevstudio.RedeRIA, como para iOS. (Não publicada)

A aplicação foi criada com 2 layouts diferentes que são carregados consoante a plataforma (iOS e Android), e usa componentes nativos da framework flex, como o mobile view navigator e list, usando também um item render nessa lista, algo bem simples de fazer.

Para a listagem de artigos, carregados a partir do feed, foi usada uma libraria para ler e converter os feeds para objectos que são adicionados um arrayCollection ? usado na lista. Já no caso dos autores, foi usada a API AS3 do WordPress que desenvolvi (podem ver a documentação? aqui), que infelizmente ainda não consegui coloca-la publicamente disponível, mas em breve o farei. Usando apenas uma simples função: wpas3api.getAuthors() tive a listagem dos autores do blog e suas informações. Como o RedeRIA usa algumas plugins para gerir thumbnails e informações os autores, tive que fazer uma pequena alteração no “core” do XMLRPC Server do wordpress para devolver mais alguns campos já que por defeito o wordpress apenas devolve nome, id e login de cada autor.

De resto, foi só compilar a aplicação para ambos os markets.

Para o Android (muitooooo facil) foi só compilar com o certificado de assinatura de código, pagar os 25 USD para poder publicar e enviar o arquivo apk (ficando a conta de imediato activa) junto com uma pequena descrição e algumas imagens.

Já a brincadeira para a compilação par iOS foi bem mais complicada… alem de termos que gerar alguns certificados, temos que registar os nossos “testing” devices na area de developer da apple, criar os certificados de aprovisionamento, de aplicação e device para depois poder compilar o .ipa final com todos estes certificados para finalmente podermos testar a nossa aplicação no nosso device com drag-n-drop directo para o itunes (+syncronização). Complicado não? pois piora quando querem publicar a aplicação na apple store, pois precisam de repetir todo este processo de certificados, voltar a compilar a aplicação para terem o ipa final.

Voltamos ao site developer.apple.com (ah, pequeno detalhe, aqui pagamos 99 USD por ano para poder publicar app’s e que estive 2 semanas ? espera da activação manual já que deu um erro na automática), fazemos o login? no? iTunes Connect e preenchemos os dados para publicar a nossa aplicação até que chegamos ao ultimo passo que é o envio do nosso ipa para aprovação; Uma estranha notícia: Não têm um mac? não pode publicar na apple store! WTF???
Pois é, a única aplicação que permite o envio dos nossos ficheiros ipa para aprovação é o Application Loader que apenas têm uma versão para… MAC OS. Como no site não temos opção de fazer upload ficamos na mer**! Boa Apple!!

Resumindo, por enquanto menos uma app na apple store! (Engraçado que para pagar a anuidade pode ser feito até de um windows 95, agora publicar só com um MAC)

Seguem alguns screenshots da aplicação.

A aplicação foi bastante simples, não me demorou mais que umas horas a fazer e ficou bem agradavel, servindo como prova que o Flash Builder / Flex + AIR vieram para ficar na area do desenvolvimento mobile.

E você? ja testou algum projecto mobile feito em flex, e a aplicação RedeRIA Android, o que achou?

Abraço.

© msdevweb for TSW – That Should Work Blog, 2011. | Permalink |No comment | Add to del.icio.us

Post tags: android, flash builder, Flex, ios, Mobile, publicação

Jul 1

Adobe Air; LiveGuardian

Escrito por Mário Santos em Action Script & MXML, Air, audio, Desktop, flash, Flex, Java, portfolio, Red5, Ria’s Geral, Tecnologia, Vídeo @ 07 1st, 2011 | via http://msdevstudio.com/blog | Sem comentários

Conforme tinha falado no artigo anterior, aqui vai a preview da aplicação.

Pode ver mais informações sobre este projeto no artigo que escrevi ontem. Clique aqui para o visitar.

Em breve disponibilizo o LiveStreamer, visto que ainda estou a terminar alguns detalhes visuais nele.

Abraço.

© msdevweb for TSW – That Should Work Blog, 2011. | Permalink |No comment | Add to del.icio.us

Post tags: Air, audio, Desktop, Flash, Flex, recorder, stream, video

Jun 30

Red5; LiveStreamer & LiveGuardian

Escrito por Mário Santos em Action Script & MXML, Air, audio, Desktop, flash, Flex, Java, portfolio, Red5, Ria’s Geral, Vídeo @ 06 30th, 2011 | via http://msdevstudio.com/blog | 1 comentário

Olá a todos!

Estou de volta ? ativa, depois de alguns tempos longe do blog, volto com mais algumas novidades em breve, principalment sobre as minhas novass investidas no Java e no ColdFusion 9 que estou agora a conhecer, mas que já me está a surpreender positivamente em muitos pontos, mas negativamente em outros… mas deixo isso para outro artigo.

Venho aqui falar de 2 projetos que fiz ja a algmas semanas, trata-se de 2 sistemas parecidos, mas com diferentes funcionalidades. De seus nomes LiveStreamer & LiveGuardian.

Vou falar-vos um pouco deles e mais ? frente talvez coloque alguns screenshots e um video de seu funcionamento. Ambos partilham algumas características como serem distribuidos no desktop usando adobe AIR, precisarem ambos de um servidor Red5 disponível e ambos usarem captura de webcam.

O LiveStreamer foi uma variação do projeto LiveGuardian (veja em baixo) que consiste num simples sistema de captura de webcam & audio e envio para um servidor Red5 online. A principal caracteristica dele é que no caso de falha de internet ele não deixa de funcionar, simplesmente interrompe o stream, e fica a aguardar que a ligação ? internet volte para iniciar novamente o stream.

O sistema pode também iniciar junto com o sistema operativo (windows) e de imediato iniciar o stream… caso seja configurado pode ainda fazer isto tudo em modo silencioso, ou seja, o utilizador nem dá conta que a aplicação está a correr. Util para quem não quer estar sempre a chatear-se com a minimização do mesmo.

O stream publico pode ser facilmente inserido em qualquer pagina, blog, aplicação web, desktop ou até mobile usando um player que suporte leitura de streams RTMP como no caso do JW player!

Podem desde já imaginar enumeras utilidades para este dispositivo, principalmente de colaboração, vigilancia ? distancia, captura de ecra (usando um driver “webcam” de captura), etc..

Este foi um projeto super interessante, não pelo motivo de usar também red5, mas pelo desafio que apresentava. A principal função deste software é fazer sessões de gravação de video e audio (se configurado) para o computador local. A instalação do Red5 é feita localmente tal (…)
Leia o resto de Red5; LiveStreamer & LiveGuardian (385 palavras)

© msdevweb for TSW – That Should Work Blog, 2011. | Permalink |No comment | Add to del.icio.us

Post tags: Air, audio, Desktop, Flash, Flex, recorder, stream, video

Jun 1

Dica Adobe Air – Drag & Drop Ficheiros + Pastas

Escrito por redeRIA em Action Script & MXML, Air, as3, Desktop, Flex, Ria’s Geral, Tutoriais, Tutorial @ 06 1st, 2011 | via http://rederia.net | Sem comentários

O Adobe Air está cada vez mais evoluido, e no decorrer de um projeto que estou envolvido foi necessário criar uma area na minha aplicação que aceitasse o drag-n-drop de uma pasta da maquina do utilizador e que adicionasse os ficheiros que esta pode ter dentro. Nem todos os ficheiros seriam adicionados, apenas os ficheiros com as extensões que eu seriam apresentados na minha lista.

Bom, esta é uma questão que muita gente têm, como ler recursivamente o conteudo de uma pasta da maquina do utilizador?

Pois então, a solução é bem simples, segue o exemplo (não vou mostrar como fazer o drag-n-drop, mas apenas como lidar com a pasta que foi largada na nossa aplicação)

Na função onDrop, vamos buscar o arquivo (uma pasta é considerada como arquivo tambem) da area de “transferência” do evento(clipboard), para isso fazemos:

var arr:Array = evento.clipboard.getData(ClipboardFormats.FILE_LIST_FORMAT) as Array;

onde o ‘evento’, é o nosso evento? NativeDragEvent disparado pela area que recebeu o drop do arquivo/pasta.

Vamos agora buscar o arquivo e fazer o seu cast como File:

var arquivo:File = File(arr[0]);

Temos então o File que pode conter um arquivo individual ou então uma pasta, vamos então identificar qual deles é:(…)
Leia o resto de Dica Adobe Air – Drag & Drop Ficheiros + Pastas (129 palavras)

© msdevweb for TSW – That Should Work Blog, 2011. | Permalink |No comment | Add to del.icio.us

Post tags: Air, arquivos, as3, Desktop, dra-n-drop, drag & drop, ficheiros, folders, pastas, Tutorial

Mai 24

Flash/Flex+PHP; Encriptação AES 256

Escrito por Mário Santos em Action Script & MXML, Air, as3, flash, Flex, PHP, Ria’s Geral, Source Code, Tutoriais @ 05 24th, 2011 | via http://msdevstudio.com/blog | Sem comentários

Olá fieis leitores!!

Imagem: pt.fotolia.com

Deve ter reparado que tenho andado meio ausente, deve-se ao facto de andar com bastante trabalho e da minha pequena Luana estar cada vez mais crescida e não fica quieta Mas bom, não se pode ter tudo não é verdade??! Ela é Linda!!

Bom, venho aqui escrever este artigo devido a uma dúvida que me foi colocada no fórum (http://forum.msdevstudio.com) onde me era perguntado como implementar uma encriptação 512 bits usando a conhecida libraria as3crypto. (http://code.google.com/p/as3crypto/)

Apesar de achar esta libraria bem completa, também a acho demasiado complicada.. foi por isso que quando pensei em implementar uma solução destas no passado andei ? procura de uma outra solução que não fizesse apenas a encriptação em Flex/As3, mas também que a mesma string pudesse ser desencriptada no PHP. Encontrei depois de algumas pesquisas uma implementação super interessante no blog (http://www.lostinactionscript.com) que faz precisamente isto. Ecriptação AES duas vias (Flex<->PHP) e posso afirmar que até hoje não encontrei qualquer problema usando este mesmo método, apesar de ter que usar uma biblioteca diferente no php.

No fórum, perguntavam-me como implementar encriptação 512 bits (não enumerava qual o algoritmo, no entanto sugeri o AES 256). Na minha humilde opinião, uma encriptação AES usando ? 256 bits é mais que suficiente visto que, caso não saibam, o AES é dos algoritmos mais seguros do mundo e que se bem implementado com as devidas preocupações com chaves, é teoricamente impossível de desencriptar. Este algoritmo é largamente conhecido e até usado para encriptar dados de documentos do Governo dos Estados Unidos.

Esta implementação no flex e no php é bem simples, basta fazerem o download do arquivo usado no site lostinactionscript.com (download aqui) e no nele (.zip) encontram a class/caminho: ? AES/com/lia/crypto/AES.as. Esta class será a que vamos usar no Flex, para isso criem a mesma estrutura de pastas no vosso projeto flex e copiem esta class para lá. (com/lia/crypto/Aes.as).

No php, as classes para download podem ser encontradas aqui: http://www.movable-type.co.uk/scripts/aes-php.html (Devem criar dois ficheiros .php com o conteúdo apresentado nesse artigo. AesCtr.php e Aes.php)

Depois disto, basta no flex usar:

protected function encripta() :void

var stringEncriptada:String = AES.encrypt(“Texto a encriptar”, “chave”, 256); //Usamos 256bits

E no php para desencriptar:

function desencripta()

$stringDesencriptada = AesCtr::decrypt($stringEncriptada,”chave”, 256);

Para o processo inverso (encriptar no php e desencriptar no flex), temos no PHP:

function encripta()

$stringEncriptada = AesCtr::encrypt(“Texto a encriptar”,”chave”,256);

e no Flex:

protected function desencripta():void

var stringDesencriptada:String = AES.decrypt(stringEncriptada, “chave”, 256);

E pronto, temos o nosso sistema para encriptação / desencriptação em ambos os sentidos. Torna-se muito util quando têm que passar dados mais sensíveis via AMF (zend, amfphp. weborb) já que ao enviar os dados cifrados tornasse muito mais seguro. Fica o aviso, este algoritmo é seguro o suficiente para grande partes das necessidades, mas não esqueça de usar uma chave segura visto que a segurança depende sempre da implementação. Não é o algoritmo que têm falhas, nós que que as causamos!

Bom, espero que tenha seja util nos vossos projetos.

Abraço.

© msdevweb for TSW – That Should Work Blog, 2011. | Permalink |No comment | Add to del.icio.us

Post tags: AES 256, as3, cifrados, crypto, PHP, protecção

Fev 9

Adobe Air; Comunicação visual via TV

Escrito por Mário Santos em Action Script & MXML, Air, Catalyst, Design, Desktop, flash builder, Flash Builder 4, Flash Catalyst, Flex, Flex4, portfolio, Ria’s Geral, Tecnologia, tv @ 02 9th, 2011 | via http://msdevstudio.com/blog | Sem comentários

Venho falar de um projecto que terminei em Janeiro, e que foi bem interessante de desenvolver visto que foram optadas algumas práticas de desenvolvimento focadas em display’s TV / LCD.

O projecto trata-se de o desenvolvimento de uma plataforma de comunicação visual para apresentação publica em Televisores. Com certeza já passou num aeroporto, hotel, ginásio e viu alguns LCD’s espalhados por lá com as mais diversas informações, principalmente nos aeroportos com as chegadas / partidas, pois então, o projecto focou-se no desenvolvimento de uma plataforma dessas em Adobe AIR (Flex 4) que pudesse facilmente ser administrada pelo cliente, mas também que fosse facilmente personalizada para poder ser distribuída por vários clientes.

O sistema baseou-se me duas aplicações, uma front-end para distribuição pelos clientes, apenas com controlo de chaves (Numero de série gerado pela administração) e que carregará toda uma playlist de vários módulos, bem como toda a skin (cores e logo). A segunda aplicação consiste numa area administrativa onde o cliente pode gerir a sua playlist, noticias, videos, animações, aniversariantes, noticias manuais, etc’s. Esta area administrativa também permite no caso do login de Super Administrador de gerir todos os clientes, skins, e restantes informações.

As playlists são ilimitadas, pelo que podem criar uma playlist completa para o dia!

Todo o sistema do cliente, ao abrir-se (na primeira apresentação pede a chave da aplicação) carrega todas as informações do servidor; Skin, playlist e logotipo e adapta-se em fullscreen ao ecrã. Dá-se então inicio ao processo de carregamento da playlists e seus elementos. Esta palylist consiste na apresentação de variados modulos e respectivas durações de apresentações. (Vejam as imagens mais em baixo…)

Os módulos desenvolvidos foram os seguintes:

Noticias; Vários modulos de noticias de varias categorias, quer com fonte num Feed RSS ou na base de dados (Inserção manual). Categorias: Actualidade, Mundo, economia, tecnologia, inovação, desporto, cultura, saúde, país.
Tempo; Previsão de tempo para o dia e próximos 3 dias com a possibilidade de 1 ou mais locais na area central, e com os display das temperaturas para todas as grandes cidades no topo;
Informação financeira; Bolsa de valores (cotações em tempo real) e Cambios.
Aniversariantes; Possibilidade de apresentar aniversariantes e suas fotos /departamentos na area central para os próximos 7 dias.
Animações / Publicidade; Possibilidade de colocar animações em formato SWF para display apenas na area central ou em fullscreen.
Videos / Publicidade; Apresentação de videos em streamming na area central ou em fullscreen.

As noticias na area central podem conter também fotografias vindas de um feed RSS ou da base de dados. A playlist pode ser organizada com varios destes elementos / módulos, e facilmente gerida via “drag&drop”. O sistema ficou preparado para a qualquer hora poder criar um novo módulo e integra-lo na playlist; Novos módulos se adivinham como conferências, dicas, publicidade, classificações de jogos, programação de canais de televisão, etc’s…

O sistema ainda conta com auto-update para se actualizar sem necessidade de intervenção do administrador, tal como a própria aplicação procura actualizações de noticias, skins, imagens, videos, playlist de 15 em 15 minutos para que desta forma apresentar sempre conteúdo actualizado.

Se eu ao inicio tinha algumas duvidas se o consumo de memória e processador da aplicação no (…)
Leia o resto de Adobe Air; Comunicação visual via TV (311 palavras)

© msdevweb for TSW – That Should Work Blog, 2011. | Permalink |No comment | Add to del.icio.us

Post tags: Air, catalyst, Desktop, flash builder, flex4, illustrator, tv

Dez 2

Tutorial Flex4 + BlazeDS + Java do zero #1

Escrito por Mário Santos em Action Script & MXML, Air, Blazeds, configuração, flash, flash builder, Flex, Flex4, Java, Ria’s Geral, Source Code, Tutoriais, Tutorial @ 12 2nd, 2010 | via http://msdevstudio.com/blog | Sem comentários

Como já tinha falado antes, entrei numa nova fase de alargar um pouco mais os meus conhecimentos; Quem conhece o blog sabe que o meu principal foco sempre foi o desenvolvimento em flash / flex com php / mysql. Tudo tecnologias completamente gratuitas, mas decidi entrar no mundo do java principalmente devido a um projeto no qual estou envolvido e que tive que criar uma aplicação de playlists em java para o servidor de streaming Red5. Para aqueles que desconhecem o red5, ele é um servidor de streaming e remoting feito em java (baseado em grande parte no tomcat) com funcionalidades especificas para streamming.

Depois de muitas cabeçadas la consegui fazer o que se pedia e mais, ainda ganhei o tal bichinho do Java. Foi aqui que tudo começou!

Nesta primeira parte vou falar do que mais me deu voltas à cabeça a quando de isolar por completo o red5 e começar do zero no java com o flex. Acreditem que as configurações podem ser a maior dor de cabeça a quando de iniciar no java, principalmente no remoting.

Todos os passos que aqui vou apresentar com certeza serão alvo de criticas, desagrado, más interpretações e até maus hábitos, no entanto esta foi a forma que consegui, por isso se acharem que não está correto eu até agradeço que me informem da forma correta de o fazer. Então Aqui vamos nós deste a instalação, configuração primeira app java e primeira app flex!

#1 . Requesitos

São necessários alguns procedimentos antes de iniciarmos a integração entres estas tecnologias, pelo que o primeiro passo é fazer o download de:

Eclipse IDE for java Developers, Pagina de download aqui.
Java Development Kit, Versão Atual JDK6, Pagina de download aqui.
Adobe Flhas Builder 4 Trial, Pagina de download aqui. Versão Stand Alone.
BlazeDS Turnkey, Pagina de download aqui. (Necessita uma conta gratuita na adobe). Download da versão “BlazeDS turnkey” de 47 MB que já traz consigo o servidor tomcat, desta forma não necessitamos de o configurar à parte.
No meu caso eu uso o Windows 7 32 bits, mas funcionará em qualquer versão do windows 32bits, no entanto se for 64bits devem fazer atenção nos downloads e escolherem a versão correta pro vosso sistema.

#2. Instalação e Configuração do JDK6

Bom, o ficheiro que vai terminar o seu download primeiro, é provavelmente o JDK, e é por esse mesmo que vamos começar. Abram o arquivo, siga os passos de instalação normais (clicando duas ou 3 vezes no Next / Seguitne). A instalação do java far-se-à automaticamente nas pastas por defeito e com as opções por defeito, aqui nada precisamos de alterar. (Deixem o caminho por defeito: C:Program FilesJavajre6) ou então mais tarde lembrem-se de usarem os caminhos corretos da vossa instalação.

No final precisamos de confirmar duas variaveis do sistema, o JAVA_HOME e o PATH que pode parecer complicado mas não o é. O JAVA_HOME aponta para a localização do Java no sistema operativo e o PATH para a localização do executàvel da maquina virtual do java.

(…)
Leia o resto de Tutorial Flex4 + BlazeDS + Java do zero #1 (1,432 palavras)

© msdevweb for TSW – That Should Work Blog, 2010. | Permalink |No comment | Add to del.icio.us

Post tags: blazeds, config, configuração, flash builder, flex4, java, tomcat, Tutorial

Out 20

Flex 4, AS3, Java, Red5, C#, Fluorine

Escrito por Mário Santos em Action Script & MXML, C#, flash, Flash Builder 4, Flex 4, fluorine, Java, Red5, Ria’s Geral, spark, Tutoriais @ 10 20th, 2010 | via http://msdevstudio.com/blog | Sem comentários

Eis a minha nova fase de estudos!

Flex 4, AS3, Java, Red5, C#, Fluorine!

Alem de estar a realmente enfiar a cara no Flex4, estou a levar muito na cabeça… olhem que a transição do flex 3 pro 4 não é nada facil (estou a falar-vos como Flex 3 Certified Expert), alem de milhares de mudanças no “core”, há os novos namespaces, componentes, hierarquias, separação de componentes, etc’s… mas é uma agradavel surpresa encontrar muitos elementos corrigidos e melhorados, a melhor notici é sem duvida a enorme (ja era grande) facilidade com que criamos os nossos componentes, embora agora tenhamos que os construir passo a passo: Base, Skin, Scrollers, Actions, Etc’s… mas com certeza vão surgir componentes fantasticos. Eu proprio ja tive que criar alguns, de entre eles um a que chamei de spark datagrid. (quem ja vasculhou no flex 4 a datagrid foi extinta no spark). E erram ao pensar que me levou muito tempo… foi até muito simples com os novos containers/elementos do flex4.

Alem de muito flex 4, um dos meus planos do ano passado para este ano era aprender Java, e acho que desta vai. (Ja fiz até o meu primeiro CRUD :p ), acabei por me envolver num projecto que requeria o uso do red5 como servidor de video/audio/sharedobjects. Ao principio hesitei, mas foi-me dada a liberdade de poder ao mesmo tempo que desenvolvia, podes estudar um pouco do red5 e suas app’s em java. Das app’s pro red5 até às simples app’s java o caminho é quase inexistente, visto que ambos usam java… foi então que dei uso à minha vontade de aprendizagem e começei a estudar um pouco de java e acabei desenvolvendo o meu primeiro crud. Ainda existem muitas duvidas na minha cabeça, principalmente na hora de criar uma app java e na hora do seu (…)
Leia o resto de Flex 4, AS3, Java, Red5, C#, Fluorine (245 palavras)

© msdevweb for TSW – That Should Work Blog, 2010. | Permalink |No comment | Add to del.icio.us

Post tags: c#, estudos, Flash, Flex 4, fluorine, java, spark, Tutoriais

Jul 23

WordPress AS3 API Preview

Escrito por Mário Santos em Action Script & MXML, Adobe Air, Air, api, as3, flash, Flex, interface, Ria’s Geral, Tecnologia, Wordpress @ 07 23rd, 2010 | via http://msdevstudio.com/blog | Sem comentários

Bom, quem me tem seguido no twitter já me viu falar de um projecto bem interessante que estou a fazer. Trata-se da implementação do XMLRPC do wordpress em Action Script que permite a administração remota do wordpress, principalmente focada no flex (adobe air), mas também funciona com o flex na sua versão “web” e futuramente no flash CS (as3). Existiam algumas implementações deste tipo, mas nenhuma tirava partido a 100% do xmlrpc e todas são baseadas numa libraria não comercial que implementava o XMLRPC, então decidi não só criar a minha implementação como cria-la independentemente de qualquer libraria externa, e finalmente posso afirmar que esta primeira fase (o SWC) está pronto e 100% com código proprietário, digo, com recurso apenas ao meu código.

Este primeira fase faz parte de um grande projecto comercial que tenho em mente e que ainda vai demorar para dar a cara, mas com certeza vai ser muito util e vai ser uma novidade no mercado. Por enquanto ainda em fase de acordos, e apenas por isso não poderei divulgar muito mais, apenas comentei com o meu caro amigo Vedovelli que ainda me deu mais força para continuar o projecto…

Bom, esta API (SWC) está disponivel para testes, mas como vai ser parcialmente comercial apenas a posso disponibilizar moderadamente consoante algumas licenças. Quem quiser testar esta api pode fazer o pedido aqui http://msdevstudio.net/wpas3api/preview/.

A documentação (ASDOC) pode ser encontrada aqui: http://msdevstudio.net/wpas3api/docs/

O swc não têm qualquer limitação, e implementa por completo a interface xmlrpc do wordpress, que inclui as funções seguintes:

getAuthors, getCategories, getCategoriesSuggest, getComment,
getComments, getCommentsOfPost, getCommentsStatusList, getOptions,
getPages, getPageSingle, getPageStatusList, getPageTemplates, getPosts,
getPostsStatusList, getRecentPosts, getTags, getUserInfo,
insertComment, insertNewPost, insertPage, newCategory, saveComment,
savePost, setOption, updatePage, uploadFile, deteleCategory,
deleteComment, deletePage, deletePost.

Ainda conta com mais algumas funções, mas podem descobrir mais informações na documentação e testando a própria api.

Bom, espero o vosso feedback se estiverem dispostos a testar o projecto.

Abraço.

© msdevweb for TSW – That Should Work Blog, 2010. | Permalink |No comment | Add to del.icio.us

Post tags: Adobe Air, api, as3, Flash, Flex, interface, remote, swc, wordpress, XMLRPC