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

Jul 4

Características – Microsoft Silverlight 4 & Adobe Flex 4

Escrito por Robson Fernandes em .NET, 1, 2.0, 3d, 4, 6, AR, ActionScript 3, Actionscript, Adobe, Adobe Air, Adobe Flex, Adobe Flex - 3, Adobe Flex - Core, Air, Android, Animação, BI, Blend, C#, Catalyst, ColdFusion, Controls, DRM, Data Binding, Data Service, Data Services, DataGrid, Desenvolvedor, Desenvolvimento, Design, Desktop, Dica, Estilo, Expression Blend, Ferramenta, Flash Builder 4, Flash Media Server, Flash Player, Flash Remoting, Flex, Flex 4, Google, IE, Java, Javascript, Linux, MXML, Mac, Mercado, Microsoft, Microsoft Expression, Microsoft Silverlight, NaN, O, Opinião, PHP, Partilha, Pessoal, RIA, Remoting, Ria’s Geral, Rich Internet Application, Silverlight - Core, Silverlight 3, Silverlight 4, Soap, Tecnologia, UI, UX, Ved, Visual Studio, Visual Studio 2010, Vídeo, WCF, Web Service, XAML, XML, XP, action, app, builder 4, class, control, css, desenvolvedores, encode, encoder, err, event, expression, flash, flash builder, flash media, for, html, ide, if, image, imagens, int, interface, internet, layout, on, photoshop, player, print, programação, pt, ruby, runtime, server, silverlight, socket, streaming, surface, swf, tag, tool, web, web services, window, windows @ 07 4th, 2010 | via http://www.riasoftware.com.br/blog/ | 2 comentários

INTRODUÇÃO

Boa noite Galera!

Hoje gostaria de compartilhar com vocês, uma postagem com as principais características, das mais comentadas tecnologias de desenvolvimento de aplicações RIA(Rich Internet Applications) do mercado, o Microsoft Silverlight e o Adobe Flex.
São ao todo 20 características destacadas, sendo que elas foram aplicadas nas últimas versões das plataformas destacadas.
Gostaria da opinião de vocês, meus amigos leitores e desenvolvedores, até mesmo para que possam avaliar o conteúdo, caso eu tenha descrito algo errado. Lembrando que a intenção desta postagem, não é denegrir nenhuma tecnologia, mas sim, apresentar suas características!

Abaixo, segue a tabela:

Tecnologias	Adobe Flex 4	Microsoft Silverlight 4

Runtime	- Flash Player 10.1	- Silverlight 4.0.5
Aplicações Multi-Plataforma	- Windows - MacOS - Linux - Solaris - Google Android	- Windows - MacOS - Windows Phone 7 - XBox 360 - Microsoft Surface
Animação – Timeline	- Frame-by-Frame	- Baseada em tempo - Frame-by-Frame
3D	- Baseado em simulação de perspectiva X, Y e Z.	- Baseado em simulação de perspectiva X, Y e Z.
Aplicações baseadas em Desktop 2.0	- Adobe Air	- Silverlight OOB
Modelo de programação	- Orientado a Objetos	- Orientado a Objetos
Linguagem de interfaces	- Baseado em XML, o MXML	- Baseado em XML, o XAML
Linguagem base – Client	- ActionScript 3	- C# - VB.NET - IronRuby - IronPython
Linguagens utilizadas com frequência – Server/Side	- Java - PHP - ColdFusion - C#	- C# - VB.NET - PHP
Arquivo executável binário	- Arquivo SWF	- Arquivo XAP
Característica da plataforma	- Data Binding - Event Handling - Layout - Navigation - Controls - DataGrid - Data Visualization - Styling - Câmera e Microfone - Suporte Offiline DRM - Peer-assisted P2P - Print Suport - Right-to-Left Text - HTML hosting - Aceleração de Hardware	- Data Binding - Event Handling - Layout - Navigation - Controls - DataGrid - Data Visualization - Theming - Câmera e Microfone - Suporte Offiline DRM - Multicast Streaming - Print Suport - Right-to-Left Text - HTML hosting - Aceleração de Hardware - COM Interop - Multi-Threading
Ferramentas de desenvolvimento	- Flash Builder 4	- Microsoft Visual Studio 2010
Ferramentas de design	- Adobe Flash CS5 - Adobe Catalyst CS5	- Microsoft Expression Blend 4 - Microsoft Expression Design 4
Integração com outras ferramentas de design	- Adobe PhotoShop CS5 - Adobe Illustrator CS5 - Adobe Fireworks CS5	- Adobe PhotoShop CS5 - Adobe Illustrator CS5
Linguagens baseadas em estilos	- CSS	- XAML
Suporte a Imagens	- Todos os formatos	- PNG - JPG
Acesso remoto	- HTTP - Socket - Web Services - Remoting	- HTTP - Socket - Web Services - WCF
Data Services	- Flash Remoting - Bynary e Soap Services	- WCF Services - Bynary e Soap Services
Manipulação de vídeo	- Tipos de arquivos(FLV, F4V) - Tool: Adobe Media Encoder - Suporte a DRM	- Tipos de arquivos(WMV, F4V) - Tool: Expression Media Encoder - Suporte a DRM
Distribuição de vídeo	-Adobe Flash Media Server	-Microsoft IIS Media Services

Obrigado pessoal!

Abs.

Robson Fernandes

Fev 19

BlazeDS atualização de segurança

Escrito por Pedro Claudio em 1, 2.0, 6, Adobe, Blazeds, ColdFusion, Data Service, Data Services, Flex, Flex Data Services, LiveCycle, O, Ria’s Geral, Segurança, lista, live, on, servidor @ 02 19th, 2010 | via http://blog.pcsilva.com/index.cfm | Sem comentários

Adobe lançou hoje um boletin de segurança que afeta o ColdFusion.

Lista com todos os servidores afetados:

BlazeDS 3.2 e versões anteriores
LiveCycle 9.0, 8.2.1, e 8.0.1
LiveCycle Data Services 3.0, 2.6.1, e 2.5.1
Flex Data Services 2.0.1
Co…

Mai 28

Esse artigo é continuação do
TUTORIAL JAVA + FLEX NA PRÁTICA 1/6
TUTORIAL JAVA + FLEX NA PRÁTICA 2/6
TUTORIAL JAVA + FLEX NA PRÁTICA 3/6
TUTORIAL JAVA + FLEX NA PRÁTICA 4/6
TUTORIAL JAVA + FLEX NA PRÁTICA 5/6

Na última parte do nosso tutorial vamos fazer a V(View) do nosso MVC, no caso são 2 tipos de arquivo, a interface em si e a Ação da mesma, lembrando que essa separação não é necessária, eu faço porque gosto de tudo bem dividido, isso ajuda e muito na manutenção ou até mesmo na alteração do Layout, uma vez eu já expliquei o porque disso no artigo Separando MXML do Action Script.

Para terminar com chave de ouro vamos ao código:

EstadoView.mxml

PLAIN TEXT

XML:

<?xml version=“1.0″ encoding=“utf-8″?>
<mx:TitleWindow xmlns:mx=“http://www.adobe.com/2006/mxml” layout=“absolute” width=“518″ height=“422″
title=“Cadastro de Estados” fontSize=“10″ xmlns=“flexmdi.containers.*”
xmlns:controls=“com.flexpernambuco.controls.*”
creationComplete=“{init()}”>
<mx:ViewStack x=“10″ y=“10″ id=“stack” width=“486″ height=“362″>
<mx:Canvas label=“View 1″ width=“100%” height=“100%” id=“canvasDefault”>
<mx:Button x=“138″ y=“330″ label=“Incluir” id=“btnIncluir” click=“{save()}”/>
<mx:Button x=“209″ y=“330″ label=“Alterar” id=“btnAlterar” click=“{update()}”/>
<mx:Button x=“284″ y=“330″ label=“Excluir” id=“btnExcluir” click=“{remove()}”/>
<mx ataGrid x=“10″ y=“40″ width=“466″ height=“282″ dataProvider=“{controller.estadoList}” id=“dgEstado”>
<mx:columns>
<mx ataGridColumn headerText=“ID” dataField=“codEstado” width=“70″/>
<mx ataGridColumn headerText=“Nome do Estado” dataField=“nome”/>
<mx ataGridColumn headerText=“UF” dataField=“uf” width=“70″/>
</mx:columns>
</mx ataGrid>
<mx:TextInput x=“273″ y=“10″ id=“txtFind”/>
<mx:Button x=“441″ y=“10″ width=“35″ icon=“@Embed(source=’com/saberprogramar/assets/images/find-16×16.png’)” id=“btnFind” click=“{find()}”/>
</mx:Canvas>
<mx:Canvas label=“” width=“100%” height=“100%” id=“canvasForm”>
<mx:Form x=“10″ y=“67″ width=“466″ height=“131″>
<mx:FormItem label=“ID:”>
<mx:TextInput width=“72″ id=“txtIdEstado” editable=“false” tabIndex=“0″
toolTip=“Código Gerado Automático” text=“{estado.idEstado.toString()}”/>
</mx:FormItem>
<mx:FormItem label=“Nome:” required=“true”>
<mx:TextInput width=“339″ id=“txtNome” text=“{estado.nome}” tabIndex=“1″/>
</mx:FormItem>
<mx:FormItem label=“UF:” required=“true”>
<mx:TextInput width=“43″ id=“txtUF” maxChars=“2″ text=“{estado.uf}” tabIndex=“2″ />
</mx:FormItem>
</mx:Form>
<mx:FormHeading x=“157.5″ y=“21″ label=“Formulário de Estado” width=“171″/>
<mx:Button x=“160″ y=“206″ label=“Cancelar” id=“btnCancelar” click=“{cancel()}” tabIndex=“5″/>
<mx:Button x=“243″ y=“206″ label=“Confirmar” id=“btnConfirmar” click=“{confirm()}” tabIndex=“4″/>
</mx:Canvas>
</mx:ViewStack>
<mx:Script source=“actions/EstadoAction.as”/>
</mx:TitleWindow>

PLAIN TEXT

CODE:

<mx:Script source=“actions/EstadoAction.as”/>

Nesta linha é que dizemos onde está as ações desta View, então vamos criar este arquivo:

EstadoAction.as

PLAIN TEXT

ACTIONSCRIPT:

// ActionScript file
import com.saberprogramar.controllers.IEstadoController;
import com.saberprogramar.events.EstadoEvent;
import com.saberprogramar.models.entitys.Estado;
import org.swizframework.Swiz;
[Bindable]
private var estado:Estado;
[Bindable]
[Autowire(bean=“estadoController”)]
public var controller:IEstadoController;
private function init():void{
Swiz.addEventListener(EstadoEvent.SAVE,onSaveComplete);
Swiz.addEventListener(EstadoEvent.REMOVE,onRemoveComplete);
findAll();
}
private function findAll():void{
controller.findAll();
}
private function save():void{
estado = new Estado();
stack.selectedChild = canvasForm;
}
private function update():void{
if (dgEstado.selectedItem != null){
dgEstado.setStyle(“bordercolor”,‘black’);
dgEstado.errorString = “”;
estado = dgEstado.selectedItem as Estado;
stack.selectedChild = canvasForm;
}else {
dgEstado.setStyle(“bordercolor”,‘red’);
dgEstado.errorString = “Selecione um Estado para alterar”;
}
}
private function remove():void{
if (dgEstado.selectedItem != null){
dgEstado.setStyle(“bordercolor”,‘black’);
dgEstado.errorString = “”;
estado = dgEstado.selectedItem as Estado;
controller.remove(estado);
}else {
dgEstado.setStyle(“bordercolor”,‘red’);
dgEstado.errorString = “Selecione um Estado para excluir”;
}
}
private function confirm():void{
estado.idEstado = new Number(txtIdEstado.text);
estado.nome = txtNome.text;
estado.uf = txtUF.text;
controller.save(estado);
}
private function cancel():void{
estado = new Estado();
stack.selectedChild = canvasDefault;
}
private function find():void{
if (txtFind.text != null){
controller.findByName(txtFind.text);
}
}
private function onSaveComplete(event:EstadoEvent):void{
stack.selectedChild = canvasDefault;
findAll();
}
private function onRemoveComplete(event:EstadoEvent):void{
stack.selectedChild = canvasDefault;
findAll();
}

Algumas explicações:

PLAIN TEXT

ACTIONSCRIPT:

[Bindable]
[Autowire(bean=“estadoController”)]
public var controller:IEstadoController;

nesta parte do código estamos fazendo a escuta da nossa controladora, repare que me refiro a interface e não a que implementa a mesma, isso é o que muitos chamam de Programação Orientado a Interface, como essa escuta vai lá no nosso Bean.mxml e procura um bean com nome de “estadoController”, lembrando:

PLAIN TEXT

XML:

<controllers:EstadoController id=“estadoController”/>

e como o nosso bean está mensionando a implementação e não a interface, ele instancia a implementação, é ou não é inteligente o Swiz

outra coisa que vale a pena explicar e somente isso a mais é a escuta que adicionamos aos nossos eventos no método init:

PLAIN TEXT

ACTIONSCRIPT:

Swiz.addEventListener(EstadoEvent.SAVE,onSaveComplete);
Swiz.addEventListener(EstadoEvent.REMOVE,onRemoveComplete);

quando fazemos esse comando acima estamos dizendo para nosso view ficar esperta, ou seja, ficar escutando qualquer disparo desses eventos, quando for disparado um dos eventos ele executa o método que se encontra no segundo parametro, exemplo o onSaveComplete que, por sua vez recebe como parametro um EstadoEvent. Lembra que no controller tem um método que dispara os nossos eventos, não lembra né, também teria esquecido , lembrando:

PLAIN TEXT

ACTIONSCRIPT:

public function onSave(event:ResultEvent):void{
Swiz.dispatchEvent(new EstadoEvent(EstadoEvent.SAVE));
}

ou seja, quando é feito esse disparo é executado o nosso onSaveComplete, para quem já conhece de eventos em Flex nenhuma surpresa, somente o fato de estar usando o dispatchEvent e addEventListener do swiz e não os do SDK do próprio flex, isso tem uma explicação, o famoso Mediate do Swiz, que não vamos entrar no mérito neste tutorial, ok!

Agora como respiro final deste tutorial o Index.mxml modificado para chamar a view que acabamos de criar

index.mxml

PLAIN TEXT

XML:

<?xml version=“1.0″ encoding=“utf-8″?>
<mx:Application xmlns:mx=“http://www.adobe.com/2006/mxml” layout=“absolute”
preinitialize=“{iniciar(event)}”>
<mx:Script>
<![CDATA[
import com.saberprogramar.views.EstadoView;
import mx.managers.PopUpManager;
import org.swizframework.Swiz;
import mx.events.FlexEvent;
private function iniciar(event:FlexEvent):void{
Swiz.setStrict(false).loadBeans( [Beans] );
chamarView();
}
private function chamarView():void{
PopUpManager.createPopUp(this,EstadoView,false);
}
]]>
</mx:Script>
</mx:Application>

Como minha hospedagem não suporta java não tem como mostrar o resultado final mais….

Caso queira o projeto em java é só baixar aqui (sem as libs).

Caso queira o projeto em flex é só baixar aqui.

Bem, é isso, uffa, nunca imaginei que criar um tutorial fosse tão dificil e demorado espero que o resultado tenha sido bom

Considerações:

Antes de mais nada peço desculpas se o tutorial não foi muito bem explicado, se dei importância demais onde não era para dar e o que era importante não comentei, sei lá, esse tipo de coisas que pecamos por falta de experiência como blogueiro mais podem ter certeza que o intuito foi o dos melhores e espero que ajude alguém, principalmente a usar MVC no flex, coisa que é muito falada mais tem poucos exemplos, principalmente na língua portuguesa.

Objetivo:

Mostrar que realmente sei o que falo que sei em meu currículo, mesmo não tendo nenhum portfólio, já que não considero meu portfólio o que faço na empresa onde trabalho, o portfólio é da empresa. Procuro contatos profissionais e serviços no que envolve desenvolvimento de sites e sistemas, quem tiver interessado é só entrar em Contato, Obrigado.

Não posso deixar de falar da minha Gata, Fernanda minha Esposa EU TE AMO MUITO, obrigado pela paciência com o seu Geek, hehhe!

Vlw, até a próx. Bons estudos para Todos e um Abraço. FIM.

Mai 25

Esse artigo é continuação do
TUTORIAL JAVA + FLEX NA PRÁTICA 1/6
TUTORIAL JAVA + FLEX NA PRÁTICA 2/6
TUTORIAL JAVA + FLEX NA PRÁTICA 3/6
TUTORIAL JAVA + FLEX NA PRÁTICA 4/6
Como tenho feito nos outros artigos que fazem parte deste tutorial vou colocar o projeto para vocês não se perderem

EVENTS
Eventos é forma que encontramos de criar uma [...]

Mai 18

Esse artigo é continuação do
TUTORIAL JAVA + FLEX NA PRÁTICA 1/6
TUTORIAL JAVA + FLEX NA PRÁTICA 2/6
TUTORIAL JAVA + FLEX NA PRÁTICA 3/6
Vamos falar hoje do M(Models) do nosso MVC , MVC este que fica dentro da camada de apresentação do nosso projeto.
Algo que traz muita confusão é o conceito de MVC, muitos ainda confundem [...]

Mai 15

Esse artigo é continuação do
TUTORIAL JAVA + FLEX NA PRÁTICA 1/6
TUTORIAL JAVA + FLEX NA PRÁTICA 2/6
Na terceira a sexta(Final) parte do nosso tutorial vamos ser mais detalhado, explicando um pouco mais o que vamos fazer, até mesmo que o obejtivo principal do tutorial é daqui para frente.
Antes de mais nada crie mais um projeto [...]

Mai 14

Esse artigo é continuação do TUTORIAL JAVA + FLEX NA PRÁTICA 1/6.
Continuando o nosso tutorial vamos codificar os nossos arquivos de configuração necessário que ficam dentro do WEB-INF.

Vamos ao que interessa
WEB-INF/FLEX
remoting-config.xml
PLAIN TEXT
XML:

<?xml version=”1.0″ encoding=”UTF-8″?>

<service id=”remoting-service”

class=”flex.messaging.services.RemotingService”>

<adapter-definition id=”java-object” class=”flex.messaging.services.remoting.adapters.JavaAdapter” default=”true”/>

</adapters>

<default-channels>

<channel [...]

Mai 14

Antes de mais nada gostaria de agradecer as visitas no blog, quando visitar sinta-se a vontade para fazer seu comentário, ok!
Este Tutorial vai ser para os leitores com um nível mais avançado (ao contrário do que tenho procurado atender no momento aqui no blog), então vai ser muito código, alguns Links e pouca [...]

ACERCA

GOOGLE

Votação

AUTORES

PUBLICIDADE