Langsung ke konten utama

Pemograman Berorientasri Objek dan Interaksi User Pada JS || Praktikum 16

Assalamualaikum wr wb..

Selamat datang di blog Praktikum..
kali ini saya akan menjelaskan  bagai mana PBO (Pemograman Berorientasri Objek) dan interaksi user pada java script.

PBO adalah sebuah pradigama dalam pemograman yang mengelompokan fungsi prosedur variable atau konstanta  terkait  dalam kesatuan.

dalam Java script objek utamanya memiliki banyak bawaan seperti Math, Array, String dan Objek

interaksi user

adanya iteraksifitas dalam aplikasi akan membantu menarik minat pengguna untuk menggunakan aplikasi yang di kembangkan.
untuk mengelolah interaksi user ini banyak sekali atribut untk mengolah nya contoh nya

berikut penjelasnya
 salah satu macam nya :

  • onChange: event ini muncul apabila sebuah elemen (select, text, atau textarea) telah diubah nilainya sebelum elemen tersebut kehilangan fokusnya.
  • onClick: event ini muncul apabila terjadi aksi klik terhadap suatu elemen, seperti elemen button.
  • onContextMenu: event ini muncul apabila terjadi aksi klik kanan terhadap suatu elemen.
  • onDblClick: event ini muncul apabila terjadi aksi klik ganda terhadap suatu elemen.
  • onFocus: event ini muncul apabila sebuah elemen (window, frame, select, text, atau textarea)  dikenai fokus.
  • onHelp: event ini muncul apabila terjadi penekanan tombol F1, yang umumnya digunakan oleh berbagai aplikasi sebagai tombol shortcut untuk menampilkan fasilitas bantuan (help).
  • onKeydown: event ini muncul apabila terjadi penekanan tombol keyboard.
  • onKeypress: event ini muncul apabila terjadi penekanan dan pelepasan tombol keyboard.
  • onKeyup: event ini muncul apabila terjadi pelepasan tombol keyboard yang ditekan.
  • onMousedown: event ini muncul apabila terjadi penekanan tombol mouse.
  • onMousemove: event ini muncul apabila mouse digerakkan (pointer berubah posisinya).
  • onMouseout: event ini muncul apabila pointer keluar dari area suatu elemen (elemen hyperlink dan elemen area).
  • onMouseover: event ini muncul apabila pointer berada di atas area suatu elemen (elemen hyperlink dan elemen area).
  • onReset: event ini muncul apabila terjadi penekanan terhadap tombol reset pada form yang bersangkutan.
  • onResize: event ini muncul apabila ukuran jendela browser diubah (diperbesar atau diperkecil).
 
 berikut di bawah ini  beberapa contoh penggunaanya :

1.PBO 1

kodingan nya :





dan ini hasil nya :




2.PBO 2


mencari luas dan keliling

ini kodingan nya :




ini hasilnya:




3.Buat Text box to Alert

ini kodingan nya :



ini hasil nya :





4.Buat InterFace get element By tag name

ini kodingan nya :



 ini hasil nya :




5.Buat Text box And button to Alert 1

ini kodingan nya :



hasil nya :




6.Buat Text box And button to Alert 2

ini kodingan nya :



ini hasil nya :




7.Buat Text box And button to Alert to Array


ini kodingan nya :



hasil nya :






kesimpulnya adalah :


Dari kegiatan belajar diatas dapat dibuat kesimpulan bahwa :

Event merupakan konsep penting dalam pemrograman, karena dari konsep ini aplikasi dapat berinteraksi dengan user melalui berbagai input yang ada.

Event pada javascript dapat diterapkan pada semua elemen yang ada.
Jenis interaksi yang diberikan oleh user adalah melalui perangkat input berupa mouse dan juga keyboard.
Dalam Javascript sudah disediakan sejumlah fungsi untuk mengakses data yang diberikan oleh user melalui elemen HTML, diantaranya adalah
getElementById(),
getElementsByName() dan
getElementsByTagName(),
yang kesemuanya merupakan bagian dari obyek document. Selanjutnya dapat diolah sesuai hasil yang diharapkan.



demikianlah pembahasan tentang PBO & UI

Komentar

Posting Komentar

Postingan populer dari blog ini

Create Read Update Delete with Relation Tabel || Praktikum 4

Hallo Berjumpa Lagi di Blog Praktiku... Kali ini saya akan membahas tentang bagai mana dan apa itu cara untuk meralasikan 2 tabel pada data base. Contoh kasus yang diberikan adalah ketika akan menambahkan Data Siswa yang telah di buat pada postingan postingan sebelum nya, maka pilihan Kelas berasal dari tabel t_kelas yang bersifat dinamis. Artinya kita juga akan membuat CRUD sebagai data master Kelas nah jadi ketika kita memilih sebuah opsi maka opsi tersebut langsung berasal dari tabel yang kita buat di data base nya. contoh nya seperti ini : maka pada option diatas langsung berasal dari databse... untuk itu saya akan bahas.. Pertama buatlah tabel di data base dengan new tabel sebagi berikut ini dengan nama t_kelas : selanjutnya pada tabel siswa kosongkan lah datanya terlebih dahulu karena pada tabel siswa dengan tabel t_kelas kita akan mengjoinkan nya atau merelasikanya untuk mengkosongkan data agar lebih mudah tinggal masuk ke option>truncate. ...
Posting Komentar
Baca selengkapnya

Array Asosiatif & CSS Media Query Diphp || Praktikum 25

Hallo berjumpa lagi di Blog Praktikum.. pada postingan kali ini saya akan menjelaskan dari apa itu array Asosiatif dan CSS Media Query di PHP. Pengertian Array Asosiatif kumpulan data abstrak yang berpasang pasangan sehingga setiap kunci yang mungkin muncul paling banyak satu kali dalam koleksi. contoh penggunaan nya : Praktikum nya.. ada dua yaitu : 1. LatArrayAsosiatif.php 2. Array Asosiatif Feat looping 3. Studi kasus penggunaan array Asosiatif berikut contoh kodingan dan hasil nya 1. LatArrayAsosiatif.php ini kodingan nya ini hasil nya 2. Array Asosiatif Feat looping ini kodingan nya ini hasil nya 3. Studi kasus penggunaan array Asosiatif ini kodingan nya ini hasil nya =========== selanjutnya ada Css media query fungsi fungsi utama dari css media query ini adalh memungkinkan tampilan konten web akan sesuai dengan ukuran alat yang digunakan CSS Media Query menangani perbedaan tampilan pada beberapa resolu...
Posting Komentar
Baca selengkapnya

JAVA SCRIPT : PERULANGAN DAN FUNGSI || Praktikum 15

Assalamualaikum wr wb.. Selamat datang di blog Praktikum.. kali ini saya akan menjelaskan  bagai mana penggunaan Perulangan dan Fungsi Di java Script. Berikut ini adalah Penjelasanya Struktur Kontrol Perulangan Perulangn merupakan struktur yang memungkinkan menjalankan kode  program yang sama beberapa kali perulang di java script memiliki 3 bentuk yaitu : for while do-while a. perulangn for for(inisialisai; kondisi; peubah;){ baris program } b. perulangan while (kondisi){ kode program yang inigin di jalankan beberapa kali } c. perulangan Do-While do{ kode program yang ingin di jalan kan bebebrpa kali;  }while(kondisi); contoh programnya 1.Buat perulangan ini kodinganya : ini hasilnya : 2.Perulangan For ini kodinganya : ini hasil nya : seperti yang di lihat di kodingan bahwa  kodisinya menunjukan <=5 maka kata atau kalimat yang ingin kita ulang akan di ulang sebanyak 5x; 3.perulangan While ini kodin...
Posting Komentar
Baca selengkapnya