Pemrograman Web Lanjut
|
|
- Sri Muljana
- 7 tahun lalu
- Tontonan:
Transkripsi
1 Session 04 JSF Event Handling Pemrograman Web Lanjut 2015 Niko Ibrahim, MIT Fakultas Teknologi Informasi Universitas Kristen Maranatha
2 Tujuan Mahasiswa memahami jenis-jenis event handling yang ada pada JSF Mahasiswa memahami bagaimana cara kerja event handling pada JSF Mahasiswa memahami cara menggunakan parameter
3 Latar Belakang Event Setiap aplikasi pasti perlu melakukan respon terhadap suatu aksi yang dilakukan oleh user Misalnya: memilih item dari sebuah menu, menekan sebuah tombol, meng-klik sebuah link
4 Events Pada dasarnya ada dua jenis event, yaitu: Event yang menjalankan pemrosesan di back-end aplikasi Event yang hanya mempengaruhi format user interface JSF mengenal kedua event ini sebagai: Action Controllers Event Listeners
5 Action Controllers vs Event Listener Action Controllers menangani pengiriman form Event dijalankan setelah managed bean diisi datanya (populated) Event dijalankan setelah terjadi validasi Me-return String yang secara langsung mempengaruhi navigasi halaman Event Listener menangani event di User Interface Event seringkali dijalankan sebelum managed bean diisi datanya Seringkali mem-bypass validasi Tidak pernah secara langsung mempengaruhi navigasi halaman
6 Jenis-jenis event listener 1. ActionListener Dijalankan melalui submit button, image maps, dan hyperlink <h:commandbutton value="...".../> <h:commandbutton image="...".../> <h:commandlink.../> Secara otomatis men-submit form 2. ValueChangeListener Dijalankan melalui combo box, checkbox, radio button, texfields, dll <h:selectonemenu.../> <h:selectbooleancheckbox.../> <h:selectoneradio.../> <h:inputtext.../> Tidak secara otomatis men-submit form
7 1. Cara Penggunaan ActionListener pada JSF Untuk ActionListener di sini, kita bagi menjadi 2: 1. Tombol yang meng-submit form dan memulai pemrosesan di backend Gunakan <h:commandbutton action="..."...> 2. Tombol yang hanya mempengaruhi UI Gunakan <h:commandbutton actionlistener="...".../> Kita biasanya menginginkan actionlistener terjadi sebelum beans diisi dan sebelum validasi terjadi Karena form biasanya belum diisi oleh user pada saat UI diformat ulang oleh actionlistener, maka gunakanlah immediate = true sebagai perintah unguk menjalankan listener terlebih dahulu sebelum bean di-populated atau sebelum validasi dijalankan Contoh: <h:commandbutton actionlistener="... immediate="true".../>
8 Implementasi ActionListener di dalam kode Java Listener biasanya berada di dalam managed bean class Namun, kita bisa menyimpannya di dalam class terpisah apabila menggunakan FacesContext untuk mengambil object request atau session dan memanggil bean secara ekplisit Method dari action listener akan menerima ActionEvent sebagai argument (seperti listener di JavaSwing) Return type: void (bukan String seperti di action controllers) ActionEvent berada di dalam package javax.faces.event ActionEvent memiliki method getcomponent yang memperbolehkan kita untuk mendapatkan reference dari UIComponent Dari UIComponent inilah, kita dapat mendapatkan componenid, renderer, dan info2 lainnya Contoh method actionlistener: public void somemethod(actionevent event) { lakukansesuatudiuserinterface(); }
9 Praktikum 05 Contoh Kasus Event Handling Penggunaan disabled pada komponen JSF Setiap kontrol UI memiliki property disabled yang berisi false secara default Kita dapat menggunakan tombol yang disertai ActionListener untuk men-disable atau enable kontrol UI tertentu Contoh Kasus Tutorial: a. Mintalah input berupa nama dan pekerjaan untuk menampilkan resume b. Buatlah comboboxes untuk memilih warna foreground dan background <h:selectonemenu value="..." disabled="..."...> <f:selectitems value="..."/> </h:selectonemenu> c. Nilai untuk f:selectitems merupakan array SelectItem d. Buatlah tombol untuk meng-enable atau disable combobox
10 Hasil Akhir
11 Langkah-langkah Tutorial 1. Buatlah Managed Bean a. Siapkan properties untuk data pada form b. Buatlah methods untuk action controller dan event listener c. Siapkan variabel untuk menyimpan data hasil 2. Buat form input pada JSF a. Field input mengacu kepada properties pada managed bean b. Tombol yang berisi method action controller yang akan me-return suatu kondisi c. Tombol yang berisi method event listener 3. Edit faces-config.xml (jsf 1.2) a. Deklarasikan managed bean b. Tentukan navigation rules 4. Buatlah halaman hasil Berisi data output menggunakan h:outputtext Lihat file PDF yang disertakan. Waktu: 30 menit.
12 2. Penggunaan Value Changed Listener pada JSF ValueChangeListener diberikan kepada komponen combobox, listbox, radio button, checkbox, textfield, etc. Pada saat ada perubahan value pada komponen, form tidak disubmit secara otomatis Kita memerlukan JavaScript untuk men-submit form, sbb: onclick="submit()" atau onchange="submit()" Ada satu kekurangan dari JavaScript yaitu seringkali terjadi incompatibility antar browser. Firefox, Netscape, dan Opera menjalankan event onchange pada saat pilihan combobox berubah, radio button dipilih, atau checkbox di-check/uncheck Internet Explorer menjalankan event setelah pilihan berubah, namun hanya pada saat komponen lain menerima fokus input Coba lakukan pengujian pada beberapa browser!
13 Implementasi ValueChangeListener pada JavaBean Listener disimpan pada managed bean seperti pada ActionListener Listener meminta argumen ValueChangeEvent Beberapa methods ValueChangeEvent yang sering digunakan: getcomponent (seperti pada ActionEvent) getoldvalue (previous value of GUI element) getnewvalue (current value of GUI element) Dibutuhkan karena bean mungkin belum diisi datanya (belum dipopulated) Tipe value untuk checkbox adalah Boolean Value untuk radio button atau textfield berkorespondensi dengan request parameter Contoh: public void somemethod(valuechangeevent event) { boolean flag = ((Boolean)event.getNewValue()).booleanValue(); takeactionbasedon(flag); }
14 Contoh Kasus: Mengubah warna yang ditampilkan untuk FG dan BG h:selectonemenu menggunakan f:selectitems untuk mendapatkan nilai-nilai pada combobox Kita akan menggunakan checkbox untuk memanggil ValueChangeListener Buatlah listener sedemikian rupa agar melakukan toggle isi list untuk: Nama-nama Warna Nilai RGB
15 Langkah-langkah Pembuatan 1. Buatlah Managed Bean a) Properties untuk data form b) Buat methods Action controller dan event listener c) Placeholders untuk data result 2. Buatlah input form a) Input fields mengacu pada bean properties b) Tombol akan memanggil method action controller c) Tombol atau komponen lain akan memanggil method event listener 3. Edit faces-config.xml (jsf 1.2) a) Deklarasikan bean b) Tentukan navigation rules 4. Buat halaman hasil/output a) Tampilkan output dengan menggunakan tag h:outputtext
16 Praktikum 05 bagian 2 Bukalah Praktikum 5 Event Handling Bagi yang sudah menyelesaikan bagian pertama, lanjutkan langsung ke halaman 7 Waktu: 15 menit
17 That s all for today! Congratulations! At the end of this lecture you ve known how to create: Event Handling: ActionListener Event Handling: ValueChangeListener
Pertemuan 01: Pengenalan JavaServer Faces. Program Studi Sistem Informasi Universitas Kristen Maranatha 2015 Niko Ibrahim, MIT
Pertemuan 01: Pengenalan JavaServer Faces Program Studi Sistem Informasi Universitas Kristen Maranatha 2015 Niko Ibrahim, MIT Tujuan Perkuliahan Mahasiswa memahami dasar-dasar JSF Tag-tag JSF Cara kerja
Lebih terperinciA. Tujuan B. Dasar Teori 1. Pemrosesan Form 2. Konsep Penggunaan Tag <form> pada HTML
Form HTML A. Tujuan Memahami konsep penggunaan tag pada HTML Mampu menangani masukan data dari form HTML Mampu membuat dan memproses beragam elemen kontrol B. Dasar Teori 1. Pemrosesan Form Pemrosesan
Lebih terperinciMembuat User Interface dengan Swing. Program yang dibuat sebelumnya selalu berbasis console User lebih senang berinteraksi dengan
Topik Memahami komponen dasar swing Memahami implementasi swing dalam program Mengimplementasikan button, check box, dan radio button dalam program Mengimplementasikan label,text Field dan Password Field
Lebih terperinciBAB 9 JSF. 9.1 Pengenalan JSF
BAB 9 JSF Pada bab sebelumnya, kita telah melihat Struts, sebuah framework open-source untuk aplikasi web yang mengimplementasikan arsitektur model-2. Sekarang mari kita lihat framework lainnya : Java
Lebih terperinciPemrograman Web Lanjut Session 02 JSF Tags. (c) 2016 Niko Ibrahim, S.Kom, MIT Fakultas Teknologi Informasi Universitas Kristen Maranatha
Pemrograman Web Lanjut Session 02 JSF Tags (c) 2016 Niko Ibrahim, S.Kom, MIT Fakultas Teknologi Informasi Universitas Kristen Maranatha Tujuan Perkuliahan Mahasiswa semakin memahami penggunaan berbagai
Lebih terperinciMODUL PRAKTIKUM PEMROGRAMAN WEB DENGAN MENGGUNAKAN MACROMEDIA DREAMWEAVER MX 2004
MODUL PRAKTIKUM PEMROGRAMAN WEB DENGAN MENGGUNAKAN MACROMEDIA DREAMWEAVER MX 2004 1. Untuk menjalankan dreamweaver klik Start->Program->Macromedia- >Macromedia Dreamweaver MX2004 2. Tampilan awal biasanya
Lebih terperinci1. Praktikan mampu mendeskripsikan cara pengiriman data ke server melalui form. 3. Praktikan mengetahui Control Text dan penggunaannya pada form
MODUL 2 Form dan JSP TUJUAN PRAKTIKUM : 1. Praktikan mampu mendeskripsikan cara pengiriman data ke server melalui form 2. Praktikan mengetahui elemen-elemen dari form 3. Praktikan mengetahui Control Text
Lebih terperinciPercobaan 7 GUI(Graphical User Interface )
Percobaan 7 GUI(Graphical User Interface ) Pokok Bahasan komponen dasar swing JButton,JCheckBox, dan JRadioButton JLabel, JTextField dan JPassword Field JTextArea, JComboBox, JList Memahami tentang event/kejadian
Lebih terperinciKrisna D. Octovhiana. 1.1 Membuat User Interface (UI)
Cepat Mahir Visual Basic 6.0 mail4krisna@yahoo.com Lisensi Dokumen: Seluruh dokumen di IlmuKomputer.Com dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial (nonprofit),
Lebih terperinciDIK-020 Pemograman Berorientasi Objek 5/24/2012
Topik JAVA Education Network Indonesia GUI Event Handling Pengenalan Pemrograman 2 Class-class Event Event Listeners Method ActionListener Method MouseListener Method MouseMotionListener Method WindowListener
Lebih terperinci3. Tambahakn framework JavaServer Faces dan gunakan default library JSF 2.0
PRAKTIKUM 3 DATA TABLE (TUTORIAL) FORMAT PENGUMPULAN HARI INI: NRP-NAMA-Praktikum-3-DataTable.rar 1. Buatlah sebuah project JSF baru Tutorial-DataTable-01 2. Karena kita akan menggunakan JSF2, maka untuk
Lebih terperinciSendy Ferdian Sujadi
Sendy Ferdian Sujadi Sebutkan 1 layout manager yang sudah dipelajari, jelaskan! 2 Event Handling Event Listener Latihan 3 Event merupakan sebuah objek yang di-generate oleh user pada saat sesuatu terjadi
Lebih terperinciPengenalan JavaScript
Pengenalan JavaScript Tujuan - Mahasiswa memahami konsep dasar Javascript - Mahasiswa mampu memahami cara menggunakan Javascript - Mahasiswa mampu memahami dasar variabel di Javascript - Mahasiswa mampu
Lebih terperinciGRAPHICAL USER INTERFACE (GUI)
GRAPHICAL USER INTERFACE (GUI) Pokok Bahasan 1. komponen dasar swing 2. JButton,JCheckBox, dan JRadioButton 3. JLabel, JTextField dan JPassword Field 4. JTextArea, JComboBox, JList 5. Memahami tentang
Lebih terperinciSTMIK DIKTAT SINGKAT MACROMEDIA DREAMWEAVER 8 SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER TASIKMALAYA.
STMIK SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER TASIKMALAYA DIKTAT SINGKAT MACROMEDIA DREAMWEAVER 8 PENDAHULUAN Dreamweaver adalah sebuah program website editor yang berfungsi untuk membuat dan
Lebih terperinciGUI Event Handling. minggu 13. Wednesday, 16 May 12
GUI Event Handling minggu 13 Objectives / Tujuan Mengenal The Delegation Event Model Mengenal Event Classes Mengenal Event Listener: ActionListener Method MouseListener Method MouseMotionListener Method
Lebih terperinciGUI Event Handling 1
1 GUI Event Handling Pengantar Event Handling Aplikasi GUI bersifat event driven Saat user berinteraksi dengan komponen GUI, interaksi tsb dikenal sbg event, akan memicu program untuk melaksanakan sebuah
Lebih terperinciSMH2D3 Web Programming. 7 BAB V PHP SESSION & COOKIES. H a l IDENTITAS. Kajian Teknik pemrograman menggunakan PHP
7 BAB V PHP SESSION & COOKIES 71 IDENTITAS Kajian Teknik pemrograman menggunakan PHP Topik Penggunaan Library PHP dan teknik lanjutan Web Dinamis Kompetensi Utama 1 Memahami penggunaan Form dan Validasi
Lebih terperinciLAPORAN PRAKTIKUM TEKNOLOGI FRAMEWORK PERTEMUAN KE 1
LAPORAN PRAKTIKUM TEKNOLOGI FRAMEWORK PERTEMUAN KE 1 INSTALLASI FRAMEWORK YII DAN MENGGUNAKAN GENERATOR Disusun oleh BUJANG PUTRO WICAKSONO 135610046 JURUSAN SISTEM INFORMASI SEKOLAH TINGGI MANAJEMEN INFORMATIKA
Lebih terperinciMODUL I Pengenalan IDE Visual Basic 6.0
MODUL I Pengenalan IDE Visual Basic 6.0 Visual Basic (VB) pada dasarnya adalah sebuah bahasa pemrograman komputer. Bahasa pemrograman adalah perintah-perintah atau instruksi yang dimengerti oleh komputer
Lebih terperinciPENERAPAN JAVA SERVER FACES UNTUK DESIGN PATTERN WEB
PENERAPAN JAVA SERVER FACES UNTUK DESIGN PATTERN WEB Yanto (1) Abstrak: J2EE Pattern adalah kumpulan pola-pola yang digunakan dalam menyelesaikan masalah yang umumnya dihadapi oleh setiap programmer Java
Lebih terperinciDelphi Cara membuka aplikasi Delphi 7. Start All Programs Borland Delphi 7 Delphi Perkenalan jendela Delphi 7. syahada.blogspot.
1. Cara membuka aplikasi Delphi 7 Start All Programs Borland Delphi 7 Delphi 7 2. Perkenalan jendela Delphi 7 Ket : 1. Object Tree View Merupakan sebuah diagram pohon yang menggambarkan hubungan logis
Lebih terperinciAplikasi Document Imaging untuk PT. XYZ dapat diakses melalui web browser
4.3.4 Petunjuk Pemakaian Sistem Aplikasi Document Imaging untuk PT. XYZ dapat diakses melalui web browser yang terhubung dengan internet. Berikut ini adalah detail prosedur pemakaian dari aplikasi tersebut.
Lebih terperinci1. Tujuan Mempersiapkan aplikasi JSF menggunakan Netbeans Membuat aplikasi Guest Book sederhana. 2. Latar Belakang JSF LifeCycle
1. Tujuan Mempersiapkan aplikasi JSF menggunakan Netbeans Membuat aplikasi Guest Book sederhana 2. Latar Belakang JSF LifeCycle 1 P age 3. Percobaan Percobaan 1 : Menyiapkan aplikasi project JSF Info Tujuan
Lebih terperinciGUI & Event Handling. Viska Mutiawani, M.Sc
GUI & Event Handling Viska Mutiawani, M.Sc GUI pada Java GUI (Graphical User Interface) pada Java umumnya menggunakan kelas dari package javax.swing dan java.awt. AWT dan Swing dapat dipergunakan untuk
Lebih terperinciBAB III PEMBAHASAN 3.1 Analisa Sistem
BAB III PEMBAHASAN 3.1 Analisa Sistem Sistem Nursing Diagnostic Test Online adalah aplikasi berbasis web yang menyediakan test secara online yang bersifat try out yang dapat diakses oleh pengguna yang
Lebih terperinciPraktikum 05 - SmileySwing Pemrograman Berorientasi Objek Lanjut (Revisit alibrary)
Praktikum 05 - SmileySwing Pemrograman Berorientasi Objek Lanjut (Revisit alibrary) Pengumpulan & Penilaian: - C:\NRP-NAMA-Smiley[12345].rar nomor diisi dengan stage yang selesa Materi: - JavaSwing Components,
Lebih terperinciPEMROGRAMAN VISUAL BASIC
PEMROGRAMAN VISUAL BASIC Setelah memahami bahasa Visual Basic dasar untuk menuliskan kode program, langkah selanjutnya adalah mempelajari pemrograman VB itu sendiri. 6.1 Sub Procedure Sejauh ini, Anda
Lebih terperinciFormulir. Menyisipkan / membuat formulir, lakukan salah satu cara berikut : Insert Forms Insert Bar, pilih kategori Forms
Formulir Forms adalah fasilitas dalam HTML yang sangat berguna dan memegang peranan penting dalam meningkatkan interaktivitas di dunia web. Dengan form kita dapat melakukan pooling, survei, pemasukan data
Lebih terperinciPEMROGRAMAN PHP DASAR
2016 PEMROGRAMAN PHP DASAR Eka Dyar Wahyuni Sistem Informasi UPN Veteran Jawa Timur 1/6/2016 Contents 1. Mengambil Nilai Parameter... 2 2. Menyimpan ke Database... 5 3. Menampilkan Hasil dari Database
Lebih terperinciTUTORIAL APLIKASI ANDROID COOL HELLO WORLD
TUTORIAL APLIKASI ANDROID COOL HELLO WORLD TUTORIAL ANDROID 1. Pendahuluan Tutorial aplikasi android CoolHelloWorld adalah suatu tutorial yang akan memberikan suatu petunjuk pembuatan aplikasi CoolHelloWorld.
Lebih terperinciAtribut ACTION tempat menspesifikasikan URL yang akan digunakan sebagai pemroses field input form.
FORM DAN INPUT HTML Elemen HTML yang digunakan untuk mendapatkan masukan dari pengguna web. Pengguna web dapat memasukkan input melalui halaman-halaman HTML. Elemen/ TAG ini digunakan membatasi input.
Lebih terperinciModul Praktikum Ke-1
Bahasa Pemrograman Dasar Fathurrohman 1 Modul Praktikum Ke-1 (Tampilan VB, Event, Property, Objek Kontrol : form, text, label, command) Mengenal Visual Basic (VB) Visual Basic adalah salah satu perangkat
Lebih terperinciBAB 4 PERANCANGAN SISTEM DAN EVALUASI. perancangan diagram UML (use case, activity, class, dan sequence), perancangan
41 BAB 4 PERANCANGAN SISTEM DAN EVALUASI 4.1 Perancangan Sistem Hal-hal yang akan dilakukan dalam perancangan aplikasi antara lain : perancangan diagram UML (use case, activity, class, dan sequence), perancangan
Lebih terperinciHTML DOM. Pemrograman Web 1. Genap
HTML DOM Pemrograman Web 1 Genap 2011-2012 HTML DOM DOM, singkatan dari Document Object Model, adalah sebuah cross-platform dan sebuah bahasa independen untuk merepresentasikan dan berinteraksi dengan
Lebih terperinciSTMIK AMIKOM YOGYAKARTA YOGYAKARTA 2008 WIDHIARTA, S. KOM
Pemrograman Web // IInternet 1 Pengenallan Perancangan Web S1-TII//D3-TII//S1-SII matterri i:: JavaScrri iptt STMIK AMIKOM YOGYAKARTA YOGYAKARTA 2008 WIDHIARTA, S. KOM CLIENT SIDE SCRIPT - JAVASCRIPT WIDHIARTA,
Lebih terperinciTABEL DATABASE TABEL - KODE BARANG TOKO INFOMART BARANG - NAMA BARANG - HARGA
TABEL Dalam pembuatan database, data yang pertama dibuat adalah tabel. Tabel merupakan kumpulan data yang tersusun menurut aturan tertentu dan merupakan komponen utama pada database. Table disusun dalam
Lebih terperinciPraktikum JTable. Gambar 1
Praktikum JTable Praktikum 1 : Buatlah aplikasi seperti gambar 1. Pada aplikasi tersebut user dapat menambahkan, mengedit dan menghapus data. Data yang dimasukkan berupa nama, alamat, no telp dan email.
Lebih terperinciMahasiswa memahami Pengertian, fungsi, aplikasi untuk menjalankan JavaScript, cara menjalankan kode, cara memasukkan kode JavaScript ke dalam HTML
Pengenalan JavaScript Standar Kompetensi Mahasiswa memahami Pengertian, fungsi, aplikasi untuk menjalankan JavaScript, cara menjalankan kode, cara memasukkan kode JavaScript ke dalam HTML Indikator Hasil
Lebih terperinciJ2ME GUI dan Manajemen Event
J2ME GUI dan Manajemen Event Muhammad Zen S. Hadi, ST. MSc. Contents J2ME (Review) Manajemen Event GUI dalam J2ME Passing parameter di dalam J2ME 2 Arsitektur Jaringan dgn J2ME 3 Design Aplikasi vmiles
Lebih terperinciBAB 2 LANDASAN TEORI
BAB 2 LANDASAN TEORI 2.1 Pengertian Komputer Istilah komputer (computer) berasal dari bahasa latin computere yang berarti menghitung. Dalam bahasa inggris dari kata computer yang berarti menghitung. Dapat
Lebih terperinciPemrograman Web. Page 188
Page 188 15. Kegiatan Belajar 15 : Mengolah Interaksi User a. Tujuan Pembelajaran. Setelah mengikuti kegiatan belajar 15 ini siswa diharapkan dapat : 1) Mengetahui bentuk penanganan interaksi user pada
Lebih terperinci1. BAB III 2. LANDASAN TEORI
1. BAB III 2. LANDASAN TEORI 3.1. Sistem Informasi Untuk memahami pengertian sistem informasi harus dilihat keterkaitan antara data dan informasi sebagai entitas penting pembentuk sistem informasi. Menurut
Lebih terperinciKapita Selekta (KBKI82127, 2 sks) Materi : Penanganan Form
Kapita Selekta (KBKI82127, 2 sks) Materi : Penanganan Form Form inputan dibuat dengan tag-tag HTML. Halaman yang mengandung form murni (tidak ada script php) tidak harus disimpan dalam bentuk php, bisa
Lebih terperinciMODUL 4 PHP PART 1 (PENGENALAN PHP + VARIABEL)
MODUL 4 PHP PART 1 (PENGENALAN PHP + VARIABEL) 4.1 Definisi PHP (Hypertext Preprocessor) PHP (PHP: Hypertext Preprocessor) merupakan bahasa pemrograman yang mampu berjalan di server-side (berjalan pada
Lebih terperinciBAB 2 LANDASAN TEORI. Istilah komputer (computer) berasal dari bahasa latin computere yang berarti
BAB 2 LANDASAN TEORI 2.1 Pengertian Komputer Istilah komputer (computer) berasal dari bahasa latin computere yang berarti menghitung. Dalam bahasa Inggris komputer berasal dari kata to compute yang artinya
Lebih terperinciSISTEM INFORMASI KEPEGAWAIAN DEPARTEMEN PENDIDIKAN NASIONAL DOSEN
SISTEM INFORMASI KEPEGAWAIAN DEPARTEMEN PENDIDIKAN NASIONAL DOSEN DAFTAR ISI DAFTAR ISI... i DAFTAR GAMBAR... iii QUICK START SIMPEG...1 LOGIN...3 MENU-MENU SIMPEG...5 MENU UTAMA...7 4.1. Meja Kerja...7
Lebih terperinciGUI & Event Handling. Viska Mutiawani, M.Sc. 1 Viska Mutiawani - Informatika FMIPA Unsyiah
GUI & Event Handling Viska Mutiawani, M.Sc 1 Viska Mutiawani - Informatika FMIPA GUI pada Java GUI (Graphical User Interface) pada Java umumnya menggunakan kelas dari package javax.swing dan java.awt.
Lebih terperinciPRAKTIKUM 2. Variabel, Tipe Data dan Operator. Tipe data dan variabel. - Microsoft Visual Studio 2010
PRAKTIKUM 2 I. JUDUL Variabel, Tipe Data dan II. TUJUAN - Memahami Variabel ; - Memahami Penggunaan Tipe Data; - Memahami Penggunaan III. ALAT DAN BAHAN - Microsoft Visual Studio 2010 IV. DASAR TEORI Tipe
Lebih terperinci1. Mahasiswa mampu membuat form pada dokumen HTML. 2. Mahasiswa memahami cara penggunaan dari fasilitas Form pada halaman dokumen HTML
Bab 4. Form Overview Salah satu fasilitas yang disediakan oleh dokumen HTML memungkinkan kita untuk melakukan interaksi lebih terhadap halaman dokumen tersebut. Semisal, kemampuan dokumen HTML mampu menyediakan
Lebih terperinciPertemuan Ke-5 Client Side Scripting (JavaScript) S1 Teknik Informatika - Unijoyo 1
Pertemuan Ke-5 Client Side Scripting (JavaScript) S1 Teknik Informatika - Unijoyo 1 Konsep Client Side Scripting JavaScript? Pendeklarasian JavaScript JavaScript sederhana Peletakan JavaScript Komentar
Lebih terperinciPEMROGRAMAN WEB 09 JavaScript Lanjut
PEMROGRAMAN WEB 09 JavaScript Lanjut Andi WRE JavaScript Objects Object Based Programming language Setiap object dapat memiliki properti dan method Properti the values associated with an object Contoh
Lebih terperinciModul 5. Membuat Formulir Pada Template. Disusun oleh. Sri Siska Wirdaniyati JURUSAN STATISTIKA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
Modul 5 Membuat Formulir Pada Template Disusun oleh Sri Siska Wirdaniyati JURUSAN STATISTIKA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS ISLAM INDONESIA YOGYAKARTA 2013 1 BAB I PENDAHULUAN
Lebih terperinciBab 5 FORM. A. Maksud Dan Tujuan 1. Maksud
A. Maksud Dan Tujuan 1. Maksud Bab 5 FORM Menginputkan data menggunakan form dan membuat tombol dengan tag HTML Membuat halaman web terhubung dengan halaman lain (link) 2. Tujuan Mahasiswa dapat membuat
Lebih terperinciPada Halaman ini user dapat mengganti password yang sudah ada dengan melakukan :
1. CIS 1.1 User Management 1.1.1 Change Password Pada Halaman ini user dapat mengganti password yang sudah ada dengan melakukan : 1. Isi field old password dengan password dengan password lama 2. Isi field
Lebih terperinciPemograman Swing. Netbeans:
Pemograman Swing Topics: Cara Menggunakan Netbeans Java Application Java Desktop Application Materi Tambahan Netbeans: Pada pertemuan kali ini, kita akan membahas lebih jauh mengenai swing. Swing adalah
Lebih terperinciKrisna D. Octovhiana. 1.1 Membuat User Interface (UI)
Cepat Mahir Visual Basic 6.0 mail4krisna@yahoo.com Lisensi Dokumen: Seluruh dokumen di IlmuKomputer.Com dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial (nonprofit),
Lebih terperinciPENGENALAN VISUAL BASIC 6.0
PENGENALAN VISUAL BASIC 6.0 Visual Basic adalah salah satu bahasa pemrograman komputer. Bahasa pemrograman adalah perintah-perintah yang dimengerti oleh komputer untuk melakukan tugas-tugas tertentu. Bahasa
Lebih terperinciBAB 2 LANDASAN TEORI
BAB 2 LANDASAN TEORI 2.1 Sistem Informasi Sistem berasal dari bahasa latin Systema dan bahasa Yunani adalah suatu kesatuan yang terdiri dari komponen atau elemen yang dihubuungkan bersama untuk memudahkan
Lebih terperincidisertai contoh-contoh javascript yang kompatibel dengan Firefox
JAVASCRIPT disertai contoh-contoh javascript yang kompatibel dengan Firefox by Ek kian S U R A B A Y A - 2010 hal 1 dari 36 TUJUAN: PRAKTIKUM I Mahasiswa mengenal tentang Javascript serta dapat menuliskan
Lebih terperinciGenerated by Foxit PDF Creator Foxit Software For evaluation only. 17/09/ :13
Waktu Sisa : 0:33:4 1. Tipe controller disebut dengan Front Controller berarti (3): Servlet pengontrol yang menyediakan satu titik akses ke resource aplikasi Menerima request dan meneruskannya ke server
Lebih terperinciMOBILE PROGRAMMING. Oleh : CHALIFA CHAZAR
MOBILE PROGRAMMING Oleh : CHALIFA CHAZAR MATERI 6 PENGGUNAAN ACTIVITY & INTENT Tujuan: Mahasiswa memahami siklus hidup suatu activity dan mampu menerapkan penggunaan intent dalam pembuatan suatu aplikasi
Lebih terperinci3.1 APLIKASI YANG DITANGANI OLEH CODE GENERATOR
BAB III ANALISIS Bab ini berisi analisis mengenai aplikasi web target code generator, analisis penggunaan framework CodeIgniter dan analisis perangkat lunak code generator. 3.1 APLIKASI YANG DITANGANI
Lebih terperinciJavaScript. Pemrograman Web 1. Genap
JavaScript Pemrograman Web 1 Genap 2011-2012 Popup Box JavaScript memiliki tiga macam Popup Box, yaitu : Alert box Biasanya digunakan untuk memberikan informasi ke pengguna. Confirm box Biasanya digunakan
Lebih terperinciDesain Web. MODUL 2 Desain Form
1 MODUL 2 Desain Form A. TUJUAN 1. Mampu membuat form dalam HTML 2. Mampu menggunakan input dalam HTML 3. Mampu menggunakan select dalam HTML 4. Mampu menggunakan textarea dalam HTML B. PETUNJUK 1. Awali
Lebih terperinciMODUL 2 PERANCANGAN INTERFACE
6 MODUL 2 PERANCANGAN INTERFACE A. Tujuan Praktikum 1. Mahasiswa mampu memahami struktur dasar dan konsep pemrograman berbasis objek pada Visual Basic 2. Mahasiswa mampu membuat interface antar muka untuk
Lebih terperinciScore : Persentase : % ~ u ~ Generated by Foxit PDF Creator Foxit Software For evaluation only.
Waktu Sisa : 0:50:12 Score : 84.333336 Persentase : 84.333336 % 1. Berikut ini adalah penjelasan dari apa itu ActionServlet (3): Class yang terletak dalam package org.apache.struts.action.* Class yang
Lebih terperinciModul Praktikum Ke-2
Bahasa Pemrograman Dasar Fathurrohman 6 Modul Praktikum Ke-2 (Method, Objek Kontrol (OptionButton, CheckBox, Frame), Variabel, Tipe Data) Aktifkan VB 6 melalui tombol Start. Buka kembali project Latihan1.vbp:
Lebih terperinci- Setiap pola yang menggambarkan permasalahan yang terjadi secara berulang, serta
MODUL 1 IMPLEMENTASI MODEL VIEW CONTROLLER (MVC) DESIGN PATTERN Design Pattern dapat didefinisikan : - Setiap pola yang menggambarkan permasalahan yang terjadi secara berulang, serta menjelaskan cara utama
Lebih terperinciPEMROGRAMAN DASAR. Visual Basic 6
PEMROGRAMAN DASAR Visual Basic 6 TUJUAN Memahami solusi studi kasus menggunakan konsep berorientasi objek dalam visual basic (VB) Materi Konsep Objek Dalam Visual basic Objek in form and control Implementation
Lebih terperinciMODUL 2 HTML LANJUT. (Tabel, Form, dan Frame) Mampu menjelaskan table, frame, form, image, hyperlink pada HTML Lanjut dan membuat aplikasinya
MODUL 2 HTML LANJUT (Tabel, Form, dan Frame) Tujuan Mampu menjelaskan table, frame, form, image, hyperlink pada HTML Lanjut dan membuat aplikasinya Tugas Pendahuluan 1. Apa yang anda ketahui tentang tabel,
Lebih terperinciFLASH, FRAME, BEHAVIOR
FLASH, FRAME, BEHAVIOR 1. Flash Menyisipkan Flash Button a. Pilih menu : insert image interactive flash button b. Tentukan property : Style : pilih bentuk / jenis tombol flash Button text : tulis label
Lebih terperinci[Year] SILABUS: Kode Mata Kuliah MI09KB33 Mata Kuliah Pemrograman Visual II Prasyarat - Cosyarat
SILABUS: Kode Mata Kuliah MI09KB33 Mata Kuliah Pemrograman Visual II Prasyarat - Cosyarat Pemrograman Visual I TIU Mahasiswa akan mampu menyusun suatu program aplikasi bisnis yang mampu menyimpan dan merekayasa
Lebih terperinciPengenalan Visual Basic
Pengenalan Visual Basic KETERANGAN : 1. Baris Menu, digunakan untuk memilih tugas-tugas tertentu seperti menyimpan project, membuka project, dll. 2. Main Toolbar, digunakan untuk melakukan tugastugas tertentu
Lebih terperinciPEMROGRAMAN I. By : Sri Rezeki Candra Nursari
PEMROGRAMAN I By : Sri Rezeki Candra Nursari Materi : nursari2010.blogdetik.com String String Handling Java.util,Java.io AWT Event Windows Graphics Text Control Layout Manager Menu GUI Handling Image New
Lebih terperinciBelajar Java Script.
Belajar Java Script taryanarx@yahoo.com http://kuliahonline.unikom.ac.id Target Pencapaian Siswa mengetahui dasar-dasar perintah dalam java script dan mengaplikasinnya dalam program 1. Java Script Java
Lebih terperinciBAB V IMPLEMENTASI DAN PENGUJIAN. harus dijalankan diantaranya adalah: hal-hal yang harus dipersiapkan adalah sebagai berikut:
BAB V IMPLEMENTASI DAN PENGUJIAN 5.1 Implementasi sistem Tahap implementasi sistem ini merupakan tahap meletakan sistem supaya siap untuk dioperasikan. Dalam implementasi perancangan aplikasi web E-Commerce
Lebih terperinciBab 4 Pembahasan Dan Hasil Pengujian
Bab 4 Pembahasan Dan Hasil Pengujian 4.1 Implementasi Aplikasi Pada Bab 4 ini akan dijelaskan bagaimana cara kerja aplikasi program untuk pemodelan system registrasi terpadu berbasis web menggunakan web
Lebih terperinciJAVASCRIPT ARRAY PRAKTIKUM VII. Mahasiswa mengenal mengenai Array serta mengetahui cara menggunakan Array di dalam program.
TUJUAN: PRAKTIKUM VII Mahasiswa mengenal mengenai Array serta mengetahui cara menggunakan Array di dalam program. MATERI: - Pengertian Array - Pengertian Index - Array 1 Dimensi - Array 2 Dimensi JAVASCRIPT
Lebih terperinciBAB IV HASIL DAN PEMBAHASAN
BAB IV HASIL DAN PEMBAHASAN IV.1. Tampilan Hasil Berikut ini dijelaskan tentang tampilan hasil dari pembuatan Sistem Informasi Geografis Lokasi Yang Terkena Dampak Bencana Gunung Sinabung Berbasis Web
Lebih terperinciAutoplay Media Studio
2013 Autoplay Media Studio Donny kurniawan X-TKJ1 10/29/2013 A. Tujuan - Mengetahui fungsi dan tujuan software Autoplay Media Studio. - Dapat mengoperasikan Autoplay Media Studio. - Dapat membuat sebuah
Lebih terperinciVISUAL BASIC 6.0 PEMROGRAMAN KOMPUTER. Visual Basic
PEMROGRAMAN KOMPUTER VISUAL BASIC 6.0 Visual Basic Asal mula VB dari bahasa BASIC (Beginners Allpurpose Symbolic Instruction Code) yang pada awalnya bekerja pada sistem operasi DOS. Kelebihan VB : Sangat
Lebih terperinciIMPLEMENTASI DAN PENGUJIAN
BAB 4. IMPLEMENTASI DAN PENGUJIAN Setelah tahap analisa dan perancangan selesai dilakukan, maka tahap selanjutnya adalah implementasi dan pengujian terhadap sistem yang telah dibangun. Pada tahap ini akan
Lebih terperinciTag dasar yang akan kita gunakan untuk membuat form di HTML adalah tag form, input, textarea, select dan option.
Form Form biasanya digunakan untuk mengumpulkan data dari pengunjung web kita. Mulai dari form untuk login, form kontak, form untuk pendaftaran user, bahkan untuk mengirimkan data antar halaman web Tag
Lebih terperinciMengenal dan Mengedit HTML
Mengenal dan Mengedit HTML 3.1 Pengertian HTML HTML (HyperText Markup Language) merupakan protocol yang digunakan untuk mentransfer data atau dokumen dari web server ke dalam browser. HTML juga digunakan
Lebih terperinciPemrograman Visual Modul I Perkenalan Lembar Kerja VB 6.0. S. Thya Safitri
Pemrograman Visual Modul I Perkenalan Lembar Kerja VB 6.0 S. Thya Safitri Teknik Informatika Sekolah Tinggi Teknologi Telematika Telkom Purwokerto 2016 Visual Basic adalah salah suatu development tools
Lebih terperinciBab Tujuan. 8.2 Delegation Event Model
Bab 8 GUI Event Handling 8.1 Tujuan Pada modul ini, Anda akan belajar bagaimana mengendalikan events triggered ketika user berinteraksi dengan aplikasi GUI Anda. Setelah menyelesaikan modul ini, Anda akan
Lebih terperinciBAB V IMPLEMENTASI DAN PENGUJIAN
BAB V IMPLEMENTASI DAN PENGUJIAN Pada bab ini akan dilakukan implementasi dan pengujian terhadap Aplikasi Power Control. Tahapan ini dilakukan setelah analisa dan perancangan selesai dilakukan dan akan
Lebih terperinciBorland Delphi 3.0. Pengenalan Delphi dan Lingkungan Kerjanya
Borland Delphi 3.0 Pengenalan Delphi dan Lingkungan Kerjanya Sejarah Delphi Delphi adalah kelanjutan dari Pemrograman Turbo Pascal (bisa dikatakan Visualnya Pascal), yang merupakan produk Borland di Scotts
Lebih terperinciBAB V Pengenalan Komponen-Komponen (object) pada VB
BAB V Pengenalan Komponen-Komponen (object) pada VB I. Tujuan Praktikum 1. Mahasiswa memahami komponen-komponen yang ada di VB 2. Mahasiswa dapat menjelaskan komponen-komponen yang ada di VB serta pengaturan
Lebih terperinciBAB 4 IMPLEMENTASI DAN EVALUASI. harus disediakan server, perangkat lunak (software), perangkat keras (hardware)
144 BAB 4 IMPLEMENTASI DAN EVALUASI 4.1 Implementasi Untuk mengimplementasikan aplikasi e-learning ini, terlebih dahulu harus disediakan server, perangkat lunak (software), perangkat keras (hardware) untuk
Lebih terperinciUser interface & XML Layout
User interface & XML Layout Oleh : Farah Zakiyah Rahmanti, M.T Diperbarui 2017 Overview View Class UI Component XML Layout UI Hierarchy Layout Linear Layout Relative Layout Grid View List View View Class
Lebih terperinci2. TINJAUAN PUSTAKA. Microsoft Visual Basic 6.0 memiliki banyak keistimewaan dalam penggunaannya yaitu :
2. TINJAUAN PUSTAKA 2.1 Microsoft Visual Basic 6.0 Microsoft Visual Basic merupakan salah satu bentuk sarana pengembangan aplikasi berbasis windows. Visual yang cenderung mengarah kepada metode pembentukan
Lebih terperinciBab 4 Hasil dan Pembahasan
Bab 4 Hasil dan Pembahasan Pada bagian ini akan dibahas tentang hasil aplikasi berdasarkan perancangan pada bab sebelumnya beserta dengan pembahasannya. Pada bagian ini juga dijelaskan tentang hasil pengujian
Lebih terperinciBAB IV HASIL DAN PEMBAHASAN
BAB IV HASIL DAN PEMBAHASAN 4.1 Implementasi User Interface Dalam implementasi, desain user interface yang sudah dibuat sebelumnya diubah ke dalam bahasa pemrograman yaitu dengan menggunakan bahasa pemrograman
Lebih terperinciMODUL VI PROSEDUR. Secara garis besar ada dua keuntungan yang bisa diperoleh dari pemakaian prosedur, yaitu:
MODUL VI PROSEDUR A. TUJUAN 1. Mahasiswa dapat memahami fungsi dari prosedur 2. Mahasiswa dapat membuat fungsi prosedur pada VB 3. Mahasiswa mengetahui fungsi dari pembuatan prosedur pada VB B. ALOKASI
Lebih terperinciMODUL 3 Servlet dan JavaBean
MODUL 3 Servlet dan JavaBean TUJUAN PRAKTIKUM : 1. Praktikum mampu membuat konfigurasi Servlet. 2. Praktikum mampu memahami dan membuat halaman JSP. 3. Praktikan mampu memahami dan membuat kelas Javabean
Lebih terperinci15 Maret 2017 E-INVOICE USER GUIDE. Untuk :
15 Maret 2017 E-INVOICE USER GUIDE Untuk : Daftar isi Daftar Isi... 2 1. Flow E-... 3 2. Petunjuk Penggunaan... 4 2.1 User Vendor... 4 2.1.1 Flow E- untuk Vendor... 4 2.1.2 Masuk E- Sebagai Vendor... 5
Lebih terperinciBAB IV ANALISIS DAN PERANCANGAN PERANGKAT LUNAK
BAB IV ANALISIS DAN PERANCANGAN PERANGKAT LUNAK Bab keempat ini berisi penjelasan analisis dan perancangan perangkat lunak yang dibangun dalam tugas akhir ini. Analisis perangkat lunak meliputi deskripsi
Lebih terperinciMembuat Menu Login Sederhana [Full Coding]
Membuat Menu Login Sederhana [Full Coding] Oleh: Yudi Setiawan Pada tutorial, ini saya berusaha mengajari Anda secara lebih keras lagi agar Anda mempunyai bekal ilmu dasar yang kuat di ilmu pemrograman
Lebih terperinci