Membuat Aplikasi Mobile Sederhana dengan Oracle Mobile Framework Lanjutan

Blog ini merupakan blog lanjutan dari  proses sebelumnya untuk membuat aplikasi mobile sederhana menggunakan Oracle Mobile Framework (klik disini)

Step 4: Create Java Classes and Data Controls

1. Klik kanan pada ViewController. Pilih New ==> Java Class. 
2. Buat java class dengan nama Emp. Klik OK.              
3. Masukan java code seperti dibawah ini.
4. private String name;
   private String email;
   private int salary;
   private Date hireDate;
5. Tambahkan konstruktornya.
6. public Emp(String name, String email) {
        super();
        this.name = name;
        this.email = email;
   }
   
   public Emp(String name, String email, int salary, Date hireDate) {
       super();
       this.name = name;
       this.email = email;
       this.salary = salary;
       this.hireDate = hireDate;
   }                                                                
7. Klik kanan pada class, pilih Generate Accessors.
8.  Buat java class baru dengan nama Emps.      
9. Replace java code menjadi seperti dibawah ini. 
import java.util.ArrayList;
import java.util.Calendar;
import java.util.Date;
import java.util.List;

public class Emps {
   private List s_emps = null;
   public Emps() {
   super();
   }
    public Emp[] getEmps() {
        //This Method gets a list of the employees and their emails
        Emp[] emps = null;
        s_emps = new ArrayList();
        s_emps.add(new Emp("Bill", "bill@oracle.com",4000, getADate(2011,3,24,9,0) )) ;
        s_emps.add(new Emp("Joe", "joe@oracle.com", 5000, getADate(2007,2,24,9,0) )) ;
        s_emps.add(new Emp("Juan", "juan@oracle.com", 5500, getADate(2003,2,19,9,0) )) ;
        s_emps.add(new Emp("Shay", "shay@oracle.com", 4000, getADate(2012,2,13,9,0) )) ;
        s_emps.add(new Emp("Srini", "srini@oracle.com",6000, getADate(2002,2,21,9,0) )) ;
        emps = (Emp[]) s_emps.toArray(new Emp[s_emps.size()]);
        return emps;
   }

    private Date getADate(int y,int m, int d,int h, int mi) {
        Calendar c1 = Calendar.getInstance();
        c1.set(y, m, d, h, mi);
        Date retDate = c1.getTime();
        return retDate;
    }


}

10. Klik Save
11. Pada JDeveloper menu, pilih Build -> Rebuild ViewController.jpr. 
12. Klik kanan pada Emps.java dan pilih Create Data Control
    
    
    
13.  Klik Next kemudian Finish.

Step 5: Create and Test the UI

1. Buka EmpsTaskFlow.xml     
2.  Klik 2 kalo pada empList untuk create MAF AMX Page. Klik OK
3. Split layar ubah menjadi 2 halaman.     
4. Pada salah satu sisi, ubah menjadi priview. 
5. Edit Header value menjadi Emp List dan button text ubah menjadi Graph. Ubah action ny ke showGraph                              
6. Pada data control, pilih Emps ==> emps                       
7. Geser emps dan tempel ke panel page. Pilih MAF List View. 
8. Pilih format list view yang diinginkan.    
9. Ubah Driver Mode ke first letter untuk grouping atribut.
10. Buka EmpsTaskFlow.xml     
11. Klik 2 kali pada graph untuk create MAF AMX Page.
12. Pada button, edit text menjadi Back dan action menjadi __back.
13. Geser emps (pada data control) ke panel page. Pilih MAF Chart
14. Pilih chart yang diinginkan. Sebagai contoh pilih bar.
15. Pada kolom atribut, geser salary ke Bars dan name ke X Axis. Klik OK.
16. Pada application resource, pilih Descriptors ==> ADF META-INF ==> maf-application.xml
17. Pilih Feature Reference untuk memastikan fitur yang telah dibuat.
18. Pada Application menu, pilih Deploy ==> New Deployment Profile.
19. Pilih profile type MAF for Android. Dan isi deployment profile name
20. Klik OK                                                       
21. Pilih Application menu ==> Deploy ==> AndroidTest (deployment profile yang telah dibuat)
22. Pilih Deploy application to emulator untuk melakukan test.