Pemrograman Berorientasi Objek IST AKPRIND Yogyakarta

Slides:



Advertisements
Presentasi serupa
Matakuliah Pengenalan Internet
Advertisements

M.K. Pemrograman Web (AK )
Pemrograman Web 1Humisar Hasugian, S.Kom 1 Pengenalan HTML HTML • Hypertext Markup Language merupakan standard bahasa yang digunakan untuk menampilkan.
Dasar-dasar Web Design
Pertemuan 2.  Dreamweaver adl salah satu program pembuatan website yang mempunyai banyak sekali menu-menu dan tool-tool yang dapat dipergunakan untuk.
Pemrograman Internet Konsep Dasar.
Dasar - dasar Web dan HTML
JavaScript Pemrograman Web 1 Genap Tim Dosen Pemrograman Web Teknik Informatika UNPAS Pengenalan JavaScript Apa itu JavaScript?
LAYANAN BERBASIS APLIKASI WEB Pertemuan I Budi Arifitama.
Rekayasa Web Ch. 5 Pendekatan Pengembangan Aplikasi Web
PENGENALAN JAVA SCRIPT PEMROGRAMAN INTERNET1-6/LINDA SUVI RAHMAWATI STMIK PPKIA Pradnya STMIK PPKIA PRADNYA PARAMITA /LINDA SUVI RAHMAWATI.
Pengembangan WEB Java Script Evangs Mailoa.
Konsep Pemrograman Internet
PEMROGRAMAN BERBASIS WEB
Introduction to JavaScript A’ud Solehuddin::Januari 2012.
Internet Programming PHP 1 M. Agus Zainuddin EEPIS – ITS Surabaya.
JAVASCRIPT.
Membangun Halaman Web Dinamis dengan PHP
 H ypertext M arkup L anguage (HTML) adalah suatu file teks sederhana yang mengandung perintah-perintah berupa TAGS sehingga sebuah web browser dapat.
Pengantar Pemrograman WEB
HTML Basic.
PERTEMUAN KE 2 JAVA SERVER PAGES (JSP) BY : TITO SUGIHARTO
Praktikum Java Script.
Pengenalan HTML Oleh Benny Irawan. WORLD WIDE WEB Web pada awalnya merupakan ruang informasi dalam internet, dengan menggunakan teknologi hyperteks, terdiri.
PERANCANGAN WEB Pertemuan 1: Pengenalan tentang WEB
Membangun Halaman Web Dinamis dengan PHP
PEMROGRAMAN WEB 1 BY: ASIH WINANTU.
Team Teknik Elektro UHAMKA HTML.
HUBUNGAN WEB DATABASE Sesi 8 83 web database.
JavaScript Pemrograman Web 1.
Pemrogaman Web PHP.
Pemrograman Basis Data Berbasis Web
Pemrograman Web II Ganjil
Pemrograman Web JavaScript
Pemrograman Berorientasi Objek IST AKPRIND Yogyakarta
PENDEKATAN PADA PENGEMBANGAN APLIKASI WEB
Dasar - dasar Web dan HTML
Lutfi Budi Ilmawan Univ. Muslim Indonesia
PENGENALAN JAVA SCRIPT
Pemrograman internet ABU SALAM, M.KOM.
JavaScript Part 1 : Pengertian dan Pengenalan JavaScript
Java script.
Mengenal Java Script.
PEMASARAN BERBASIS WEB
Tak Kenal Maka Tak Sayang (HTML)
APLIKASI IT -II PENDAHULUAN.
Javascript.
PRAKTIKUM PEMROGRAMAN WEB
Pemrograman Berbasis WEB
MENDESAIN WEB SMK Negeri 1 Pekanbaru.
Area Kerja Dreamweaver
Pertemuan 1 Mengenal Javascript.
Pertemuan 1 Mengenal Javascript.
DASAR DASAR WEB DAN HTML
Konsep Pemrograman Internet
Pengembangan Aplikasi Framework (IT657)
Pengenalan Dasar Web dan HTML
Pengembangan Aplikasi Framework
PEMROGRAMAN WEB Client Side XHTML, JAVASCRIPT.
Pemrograman Basis Data Berbasis Web
BERKENALAN DENGAN HTML (PENGAYAAN)
Praktikum Pengambangan Web
HTML (Part 1) Hendra Putra, S.Kom, M.Kom.
Pengenalan Bahasa Pemrograman (Javascript)
PEMROGRAMAN WEB II.
Pengenalan HTML HTML Hypertext Markup Language merupakan standard bahasa yang digunakan untuk menampilkan dokumen web Untuk membuat dokumen web yang bisa.
Pengenalan Dasar Web dan HTML
Pemrograman Basis Data Berbasis Web
Dasar-dasar HTML. 2 World Wide Web (WWW) Internet merupakan jaringan global yang menghubungkan suatu network dengan network lainya di seluruh dunia. TCP/IP.
Pengenalan Web Server dan Server Side Script
Transcript presentasi:

Pemrograman Berorientasi Objek IST AKPRIND Yogyakarta Java Script Pemrograman Berorientasi Objek Sistem Komputer-S1 IST AKPRIND Yogyakarta

Pengertian Java Script Java Script adalah sebuah bahasa pemrograman yang dirancang untuk penggunaan pada browser web. Java script bukan scripting language, juga sama sekali tidak berhubungan dengan platform Java milik Oracle. Dapat ditulis kode dalam JavaScript sebagai bahasa full fitur yang dengan satu pengecualian mampu berjalan dalam sebuah browser web, seperti Chrome, Firefox, atau internet Explorer.

Pengertian Java Script Secara umum dapat dipergunakan untuk memanipulasi “Document Object Model” (DOM), yang meliputi elemen-elemen pada sebuah laman web. Javascript dieksekusi pada client side (komputer pengguna): sebuah server website mengirim javascript ke browser milik pengguna, dan browser tersebut menginterpretasikan dan menjalankan kodenya Semua terjadi dalam sebuah sandbox, yang menjaga agar javascript tidak Menyentuh internal sistem, sehingga men- cegah malicious code (kode jahat) menginfeksi komputer pengguna.

Kegunaan Javascript Kegunaan utama JvaScript: Untuk menuliskan fungsi yang disisipkan ke dalam HTML baik secara langsung disisipkan maupun diletakkan ke file teks dan di link dari dokumen HTML.

JAVA SCRIPT Membuat applet dengan JAVA saat ini tentu hanya merupakan satu pilihan, karena banyaknya software pendukung untuk perancangan suatu halaman WEB. Tentu pekerjaan yang sangat membosankan untuk sekedar membuat applet yang berisi tulisan dengan warna tertentu dan animasi sederhana dengan mengkodekan sendiri melalui code JAVA, karena dengan perangkat lunak semisal Microsoft FrontPage pekerjaan itu dapat dilakukan dengan mudah tanpa harus memprogram dengan JAVA.

JAVA SCRIPT Demikian halnya untuk membuat animasi akan lebih menarik dibuat dengan Macromedia Flash atau DreamWeaver . Apabila aspek pemrograman lebih disukai dari penggunaan paket-paket program khusus perancang WEB, maka kemampuan memprogram JAVA masih dapat diaplikasikan.

JAVA SCRIPT Salah satu perangkat pemrograman yang dapat diselipkan dalam tag-tag file halaman WEB (file HTML) adalah perintah-perintah seperti pemrograman JAVA yang dikenal sebagai JAVA SCRIPT. Dengan JAVA SCRIPT dimungkinkan untuk membuat halaman WEB lebih interaktif, karena dapat dirancang suatu antar muka dengan GUI (Grafical User Interface), yang barangkali untuk membuat applet dengan code JAVA lebih suit dirancang, seperti mengendalikan button, TextEdit, TextArea, RadioButton, slider dan lain-lain.

Gambar Halaman WEB kosong Untuk mengenalkan dengan JAVA script berikut ini ditampilkan halaman WEB kosong dari MS-FrontPage: Gambar Halaman WEB kosong

Apabila tombol HTML diklik (di bagian bawah ada tiga pilihan: Normal,HTML,Preview), maka akan ditampilkan kode HTML sebagai berikut :   <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <meta name="GENERATOR" content="Microsoft FrontPage 4.0"> <meta name="ProgId" content="FrontPage.Editor.Document"> <title>New Page 1</title> </head> <body> </body> </html>

Apabila dalam file HTML diinginkan untuk menulis JAVA SCRIPT maka dapat diketik kode diantara tag : <script LANGUAGE="JavaScript"> DISINI DPT DIKETIKKAN KODE_KODE JAVA SCRIPT </script>

Contoh: Script untuk menuliskan suatu teks (dengan: document Contoh: Script untuk menuliskan suatu teks (dengan: document.write(teks)) sebagai berikut: <Script LANGUAGE="JavaScript"> document.write ("HELLO MAS JAVA SCRIPT!!") </Script> Hasil adalah (cukup dengan menekan tombol Preview): HELLO MAS JAVA SCRIPT!!

Loop dalam Javascript: Sebagian besar kemampuan JAVA program seperti if, loop : for, while dapat juga diimplementasikan dalam JAVA script. Berikut contoh JAVA script untuk mencetak Hello : 10 kali : <Script LANGUAGE="JavaScript"> var i for (i=1;i<=5;i++) document.writeln("HELLO "+i +" ") </Script> Hasilnya : HELLO 1 HELLO 2 HELLO 3 HELLO 4 HELLO 5

Function dalam Java script Fungsi adalah sebuah blok kode yang mengeksekusi hanya apabila dituliskan/diperintahkan untuk mengeksekusi. Hal ini dapat terjadi ketika sebuah peristiwa, seperti ketika pengguna mengklik tombol, atau dari panggilan dalam naskah atau dari panggilan fungsi lain. Fungsi dapat ditempatkan baik di <head> dan di bagian <body> dokumen, pastikan bahwa fungsi ada, ketika panggilan dilakukan.

Function dalam Java script Dimungkinkan membuat suatu fungsi dalam java script. Misalnya untuk mencetak n kali dibuat fungsi Cetak(n), sebagai berikut : <Script LANGUAGE="JavaScript"> function cetak(n) { for (i=1;i<=n;i++) document.writeln("HELLO "+i +" ") } cetak(9) </Script>   Hasil : HELLO 1 HELLO 2 HELLO 3 HELLO 4 HELLO 5 HELLO 6 HELLO 7 HELLO 8 HELLO 9

Komponen antar muka grafis Untuk berinteraksi dengan pengguna umumnya lebih menarik digunakan komponen antar muka grafis seperti tombol dan teks_edit. Berikut ini didesain suatu kode JAVA Script untuk mencari n faktorial, dengan n adalah bilangan yang diinpukan dari keyboard melalui komponen TextEdit. Selanjutnya didefinisikan dua tombol, tombol Hidung yang di dalamnya dipanggil fungsi untuk menghitung dan untuk menampilkan hasil hitungan serta tombol clear untuk membersihkan TextEdit, untuk digunakan menghitung lagi. Berikut ini kode JavaScriptnya :

Komponen antar muka grafis <script LANGUAGE="JavaScript"> function fak(n) { var n=document.fm.nilai_n.value var f=1 for (var i=1;i<=n; i++) f*=i document.fm.hasil.value=f } function bersihkan() document.fm.nilai_n.value="" document.fm.hasil.value="" } </script>

Kode tersebut ditanamkan dalam file HTML yang lengkapnya sebagai berikut : <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <meta name="GENERATOR" content="Microsoft FrontPage 4.0"> <meta name="ProgId" content="FrontPage.Editor.Document"> <title>Demo Tulisan Jalan</title> </head> <script LANGUAGE="JavaScript"> function fak(n) { var n=document.fm.nilai_n.value var f=1 for (var i=1;i<=n; i++) f*=i document.fm.hasil.value=f }

function bersihkan() { document. fm. nilai_n. value="" document. fm function bersihkan() { document.fm.nilai_n.value="" document.fm.hasil.value="" } </script> <h2>MENGHITUNG FAKTORIAL</H2> <h3>Masukkan nilai n disini </h3> <form name="fm" > <input type ="text" name="nilai_n" value ="" size="5" > <br><br> <input type =button value="hitung" onclick="fak(5)" > <input type =text name="hasil" value="" size="25" > <br> <br> <input type =button value="clear" onclick="bersihkan()" > </form> </html>

Adapun hasil brows dari file HTML yang mengandung Java Script tersebut adalah sebagai berikut :