Salve pessoal

E finalmente eu tomei vergonha na cara e decidi investir uma grana no meu crescimento profissional, estou aqui para confirmar que vou estar no FlashCampBrasil 2011 que acontecerá nos dias 8 e 9 de Abril em Maceió.

No ano passado eu estava envolvido com um projeto muito grande que tomava todo o meu tempo e infelizmente não pude participar durante os dias do evento eu fiquei extremamente decepcionado comigo por não participar e aprender, mas esse ano tudo mudou, estou atualmente trabalhando na Alta Comunicazione e juntamente com meu amigo redator Raphael Dib vamos embarcar para essa aventura no dia 07/04/2011 levando na mala muita vontade de aprender e uma disposição sem igual para participar de quase todas as palestras.

A aventura

Arrumar tempo para participar do FlashCampBrasil não foi nada fácil, atualmente como FlashDeveloper e Art Director da Alta Comunicazione meu tempo é curto e valioso e somente um evento dessa grandeza poderia me tirar da frente do PC, gostaria de agradecer ao meu “chefe” e amigo @migueldebs por permitir essa pausa nas minhas atividades e o financiamento de parte dessa aventura “Vlw Brother, é nóis!”

Para aqueles que moram em Ribeirão Preto e estão pensando em ir eu gostaria de deixar a dica, não é caro e vale cada centavo, depois de muita pesquisa do Raphael Dib conseguimos tudo pelo valor de R$ 430,00 e esse “tudo” inclui dois dias em Salvador (escala do avião) , dois dias em Maceió através da Webjet e da GOL e o aluguel de um carro para nos deslocarmos por lá, a grana da bebida e da bagunça não está inclusa nesse valor, mas acredito que no total não vou gastar mais do que R$ 700,00.

Lembrando aos azarados que não vão participar do FlashCampBrasil que esse autor vai fazer nesse blog um resumo diário do que aconteceu no evento, mas caso queiram ficar mais informados sigam meu Twitter @lmcosta

Para os que vão ao FlashCampBrasil deixo aqui o meu “salve!” espero conhecer vários amigos de MSN,facebook e twitter pessoalmente em Maceió, quem sabe não rola uma cervejada por lá!

Abraços

aqui a biblioteca que contém o componente, e adicioná-la na pasta libs do seu projeto.

2. Agora precisamos incluir a classe principal do componente no Application do nosso projeto Flex.

3. Devemos extender os objetos que desejamos destacar e implementar a interface br.com.dclick.components.zoom.IZoomItem, no meu exemplo, eu extendi a classe Panel que ficou assim.

4. Observe o método useBackgroundZoomContainer():Boolean da interface IZoomItem, ele serve para auxiliar quando estamos tentando destacar um componente com fundo transparente, como no caso apresentado o meu Panel não tem um background transparente, então eu retorno false no método.

5. Aplicar a minha nova classe PanelZoom ao meu Application.

6. Executar o projeto e clicar no novo painel segurando o SHIFT para testar o efeito.

Agora já podem abusar do componente e extender qualquer tipo de componente visual. Espero que tenham gostado!

aqui a biblioteca que contém o componente, e adicioná-la na pasta libs do seu projeto.

2. Agora precisamos incluir a classe principal do componente no Application do nosso projeto Flex.

3. Devemos extender os objetos que desejamos destacar e implementar a interface br.com.dclick.components.zoom.IZoomItem, no meu exemplo, eu extendi a classe Panel que ficou assim.

4. Observe o método useBackgroundZoomContainer():Boolean da interface IZoomItem, ele serve para auxiliar quando estamos tentando destacar um componente com fundo transparente, como no caso apresentado o meu Panel não tem um background transparente, então eu retorno false no método.

5. Aplicar a minha nova classe PanelZoom ao meu Application.

6. Executar o projeto e clicar no novo painel segurando o SHIFT para testar o efeito.

Agora já podem abusar do componente e extender qualquer tipo de componente visual. Espero que tenham gostado!

Boa tarde pessoal!

Começando o ano muito bem. A InfoWorld publicou as tecnologias em destaque do ano, e como vencedor da categoria “Best Rich Internet Application (RIA) Platform”, o Silverlight 4 se destacou. Muito show mesmo!

Links interessantes.

http://team.silverlight.net/announcement/silverlight-4-receives-infoworld-rsquo-s-2011-technology-of-the-year-award/

http://www.infoworld.com/d/developer-world/infoworld-review-microsoft-silverlight-4-vs-adobe-flash-101-260?source=rs

Abs.

Robson Fernandes

Os duendes das estatísticas do WordPress.com analisaram o desempenho deste blog em 2010 e apresentam-lhe aqui um resumo de alto nível da saúde do seu blog:

O Blog-Health-o-Meter™ indica: Uau.

Números apetitosos

Um Boeing 747-400 transporta 416 passageiros. Este blog foi visitado cerca de 12,000 vezes em 2010. Ou seja, cerca de 29 747s cheios.

?

Em 2010, escreveu 23 novo artigo, aumentando o arquivo total do seu blog para 80 artigos. Fez upload de 2 imagens, ocupando um total de 85kb.

O seu dia mais activo do ano foi 16 de agosto com 110 visitas. O artigo mais popular desse dia foi C#.

De onde vieram?

Os sites que mais tráfego lhe enviaram em 2010 foram social.msdn.microsoft.com, google.com.br, devmedia.com.br, rederia.net e pt-br.wordpress.com

Alguns visitantes vieram dos motores de busca, sobretudo por exemplo de aplicação desktop c# vs 2010, flavia moreira, sites super interessantes, video aula silverlight e reconhecimento de voz c#

Atracções em 2010

Estes são os artigos e páginas mais visitados em 2010.

C# novembro, 2008
3 comentários

Sobre mim agosto, 2008
54 comentários

Sites super interessantes agosto, 2008
3 comentários

Populando Datagrid usando LINQ TO SQL em Silverlight agosto, 2008
16 comentários

WPF E RECONHECIMENTO DE VOZ março, 2009
4 comentários

Se quer um tema simples e limpo para o seu blog, e que possa personalizar à vontade, acho que vai gostar do tema que apresentamos hoje.Chama-se Pilcrow.

Pilcrow

Pilcrow é uma actualização do antigo PressRow, que vamos retirar esta semana. Pilcrow não é apenas uma substituição. Esforçámo-nos muito para torná-lo um tema mais genérico.

Pilcrow mantém o aspecto familiar, simples e limpo, mas expandimos o desenho básico para que disponha de seis modalidades possíveis de layout e quatro áreas de sidebars e widgets. A escolha é sua.

?

seis opções

Além disso, pode ainda escolher quatro esquemas de cores diferentes: claro, escuro, vermelho e castanho. Visitando Aparência ? Fundo, pode personalizar o fundo de qualquer esquema de cores e fazer upload de uma imagem de fundo.

Pilcrow em 3 colunas, cores castanhas, cabeçalho escondido e fundo personalizado

Pilcrow tem também cabeçalhos personalizados. Em Aparência ? Cabeçalho pode enviar sua imagem de cabeçalho, mudar a cor do texto ou até escondê-la. Se quiser um cabeçalho especial para um post ou página, fazer upload de uma imagem de destaque, a partir do editor de páginas ou posts.

O tema já está disponível em Aparência ? Temas, e em breve estará disponível no diretório de temas WordPress, para utilizadores de blogs WordPress.org.

Especificações (todas as medidas estão em pixels):

Novos desafios para minha carreira!

Salve pessoal

Os que me seguem pelo Twitter já sabem, mas aos que não sabem gostaria de informar que estou novamente no mercado de publicidade, mas especificamente na Alta Comunicazione.

Quem me conhece pessoalmente sabe que eu venho falando há muito tempo que o melhor formato de trabalho é o “Home Office” então porque aceitei essa mudança?

Eu acredito na evolução constante do homem, acredito que só fica estagnado quem tem preguiça ou medo do novo, a última agência que trabalhei foi a OWINTERACTIVE, lá eu tive varias experiências que me fizeram evoluir muito como profissional, meu primeiro projeto em AS3 foi o site da Virazom e nesse período aprendi bastante coisa, fiz novos amigos e evolui como profissional.

Passado esse período tive alguns problemas pessoais e decidi que me dedicaria exclusivamente aos “freelas”, foram 2 anos vivendo dessa maneira, nesses 2 anos ganhei muito e perdi muito porém o mais importante foi a experiência de ter que me virar em todas as áreas, gerenciar projetos e equipes e ter experiências de trabalhos internacionais.

Em 2010 eu trabalhei para uma empresa de Portugal com uma equipe de amigos “freelas”. Foi bem legal e difícil gerenciar toda essa quantidade de trabalho e relacionamentos, mas no final tudo aconteceu bem, ainda temos algumas coisas por resolver, mas o saldo da evolução é bom e me deixa satisfeito.

Novos desafios

Agora estou na Alta Comunicazione, novos desafios me esperam, na Alta Comunicazione minha função não é apenas de “Flash Coder” estou fazendo também a parte de direção de criação, atividade essa que desenvolvi também durante o ano de 2010.

A equipe é bem legal, destaque para a galera do 3D que vão com certeza me ajudar a ter um portfólio bem melhor durante o ano de 2011.

Desafios para 2011

Todo homem tem que ter metas as minhas para 2011 são

1. Evoluir mais como programador AS3
2. Lançar o meu curso de AS3
3. Conseguir finalmente colocar meu site no ar (em casa de ferreiro espeto é de pau)
4. Ganhar um FWA
5. Aprender 3D Max
6. Aprender Affter Effects
7. Voltar a escrever nesse blog
8. Ficar rico fazendo o que eu faço rsrs

Bom pessoal é isso, post meio “institucional” mas em breve volto a escrever coisas úteis!

Twitter!

Esse texto não visa explicar o que é UX, já temos um texto que trata do assunto, este artigo abaixo é a visão de Shane Morris sobre o processo de UX em si.

Entenda do artigo a palavra produto como o aplicativo em si construído pelo desenvolvedor e designer.

Shane Morris, um ex-UX Evangelista da Microsoft e que atualmente é um UX Arquiteto independente, realizou uma palestra chamada “Pimp My App” no TechEd Brasil 2010, apresentando cinco coisas para se saber antes de começar a criar uma UX (como já comentei,  no texto What the hell is UX?, é comum arquitetos se apoderarem do termo UX a fim de definir a matéria de usabilidade com um algo a mais, porém aqui no texto vale o nome, só acho que um pouco mal colocado), e 6 dicas de como desenvolver um produto com uma aparência maravilhosa.

Morris considera que o desenvolvimento de uma UX (como já havia citado, UX não é algo concreto mas vamos lá), deve seguir as seguintes etapas:

1. Projeto Conceitual

2. Design de Informação

3. Design de Interação

4. Apresentação do Design

.

Ele fala de cinco coisas que deve-se saber antes de começar a “UX”:

.

1.  A primeira função de um projeto de UX não é estabelecer as cores e as fontes, mas classificar as informações a serem exibidas e estabelecer o fluxo de informações, ajudando o usuário  a encontrar o seu caminho, fazendo com que o mesmo consiga realizar a tarefa predisposta. Em seguida vem a questão “emocional” do produto.

2. Definição dos objetivos do usuário, dos negócios, da usabilidade, da experiência e perspectiva, porque tudo isso irá afetar o design.
O que acontece com o olhar do usuário quando este acessa um produto e uma página? Qual objetivo da organização do produto? O que torna um produto útil? Ele é fácil de usar? Flexível? Adaptável?
Qual é a experiência de se usar o produto desejado?
Esta é a melhor forma de expor as informações aos usuáros potenciais do produto, caso contrário o designer deve se perguntar o que ele gostaria de ver se ele fosse um cliente.

3. “Você não é o usuário”. Enquanto o designer deve tentar imaginar o que o usuário gostaria de ver ao utilizar o produto, ele deve lembrar que ele não entende realmente os gostos do usuário e o que realmente gosta ou sente, então ele não deve assumir que todos os usuários vão gostar de tudo que ele gostaria de ver.

4. Realizar testes de usabilidade a cada dois ou três sprints para certificar-se de que as novas implementações no projeto serão bem recebidas.

5.  Adquirir uma boa compreensão do fluxo de informação em todo o produto, pois ele ajuda a imaginar maneiras melhores de apresentar essa informação. Então só depois disso podemos passar a pensar na concepção da Interface para o usuário (UI – User Interface).

.

Morris continua com 4 etapas desse esquema:

.

1. Mapear o fluxo de trabalho, determinar a sequencia das ações que o usuário pode vir a realizar, a fim de conseguir fazer as atividades.

2. Liste os seus conteúdos, determine os widgets necessários para tonar o fluxo de trabalho possível. Apropriadamente escolha os check boxes, radio buttons, spin buttons, etc. Escolha a terminologia utilizada, ou seja, palavras que aparecem nos botões (text label), check boxes, etc.

3. Organização dos elementos da página, essa organização visual deve ser considerado a partir do fluxo normal de uma página (visão ocidental), que é na maioria dos países, da esquerda para a direita e de cima para baixo. Essa é o padrão a ser levado em consideração.

4. Verifique o agrupamento. Alguns elementos estão fortemente relacionados entre si, e por isso é natural agrupá-los por página, isso pode exigir alguma reorganização dos elementos (e até mesmo da proposta inicial).

.

Em seguida, ele apresenta 6 dicas para melhorar a forma como o produto se apresenta:

.

1. Remova todos os elementos desnecessários, uma abordagem minimalista seria recomendada.Toda a “decoração” deve ser feita com um propósito em mente. Caso se trate de um produto previamente projetado, deve-se remover qualquer elemento que não é relamente necessário ou que tumultua a vista, enganando o usuário em relação ao seu real propósito. Por exemplo, se dois elementos são relacionados, devem estar juntos dentro  do mesmo box, em vez de em boxes separados.

2. Minimize as variações. Deve-se ser coerente com as fontes, layout e cores utilizadas. Isso não significa que deve ser usar as mesmas características por toda a página, mas a variação é que deve ser limitada. As pessoas são mais atraídas  por GUIs (Guidelines) consistentes e previsíveis.
Por exemplo, a área de compra de um site deve ter um destaque diferente, porém a tal área além de ter um visual mais próprio, mantem um padrão entre si.

3. Alinhamento. É importante que os vários elementos de uma pagina estejam alinhados tanto quanto possíveis, para que isso de fato crie um fluxo visual, tornando mais fácil para o usuário entender a página.

4. Uniformidade e Proporção.  Tem de haver equilíbrio na forma como os elementos estão dimensionados e espaçados entre si. O olho prefere elementos do mesmo tamanho e com espaçamento proporcional, fazendo com que pareça natural.

5. Indique agrupamento através de boxes, com similaridade, proximidade, alinhamento, e espaçamentos.

6. Ajuste o peso visual. Atribua diferentes pesos aos elementos visuais, usando cores, tamanho, forma, desalinhamento, contraste, animação, isso ajuda o usuário a navegar em uma página pela ordem correta projetada. Por exemplo, o olho vai notar rapidamente os elementos que são maiores, ou com maior contraste, com cor de funda, ou mesmo com cor quente.

.

Morris também ofereceu conselhos sobre o uso de cores:

.

“O vermelho e o verde não deve serem vistos sem uma cor entre eles” – Tendo cuidado na combinação de cores. Na verdade o Morris foi simplista, já que poderia ter citado que vermelho e verde, ou vermelho e azul são cores opostas, essas cores se não tiverem uma linha branca entre elas (só exemplo) causará confusão no cérebro vulgo ilusão de optica.

Utilizando uma abordagem minimalista para o o número de cores. Ou seja, não faça do seu produto um arco-íris a menos que você saiba o que está fazendo.

Morris pede aos designers escolherem uma escala de 1 a 5, 1 correspondente a não ter uma experiência em UX e 5 se refere a quem já tem uma experiência basta e sabe como utilizar as cores. Assim se um desenvolvedor acha que não tem talento para a arte, mas que ele necessita tomar uma decisão sobre uma determinada interface, que utilize então apenas uma cor. Se alguém pensa que é um bom designer então ele merece usar escala de 3 cores, mas se ele é um especialista já pode usar 5 horas e bem, ele já sabe que pode fazer isso.

A cor de fundo deve ser neutra, branco, cinza, marinho, preto, marrom escuro, porque essas cores trabalham muito bem com a maioria das demais que estarão na página.

Se o indivíduo não sabe quais cores usar deve-se usar tons de uma mesma cor.

Utilize um desses sites para tirar boas combinações para uma aplicação.
http://kuler.adobe.com/

http://colourlovers.com

Ambos possuem boas aplicações em Air para utilizar no seu desktop.

Preste anteção aos problemas de visão, mais precisamente dautonismo que afeta 10% dos homens, segundo Morris.  O site  vischeck.com é útil para garantir que o design é apropriado a esse respeito, e não deve se confiar somente na cor para transmitir informações.

Cores frias, azul, verde – tendem a diminuir quando usadas em relação ao espectador, da mesma forma, cores quentes, o inverso, tal como vermelho, laranja,. Então utilize apropriadamente as cores para o que deseja, como no caso de algo que queira estar próximo do espectador utilize cores quentes.

Bom, essa é a visão do Morris, não há nada novo aí, mas espero que ajudem a agregar mais conhecimento sobre o tema, acontece que, novamente isso não é UX, isso é os passos para se garantir uma boa UX, lembrando que UX é de fato a experiência do usuário, para se atingir a mesma é necessário técnicas e essas são as mais básicas que devem ser respeitadas para o mínimo de sucesso.

_________________________________________

Eduardo Horvath é UX Specialist e Designer na DClick.
Formado pela Faculdade Impacta de Tecnologia no curso Design de Mídia Digital ele atua na área de Design a mais de 15 anos.
@eduardohorvath

Olá pessoal

Faz um bom tempo que não escrevo e isso porque eu tenho trabalhado bastante graças a DEUS.

Hoje vou falar sobre um assunto que pode ajudar quem tem Motorola Milestone, vou ensinar como habilitar a conexão 3G da OI, apanhei um pouco mais acabei conseguindo achar um conteúdo legal na net para fazer isso, então vamos ao trabalho.

Com seu Milestone em mãos, vá em Menu>Configurações>Redes Sem fio e Outras>Redes Móveis>Pontos de Acesso>Menu>Novo APN e coloque a configuração abaixo

Pronto, agora é só brincar com seu Milestone que na minha opinião é um dos melhores Smartfones do mundo.