Modul ke:

Fakultas

Program Studi

Membuat Aplikasi Report dengan RegionPembuatan Aplikasi Report dengan Region

Albaar Rubhasy, S.Si., M.T.I.

03

FASILKOM

Sistem Informasi

Outline Perkuliahan

• Membuat Aplikasi Report dengan Wizard• Interactive Report• Membuat Aplikasi Report dengan Region

Membuat Aplikasi Report dengan WizardModul 03: Membuat Aplikasi Report dengan RegionPembuatan Aplikasi Report dengan Region

Tahapan Membuat Aplikasi Report1. Membuat APEX workspace2. Membuat database3. Membuat aplikasi (menggunakan wizard)

1. Membuat APEX Workspace• Jalankan Oracle Database 11g XE• Pada Database Home Page, klik Application

Express• Login dg menggunakan akun SYSTEM• Buat Workspace menggunakan user yg telah

dibuat• Klik create workspace• Pada halaman berikutnya, klik tautan “click

here” untuk login ke workspace

Tampilan Pembuatan Workspace

2. Membuat Database

• Database dapat dibuat dengan melalui:– Oracle SQL Command Line– Oracle Database Home Page– Oracle SQL Developer

• Jika sintaks SQL sudah ada, database dapat dibangun dengan cara import SQL script

Studi KasusBuat database PROJECT dengan skema berikut:

PROJECTS

projectidproj_nameproj_client

STUDENTS

stdidstduseridstdfnamestdlnamestdmajorstd_teamID

TEAMS

teamidteam_nameprojectid

EVALUATIONS

eval_IDevaluatorIDevaluateeIDevalsemesterevalyear

EVAL_ITEM_SCORESeval_score_IDeval_IDeval_item_IDscore

EVAL_ITEMS

eval_item_IDeval_item_codeeval_descrip

WORKSHOPS

wkshp_IDwkshp_name

ATTENDENCESattnd_IDattnd_wkshp_idattnd_stdid

Cara Import SQL Script

• Klik SQL Workshop > SQL Scripts• Kemudian Upload SQL Scripts• Upload secara berurutan script:

– DB Create– Triggers– DB Insert

• Run Script dan pastikan tidak ada kesalahan pada script SQL

• Ulangi prosedur jika terdapat kesalahan

Membuat Menu Home

• Pada Application Express Workspace, klik application builder

• Klik create• Pada application type, pilih database dan klik next• Isi nama aplikasi, pilih create application from scratch,

klik next• Pada add page

– Page type: Blank– Page name: Home

• Klik Add Page• Klik Create

Menambahkan Halaman Baru• Pada Application Builder, klik Create Page• Pilih Form• Pilih Form on a Table with Report• Pilih Tabel yang akan ditampilkan• Region template: Reports Region• Breadcrumb• Pilih Parent Entry: Home

... lanjut

• Tab Options: Use existing tab set and create a new tab ...

• Beri nama tab: (misalnya Project)• Pilih kolom yang akan ditampilkan pada Report• Pilih kolom yang akan ditampilkan pada Form• Finish

Studi Kasus

LATIHANBuat application dengan susunan tab berikut:

– Home– Projects– Teams– Students– Evaluation Items– Workshops

Interactive ReportModul 03: Membuat Aplikasi Report dengan RegionPembuatan Aplikasi Report dengan Region

Menggunakan Interactive ReportOracle Application Express memiliki beberapa opsi yang diberikan kepada user ketika menjalankan interactive report:• Save report settings as the default• Create a filter• Change the sort order• Add a control break• Add a chart• Reset report settings

Save report settings as the default• Ada 4 tipe penyimpanan:

– Primary Default (Developer): Laporan yang pertama kali muncul. Laporan Primary Default tidak dapat di-rename atau delete.

– Alternative Default (Developer): Memungkinkan developer menciptakan beberapa tampilan laporan. Hanya developer yang dapat save, rename, atau delete laporan Alternative Default.

– Public Report (End User): End user yang membuat Public Report dapat save, rename, atau delete. Pengguna lainnya dapat melihat sebagai suatu laporan.

– Private Report (End User): Hanya end user yang membuat Private Report yang dapat view, save, rename, atau delet laporan.

Save report ...

Untuk menyimpan pengaturan laporan saat ini sebagai default:1) Klik menu Action.2) Pilih Save Report (akan muncul pengaturan penyimpanan

laporan).3) Pada Save, pilih As Default Report Settings.

4) Default Report Type: Pilih Primary dan klik Apply.

Create a filter

• Pengembang dan pengguna dapat membuat filter sehingga laporan yang ditampilkan sesuai dengan kebutuhan.

• Filter dapat diterapkan untuk kolom dan baris.– Pada tipe filter kolom, tentukan kolom yang ingin

difilter kemudian isi operator dan ekspresi.– Pada tipe filter baris, tentukan nama filter dan

ekspresi.

Create a filter ...

Contoh 1: User ingin memfilter pasien yang tinggal di Jakarta Selatan. Caranya:1) Klik menu Action.2) Pilih Filter.3) Pada Filter, pilih tipe filter column. Isi filter sesuai

kebutuhan.

4) Jika sudah, klik apply.5) Akan ditampilkan laporan pasien yang tinggal di Jakarta

Selatan.

Create a filter ...

Contoh 2: User ingin memfilter pasien yang lahir mulai dari 1980. Caranya:1) Klik menu Action.2) Pilih Filter.3) Pada Filter, pilih tipe filter column. Isi filter sesuai

kebutuhan.

4) Jika sudah, klik apply.5) Akan ditampilkan laporan pasien yang lahir mulai 1 Januari

1980.

Change the sort order

Pengembang dan pengguna dapat mengurutkan data pada setiap kolom. Caranya:1) Klik menu Action.2) Pilih Format lalu pilih Sort.3) Pilih kolom yang ingin diurutkan dan tentukan arah

urutan (ascending/descending)4) Klik Apply.

Change the sort order ...

Contoh: User ingin mengurutkan data berdasarkan nama depan secara ascending. Caranya:1) Klik menu Action.2) Pilih Format lalu pilih Sort.3) Pilih kolom yang ingin diurutkan dan tentukan arah

urutan.4) Klik Apply.

Add a control break

• Cara lain untuk mengubah tampilan laporan adalah dengan menggunakan control break.

• Control break memungkinkan pengguna untuk menampilkan data berdasarkan secara berkelompok.

• Caranya:1) Pilih kolom heading.2) Klik icon control break.3) Nanti data ditampilkan berdasarkan

kelompok.

Add a control break ...

Contoh: User ingin menampilkan data pasien berdasarkan lokasi tempat tinggal. Caranya:1) Pilih kolom patientaddress.2) Klik icon control break.3) Nanti data ditampilkan berdasarkan lokasi

tempat tinggal.

Add a chart

• Pengembang dan user dapat membuat chart untuk merepresentasikan data dalam bentuk grafik.

• Pilihan chart: histogram, pie, dan plot.• Cara membuat chart:1) Pilih menu Action, pilih Format, lalu klik

Chart.2) Isi informasi chat yang ingin dibuat.3) Setelah itu klik Apply.

Add a chart ...

Contoh: user ingin membuat pie chart yang menggambarkan lokasi pasien. Caranya:1) Pilih menu Action, pilih Format, lalu klik Chart.2) Isi informasi chat yang ingin dibuat.

3) Setelah itu klik Apply.

Reset report settings

• Menyimpan laporan sebagai Primary Default berguna untuk mengembalikan tampilan awal ketika user memilih opsi Reset. Cara mereset bentuk laporan:

Membuat Aplikasi Report dengan RegionModul 03: Membuat Aplikasi Report dengan RegionPembuatan Aplikasi Report dengan Region

Memahami Region• Region merupakan area yang ada pada konten suatu halaman• Jenis-jenis Region:

– HTML– Multiple HTML– Report– Form– Chart– Breadcrumb– PL/SQL Dynamic Content– Tree– URL– Calendar– Help Text– Map– Region Display Selector

Cara Menambah/Mengubah Region• Pada Application, klik halaman yang akan kita

tambah/ubah Region-nya• Pada Page Rendering, terlihat sebuah tree

Regions• Klik tombol create untuk menambahkan

Region pada halaman• Pilih tipe Region yang diinginkan

Menambah Region Button

• Kita dapat menambahkan button pada region• Button dapat memiliki 3 fungsi:

– Submit Page– Redirect to Page in this Application– Redirect to URL

Menambah Region Button

LATIHANTambahkan 5 Region Button pada halaman HOME yang berfungsi untuk redirect ke Page:

– Projects– Teams– Students– Evaluation Items– Workshops

Terima KasihAlbaar Rubhasy, S.Si., M.T.I.