PEMROGRAMAN BERBASIS WEB/2018

Slides:



Advertisements
Presentasi serupa
Pertemuan 8. 2  JavaScript dikembangkan pertama kali pada tahun 1995 di Netscape Communications dgn nama LiveScript.  Hasil kolaborasi antara Netscape.
Advertisements

Pengembangan Web Pertemuan 2 HTML Basic (Text Formating, Link & Frame)
+ Pemrograman Javascript Teknik Informatika Universitas Bunda Mulia Jakarta Chandra Hermawan H., M.Kom., MM.
Pemrograman Web Perl.
LAYANAN BERBASIS APLIKASI WEB Pertemuan I Budi Arifitama.
Desain web – pertemuan 13 Javascript (Part 2).
M.K. Pemrograman Web (AK )
JAVASCRIPT (5) M.K. Pemrograman Web (AK ). 2 OBJEK Objek dari Navigator (Browser) –JavaScript membagi satu halaman Navigator dalam berbagai obyek.
+ Pemrograman Javascript Teknik Informatika Universitas Bunda Mulia Jakarta Chandra Hermawan H., M.Kom., MM.
PEMROGRAMAN WEB (IS 222) - PERTEMUAN 2-
STRUKTUR DATA.
Pemrograman Javascript
PEMOGRAMAN 1 Pertemuan 3.
V. STRING.
Modul-6 : Java Script (1) Dasar javascript,variabel , manipulasi string, fungsi matematis, table dan menu option Modul -6 : Java Script (1)
JAVASCRIPT.
STRUKTUR DATA (1).
Outline Awalnya dikembangkan oleh Borland dan umunya igunakan untuk paket perangkat lunak tingkat lanjut dengan kepustakaan yang lebih banyak dan.
PERT-02 MS. WORD Nur Lukman, ST..
PENGANTAR TEKNOLOGI INFORMASI
SEMESTER GANJIL 2009/2010.
Praktikum Java Script.
M.K. Pemrograman Web (AK )
Basic Class Matakuliah : T0984 / Algoritma dan Metode Object Oriented Programming II Pertemuan : 3 Tahun : 2008 Versi : 1/0.
Algoritm Math.
ALGORITMA PEMROGRAMAN 2A
PENGGUNAAN TIPE DATA YANG EFEKTIF
Notasi Algoritma & Tipe Data
Tipe Data By Serdiwansyah N. A..
PERTEMUAN 2 HTML (Lanjutan).
Nilai dan Tipe Data Nilai dan Tipe data
Tipe Data , Variabel, Operator
Algoritma pemrograman 2a
Pertemuan ke -2 Teknik Informatika – UNIKOM 2010
KOMPUTER APLIKASI IT II
Objek javascript 2 Pertemuan ke 9.
DASAR-DASAR HTML Efek Karakter Fisik KOMPUTER APLIKASI IT – I Oleh :
Pengantar struktur data
EVENT & Object DALAM JAVA SCRIPT.
Pertemuan ke 10 Objek Javascript 3.
Nama : MOH.MAULANA KHOIRI KELAS : X TIK 1 NO : 22 TUGAS MEMPRESENTASIKAN TENTANG PENGGUNAAN TEKS TOOL PADA PHOTOSHOP.
PENGGUNAAN TIPE DATA YANG EFEKTIF
STRUKTUR DATA.
Komputer aplikasi it-I (html)
Komputer aplikasi it-I (html)
PERTEMUAN 2 Pemrograman VB 6.0
PEMROGRAMAN DASAR kelas xi
As’ad Djamalilleil Sintaks Dasar As’ad Djamalilleil
ARRAY JAVA SCRIPT
Variabel, Tipe data dan operator
PERTEMUAN 6 Hani Irmayanti, M.Kom.
Objek string dan objek document
Array.
Internet dan Web PERTEMUAN IV By : Lisda Juliana P.
Pengembangan Aplikasi Framework (IT657)
PENGGUNAAN TIPE DATA YANG EFEKTIF
Konsep Tipe Data dan Operator
1. Bentuk Pangkat, Akar, dan logaritma
Struktur Data.
Internet dan Web PERTEMUAN III.
Konsep Bahasa Pemrograman I Data Jamak
Internet dan Web PERTEMUAN III LISDA JULIANA.
Pemrograman Web HTML (8) PHP Andy Haryoko, ST
Struktur Data.
TIPE-TIPE DATA PHP Bandung 2009, by hery dwi y.
PENGENALAN JAVA SCRIPT
STMIK PPKIA Pradnya Paramita Pemrograman berbasis Web
PENGGUNAAN TIPE DATA YANG EFEKTIF
Tipe Data Struktur Ridwan, S.T., M.Eng. Pokok Pembahasan Bahan Kajian. Tipe Data Terstruktur Materi Tipe Data: 1.Definisi data, tipe data dan struktur.
Variabel, Tipe data dan operator
Transcript presentasi:

PEMROGRAMAN BERBASIS WEB/2018 OBJECT PEMROGRAMAN BERBASIS WEB/2018

OBJECT STRING Object String adalah suatu objek yang merupakan kumpulan dari elemen karakter-karakter. Dalam Javascript string atau karakter harus diapit dengan tanda petik ganda(“) atau tanda petik tunggal(‘) Contoh pendeklarasian Objek String : Nama = “Shafana Vevica” Panjang = Nama,length; // Panjang akan berisi 14

Memformat teks dengan Javascript Properti Deskripsi length Menghasilkan jumlah karakter dari suatu string atau teks Metode anchor(nama) <A name="nama"> big() <BIG>. Tercetak lebih besar blink() <BLINK> Efek berkedip aktif pada browerNetscape bold() <B> Tercetak tebal fixed() <TT> surrounding it. Tercetak fixed-pitch fontcolor(warna) <FONT color="warna"> Tercetak sesuai warna yang didefinisikan fontsize(size) <FONT size="size"> italics() <I> Tercetak miring link(url) <A href="url"> Menjadikan string hyperlink small() <SMALL> Tercetak lebih strike() <STRIKE> Tercetak dengan coretan sub() <SUB> Tercetak subscript sup() <SUP> Tercetak superscript toLowerCase() Mengubah string menjadi huruf kecil semua. toUpperCase() Mengubah string menjadu huruf besar semua Memformat teks dengan Javascript

OBJECT ARRAY Array adalah suatu variable yang dapat memuat beberapa nilai secara berurutan atau seri. Artinya variable yang dideklarasikan sebagai array isinya tidak satu. Berikut adalah pendeklarasian untuk array. nama = new Array(3) nama[0] =”Dian” nama[1] =”Andri” nama[2]=”Irawan” nama = new Array(”Dian”,”Andri”,”Irawan”)

Metode untuk Manipulasi Array 1. concat() fungsi : Menggabungkan dua atau lebih array Sintaks:arrayObject.concat(arrayX,arrayX,......,arrayX) Contoh: <script type="text/javascript"> var arr = new Array(3) arr[0] = "Jani" arr[1] = "Tove" arr[2] = "Hege"   var arr2 = new Array(3) arr2[0] = "John" arr2[1] = "Andy" arr2[2] = "Wendy" var arr3 = new Array(2) arr3[0] = "Stale" arr3[1] = "Borge" document.write(arr.concat(arr2,arr3)) </script>

Metode untuk Manipulasi Array 2. join() Fungsi:Menuliskan elemen-elemen array ke dalam satu string dipisahkan oleh karakter yang kita set Sintaks: arrayObject.join(pemisah)   Contoh: <script type="text/javascript"> var arr = new Array(3) arr[0] = "Jani" arr[1] = "Hege" arr[2] = "Stale" document.write(arr.join() + "<br />") document.write(arr.join(".")) </script>

Metode untuk Manipulasi Array 3. pop() Fungsi: Untuk mendelete elemen terakhir dari suatu array Sintaks: arrayObject.pop() Contoh: <script type="text/javascript"> var arr = new Array(3) arr[0] = "Jani" arr[1] = "Hege" arr[2] = "Stale" document.write(arr + "<br />") document.write(arr.pop() + "<br />") document.write(arr) </script>

Metode untuk Manipulasi Array 4. push() Fungsi: Menambah satu atau lebih elemen ke bagian akhir suatu array Sintaks: arrayObject.push(newelement1,newelement2,....,newelementX) Contoh: <script type="text/javascript"> var arr = new Array(3) arr[0] = "Jani" arr[1] = "Hege" arr[2] = "Stale"   document.write(arr + "<br />") document.write(arr.push("Kai Jim") + "<br />") document.write(arr) </script>

Metode untuk Manipulasi Array 5. reverse() Fungsi: Membalikkan urutan elemen dalam suatu array Sintak: arrayObject.reverse() Contoh: <script type="text/javascript"> var arr = new Array(3) arr[0] = "Jani" arr[1] = "Hege" arr[2] = "Stale"   document.write(arr + "<br />") document.write(arr.reverse()) </script>

Metode untuk Manipulasi Array 6. shift() Fungsi: Untuk mendelete elemen pertama dari suatu array Sintaks: arrayObject.shift() Contoh: <script type="text/javascript"> var arr = new Array(3) arr[0] = "Jani" arr[1] = "Hege" arr[2] = "Stale" document.write(arr + "<br />") document.write(arr.shift() + "<br />") document.write(arr) </script>

Metode untuk Manipulasi Array 7. unshift() Fungsi: Untuk menambahkan satu atau lebih elemen pada awal array Sintaks:arrayObject.unshift(newelement1,newelement2,....,newelementX) Contoh: <script type="text/javascript"> var arr = new Array() arr[0] = "Jani" arr[1] = "Hege" arr[2] = "Stale"   document.write(arr + "<br />") arr.unshift("Kai Jim") document.write(arr) </script>

Metode untuk Manipulasi Array 8. sort() Fungsi: Untuk mengurutkan elemen array Sintaks: arrayObject.sort(sortby) Contoh: <script type="text/javascript"> var arr = new Array(6) arr[0] = "Jani" arr[1] = "Hege" arr[2] = "Stale" arr[3] = "Kai Jim" arr[4] = "Borge" arr[5] = "Tove"   document.write(arr + "<br />") document.write(arr.sort()) </script>

Metode Tanggal dan Waktu Untuk membuat objek tanggal dan waktu terlebih dahulu anda mendeklarasikan variabel/objek tanggal dan waktu tersebut var mydate= new Date() Berikut adalah beberapa metode tanggal dan waktu di javascript Metode Deskripsi getDate() Menghasilkan tanggal dalam suatu bulan getDay() Meghasilkan nama hari getHours() Menghasilkan jam (dimulai dari 0-23 getMinutes() Menghasilkan menit getSeconds() Menghasilkan detik getMonth() Menghasilkan bulan. (dimulai dari 0-11)! getYear() getTime() Menghasilkan tahun Menghasilkan waktu yang lengkap

Obyek Math obyek math adalah suatu obyek yang mempunyai banyak Metode dan properti untuk memanipulasi bilangan bilangan dan juga fungsi fungsi matematika. Apapaun Metode atau properti yang digunakan kita harus memulainya dengan kata Math, contohnya adalah sebagai berikut : Math.cos(1); Berikut ini adalah tabel beberapa Metode standart dari obyek math : Metode Keterangan Contoh abs() mengembalikan nilai absolut dari satu bilangan, kalau bilangan positif dia akan mengirimkan kembali bilangan itu, sebaliknya kalau bilangan negatif, dia akan mengirimkan bentuk positifnya x = Math.abs(3.17); //hasilnya x = 3.17 x = Math.abs(-3.17); //hasilnya x = 3.17 ceil() mengembalikan nilai integer terkecil yang lebih besar sama dengan nilai parameter yang diberikan x = Math.ceil(6.01); //hasilnya x = 7 x = Math.ceil(3.99); //hasilnya x = 4 floor() mengembalikan nilai integer terbesar yang lebih kecil sama dengan nilai parameter yang diberikan x = Math.floor(6.01); //hasilnya x = 6 x = Math.floor(3.99); //hasilnya x = 3 round() membulatkan bilangan di parameter ke integer yang terdekat, jika bilangan tersebut 0,5 maka akan dibulatkan keatas x = Math.round(6.01); //hasilnya x = 6 x = Math.round(3.80); //hasilnya x = 4 x = Math.round(3.50); //hasilnya x = 4 max(bil1,bil2) mengembalikan nilai terbesar diantara dua parameter yang dibandingkan var x = Math.max(6,7.25); //hasilnya x = 7.25 var x = Math.max(-8.21,-3.65); //hasilnya x = -3.65 min(bil1,bil2) mengembalikan nilai terkecil diantara dua parameter yang di bandingkan x = Math.min(6,7.25); //hasilnya x = 6 x = Math.min(-8.21,-3.65); //hasilnya x = -8.21 pow(bil1,bil2) mengembalikan nilai hasil parameter satu pangkat parameter dua x = Math.pow(3,3); //hasilnya x = 27 x = Math.pow(9,0.5); //hasilnya x = 3 Random() Mengembalikan nilai acak antara 0 sampai 1, nilai di generate berdasarkan sistem jam dari komputer x = Math.random(); //hasilnya x = 0.6489534931546957 sqrt(bil) Mengembalikan akar dari bilangan yang dilewatkan sebagai parameter x = Math.sqrt(9); //hasilnya x = 3