2010 Outubro - redeRIA | Agregador de noticias, artigos, tutoriais Flex, Flash, JavaFX, AJAX e Rich internet applications em geral!

Out 28

Criando aplicações com TabBar para IPhone

Escrito por DClick Team em 1, 4, 6, Android, Aplicativos, app, Apresentação, AR, bar, class, cliente, Download, flash, for, FullScreen, IE, iphone, layout, Mac, O, on, programação, RIA, Ria’s Geral, screen, Screencast, swf, TAT, Treinamento, Tutorial, tv, Twitter, UI, Vários, wave @ 10 28th, 2010 | via http://blog.dclick.com.br/pt/ | Sem comentários

Twitter!

Recentemente fomos motivados através de uma oportunidade em um cliente a apresentar uma solução de um aplicativo para Iphone, IPad e Android.

Nosso colega Eduardo abraçou a causa e gerou vários layouts da aplicação e começou a pesquisar sobre o IPhone (também motivado pela sua recente aquisição de um IPhone 4).

A partir desses layouts iniciamos a construção de uma aplicação para IPhone que pudesse ser apresentada ao cliente. Como seria uma apresentação, não havia necessidade da aplicação estar 100% funcional.

Pesquisamos sobre o funcionamento de TabBar para o IPhone e como poderiamos utiliza-la para realizar essa apresentação.

Nosso aprendizado gerou esse screencast, o qual apresenta como criar aplicações para IPhone de forma rápida utilizando TabBar e TabBarItens. Mostramos também como simular aplicativos de IPhone em um IPad.

Aproveitem!!!

Abraços.

Out 28

Flash Media Gateway

Escrito por Leonardo França em 1, 6, action, Actionscript, Adobe, Adobe Air, Air, api, Aplicativos, AR, BI, class, código, control, Curso, Cursos, custom, flash, flash media, Flash Media Server, Flash Player, for, IE, if, image, int, Java, Javascript, labs, mg, O, on, PHP, player, pt, Ria’s Geral, SDK, server, servidor, Tech, Vídeo, Widget, Widgets @ 10 28th, 2010 | via http://www.leonardofranca.com.br | Sem comentários

Flash Media Gateway é um novo servidor da Adobe com o objetivo de possibilitar que aplicativos feitos com Flash Player ou Adobe AIR possam se comunicar atraves do protocolo SIP(Session Initiation Protocol). O FMG Telephony SDK se conecta de forma transparente com o Adobe Flash Media Server permitindo uma rápida integração da telefonia com seus aplicativos já existentes, portanto, dando controle total para personalizar o nível de recursos e aplicação de políticas que podem exigir. Torna facil de configurar e começar a usar sua primeira chamada para áudio e vídeo usando Session Initiation Protocol (SIP) sem escrever qualquer código ActionScript.

Veja mais detalhes:
http://labs.adobe.com/technologies/flashmedia_gateway/

Out 28

Manipular arquivos Excel com o Apache POI

Escrito por DClick Team em 1, 2009, 4, 6, Access, apache, api, app, Apresentação, AR, BI, blog, class, classe, Download, Excel, exemplo, flash, for, FullScreen, if, int, Java, Microsoft, O, Office, on, padrão, Pessoal, programação, Projetos, pt, RIA, Ria’s Geral, screen, Screencast, TAT, Tutorial, tv, Twitter, UI, wave, XML @ 10 28th, 2010 | via http://blog.dclick.com.br/pt/ | Sem comentários

Twitter!

Pessoal nesse post vou mostrar como é facíl manipular arquivos Excel com o Apache POI. Mas vamos saber primeiro o que é o Apache POI.

O que é o Apache POI ?

Apache POI é uma API Java para documentos Microsoft, onde conseguimos manipular arquivos baseados em padrão OOXML (Open Office XML) e OLE2 (documento composto – Microsoft). Em outras palavras com essa API é possivel ler e escrever arquivos Excel, Word e Power Point, usando Java.

No Microsoft Office 2007, 2008 e 2010, temos os formatos DOCX, XLSX e PPTX que seguem o padrão OOXML. Já as versões anteriores do Office que possuem os formatos DOC, XLS e PPT seguem o padrão OLE2.

Em Outubro de 2007 a Microsoft abriu as especificações para o formato utilizado no Microsoft Outlook, então recentemente foi adicionado ao projeto suporte ao formato do Outlook. Há também projetos de Visio e Publisher.

Vamos agora ao exemplo, vou criar um arquivo XLS usando essa API.

Download versão 3.6:
http://www.apache.org/dyn/closer.cgi/poi/release/bin/poi-bin-3.6-20091214.zip

Referências:
http://poi.apache.org/

Bibliotecas do POI:
http://office-sp.dclick.com.br/devblog/wp-content/uploads/2010/10/lib-poi.zip

Classe Java da apresentação:
http://office-sp.dclick.com.br/devblog/wp-content/uploads/2010/10/GerarXLS.java.zip

Out 28

Criando aplicativos com Web Runtime(WRT) e Flash Lite para dispositivos Nokia

Escrito por Leonardo França em 1, 2.0, 4, 6, Access, action, Actionscript, Adobe, api, Aplicativos, app, AR, Arquitetura, back, bar, BI, botão, browser, carregar, class, classe, Componente, comunicação, control, Curso, Cursos, custom, Desenvolvedor, desenvolvedores, Desenvolvimento, developer, Download, DRE, Dreamweaver, err, exemplo, externalInterface, Ferramenta, flash, flash lite, flash media, Flash Media Server, for, framework, FullScreen, function, geo, html, ide, IE, if, image, int, interface, Java, Javascript, JQuery, kit, label, library, lite, loop, mg, Microsoft, mobile, NaN, O, on, oop, painel, Pessoal, PHP, platform, player, Plugin, pt, RIA, Ria’s Geral, RTM, RTMP, runtime, screen, SDK, server, site, string, swf, tag, TAT, Tecnologia, template, Teste, tool, UI, uint, Ved, Visual Studio, wave, web, Widget, Widgets, XML @ 10 28th, 2010 | via http://www.leonardofranca.com.br | Sem comentários

Web RunTime é uma das possibilidades que a Nokia [bb] oferece para criação de aplicativos para seus dispositivos movéis. Se você já é um desenvolvedor web, você não precisa de quase mais nada para começar a desenvolver para os dispositivos Nokia usando o WRT. Ele permite a criação de widgets para plataforma S60 sendo uma extensão do navegador Webkit permintindo que as instâncias do browser sejam executadas como se fossem aplicativos separados. E você ainda pode criar aplicativos mais ricos com o uso do Flash.

Ferramentas de desenvolvimento.
A Nokia oferece algumas ferramentas para facilitar o desenvolvimento para WRT:

Também oferece UI Framework e Library como:

Guarana WRT UI library – Uma library baseada em JQuery para o Nokia WRT feita pelo pessoal do INdT(Instituto Nokia de Tecnologia) com sede em Manaus.
Nokia Mobile Web Templates – Um conjunto de templates otimizados para mobile e para você customizar como quiser.

E tem algumas API’s para se trabalhar com os recursos dos dispositivos movéis.

Platform Service 2.0 – Uma API em JavaScript e ActionScript 2.0 para acessar recursos dos dispositivos movéis como acelerometro, geolocalização etc.
API Bridge – é um componente para aparelhos Nokia com Symbian, que permite widgets WRT, conteúdo Adobe Flash Lite e aplicações Java possam acessar recursos do dispositivo através de uma arquitetura plug-in. Os desenvolvedores podem estender o componente APIBridge com os seus próprios plug-ins.

Como funciona os widgets feitos com Web RunTime? esse widgets são arquivos com extensão .wgz que nada mais é que um arquivo compactado com os arquivos de seu site. Os arquivos que não podem faltar são:

Info.plist – arquivo responsavel pelas informações de seu widget como versão, pagina inicial, nome etc
index.html – na verdade, pode ser qualquer nome desde que esteja setado no Info.plist como MainHTML.

Criar widgets com WRT e Flash Lite
Como você usa html para criar seus widgets com WRT, nada impede de usar o Adobe Flash na mesma maneira de como você usa normalmente atraves do html. Vamos ver um exemplo usando JavaScript para fazer a comunicação com o Flash atraves da classe ExternalInterface. Nesse exemplo utilizarei o Nokia Web Developer Environment Standalone.

Crie um novo projeto do tipo Symbian web apps->Basic web app project. Dê um nome para seu projeto e clique em next. São gerados os arquivos basicos para seu projeto.

Daremos a opção do usuario escolher dois videos para tocar. Começaremos com o html contendo as opções de video.

PLAIN TEXT

XML:

<label for="select"></label>
      <select name="select" id="select">
        <option value="sample">sample.flv</option>
        <option value="sneeze">sneeze.flv</option>
      </select>
      <input type="button" name="button" id="button" value="Tocar" onclick="javascript:playVideo();" />

E o html que carregará o swf responsavél por tocar o video:

PLAIN TEXT

XML:

<object id="playerFlashLite" name="playerFlashLite" width="360" height="360" data="PlayerFlashLite.swf"
        allowscriptaccess=‘always’ 
        allowFullScreen=‘true’ 
        usefullscreen=‘true’ 
        type=‘application/x-shockwave-flash’ 
        loop=‘false’>
      </object>

Editaremos o arquivo basic.js para adicionar o método que mandará para o swf o video que deverá ser tocado.

PLAIN TEXT

JAVASCRIPT:

function playVideo()
{
    document.getElementById("playerFlashLite").playVideo(document.getElementById("select").value);
}

No Flash, criamos um arquivo do tipo Flash Lite 3.0 ou 3.1. No painel da library, clique em na opção “new Video”. Dê o nome de instancia de “vd”. Em type deixe selecionando “Video (ActionScript-controlled) e adicione no stage. Adicionaremos o seguinte codigo para que o Flash execute o video via stream a partir do Flash Media Server:

PLAIN TEXT

ACTIONSCRIPT:

import flash.external.*;
 
ExternalInterface.addCallback("playVideo",this,playVideo);
 
trace("init..");
var nc = new NetConnection();
nc.connect("rtmp://localhost/videoondemand");
 
nc.onStatus = function(info)
{
    trace("Level: " + info.level + " Code: " + info.code);
};
 
function playVideo(video:String)
{
    ns = new NetStream(nc);
    vd.attachVideo(ns);
    ns.play(video);
    ns.connect();
    txt.text = video;
    ns.onStatus = function(info)
    {
        trace("Level: " + info.level + " Code: " + info.code);
    };
}

Usamos a classe estatica ExternalInterface para que nosso método dentro do Flash possa ser chamado a partir do JavaScript. Executando o emulador do Nokia Web Developer, devemos ter algo parecido com isso:

Emulador Nokia Web Developer

Para gerar o arquivo .wgz, bastar clicar com o botão direito no projeto e pedir “Package Web app” e seu aplicativo está pronto para rodar no celular. Testei no Nokia 5230

Para saber mais:
http://www.forum.nokia.com/Develop/Web/Tools/
http://wiki.forum.nokia.com/index.php/Category:Web_Runtime_%28WRT%29
JQuery Mobile
Adobe Flash Lite

Out 27

Resumo do #Flexdp e o #CafxFramework

Escrito por Janderson Cardoso em Adobe Flex, Ria’s Geral @ 10 27th, 2010 | via http://www.jandersonfc.com/ | Sem comentários

Que semana corrida, imaginava fazer esse post na segunda, mas não rolou, então vamos lá, direto ao assunto que o tempo está curto. Para aqueles que não sabem tive o prazer de ser o instrutor do curso Design Patterns para projetos Flex 4. Uma parceria com a @riacycle. Já deixo aqui os meus agradecimentos ao @igorcosta e toda sua equipe.

Bem, curti demais montar a grade e palestrar esse curso, como na verdade é a primeira vez que faço algo nesse nível de didática, e já foi com carga de 16 horas, fui no limite mas aprendi muito.

no Primeiro sábado todos receberam uma breve explicação de cada framework (Swiz, mate, Cairngorm3, PureMVC) e exemplos de todos em suas últimas versões com uso de flex4 + Presentation Model, além disso pude mostrar alguns patterns que esses frameworks usam e/ou nos ajudam a implementar.

Mas o que isso tem a ver com esse tal de cafxframework janderson? bem, simples, no segundo sábado criamos do zero um framework para flex, simples ainda em sua versão ALPHA, apenas um começo de uma idéia. A galera topou participar da brincadeira e em 4 horas já tinhamos definido e feito o protótipo desse framework. Criamos um Form em flex em apenas uma linha O_O. passando o objeto(entidade) nosso framework através de reflexão montava todo o formulário, além disso usamos o rercurso de Metadata para melhorar a comunicação do objeto(entidade) com nosso framework, foi hilário e tenho certeza que todos aprenderam muito. Depois que fizemos o protótipo começamos a ver a necessidade real de se usar Design Patterns, nessas circunstâncias, principalmente em frameworks, a necessidade é muito maior, analisamos e implementamos patterns como Gateway, Strategy, Chain of Responsability e aos poucos fui percebendo como realmente estavam aprendendo aqueles Desig Patterns. Nada melhor que contrariar a lei de murphy e bota pra fazer na hora com a galera, foi um dojo online bem produtivo.

Tenho certeza que perceberam a real necessidade de quando usar Design Patterns e como fugir de Programação Orientado a Design Patterns, design patterns são soluções para problemas comuns, se você nunca passou por aquele problema é bem provável que quando estudar o mesmo não vai entender ou fará confusão de onde aplicar .

Todos foram de acordo em liberar o código para a comunidade flex, então aí está http://github.com/jandersonfc/CafxFramework , temos muito que fazer para tornar o framework realmente aplicável já que durante o curso testamos a geração de alguns componentes apenas, falta generalizar para qualquer componente, liberar suporte a skin e validações, se vc quer usar o framework ainda é cedo.

Bem, vou fazer um post depois mostrando como usar o framework e como ajudar no desenvolvimento, aguarde que ainda essa semana dou um feedback para vocês da filosofia e de como usar o framework.

Cumps.

Café Ágil BH

Escrito por Edgard Davidson em 1, 2009, 4, 6, Agile, Air, AR, Arquitetura, auto, Behavior, BI, blog, camp, cifras, class, código, comunidade, consultoria, Curso, Cursos, demo, Desenvolvedor, desenvolvedores, Desenvolvimento, Desenvolvimento Web, Design, development, Diversos, dotnet, egenial, err, Eventos, Experiências, Ferramenta, Flex, for, Formação, geo, Geral, Google, ide, IE, if, image, impressão, int, interface, internet, Java, Javascript, lista, LOB, map, mapa, maps, mg, navegadores, O, on, Palestra, Palestras, problema, problemas, produto, programação, Projetos, pt, rails, railsmg, RIA, Ria’s Geral, ruby, ruby on rails, site, Software, Sun, Tecnologia, Tema, Teste, Testes Automatizados, Twitter, UI, utf8, Ved, web, XP @ 10 27th, 2010 | via http://edgarddavidson.com | Sem comentários

“A maré passou mas ainda há tempo para um cafezinho.”

Venha participar do primeiro Café Ágil em Belo Horizonte!

1. Programação

Cafe da manha: 8:30am – 9am
Palestra 1: 9am – 10am
Palestra 2: 10am – 11am
Palestra 3: 11am – 12pm
Coding Dojo : 12pm – 1pm

2. Palestras

Palestra 1

Palestra: Formei, mas não sei NADA!!!

Palestrante: Edgard Davidson

Descrição da palestra: Por que várias pessoas tem essa sensação? Se você formou ou está para formar e tem a impressão que não sabe nada, não se sinta tão mal, você não é o único. Mas porque isso ocorre? Nessa palestra abordaremos esse assunto e mostraremos as principais causas deste sentimento e as principais formas de mitigá-lo.

Mini currículo: @edgarddavidson é profissional especialista em engenharia de software e desenvolvimento de sistemas, professor universitário, coordenador do curso de pós graduação em Engenharia de Software Centrada em Métodos Ágeis ofertado pela UNA. Mestrando em Engenharia Elétrica com ênfase em Engenharia de Software, Especialista em Engenharia de Software e Graduado em Sistemas de Informação. Para mais detalhes sobre meu currículo acadêmico acesse o link do lattes: http://lattes.cnpq.br/6311230153303498. ou no meu blog http://edgarddavidson.com

Oracle XE : Mudando a porta padrão HTTP

Escrito por Erko Bridee em .NET, 1, 2009, 4, 6, action, Adobe, Adobe Flex, apache, api, AR, Banco de Dados, blog, Blogs, class, código, Desenvolvimento, Desenvolvimento Web, Dica, Flex, for, Hibernate, html, ide, IE, if, image, instalação, int, Java, Javascript, JPA, mg, NaN, Number, O, on, Oracle, padrão, Pessoal, problema, prova, pt, redeRIA, RIA, Ria’s Geral, UI, web @ 10 27th, 2010 | via http://blog.erkobridee.com | Sem comentários

Um dica de 1 itém para configurar após a instalação do Oracle XE, caso você trabalhe com desenvolvimento web, principalmente em java, onde seu Apache Tomcat utiliza a porta 8080…

No meu caso que desenvolvo aplicações Java Web, localmente a porta 8080 já pertence ao Apache Tomcat, então instalando o Oracle XE, temos um problema, o pessoal da Oracle por algum motivo resolveu definir a porta padrão do Oracle XE também na porta 8080, então o que fazer? Simples, só mudar a porta…

Mas como mudar a porta HTTP padrão do Oracle XE?

Após a instalação do Oracle XE, muito provavelmente ele já irá iniciar o administrador da base, executando a URL: http://127.0.0.1:8080/apex/

Então acesse a área para executar um comando SQL, e execute o respectivo comando:

^?View Code SQL

begin
	dbms_xdb.sethttpport('90');
	dbms_xdb.setftpport('2100');
end;

No meu caso resolvi mudar as portas para:

HTTP: 90 – tenho certeza que não uso para nada

FTP: 2100 – se bem que a princípio não usarei, então poderia ter deixado em 0

SQL para verificar as portas definidas:

^?View Code SQL

select
	dbms_xdb.gethttpport as "HTTP-Port",
	dbms_xdb.getftpport as "FTP-Port"
from dual;

Uma vez executado o comando, se você tentar executar qualquer outra SQL, através a URL atual na porta 8080, não irá funcionar, então você terá que acessar novamente o administrador, através da nova porta definida: http://127.0.0.1:90/apex/

Feito isso, você, assim como eu poderá continuar utilizando a porta 8080 para o Apache Tomcat.

Via: daust_de

Veja também:

Out 27

RIA e Java no ITunes? Assine o DClick.TV

Escrito por DClick Team em 1, 3g, 4, Access, app, AR, blog, class, comunidade, flash, Flex, FullScreen, IE, if, image, iTunes, Java, mg, News, Notícias, O, on, Pessoal, pt, RIA, Ria’s Geral, rss, screen, Screencast, Sugestões, TAT, tv, Twitter, wave @ 10 27th, 2010 | via http://blog.dclick.com.br/pt/ | Sem comentários

Twitter!

Veja o Screencast de 1 minuto abaixo:

Agora basta ir no seu ITunes e assinar a URL: http://dclick.blip.tv/rss

Só este mês o DClick.tv teve 2400 views. O Agon News já foi ouvido mais de 1000 vezes desde que começamos há quase dois meses atrás. Isto deve ser um bom sinal que o pessoal da comunidade RIA gosta deste tipo de conteúdo que a DClick está gerando.

Ah… podem criticar e dar sugestões a vontade

Out 27

Agon News S1G2R3

Escrito por DClick Team em 1, 2009, 4, 6, AR, auto, back, Beck Novaes, blog, class, Dica, Download, ide, IE, image, Java, Javascript, live, mg, News, O, on, player, pt, Ria’s Geral, Sun, TAT, tv, Twitter, UI, XML @ 10 27th, 2010 | via http://blog.dclick.com.br/pt/ | Sem comentários

Twitter!

DDT e XML, Full text Search e ServiceFeedback são os assuntos do Agon News desta semana.

Participam desta edição Marcelo Felix (Java), o Rafael Silva e o Beck Novaes.

Click to play

Clique aqui para fazer download

Out 27

Adobe Max 2010 Podcast – Parte 1

Escrito por DClick Team em 1, 2009, 3g, 4, 6, Adobe, Apresentação, AR, arte, auto, class, Dica, Download, ide, IE, Java, Javascript, mg, O, on, Opinião, Pessoal, player, podcast, problema, problemas, pt, RIA, Ria’s Geral, Sem categoria, TAT, tv, Twitter, UI, XP @ 10 27th, 2010 | via http://blog.dclick.com.br/pt/ | Sem comentários

Twitter!

A correria está grande aqui em LA. Acabamos de chegar no hotel depois de ver a apresentação do Sneak Peaks e da festa de confraternização. Ontem ocorreu o mesmo, saímos para jantar e acabamos chegando tarde e cansados e não conseguimos colocar nenhum conteúdo.

Para resolver o problema e, na minha opinião, da melhor maneira possível, começamos a gravar hoje alguns podcasts. São conversar bem descontraídas sobre o que estamos vendo aqui na MAX. Nesta primeira parte participaram Diego Volpe e Rodrigo Botelho da Pearson Brasil(antigo COC), Henrique Marino e eu da DClick. Tivemos que parar esta primeira parte no meio, pois começamos uma conversa com um pessoal da Universal Mind e logo após isso os Sneak Peaks estavam começando. Mesmo assim, o Diego nos fala do que viu no Preconference Lab que ele fez.

Vejam que essa primeira parte está quebrada em duas, pois estávamos gravando e tivemos alguns problemas “técnicos”.

Amanhã postamos mais.

Abraço.