Criando uma aplicação ADF Mobile

Oracle ADF Mobile é a plataforma de desenvolvimento de aplicativo que permite a criação de aplicações multi-funcionais para dispositivos Apple iOS e Google Android a partir de uma única fonte, usando a abordagem de desenvolvimento declarativa. As aplicações rodam nativamente nos dispositivos móveis.

Faça o download do aplicativo de amostra – CurrencyConvertorMobileApp.zip – que utiliza o web service de conversão de moeda do webservicex.net para mostrar a taxa de conversão entre duas moedas que escolhemos.

Crie um novo Mobile Application (ADF). Defina Application Name para CurrencyConvertorMobileApp e Application Package Prefix para br.com.waslleysouza, clique em Finish.

creating-an-adf-mobile-application1

Agora, temos uma aplicação com dois projetos, ApplicationController que contêm arquivos de configuração para descrever os metadados da aplicação ADF Mobile, e ViewController que abrigará os recursos das funcionalidades do aplicativo.

creating-an-adf-mobile-application2

Vá para a seção Features de adfmf-feature.xml e clique no ícone de adição verde para adicionar um novo recurso. Defina Feature Name para CurrencyConvertor e clique em OK.

creating-an-adf-mobile-application3

Vá para a guia Content, clique no ícone de adição verde do campo File e selecione Task Flow.
Na caixa de diálogo Create ADF Mobile Task Flow, clique em OK.

creating-an-adf-mobile-application4

Arraste dois componentes View do Component Palette e solte-os dentro do Task Flow.
Chame-os de Form e Result.

creating-an-adf-mobile-application5

Clique duas vezes no Form View, marque a opção Header e clique em OK para criar a página.

creating-an-adf-mobile-application6

Selecione o outputText e defina a propriedade Valor para Currency Convertor.
Adicione o código abaixo na página.

<amx:panelFormLayout id="pfl1">
  <amx:selectOneChoice label="From Currency" id="soc1" value="#{pageFlowScope.fromCurrency}">
    <amx:selectItem id="si1" label="----" value=""/>
    <amx:selectItem id="si2" label="Brazilian Real" value="BRL"/>
    <amx:selectItem id="si3" label="U.S. Dolar" value="USD"/>
    <amx:selectItem id="si4" label="Euro" value="EUR"/>
  </amx:selectOneChoice>
  <amx:selectOneChoice label="To Currency" id="soc2" value="#{pageFlowScope.toCurrency}">
    <amx:selectItem id="si5" label="----" value=""/>
    <amx:selectItem id="si6" label="Brazilian Real" value="BRL"/>
    <amx:selectItem id="si7" label="U.S. Dolar" value="USD"/>
    <amx:selectItem id="si8" label="Euro" value="EUR"/>
  </amx:selectOneChoice>
</amx:panelFormLayout>
<amx:commandButton text="Currency Convertor" id="cb2" action="goResult"/>

creating-an-adf-mobile-application7

Volte para o Task Flow, clique duas vezes no Result View, marque a opção Header e clique em OK para criar a página.

creating-an-adf-mobile-application8

Selecione o outputText e defina a propriedade Value para Currency Convertor.
Adicione um componente para comunicar com o web service. Vá até File | New | Business Tier | Data Controls, selecione Web Service Data Control (SOAP/REST) e clique em OK. Defina Name para CurrencyConvertor e URL para http://www.webservicex.net/CurrencyConvertor.asmx?WSDL, e clique em Next.

creating-an-adf-mobile-application9

Selecione o CurrencyConvertorSoap, e clique em Finish.

creating-an-adf-mobile-application10

Vá até o painél Data Controls e expanda o CurrencyConvertor data control.
Arraste o Double – que representa o resultado do web service – para o Panel Page do painél Structure e solte como um ADF Mobile Output Text.

creating-an-adf-mobile-application11

Na caixa de diálogo Edit Action Binding, defina o valor de FromCurrency para #{pageFlowScope.fromCurrency} e o valor de ToCurrency para #{pageFlowScope.toCurrency}.

creating-an-adf-mobile-application12

Adicione um commandButton, defina a propriedade Action para __back e a propriedade Text para Back. __back é uma função especial que permite voltar para a página visitada anteriormente.

creating-an-adf-mobile-application13

Vá para a guia Binding da página Result, crie um invokeAction dentro da seção Executables, e mova-o para a primeira posição, para executar inicialmente antes de qualquer outro executável.

creating-an-adf-mobile-application14

Altere a propriedade Refresh para Always.

creating-an-adf-mobile-application15

Salve tudo.
Vamos implantar e testar o aplicativo!
A partir do menu Application no JDeveloper, selecione Deploy | Android1.

creating-an-adf-mobile-application16

Selecione Deploy application to emulator e clique em Finish.

creating-an-adf-mobile-application17

Na guia Deployment da janela de Log, certifique-se que a implantação foi concluída.

creating-an-adf-mobile-application18

No emulador, navegue até a página de aplicativos e abra o aplicativo CurrencyConvertorMobileApp.

creating-an-adf-mobile-application19

O emulador mostra a página Form.
Selecione Brazilian Real e Euro para obter a taxa de conversão de uma moeda para outra moeda, e clique em Currency Convertor.

creating-an-adf-mobile-application20

Clique em Back para voltar para a página Form.

creating-an-adf-mobile-application21

Referência:
Oracle Fusion Middleware Mobile Developer’s Guide for Oracle Application Development Framework 11g Release 2 (11.1.2.4.0): http://docs.oracle.com/cd/E37975_01/doc.111240/e24475/toc.htm

Waslley Souza

Autor: Waslley Souza

Consultor Oracle com foco em tecnologias Oracle Fusion Middleware e SOA. Certificado Oracle WebCenter Portal, Oracle ADF e Java.

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *