E não é só para dar um tapa no visual, o novo tema mostra os novos recursos do WordPress, como podemos ver no vídeo.

Acho que está na hora de trocar a cara do site (se bem que, com o Google Reader e demais leitores de feeds, ninguém mais visita blogs)

Para melhorar o  desempenho – sofrível se comparado com o MapServer – existe uma opção para a utilização de cache no ArcGIS Server que funciona bem. Ao invés do servidor ter de reconstruir a imagem, toda vez que ela é requisitada, ele gera esta imagem apenas uma vez, grava em algum lugar e depois apenas a repassa para o servidor de aplicação.

Isto gerou um problema. Quando as imagens era geradas dinamicamente, havia a possibilidade do ArcGIS Server reprojetar e/ou reposicionar o mapa para  combiná-la com todos os layers.  Se um serviço usa EPSG:4618 e outro usa SR-ORG:95,  por exemplo. Mas com o uso do cache, a imagem criada possui apenas o sistema de referenciamento definida no serviço, não podendo mudar.

Assim, ao combinar dois layers cujos sistemas de referenciamento espacial são diferentes, temos as seguintes situações:

• Os dois layers são dinâmicos:  um sistema é escolhido e os dois layers utilizam este;
• Um dos layers é dinâmico e o outro possui cache: o dinâmico é projetado/adaptado ao sistema do que tem cache;
• Os dois layers usam cache: apenas um deles é exibido. Não há reprojeção.

O ideal então é manter um único sistema de referenciamento espacial nos serviços. E aproveitar para deixar todos no SIRGAS2000.

Posts relacionados

• ArcGIS Javascript, Dojo e o método require
• SIRGAS 2000
• Sistema de Referenciamento Espacial
• SIG – Sistema de Informação Geográfica

Cada uma delas conta com sua própria agenda, mas eu só utilizo a do Google Apps.  Mas o Milestone  sincroniza a agenda com apenas uma conta, a primeira que você cadastrar. E para solucionar o problema do post anterior tive de cadastrar primeiro minha conta Google comum.

Algo estranho, deveria ser possível ao menos escolher com qual conta sincronizar. Bom, o jeito é remediar. Como? Primeiro entre na seção de configuração do calendário, na interface administrativa do Google Apps. O endereço é algo assim:

https://www.google.com/a/cpanel/example.com/CalendarSettings

Claro que você deve substituir example.com por seu próprio domínio.  Note o item “Sharing options“. Assegure-se de escolher o item “Share all information, and outsiders can change calendars“.

Atenção!  Para que esta configuração tenha efeito pode demorar alguns minutos. Caso os passos seguintes não dêem resultado, tnte novamente depois.

Bom, agora você pode compartilhar sua agenda do Google Apps e inserí-la na agenda do Google, através do  My Calendars → Settings → Sharing.  Coloque seu email @gmail.com e escolha na caixa a opção Make changes AND manage sharing. Pronto!

Agora você conseguirá visulizar ambas as agendas em seu Motorola Milestone. só espero que em um próximo update do Android isto deixe de ser necessário.

Posts relacionados

• Não consegue adicionar outra conta Google no Motorola Milestone?
• Migrando emails do Gmail para o Google Apps
• Migrando para o Google Apps Gmail
• Motorola Milestone (Droid)

Além de maior suporte aos padrões web mais atuais (HTML 5, CSS 2.1), aumentou bastante o desempenho, crucial para visitar sites Ajax:

O Firefox mais rápido de todos

As coisas mudam rapidamente na web, por isso melhoramos o motor do Firefox para assegurar que você possa acompanhá-las: o Firefox 3.5 é duas vezes mais rápido que o Firefox 3 e dez vezes mais rápido que o Firefox 2.* Dessa forma, aplicações Web como emails e sites de fotos estarão mais rápidas e sem atrasos.

Meu uso indica que está tão rápido quanto o Chrome: super ligeiro! Agora tenho a velocidade do Chrome e os plugins indispensáeis do Firefox, como o Firebug.

Posts relacionados

• Firefox Download Day
• Vivo Online no Firefox
• Eu baixei, e você?

http://googleblog.blogspot.com/2009/06/local-business-center-dashboard-opens.html

Atualizaram o serviço e incluíram mais opções. Se você não conhece, o Google Local Business Center, ou Google LBC,  permite ao proprietário de uma empresa que apareça  no mapa do Google Maps,  editar os dados apresentados.

Assim pode-se atualizar o telefone de contato, adicionar informações e tudo mais. Para isto é necessário provar que você é realmente responsável pela empresa, e aí entra em campo, em uma das opções,  o velho e conhecido correio.  Aquele do envelope e selo, lembra?

Bom, parece que existem indicadores interessantes para aqueles que possuem empresas com localização física:

• Impressions: The number of times the business listing appeared as a result on a Google.com search or Google Maps search in a given period.
• Actions: The number of times people interacted with the listing; for example, the number of times they clicked through to the business’ website or requested driving directions to the business.
• Top search queries: Which queries led customers to the business listing; for example, are they finding the listing for a cafe by searching for “tea” or “coffee”?
• Zip codes where driving directions come from: Which zip codes customers are coming from when they request directions to your location.

Em resumo, são estatísticas geradas pelo próprio Google e seu sistema
Google Maps, quando seu uso faz referência à sua empresa. Eu diria que
servem para complementar o Google Analytics.

Posts relacionados

• Gmail, Tasks e Google Maps
• Não consegue adicionar outra conta Google no Motorola Milestone?
• Google Tasks Desktop
• Migrando para o Google Apps Gmail

A construção explícita do tipo de entidade ‘###’ na consulta não é permitida.

ou, em bom inglês Google friendly:

Explicit construction of entity type ‘###’ in query is not allowed

O código que gerou a mensagem pouco agradável foi este:

var res =
    from m in MyDataContext.INSCRICAOs
    group m by m.PESSOA into p
    select new MAILING()
    {
        idMailingTexto = idMailingTexto,
        nomPessoa = p.First().PESSOA.nomPessoa,
        eMail = p.First().PESSOA.eMail,
        flaEnviado = false,
    };

Minha intenção é de, a partir de dados extraídos da tabela INSCRICAO, criar entradas na tabela MAILING, usando o Linq To SQL (sem sermões sobre formas normais em banco de dados, por favor). Mas o Linq não deixa eu criar estes objetos MAILING, não a partir de uma consulta do próprio Linq.

O problema, que descobri ser um feature (como se traduz isto para o português?) parece ser antigo, e a resposta é esta:

This check was added because it was supposed to be there from the beginning and was missing.  Constructing entity instances manually as a projection pollutes the cache with potentially malformed objects, leading to confused programmers and lots of bug reports for us. In addition, it is ambiguous whether projected entities should be in the cache or changed tracked at all. The usage pattern for entities is that they are created outside of queries and inserted into tables via the DataContext and then later retrieved via queries, never created by queries.

Para mim isto é nivelar por baixo, mas enfim. O jeito foi criar um objeto idêntico ao existente, que chamei de MAILINGCLONE:

public class MAILINGCLONE
{
    public int idMailingTexto { get; set; }
    public string nomPessoa { get; set; }
    public string eMail { get; set; }
    public bool flaEnviado { get; set; }
    public DateTime datAtualiza { get; set; }
}

E trocar a consulta para:

var res =
    from m in MyDataContext.INSCRICAOs
    group m by m.PESSOA into p
    select new MAILINGCLONE()
    {
        idMailingTexto = idMailingTexto,
        nomPessoa = p.First().PESSOA.nomPessoa,
        eMail = p.First().PESSOA.eMail,
        flaEnviado = false
    };

Isto até que não doeu. O que dói no coração é trocar isto:

dc.MAILINGs.InsertAllOnSubmit(mails);
dc.SubmitChanges();

por isto:

foreach (MAILINGCLONE mc in mails)
{
    MAILING m = new MAILING()
    {
        idMailingTexto = mc.idMailingTexto,
        nomPessoa = mc.nomPessoa,
        eMail = mc.eMail,
        flaEnviado = mc.flaEnviado,
        codPessoa = mc.codPessoa,
        datAtualiza = DateTime.Now
    };
    dc.MAILINGs.InsertOnSubmit(m);
}
dc.SubmitChanges();

Posts relacionados

• Left Outer Join em Linq To Sql
• Boas práticas em Linq To Sql
• Gerando boletos bancários em Asp.NET – Parte I
• Linq to Sql

Fui escarafunchar o código fonte tentando encontrar alguma solução. Não encontrei nenhuma. Vamos apelar ao onisciente então.

Um post me chamou a atenção para a configuração do Tomcat. É necessário editar o arquivo /etc/tomcat5/server.xml de formar que o elemento Connector em questão  tenha um atributo URIEncoding=”UTF-8″.

Embora este atributo seja sempre configurado no Connector padrão , que escuta na porta 8080,  me lembrei que eu havia configurado o Tomcat para funcionar em conjunto com o Apache, através do mod_jk, na porta 8009 com o AJP Connector.

Fui verificar o arquivo server.xml e bingo! Foi só mudar de

<Connector port="8009" enableLookups="false"
    redirectPort="8080" protocol="AJP/1.3" />

para

<Connector port="8009" enableLookups="false"
    redirectPort="8080" protocol="AJP/1.3"
    URIEncoding="UTF-8" />

E a busca voltou a funcionar.

public string ObtemUrl(Control c, string relativePath)
{
    //relativePath deve conter algo como "~/meu/arquivo/no/servidor"
    return new Uri(c.Page.Request.Url, c.ResolveUrl(relativePath)).ToString();
}

A chamada fica assim:

string umaUrl = objeto.ObtemUrl(this, "~/meu/arquivo/no/servidor");

A variável umaUrl conterá algo como “http://www.example.com/meu/arquivo/no/servidor”.

Não achei nenhum modo mais simples.

Posts relacionados

• Linq to Sql
• HttpPostedFile: IE versus Firefox
• Compilando seu Web Application Project com o MSBuild
• Encodings e charsets em Asp.NET

Ao subir um arquivo em nosso sistema Asp.NET surge o erro:

"The given path's format is not supported."

ou

"Não há suporte para o formato do caminho dado."
(maldita MS por traduzir mensagens de erro)

Mas eu não conseguia reproduzir o problema de nenhuma maneira. Até testar no Internet Explorer. O método que utilizo para gravar o arquivo é este:

public string Grava(HttpPostedFile postedFile, string id)
{
    string newfilename = id + postedFile.FileName;
    string fullName = DirPath + newfilename;
    postedFile.SaveAs(fullName);

    return fullName;
}

A chamada é realizada assim, onde fupAnexo é um controle FileUpload:

string path = anexo.Grava(fupAnexo.PostedFile, guid.ToString());

O problema está nesta propriedade: postedFile.FileName. O conteúdo dela depende de qual navegador é utilizado pelo usuário.

No IE o conteúdo é o caminho completo do arquivo no computador do usuário: C:\\Pasta\\Pasta\\Macarrao\\arquivo.xis.

No Firefox apenas o nome do arquivo: arquivo.xis.

O framework deveria uniformizar o acesso aos recursos do sistema, mas aprendo cada vez mais que não dá para confiar em dados vindos do usuário nem do sistema. Não confie em nada.

Acertei o método para o que segue:

public string Grava(HttpPostedFile postedFile, string id)
{
    string[] filename = postedFile.FileName.Split('\\');
    string newfilename = id + filename[filename.Count() - 1];

    string fullName = DirPath + newfilename;
    postedFile.SaveAs(fullName);

    return fullName;
}

Falta testar o caso em que o usuário acessa o sistema a partir do Linux (ou Mac OSX) usando o Internet Explorer. Mas acho que não existam tantos loucos por aí.

Posts relacionados

• Conseguindo a URL completa de uma página
• Linq to Sql
• Bug no Plugin de estatísticas do UMinho para o DSpace
• .Net Assembly versioning

Mas em Asp.NET, às vezes se torna necessário listar os “valores” de um enum. “Valores” está entre aspas porque não é necessariamente o valor que a gente quer ligar, pois este valor é um número inteiro.

public enum CMYK
{
    CYAN,
    MAGENTA,
    YELLOW,
    KEY
}

No caso, CYAN = 0, MAGENTA = 1 e daí em diante. Seria legal então podermos ligar (através do DataSource/DataBind) este nosso enum em um controle, por exemplo um DropDownList, que deve apresentar CYAN, MAGENTA, YELLOW e KEY como opções.

protected System.Web.UI.WebControls.DropDownList ddColorComponent;

private void Page_Load(object sender, System.EventArgs e)
{
    if(!IsPostBack)
    {
        ddColorComponent.DataSource = Enum.GetNames(typeof(CMYK));
        ddColorComponent.DataBind();
    }
}

private void ddColorComponent_SelectedIndexChanged(object sender, System.EventArgs e)
{
     Color selectedColor = (Color)Enum.Parse(ddColorComponent.SelectedValue);
}

Podemos melhorar isto e dar nomes mais descritivos aos nossos enums através de atributos:

using System.ComponentModel;

public enum CMYK
{
    [Description("Ciano")]
    CYAN,
    [Description("Magenta")]
    MAGENTA,
    [Description("Amarelo")]
    YELLOW,
    [Description("Preto")]
    KEY
}

Nesta solução, no entanto, devemos escrever o código que fornece uma lista de elementos para ser usada como DataSource. Primeiro devemos extrair o conteúdo inserido como atributo do enum através de reflection:

using System.ComponentModel;
using System.Reflection;
...
...
public static string GetDescription(Enum value)
{
    FieldInfo fieldInfo = value.GetType().GetField(value.ToString());
    DescriptionAttribute[] attributes  = (DescriptionAttribute[])fieldInfo.GetCustomAttributes(typeof(DescriptionAttribute), false);
    return (attributes.Length > 0) ? attributes[0].Description : value.ToString();
}

Assim é possível iterar por todos os itens do enum, criando uma lista:

public static List> GetValuesAndDescription(System.Type enumType)
{
    List> kvPairList = new List>();

    foreach (Enum enumValue in Enum.GetValues(enumType))
    {
        kvPairList.Add(new KeyValuePair(enumValue.ToString(), GetDescription(enumValue)));
    }

    return kvPairList;
}

O DataBind fica assim:

ddColorComponent.DataSource = EnumDescription.GetValuesAndDescription(typeof(CMYK));
ddColorComponent.DataTextField = "Value";
ddColorComponent.DataValueField = "Key";

Fonte: http://developcode.blogspot.com/2006/12/dropdownlists-with-enums-as-datasource.html

Posts relacionados

• Criando um método de log em Asp.NET
• Gerando boletos bancários em Asp.NET – Parte I
• Conseguindo a URL completa de uma página
• Framework de testes funcionais NexusLight

Boleto?

Vamos primeiro entender do que é composto basicamente um boleto:

• Banco:  quem gerencia a transação;
• Cedente:  quem vai receber a grana;
• Sacado:  quem paga;
• Valor do documento: quanto será pago
• Data de vencimento: até quando pode ser pago;
• Modalidade:  com ou sem registro. O comum para vendas online é sem registro.  Se o sacado não pagar, a responsabilidade de correr atrás é do cedente.

A entidade que padroniza os boletos no Brasil é  a Federação Brasileira de Bancos – FEBRABAN.

É claro que o desenvolvedor deve conhecer mais que o básico, caso queira gerar um boleto.  Segue então o modelo do boleto do Itaú.  Mas note que ainda assim a descrição está resumida:

1 – Nome do banco, que pode conter também seu logotipo;

2 - Código do banco, com seu respectivo DV;

3 – Local de pagamento;

4 – Data do documento, que é  quando ele foi gerado;

5 – Número do documento, obrigatório para carteiras sem registro

6 – Carteira, não utilizado pelo Itaú

7 – Espécie, use R$ para usar nossa moeda

8 – Agência/Código Cedente,  no formato 1234/56789-7 e  Nosso Número, no formato 123/45678901-5

9 – Uso exclusivo do funcionário caixa

10 – Instruções, condições para recebimento,  dados sobre multas por atraso, bancos autorizados etc.

A duas listagens acima já ajudam o programador a saber quais dados ele precisa ter à mão para gerar um boleto bancário. Alguns itens do boleto deverão ser criados automaticamente pelo sistema a partir destes dados, tais como a linha digitável e o código de barras.

Uma excelente fonte de documentação se encontra em http://www.phpboleto.com.br/. Lá existem outros modelos disponíveis para download.  E,  se seu projeto é em PHP, recomendo utilizá-lo!

Outro lugar legal para se informar é o site macoratti.com.

Criando um template

Por meio do Crystal Reports, que já vem no Visual Studio 2008, criei o seguinte template:

Note que ele contém só o esqueleto. Nenhum campo dinâmico foi adicionado (bom, talvez a espécie, que considerei ser sempre R$) ainda.

Template pronto,  precisamos dos dados para populá-lo. Criei uma classe cujas propriedades são os dados a serem inseridos no boleto:

namespace namespace Portal.Controles.Boleto
{
    public class Dados
    {
        public DateTime DataDocumento { get; set; }
        public DateTime DataVencimento { get; set; }
        public DateTime DataProcessamento { get; set; }

        public string Cedente { get; set; }
        public string SacadoResumido { get; set; }
        public string SacadoCompleto { get; set; }

        public string Agencia { get; set; }
        public string CodigoCedente { get; set; }

        public int NumeroDocumento { get; set; }
        public string EspecieDocumento { get; set; }
        public string Aceite { get; set; }
        public string NossoNumero { get; set; }
        public string Carteira { get; set; }

        public string Instrucoes { get; set; }

        public int Quantidade { get; set; }
        public decimal Valor { get; set; }
        public decimal ValorDocumento { get; set; }

        public string CodigoBaixa { get; set; }
        public bytes[] CodigoBarra { get; set; }
        public string LinhaDigitavel { get; set; }
    }
}

Agora é preciso terminar o template do boleto. Ao compilar o projeto podemos inserir as propriedades da classe acima em nosso template.

Para adicionar  a classe recém criada como fonte de dados (Data Source) é só ir para DataBase Fields → DataBase Expert:

Na caixa de diálogo que se abre, é só escolher a classe recém criada.  Ficam à  disposição  todas as propriedades necessárias para popular o boleto:

Por meio do famigerado arrastar e soltar, é só terminar de criar o template, colocando os campos nos lugares corretos. Um trabalho simples, mas meio chato,  eu sei.

Testando a geração do boleto

Template pronto. Posso então criar uma classe encarregada de pegar os dados, pegar o template, juntá-los e serví-los. A classe não tem nada de mais, e está preparada para funcionar em ambiente Asp.NET:

namespace Portal.Controles.Boleto
{
    public enum Banco
    {
        ITAU
    }

    public class Boleto
    {
        CrystalDecisions.CrystalReports.Engine.ReportDocument rel;

        public Boleto(Banco banco, HttpServerUtility server)
        {
            rel = new CrystalDecisions.CrystalReports.Engine.ReportDocument();
            rel.Load(GetTemplateFilePath(banco, server));
        }

        public void Baixa(HttpResponse response, IEnumerable dataSource)
        {
            rel.SetDataSource(dataSource);
            rel.ExportToHttpResponse(
                CrystalDecisions.Shared.ExportFormatType.PortableDocFormat,
                response,
                true,
                string.Format("Boleto_{0}.pdf", DateTime.Now.Date.ToShortDateString()));
        }

        protected string GetTemplateFilePath(Banco banco, HttpServerUtility server)
        {
            switch (banco)
            {
                case Banco.ITAU:
                    return server.MapPath("~/Controles/Boleto/TemplateItau.rpt");
                default:
                    throw new Exception("Este tipo de boleto não foi implementado ainda");
            }
        }
    }
}

É claro que muita coisa na classe pode ser melhorada, como o caminho até o arquivo do template, que está hardcoded. Mas já funciona e está preparado para funcionar com mais de um tipo de template.

Como testar então o danado?

Criei uma página ASPX contendo um botão. Vinculei um método ao evento OnClick. O corpo do método segue abaixo:

protected void botao_OnClick(object sender, EventArgs e)
{
   Portal.Controles.Boleto.Boleto boleto = new Portal.Controles.Boleto.Boleto(Portal.Controles.Boleto.Banco.ITAU, Server);

    List dados = new List ();

    dados.Add(
        new Portal.Controles.Boleto.Dados()
        {
            Aceite = "N",
             Agencia = "1234",
             Carteira = "123",
             Cedente = "Indústria ACME",
             CodigoBaixa = "123/12345678-9",
             CodigoBarra = File.ReadAllBytes(Server.MapPath("~/Caminhp/para/uma/imagem.jpg")),
             CodigoCedente = "12345-6",
             DataDocumento = DateTime.Now,
             DataProcessamento = DateTime.Now,
             DataVencimento = DateTime.Now.AddDays(5),
             EspecieDocumento = "AB",
             Instrucoes =
@"Sujeito a protesto se ñao for pago no vencimento
no vencimento pagavel em qualquer agenia bancaria
apos vencimento cobrar R$ 0,42 por dia de atraso
apos vencimento cobrar multa de R$ 6,66",
             LinhaDigitavel = "12345.12345 12345.123456 12345.123456 1 1230000066600",
             NossoNumero = "123/12345678-9",
             NumeroDocumento = 123456890,
             Quantidade = 0,
             SacadoCompleto =
@"Dino da Silva Sauro                  CNPJ - 12.345.678/123-11
Rua das Casas, S/N
01111-111        Vl Das Ruas          Sao Paulo          SP",
             SacadoResumido = "Dino da Silva Sauro",
             Valor = 0,
             ValorDocumento = 666
         });

    boleto.Baixa(Response, dados);
}

Ou seja, crie uma lista, lhe adicione um objeto passe tudo e mais um pouco para a classe Boleto e chame o método Baixa. Um boleto em pdf será gerado e entregue ao usuário pelo navegador.

E agora?

Agora que já temos a geração de um boleto dummy funcionando, precisamos acertar os dados que o compõem.

Existem regras para a linha digitável, precisamos calcular alguns dígitos verificadores e ainda gerar a imagem correspondente ao código de barras.

Isto fica para a Parte II! Aguardem!
[Atualização: Template do boleto no Crystal Reports]
[Atualização: Segunda parte no ar!
http://seiti.eti.br/blog/2009/gerando-boletos-bancarios-em-aspnet-parte-ii]

Posts relacionados

• Gerando boletos bancários em Asp.NET – Parte II
• Criando um método de log em Asp.NET
• Explicit construction of entity type ‘###’ in query is not allowed
• Boas práticas em Linq To Sql

(Já quando desenvolvemos soluções LAMP, ou mesmo WAMP, nosso cuidado precisa aumentar e muito.)

O fato é que o framework Asp.NET provê uma facilidade incrível para lidar com esta questão que sempre perturba os desenvolvedores. Mesmo no momento de se gravar ou ler arquivos do sistema de arquivos o encoding é tratada de forma automática.

A regra então é: não se preocupe com isto, a menos que algo dê errado e surja algum caractere estranho. E é claro que algo sempre dará errado.

Bom, então quando precisamos mudar o encoding de alguma string em Asp.NET? Simples:

Encoding.UTF8.GetString(Encoding.GetEncoding("iso8859-1").GetBytes("Texto com acentuação e caracteres não-ANSI"));

A código acima toma uma string em ISO-8859-1 e tranforma-a em uma no formato UTF-8.

Posts relacionados

• Encodings e charsets
• Fluent NHibernate
• Gerando boletos bancários em Asp.NET – Parte I
• Conseguindo a URL completa de uma página

Se você possui mais de um monitor, deve saber como desktop widgets são úteis. Informação disponível com um rápido olhar.

Para conseguir transformar o Google Tasks em um widget de desktop, ou melhor, em um aplicativo desktop, você vai precisar do Google Chrome. Dentre algumas maneiras de se fazer isto, achei esta a mais simples:

• abra o Google Tasks standalone widget no Google Chrome. O enderço é https://mail.google.com/tasks/ig, ou https://mail.google.com/tasks/a/seudominio.com.br/ig, para quem usa o Google Apps (troque o seudominio.com por, bem, seu domínio;
• clique na opção “Criar atalhos de aplicativo”;
• pronto!

Posts relacionados

• Gmail, Tasks e Google Maps
• Sincronizando a agenda do Google e a do Google Apps
• Não consegue adicionar outra conta Google no Motorola Milestone?
• Migrando para o Google Apps Gmail

O legal é que os elementos criados com o ExtJS não ficam devendo nada às aplicações web que estamos acostumados a ver nos serviços do Google, Yahoo e Microsoft, sejam na funcionalidade, seja no visual.

Sua licença é dual: LGPL ou comercial, com preços iniciando em USD $289. Infelizmente nem todos os desenvolvedores precisam/querem/suportam JavaScript.  Se for o caso recomendo ficar longe do ExtJS.
Mas caso queira se aventurar no mundo ExtJS, nada melhor que baixar o dito cujo e dar uma olhada nos samples. Quem sabe não coloco um tutorial bem simples por aqui também…

Padrões de projeto

Para entender o funcionamento da API do Ext é muito importante ter conhecimento sobre os chamados padrões de projeto, ou design patterns. As referências nesta área são o livro do Gang of Four (WikiPedia:Design_Patterns) e o site C2. Este último também é conhecido por ser o primeiro wiki do mundo.

O básico para você não se perder é entender que existem componentes Ext de apresentação e outros que fornecem dados. Os de apresentação são apresentados (não diga!) no navegador, requisitando dados aos componentes que fornecem dados (interessante…).

Um exemplo disto é um combobox, que podemos separar em algumas partes:

• um elemento DOM que servirá de contêiner para o combobox, um <div>, por exemplo;
• o componente Ext.form.ComboBox;
• um componente para os dados a serem apresentados pelo combobox.

Posts relacionados

• Campo DateField em um formulário ExtJS
• Gmail, Tasks e Google Maps
• ArcGIS Javascript, Dojo e o método require
• Type “casting” no Javascript

Podemos efetuar um casting de um float para int através da função parseInt:

b = 3;
c = 2;
a_int   = parseInt(b/c); //a_int contém 1
a_float = b/c; //a_float contém 1.5

E o contrário também, através do parseFloat.

Note que essas funções, na verdade, efetuam o parse do parâmetro de entrada, que pode ser uma string, devolvendo o valor final no tipo identificado por seu nome.

Mais info: W3Schools:parseInt(), W3Schools:parseFloat()

Posts relacionados

• Ext JS
• Carregando bibliotecas Javascript abertas
• ArcGIS Javascript, Dojo e o método require
• Campo DateField em um formulário ExtJS

Ou seja, páginas que foram escritas tendo em vista seu funcionamento em navegadores da época (Internet Explorer 4.x, Netscape Navigator 4.x), mas não seguiam os padrões ditados pela W3C, precisam rodar no quirks mode nos browsers modernos, a fim de manterem as mesmas características de antes.

Como abrir uma página em quirks mode?
Simples. Basta deixar de colocar a tag indicando o DOCTYPE logo no início do código da página. Como esta, retirada desta mesma página:

E para que a página funcione em standard mode é só incluir o doctype acima.
Inclua sempre e use o standard mode. Evita MUITAS dores de cabeça.

O problema surge no momento em que você quer algo diferente, como compilar versões distintas do código a partir do mesmo fonte, automatizar o build no servidor etc .

Para os que já usam Makefile ou o Ant, isto é trivial. Mas isto também é simples para os que usam o Visual Studio!

Vamos ver como construir um simples arquivo para o MSBuild compilar nosso projeto.

Primeiro é necessário que você possua o MSBuild instalado. Não se preocupe,  o Visual Studio 2008 já o instala .

E onde está o diabo do msbuild.exe? Aqui:

%windir%\Microsoft.NET\Framework\

Ou melhor,  execute (com as aspas!) o seguinte comando em um terminal:

"%VS90COMNTOOLS%\..\..\VC\vcvarsall.bat"

Teste digitando msbuild.exe /help

Precisamos agora construir um makefile arquivo de instruções para o MSBuild, que chamarei de Makefile.proj:

<?xml version="1.0" encoding="utf-8"?>
<Project DefaultTargets="Build"
  xmlns="http://schemas.microsoft.com/developer/msbuild/2003"
  ToolsVersion="3.5">
  <!-- aqui eu importo um projeto que já existe, contendo todos os
      arquivos e assemblies que fazem parte do processo de compilação-->
  <Import Project="MeuProjeto.csproj"/>
  <!-- aqui eu defino algumas variáveis úteis -->
  <PropertyGroup>
      <VersionNumber>1.0.0</VersionNumber>
      <BuildRoot>Deploy\Releases\$(VersionNumber)\</BuildRoot>
      <NewInstallDir>$(BuildRoot)Install\</NewInstallDir>
      <UpgradeDir>$(BuildRoot)Upgrade\</UpgradeDir>
      <CopyRoot>..\EruditoHAOC_PROD_test\</CopyRoot>
  </PropertyGroup>
  <ItemGroup>
      <SourceFiles Include="**\*.*" />
  </ItemGroup>
  <!-- Aqui entram as instruções para a compilação e cópia
      doas arquivos gerados para a pasta de deploy -->
  <Target Name="Build">
    <MSBuild
        Projects="MeuProjeto.sln"
        Properties="OutputPath=$(NewInstallDir)bin\" />
    <Copy
        SourceFiles="@(Content->'%(RelativeDir)%(FileName)%(Extension)')"
        DestinationFiles=
          "@(Content->'$(NewInstallDir)%(RelativeDir)%(FileName)%(Extension)')" />
    <Copy
        SourceFiles="@(None->'%(RelativeDir)%(FileName)%(Extension)')"
        DestinationFiles=
          "@(None->'$(NewInstallDir)%(RelativeDir)%(FileName)%(Extension)')" />
    <MakeDir
        Directories="@(Folder->'$(NewInstallDir)%(RelativeDir)')" />
    <CreateItem
        Include="$(NewInstallDir)**"
        Exclude="**\App_Themes\**;**\Web.config">
        <Output ItemName="UpgradeFiles" TaskParameter="Include" />
    </CreateItem>
    <Copy
        SourceFiles="@(UpgradeFiles)"
        DestinationFiles=
          "@(UpgradeFiles->'$(UpgradeDir)%(RecursiveDir)%(FileName)%(Extension)')" />
    <MakeDir Directories="@(Folder->'$(UpgradeDir)%(RelativeDir)')" />
  </Target>
  <!-- Um exemplo de como copiar todo o projeto para outro lugar -->
  <Target Name="Deploy">
    <Copy
      SourceFiles="@(SourceFiles)"
      DestinationFiles=
        "@(SourceFiles->'$(DeployRoot)%(RecursiveDir)%(FileName)%(Extension)')" />
  </Target>
</Project>

Para compilar seu projeto agora basta rodar o comando make msbuild.exe, da seguinte forma:

MSBuild.exe Makefile.proj /target:Build

Isto irá compilar e copiar o resultado da menira definida no xml Makefile.proj.

Referências:

• http://www.writebetterbits.com/2008/02/deploying-aspnet-web-application.html
• http://msdn.microsoft.com/en-us/library/ms164311.aspx

Posts relacionados

• Erro no deploy automático: Hudson versus MSBuild
• HttpPostedFile: IE versus Firefox
• Asp.Net, Web Forms e Ninjas – Parte 1
• .Net Assembly versioning

Dica útil para quem desenvolve sistemas web e quer testar o tal sistema em condições mais próximas possíveis do ambiente de produção.

Da série como não pensei nisto antes?

Quem desenvolve sites e sistemas web precisa testar seu produto em sua própria máquina (é claro que você não desenvolve direto no servidor de produção, estou certo?). Para isto é bem útil e prático configurar um servidor Apache para rodar em seu computador, principalmente se você estiver programando em alguma linguagem server sided.

O mais legal é que é possível criar uma URL fictícia para testar seu site. Esta dica me foi dada pelo Alex.

Se você ainda não fez, instale o pacote apache2 a partir dos repositórios do Ubuntu.

Vamos então editar o arquivo hosts:

sudo gedit /etc/hosts

Com o seguinte conteúdo:

127.0.0.1 localhost
127.0.0.1 www.meudominio.xyz

Note que apenas adicionei a linha 127.0.0.1 www.meudominio.xyz
Vamos então criar o arquivo de configuração copiando o default:

cd /etc/apache2/sites-available/
sudo cp default www.meudominio.xyz

Depois edite o arquivo /etc/apache2/sites-available/www.dominio.xyz com o segunte conteúdo:

NameVirtualHost www.meudominio.xyz
<VirtualHost www.meudominio.xyz>
	ServerAdmin webmaster@localhost

	DocumentRoot /home/username/sites
	<Directory />
		Options FollowSymLinks
		AllowOverride None
	</Directory>
	<Directory /home/username/sites/>
	...
	...

Trocando /home/username/sites pela pasta em que reside seu site. Note que o arquivo não está completo, coloquei apenas uma parte dele.

Depois habilite o site e recarregue o Apache:

sudo a2ensite www.meudominio.xyz
sudo  /etc/init.d/apache2 reload

Pronto! Teste entrando no site recém configurado: www.meudominio.xyz

Posts relacionados

• Um Open ID para todos governar
• Subversion no Qnap TS-109
• Asp.Net, Web Forms e Ninjas – Parte 1
• Campo DateField em um formulário ExtJS

Disponível para IPhone, Windows Mobile e, o mais importante, S60! (o que quer dizer smartphones Nokia, como o N95 =)

Posts relacionados

• Migrando para o Google Apps Gmail
• Gmail, Tasks e Google Maps
• Google Tasks Desktop
• Sincronizando a agenda do Google e a do Google Apps

Entrei no site premiado e me surpreendi. Se trata de arte interativa da mais alta qualidade. E o que é melhor, é divertido!

A idéia é você criar alguma coisa visual:  um desenho, um logo, uma animação,  uma paisagem. Mas para isto utilizando apenas letras. E tais letras, ou caracteres para os colegas, podem ser do nosso alfabeto (que agora conta com 26 letras! ha!) ou do japonês! Milhares de opções para você montar sua ilustração,  desenho, paisagem ou o diabo que for.

Deixo com vocês minha criação:

(Já notaram que não tenho dom artístico?)

Tente você também: http://fontpark.morisawa.co.jp/

Posts relacionados

• Custom Fields no Gallery2
• Múltiplas imagens no topo do seu blog
• Programar é arte
• Asp.Net, Web Forms e Ninjas – Parte 1