Flex - que bicho é esse ?

É uma maneia de turbinar as aplicações interativas para Web desenvolvidas com Flash.
Enquanto o Flash está mais voltado para aplicações que envolvam componetes gráficos e de animações, o Flex permite construir aplicações orientadas a objetos com persistência de dados, dentro do conceito de RIA.
Flex in a week - http://www.adobe.com/devnet/flex/videotraining/

ActionScript 3.0

Já consegui fazer pequenas coisas como, por exemplo, carregar código HTML para dentro do Flash e clicar em um botão para trocar a cor de uma figura.
Comecei a investigar como trabalhar com POO.
Em http://imasters.uol.com.br/artigo/7873/actionscript/programacao_orientada_a_objeto_em_actionscript_30/ tem um artigo introdutório.
ActionScript para programadores Java em http://www.infoq.com/br/articles/actionscript-java
Referência da linguagem em http://help.adobe.com/pt_BR/AS3LCR/Flash_10.0/index.html
Apostilas em http://msdevstudio.com/blog/2008/06/30/tutorial-action-script-3-parte-i-o-livro/
Relação de erros de compilação - http://livedocs.adobe.com/flex/201/langref/compilerErrors.html

Ai, que saudades do Java !
A pesar de muitas coisas serem parecidas (tem package, class, static, public, private, etc) outas dão um nó na cabeça. É o caso dos getters e setters, dos tipos de dados (Number é para o tipo real), trace (que equivale ao System.out.println), entre outros.

UCD x UCD

1) UCD = User Centered Design = Design Centrado no Usuário
2) UCD = Usage Centered Design = Design Centrado no Uso

A final, qual a real difereça entre eles ?
1 o foco está nas pessoas que vão usar o produto. Leva-se em consideração as necessidades, os desejo e as experiências de uso do produto.
2 o foco está no produto, na maneira como o produto será usado.

Então ?
1 está relacionado com User Experience, Acessibilidade, Arquitetura da Informação e Personas.
2 está relacionado com Usabilidade, Prototipação, Cenários e User Roles.

Tem uma tabela de comparação no trabalho de

Constantine, L., Biddle, R., & Noble, J. (2003). Usage centred design and software engineering: Models for integration. Disponível em http://citeseerx.ist.psu.edu/viewdoc/download?doi=10.1.1.101.4753&rep=rep1&type=pdf

Gramado ZOO

Fotos. Muitas Fotos !

O zoológico de Gramado é um convite para muitas horas dedicadas à fotografia.

Fica localizado a uns 5 Km do centro de Gramado, custa R$ 16,00 para adultos e tem um ótima infra-estrutura de lanchonete, banheiros e estacionamento.

Os animais são super bem cuidados.

Vale a pena a visita !

Aqui, maiores informações.

Joomla - instalação

É um CMS (Content Management System), escrito em PHP, semelhante ao PHPNuke.
Ontem fiz a instalação na minha máquina, cujo processo deixo registrado abaixo:
- Download da versão 1.5 a partir de http://www.joomla.com.br/downloads/doc_download/68-joomla-1513.html
- Download do EasyPHP a partir de http://www.baixaki.com.br/download/EasyPHP.htm
- Após instalar o EasyPHP , descompactar o joomla dentro da pasta www do EasyPHP. Ficou assim : ..\easyphp\www\joomla
- Ativar o serviço do EasyPHP e entar no modo de administração
- Criar o banco de dados
- Na barra de endereços do navegador digitar http://localhost/joomla. Vai chamar o código php de instalação.
- A partir daqui segui as dicas de http://www.igoia.info/instalacao-passo-a-passo.html

Para configurar o idioma tem um vídeo no youtube : http://www.youtube.com/watch?v=3HY3mTNd1iE

O próximo passo é, através da área de administração do site, iniciar a construção do mesmo. Os passo para isto estarei postando em breve.

Dia Mundial do Orgasmo

Eu nem sabia que isso existia.

Procurando na Internet sobre o assunto, encontrei a charge abaixo.

Valeu a piadinha !

Anotações do Livro Projetando Websites

A medida em que eu ia lendo o livro do Nielsen, eu ia anotando as coisas que julgava mais interessantes. Talvez o texto a seguir fique um pouco longo, mas não posso perder estas dicas preciosas :

A respeito da navegação:

• Navegação minimizda
• "liberdade de movimento"
• Colocar um logotipo (com link para a homepage) em cada página para oferecer uma maneira rápida de voltar à página principal
• Uso de "bread crumbs" ajuda a responder às perguntas: onde estou ? onde estive ?
• Outros mecanismos importantes: mecanismos de busca interna e árvores de navegação

A respeito do layout:

• O espaço em branco pode orientar o olhar e ajudar os usuários a entender o agrupamento das informações
• Simplicidade -> menos tempo de transferência -> economia. "Se o design funcionar igualmente bem sem um dado elemento, retire-o"
• Especificar páginas que permitam aos browsers otimizar a exibição do conteúdo conforme o contexto de cada usuário (web, palm, celular, tv digital)
• "Colecione browsers !"
• Recomenda-se separar significado de apresentação (folhas de estilo)
• Especificar layouts como percentuais do espaço disponível
• Não imbutir texto em elementos gráficos -> dificulta a tradução para outros idiomas e compromete a legibilidade em função da resolução de vídeo
• Links visitados em vermelho e não visitados em azul (preferencialmente)
• Texto conciso, layout de fácil leitura e linguagem objetiva. - Uma idéia por parágrafo
• Usar cores de alto contraste entre fundo e letra.
• Não usar imagens de fundo.

A respeito da disponibilização de conteúdo:

• "Codificação semântica" -> permite que o dispositivo otimize a exibição de acordo com a sua capacidade
• Usar thumbnails para exibir imagens
• Oferecer uma versão para impressão de conteúdos muito longos.

A respeito da acessibilidade:

• Permitir que usuários possam ajustar o tamanho da fonte
• Fazer testes de alto contraste e com dosvox (por minha conta - lembrei que isso foi falado na palestra do Tiago - para não esquecer dois testes importantes)

A respeito dos mecanismos de ajuda:

• Enfatizar o "como fazer" -> passo a passo
• Usar "títulos de links" para fornecer uma breve visão sobre o que trata o link (palavra reservada title do html). Obs : o formato muda em cada navegador
• Links ou títulos de links explicando conceitos difíceis
• Mensagens de erro devem ser escritas em linguagem simples e centrada no usuário -> devem ajudar o usuário a superar o problema e aprender (para não repetir o erro)
• Barras de progresso ou uso de cores indicando links mais rápidos ou mais lentos ajudam o usuário a prever o tempo de resposta para uma determinada ação