Sunday, December 18, 2016

Membuat Aplikasi Mobile Sederhana dengan Oracle Mobile Framework

Pada kesempatan kali ini saya akan memberikan sample pembuatan aplikasi mobile sederhana menggunakan Oracle Mobile Framework.
Di bawah ini adalah langkah – langkahnya :

  • Step 1: Create and Application Workspace
  • Step 2: Add Features to an Application
  • Step 3: Create an ADF Task Flow
  • Step 4: Create Java Classes and Data Controls
  • Step 5: Create and Test the UI
Step 1: Create an Application Workspace
  1. Buka Jdeveloper 12.2.1.0.0 
  2. Pilih New Application, kemudian pilih Mobile Application Framework Application. Jika sudah klik OK.
  3. Isi Application Name dengan nama EmployeesTesting. Sesuaikan dengan lokasi direktorinya. Untuk Application Package Prefix, anda dapat menambahkan jika dibutuhkan. 
  4. Anda dapat klik Next sampai dengan selesai atau klik Finish. 
  5. Jika sudah selesai, akan tersedia 2 project dengan nama ApplicationController dan ViewController seperti tampilan seperti dibawah ini. 

Step 2: Add Features to the Application

  1. Pada ViewController, pilih Application Sources ==>META-INF ==> maf-feature.xml 
  2. Buat fitur baru Employees, kemudian klik OK. 
  3. Buat fitur baru Help, kemudian klik OK. 
  4. Pilih fitur Help, pilih tab Content kemudian pilih tipe Local HTML 
  5. Klik logo (+) untuk menambahkan file HTML baru. 
  6. Buka file help.html. Isi dengan "This document will be the Help System". 
  7. Pilih fitur Employees, pilih tab Content kemudian pilih tipe MAF Task Flow 

Step 3: Create a ADF Task flow

  1. Buka maf-feature.xml. Pilih fitur Employees. Tambah file seperti gambar dibawah ini 
  2. Isi dengan nama EmpsTaskFlow.xml. Kemudian klik OK. 
  3. Akan muncul tampilan seperti dibawah ini. 
  4. Pada Component Pallete, pilih View. Drag-and-drop ke EmpsTaskFlow.xml. Isi dengan nama empList. 
  5. Drag-and-drop View. Kemudian isi dengan graph. 
  6. Pada Component Pallete, pilih Control Flow Case. Arahkan ke empList dan geser ke graph.Dan beri nama dengan showGraph. 
  7. Pada control flow case properties, atur transisi flipRight. 

Untuk proses selanjutnya dapat menakses link ini (klik disini)

No comments:

Post a Comment