modul 6 - pemrograman - input-ouput dengan text box

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 SQL 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.

Upload: cheridanis

Post on 26-Mar-2015

139 views

Category:

Documents


2 download

TRANSCRIPT

Page 1: Modul 6 - Pemrograman - Input-Ouput Dengan Text Box

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 SQL 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.

Page 2: Modul 6 - Pemrograman - Input-Ouput Dengan Text Box

Comment: "Buatlah aplikasi baru dengan nama 'Berkenalan dengan PL/SQL' yang terdiri dari sebuah halaman 'blank'."

Previous Next

Page 3: Modul 6 - Pemrograman - Input-Ouput Dengan Text Box

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

Previous Next

Page 4: Modul 6 - Pemrograman - Input-Ouput Dengan Text Box

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

Previous Next

Page 5: Modul 6 - Pemrograman - Input-Ouput Dengan Text Box

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

Previous Next

Page 6: Modul 6 - Pemrograman - Input-Ouput Dengan Text Box

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

Previous Next

Page 7: Modul 6 - Pemrograman - Input-Ouput Dengan Text Box

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

Previous Next

Page 8: Modul 6 - Pemrograman - Input-Ouput Dengan Text Box

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

Previous Next

Page 9: Modul 6 - Pemrograman - Input-Ouput Dengan Text Box

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

Previous Next

Page 11: Modul 6 - Pemrograman - Input-Ouput Dengan Text Box

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

Previous Next

Page 12: Modul 6 - Pemrograman - Input-Ouput Dengan Text Box

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

Previous Next

Page 13: Modul 6 - Pemrograman - Input-Ouput Dengan Text Box

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

Previous Next

Page 14: Modul 6 - Pemrograman - Input-Ouput Dengan Text Box

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

Previous Next

Page 15: Modul 6 - Pemrograman - Input-Ouput Dengan Text Box

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

Previous Next

Page 16: Modul 6 - Pemrograman - Input-Ouput Dengan Text Box

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

Previous Next

Page 17: Modul 6 - Pemrograman - Input-Ouput Dengan Text Box

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

Previous Next

Page 19: Modul 6 - Pemrograman - Input-Ouput Dengan Text Box

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

Previous Next

Page 20: Modul 6 - Pemrograman - Input-Ouput Dengan Text Box

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

Previous Next

Page 21: Modul 6 - Pemrograman - Input-Ouput Dengan Text Box

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

Previous Next

Page 22: Modul 6 - Pemrograman - Input-Ouput Dengan Text Box

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

Previous Next

Page 23: Modul 6 - Pemrograman - Input-Ouput Dengan Text Box

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

Previous Next

Page 24: Modul 6 - Pemrograman - Input-Ouput Dengan Text Box

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

Previous Next

Page 25: Modul 6 - Pemrograman - Input-Ouput Dengan Text Box

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

Previous Next

Page 26: Modul 6 - Pemrograman - Input-Ouput Dengan Text Box

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

Previous Next

Page 27: Modul 6 - Pemrograman - Input-Ouput Dengan Text Box

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

Previous Next

Page 28: Modul 6 - Pemrograman - Input-Ouput Dengan Text Box

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

Previous Next

Page 29: Modul 6 - Pemrograman - Input-Ouput Dengan Text Box

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

Previous Next

Page 30: Modul 6 - Pemrograman - Input-Ouput Dengan Text Box

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

Previous Next

Page 31: Modul 6 - Pemrograman - Input-Ouput Dengan Text Box

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

Previous Next

Page 32: Modul 6 - Pemrograman - Input-Ouput Dengan Text Box

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

Previous Next

Page 33: Modul 6 - Pemrograman - Input-Ouput Dengan Text Box

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

Previous Next

Page 35: Modul 6 - Pemrograman - Input-Ouput Dengan Text Box

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

Previous Next

Page 36: Modul 6 - Pemrograman - Input-Ouput Dengan Text Box

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

Previous Next

Page 37: Modul 6 - Pemrograman - Input-Ouput Dengan Text Box

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

Previous Next

Page 38: Modul 6 - Pemrograman - Input-Ouput Dengan Text Box

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

Previous Next

Page 40: Modul 6 - Pemrograman - Input-Ouput Dengan Text Box

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

Previous Next

Page 41: Modul 6 - Pemrograman - Input-Ouput Dengan Text Box

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

Previous Next

Page 42: Modul 6 - Pemrograman - Input-Ouput Dengan Text Box

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

Previous Next

Page 43: Modul 6 - Pemrograman - Input-Ouput Dengan Text Box

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

Previous Next

Page 46: Modul 6 - Pemrograman - Input-Ouput Dengan Text Box

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

Previous Next

Page 47: Modul 6 - Pemrograman - Input-Ouput Dengan Text Box

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

Previous Next

Page 48: Modul 6 - Pemrograman - Input-Ouput Dengan Text Box

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

Previous Next

Page 49: Modul 6 - Pemrograman - Input-Ouput Dengan Text Box

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

Previous Next

Page 50: Modul 6 - Pemrograman - Input-Ouput Dengan Text Box

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

Previous Next

Page 51: Modul 6 - Pemrograman - Input-Ouput Dengan Text Box

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

Previous Next

Page 52: Modul 6 - Pemrograman - Input-Ouput Dengan Text Box

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

Previous Next

Page 53: Modul 6 - Pemrograman - Input-Ouput Dengan Text Box

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

Previous Next

Page 55: Modul 6 - Pemrograman - Input-Ouput Dengan Text Box

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

Previous Next

Page 56: Modul 6 - Pemrograman - Input-Ouput Dengan Text Box

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

Previous Next

Page 57: Modul 6 - Pemrograman - Input-Ouput Dengan Text Box

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

Previous Next

Page 58: Modul 6 - Pemrograman - Input-Ouput Dengan Text Box

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 ...]

Page 59: Modul 6 - Pemrograman - Input-Ouput Dengan Text Box

Previous Next

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

Page 60: Modul 6 - Pemrograman - Input-Ouput Dengan Text Box

Previous Next

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

Page 61: Modul 6 - Pemrograman - Input-Ouput Dengan Text Box

Previous Next

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

Page 62: Modul 6 - Pemrograman - Input-Ouput Dengan Text Box

Previous Next

Left click on "Ketikkan sesuatu di sini (editable text)" in "Page 1 - Windows Internet Explorer"

Page 64: Modul 6 - Pemrograman - Input-Ouput Dengan Text Box

Previous Next

Left click on "Submit (editable text)" in "Page 1 - Windows Internet Explorer"

Page 65: Modul 6 - Pemrograman - Input-Ouput Dengan Text Box

Previous Next

Comment: "Tidak ada perubahan pada output, karena kita belum mengetikkan kode PL/SQL."

Page 66: Modul 6 - Pemrograman - Input-Ouput Dengan Text Box

Previous Next

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

Page 67: Modul 6 - Pemrograman - Input-Ouput Dengan Text Box

Previous Next

Comment: "Agar kode program PL/SQL yang kita masukkan dieksekusi setiap kali halaman ini mengalami submit, maka kode kita tempatkan di 'Process'"

Page 68: Modul 6 - Pemrograman - Input-Ouput Dengan Text Box

Previous Next

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

Page 69: Modul 6 - Pemrograman - Input-Ouput Dengan Text Box

Previous Next

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

Page 70: Modul 6 - Pemrograman - Input-Ouput Dengan Text Box

Previous Next

Keyboard input in "Create Page Process - Windows Internet Explorer" [... Shift]

Page 71: Modul 6 - Pemrograman - Input-Ouput Dengan Text Box

Previous Next

Left click on "Name (editable text)" in "Create Page Process - Windows Internet Explorer"

Page 73: Modul 6 - Pemrograman - Input-Ouput Dengan Text Box

Previous Next

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

Page 74: Modul 6 - Pemrograman - Input-Ouput Dengan Text Box

Previous Next

Left click on "Enter PL/SQL Page Process (editable text)" in "Create Page Process - Windows Internet Explorer"

Page 75: Modul 6 - Pemrograman - Input-Ouput Dengan Text Box

Previous Next

Keyboard input in "Create Page Process - Windows Internet Explorer" [... Enter ... Enter ...]

Page 76: Modul 6 - Pemrograman - Input-Ouput Dengan Text Box

Previous Next

Comment: "Dimulai dengan 'begin' dan diakhiri dengan 'end;' (end dan titik-koma)"

Page 77: Modul 6 - Pemrograman - Input-Ouput Dengan Text Box

Previous Next

Comment: "Antara titik-dua (:) dan nama item (P1_TEXTOUTPUT), tidak boleh ada SPASI."

Page 78: Modul 6 - Pemrograman - Input-Ouput Dengan Text Box

Previous Next

Comment: "antara item dalam halaman dengan tanda assignment ( := ), harus ada spasi"

Page 79: Modul 6 - Pemrograman - Input-Ouput Dengan Text Box

Previous Next

Comment: "Salah menuliskan item dalam halam, seharusnya :P1_TEXTINPUT (diawali oleh titik-dua)"

Page 80: Modul 6 - Pemrograman - Input-Ouput Dengan Text Box

Previous Next

Left click on "Enter PL/SQL Page Process (editable text)" in "Create Page Process - Windows Internet Explorer"

Page 83: Modul 6 - Pemrograman - Input-Ouput Dengan Text Box

Previous Next

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

Page 84: Modul 6 - Pemrograman - Input-Ouput Dengan Text Box

Previous Next

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

Page 85: Modul 6 - Pemrograman - Input-Ouput Dengan Text Box

Previous Next

Left click on "Create Process (push button)" in "Create Page Process - Windows Internet Explorer"

Page 86: Modul 6 - Pemrograman - Input-Ouput Dengan Text Box

Previous Next

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

Page 87: Modul 6 - Pemrograman - Input-Ouput Dengan Text Box

Previous Next

Left click on "Ketikkan sesuatu di sini (editable text)" in "Page 1 - Windows Internet Explorer"

Page 88: Modul 6 - Pemrograman - Input-Ouput Dengan Text Box

Previous Next

Keyboard input in "Page 1 - Windows Internet Explorer" [Backspace Backspace Backspace ...]

Page 89: Modul 6 - Pemrograman - Input-Ouput Dengan Text Box

Previous Next

Left click on "Submit (editable text)" in "Page 1 - Windows Internet Explorer"