Componente de programação Componente de programação apoie, apoie.org, oficina, componente, programação, Linguagem de Descrição de Componentes, LDC, base do conhecimento, desenvolvimento, software Transforma um conjunto de entradas em um conjunto de saídas. Exemplo em <a href="Ldc.html">LDC</a>: componente (entradas) => saídas Componente.xml <a href="http://www.google.com/search?q=define:componente&hl=en&oi=definel&defl=pt" target="_blank"><img title="componente: busca no Google" style="border: 0px solid ; width: 16px; height: 16px;" alt="componente: busca no Google" src="Google.jpg"></a> <a href="http://pt.wikipedia.org/wiki/componente_de_software" target="_blank"><img title="componente: busca na Wikipedia" style="border: 0px solid ; width: 16px; height: 16px;" alt="componente: busca na Wikipedia" src="Wikipedia.gif"></a> Definição <table> <tr><td> <ul> <li>Como fazer determinada tarefa. Flexibiliza o "fazer". É um <a href="TopicoTipo.htm">tipo de tópico</a> composto por uma rotina de programação independente descrita em <a href="Ldc.html">LDC</a>.</li> <li>Para pessoas: definição de rotinas</li> <li>Para equipamentos: programas, scripts etc</li> <li>Um componente é um <a href="Topico.html">tópico</a>, podendo ser consultado com as mesmas características.</li> <li>Objetivo: utilizar o mínimo de componentes para o máximo de possibilidades</li> <li>Qualquer solução pode ser constituída por diversos componentes, que já são construídos para serem utilizados em diversas soluções.</li> <li>Componentes são, preferencialmente, desenvolvidos em <a href="Oficina.html">oficinas</a>. Cada componente é documentado e tem interface para testar em ambiente WEB, onde possa ser indicado que entradas deve utilizar e que saídas deve gerar.</li> <li>Um componente pode ser constituído por vários componentes.</li> <li>Um <a href="Componente.html#7">componente pode ser visto</a> por diversos profissionais de formas diferentes</li> </ul> </td><td> <img alt="Componente" src="Componente.jpg"> </td></tr> </table> Níveis de detalhamento Pode ser visto em diversos níveis de detalhamento. Um componente é um <a href="Topico.html">tópico</a>, podendo ser consultado da mesma forma. <h3>Em cada componente temos os seguintes elementos:</a> </h3> <ul> <li>Entrada- EntrarDados (telas, evento, autorização) => sistema recebe dados</li> <li>Saída- ConsultarDados (opções de escolha, autorização) => usuário recebe resultado da consulta</li> <li>Processamento- Usuário conhece o que é feito, como é feito é invisível neste nível ProcessarArmazenarDados (evento, regras, autorização) =>transformações nos dados, dados armazenados no sistema</li> </ul> Entrada, Saída e Processamento <h3>Detalhando estes elementos temos para cada um deles:</h3> <ul> <li>Entrada</li> <li>Saída</li> <li>Processamento</li> </ul>Dados do sistema Em níveis mais externos: definidos Em níveis mais internos: como são tratados Exemplos de detalhamento: <ul> <li>definir telas</li> <li>definir eventos</li> <li>atribuir autorização</li> <li>definir opções de escolha (definir menus e outros)</li> <li>definir consulta</li> <li>definir regras</li> </ul> Componentes Internos <ul> <li><a href="CriarIndice.htm">Criar Índice</a> (diretórios, filtros, minutas) => mapa do sítio, índce</li> <li><a href="Link.htm">Exibir links</a> (diretórios, filtro) => links existentes</li> <li>componente (SQL) => XML</li> <li>componente (CSV) => XML</li> <li>componente (XML) => CSV</li> <li>componente (XML, XSL, CSS) => HTML</li> </ul> Componentes Externos <ul> <li><a href="http://www.google.com/webelements/" target="_blank">Componentes do Google: como inseri-los em uma página</a> <ul> <li><a href="http://www.google.com/webelements/calendar/" target="_blank">Agenda</li> </ul> </li> <li><a href="http://developer.yahoo.com/ypatterns/" target="_blank">Yahoo! Design Pattern Library</a></li> </ul> Abordagem Um componente transforma um ou mais <a href="Texto.htm">textos</a> em outro(s) texto(s) <ul> <li>transformar (texto1, texto2) => texto3 O componente transformar tem como entrada "texto1, texto2" e como saída "texto3"</li> <li>Envia texto (atualizar bd= envia SQL, consultar BD= envia SQL)</li> <li>Recebe texto</li> </ul> <ul> </ul> Textos utilizados para entrada, saída e componente são strings, podendo ser scripts: <a href="Javascript.html">JavaScript</a>, <a href="Shell.html">Shell</a>, AWK, SQL, <a href="Xml.html">XML</a>, XSL, CSS, <a href="CSVDiagramaSintatico.htm">CSV</a>, HTML etc. Ações envolvidas (<a href="5W2H.html">5w2h</a>) <table style="text-align: left;" border="1" cellpadding="2" cellspacing="2"> <tbody> <tr> <td>Ações</td> <td style="font-weight: bold;">O que</td> <td style="font-weight: bold;">Como</td> <td>Quem</td> <td>Onde</td> <td>Quando</td> </tr> <tr> <td style="vertical-align: top;">preparar componente</td> <td style="vertical-align: top;">gerar código ou texto executável</td> <td style="vertical-align: top;"> | programar  | gerar código</td> <td> | programador,  | especialista  | gerador de  componente</td> <td> | editor de textos  | servidor  | navegador</td> <td style="vertical-align: top;">antes de executar componente</td> </tr> <tr> <td colspan="1" rowspan="3" style="vertical-align: top;">executar componente</td> <td colspan="1" rowspan="3" style="vertical-align: top;"> | código  | LDC  | matriz de transições e ações</td> <td>executar </td> <td style="vertical-align: top;">Sistema operacional </td> <td colspan="1" rowspan="3" style="vertical-align: top;"> | servidor  | navegador</td> <td colspan="1" rowspan="3" style="vertical-align: top;">quando algum gatilho disparar </td> </tr> <tr> <td>interpretar</td> <td>Interpretador</td> </tr> <tr> <td> | simular  | emular</td> <td>Simulador</td> </tr> </tbody> </table> preparar > gatilho > executar  Fábrica de componentes A partir de <a href="Algoritmo.htm">algorítmos</a> bem definidos contruir componente em linguagem específica. <ul> <li>Componentes simples</li> <li>Componentes agregados</li> <li>Interfaces</li> <ul> <li>entrada de dados</li> <li>consulta</li> <li>conhecimento Analista de negócios</li> <li>TI (parametrização e configurações)</li> <li>usabilidade (facilitar uso de quem opera parte específica)</li> </ul> <li>componentes gráficos - AlgoritmoProlog (texto) => desenho(vetorial)</li> <li>um aplicativo pode ser usado como componente. Às vezes será necessário desenvolver ou adaptar interfaces para importar e exportar dados.</li> </ul> Achar, melhorar ou desenvolver Componentes necessários (achar, melhorar ou desenvolver)     * <a href="Shell.html">shell</a>: Consultar (QUERY_STRING, RegraSQL.csv) => resultado consulta          1. URLEncode2ASCII (QUERY_STRING) => entrada                         2. Dado2MaiusculaSemAcento (entrada) => entrada                 * formato:  "nome1=dado1&nome2=dado2"                 * transformar dados em maiúsculas                 * tirar acentos e Ç          3.  AWK: MontarTexto  (entrada, RegraSQL.csv) => SQL          4. ASCII2URLEncode (SQL) => SQLWeb         # necessário?          5. ConsultarBD (SQLWeb) => Resultado.xml                 * ambiente Apache + Java + Apache                       * JSP: # está funcionando http://10.32.0.18/prod/cvm/run/runSql.jsp?query=sql&tit=titulo                 * consultar com SQL grande (> 4kB)          6. Exibir (Resultado.xml, ...xsl, ...csv) => resultado consulta     * Transformações desejáveis:          1. desenhar (texto genérico) => desenho simples (retângulos ou elipses com texto e setas entre figuras)          2. <a href="BNF2DiagramaSintatico.htm">desenhar (BNF) => Diagrama Sintático - Diagrama de Sintaxe (gráfico)</a>          3. desenhar (BNF) => Autômatos Finitos (gráfico, sem semântica)          4. desenhar (Matriz de Transições, Matriz de Acoes) => Autômato Finito (gráfico)          5. transformar (expressao regular) => BNF          6. transformar (BNF) => expressao regular          7. transformar (BNF) => Matriz de Transições          8. transformar (Matriz de Transições) => BNF          9. NaoDeterministico2Deterministico (Matriz de Transições, Matriz de Acoes) => (Matriz de Transições, Matriz de Acoes) - (transformar Autômato Finito não determinístico em determinístico)         10. simplificar (Matriz de Transições, Matriz de Acoes) => (Matriz de Transições, Matriz de Ações)     * browser (menu.xml,  menu.xsl) => menu.htm    # menu.xml=ok   menu.xsl= falta consertar     * CSV2HTML.cgi (.csv) => tabela.html     * browser (.xml, .xsl) => tabelas.html (definir .xsl)     * xalan (arq.xml, .xsl) => arq.csv     * analisador sintático: .html, .xml, .xsl, .css     * mapa do site (inclusive parcial, a partir de determinada página) feito automaticamente. Site w - serviço Web b - baixar e instalar c - cadastrar <h3>Existentes</h3> Converter <a href="http://www.baixaki.com.br/download/Some-PDF-to-Word-Converter.htm "><img style="border: 0px solid ; width: 100px; height: 65px;" alt="Converter PDF para DOC" title="Converter PDF para DOC" src="Pdf2Doc.jpg"></a><a href="http://www.baixaki.com.br/download/Some-PDF-to-Word-Converter.htm"target="_blank">Pdf2Doc</a> - <a href="http://www.baixaki.com.br/comparar/default.asp?c=52062,2547,38276,18213">comparar</a> <ul> <li><a href="ImagemEditor.htm" target="_blank">Editar Imagem</a></li> <li><a href="SalvarArquivo.htm">Salvar arquivo</a></li> </ul> Obter <ul> <li>índice - títulos das páginas em ordem alfabética com link para a página</li> <li>relacionamentos entre páginas - para cada página: quais ela chama, quais a chamam</li> <li>buscar palavras em arquivos em conjunto de diretórios</li> </ul> <a href="Conhecimento.html#7">Interface para conhecimento</a>