Pemrograman Web Dan Perangkat Bergerak

Assalamualaikum Warahmatullahi Wabarokatuh Pada sesi kali ini kita akan membahas tentang penerapat struktur kontrol percabangan. Sistem percabangan terbagi menjadi 4 yaitu : IF ELSE IF ELSE SWITCH IF digunakan jika hanya memiliki satu pernyataan yang akan dijalankan dengan syarat tertentu. Contoh IF sebagai berikut   If ELSE IF digunakan saat kita memiliki banyak kondisi (2 atau lebih) pernyataan. Contoh ELSE IF sebagai berikut Else If ELSE digunakan jika pernyataan yang disyaratkan semuanya tidak terpenuhi maka block ELSE ini akan dijalankan. Contoh penggunaan ELSE Else SWITCH adalah sebuah struktur percabangan yang akan memeriksa suatu variabel, lalu menjalankan perintah-perintah yang sesuai dengan kondisi yang mungkin terjadi untuk variabel tersebut.Contoh penggunaan SWITCH Switch Ok itu dia macam macam struktur kontrol percabangan. Sekarang kita akan memulai latihannya :  if1Umur.html Kita akan membuat if untuk mengecek sebuah umur. Contohn

Assalamualaikum Warahmatullahi Wabarokatuh Pada pertemuan kali ini masih di Javascript, Kita akan masuk ke materi tentang array. Apa itu array? Bagaimana array bekerja? kita langsung saja mulai. Definisi Array Array, adalah satu variable yang dapat berisi banyak data yang independent. Data yang disimpan diberikan indeks tertentu atau menggunakan nomer urut mulai dari 0. Indeks ini nantinya dapat kita gunakan untuk mengakses data yang disimpan dalam array tersebut. Jenis-jenis array Array monodimensi Array yang hanya berisikan nilai-nilai tunggal disebut sebagai array monodimensi. Indeks ini akan diberikan secara otomatis oleh intepreter javascript, dimulai dari elemen/data pertama dengan indeks 0 Dalam suatu array dengan n elemen, maka elemen ke-n akan mempunyai indeks n-1.       2. Array Multidimensi Jika elemen suatu array berisikan array lainnya, maka array tersebut termasuk array multidimensi.       3. Array Asosiatif Indek dalam array selain ditentuk

Assalamualaikum Warahmatullahi Wabarokatuh Pada pertemuan kali ini kita akan masuk ke materi Javscript. Javasrcipt ini digunakan untuk pengeksekusian perintah di sisi user / client-side . Seperti memunculkan alert, membuat kalkulator dengan javascript. Sejarah Javasrcipt Javascript diperkenalkan pertama kali oleh Brendan Eich bekerja di Netscape pada tahun 1995. Pada awalnya bahasa ini dinamakan "LiveScript" yang berfungsi sebagai bahasa sederhana untuk browser Netscape Navigator 2. Pada masa itu bahasa ini banyak di kritik karena kurang aman, penembangannya yang terkesan buru-buru dan tidak ada pesan kesalahan yang ditampilkan tiap kali kita membuat kesalahan pada saat menyusun suatu program. Kemudian sejalan dengan giatnya kerjasama antara Netscape dan Sun (Pengembang bahasa pemrograman "Java") pada masa itu, maka Netscape memberikan nama "Javascript" kepada bahasa tersebut pada tanggal 4 desember 1955. versi terakhir dari bahasa ini adalah vesi

Assalamualaikum Warahmatullahi Wabarokatuh Kembali lagi dengan saya di sesi ke-11 ini. Pada kali ini kita akan membahas tentang CSS pada form, dipertemuan sebelumnya kita telah mempelajari CSS pada multimedia. Sekarang kita masuk tutorialnya : CSS Pada Elemen Form jenis border warna border lebar border  batas form dari sisi layout dan warna background dari form extCSSonForm1.html Pertama kita harus buat file html dan css terlebih dahulu, dan jangan lupa hubungkan dengan tag link. Tampilan yang akan kita buat : See the Pen xxKREvL by haikal ( @haikul ) on CodePen . Kita gunakan tag textarea dan tabel   untuk membuat tampilan awalnya, buat tampilan awalnya seperti diatas. dan edit textarea tersebut dengan CSS. extCSSonForm2.html Kita juga bisa menambahkan background color pada textarea seperti tampilan dibawan ini : See the Pen RwbooWe by haikal ( @haikul ) on CodePen . extCSSonForm3.html Lanjut, kita akan mengedit tag input dengan memberi warna d

Assalamualaikum Warahmatullahi Wabarokatuh Pada sesi kali ini kita akan mengedit format multimedia dan tabel dengan CSS (Cascading Style Sheet), seperti menambahkan border, warna border, ukurannya, jenisnya dll. Ok, kita langsung saja tutorialnya : EmbImageCSS.html Disini kita akan menambahkan selector class pada tag img. <img src="bla.png" class="burung" /> dan nantinya kita akan mengedit tampilannya dengan CSS. Contoh Tampilan : EmbImageCSS Pertama-tama saya akan kasih codenya dulu dan nanti saya jelaskan pada teman-teman : <!DOCTYPE html> <html> <head> <title>Haikal Putra Gustiansya XI RPL 1 EmbImage</title> <style type="text/css"> image.mouse{ margin-top: 10px; float: left; clear: both; width: 200px; height: 200px; } img.cat{ margin-top: 5px; float: right; clear: both; width: 200px; height: 200px; border:solid; border-color: pink; } img.koa{ margin-