Sabtu, 11 Juni 2011

Membuat Page Help untuk aplikasi

Page help digunakan untuk membuat sebuah keterangan dalam satu page keseluruhan yang merangkum semua keterangan bantuan semua region, item dalam satu bagian, jadi bedakan dengan item help yang mem-pop-up setiap klik label item.
Adapun langkah-langkahnya sebagai berikut:
  1. Buatlah text help untuk semua item dalam aplikasi
    • Home >> Application Builder >> Application XXX>>Item Utilities >>Edit Item Help Text
    • Isi semua item help yang tidak memiliki help dengan klik: Seed Item Help Text
    • Contoh: "Belum memiliki Help Text"
  2. Buatlah page help untuk menampung informasi help
    • Buat page baru (blank) dengan alias: HELP
    • Tambahkan region :HELP dengan tipe : PL/SQL Anonymous Block
    • Isi region source:
    • APEX_APPLICATION.HELP(
      p_flow_id => :APP_ID,
      p_flow_step_id => :REQUEST,
      p_before_region_html => '<p><br/><table bgcolor="#A3BED8"
      width="100%"><tr><td><b>',
      p_after_prompt_html => '</b></p>&nbsp;&nbsp;');
      
  3. Buatlah navigation bar entries
    • Home >> Application Builder >> Application XXX>>Shared Components >>Navigation Bar Entries >> Create
    • Entry Label: "Help"
    • Target Type:URL dan isi URL Target
    • javascript:popupURL('f?p=&APP_ID.:HELP:&SESSION.:&APP_PAGE_ID.');
      
sumber : Oracle® Application Express API Reference
catatan :
  • Buatlah pakailah template page popup (atau buat baru sesuai kebutuhan) supaya logo,nama user dan nav bar tidak tampak di page help.
  • Anda bisa memakai icon dalam nav bar namun harus ada penyesuaian dalam template page.
  • Anda bisa memanggil page help dengan tampilan pop-up atau jQuery modal.
  • Anda bisa mempelajari lebih lanjut procedure APEX_APPLICATION.HELP disini.

Jumat, 10 Juni 2011

Implementasi Widget dalam APEX

Kita bisa pakai widget ke dalam aplikasi APEX layaknya dalam blogger, untuk singkatnya kita coba widget dari http://www.al-habib.info/islamic-calendar/hijri-calendar-ornament-01.htm dan http://www.mixpod.com.

  1. Buatlah region page type:HTML TEXT
  2. Template:Chart Region (terserah boleh yang lain)
  3. Display Point :Page Template Region Position 3
  4. Isi source region dengan code berikut
    • Hijri Calendar
    • Mixpod
    • 
      
  5. Lihat Hasilnya:

Catatan :
  • Aplikasi Apex harus terkoneksi ke internet
  • Saya memakai theme 1 didemo aplikasi apex.oracle.com

Senin, 06 Juni 2011

Create Notification Marquee on #GLOBAL_NOTIFICATION# (text berjalan...)

Ide ini muncul ketika saya buat marquee (text berjalan di blog). biasanya berupa pengumuman (global notification). bagaimana cara membuatnya di aplikasi APEX?
berikut langkah-langkahnya:
  1. Buat Application Item
  2. Application Item ini akan berfungsi sebagai global variable, yang secara dinamis akan bisa di ubah sesuai kebutuhan.
    • Home>>Application Builder>>Application xxx>>Shared Components>>Application Items>>Create / Edit
    • Buatlah application Item :Fxxx_G_NOTIFICATION : xxx adalah sesuai no applikasi yang anda punya
  3. Edit Definition
    • Home>>Application Builder>>Application xxx>>Shared Components>>Edit Application
    • Pada bagian tab global notification masukkan seperti gambar: jangan lupa xxx adalah no aplikasi anda
    • &FXXX_GLOBAL_NOTIFICATION.
      
  4. Edit Page Login Process
    • Edit Page Login (biasanya 101 jika belum dirubah)
    • Pada bagian : Page Processing>>edit login process
    • Pada bagian akhir code tambahkan :
    • :FXXX_G_NOTIFICATION:= 'Selamat datang di oracle apex tutorial untuk detail silahkan akses Blog ini';
  5. Test Drive
    • Lakukan login
    • Setelah login maka akan tanpak text berjalan (marquee) pada div #GLOBAL_NOTIFICATION#
Catatan :
  • Teknik ini akan memunculkan marquee di seluruh template page yang mengandung region #GLOBAL_NOTIFICATION# .
  • Untuk memunculkan hanya specifik pada page tertentu anda harus membuatnya di page yang anda inginkan dengan membuat sebuah region HTML (no template) dengan display point :page template position 1 (tergantung theme)
  • Untuk memunculkan beberapa page (kondisional) anda harus membuatnya di page 0 (zero) yang anda inginkan dengan membuat sebuah region HTML (no template) dengan display point :page template position 1, kemudian tambahkan conditional pada page yang anda butuhkan
  • Anda bisa memakai notifikasi secara dinamis berdasarkan user yang login, dengan cara query ke db data notifikasi yang disimpan untuk masing-masing user.