O Blog-Health-o-Meter™ indica: Minty-Fresh™.

Números apetitosos

Um Boeing 747-400 transporta 416 passageiros. Este blog foi visitado cerca de 1,500 vezes em 2010. Ou seja, cerca de 4 747′s cheios.

Em 2010, escreveu 6 novo artigo, aumentando o arquivo total do seu blog para 18 artigos. Fez upload de 31 imagens, ocupando um total de 5mb. Isso equivale a cerca de 3 imagens por mês.

O dia mais visitado do ano foi 16 de setembro com 22 visualizações. O post mais popular deste dia foi Windows Azure e Cloud Computing.

De onde vieram?

Os sites que mais tráfego lhe enviaram em 2010 foram google.com.br, twitter.com, facebook.com, blogblogs.com.br e pt-br.wordpress.com.

Alguns visitantes vieram dos motores de busca, sobretudo por windows azure, ferramenta case c#, cloud computing c#, facebook c# e c# facebook.

Atrações em 2010

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

Windows Azure e Cloud Computing janeiro, 2010

Mantendo uma única instância de um Windows Form maio, 2008

Windows Live Writer e detecção de temas do WordPress [atualizado] maio, 2010
2 comentários

Ferramentas CASE agosto, 2008

RegisterStartupScript e erros malucos do ASP .Net janeiro, 2009

O problema consiste no fato de que, ao detectar o tema, o Windows Live Writer cria uma postagem automática para essa detecção. Mas por algum motivo, ele não detecta a tempo, e automaticamente essa postagem é direcionada para a lixeira. Com isso, o Windows Live Writer acaba detectando o tema da página inicial.

Não é tão catastrófico quanto parece, pois em muitos temas, a página inicial se assemelha com a página de leitura. O problema é aparente quando a página inicial difere com a página de leitura, como no meu blog. O Windows Live Writer cria a postagem temporária (característica que eu pensei estar alterada nesta nova versão, mas continua a mesma coisa), mas como essa postagem é enviada para a lixeira do WordPress logo em seguida (característica do WLW, que deleta automaticamente o post temporário), creio eu que não haja tempo suficiente para detectar as configurações da página de leitura.

Inicialmente eu achei que o problema fosse a postagem temporária em si, mas ao restaurar essa postagem e atualizar o tema do WLW, utilizando o link dessa postagem no lugar do endereço principal do blog, em algumas ocasiões eu consegui baixar as configurações do tema da página de leitura (em algumas, o WLW gerava uma nova postagem temporária e o problema persistia). Ou seja: provavelmente existe uma má sincronização entre o blog e o WLW no momento de detectar o tema (já que o WLW manda essa postagem para a lixeira antes de detectar totalmente o tema), fazendo com que o tema não seja detectado ou o tema da página inicial seja erroneamente detectado.

Como solução, eu deletei o blog do WLW, criei um post para detecção, copiei o link deste post, e adicionei novamente o blog no WLW, usando o link copiado. Dessa forma, o tema foi detectado corretamente, e sem que uma postagem temporária fosse criada.

Embora eu ainda precise acessar o WordPress para configurar a imagem, e acabe tendo que corrigir alguma coisa no texto, dessa forma eu consigo escrever o post e visualizar como ele vai ficar corretamente.

Espero que a Microsoft corrija esse problema na próxima versão do WLW.

[Atualização em 27/05/2010, às 16:48] Atendendo a pedidos, abaixo segue um tutorial detalhado de como proceder para detectar seu tema no Windows Live Writer. Vale ressaltar que eu tive esse problema com o tema antigo do blog (tema Structure). O tema atual é detectado normalmente através do endereço do blog.

Existem vários tipos de estruturas de temas, mas darei destaque para as estruturas de 3 Colunas e 2 Colunas, que foram objeto do estudo.

Quando surgiu meu problema, o tema utilizado apresentava 3 colunas na página inicial, mas quando eu selecionava um texto para ler, o layout alternava para o padrão de 2 colunas. Por algum problema de sincronização, quando o WLW criava o post temporário para detecção do tema, ora o tema não era detectado, ora detectava apenas o padrão de 3 colunas. Como as colunas laterais eram bem largas, e a coluna central era fina, com o fundo acinzentado e não justificava o texto, era impossível ver como o texto ficaria quando o leitor fosse ler ele, na tela de 2 colunas.

Para solucionar esse problema, e ver como o texto ficaria na hora da leitura, eu segui os passos a seguir:

• Delete o blog do WLW (Ferramentas –> Contas –> Selecione a conta desejada e clique em “Excluir”).
• No painel de controle do WordPress, crie um post chamado “detecção de tema”. O nome do post é indiferente. O importante é que no post haja pelo menos uma linha escrita.
• De volta ao WLW, adicione novamente o blog, mas no campo “Endereço web do blog”, ao invés do endereço do blog (no meu caso, http://[endereço do blog].wordpress.com), coloque o endereço do post (no caso, http://[endereço do blog].wordpress.com/2010/05/22/deteccao-de-tema).

• Conclua o processo e pronto. Se não ocorreu nenhuma falha durante esse processo, o tema foi detectado corretamente, e sem a criação de um post temporário. Nota: Esse processo foi testado apenas no WordPress, não garanto que funcionará em outros CRMs (Blogger, por exemplo).
• De volta ao WordPress, mova o post de detecção para a lixeira.

Qualquer dúvida, entrem em contato. Até mais!

Enquanto eu esperava pela confirmação de um trabalho que eu faria como freela, eu corria atrás de trabalhos fixos, com carteira assinada e tudo mais. Entre deixar um curriculum aqui e outro alí, surgiu uma oportunidade de Programador Web, em uma cidade vizinha. Eis que, ao buscar informações de como me candidatar à vaga, me pediram para enviar meu curriculum e meu portfolio. Portfolio?! Segue abaixo a descrição do que é um portfolio:

1. Conjunto de marcas, produtos e serviços de uma empresa. 2. Conjunto das contas de uma agência, produtora, fornecedor ou profissional. 3. Conjunto dos títulos de uma editora e de programas de uma emissora de rádio e TV.

Fonte: Dicionário Publicitário Online

Eu mal sabia direito o que era um portfolio! Durante meu tempo de programador, eu só trabalhava (e estudava),  não tinha mais tempo para nada, ainda mais pra fazer um portfolio. Outro problema foi em como montar esse portfolio. Grande parte do meu trabalho se concentrava em Intraner, ou seja, não poderiam ser adicionados ao meu portfolio, por questões de sigilo contratual. O único site em que eu tive participação no desenvolvimento, e que poderia ser adicionado ao portfolio é o site da PPC Santana, já que o portal fui eu quem desenvolvi (a área administrativa do site foi um companheiro meu quem desenvolveu) [Para não esquecer: o site sofreu alterações após minha saída da empresa de desenvolvimento].

Enfim, não fui convocado para nenhuma entrevista. Talvez tenham encontrado outro profissional na própria cidade, meu curriculum pode não ter impressionado, a falta de portfolio pode ter me prejudicado, eles devem ter detestado o site (embora a vaga dizia “Programador Web” e não “Web Designer”), várias são as possibilidades do que possa ter ocorrido.

Agora estou tentando criar meu portfolio. Por ora, ele vai ser composto por 2 trabalhos: o site da PPC Santana, que eu desenvolvi (exceto o layout),  um projeto de site que estou desenvolvendo para alguns amigos meus, onde layout e estrutura são de autoria minha (o site não será publicado tão cedo, por questões orçamentárias, mas me servirá como treinamento), e um sistema que criei para se auto-reproduzir no meu CD com os arquivos do TCC entegue no final de 2009, desenvolvido em WPF. Em breve o portfolio estará disponível para visitação aqui no blog. Fora isso, estou aguardando a data de um concurso público, para o cargo de Analista de Sistemas. Vamos ver o que o futuro me reserva…

Embora eu não possa garantir que o blog ficará no Facebook pra sempre (ainda estou fazendo testes), essa experiência poderá ser útil para negócios futuros. A respeito do meu sumiço repentino, o que posso dizer é que contratos de concessão de acesso à Internet se encerram. Fiquei sem internet por vários dias, e mesmo devolta à World Wide Web, ainda não estou à vontade para escrever do meu PC (prefiro o note) e estou meio sem criatividade (acontece sempre). Vamos ver se o Facebook me anima a escrever alguma novidade. No mais, preciso voltar às avaliações de segurança da Academia .NET Protector e pesquisar algumas funcionalidades pra trabalhos extras que pretendo iniciar.

Por enquanto é só isso. O link pro C# Developers no Facebook eu passo depois, ainda preciso confirmar ele mesmo…

Até mais!

A logomarca acima é marca registrada do Facebook.

Enquanto isso, eu continuarei em busca de um novo emprego. Afinal, aprendizado tem o seu preço, e às vezes ele é bem salgado.

Até mais!

O Windows Azure, parte da Plataforma de Serviços Azure, é uma plataforma que pode ser usada para execução de aplicações Windows e o armazenamento de dados na nuvem (CHAPPELL, 2009). O Windows Azure e aplicações para ele escritas, são executadas nos data centers da própria Microsoft, sendo acessados via internet pelos consumidores, sem a necessidade de instalação local de qualquer tipo de aplicativo adicional.

Um ISV (Independent Software Vendor, ou fornecedor independente de software) pode criar uma aplicação, neste caso um SaaS (Software as a Service, ou Software como Serviço) e hospedá-lo nos data centers da Microsoft. Os consumidores acessam o aplicativo e armazenam dados também nesses data centers. Empresas também podem usar o Windows Azure para criar e executar aplicações para seus próprios funcionários. Você utiliza o Live Services? Ele está disponível através do Azure! Microsoft SharePoint Services? Também está disponível! Microsoft Dynamics CRM Services? Nem preciso dizer.

O principal objetivo da plataforma é dar suporte a aplicações que têm um grande número de usuários simultâneos. A própria Microsoft vai construir suas aplicações SaaS com o Windows Azure. O Windows Azure foi projetado para dar suporte a aplicações que escalam horizontalmente, ou seja, que executam múltiplas cópias do mesmo código em vários servidores padrão, ao invés de executar essas mesmas cópias em apenas uma máquina. Aqui é que entra a virtualização, muito comum nos dias de hoje.

Para os desenvolvedores, existe o Microsoft® .NET Services, que oferece um conjunto de serviços voltados ao desenvolvedor e um SDK para a construção de aplicações .NET que serão executadas na nuvem, mas que por enquanto tem sua funcionalidade relacionada à conectividade das aplicações, ao controle de acesso e à hospedagem de fluxos de trabalho. Pode-se pensar no Microsoft® .NET Services como o novo .NET Framework usado para construir aplicações na nuvem, mas se trata apenas de uma malha de desenvolvimento baseada em serviços. Ainda assim, é provável que o Microsoft® .NET Services cresça e, futuramente, inclua mais recursos do .NET Framework na nuvem (SKONNARD, 2009).

Você não desenvolve aplicações em .NET? Sem problemas. O Windows Azure possui interoperabilidade com outras linguagens de programação: Java, PHP, Python e Ruby.

Os serviços da Plataforma Azure são pagos, seja você desenvolvedor ou usuário final. Para usuários finais, o custo não é tão alto, mas caso você use serviços do SQL Azure ou AppFabric, os custos aumentam consideravelmente (embora o custo de transferência de dados continue na faixa dos 0,10, 0,15 centavos de dólar). Os valores podem ser conferidos aqui.

Maiores informações:

• Windows Azure Platform
• Apresentando o Windows Azure
• Apresentando a Plataforma de Serviços Azure
• Introdução ao Microsoft® .NET Services para Desenvolvedores

Até mais!

“Este post está participando do Concurso Profissão Blogueiro, que vai premiar três blogueiros com netbook e kit completo para quem quer ter um blog de sucesso. Acesse: www.ideiasnoar.com.br/profissaoblogueiro.”

É fácil se perder no meio de comandos como LinearGradientBrush e RadialGradientBrush, mas estes são os mais simples, e você pode usa-los em várias aplicações diversas, em vários componentes. Ainda existe o comando ControlTemplate, que é onde se faz a “magia” da personalização, já que trabalhar apenas com o componente não resulta em algo satisfatório, é necessário “reconstruir” o componente, por assim dizer.

Ainda existe a questão da animação. No caso do botão, o efeito mais complexo é quando o mouse passa sobre o botão, iluminando-o. Para esse processo é criado um Storyboard, onde são definidos o tipo de animação, o tempo em que ela ocorrerá, entre outras opções.

Enfim, todo este processo seria mais simples se eu tivesse feito com auxilio do Microsoft® Expression Blend™, mas como eu não estou nem com grana pra sair no fim de semana, eu acabo sofrendo um pouquinho.

Sobre o botão, o blog do Martin Grayson possui um excelente tutorial (que eu segui), que pode ser baixado gratuitamente.

Agora eu preciso mesmo é pesquisar sobre Cloud Computing, mas ainda tenho tempo (pouco, mas tenho). No fim das contas, eu vou acabar escrevendo mesmo sobre os releases finais do Visual Studio 2010 e do .NET Framework 4.0.

Até mais!

Eis que nos últimos dias resolvi me aventurar pelo mundo do Windows Presentation Foundation (WPF). O WPF (ou Avalon, como era conhecido anteriormente) é um subsistema gráfico do .NET Framework 3.0, que usa uma linguagem de marcação conhecida como XAML (pronuncia-se “zemel”) para o desenvolvimento de interfaces gráficas ricas. Ele surgiu em 2001 como a nova tecnologia de apresentação do Windows Vista, e está incluído, além do Vista, com o Windows 7 e Windows Server 2008, estando também disponível para o Windows XP SP2 e Windows Server 2003.

Balela à parte, minha aventura se deu no momento em que e preciseu gravar um CD com os arquivos do meu TCC, que por sinal não teve nada a ver com C# ou Asp .NET. Como o tal do CD só teria os arquivos e mais nada, resolvi criar uma aplicação para abrir os arquivos contidos no CD. Não queria nada convencional. Queria algumas animações, efeitos visuais, imagens… Enfim, o WPF se encaixava totalmente no que eu queria. Aí começa a saga…

A montagem da interface é simples, já que lembra bastante HTML, XML, que são linguagens de marcação. A parte de estilos visuais lembra, em alguns momentos, o CSS, mas sua estrutura é bem mais complexa. O problema é criar estilos visuais mais complexos. Caso você tenha disponível o Microsoft Expression Blender, ótimo. É possível você criar uma aplicação em WPF, editando a parte visual, e adicionar código posteriormente no Visual Studio. Em caso contrário (como no meu caso), você sofrerá um pouco com a criação de estilos complexos.

Como exemplo de estilo complexo, segue abaixo o código para criação de um botão com efeito de vidro:

<Style x:Key="ButtonStyle" TargetType="{x:Type Button}">
    <Setter Property="Background" Value="#FF1F3B53" />
    <Setter Property="Foreground" Value="#FFFFF0F5" />
    <Setter Property="Padding" Value="3" />
    <Setter Property="BorderThickness" Value="1" />
    <Setter Property="BorderBrush">
        <Setter.Value>
            <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                <GradientStop Color="#FFA3AEB9" Offset="0" />
                <GradientStop Color="#FFA3AEB9" Offset="0.375" />
                <GradientStop Color="#FFA3AEB9" Offset="0.375" />
                <GradientStop Color="#FFA3AEB9" Offset="1" />
            </LinearGradientBrush>
        </Setter.Value>
    </Setter>
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type Button}">
                <ControlTemplate.Resources>
                    <Storyboard x:Key="showShine">
                        <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="glow" Storyboard.TargetProperty="(UIElement.Opacity)">
                            <SplineDoubleKeyFrame KeyTime="00:00:00.3000000" Value="1" />
                        </DoubleAnimationUsingKeyFrames>
                    </Storyboard>
                    <Storyboard x:Key="hideShine">
                        <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="glow" Storyboard.TargetProperty="(UIElement.Opacity)">
                            <SplineDoubleKeyFrame KeyTime="00:00:00.3000000" Value="0" />
                        </DoubleAnimationUsingKeyFrames>
                    </Storyboard>
                </ControlTemplate.Resources>
                <Grid>
                    <Border BorderBrush="#FFFFFFFF" BorderThickness="1,1,1,1" CornerRadius="4,4,4,4">
                        <Border x:Name="border" Background="#7F000000" BorderBrush="#FF000000" BorderThickness="1,1,1,1" CornerRadius="4,4,4,4">
                            <Grid>
                                <Grid.RowDefinitions>
                                    <RowDefinition Height="0.507*" />
                                    <RowDefinition Height="0.493*" />
                                </Grid.RowDefinitions>
                                <Border Opacity="0" HorizontalAlignment="Stretch" x:Name="glow" Width="Auto" Grid.RowSpan="2" CornerRadius="4,4,4,4">
                                    <Border.Background>
                                        <RadialGradientBrush>
                                            <RadialGradientBrush.RelativeTransform>
                                                <TransformGroup>
                                                    <ScaleTransform ScaleX="1.702" ScaleY="2.243" />
                                                    <SkewTransform AngleX="0" AngleY="0" />
                                                    <RotateTransform Angle="0" />
                                                    <TranslateTransform X="-0.368" Y="-0.152" />
                                                </TransformGroup>
                                            </RadialGradientBrush.RelativeTransform>
                                            <GradientStop= Color="#B28DBDFF" Offset="0" />
                                            <GradientStop= Color="#008DBDFF" Offset="1" />
                                        </RadialGradientBrush>
                                    </Border.Background>
                                </Border>
                                <ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center" Width="Auto" Grid.RowSpan="2" />
                                <Border HorizontalAlignment="Stretch" Margin="0,0,0,0" x:Name="shine" Width="Auto" CornerRadius="4,4,0,0">
                                    <Border.Background>
                                        <LinearGradientBrush EndPoint="0.494,0.889" StartPoint="0.494,0.028">
                                            <GradientStop= Color="#99FFFFFF" Offset="0" />
                                            <GradientStop= Color="#33FFFFFF" Offset="1" />
                                        </LinearGradientBrush>
                                    </Border.Background>
                                </Border>
                            </Grid>
                        </Border>
                    </Border>
                </Grid>
                <ControlTemplate.Triggers>
                    <Trigger Property="IsMouseOver" Value="True">
                        <Trigger.ExitActions>
                            <BeginStoryboard Storyboard="{StaticResource hideShine}" x:Name="hideShine_BeginStoryboard" />
                        </Trigger.ExitActions>
                        <Trigger.EnterActions>
                            <BeginStoryboard Storyboard="{StaticResource showShine}" x:Name="showShine_BeginStoryboard" />
                        </Trigger.EnterActions>
                    </Trigger>
                    <Trigger Property="IsPressed" Value="True">
                        <Setter Property="Opacity" TargetName="shine" Value="0.4" />
                        <Setter Property="Background" TargetName="border" Value="#99000000" />
                        <Setter Property="Visibility" TargetName="glow" Value="Hidden" />
                    </Trigger>
                </ControlTemplate.Triggers>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

Embora trabalhoso, o código acima produz um resultado bem bonito, como o visto abaixo:

Detalhe de um botão durante o evento “IsMouseOver”:

Por ser um botão semi-transparente, ele reage com a cor ou imagem aplicadas no fundo da aplicação. Veja abaixo:

E o detalhe do botão durante o evento “IsMouseOver:

Ainda tenho muito o que escrever sobre essa nova experiência com o wpf, mas vai ficar para um próximo post.

Até mais!

Nota de revisão: Editado no dia 4 de janeiro de 2010. O código apresentado está formatado da mesma forma que no Visual Studio. Tarefa trabalhosa (fiz a formatação à mão, no Notepad), pois os plugins existentes para o Windows Live Writter não são eficientes para publicação no WordPress.

Segundo a Insite, as necessidades de seus clientes estão ficando cada vez maiores e mais complexas, e unindo forças com o UOL, eles poderão oferecer um nível de qualidade e produtos que seriam impossíveis para a Insite oferecer sozinha. “A solidez e a força do UOL garantem que vamos ser capazes de oferecer esses produtos e muito mais com um nível de qualidade ainda maior.”, diz a Insite, em seu blog.

Ainda segundo a Insite, os planos continuam todos com as mesmas características, e continuam podendo ser contratados normalmente.

Leiam a matéria toda no Inblog Dicas, o blog da Insite.

A gente se vê lá!