Membuat Aplikasi Mobile Sederhana dengan Oracle Mobile Framework Lanjutan | Goodpixelpro Tutorial

Goodpixelpro Tutorial – 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.
  10. 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;
    }

    }

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

  14. 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.
Terimakasih telah berkunjung ke website Goodpixelpro. Semoga bermanfaat.!

There are no comments

Leave a Reply

Your email address will not be published. Required fields are marked *

Start typing and press Enter to search

Shopping Cart