--- title: "Troca de dados para trabalhadores móveis" date: "2012-02-01" categories: - "data-integration" tags: - "software-tools" - "stylevision" - "xml-reports" - "xml-to-database" description: Descubra como as ferramentas StyleVision e Authentic da Altova permitem uma troca de dados eficiente para equipas de trabalho móveis, através da criação e gestão de formulários eletrónicos integrados com sistemas de TI. --- Status: #blog Tags: #software-tools #stylevision #xml-reports #xml-to-database Categories: [data-integration](/blog/pt/category/data-integration.md) # Troca de dados para trabalhadores móveis As organizações têm sido forçadas a adaptar muitos dos seus processos internos para se adequarem a uma força de trabalho cada vez mais móvel. Embora existam soluções tecnológicas que respondem a muitas das necessidades de comunicação atuais, a grande variedade de formatos de documentos utilizados – mesmo dentro da mesma organização – significa que algumas tarefas continuam a ser problemáticas. Por exemplo, como é que uma organização consegue manter a flexibilidade necessária para facilitar a troca de dados entre os trabalhadores em movimento, e ao mesmo tempo preservar a capacidade de integrar esses dados nos sistemas de TI internos? A Altova oferece uma solução acessível com o StyleVision®, um programa gráfico para criar folhas de estilo e relatórios, que também permite criar formulários eletrónicos, e com o Authentic®, um editor XML e de bases de dados "o que vê é o que obtém" (WYSIWYG), no qual os utilizadores finais podem visualizar e editar formulários eletrónicos criados no StyleVision. A versão Community Edition autêntica está [disponível no site da Altova para download gratuito](https://www.altova.com/pt/download/authentic/xml_db_form_editor_desktop.html), permitindo que qualquer pessoa seja integrada ao seu fluxo de trabalho, seja ela interna ou externa à sua organização. [![clip_image002](https://lh5.ggpht.com/-0BIdbup1WCI/TylxslyNu9I/AAAAAAAAASw/J4lIVPv9lB0/clip_image002_thumb%25255B2%25255D.jpg?imgmax=800 "clip_image002")](http://lh3.ggpht.com/-PevmyQqyxCU/Tylxr4M21qI/AAAAAAAAASo/9UDb6MHeRP0/s1600-h/clip_image002%25255B7%25255D.jpg) Neste artigo, apresentaremos um exemplo prático que demonstra como criar um formulário eletrónico que replica um formulário em papel existente (no nosso exemplo, um formulário de reembolso) e, em seguida, acompanharemos o seu percurso numa organização fictícia. Note que o exemplo que utilizamos aqui é simplificado e foi concebido apenas para ilustrar o processo de desenvolvimento e implementação de um formulário eletrónico. Embora seja possível adicionar fontes de dados adicionais e realizar validações e outras funções complexas no StyleVision, não ilustramos estes aspetos neste artigo. É extremamente fácil criar formulários eletrónicos no StyleVision. Para começar, basta selecionar "Novo" – "Novo a partir de um esquema XML/DTD/XML..." no menu "Ficheiro", navegar até um ficheiro de esquema XML e selecionar o tipo de design que pretende criar. Para este exemplo, criámos um ficheiro de esquema XML e um ficheiro de instância no XMLSpy, da Altova [Editor e ambiente de desenvolvimento XML](https://www.altova.com/pt/xmlspy.html), com base nos campos do formulário de reembolso. Também é possível criar um design no StyleVision com base numa base de dados ou numa taxonomia XBRL. Abaixo, apresentamos uma cópia do formulário de reembolso que utilizaremos, juntamente com o esquema XML que criámos. [![clip_image002](https://lh5.ggpht.com/-8SMJRzV77pU/TylxtoN9vcI/AAAAAAAAAS8/NAZxprm7rRs/clip_image002_thumb%25255B3%25255D.jpg?imgmax=800 "clip_image002")](http://lh5.ggpht.com/-xMTIo-wF2WM/TylxtZOWYqI/AAAAAAAAAS0/1ss8cIyDe-c/s1600-h/clip_image002%25255B8%25255D.jpg) [![clip_image003](https://lh5.ggpht.com/-YINM9ih5A2M/Tylxv-TwBzI/AAAAAAAAATQ/Gpx5etVG2dY/clip_image003_thumb%25255B1%25255D.png?imgmax=800 "clip_image003")](http://lh6.ggpht.com/-s_AeRtjGdzU/TylxuW33DGI/AAAAAAAAATI/6r7FC3vRC-c/s1600-h/clip_image003%25255B4%25255D.png) Depois de selecionarmos o ficheiro XML no StyleVision, somos convidados a escolher entre um documento de fluxo livre ou um documento baseado em formulário. Num documento baseado em formulário, todos os elementos de design (por exemplo, caixas de texto para entrada de dados, imagens, botões) têm uma posição fixa – ideal para formulários de entrada de dados. Quando criamos um documento baseado em formulário, podemos carregar uma "imagem de referência" para que possamos recriar um formulário em papel exatamente como foi originalmente concebido. Esta é a opção que selecionámos abaixo. A imagem aparecerá no fundo da janela de design e simplesmente colocaremos os elementos de design sobre os elementos correspondentes no formulário. Naturalmente, a imagem de referência não aparece no resultado final. [![clip_image004](https://lh6.ggpht.com/-PiQaOk6tDSU/TylxxN1QjNI/AAAAAAAAATg/oR1i9RGhxVc/clip_image004_thumb%25255B1%25255D.png?imgmax=800 "clip_image004")](http://lh3.ggpht.com/-pH9kumjNQb8/TylxwpQDq5I/AAAAAAAAATY/3TsS7DDLUJo/s1600-h/clip_image004%25255B4%25255D.png) A captura de ecrã abaixo mostra a imagem do projeto tal como aparece na janela de design no StyleVision – não é fantástico? [![clip_image005](https://lh3.ggpht.com/-z73sUFqvsTY/TylxzIKlmuI/AAAAAAAAAT4/m316wAKAr-Q/clip_image005_thumb%25255B1%25255D.png?imgmax=800 "clip_image005")](http://lh3.ggpht.com/-zpBDNYlFAyg/Tylxx4G6LeI/AAAAAAAAATs/3BQqU4W4Tm0/s1600-h/clip_image005%25255B4%25255D.png) Agora, utilizando o menu "Inserir" na parte superior, podemos simplesmente inserir elementos de design na imagem do modelo no espaço de trabalho de design. Os elementos de design disponíveis incluem controles de formulário (por exemplo, caixas de entrada, caixas de combinação, botões de opção), imagens, tabelas, gráficos e "contêineres de layout" para posicionamento preciso. Começaremos adicionando campos de entrada para capturar informações dos funcionários (por exemplo, Nome, Sobrenome, Cargo, etc., da parte superior do formulário). Ao clicar em "Inserir" – "Inserir Controles de Formulário" e selecionar "Campo de Entrada", a caixa de diálogo "Inserir Elemento de Design" aparece. Destacámos o elemento "Nome" na caixa de diálogo abaixo – o campo de entrada será agora associado ao elemento "Nome". Desta forma, quando o utilizador final digitar dados no campo de entrada e guardar o formulário, essa informação será preenchida no elemento "Nome" no ficheiro XML. [![clip_image006](https://lh6.ggpht.com/-hLEflFy1sJM/Tylx0LpM5BI/AAAAAAAAAUE/QCVAwLktES0/clip_image006_thumb%25255B1%25255D.png?imgmax=800 "clip_image006")](http://lh5.ggpht.com/-QUkLxSHiyyQ/Tylxzmp1ZDI/AAAAAAAAAUA/AdyDzJnw8us/s1600-h/clip_image006%25255B4%25255D.png) Agora, adicionamos elementos de design em todo o formulário, associando os campos de entrada aos respetivos elementos do ficheiro XML. Quando terminarmos de adicionar os campos de entrada, um logótipo, linhas, uma tabela para os itens de despesa e rótulos, o design terá a seguinte aparência. Definimos o atributo de opacidade da imagem de referência para 0, para facilitar a visualização dos elementos de design. Note também que realizámos algum trabalho de design adicional, como a inclusão de calendários nos campos de data, caixas de seleção e um símbolo de moeda que se altera de acordo com a entrada do utilizador. Para obter mais informações sobre como personalizar o seu formulário, consulte o Manual do Utilizador e de Referência do StyleVision, na aplicação StyleVision. [![clip_image007](https://lh5.ggpht.com/-NcEKgP1bloM/Tylx0_ywOhI/AAAAAAAAAUY/4GeDFsaqALE/clip_image007_thumb%25255B1%25255D.png?imgmax=800 "clip_image007")](http://lh6.ggpht.com/-6y0s0Fw7DwM/Tylx0c6fXWI/AAAAAAAAAUM/kXNi7-6jlkU/s1600-h/clip_image007%25255B4%25255D.png) Podemos visualizar como o utilizador final verá o formulário que criámos no StyleVision clicando na aba "Authentic eForm" na parte inferior da janela de design (abaixo). Note que o utilizador final é solicitado a inserir dados diretamente em cada campo de entrada. Conseguimos isso colocando as instruções (por exemplo, "Introduzir o primeiro nome") entre as etiquetas relevantes no ficheiro XML associado ao nosso design. O utilizador final simplesmente seleciona a instrução e substitui-a pelo texto desejado. [![clip_image008](https://lh6.ggpht.com/-BzpjcpBQ1Mk/Tylx2JqE0mI/AAAAAAAAAUk/b3DXBvOeuXg/clip_image008_thumb%25255B1%25255D.png?imgmax=800 "clip_image008")](http://lh6.ggpht.com/-ptt0UtL62Lg/Tylx1iVid9I/AAAAAAAAAUg/Qu_ADFN7oBg/s1600-h/clip_image008%25255B4%25255D.png) Assim que terminarmos de criar o formulário de reembolso, podemos guardar todo o design – incluindo o esquema XML e os ficheiros de instância, as imagens e quaisquer outros ficheiros associados – num único ficheiro PXF® (Portable XML Form®). Guardar o design como um PXF permitirá que enviemos o formulário, juntamente com os dados atualizados no formulário XML subjacente, por e-mail a pessoas tanto dentro como fora da rede local da empresa. [![clip_image009](https://lh3.ggpht.com/-O0d5WlE1mSA/Tylx2-b6WVI/AAAAAAAAAU0/Y5BiYvb0vIk/clip_image009_thumb%25255B1%25255D.png?imgmax=800 "clip_image009")](http://lh3.ggpht.com/-VMZmAOAgRk8/Tylx2pKvf0I/AAAAAAAAAUs/UhLjbQI7JC4/s1600-h/clip_image009%25255B4%25255D.png) Depois de clicar em "OK", somos solicitados a selecionar os ficheiros a incluir no PXF. Note que selecionámos HTML, RTF, PDF e Word 2007+ na secção "Gerar e armazenar ficheiros XSLT". Isto permitirá que um utilizador final gere o formulário – com os dados – nestes formatos diretamente a partir do Authentic. [![clip_image010](https://lh6.ggpht.com/-e2J8FrTol9g/Tylx3lPSJzI/AAAAAAAAAVI/MgA_NqZXJwc/clip_image010_thumb%25255B1%25255D.png?imgmax=800 "clip_image010")](http://lh3.ggpht.com/-J86iYroLYSs/Tylx3NPVeCI/AAAAAAAAAVA/oL949YN13jI/s1600-h/clip_image010%25255B4%25255D.png) Agora que o guardámos num ficheiro PXF, o formulário eletrónico que criámos no StyleVision está pronto para ser utilizado num ambiente empresarial. No nosso exemplo, temos uma equipa de vendedores que trabalham em todo o mundo e que precisam de solicitar o reembolso de despesas de viagem e outras despesas profissionais. Os vendedores preenchem os relatórios de despesas, enviam-nos aos seus gestores para aprovação e, em seguida, enviam os relatórios aprovados para a sede da empresa, para que as informações possam ser adicionadas ao sistema de contabilidade. O PXF facilita este processo. Quando um vendedor está pronto para preencher um pedido de reembolso, basta abrir o PXF no sistema Authentic e pode começar imediatamente a inserir as informações no formulário. Abaixo, apresentamos uma captura de ecrã de um formulário de reembolso preenchido no sistema Authentic – note que o formulário ainda precisa da assinatura de um gestor. [![clip_image011](https://lh6.ggpht.com/-PqHJjTayqHQ/Tylx42HpMPI/AAAAAAAAAVU/WoTlq4VUg3g/clip_image011_thumb%25255B1%25255D.gif?imgmax=800 "clip_image011")](http://lh4.ggpht.com/-4xV4NlMmEMM/Tylx4YLRgNI/AAAAAAAAAVQ/88HKRf0Duxc/s1600-h/clip_image011%25255B4%25255D.gif) Agora, a vendedora deve enviar o formulário ao seu gestor para aprovação. É fácil iniciar um e-mail com o formulário anexado diretamente a partir da plataforma Authentic. [![clip_image013](https://lh3.ggpht.com/-nwJcmO8vH_I/Tylx7fSozXI/AAAAAAAAAVo/3wdy8d1Qztg/clip_image013_thumb%25255B1%25255D.jpg?imgmax=800 "clip_image013")](http://lh5.ggpht.com/-FEkZyQ8nNto/Tylx5M-76XI/AAAAAAAAAVg/KZVEed6FUts/s1600-h/clip_image013%25255B4%25255D.jpg) Assim que a gerente recebe o e-mail, ela pode simplesmente clicar duas vezes no anexo e este abrirá no programa Authentic. Neste caso, a gerente selecionou a caixa de verificação "Aprovado" e adicionou o seu nome e a data. [![clip_image014](https://lh3.ggpht.com/-D1b3X6JNTvA/Tylx8DplILI/AAAAAAAAAV4/v-6i22w2TRE/clip_image014_thumb%25255B1%25255D.png?imgmax=800 "clip_image014")](http://lh4.ggpht.com/-txmoksF37EI/Tylx70wPKXI/AAAAAAAAAVw/8WE22SRVBj4/s1600-h/clip_image014%25255B4%25255D.png) O gestor pode, então, enviar o PXF atualizado por e-mail ao vendedor, que, por sua vez, o envia por e-mail ao escritório central para que possa ser importado para o sistema de contabilidade para processamento. O nosso escritório central fictício recebe, naturalmente, centenas de pedidos de reembolso todos os dias e estabeleceu um processo para importar esses pedidos para as bases de dados Oracle relevantes no sistema de contabilidade. Utilizaremos o Altova MapForce, uma ferramenta gráfica [uma ferramenta de mapeamento, conversão e transformação de dados, que permite a conversão entre qualquer tipo de dado e outro](https://www.altova.com/pt/mapforce.html), Para preencher a base de dados corporativa com os dados das propostas, após configurar o mapeamento, vamos gerar automaticamente código a partir do MapForce, de forma a podermos automatizar a transformação, seja através de processamento em lote ou de uma conversão em tempo real. Primeiro, vamos configurar o mapeamento. Introduzimos o ficheiro XML "ExpRpt", que extraímos do PXF, no lado esquerdo da janela de design do MapForce, e, em seguida, introduzimos a base de dados Oracle no lado direito da janela de design. Agora, podemos arrastar e colocar os campos do ficheiro XML, que contém os dados de reembolso, para a base de dados Oracle. Também podemos transformar os dados, como fizemos com o elemento "Approved". Neste caso, utilizamos a função booleana integrada para converter o valor de texto armazenado no ficheiro XML ("true" ou "false") nos seus equivalentes numéricos (1 ou 0). Também podemos criar as nossas próprias funções. O mapeamento que criámos aparece abaixo. [![clip_image015](https://lh4.ggpht.com/-xVl2FP0BPFI/Tylx9VhN53I/AAAAAAAAAWI/7Y4ZMOGxQOw/clip_image015_thumb%25255B1%25255D.png?imgmax=800 "clip_image015")](http://lh6.ggpht.com/-ScqUKOBXByQ/Tylx8wyZcCI/AAAAAAAAAWA/-VpEFnE6YoM/s1600-h/clip_image015%25255B4%25255D.png)