Anda di halaman 1dari 90

Program Studi Teknik Informatika

Fakultas Ilmu Komputer


Universitas Mercu Buana

MATA KULIAH PRAKTIKUM PERANCANGAN BASIS DATA

Modul 6 – Pemrograman PL/SQL: Input/Output Menggunakan Text Box

Oleh: Anis Cherid, M.T.I.

Jika aplikasi berbasis Web yang akan dibuat lebih kompleks sehingga berbagai template yang disediakan tidak lagi mencukupi, Oracle Application Express 10 g juga menyediakan fasilitas
untuk membuat program dengan menggunakan bahasa pemrograman PL/SQL. Sebagaimana bahasa pemrograman yang lain, bahasa pemrograman PL/SQL adalah bahasa pemrograman
yang lengkap. Bahasa PL/SQL memiliki keunggulan dari segi bahwa bahasa pemrograman ini dapat langsung dikombinasikan dengan S QL statement. Bahasa pemrograman PL/SQL untuk
Database Oracle 10 g juga dirancang untuk dapat langsung mengakses berbagai item yang terdapat pada halaman-halaman web aplikasi. Kombinasi antara antarmuka pengembangan
database, antarmuka pembangunan halaman Web, SQL statement dan PL/SQL yang disediakan, menjadikan Oracle Application Express sebagai integrated development environment yang
sangat ideal untuk mengembangkan aplikasi berbasis web yang bersifat database-sentris, dengan sangat cepat dan sangat mudah.

Dalam modul ini akan dibahas aspek input/output dari pemrograman menggunakan PL/SQL. Input dan output yang akan dibahas adalah input dan output menggunakan item di dalam halaman
web. Komponen input dan output yang dipergunakan adalah item yang berjenis text box serta komponen button. Bagaimana kode-kode program PL/SQL dapat berinteraksi dengan berbagai
item tersebut? Temukan jawabannya di dalam modul ini. Selamat mencoba.
Comment: "Buatlah aplikasi baru dengan nama 'Berkenalan dengan PL/SQL' yang terdiri dari sebuah halaman 'blank'."

Previous Next
Left click on "1 (graphic)" in "Application Builder - Windows Internet Explorer"

Previous Next
Left click on "Create (graphic)" in "Page Definition (Page 1) - Windows Internet Explorer"

Previous Next
Left click on "HTML (radio button)" in "Create Region - Windows Internet Explorer"

Previous Next
Left click on "Next > (push button)" in "Create Region - Windows Internet Explorer"

Previous Next
Keyboard input in "Create Region - Windows Internet Explorer" [... Backspace ...]

Previous Next
Left click on "Next > (push button)" in "Create Region - Windows Internet Explorer"

Previous Next
Left click on "Create Region (push button)" in "Create Region - Windows Internet Explorer"

Previous Next
Comment: "Kita akan menambahkan beberapa item ke dalam region HTML."

Previous Next
Left click on "Create (graphic)" in "Page Definition (Page 1) - Windows Internet Explorer"

Previous Next
Left click on "Text (radio button)" in "Create Item - Windows Internet Explorer"

Previous Next
Left click on "Next > (push button)" in "Create Item - Windows Internet Explorer"

Previous Next
Left click on "Next > (push button)" in "Create Item - Windows Internet Explorer"

Previous Next
Left click on "Item Name (editable text)" in "Create Item - Windows Internet Explorer"

Previous Next
Keyboard input in "Create Item - Windows Internet Explorer" [Backspace ... Shift ...]

Previous Next
Left click on "Open (push button)" in "Create Item - Windows Internet Explorer"

Previous Next
Left click on "Input Output dengan Text Box (1) 11 (list item)"

Previous Next
Left click on "Next > (push button)" in "Create Item - Windows Internet Explorer"

Previous Next
Left click on "Next > (push button)" in "Create Item - Windows Internet Explorer"

Previous Next
Left click on "Create Item (push button)" in "Create Item - Windows Internet Explorer"

Previous Next
Left click on "Run Page 1 (graphic)" in "Page Definition (Page 1) - Windows Internet Explorer"

Previous Next
Left click on "Edit Page 1 (editable text)" in "Page 1 - Windows Internet Explorer"

Previous Next
Left click on ": P1_TEXTINPUT (editable text)" in "Page Definition (Page 1) - Windows Internet Explorer"

Previous Next
Mouse drag start on "Label (editable text)" in "Edit Page Item - Windows Internet Explorer"

Previous Next
Mouse drag end on "Label (editable text)" in "Edit Page Item - Windows Internet Explorer"

Previous Next
Keyboard input in "Edit Page Item - Windows Internet Explorer" [Ketikkan sesuatu di sini]

Previous Next
Left click on "Apply Changes (push button)" in "Edit Page Item - Windows Internet Explorer"

Previous Next
Left click on "Create (graphic)" in "Page Definition (Page 1) - Windows Internet Explorer"

Previous Next
Left click on "Input Output dengan Text Box (1) 11 (radio button)" in "Create Button - Windows Internet Explorer"

Previous Next
Left click on "Next > (push button)" in "Create Button - Windows Internet Explorer"

Previous Next
Left click on "Create a button in a region position (radio button)" in "Create Button - Windows Internet Explorer"

Previous Next
Left click on "Next > (push button)" in "Create Button - Windows Internet Explorer"

Previous Next
Keyboard input in "Create Button - Windows Internet Explorer" [... Shift]

Previous Next
Left click on "[Submit] (editable text)" in "Create Button - Windows Internet Explorer"

Previous Next
Left click on "Submit Page and Redirect to URL (radio button)" in "Create Button - Windows Internet Explorer"

Previous Next
Left click on "Next > (push button)" in "Create Button - Windows Internet Explorer"

Previous Next
Left click on "Next > (push button)" in "Create Button - Windows Internet Explorer"

Previous Next
Comment: "Button kita letakkan di dasar region HTML."

Previous Next
Left click on "Next > (push button)" in "Create Button - Windows Internet Explorer"

Previous Next
Left click on "List (graphic)" in "Create Button - Windows Internet Explorer"

Previous Next
Left click on "1 Page 1 (editable text)" in "Search Dialog - Windows Internet Explorer"

Previous Next
Left click on "Create Button (push button)" in "Create Button - Windows Internet Explorer"

Previous Next
Comment: "Selain ditambahkan item 'Button: SUBMIT', juga ditambahkan ..."

Previous Next
Comment: "Item 'BRANCES: Goto To Page 1'."

Previous Next
Left click on "Create (graphic)" in "Page Definition (Page 1) - Windows Internet Explorer"

Previous Next
Left click on "Text (radio button)" in "Create Item - Windows Internet Explorer"

Previous Next
Left click on "Next > (push button)" in "Create Item - Windows Internet Explorer"

Previous Next
Left click on "Text Field (Disabled, does not save state) (radio button)" in "Create Item - Windows Internet Explorer"

Previous Next
Left click on "Next > (push button)" in "Create Item - Windows Internet Explorer"

Previous Next
Left click on "Item Name (editable text)" in "Create Item - Windows Internet Explorer"

Previous Next
Keyboard input in "Create Item - Windows Internet Explorer" [P1_TEXTOUTPUT]

Previous Next
Left click on "Region (text)" in "Create Item - Windows Internet Explorer"

Previous Next
Left click on "Input Output dengan Text Box (1) 11 (list item)"

Previous Next
Left click on "Next > (push button)" in "Create Item - Windows Internet Explorer"

Previous Next
Left click on "[Clear] (editable text)" in "Create Item - Windows Internet Explorer"

Previous Next
Left click on "Label (editable text)" in "Create Item - Windows Internet Explorer"

Previous Next
Keyboard input in "Create Item - Windows Internet Explorer" [... Backspace Backspace Backspace Backspace Backspace Backspace Backspace Backspace
Backspace Backspace Backspace Backspace Backspace Backspace Backspace Backspace Backspace Backspace Backspace Backspace Backspace ...]
Previous Next
Left click on "Next > (push button)" in "Create Item - Windows Internet Explorer"
Previous Next
Left click on "Create Item (push button)" in "Create Item - Windows Internet Explorer"
Previous Next
Left click on "Run Page 1 (graphic)" in "Page Definition (Page 1) - Windows Internet Explorer"
Previous Next
Left click on "Ketikkan sesuatu di sini (editable text)" in "Page 1 - Windows Internet Explorer"
Previous Next
Keyboard input in "Page 1 - Windows Internet Explorer" [...]
Previous Next
Left click on "Submit (editable text)" in "Page 1 - Windows Internet Explorer"
Previous Next
Comment: "Tidak ada perubahan pada output, karena kita belum mengetikkan kode PL/SQL."
Previous Next
Left click on "Edit Page 1 (editable text)" in "Page 1 - Windows Internet Explorer"
Previous Next
Comment: "Agar kode program PL/SQL yang kita masukkan dieksekusi setiap kali halaman ini mengalami submit, maka kode kita tempatkan di 'Process'"
Previous Next
Left click on "Create (graphic)" in "Page Definition (Page 1) - Windows Internet Explorer"
Previous Next
Left click on "Next > (push button)" in "Create Page Process - Windows Internet Explorer"
Previous Next
Keyboard input in "Create Page Process - Windows Internet Explorer" [... Shift]
Previous Next
Left click on "Name (editable text)" in "Create Page Process - Windows Internet Explorer"
Previous Next
Keyboard input in "Create Page Process - Windows Internet Explorer" [...]
Previous Next
Left click on "Next > (push button)" in "Create Page Process - Windows Internet Explorer"
Previous Next
Left click on "Enter PL/SQL Page Process (editable text)" in "Create Page Process - Windows Internet Explorer"
Previous Next
Keyboard input in "Create Page Process - Windows Internet Explorer" [... Enter ... Enter ...]
Previous Next
Comment: "Dimulai dengan 'begin' dan diakhiri dengan 'end;' (end dan titik-koma)"
Previous Next
Comment: "Antara titik-dua (:) dan nama item (P1_TEXTOUTPUT), tidak boleh ada SPASI."
Previous Next
Comment: "antara item dalam halaman dengan tanda assignment ( := ), harus ada spasi"
Previous Next
Comment: "Salah menuliskan item dalam halam, seharusnya :P1_TEXTINPUT (diawali oleh titik-dua)"
Previous Next
Left click on "Enter PL/SQL Page Process (editable text)" in "Create Page Process - Windows Internet Explorer"
Previous Next
Keyboard input in "Create Page Process - Windows Internet Explorer" [...]
Previous Next
Comment: "Jangan lupa titik-koma di akhir setiap baris statement."
Previous Next
Left click on "Next > (push button)" in "Create Page Process - Windows Internet Explorer"
Previous Next
Left click on "Next > (push button)" in "Create Page Process - Windows Internet Explorer"
Previous Next
Left click on "Create Process (push button)" in "Create Page Process - Windows Internet Explorer"
Previous Next
Left click on "Run Page 1 (graphic)" in "Page Definition (Page 1) - Windows Internet Explorer"
Previous Next
Left click on "Ketikkan sesuatu di sini (editable text)" in "Page 1 - Windows Internet Explorer"
Previous Next
Keyboard input in "Page 1 - Windows Internet Explorer" [Backspace Backspace Backspace ...]
Previous Next
Left click on "Submit (editable text)" in "Page 1 - Windows Internet Explorer"
Previous Next
Left click on "Page 1 (pane)" in "Page 1 - Windows Internet Explorer"