Bom Dia!

Agora que acabou o semestre da faculdade ( rumo a formação agora ultimo graças a Deus, mas novidades virão, porque não outra faculdade, sim eu tenho força de vontade e vou atras dos meus objetivos ). Resolvi criar um exemplo de Model que sempre utilizo nas minhas telas… vou postar o código e você ai que copiar fique a vontade para utilizar sua mente e poder fazer a sua necessiodade

Model:

package br.com.fborella.generic
{
	import mx.collections.ArrayCollection;
	import mx.containers.TitleWindow;
	import mx.managers.PopUpManager;
?
	[Bindable]
	public class Model
	{
		public function Model():void
		{
?
		}
		public var lista:ArrayCollection=new ArrayCollection();
		public var editando:Boolean;
		public var filtro:String;
		public var opcoesOrdem:ArrayCollection=new ArrayCollection();
		public var ordemSelecionada:int;
		public var tituloTela:String;
		public var msg:String;
	}
}

Ordem:

package br.com.fborella.generic
{
	[Bindable]
	public class Ordem
	{
		public var atributo:String;
		public var rotulo:String;
?
		public function Ordem(atrib:String, rotul:String)
		{
			this.atributo=atrib;
			this.rotulo=rotul;
		}
	}
}

Funcionamento na view:

xml version="1.0" encoding="utf-8"?>
<mx:TitleWindow xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" width="350"
	height="250" creationComplete="init()" title="{model.tituloTela}">
	<mx:Script>
		[CDATA[
			import br.com.fborella.generic.Ordem;
			import br.com.fborella.generic.Model;
?
			[Bindable]
			private var model:Model;
			private function init():void
			{
				model=new Model;
				model.tituloTela="Exemplo de Modelo";
				model.opcoesOrdem.addItem(new Ordem('id', 'Código'));
				model.opcoesOrdem.addItem(new Ordem('nome', 'Nome'));
				model.ordemSelecionada=1;
				model.editando=false;
			}
?
			private function incluir():void
			{
				model.editando=true;
				focusManager.setFocus(txtNome);
			}
?
			private function cancelar():void
			{
				model.editando=false;
			}
		]]>
	mx:Script>
	<mx:Form width="100%" height="100%">
		<mx:FormItem label="Id">
			<mx:TextInput id="txtId" width="50" editable="false" enabled="false"/>
		mx:FormItem>
		<mx:FormItem label="Nome" required="true">
			<mx:TextInput id="txtNome" enabled="{model.editando}" width="250"/>
		mx:FormItem>
		<mx:FormItem label="Data" required="true">
			<mx:DateField id="txtData" enabled="{model.editando}" width="120"/>
		mx:FormItem>
		<mx:Spacer height="100%"/>
		<mx:ApplicationControlBar width="100%">
			<mx:Button label="Incluir" width="80" click="incluir()"/>
			<mx:Button label="Cancelar" width="80" click="cancelar()"/>
			<mx:ComboBox dataProvider="{model.opcoesOrdem}" labelField="rotulo"/>
		mx:ApplicationControlBar>
	mx:Form>
mx:TitleWindow>

Qualuqer duvida entre em contato…

Felipe

A quem escapou o post ontem feito no blog do youtube.

A empresa que mais sucesso fez no mundo do vídeo online e revolucionou o modo como partilhamos experiências através de imagens dinâmicas, colocou ontem um post muito importante em que fala sobre a importância do Flash no mundo da web.

Neste post podemos ver a empresa a testemunhar como o Flash Player é uma ferramenta crítica para quem quer desenvolver boas experiências para a internet e não só. Fala também sobre a falta de suporte dos vários browsers para a mesma tag com diferentes codecs, fala-nos na importância em debitar a maior quantidade possível de informação ao mesmo tempo para uma melhor experiência ao ver os vídeos, fala do HD, fala sobre o (grande) caso dos direitos de autor, etc.

Como sempre referi, não é apenas o facto de termos a tag <video> que nos faz ter um bom suporte para vídeo, é necessário, muito, muito mais…

Para ver o post completo aqui.

INTRODUÇÃO

Boa noite pessoal!
Novamente estou aqui, graças a deus, podendo compartilhar com vocês algumas experiências que tenho passado com o Microsoft Silverlight. Neste post, irei abordar o componente BusyIndicator.

O QUE É O BusyIndicator

O BusyIndicator é um controle que acompanha o SilverlightToolKit, e é utilizado como um meio de mostrar feedbacks ao usuário, sobre o tempo de aguardo de operações que são realizadas, e que exigem alto processamento.
Como por exemplo: Imagine que você queira efetuar uma pesquisa de um usuário em banco de dados com meio milhão de registros, é muito provável que isso demore um pouco, então, nós podemos utilizar o BusyIndicator, que poderá apresentar uma notificação ao usuário, indicando o tempo que faltará para realizar o processamento.

ONDE ENCONTRAR?

Você irá encontrá-lo no CodePlex, clique aqui

Exemplo do controle BusyIndicator, que será apresentado neste Post, e disponibilizado para download.

CÓDIGO XAML

Abaixo, temos o código XAML do BusyIndicator, sendo que a propriedade BusyContent, refere-se ao texto que será apresentado ao usuário, como neste exemplo, “Aguarde por favor…”; A propriedade IsBusy, que indica se o controle está em modo operante ou não, como neste caso, “False”, pois faremos com que ele entre em modo operante, somente quando o usuário efetuar uma ação, que envolva alto processamento.

<toolkit:BusyIndicator x:Name="busyIndicator"
                               BusyContent="Aguarde por favor..."
                               IsBusy="False"
/>

CÓDIGO C#

Abaixo, temos o código em C#, que foi implementado no evento Click do botão Entrar. Neste exemplo não houve nenhuma interação com o banco de dados, ele foi implementado para que vocês possam entender a lógica do controle BusyIndicator. Percebam que ao clicar no botão, ele ativa o modo isBusy do controle, e inicia uma Thread em paralelo, que aguarda um tempo de 3 segundos, e posteriormente inativa o modo isBusy, fazendo então, uma simulação de consulta do usuário ao banco de dados.

private void btnEntrar_Click(object sender, System.Windows.RoutedEventArgs e)
{
         //Inicia modo operante
         busyIndicator.IsBusy = true;

         //Inicia Thread
        ThreadPool.QueueUserWorkItem((state) =>
        {
              //Aguarda 3s
             Thread.Sleep(3 * 1000);
             //Altera BusyIndicator, para modo inoperante
             Dispatcher.BeginInvoke(() => busyIndicator.IsBusy = false);
        });

}

APLICAÇÃO – RUN

Abaixo, temos a aplicação executando em Microsoft Silverlight 4, clique no botão “Entrar”, para ativar o BusyIndicator

DOWNLOAD

Fontes Silverlight Completo-> BusyIndicatorApp

Abraços pessoal!

Robson Fernandes

Sim, ele existe e esta semana vi dois bons exemplos. O primeiro foi um fluxograma criado por meu amigo @moisesdemoura, o qual segue abaixo: O segundo foi uma série de ditados populares, escritos em PHP, imaginados e publicados por @g0nc1n. Ditados populares em PHP Ditados populares em PHP (parte 2) Parabéns aos dois! =D

Boa tarde galera!

Muito show mesmo! Eu sou fascinado por skins e temas no Silverlight, estava pesquisando na internet agora a pouco, e encontrei essa maravilha de skin.

Para aqueles que adoram aplicações com o lema “Dark” (como eu…rsrs), irão se apaixonar por essa skin. Segue abaixo, de uma imagem demonstrativo do BlackSpike Skin e seu respectivo link, para download. Bom proveito a todos!

Acessem BlackSpike

Abs.

Robson Fernandes

Boa tarde galera!

Muito show mesmo! Eu sou fascinado por skins e temas no Silverlight, estava pesquisando na internet agora a pouco, e encontrei essa maravilha de skin.

Para aqueles que adoram aplicações com o lema “Dark” (como eu…rsrs), irão se apaixonar por essa skin. Segue abaixo, de uma imagem demonstrativo do BlackSpike Skin e seu respectivo link, para download. Bom proveito a todos!

Acessem BlackSpike

Abs.

Robson Fernandes

Boa noite Galera!

Segue alguns sites muito bons, para aqueles que tiverem interesse em compreender melhor, conceitos e práticas da UX(User eXperience).

Independente da tecnologia adotada, seja Microsoft Silverlight, Adobe Flex ou AJAX, é interessante que nós desenvolvedores e designers, tenhamos consciência destes padrões e arquiteturas, para que possamos construir o que há de melhor e mais interativo na nova Web. Abaixo, temos 10 Blogs de referência em UX(User eXperience):

1 – PatternTap
2 – MiniAjax
3 – UITrends
4 – UXBooth
5 – DesignForService
6 – EverydayUX
7 – UsabilityPost
8 – AdaptivePath
9 – InspireUX
10 – Cimex

Abs.

Robson Fernandes

Boa noite Pessoal!

Galera, vejam que massa! Eu estava a pesquisar na internet sobre UX (User eXperience), e me deparo com esta aplicação desenvolvida em Microsoft Silverlight, o Quince.

O Quince, é um diretório on-line de UX – design patterns, criado pela Infragistics. Nele você encontrará mais de 100 exemplos de padrões de UX, utilizados em aplicações Web, Desktop e outras. O mais interessante, até mesmo para fins didáticos, é que este aplicativo aborda cada padrão, informando ao desenvolvedor qual a melhor situação em usá-lo, narrando de forma a exemplificar um “Problema encontrado”, a “Solução, através do padrão”, “Contexto de aplicação.”

Fantástico!

Segue o link Quince : http://quince.infragistics.com

Estamos inaugurando um Grupo de Usuários da Adobe em Joinville e o primeiro encontro vai ser no auditório da Softville sobre Flex.
Esse primeiro encontro que ocorrerá no dia 15/07 será para reunir profissionais da região e vamos contar com 3 palestras, do básico e intermediário ao avançado.

- Introdução ao Flex
- Flex e Java com BlazeDS
- Desafios no desenvolvimento de uma aplicação real

Como o auditório possui espaço limitado, para garantir seu espaço peço que confirmem a presença neste link.

Lista de Presença

Mais informações em http://fugsc.groups.adobe.com

Até mais!