BRPI1002208A2 - mÉtodo para exibiÇço, programa de computador correspondente e dispositivo - Google Patents

Abstract

MÉTODO PARA EXIBIÇçO, PROGRAMA DE COMPUTADOR CORRESPONDENTE E DISPOSITIVO. A invenção refere-se a um método para exibir as propriedades de um elemento de código fonte de um programa de computador sendo editado. De acordo com a invenção tal um método compreende: - uma etapa para selecionar, dentro do dito código fonte, o dito elemento de código fonte; - uma etapa para buscar, dentro do dito código fonte, um conjunto de elementos de código relacionados do dito elemento de código fonte selecionado, os elementos do conjunto que compreendem proprIedades tipificadas; - uma etapa para criar uma estrutura de dados que compreende as propriedades dos elementos de código do conjunto de elementos de código; - uma etapa para agrupar, dentro da estrutura de dados, as propriedades em função de seus tipos; - uma etapa para exibir as propriedades agrupadas dentro de uma parte de meios de exibição do código fonte.

Description

"MÉTODO PARA EXIBIÇÃO, PROGRAMA DE COMPUTADOR CORKturuN-DENTE E DISPOSITIVO"

Campo da Invenção

A presente invenção refere-se a criação de aplicativos de computador.

A presente invenção refere-se, mais particularmente, a correção de tais aplicativosde computador durante operações funcionais ou teste de unidade ou mesmo durante opera-ções de manutenção corretiva.

O processo de criação para aplicativos de computador, tais como aplicativos de"web" envolvem muitas etapas: o esboço de especificações, esboço de documentos de tes-te, criação do aplicativo-propriamente dito bem como fases de correção de aplicativo e teste.Uma vez que todâsressas etapas foram realizadas, o aplicativo está pronto para ser coloca-do em produção. Seguinte a este lançamento de produção, operações de manutenção cor-retiva podem ser realizadas.

Etapas de manutenção e teste requerem atualizações freqüentes do código de apli-cativo. Para um aplicativo do tipo "web", essas atualizações são feitas mesmo mais comple-xas devido ao fato de que freqüentemente, um aplicativo do tipo "web" envolve muitas ca-madas de software; uma camada para acessar a um banco de dados, uma camada de "tra-balho" que gerencia as funções específicas para o trabalho em relação ao aplicativo e umacamada de apresentação que gerencia a exibição dos dados na tela. Outras camadas tam-bém podem estar envolvidas e tornam o aplicativo mais complexo.

Soluções da Técnica Anterior

As soluções existem para facilitar a correção de erros presentes em aplicativos decomputador. Essas soluções são mais freqüentemente implementadas no IDE (Ambiente dedesenvolvimento integrado) Tais IDEs estão mais freqüentemente na forma de um tela emque é possível selecionar componentes que são integrados no aplicativo, ou diretamente docódigo fonte. A seleção de um desses elementos do aplicativo leva a aparência de um con-junto de propriedades relacionadas ao elemento selecionado.

Por-exemplo, quando o elemento selecionado é um componente para acessar a umbanco de dados que foi colocado em uma interface de usuário de um aplicativo a ser criado,as propriedades podem ser: localização da fonte de dados, tipo de fonte de dados, protocolopara acessar a fonte de dados, etc.

Tal uma abordagem por "componente" é especialmente usada em IDEs de "coman-do de código", tais como, por exemplo, "Delphi". A seleção de um componente causa a apa-rência de suas propriedades em uma parte específica da tela.

No desenvolvimento de aplicativos de Web, por exemplo, Java, PHP ou diretamen-te em HTML, o IDE "eclipse" muito freqüentemente usado. Mais uma vez, a seleção de umaparte de código fonte (por exemplo, um objeto Java), ou mesmo a abertura de um arquivode código fonte faz com que uma janela se abra ou apareça a qual contém um conjunto depropriedades. Esta janela é chamada de um "esboço".

Outras implementações deste princípio podem também ser vistas no aplicativo "A-dobe", "Dreamweaver". Quando um usuário seleciona uma parte ou um elemento de umapagina de HTML sendo editado, o editor (o IDE) exibe em uma janela elementos que repre-sentam propriedades associadas ao indicador (tag) que é selecionado: por exemplo, se otexto selecionado pelo usuário for enquadrado em um indicador <TD></TD>, que representauma célula de uma tabela, as propriedades associadas a este indicador irão ser exibidas najanela de propriedades do elemento selecionado: o usuário pode então modificar os valoresdas propriedades associadas a este indicador: a cor de fundo da célula da tabela, o alinha-mento dctexto na célula, a cor e a fonte do texto, quaisquer ações que devem ser realizadas.

Bastante freqüente, o usuário é confrontado com um problema, no exemplo anteri-or, como o texto é rodeado pelo indicador <TD></TD>, apenas as propriedades deste indi-cador irão estar presentes na janela de modificação. Entretanto, este indicador <TD></TD>,é por sis ó rodeado por um indicador <TR></TR>, que é por si só rodeado por um indicador<TABLE></TABLE>, enquanto que no caso da linguagem HTML, como é o caso de muitasoutras linguagens. É possível que muitas propriedades de outros elementos interfiram noelemento selecionado. No caso anterior, se a propriedade "cor de fundo" for considerada,esta propriedade pode ser modificada em Ada um dos indicadores <TD></TD>, <RT></RT>,e <TABLE></TABLE>.

Consequentemente, o usuário que selecionou um texto localizado entre os indica-dores <TD></TD>, e que deseja modificar o valor da propriedade "cor de fundo" do verme-lho para o azul, deve, se o valor desta propriedade não for definido no indicador<TD></TD>, sucessivamente selecionar os indicadores <TR></TR>, para identificar o indi-cador para o qual o valor da propriedade "cor de fundo" foi definida para modificar este valor.

Este exemplo, que não é restritivo, mas é muito demonstrativo e bastante simples,ilustra as dificuldades encontradas pelos desenvolvedores de aplicativos de software: aspropriedades dos elementos de código podem ser muito freqüentemente definidas em várioslugares do código fonte, que não facilita a manutenção ou correção do aplicativo em questãocomo obriga o desenvolvedor a navegar em muitas partes do código fonte procurando oelemento no qual ele deseja modificar certas propriedades.

Sumário da Invenção

A invenção não possui essas desvantagens.

Na verdade, a invenção refere-se a um método para exibir as propriedades de umelemento de código fonte de um programa de computador sendo editado.

De acordo com a invenção, tal um método compreende:- uma etapa para selecionar, dentro do dito código fonte, o dito elemento de códigofonte;

- uma etapa para buscar, dentro do dito código fonte, um conjunto de elementos decódigo relacionados do dito elemento de código fonte selecionado, em que os elementos doconjunto compreendem propriedades que têm um tipo;

- uma etapa para criar uma estrutura de dados que compreende as propriedadesdos elementos de código do conjunto de elementos de código;

- uma etapa para agrupar, dentro da estrutura de dados, as propriedades em fun-ção de seus tipos;

- uma etapa para exibir as propriedades agrupadas dentro de uma parte de meios"de exibição.

Consequentemente, agrupando dentro de uma única e mesma parte (por exemplo,uma janela específica ou um pop up específico) todas as propriedades de outros elementosque podem ser usados para influenciar o elemento de código fonte anteriormente seleciona-do pelo usuário, a invenção facilita a correção e a manutenção do código fonte em questãoevitando a necessidade de várias manutenções pelo usuário.

De acordo com a modalidade específica da invenção, o método de exibição adicio-nalmente compreende, antes da dita etapa de agrupamento, uma etapa para deletar, dentroda estrutura de dados, propriedades que não podem ser usadas para influenciar o elementode código fonte anteriormente selecionado pelo usuário.

Consequentemente, a invenção evita levar o usuário a erros pela apresentação,dentro da parte de exibição, propriedades que não podem ser usadas para influenciar o e-Iemento selecionado pelo usuário.

De acordo com uma característica específica da invenção, o método de exibição a-dicionalmente compreende, antes da etapa de agrupamento, uma etapa para deletar, dentroda estrutura de dados, propriedades que não têm valores.

Consequentemente, apenas as propriedades que já têm valores (isto é as proprie-dades que já receberam um valor) são exibidas. Isto, consequentemente evita exibição demuito mais informações para o usuário e a manutenção do programa de computador é as-sim facilitada.

De acordo com uma modalidade específica da invenção, o método de display, an-tes da dita etapa de seleção e durante a edição do código fonte:

- uma etapa para criar uma árvore de sintaxe hierárquica para o código fonte, inclu-indo para cada elemento do código fonte, pelo menos um elemento principal;

- uma etapa para memorizar a árvore de sintaxe.

Consequentemente, a invenção permite uma estrutura de dados hierárquica que érepresentativa do código fonte para ser mantida permanentemente até a data.De acordo com uma característica específica da invenção, a etapa de busca com-preende uma etapa de identificação, dentro da árvore d sintaxe memorizada, do pelo menosum elemento principal do elemento selecionado.

Consequentemente, a invenção permite uma rápida busca para ser feita para os e-Iementos relacionados a um elemento selecionado.

A invenção também refere-se a um sistema para exibir as propriedades de um ele-mento de código de um programa de computador sendo editado.

De acordo com a invenção, tal um sistema compreende:

- meios para selecionar, dentro do código fonte, o elemento de código fonte;

- meios para buscar, dentro do código fonte, um conjunto de elementos de códigorelacionados do dito elemento de código fonte selecionado;

- meios para criar uma estrutura de dados compreendendo propriedades dos ele-mentos de código do conjunto de elementos de código;

- meios para agrupar, dentro da estrutura de dados, as propriedades em função deseus tipos;

- meios para exibir as propriedades agrupadas dentro de uma parte de meios de e-xibição do código fonte.

De acordo com outro aspecto, a invenção também refere-se a um programa decomputador que pode ter download realizado a partir de uma rede de comunicação e/ouarmazenado em m suporte que pode ser lido por um computador e/ou executado por ummicroprocessador, e que compreende instruções de código de programa para a execuçãodo método de exibição como anteriormente descrito.

Lista de figuras

Outras características e vantagens da invenção serão claramente aparentes a partirda leitura da seguinte descrição de uma modalidade preferida, provida simplesmente parafins de exemplo e de nenhuma maneira de forma restritiva, e os desenhos anexos, entre osquais:

- figura 1 mostra o display produzido por um navegador de web a partir de um códi-go HTML;

- figura 2 ilustra uma interface de um aplicativo de desenvolvimento de software emque, de acordo com uma modalidade da invenção, as propriedades dos elementos são exi-bidas;

- figura 3 ilustra uma modalidade do método da invenção.

Descrição Detalhada da Invenção

1. Lembrança do Princípio da Invenção

É declarado que parte da presente invenção, um elemento pode ser qualquer partedo código, tal como uma verificação visual ou um bloco de código fonte, que pode ser sele-cionado em uma interface de máquina humana de um aplicativo de desenvolvimento desoftware.

Em pelo menos uma modalidade, a invenção compreende meios para agrupar pro-priedades que são associadas com uma porção de um código selecionado pelo usuário (talcomo um elemento específico de código). Uma propriedade é um Atributo nomeado de umobjeto, uma verificação ou um elemento (doravante chamado de elemento). As propriedadesdefinem as características do objeto tal como o tamanho, a cor, a posição da tela ou o esta-do de um objeto (ativado ou desativado, por exemplo). As propriedades são de tipos diferen-tes: o tamanho é um tipo de propriedade da mesma forma que a cor, a posição, o banco dedados ao qual o objeto é conectado, etc. As propriedades podem ser em branco (elas nãocontêm um valor) ou com valor (elas têm um valor).

Por exemplo, no caso da edição de um arquivo contendo código em formato HTML,a invenção permite que as propriedades de um mesmo tipo envolvam um elemento de códi-go fonte selecionado para ser agrupado em uma única localização que é facilmente acessí-vel para o desenvolvedor.

Consequentemente, o desenvolvedor vê imediatamente em uma vista a localizaçãodo valor do código fonte que ele deseja modificar. Por exemplo, a propriedade "cor de fundo"que pode ser modificada por muitos elementos de um código fonte HTML irá ser exibida emuma única e mesma localização (em uma parte de uma janela específica), tantas muitasvezes quanto existirem indicadores que iriam modificar esta propriedade para o elementocódigo fonte selecionado. O valor desta propriedade pode, por exemplo, ser "preto". Maisprecisamente, no contexto do exemplo anterior, se o elemento código fonte selecionado pelousuário é um texto dentro de um indicador <TD></TD>, pelo menos três propriedades "fundode cor" serão exibidas na janela na parte de janela considerada: uma propriedade "cor defundo" ligada a cada indicador <TD></TD>, <TR></TR> e <TABLE></TABLE>.

Consequentemente, o usuário que acessa rapidamente as propriedades não ne-cessita de navegar de um indicador ou conjunto de indicadores para outro e pode assim,facilmente identificar o indicador em que o valor da propriedade que ele deseja modificarseja definido.

A correção ou a manutenção do aplicativo de software é consequentemente facili-tada. A invenção opera contrariamente aos preconceitos daqueles versados na técnica. Naverdade, em vez de racionalmente agrupar as propriedades por elemento, a invenção permi-te que as propriedades sejam agrupadas por tipo, independentemente dos elementos aosquais essas propriedades pertencem. Este tipo de agrupamento é muito útil para correçãoou operações de manutenção de aplicativo e pode ser usada em um aplicativo e desenvol-vimento de software quando o programa desenvolvido elo usuário estiver sendo mantido,por exemplo.Agora, em relação à figura 1, uma interface gráfica padrão (10) de um aplicativo dedesenvolvimento de software é apresentado. Tal uma interface compreende uma estruturade árvore de arquivo (101), uma janela de edição de código (102), uma janela de apresenta-ção de resultado de prévia ou compilação ou busca (103) e uma janela para o código sendoeditado (104). A última janela (104) pode compreender propriedades relacionadas ao objetoou elemento sendo editado.

Os exemplos anteriores são apenas providos para fins de ilustração. A invençãonão é de nenhuma forma restrita a este exemplo específico. Na verdade, o método da in-venção pode também ser implementado em muitos tipos de aplicativos de desenvolvimentode software tais como os aplicativos "eclipse", "Dreamwaver" e "Delphi" e para muitas outraslinguagens de desenvolvimento de aplicativo de software.

Na seguinte descrição, o caso de uma modalidade da invenção para o código HT-ML é usado.

2. Descrição de uma ModalidadeNesta modalidade, a implementação da invenção das linguagens de indicadoresHTML é provida. Linguagem HTML é uma linguagem que permite páginas a serem criadasque são exibidas por um navegador web. A linguagem HTML é uma linguagem de indicadorque compreende instruções que influenciam renderizações de página HTML do navegadorde web e essas instruções estão na forma de indicadores em volta dos elementos definidosna página HTML.

Agora, em relação à figura 2, uma parte do código HTML (10) é apresentada e o re-sultado (11) desta interpretação (12) deste código HTML por um navegador web isto é aexibição correspondente.

O código HTML contém muitos indicadores tais como, por exemplo, os indicadores<H1>,

, e <SPAM>.

Esses indicadores são usados para indicar um navegador web na maneira de exibiro conteúdo da página. O Uso da linguagem HTML é quase sistematicamente acompanhadopelo uso de "CSS" (Cascade Style sheets (folha tipo cascata)).

Essas folhas tipo cascata (e a linguagem de computador que é usada para construiressas folhas tipo cascata) são usadas para descrever a apresentação de documentos HTMLe XML. A vantagem de folhas tipo cascata é que teoricamente elas permitem todas dentreas escolhas de apresentação e decoração dos elementos HTML que formam a página (asfolhas tipo cascata) para serem agrupados em um único arquivo. Elas, portanto, tambémcontêm propriedades relacionadas aos elementos de código HTML. As folhas tipo cascatatambém são usadas na conversão de arquivos para o formato HTML para gerar o códigoHTML.

Em uso, entretanto, inventores descobriram que as folhas tipo cascata são rara-mente usadas do início até o fim no desenvolvimento de um aplicativo de web que provê onavegador com o código HTML.

Na verdade, o uso de folhas tipo cascata é usado freqüentemente na criação do a-plícativo: iniciando com boas intenções, os desenvolvedores são bastante inclinados a sepa-rar de forma eficiente a apresentação (as folhas tipo cascata) e os dados. Durante a manu-tenção ou a correção do código, do outro lado, as folhas tipo cascata são usadas com me-nos freqüência: freqüentemente, a pessoa que criou o aplicativo não é a pessoa que realizaa manutenção corretiva e um certo grau de conhecimento do aplicativo é perdido com estamudança.

Nesta modalidade da invenção, é, portanto, proposta para agrupar juntas as propri-edades do mesmo tiporIncluindo as "propriedades de uma folha tipo cascata, em uma mes-ma parte da tela ou mesma janela na tela. Este agrupamento é realizado quando um ele-mento ou uma parte de elemento é selecionado pelo usuário. Esta seleção pode ser realiza-da diretamente no código fonte ou mesmo em um modo de apresentação "WYSIWYG" (whatYou See Is What You Get).

Em relação à figura 3, as etapas gerais do método da invenção são apresentadas.Elas compreendem:

- uma etapa para selecionar 31, dentro do código fonte, o elemento de código fonte311. Esta seleção é feita pelo usuário.

- uma etapa para busca 32, dentro do código fonte 321, um conjunto de elementosde código relacionados do elemento de código fonte selecionado;

- uma etapa para criar 33 uma estrutura de dados 331 compreendendo proprieda-des dos elementos de código do conjunto de elementos de código;

- uma etapa para agrupar 34, dentro da estrutura de dados, as propriedades na função de seus tipos;

- uma etapa para exibir 35 as propriedades agrupadas dentro de uma parte de mei-os de exibição do código fonte 351.

Em uma primeira variação desta modalidade da invenção, a seleção de um elemen-to de uma parte ou uma parte de elemento leva inicialmente a exibição, na forma de umalista, de elementos que influenciam as propriedades d elemento selecionado. Seguinte aesta exibição, o usuário é capaz de selecionar, a partir da lista, o elemento que ele pretende.Subseqüentemente, as propriedades do elemento selecionado são, por exemplo, exibidas,com a possibilidade do usuário de retroceder, isto é, retornar para a lista de elementos.

Em uma segunda variação desta modalidade da invenção, a seleção de um ele-mento ou uma parte do elemento leva a definição de uma lista de propriedades, que sãoexibidas. Esta lista agrupa juntas as propriedades por tipo: é consequentemente possívelpara a mesma propriedade aparecer muitas vezes nesta lista. A providência da propriedade(o elemento relacionado ao qual ele pertence) é mostrada por meios adequados, tais comoum ícone, um balão de informação ou quaisquer outros meios, de modo que o usuário nãodesconcerte ou perca por este display.

Consequentemente o usuário tem a possibilidade de imediatamente ver qual pro-priedade precisa ser modificada e não tem que selecionar um por um dos elementos rela-cionado para identificar o elemento cuja propriedade precisa ser modificada.

De acordo com outra variação desta modalidade da invenção, apenas as proprie-dades que são efetivamente usadas são exibidas. Consequentemente após a eliminaçãodas propriedades que não influenciam o elemento selecionado, o método da invenção fazuma nova seleção de modo que apenas as propriedades que possuem valores são exibidas:consequentemente, quando uma única propriedade de~um único elemento Possui valor, elaé a única a ser exibida. Quando muitas propriedades do mesmo tipo possuem valor, as mui-tas propriedades são as únicas a serem exibidas.

Desta maneira, o usuário está seguro para respeitar as escolhas de implementa-ções e apresentação que foram feitas anteriormente não modificando uma propriedade nolugar de outra.

Claro que é possível comutar o modo onde todas as possíveis propriedades são e-xibidas para o modo onde apenas as propriedades efetivamente usadas são exibidas, o queé importante é que isto se refere às propriedades dos elementos relacionados.

3. Gerenciamento do Código Fonte

No nível do código fonte propriamente dito, a invenção falha em uma árvore de sin-taxe. A árvore é armazenada na memória quando o código fonte é editado. Para identificaros elementos que influenciam um elemento selecionado pelo usuário (os elementos relacio-nados), a invenção propõe um método simples e rápido: os elementos que influenciam oselementos selecionados são os principais, na árvore, do elemento selecionado.

Consequentemente, considerando o exemplo dos indicadores <TD></TD>,<TR></TR> e <TABLE></TABLE>, o pai do elemento <TD></TD> é o elemento <TR></TR>e o pai do elemento <TR></TR> é o elemento <TABLE></TABLE>. Quaisquer estilos queforem associados a folhas tipo cascata nos elementos sucessivamente levados em conside-ração são também exibidos.

De acordo com outra variação desta modalidade, apenas as propriedades que po-dem realmente influenciar o elemento ou a parte do elemento selecionado são exibidas.Consequentemente, as propriedades que não têm impacto no elemento selecionado nãosão exibidas, de modo a evitar extensão da lista com propriedades inutilizadas.

Para fazer essa seleção de propriedades, muitos métodos são possíveis incluindo:

O uso de um critério de similaridade: apenas as propriedades de elementos sele-cionado que têm o mesmo nome ou nome similar aqueles do elemento selecionado são exi-bidas (por exemplo, "cor" ou "fundo de cor");

O uso de m tabela de referência cruzada, que permite um diagrama de influência aser definido, contendo as relações entre as várias propriedades dos vários elementos.

Este diagrama de influência é verificado para determinar as propriedades a seremexibidas em função do elemento selecionado. Este diagrama de influência é determinadoantes em função da linguagem. Pode ser representado na forma de estrutura de árvore dedados e/ou ser implementado em um banco de dados.

Claims (7)

1. Método para exibição das propriedades de um elemento de código fonte de umprograma de computador sendo editado, CARACTERIZADO pelo fato de que compreende:- uma etapa para selecionar, dentro do dito código fonte, o dito elemento de códigofonte;- uma etapa para buscar, dentro do dito código fonte, um conjunto de elementos decódigo relacionados do dito elemento de código fonte selecionado, os elementos do conjun-to compreendem propriedades, que têm um tipo;- uma etapa para criar uma estrutura de dados que compreende as propriedadesdos elementos de código do conjunto de elementos de código;- uma etapa para agrupar, dentro da estrutura de dados, as propriedades ertrfun-ção de seus tipos;- uma etapa para exibir as propriedades agrupadas dentro de uma parte de meiosde exibição do código fonte.

2. Método para exibição, de acordo com a reivindicação 1, CARACTERIZADO pelofato de que adicionalmente compreende, antes da etapa de agrupamento, uma etapa paradeletar, dentro da estrutura de dados propriedades que não podem ser usadas para influen-ciar o elemento de código fonte antes do manuseio pelo usuário.

3. Método para exibição, de acordo com a reivindicação 1, CARACTERIZADO pelofato de que adicionalmente compreende, antes da etapa de agrupamento, uma etapa paradeletar, dentro da estrutura de dados propriedades que não contêm valores.

4. Método para exibição, de acordo com a reivindicação 1, CARACTERIZADO pelofato de que adicionalmente compreende, antes da etapa de selecionar e durante a edição docódigo fonte:- uma etapa para criar uma árvore de sintaxe hierárquica para o código fonte, inclu-indo para cada elemento do código fonte, pelo menos um elemento principal;- uma etapa para memorizar a árvore de sintaxe.

5. Método para exibição, de acordo com a reivindicação 3, CARACTERIZADO pelofato de que adicionalmente compreende, antes da etapa de busca compreende uma etapapara identificar, dentro da árvore de sintaxe memorizada, o pelo menos um elemento paren-te do elemento selecionado.

6. Sistema para exibir um elemento de código fonte de um programa de computa-dor sendo editado, em que o programa é gravado em uma linguagem tipo objeto ou tipocomponente, CARACTERIZADO pelo fato de que compreende:- meios para selecionar, dentro do código fonte, o elemento de código fonte;- meios para buscar, dentro do código fonte, um conjunto de elementos de códigorelacionados do dito elemento de código fonte selecionado, os elementos do conjunto com-preendendo propriedades tipificadas;- meios para criar uma estrutura de dados compreendendo as propriedades dos e-Iementos de código do conjunto de elementos de código;- meios para agrupar, dentro da estrutura de dados, as propriedades em função deseus tipos;- meios para exibir as propriedades agrupadas juntas dentro de uma parte de meiosde exibição do código fonte.

7. Programa de computador que pode ter download realizado a partir de uma redede comunicação e/ou armazenado em um suporte que pode ser lido por um computadore/ou executado por um microprocessador, CARACTERIZADO pelo fato de que compreendeinstruções de código de programa para a~execução~do método de êxibição~Como definidoem pelo menos uma das reivindicações de 1 a 5, quando ele e executado em um computa-dor..