Machine Translated by Google

Membuat yang sederhana

Aplikasi database di Oracle
APEX

Hak Cipta © 2023, Oracle dan/atau afiliasinya. Oracle®, Java, dan MySQL adalah merek dagang terdaftar Oracle dan/atau afiliasinya. Nama lain mungkin merupakan
merek dagang dari pemiliknya masing-masing.

1
Machine Translated by Google

Tutorial: Membuat aplikasi database sederhana di Oracle APEX

Tema Detail
Ringkasan Dalam tutorial ini, Anda akan membuat aplikasi
database sederhana di Oracle APEX menggunakan
App Builder.
Konsep Utama • Membuat aplikasi menggunakan
Application Wizard
• Buat halaman tambahan menggunakan
Page Wizard
• Gunakan urutan yang ada untuk mengisi
kolom kunci utama
• Buat Daftar Nilai untuk mengisi kolom kunci
asing.
• Membuat Formulir Detil Induk
• Unggah file gambar untuk ditampilkan pada
halaman aplikasi
Kesulitan Menengah
Durasi Sekitar 90 menit
Catatan Siswa akan memerlukan akses ke akun APEX
aktif dengan tabel dan data yang diunggah
dari file skrip skema SQL (yang dapat diakses dari
bagian 0 dari kursus database mana pun).

Tutorial ini dibuat menggunakan APEX 22.2

Hak Cipta © 2023, Oracle dan/atau afiliasinya. Oracle®, Java, dan MySQL adalah merek dagang terdaftar Oracle dan/atau afiliasinya. Nama lain mungkin merupakan
merek dagang dari pemiliknya masing-masing.

2
Machine Translated by Google

Bagian 1: Pendahuluan dan memulai

Tutorial ini akan menunjukkan cara membuat aplikasi database menggunakan komponen App Builder Oracle Application Express (APEX). Lab praktik ini dapat
diselesaikan menggunakan APEX pada database Oracle cloud Autonomous atau menggunakan iAcademy APEX.

Aplikasi yang dibuat dalam tutorial ini akan memungkinkan pengguna akhir untuk menambah, mengubah dan menghapus data dalam tabel Pekerjaan,
Karyawan dan Departemen yang ada tanpa perlu menjalankan query SQL.

Langkah 1: Masuk ke APEX Masuk ke

APEX menggunakan kredensial APEX Anda.

Secara default, APEX berada dalam “Mode Gelap”. Tangkapan layar di lab ini ditampilkan dalam “Mode Cahaya”. Anda dapat memilih mode yang Anda pilih
dengan mengklik nama ruang kerja Anda dari kanan atas halaman beranda APEX dan mengklik pilihan Anda.

Hak Cipta © 2023, Oracle dan/atau afiliasinya. Oracle®, Java, dan MySQL adalah merek dagang terdaftar Oracle dan/atau afiliasinya. Nama lain mungkin merupakan
merek dagang dari pemiliknya masing-masing.

3
Machine Translated by Google

Langkah 2: Mengakses Pembuat Aplikasi Di

halaman Beranda APEX, klik ikon Pembuat Aplikasi.

Langkah 3: Buat aplikasi baru Klik ikon

Buat untuk membuat aplikasi baru.

Klik Aplikasi Baru.

Hak Cipta © 2023, Oracle dan/atau afiliasinya. Oracle®, Java, dan MySQL adalah merek dagang terdaftar Oracle dan/atau afiliasinya. Nama lain mungkin merupakan
merek dagang dari pemiliknya masing-masing.

4
Machine Translated by Google

Langkah 4: Beri nama aplikasinya

Ikuti langkah-langkah di bawah ini untuk melanjutkan pembuatan aplikasi:
Nama : Aplikasi Database Pegawai
Penampilan: Terima tema Vita default
Klik tombol "Setel Ikon".

Pilih Ikon dan warnanya yang akan digunakan untuk aplikasi Anda, lalu klik Setel Ikon Aplikasi. (Anda juga dapat mengunggah gambar untuk digunakan sebagai
ikon aplikasi dengan menyeret file gambar dari mesin lokal Anda ke area “Unggah ikon Anda sendiri”.)
Klik Simpan Ikon.

Hak Cipta © 2023, Oracle dan/atau afiliasinya. Oracle®, Java, dan MySQL adalah merek dagang terdaftar Oracle dan/atau afiliasinya. Nama lain mungkin merupakan
merek dagang dari pemiliknya masing-masing.

5
Machine Translated by Google

Gulir ke bawah untuk mengonfirmasi opsi Pengaturan.

ID Aplikasi: Jangan mengubah nomor Aplikasi. APEX membuat nomor aplikasi secara default, dan disarankan agar Anda tidak mengubah nomor ini.

Skema: ruang kerja skema Anda akan ditampilkan secara default.

Otentikasi: Akun Oracle APEX

CATATAN: JANGAN klik Buat Aplikasi saat ini.

Langkah 5: Tambahkan halaman ke aplikasi Halaman

“Beranda” ditambahkan secara otomatis ke aplikasi Anda, ini akan menjadi halaman induk untuk halaman lain yang kami tambahkan.
Pada langkah ini, kita akan menambahkan halaman yang akan menampilkan data pada tabel pekerjaan.
Gulir ke atas ke tautan Tambah Halaman dan klik.

Hak Cipta © 2023, Oracle dan/atau afiliasinya. Oracle®, Java, dan MySQL adalah merek dagang terdaftar Oracle dan/atau afiliasinya. Nama lain mungkin merupakan
merek dagang dari pemiliknya masing-masing.

6
Machine Translated by Google

Pilih Laporan Interaktif.

Di Tambahkan Halaman Laporan, masukkan yang

berikut ini: Nama
Halaman: Tabel atau Tampilan Pekerjaan: Klik ikon daftar, cari tabel Pekerjaan, dan klik tabel tersebut.
Klik Atur Ikon dan pilih ikon yang ingin Anda gunakan untuk halaman tersebut. (Contoh di bawah ini menggunakan ikon tas kerja).
Klik Tambahkan Halaman.

Hak Cipta © 2023, Oracle dan/atau afiliasinya. Oracle®, Java, dan MySQL adalah merek dagang terdaftar Oracle dan/atau afiliasinya. Nama lain mungkin merupakan
merek dagang dari pemiliknya masing-masing.

7
Machine Translated by Google

Halaman Pekerjaan akan ditampilkan di lamaran Anda.

Klik tombol Buat Aplikasi.

Hak Cipta © 2023, Oracle dan/atau afiliasinya. Oracle®, Java, dan MySQL adalah merek dagang terdaftar Oracle dan/atau afiliasinya. Nama lain mungkin merupakan
merek dagang dari pemiliknya masing-masing.

8
Machine Translated by Google

Anda akan melihat aplikasi Anda dan halaman-halaman di dalamnya. Jika halaman Anda ditampilkan sebagai daftar, klik tombol lihat ikon. (perhatikan bahwa nomor permohonan Anda
mungkin berbeda).

Langkah 6: Jalankan dan uji aplikasi

Klik ikon Jalankan Aplikasi. Aplikasi Anda akan terbuka di jendela (atau tab) browser baru. Login menggunakan nama pengguna dan kata sandi APEX Anda.

Hak Cipta © 2023, Oracle dan/atau afiliasinya. Oracle®, Java, dan MySQL adalah merek dagang terdaftar Oracle dan/atau afiliasinya. Nama lain mungkin merupakan
merek dagang dari pemiliknya masing-masing.

9
Machine Translated by Google

Setelah aplikasi ditampilkan di browser, klik ikon hamburger untuk memperluas panel navigasi, lalu pilih halaman Pekerjaan dari panel navigasi di sebelah kiri atau dengan mengklik ikon
halaman.

Data dalam tabel pekerjaan akan ditampilkan.

Tutup tab browser (atau jendela) yang menampilkan aplikasi yang sedang berjalan.

Hak Cipta © 2023, Oracle dan/atau afiliasinya. Oracle®, Java, dan MySQL adalah merek dagang terdaftar Oracle dan/atau afiliasinya. Nama lain mungkin merupakan
merek dagang dari pemiliknya masing-masing.

10
Machine Translated by Google

Bagian 2: Tambahkan halaman Karyawan menggunakan Wizard Buat Halaman

Langkah 1: Edit aplikasi dan mulai Page Wizard

Di APEX, Anda dapat mengakses aplikasi Anda kapan saja dengan mengeklik tab atau ikon Pembuat Aplikasi untuk kembali ke beranda Pembuat
Aplikasi. Jika halaman Beranda Aplikasi Anda tidak ditampilkan, klik ikon Pembuat Aplikasi.

Klik Ikon Aplikasi Database Pegawai.

Dari halaman beranda aplikasi, klik tombol “Buat Halaman” untuk memulai Page Wizard.

Hak Cipta © 2023, Oracle dan/atau afiliasinya. Oracle®, Java, dan MySQL adalah merek dagang terdaftar Oracle dan/atau afiliasinya. Nama lain mungkin merupakan
merek dagang dari pemiliknya masing-masing.

11
Machine Translated by Google

Langkah 2: Edit Pilih Jenis Halaman Klik

“Laporan Interaktif”.

Masukkan properti berikut untuk Definisi Halaman:

Nomor Halaman: 3
Nama Halaman: Laporan Karyawan
Pindahkan slider “Sertakan Halaman Formulir” hingga menjadi hijau (pada posisi)
Nomor Halaman Formulir: 4
Nama Halaman Formulir: Perbarui Karyawan

Hak Cipta © 2023, Oracle dan/atau afiliasinya. Oracle®, Java, dan MySQL adalah merek dagang terdaftar Oracle dan/atau afiliasinya. Nama lain mungkin merupakan
merek dagang dari pemiliknya masing-masing.

12
Machine Translated by Google

Langkah 3: Pilih Sumber Data Gulir ke

bawah ke properti Sumber Data dan masukkan properti berikut: Sumber Data: Tipe
Sumber Basis Data Lokal: Tabel
Tabel / Nama
Tampilan: klik ikon daftar dan pilih tabel KARYAWAN.
Perluas properti "Navigasi".

Hak Cipta © 2023, Oracle dan/atau afiliasinya. Oracle®, Java, dan MySQL adalah merek dagang terdaftar Oracle dan/atau afiliasinya. Nama lain mungkin merupakan
merek dagang dari pemiliknya masing-masing.

13
Machine Translated by Google

Langkah 4: Tambahkan navigasi

Gulir ke bawah ke properti Navigasi dan periksa properti berikut yang dipilih: Gunakan Breadcrumb:
pada Entri Induk
Breadcrumb: kosong Gunakan
Navigasi: pada
Preferensi Navigasi: “Buat entri baru”
Untuk Entri Menu Navigasi Orang Tua: “Tidak Ada Orang Tua yang Dipilih”
Anda dapat memilih Ikon halaman dengan mengklik tombol “Pilih Ikon” Klik tombol
“Berikutnya”.

Hak Cipta © 2023, Oracle dan/atau afiliasinya. Oracle®, Java, dan MySQL adalah merek dagang terdaftar Oracle dan/atau afiliasinya. Nama lain mungkin merupakan
merek dagang dari pemiliknya masing-masing.

14
Machine Translated by Google

Langkah 5: Pilih Kunci Utama

Periksa properti berikut: Kunci
Utama Kolom 1: EMPLOYEE_ID (Nomor)
Klik Buat Halaman.

Laporan Karyawan akan terbuka di tampilan Perancang Halaman. Klik Nomor Aplikasi untuk kembali ke halaman beranda aplikasi.
(Catatan: nomor aplikasi Anda mungkin berbeda).

Hak Cipta © 2023, Oracle dan/atau afiliasinya. Oracle®, Java, dan MySQL adalah merek dagang terdaftar Oracle dan/atau afiliasinya. Nama lain mungkin merupakan
merek dagang dari pemiliknya masing-masing.

15
Machine Translated by Google

Anda akan melihat dua halaman baru telah ditambahkan ke aplikasi Anda, Laporan Karyawan dan Perbarui Karyawan. Klik ikon Jalankan Aplikasi.

Login dengan nama pengguna dan kata sandi APEX Anda jika diminta, klik “Laporan Karyawan” dari Menu Navigasi, dan Anda akan melihat semua
karyawan ditampilkan. Klik ikon Edit di sebelah id karyawan.

Formulir Perbarui Karyawan ditampilkan, yang memungkinkan rincian karyawan diedit. Jangan mencoba mengubah atau menyisipkan catatan
saat ini. Tutup Formulir Perbarui Karyawan dengan mengklik salah satu halaman di Menu Navigasi di sebelah kiri jendela, atau gulir ke bawah
Formulir Perbarui Karyawan dan klik Tombol Batal.

Hak Cipta © 2023, Oracle dan/atau afiliasinya. Oracle®, Java, dan MySQL adalah merek dagang terdaftar Oracle dan/atau afiliasinya. Nama lain mungkin merupakan
merek dagang dari pemiliknya masing-masing.

16
Machine Translated by Google

Bagian 3: Sertakan Daftar Nilai di halaman Update Karyawan

Tabel karyawan memiliki tiga kolom kunci asing. Agar berhasil menyisipkan atau memperbarui catatan, nilai yang valid harus digunakan untuk kolom yang sudah ada di
tabel induk. Menggunakan nilai yang tidak ada dalam tabel induk akan mengakibatkan kesalahan batasan integritas saat mencoba menyisipkan atau memperbarui
catatan.
Secara default, bidang Id Pekerjaan, Id Manajer, dan Id Departemen bertipe “Pilih Daftar” yang menggunakan Daftar nilai yang dibuat secara otomatis untuk memungkinkan
pengguna memilih nilai yang ada dari tabel induk.
Namun, Id Manajer “Daftar Pilih”, mengambil semua karyawan terlepas dari apakah mereka manajer atau bukan, dan hanya menampilkan nama depan.

Untuk mengatasi hal ini, kita dapat membuat Daftar Nilai (LOV) secara manual, yang memaksa pengguna untuk hanya memilih nilai yang valid, karyawan yang
merupakan manajer. Kami juga dapat menampilkan nama depan dan belakang.

Langkah 1: Buka halaman Perbarui Karyawan untuk mengedit

Dari halaman beranda aplikasi, Klik halaman 4 – Perbarui Karyawan.

Halaman akan terbuka dalam tampilan Perancang Halaman.

Langkah 2: Buat Daftar Nilai bersama

Kami sekarang akan membuat Daftar Nilai LOV baru untuk digunakan pada bidang manager_id. Nanti di Lab ini kita akan membuat halaman untuk melihat dan
memodifikasi tabel Departemen yang juga memiliki kolom manager_id. Untuk menghemat duplikasi pekerjaan, kita dapat membuat LOV sebagai Shared Component, dan
mengaksesnya dari kedua halaman.

Dari Perancang Halaman, klik Ikon Komponen Bersama.

Hak Cipta © 2023, Oracle dan/atau afiliasinya. Oracle®, Java, dan MySQL adalah merek dagang terdaftar Oracle dan/atau afiliasinya. Nama lain mungkin merupakan
merek dagang dari pemiliknya masing-masing.

17
Machine Translated by Google

Di bagian Komponen Lainnya, klik Daftar Nilai.

Perhatikan 3 LOV yang ada yang dibuat secara otomatis. Untuk membuat LOV secara manual, klik tombol Buat.

Untuk Sumber, pilih Dari Awal, lalu klik Berikutnya.

Hak Cipta © 2023, Oracle dan/atau afiliasinya. Oracle®, Java, dan MySQL adalah merek dagang terdaftar Oracle dan/atau afiliasinya. Nama lain mungkin merupakan
merek dagang dari pemiliknya masing-masing.

18
Machine Translated by Google

Untuk Nama dan Jenis,

masukkan Nama: get_managers
Jenis: Dinamis
klik Berikutnya.

Untuk Tipe Sumber, pilih Kueri SQL.

Pernyataan SQL untuk LOV ini memiliki dua fungsi yang harus diselesaikan. Pertama, kami ingin menampilkan nama depan dan nama belakang manajer.
Karena ini adalah dua kolom berbeda dalam tabel, kita perlu menggunakan operator penggabungan (dua simbol “pipa” || ) untuk menampilkan nama lengkap
manajer seolah-olah itu adalah satu kolom.
Kita juga perlu menambahkan klausa WHERE karena, hanya karyawan dengan id pekerjaan “AD_PRES”, “AD_VP” atau karyawan dengan teks “_MAN” atau “_MGR”
di id_pekerjaannya yang dapat menjadi manajer.

Untuk Tipe Sumber: pilih kueri SQL.

Masukkan kode berikut di Editor Kode:

PILIH nama_depan ||' '|| nama_belakang, id_karyawan

DARI karyawan
DIMANA job_id IN ('AD_PRES', 'AD_VP')
ATAU job_id SEPERTI '%_MAN'
ATAU job_id SEPERTI '%_MGR';

Hak Cipta © 2023, Oracle dan/atau afiliasinya. Oracle®, Java, dan MySQL adalah merek dagang terdaftar Oracle dan/atau afiliasinya. Nama lain mungkin merupakan
merek dagang dari pemiliknya masing-masing.

19
Machine Translated by Google

Setelah pernyataan dimasukkan, klik “Ikon validasi” (tanda centang di dalam lingkaran), dan setelah Anda menerima pesan validasi berhasil, klik
Berikutnya.

Terima nilai untuk Pemetaan Kolom dan klik Buat.

Hak Cipta © 2023, Oracle dan/atau afiliasinya. Oracle®, Java, dan MySQL adalah merek dagang terdaftar Oracle dan/atau afiliasinya. Nama lain mungkin merupakan
merek dagang dari pemiliknya masing-masing.

20
Machine Translated by Google

Daftar nilai akan ditampilkan di halaman LOV Komponen Bersama. Klik nomor Aplikasi untuk kembali ke halaman beranda aplikasi.

Langkah 3: Gunakan Daftar Nilai Bersama di halaman Perbarui Karyawan

Dari halaman beranda aplikasi, klik halaman 4 – Perbarui karyawan untuk membuka halaman di Perancang Halaman.

Dari tab Rendering, pilih P4_MANAGER_ID dengan mengklik kiri mouse. (Jika item tidak terdaftar, Anda mungkin perlu memperluas Komponen,
Badan Konten, dan Badan Wilayah).
Di area Item Halaman, ubah Label menjadi “Nama Manajer”.

Hak Cipta © 2023, Oracle dan/atau afiliasinya. Oracle®, Java, dan MySQL adalah merek dagang terdaftar Oracle dan/atau afiliasinya. Nama lain mungkin merupakan
merek dagang dari pemiliknya masing-masing.

21
Machine Translated by Google

Di area “Item Halaman”, gulir ke bawah untuk melihat pengaturan Daftar Nilai. Untuk “Jenis” pilih Komponen Bersama, untuk Daftar Nilai, pilih GET_MANAGERS. Klik Simpan.

Jalankan aplikasi untuk menguji. Jika Anda telah mengkodekan pernyataan SQL Anda dengan benar, LOV untuk Nama Manajer seharusnya hanya menampilkan tujuh karyawan yang dapat
menjadi manajer. Jangan mencoba memasukkan catatan baru saat ini.

Hak Cipta © 2023, Oracle dan/atau afiliasinya. Oracle®, Java, dan MySQL adalah merek dagang terdaftar Oracle dan/atau afiliasinya. Nama lain mungkin merupakan
merek dagang dari pemiliknya masing-masing.

22
Machine Translated by Google

Bagian 4: Gunakan urutan untuk mengelola nilai kunci utama di halaman Perbarui Karyawan

Jika Anda mencoba memasukkan karyawan baru di halaman Perbarui Karyawan, Anda akan menerima pesan kesalahan. Item Employee_id disembunyikan secara
default, sehingga pengguna tidak dapat memasukkan nilai untuk kunci utama tabel. Salah satu solusinya adalah dengan mengedit halaman dan mengubah tipe
item Employee_id dari “Hidden” menjadi “Number Field”, dan pengguna kemudian dapat memasukkan nilai untuk Employee_id.
Namun, tidak realistis untuk mengharapkan pengguna akhir mengetahui nilai apa yang akan digunakan untuk kunci utama, terutama jika tabelnya besar dan memiliki
banyak baris.
Kita dapat membuat proses yang akan menggunakan urutan, Employee_seq (yang dibuat dalam skema Anda saat Anda menjalankan skrip untuk membuat dan
mengisi tabel) untuk secara otomatis menambahkan nilai untuk kolom Employee_id dalam tabel.

Langkah 1: Buat proses baru

Buka Halaman 4 Perbarui Karyawan dalam tampilan desainer Halaman seperti sebelumnya dan klik tab Pemrosesan.

Klik kanan pada Proses, dan pilih "Buat Proses".

Hak Cipta © 2023, Oracle dan/atau afiliasinya. Oracle®, Java, dan MySQL adalah merek dagang terdaftar Oracle dan/atau afiliasinya. Nama lain mungkin merupakan
merek dagang dari pemiliknya masing-masing.

23
Machine Translated by Google

Langkah 2: Masukkan kode untuk proses Untuk

Nama proses masukkan get_pk, pastikan Tipe diatur ke Jalankan kode, dan di area Sumber, Pilih PL/SQL untuk Bahasa, lalu klik ikon untuk membuka
editor kode.

Masukkan kode berikut dalam kode Editor:

MULAI
JIKA :P4_EMPLOYEE_ID ADALAH
NULL
MAKA PILIH Employee_seq.NEXTVAL
KE :P4_employee_id DARI
ganda;
BERAKHIR
JIKA; AKHIR;

Setelah pernyataan dimasukkan, klik “Ikon validasi” (tanda centang di dalam lingkaran), dan jika Anda menerima pesan validasi berhasil, klik
OK.

Hak Cipta © 2023, Oracle dan/atau afiliasinya. Oracle®, Java, dan MySQL adalah merek dagang terdaftar Oracle dan/atau afiliasinya. Nama lain mungkin merupakan
merek dagang dari pemiliknya masing-masing.

24
Machine Translated by Google

Proses get_pk yang baru harus dijalankan sebelum proses lainnya untuk memastikan bahwa Employee_id memiliki nilai sebelum penyisipan diproses.
Pada tab proses, klik kiri mouse dan drag proses get_pk yang baru sehingga berada di atas proses “Proses form Update Employees”. Klik Simpan.

Langkah 3: Jalankan dan uji

Jalankan aplikasi untuk menguji. Buka Laporan Karyawan dan klik tombol Buat. Masukkan nilai untuk karyawan baru dan klik
Membuat.

Hak Cipta © 2023, Oracle dan/atau afiliasinya. Oracle®, Java, dan MySQL adalah merek dagang terdaftar Oracle dan/atau afiliasinya. Nama lain mungkin merupakan
merek dagang dari pemiliknya masing-masing.

25
Machine Translated by Google

Anda akan melihat karyawan baru disertakan di halaman Laporan.

Hak Cipta © 2023, Oracle dan/atau afiliasinya. Oracle®, Java, dan MySQL adalah merek dagang terdaftar Oracle dan/atau afiliasinya. Nama lain mungkin merupakan
merek dagang dari pemiliknya masing-masing.

26
Machine Translated by Google

Bagian 5: Tambahkan Halaman baru untuk melihat departemen dan karyawannya

Di bagian ini, kami akan menambahkan Formulir Detail Induk, yang akan menampilkan departemen, dan karyawan yang ditugaskan ke setiap departemen
pada halaman terpisah. Halaman ini juga memungkinkan pengguna untuk memperbarui, menambah dan menghapus departemen.
Detail Master mengacu pada hubungan antara dua tabel. Tabel karyawan mempunyai hubungan kunci asing dengan tabel departemen, sehingga tabel
departemen dikenal sebagai tabel “master”, dan karyawan sebagai tabel “detail”.

Langkah 1: Jalankan Page Wizard untuk membuat Formulir baru

Dari halaman beranda aplikasi, klik tombol “Buat Halaman”.

Pilih Detail Utama.

Hak Cipta © 2023, Oracle dan/atau afiliasinya. Oracle®, Java, dan MySQL adalah merek dagang terdaftar Oracle dan/atau afiliasinya. Nama lain mungkin merupakan
merek dagang dari pemiliknya masing-masing.

27
Machine Translated by Google

Pilih Telusuri, klik Berikutnya.

Untuk Definisi Halaman Master, masukkan:

Nomor Halaman: 5
Nama Halaman: Departemen
Untuk Sumber Data Utama,
Nama Tabel/Tampilan: klik ikon daftar dan pilih DEPARTEMEN
Klik untuk memperluas Navigasi

Hak Cipta © 2023, Oracle dan/atau afiliasinya. Oracle®, Java, dan MySQL adalah merek dagang terdaftar Oracle dan/atau afiliasinya. Nama lain mungkin merupakan
merek dagang dari pemiliknya masing-masing.

28
Machine Translated by Google

Langkah 2: Terapkan pengaturan Menu Navigasi Gulir

ke bawah ke properti Navigasi dan periksa apakah properti berikut dipilih: Gunakan
Breadcrumb: pada
Breadcrumb Entri Induk: kosong
Gunakan Navigasi:
pada Preferensi Navigasi: “Buat entri baru”
Untuk Entri Menu Navigasi Orang Tua: “Tidak Ada Orang Tua yang Dipilih”
Anda dapat memilih Ikon halaman dengan mengklik tombol “Pilih Ikon” Klik tombol
“Berikutnya”.

Langkah 3: Pilih Kunci Utama Periksa

properti berikut: Kunci Utama
Kolom 1: DEPARTMENT_ID (Nomor)
Urutan Navigasi Formulir: DEPARTMENT_NAME (Varchar2)
Klik Berikutnya.

Hak Cipta © 2023, Oracle dan/atau afiliasinya. Oracle®, Java, dan MySQL adalah merek dagang terdaftar Oracle dan/atau afiliasinya. Nama lain mungkin merupakan
merek dagang dari pemiliknya masing-masing.

29
Machine Translated by Google

Langkah 4: Pilih Tabel Detail dan Kunci Utama

Untuk Definisi Halaman Detail:
Nomor Halaman: 6
Nama: Karyawan Departemen
Untuk Sumber Data Detail:
Tabel/Tampilan : KARYAWAN
Klik Berikutnya

Untuk properti Detail:

Kolom Kunci Utama 1: EMPLOYEE_ID (Nomor)
Hubungan Detail Utama: DEPARTMENT_ID -> DEPARTMENT_ID
Klik Buat Halaman

Hak Cipta © 2023, Oracle dan/atau afiliasinya. Oracle®, Java, dan MySQL adalah merek dagang terdaftar Oracle dan/atau afiliasinya. Nama lain mungkin merupakan
merek dagang dari pemiliknya masing-masing.

30
Machine Translated by Google

Langkah 5: Gunakan LOV untuk kolom kunci asing id manajer

Pastikan halaman 6 – Karyawan departemen terbuka di Perancang Halaman.
Dari tab Rendering, pilih P6_MANAGER_ID dengan mengklik kiri mouse. (Jika item tidak terdaftar, Anda mungkin perlu memperluas Komponen,
Badan, Formulir Departemen dan Badan Wilayah).
Di area Item Halaman, ubah Label menjadi “Nama Manajer”.

Di area “Item Halaman”, gulir ke bawah untuk melihat pengaturan Daftar Nilai. Untuk “Type” pilih Shared Component, untuk List of Values pilih
GET_MANAGER (yang sudah kita buat sebelumnya). Klik Simpan.

Hak Cipta © 2023, Oracle dan/atau afiliasinya. Oracle®, Java, dan MySQL adalah merek dagang terdaftar Oracle dan/atau afiliasinya. Nama lain mungkin merupakan
merek dagang dari pemiliknya masing-masing.

31
Machine Translated by Google

Langkah 6: Edit LOV untuk kolom kunci asing id lokasi Secara default, kunci asing
location_id menggunakan LOV bersama yang dibuat secara otomatis yang menampilkan alamat jalan. Pada langkah ini, kita akan mengubahnya untuk
menampilkan kota dan jalan, menggunakan pernyataan SQL, bukan LOV default.
Pastikan halaman 6 – Karyawan departemen terbuka di Perancang Halaman.
Dari tab Rendering, pilih P6_LOCATION_ID dengan mengklik kiri mouse. (Jika item tidak terdaftar, Anda mungkin perlu memperluas Komponen,
Badan, Formulir Departemen, Badan Wilayah).
Di area Item Halaman, ubah Label menjadi “Lokasi”.

Di area “Item Halaman”, gulir ke bawah untuk melihat pengaturan Daftar Nilai. Untuk “Jenis” pilih SQL Query, klik ikon untuk membuka
editor kode:

Masukkan kode berikut di editor kode:

PILIH kota ||', '|| alamat_jalan, id_lokasi

DARI lokasi;

Hak Cipta © 2023, Oracle dan/atau afiliasinya. Oracle®, Java, dan MySQL adalah merek dagang terdaftar Oracle dan/atau afiliasinya. Nama lain mungkin merupakan
merek dagang dari pemiliknya masing-masing.

32
Machine Translated by Google

Klik tombol validasi, setelah berhasil klik OK.

Klik simpan ketika kembali ke tampilan desainer halaman.

Langkah 7: Tetapkan detail karyawan menjadi hanya lihat

Secara default, karyawan ditampilkan dalam kotak interaktif yang dapat diedit, yang memungkinkan pengguna memperbarui catatan karyawan. Kami ingin
pengguna mengelola catatan karyawan di halaman Perbarui Karyawan yang ada. Pastikan Halaman 6 – Karyawan Departemen terbuka di Perancang
Halaman.
Dari tab rendering, gulir ke bawah ke Department Employees (dekat bagian bawah tab rendering) dan klik kiri untuk memilih formulir. Di tab Wilayah, ubah
Jenis dari Kisi Interaktif menjadi Laporan Interaktif. Klik Simpan.
Jalankan aplikasi Anda untuk menguji. Jangan membuat departemen baru saat ini.

Hak Cipta © 2023, Oracle dan/atau afiliasinya. Oracle®, Java, dan MySQL adalah merek dagang terdaftar Oracle dan/atau afiliasinya. Nama lain mungkin merupakan
merek dagang dari pemiliknya masing-masing.

33
Machine Translated by Google

Bagian 6: Gunakan urutan untuk mengelola nilai kunci utama pada Pembaruan
Halaman departemen
Pada langkah ini, kita akan membuat proses baru untuk secara otomatis menghasilkan nilai kunci utama menggunakan urutan yang ada saat membuat departemen
baru, dengan cara yang sama seperti yang kita lakukan sebelumnya untuk kunci utama id_pegawai.

Langkah 1: Buat proses baru

Buka Halaman 6 Karyawan Departemen dalam tampilan desainer Halaman, dan klik tab Pemrosesan. Klik kanan pada proses “Karyawan Departemen – Simpan
Data grid interaktif” dan hapus (karena kita mengubah formulir dari grid menjadi laporan pada langkah sebelumnya, ini akan menyebabkan kesalahan jika tidak
dihapus).

Klik kanan pada Proses dan pilih "Buat Proses".

Hak Cipta © 2023, Oracle dan/atau afiliasinya. Oracle®, Java, dan MySQL adalah merek dagang terdaftar Oracle dan/atau afiliasinya. Nama lain mungkin merupakan
merek dagang dari pemiliknya masing-masing.

34
Machine Translated by Google

Langkah 2: Masukkan kode untuk proses Untuk

Nama proses, masukkan get_dept_pk, pastikan Tipe diatur ke Jalankan kode, dan di area Sumber, klik ikon untuk membuka editor kode.

Masukkan kode berikut dalam kode Editor:

MULAI
JIKA :P6_DEPARTMENT_ID ADALAH
NULL
MAKA PILIH departments_seq.NEXTVAL
KE :P6_department_id DARI
ganda;
BERAKHIR
JIKA; AKHIR;

Setelah pernyataan dimasukkan, klik “Ikon validasi” (tanda centang di dalam lingkaran), dan jika Anda menerima pesan validasi berhasil, klik
OK.

Hak Cipta © 2023, Oracle dan/atau afiliasinya. Oracle®, Java, dan MySQL adalah merek dagang terdaftar Oracle dan/atau afiliasinya. Nama lain mungkin merupakan
merek dagang dari pemiliknya masing-masing.

35
Machine Translated by Google

Proses get_dept_pk yang baru harus dijalankan sebelum proses lainnya untuk memastikan bahwa department_id memiliki nilai sebelum
penyisipan diproses.
Pada tab proses, klik kiri mouse dan drag proses get_dept_pk yang baru sehingga berada di atas “Formulir Proses Formulir pada
proses Departemen”.
Simpan halamannya.

Langkah 3: Jalankan dan uji

Jalankan aplikasi dan klik Departemen dari Menu Navigasi, lalu Buat.

Masukkan nilai untuk departemen baru, lalu klik Buat.

Hak Cipta © 2023, Oracle dan/atau afiliasinya. Oracle®, Java, dan MySQL adalah merek dagang terdaftar Oracle dan/atau afiliasinya. Nama lain mungkin merupakan
merek dagang dari pemiliknya masing-masing.

36
Machine Translated by Google

Departemen baru akan ditampilkan di Laporan Departemen, dan pesan Baris dibuat akan ditampilkan.

Hak Cipta © 2023, Oracle dan/atau afiliasinya. Oracle®, Java, dan MySQL adalah merek dagang terdaftar Oracle dan/atau afiliasinya. Nama lain mungkin merupakan
merek dagang dari pemiliknya masing-masing.

37
Machine Translated by Google

Bagian 7: Memperbaiki tampilan halaman Beranda dan menu Navigasi

Anda dapat mengubah ikon item menu agar lebih sesuai dengan tujuan item menu. Pada contoh di bawah, ikon default diterima saat
halaman dibuat. Di bagian ini, kami akan memperbarui ikon menu navigasi, dan juga menambahkan ubin ke halaman beranda untuk halaman
lainnya.

Langkah 1: Ubah ikon Menu Navigasi

Dari halaman beranda aplikasi, klik Komponen Bersama.

Di bagian Navigasi dan Pencarian, klik Menu Navigasi.

Hak Cipta © 2023, Oracle dan/atau afiliasinya. Oracle®, Java, dan MySQL adalah merek dagang terdaftar Oracle dan/atau afiliasinya. Nama lain mungkin merupakan
merek dagang dari pemiliknya masing-masing.

38
Machine Translated by Google

Klik Menu Navigasi.

Klik ikon Edit untuk Departemen.

Untuk Gambar/Kelas, klik ikon daftar.

Hak Cipta © 2023, Oracle dan/atau afiliasinya. Oracle®, Java, dan MySQL adalah merek dagang terdaftar Oracle dan/atau afiliasinya. Nama lain mungkin merupakan
merek dagang dari pemiliknya masing-masing.

39
Machine Translated by Google

Gulir ke bawah melalui ikon dan klik kiri ikon bangunan fa.

Klik Terapkan perubahan.

Ikuti proses yang sama untuk mengubah ikon lain sesuai kebutuhan. Contoh di bawah ini menggunakan:
Pekerjaan: fa-briefcase
Laporan Karyawan: fa-user
Departemen: fa-building-o
Jalankan aplikasi untuk menguji, ikon baru sekarang akan ditampilkan di Menu Navigasi.

Hak Cipta © 2023, Oracle dan/atau afiliasinya. Oracle®, Java, dan MySQL adalah merek dagang terdaftar Oracle dan/atau afiliasinya. Nama lain mungkin merupakan
merek dagang dari pemiliknya masing-masing.

40
Machine Translated by Google

Langkah 2: Tambahkan ubin navigasi ke Halaman Beranda Dari

halaman beranda aplikasi, klik Komponen Bersama.

Di bagian Navigasi dan Pencarian, klik Daftar.

Klik Navigasi Halaman.

Hak Cipta © 2023, Oracle dan/atau afiliasinya. Oracle®, Java, dan MySQL adalah merek dagang terdaftar Oracle dan/atau afiliasinya. Nama lain mungkin merupakan
merek dagang dari pemiliknya masing-masing.

41
Machine Translated by Google

Klik Buat Entri.

Untuk Gambar/Kelas masukkan fa-user (atau telusuri ikon menggunakan daftar drop-down). Untuk label masukkan Employees Report, dan untuk Page
masukkan 3. Klik Create dan Create Another.

Hak Cipta © 2023, Oracle dan/atau afiliasinya. Oracle®, Java, dan MySQL adalah merek dagang terdaftar Oracle dan/atau afiliasinya. Nama lain mungkin merupakan
merek dagang dari pemiliknya masing-masing.

42
Machine Translated by Google

Untuk Gambar/Kelas masukkan fa-building-o (atau telusuri ikon menggunakan daftar drop-down). Untuk label, masukkan Departemen, dan untuk Halaman masukkan 5. Klik Buat Entri
Daftar.

Kembali ke halaman beranda aplikasi dan jalankan aplikasi untuk menguji. Sekarang seharusnya ada 3 ubin navigasi yang ditampilkan.

Hak Cipta © 2023, Oracle dan/atau afiliasinya. Oracle®, Java, dan MySQL adalah merek dagang terdaftar Oracle dan/atau afiliasinya. Nama lain mungkin merupakan
merek dagang dari pemiliknya masing-masing.

43
Machine Translated by Google

Bagian 8: Tambahkan gambar ke halaman Beranda

Pertama-tama temukan gambar yang ingin Anda gunakan di Halaman Beranda, dan simpan secara lokal di PC Anda, catat lokasinya. Pastikan
gambarnya tidak terlalu besar, karena kita ingin gambarnya pas di layar tanpa pengguna harus menggulir halaman. Ukuran lebarnya tidak boleh lebih
dari 450 piksel, dan tinggi 200 piksel.

Langkah 1: Unggah gambar

Dari Halaman Beranda Aplikasi, klik ikon Komponen Bersama.

Di bagian File dan Laporan, klik File Aplikasi Statis.

Klik Buat File.

Hak Cipta © 2023, Oracle dan/atau afiliasinya. Oracle®, Java, dan MySQL adalah merek dagang terdaftar Oracle dan/atau afiliasinya. Nama lain mungkin merupakan
merek dagang dari pemiliknya masing-masing.

44
Machine Translated by Google

Temukan gambar yang ingin Anda gunakan di mesin lokal Anda dan seret dan lepas di area Konten lalu klik Buat.

File Anda akan dibuat. Salin referensi ke dalam dokumen teks (klik ikon Salin) karena ini adalah cara aplikasi Anda menemukan file dari halaman
beranda. Klik Simpan Perubahan.

Langkah 2: Tambahkan Wilayah ke Badan Konten Halaman Beranda

Arahkan kembali ke halaman beranda aplikasi, klik halaman 1 – Beranda.

Hak Cipta © 2023, Oracle dan/atau afiliasinya. Oracle®, Java, dan MySQL adalah merek dagang terdaftar Oracle dan/atau afiliasinya. Nama lain mungkin merupakan
merek dagang dari pemiliknya masing-masing.

45
Machine Translated by Google

Di Bagian Tata Letak, gulir ke bawah untuk menemukan bagian BODY lalu cari dan klik tab Wilayah. Di bagian wilayah, gulir ke bawah untuk melihat Wilayah Konten Statis. Seret Wilayah
Konten Statis ke dalam Badan Konten, di atas entri yang ada untuk Navigasi Halaman.

Wilayah baru akan ditampilkan tepat di bawah bagian BODY. Di tab Wilayah, masukkan “Gambar Halaman” sebagai Judul, dan pastikan Jenis diatur ke Konten statis.

Hak Cipta © 2023, Oracle dan/atau afiliasinya. Oracle®, Java, dan MySQL adalah merek dagang terdaftar Oracle dan/atau afiliasinya. Nama lain mungkin merupakan
merek dagang dari pemiliknya masing-masing.

46
Machine Translated by Google

Masih di tab Regions, gulir ke bawah ke bagian Appearance.

Templat: Pilih Gambar dari daftar drop-down URL
File: salin referensi file dari bagian 1 (Untuk menghapus kesalahan, simpan halaman)

Langkah 3: Uji aplikasi Jalankan aplikasi

untuk menguji. Halaman Beranda Anda sekarang akan menampilkan gambar Anda, mirip dengan contoh di bawah.

Hak Cipta © 2023, Oracle dan/atau afiliasinya. Oracle®, Java, dan MySQL adalah merek dagang terdaftar Oracle dan/atau afiliasinya. Nama lain mungkin merupakan
merek dagang dari pemiliknya masing-masing.

47