O Blog como sempre estava muito parado ai resolvi voltar com ele alterando um pouco o layout que peguei (ainda não acabei) e começando por esse post. Vamos ver se aquelas promessas de começo de ano funcionam.

Recebi um convite do @fonini ano passado, para descrever o meu ambiente de trabalho em 7 itens. Não sei se a brincadeira ainda está valendo mas vou fazer mesmo assim e seguindo o modelo dele, então vamos lá:

1) Sistema Operacional
Vou aproveitar e contar um segredo meu muito vergonhoso, estou iniciando agora no Linux, portanto em casa uso o Ubuntu 10.10 e o Windows 7. A minha desculpa por usar o Windows é somente pelos programas da Adobe que eu gosto e principalmente por causa dos meus jogos. Sei que existem alternativas no Linux para isso mas enfim, ou descobrindo aos poucos.

No trabalho uso Windows 7, acredito que principalmente porque utilizamos Adobe Flex e outras ferramentas que não se adaptam ao Linux.

2) IDE
Em casa utilizo Eclipse Ganymede (Java), Flash Builder 4 (Flex), notepad++ (php, CSS, JavaScript, HTML) e FireWorks (Layout).

No trabalho utilizo Eclipse Europa (Java) e o plugin do Flex Builder 3 (Flex).

3) Controle de Versão
Em casa e no trabalho utilizo o TortoiseSVN, porém estou de olho já no git.

4) Utilitários
Assim como o @fonini também utilizo o Filezilla como cliente de FTP nos dois ambientes. Outra ferramenta muito útil é o WinMerge para fazer merge de versões.

5) Navegador/e-mail
Com certeza estou com o Chrome em casa e no trabalho. Mas claro, como trabalho também com a parte de front-end sempre preciso testar em todos os outros browsers mais utilizados… até mesmo o I.E (da até medo de dizer isso).

Não utilizo nenhum client de e-mail desktop, apenas o Gmail.

6) Entretenimento
Tenho bastante coisa nessa parte, mas posso dizer que como player de música utilizo o Winamp, para ver meus seriados e filmes utilizo o GOM Player ou o KMPlayer. Não posso me esquecer da Steam para meus jogos!

7) Comunicação
Neste item acho que é o mais tradicional mesmo como Google Talk, MSN, Skype e mIRC. Se as redes sociais se enquadram nesse item acho que estou em quase todas também!

Continuando a brincadeira vou convidar agora os brothers @erkobridee, @c_nomura e @vilourenco.

A partir de agora também postarei no blog Arena Geek (twitter) com assuntos relacionados ao mundo Geek. Não irei postar sobre programação pois não é o foco do blog e estes postarei aqui!

Peço desculpas novamente por não postar sempre aqui, mas é que realmente não estou tendo tempo. Em breve farei um novo tema que preste para o blog e espero voltar com tudo! Por enquanto, ai vai meu primeiro post no Arena Geek: 4 ferramentas online que podem organizar sua vida!

Abraço!

No sistema que estou trabalhando utilizam o charset ISO-8859-1. Tem uma parte do sistema em que é validado se o usuário alterou ou não um campo de texto depois que foi salvo pela primeira vez, se sim o sistema bloqueia uma determinada ação.

O problema foi o seguinte, um usuário copiou um e-mail do outlook (que provavalmente estava com o charset UTF-8 e que havia um caractere não suportado pelo ISO-8859-1, mais especificamente o de code point 150, que é um traço tipo este “-”. Quando o usuário salvou o campo de texto, este caractere ficou com um simbolo diferente pois não era suportado pelo ISO-8859-1, sendo assim quando o usuário tentou executar a ação citada acima o sistema comparou o campo de texto que estava indo com o que já estava no banco, e o sistema bloqueou a ação pois o caractere apresentou diferença.

Apresentei o problema para o responsável e foi decidido que o sistema deveria trocar qualquer caractere não suportado pelo ISO-8859-1 por um interrogação (?). Fiz o seguinte:

A princípio resolvi verificar os code points suportados pelo ISO-8859-1, e caso o usuário informasse algum diferente deles eu trocaria por “?”. Rodando uma string simples para testar deu certo, mas quando coloquei um texto que possuia quebra de linha (Enter) e apóstrofo, estes também foram substituidos. Achei estranho o code point deles estarem entre os não suportados pelo ISO-8859-1. Como meu tempo era muito curto já resolvi passar pra outra solução e não procurei saber mais, foi ai que um colega de trabalho me sugeriu usar o ChasetDecoder. Pegamos rapidamente alguns exemplos no querido Google e fizemos o seguinte código:

1
2
3
4
5
6
7
8

CharsetDecoder iso88591Dec = Charset.forName("ISO-8859-1").newDecoder();
 
iso88591Dec.onMalformedInput(CodingErrorAction.IGNORE);
iso88591Dec.onUnmappableCharacter(CodingErrorAction.IGNORE);
 
iso88591Dec.decode(ByteBuffer.wrap(stringExemplo.getBytes())).toString();
 
stringExemplo = iso88591Dec.decode(ByteBuffer.wrap(stringExemplo.getBytes())).toString();

Com os parâmteros onMalformedInput e onUnmappableCharacter como IGNORE, os caracteres não suportados foram trocados pelo interrogação (?). Como não estou com muito tempo, para entender melhor veja a documentação .

Bom, feito isso resolvi o problema que me foi passado. Porém, como foi tudo muito corrido não sei se foi a melhor forma ou se tudo que eu falei aqui é besteira, queria saber se alguém possui uma solução melhor ou qualquer crítica (construtiva) por favor, usem os comentários á vontade. Só não vale os erros de português pois escrevi o post correndo e até peço desculpas também por isto. E caso eu esteja correto nesta solução espero ter ajudado vocês de alguma forma, abraço!

Antes de iniciar com as dicas, vamos a uma pequena e resumida definição sobre o que é o Flex e o que ele faz:
Flex é um framework “open source” da Adobe ideal para desenvolvimento de aplicações RIA (Rich Internet Application).
Utiliza as linguagens ActionScript 3.0:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

package testes{
	public class Teste{
		private var _privateVar:String;
		public  var publicVar:int;
 
		public function get privateVar():String{
			return _privateVar;
		}
 
		public function set privateVar(value:String):void{
			_privateVar = value;
		}
 
		public function showPrivateVar():void{
			Alert.show(_privateVar, "Titulo");
		}
	}
}

e MXML (baseada no XML, mas que no fim das contas acaba virando ActionScript):

1
2
3
4
5
6
7
8
9
10
11
12
13

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
			   xmlns:s="library://ns.adobe.com/flex/spark"
			   xmlns:mx="library://ns.adobe.com/flex/mx">
	<fx:Declarations>
		<!-- Place non-visual elements (e.g., services, value objects) here -->
	</fx:Declarations>
	<s:layout>
		<s:BasicLayout/>
	</s:layout>
	<s:Label text="Componente Label" id="lbl"/>
	<s:Button label="Botão" id="btn"/>
</s:Application>

obs: exemplo de MXML referente ao Flex 4, que possui algumas modificações em relação ao Flex 3.

O Flex Roda no Adobe Flash Player, que está presente na maioria dos computadores conectados à Internet, além de ser multi-plataforma e possuir praticamente total compatibilidade entre navegadores como Chrome, Firefox, Safari, Opera e Internet Explorer (sim, até nele!). Enfim, é um framework muito poderoso, que claro, assim como os outros também possui seus defeitos. Também possui integração com algumas linguagens como Java, PHP, Ruby…

3 Empresas importantes que utilizam o Flex em suas soluções:
- RIA Labs (Nacional)
- DClick (Nacional)
- Universal Mind (Internacional)

Vamos às dicas:

Como vocês estão iniciando no Flex, sugiro que já comecem pela versão 4, a não ser que por algum motivo seja necessário aprender a versão 3. Portanto os links deste post na maioria serão referentes à versão 4.

- O primeiro passo é baixar a SDK do Flex 4.
- Como IDE (Integrated Development Environment / Ambiente Integrado de Desenvolvimento) o ideal seria utilizar o Flash Builder 4 standalone ou o plugin para o Eclipse. Sim, infelizmente o Flash Builder 4 é pago (bem pago por sinal), mas não se desespere, a Adobe disponibiliza uma licença gratuita para estudantes, desempregados e para eventos, basta você preencher o formulário de acordo com seu perfil.
- Será necessário o Flash Player que provavelmente já está instalado em sua máquina, em todo caso, aconselho a baixar a versão debugger que permitirá que você “debugue” sua aplicação.

Em um outro post exemplificarei como fazer sua primeira aplicação em Flex, neste, irei apenas disponibilizar diversos links e materiais muito úteis para seus estudos.

- Para começar, sugiro que conheçam o Tour de Flex, que será um grande parceiro cheio de exemplos seguidos do código-fonte para você conhecer o mundo Flex. É uma aplicação feita em AIR (Flex para desktop), portanto é preciso baixar/instalar o Adobe AIR caso queira ele instalado em sua máquina, ou utilize a versão web
- É sempre bom ter “em mãos” a documentação da Adobe (zip contendo a documentação completa) ou pelo site.

Confira também os links:
- Blog oficial do Flex.
- Flex Developer Center
- Flex a partir do zero (Flex 3)
- goToAndLearn()
- Flex.org
- Diferenças entre o Flex 3 e 4
- Flex in a Week
- Style Explorer (Flex 3)
- LetsFlex
- Flex Regular Expression Explorer (Flex 3)
- Flex ChartSampler

Participe dos grupos:
- FlexDev
- FlexDuck
- FlexBrasil

- Posters completos do Adobe ActionScript 3, Adobe Flex Framework 3 Classes de Núlceo, Classes Adicionais e Classes Avançadas. (Retirado do blog do Igor Musardo)

Adquira os livros do Daniel Schmitz, que sem dúvida alguma são ótimos.

Acompanhe os blogs:
- Flex Examples
- Beck Novaes
- Daniel Schmitz
- Erko Bridee
- Igor Musardo
- Jandersonfc
- msdevstudio
- Eduardo Kraus
- Fabio Vedovelli
- Marcos Junior
- Stefan Horochovec
- Vinícius Lourenço
- Rede RIA

E claro, participe da campanha #soudev, la você ficará por dentro não só do mundo Flex mas sobre desenvolvimento em geral, além de fazer novas amizades e compartilhar informações/conhecimento!

Bom, material não falta… agora é cair nos estudos e dedicar. Precisa de mais links? nosso amigo Google pode te ajudar!

Com certeza esqueci de algum link ou blog interessante, caso queira complementar o post, fazer alguma correção ou tenha alguma dúvida, utilize os comentários!

Espero que gostem e que o post tenha sido útil! Abraço e até a próxima

Você usa o twitter e está cansado de ver tanta coisa inútil que não te agrega nada? A tag #soudev é a solução! Mas afinal o que é essa tag?

A idéia inicial começou com o nosso amigo @jandersonfc, que sugeriu criar uma lista (a #soudev) de desenvolvedores para que possamos ter um conteúdo útil no Twitter, ao invés de usá-lo de maneira inútil como a maioria. Mas a #soudev está se tornando muito mais que isso!

Se você é um desenvolvedor de qualquer linguagem/nível, ou pretende ser um, não deixe de participar!

Como participar? Simples, comece visitando nosso “pré-Portal” e fique por dentro do mundo #soudev!

Ajude a divulgar no twitter, em seu blog/site, ou da maneira que puder!




Acompanhe também:
Lista #soudev
Perfil #soudev

Não vou fazer um Hello World para lançar o blog como de costume, o lançamento (primeiro post \o) será feito divulgando um evento muito importante para a comunidade Flex/Flash, o Flex Mania, que será a primeira conferência Brasileira para plataforma Flash e contará com uma equipe de palestrantes muito fera!

Se você trabalha nessa área ou tem vontade de aprender não deixe de participar! O Flex Mania é gratuito e on-line (precisa apenas de uma conexão boa, se não tem usa a do vizinho) ou seja, é imperdível!

Ajude a divulgar utilizando a tag #flexmania no Twitter ou colocando um dos banners em seu site/blog ou do jeito que você puder!

É isso, espero que gostem do blog e que ele seja útil pra vocês!