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
- Buka Jdeveloper 12.2.1.0.0
 - Pilih New Application, kemudian pilih Mobile Application Framework Application. Jika sudah klik OK.
 
- 
Isi Application Name dengan nama
EmployeesTesting. Sesuaikan dengan lokasi direktorinya. Untuk Application
Package Prefix, anda dapat menambahkan jika dibutuhkan. 

 - Anda dapat klik Next sampai dengan selesai atau klik Finish.
 - 
Jika sudah selesai, akan tersedia 2 project
dengan nama ApplicationController dan ViewController seperti tampilan seperti
dibawah ini. 

 
Step 2: Add Features to the
Application
- 
Pada ViewController, pilih Application Sources ==>META-INF ==> maf-feature.xml 

 - 
Buat fitur baru Employees, kemudian klik OK. 

 - 
Buat fitur baru Help, kemudian klik OK. 

 - 
Pilih fitur Help, pilih tab Content kemudian pilih tipe Local
HTML 

 - 
Klik logo (+) untuk menambahkan file HTML baru. 

 - 
Buka file help.html. Isi dengan "This
document will be the Help System". 

 - 
Pilih fitur Employees, pilih tab Content kemudian pilih tipe MAF Task Flow 

 
Step 3: Create a ADF Task
flow
- 
Buka maf-feature.xml.
Pilih fitur Employees. Tambah file seperti gambar dibawah ini 

 - 
Isi dengan nama EmpsTaskFlow.xml. Kemudian klik OK. 

 - 
Akan muncul tampilan seperti dibawah ini. 

 - 
Pada Component Pallete, pilih View. Drag-and-drop ke EmpsTaskFlow.xml. Isi dengan nama empList. 

 - 
Drag-and-drop View. Kemudian isi dengan graph. 

 - 
Pada Component
Pallete, pilih Control Flow Case.
Arahkan ke empList dan geser ke graph.Dan beri nama dengan showGraph. 

 - 
Pada control flow case properties, atur transisi
flipRight. 

 
Untuk proses selanjutnya dapat menakses link ini (klik disini)
No comments:
Post a Comment