Repository Universitas Komputer Indonesia

Komputer Aplikasi IT-1
Download gambar pendukung, extrak pada folder htm

Suryana, Taryana

Gambar Pendukung

Aplikasi IT-1 (Web Program)
Navigasi Tab adalah cara untuk menavigasi di sekitar situs web. Biasanya,
navigasi tab menggunakan tombol navigasi (tab) yang disusun bersama
dengan tab yang dipilih atau disorot

 
 
W3.CSS NAVIGATION dan JAVASCRIPT 
 
Oleh:Taryana Suryana M.Kom 
Teknik Informatika Unikom 
 
taryanarx@email.unikom.ac.id 
taryanarx@gmail.com 
Line/Telegram: 081221480577 
 
 
13. W3.CSS NAVIGATION TAB 
Navigasi Tab adalah cara untuk menavigasi di sekitar situs web. Biasanya, 
navigasi tab menggunakan tombol navigasi (tab) yang disusun bersama 
dengan tab yang dipilih atau disorot.  
Contoh berikut ini menggunakan elemen dengan nama kelas yang sama 
yaitu ("kota"), dan mengubah gaya antara display: none dan display: block 
untuk menyembunyikan dan menampilkan konten yang berbeda: 
Membuat Tab dan Link ketika Nama Suatu Kota Di Click, maka Deskripsi 
dari Kota tersebut akan ditampilkan pada Bar bagian bawah Menu. 
 
Gambar 13.1.Contoh Menu Tab 
 
 
 
13.1. Membuat Menu Horizontal 
 
Pada bagian ini akan dibahas mengenai bagaimana cara membuat Menu Tab 
dengan arah menyamping (horizontal). Adapun Isi dari Tab yang di Click 
akan tampil pada bar bagian bawah menu tersebut. 
 
NamaFile:menu1.html 
<html> 
<title>W3.CSS</title> 
<meta name="viewport" content="width=device-width, initial-scale=1"> 
<link rel="stylesheet" href="w3.css"> 
<body> 
 
<div class="w3-container"> 
  <h2>Membuat Menu Tab dan Link</h2> 
  <p>Click Pada Menu Dibawah</p> 
</div> 
 
<div class="w3-bar w3-black"> 
  <button class="w3-bar-item w3-button" onclick="openKota('Bandung')">Bandung</button> 
  <button class="w3-bar-item w3-button" onclick="openKota('Garut')">Garut</button> 
  <button class="w3-bar-item w3-button" onclick="openKota('Tasik')">Tasik</button> 
</div> 
 
<div id="Bandung" class="w3-container kota"  style="display:none"> 
  <h2>Bandung</h2> 
   <p>Dikenal dengan Julukan Kota Kembang, adalah Ibu Kota dari Provinsi Jawa Barat.</p> 
</div> 
 
<div id="Garut" class="w3-container kota"  style="display:none"> 
  <h2>Garut</h2> 
  <p>Dikenal dengan Julukan Kota Dodol, dan  jaman juga dikenal dengan Jeruk Garut</p> 
</div> 
 
<div id="Tasik" class="w3-container kota"  style="display:none"> 
  <h2>Tasik</h2> 
  <p>Atau Tasikmalaya Dikenal dengan Julukan Kota Intan, dan Kota Kerajinan Tangan</p> 
</div> 
 
 
<script> 
function openKota(namaKota) { 
  var i; 
  var x = document.getElementsByClassName("kota"); 
  for (i = 0; i < x.length; i++) { 
    x[i].style.display = "none";   
  } 
  document.getElementById(namaKota).style.display = "block";   
} 
</script> 
 
</body> 
</html> 
 
 
 
Simpan dengan nama File:menu1.html, dan kemudian jalankan pada Browser seperti biasa 
dan jika hasilnya benar, akan ditampilkan halaman menu seperti berikut: 
 
 
 
 
Gambar 13.2. Menampilkan Tab dan Link kota 
Java Script Untuk Menampilkan isi Link yang di Click 
 
<script> 
function openKota(namaKota) { 
  var i; 
  var x = document.getElementsByClassName("kota"); 
  for (i = 0; i < x.length; i++) { 
    x[i].style.display = "none";   
  } 
  document.getElementById(namaKota).style.display = "block";   
} 
</script> 
 
 
 
13.2. Membuat Menu Vertical 
 
Pada bagian ini akan dibahas mengenai bagaimana cara membuat Menu Tab 
dengan arah vertikal. Adapun Isi dari Tab yang di Click akan tampil pada bar 
bagian kanan. 
 
NamaFile:menu2.html 
<html> 
<title>W3.CSS</title> 
<meta name="viewport" content="width=device-width, initial-scale=1"> 
<link rel="stylesheet" href="w3.css"> 
<body> 
 
<div class="w3-sidebar w3-bar-block w3-light-grey w3-card" style="width:130px"> 
  <h5 class="w3-bar-item">MENU</h5> 
  <button class="w3-bar-item w3-button tablink" onclick="openCity(event, 
'Bandung')">Bandung</button> 
  <button class="w3-bar-item w3-button tablink" onclick="openCity(event, 
'Garut')">Garut</button> 
 
  <button class="w3-bar-item w3-button tablink" onclick="openCity(event, 
'Tasik')">Tasik</button> 
  <button class="w3-bar-item w3-button tablink" onclick="openCity(event, 
'Cirebon')">Cirebon</button>  
</div> 
 
<div style="margin-left:130px"> 
  <div class="w3-padding">Menu Tab Vertikal</div> 
 
  <div id="Bandung" class="w3-container city" style="display:none"> 
    <h2>Bandung</h2> 
     <p>Ibukota dari Provinsi Jawa Barat</p>  
  </div> 
 
  <div id="Garut" class="w3-container city" style="display:none"> 
    <h2>Garut</h2> 
    <p>Garut kota yang terkenal dengan Dodol dan domba nya</p>  
   </div> 
 
  <div id="Tasik" class="w3-container city" style="display:none"> 
    <h2>Tasik</h2> 
    <p>Terkenal dengan sebagai kota Intan.</p> 
  </div> 
 
   <div id="Cirebon" class="w3-container city" style="display:none"> 
    <h2>Cirebon</h2> 
    <p>Terkenal dengan sebagai kota Udang.</p> 
  </div> 
</div> 
 
<script> 
function openCity(evt, cityName) { 
  var i, x, tablinks; 
  x = document.getElementsByClassName("city"); 
  for (i = 0; i < x.length; i++) { 
    x[i].style.display = "none"; 
  } 
  tablinks = document.getElementsByClassName("tablink"); 
  for (i = 0; i < x.length; i++) { 
    tablinks[i].className = tablinks[i].className.replace(" w3-green", "");  
  } 
  document.getElementById(cityName).style.display = "block"; 
  evt.currentTarget.className += " w3-green"; 
} 
</script> 
 
</body> 
</html> 
 
 
 
Gambar 13.3.Menu Tab Vertikal 
 
Jika anda ingin menambahkan Efek Animasi ketika menampilkan Teks atau gambar pada 
kota yang di Click, maka dapat ditambahkan perintah  w3-animate,  contoh misalnya ketika 
di Click Cirebon, maka tulisan mengenai Cirebon akan ditampilkan dengan mode zoom 
 
<div id="Cirebon" class="w3-container city w3-animate-zoom" style="display:none"> 
   <h2>Cirebon</h2> 
    <p>Terkenal dengan sebagai kota Udang.</p> 
  </div> 
 
  
 
 
TUGAS 13.  
Dengan Menggunakan perintah yang sudah diajarkan barusan dan perintah lainya yang sudah 
diajarkan sebelumnya, buat program untuk menampilkan Menu Seperti berikut: 
 
Catatan: 
1. Jika di Click Tab Mobil Maka akan ditampilkan gambar Mobil dengan Animasi  
w3-animate-fading 
2. Jika di Click Tab UnikomMart Maka akan ditampilkan gambar Unikom Mart dengan 
Animasi w3-animate-bottom 
3. Jika di Click Tab Kampus Maka akan ditampilkan gambar Kampus dengan Animasi  
w3-animate-top 
4. Jika di Click Tab Foto Maka akan ditampilkan gambar Foto dengan Animasi  
w3-animate-zoom 
 
Semua Gambar, Banner, Link dan isinya boleh disesuaikan dengan isi tugas yang ingin kamu 
buat, Menu Boleh Horizontal atau Vertical 
 
 
Gambar Tugas13.Ketika di Click Mobil 
 
 
Gambar Tugas13.Ketika di Click UnikomMart 
 
 
 
Gambar Tugas13.Ketika di Click Kampus 
 
 
 
Gambar Tugas13.Ketika di Click Foto 
 
Adapun File yang dikumpulkan adalah file tugas13.html dan gambar atau foto yang kamu 
gunakan. Kirim ke Kuliah Online file yang sudah dalam bentuk zip atau rar, TUGAS13.ZIP 
 


Pertemuan 14:navigation Tab Dan Java Script

Hukum Perusahaan
Lembaga Pembiayaan merupakan:
BADAN USAHA YANG MELAKUKAN KEGIATAN PEMBIAYAAN DALAM BENTUK PENYEDIAAN DANA ATAU BARANG MODAL DENGAN TIDAK MENARIK DANA SECARA LANGSUNG DARI MASYARAKAT
(Kepres no.61 Tahun 1988)

JENISNYA::
LEASING
FACTORING
MODAL VENTURA
PEMBIAYAAN KONSUMEN
KARTU KREDI

Yulianti, Farida

LEMBAGA PEMBIAYAAN
BY:FYS-HBIS-12021
1/19/2021fys-hbis-12021 1
LEMBAGA PEMBIAYAAN
BADAN USAHA YANG MELAKUKAN KEGIATAN 
PEMBIAYAAN DALAM BENTUK PENYEDIAAN 
DANA ATAU BARANG MODAL DENGAN TIDAK 
MENARIK DANA SECARA LANGSUNG DARI 
MASYARAKAT
(KEPRES NO.61 TAHUN 1988)
1/19/2021fys-hbis-12021 2
PERBEDAAN DGN BANK
•PENDANAAN DARI MASYARAKAT
•PENYEDIAAN DANA ATAU
BARANG MODAL
•TIDAK MEMERLUKAN JAMINAN
1/19/2021fys-hbis-12021 3
LEMBAGA PEMBIAYAAN
1. LEASING
2. FACTORING
3. MODAL VENTURA
4. PEMBIAYAAN KONSUMEN
5. KARTU KREDIT
1/19/2021fys-hbis-12021 4
LEASING
(SEWA GUNA USAHA)
CIRI-CIRI LEASING:
• ADA 3 PIHAK LESSE, LESSOR, SUPPLIER
• PEMBAYARAN SEWA DILAKUKAN BERKALA
• MASA SEWA GUNA USAHA DITENTUKAN
• DISERTAI DGN HAK OPSI
• HAK MILIK ADA PADA LESSOR
• OBYEK LEASING = BENDA-BENDA YG
DIGUNAKAN UNTUK MENJALANKAN
PERUSAHAAN
1/19/2021fys-hbis-12021 5
KEUNTUNGAN LEASING
• PROSES PENGADAAN BARANG LEBIH CEPAT
DAN TIDAK MEMERLUKAN JAMINAN
• PENGADAAN BARANG YG MAHAL LEBIH
MERINGANKAN DARI SISI CASH FLOW 
KARENA PEMBAYARAN JANGKA PANJANG
• POSISI CASH FLOW LEBIH BAIK DAN BIAYA
MODAL LEBIH MENARIK
• PERENCANAAN KEUANGAN LEBIH MUDAH
DAN SEDERHANA
1/19/2021fys-hbis-12021 6
PERBEDAAN DGN SEWA
• JANGKA WAKTU MENJADI FOKUS
•PARA PIHAK ADL BADAN USAHA
•PERLU JAMINAN TERTENTU
•ADANYA HAK OPSI
1/19/2021fys-hbis-12021 7
BEDA DGN SEWA BELI DAN JUAL BELI
•PERALIHAN HAK MILIK
•JENIS LEMBAGA PEMBIAYAAN
•PARA PIHAK YANG TERLIBAT
1/19/2021fys-hbis-12021 8
FACTORING
(ANJAK PIUTANG)
USAHA PEMBIAYAAN DALAM BENTUK 
PEMBELIAN DAN/ATAU PENGALIHAN 
ATAU PENGURUSAN PIUTANG ATAU 
TAGIHAN JANGKA PENDEK SUATU 
PERUSAHAAN DARI TRANSAKSI DALAM 
DAN LUAR NEGERI
1/19/2021fys-hbis-12021 9
CIRI-CIRI FACTORING
• BERUPA PENGURUSAN PIUTANG
• TAGIHAN JANGKA PENDEK DAN BELUM JATUH TEMPO
• ADA 3 PIHAK :
• FAKTORING COMPANY
• KLIEN (PENJUAL PIUTANG)
• NASABAH
1/19/2021fys-hbis-12021 10
KEUNTUNGAN FACTORING
• PEMBAYARAN PIUTANG LEBIH CEPAT DARI 
JATUH TEMPO
• MENAMBAH DANA SEGAR
• DAPAT MEMBANTU PENINGKATAN 
KEUNTUNGAN ATAU LABA
• MENGALIHKAN RISIKO PIUTANG
1/19/2021fys-hbis-12021 11
MODAL VENTURA
BADAN USAHA YG MELAKUKAN 
PEMBIAYAAN MELALUI PENYERTAAN 
MODAL KE DALAM SUATU USAHA 
PERUSAHAAN PASANGAN USAHA 
UNTUK JANGKA WAKTU TERTENTU
1/19/2021fys-hbis-12021 12
KEUNTUNGAN MODAL VENTURA
•SUMBER DANA SELAIN BANK
•BANTUAN MANAJEMEN
•MEMPERLUAS JARINGAN USAHA
1/19/2021fys-hbis-12021 13
JENIS MODAL VENTURA
• CONVENTIONAL LOAN
• CONDITIONAL LOAN (UNTUNG RUGI)
• EQUITY INVESTMENT (ADA BANTUAN MANAJEMEN)
1/19/2021fys-hbis-12021 14
PEMBIAYAAN KONSUMEN
LEMBAGA PEMBIAYAAN PENGADAAN BARANG 
UNTUK KEBUTUHAN KONSUMEN DILAKUKAN 
DGN PEMBAYARAN SECARA ANGSURAN ATAU 
BERKALA
1/19/2021fys-hbis-12021 15
KARTU KREDIT
BADAN USAHA YG MELAKUKAN PEMBIAYAAN UNTUK 
MEMBELI BARANG DAN JASA DENGAN 
MENGGUNAKAN KARTU KREDIT
1/19/2021fys-hbis-12021 16


Materi Minggu Ke 14- Lembaga Pembiayaan

Aspek Hukum Dalam Ekonomi 
LEMBAGA PEMBIAYAAN:

BADAN USAHA YANG MELAKUKAN KEGIATAN PEMBIAYAAN DALAM BENTUK PENYEDIAAN DANA ATAU BARANG MODAL DENGAN TIDAK MENARIK DANA SECARA LANGSUNG DARI MASYARAKAT
(Kepres no.61 Tahun 1988)

PERBEDAAN DENGAN PERBANKAN UMUMNYA:
Pendanaan dari masyarakat
Penyediaan dana atau barang modal
Tidak memerlukan jamina

Materi Kuliah Minggu Ke 14

Pemrograman WEB 1
Materi ini membahas, bagaimana mempublikasikan halaman web yang dibuat ke Internet, sehingga dapat diakses atau dibuka dari mana saja

 
 
PUBLIKASI WEB KE INTERNET 
 
Oleh:Taryana Suryana M.Kom 
Teknik Informatika Unikom 
 
taryanarx@email.unikom.ac.id 
taryanarx@gmail.com 
Line/Telegram: 081221480577 
 
14.1.HOSTING WEB 
Agar program dan latihan html yang pernah dibuat dapat dibuka dari seluruh dunia maka program 
tersebut harus di hosting di web server. Ada dua pilihan layanan, yaitu yang berbayar dan yang gratis. 
Anda boleh menghosting atau mempublikasikan di server mana saja, silahkan anda bisa cari di google 
dengan mengetikan “hosting gratis”  atau “free hosting” dan lain-lain. 
 
Sebelum memulai materi 14 ini, alangkah baiknya perbaiki dulu yang tugas13.html, supaya lebih bagus 
lagi, adapun ketentuannya adalah: 
1. Supaya lebih gampangl lagi, simpan semua file dalam folder baru, misalnya tugas14, semua 
file termasuk file html, gambar dan file w3.css simpan disana 
2. Ganti nama File Tugas13.html menjadi index.html  menggunakan huruf kecil semua 
3. Nama File Gambar juga harus huruf kecil semua, dan jangan menggunakan spasi. 
4. Tambahkan satu Tab menu Profile, yang isinya Nim,Nama,Kelas, tambahin Foto kamu juga 
boleh. 
5. Karena Akan di Onlinekan di Internet, tambahkan dan atur agar tulisan dan gambarnya sesuai. 
 
 
 
 
 
 
 
 
 
 
Pada materi ini akan dibahas bagaimana hosting di web server yang gratis yang beralamat di : 
https://www.000webhost.com/. 
Langkah-langkahnya adalah sebagai berikut: 
1. Jalankan browser buka alamat berikut: https://www.000webhost.com/ ,  
Selanjutnya akan ditampilkan jendela berikut: 
 
 
Gambar 14.1 Halaman Utama 
2. Pilih Free Web Hosting, dan Click tombol GET STARTED 
3. Pilih FREE SIGN UP 
 
Gambar 14.2. Memilih Jenis Hosting 
 
 
4. Jika Anda memiliki email di Google, gunakan dan Click LOG IN WITH GOOGLE 
 
Gambar 14.3 Halaman Sign Up / Pendaftaran 
 
5. Masukan Username dan Password Google Anda, jika berhasil akan ditampilkan jendela seperti 
berikut: 
 
Gambar 14.4 Halaman Jika Berhasil Login 
 
6. Click LET’S CREATE SOME MAGIC,  Akan ditampilkan pilihan berikut: 
 
 
 
Gambar 14.5. Pilih Jenis Website 
7. Click Create Web Design 
 
Gambar 14.6. Pilih Kategori Website 
 
8. Click Other, masukan nama Project, kemudian click ok 
Nama Project, masukan Nama Depan kamu, harus UNIK kalau udah ada yang menggunakan akan 
ditolak oleh server: 
Nama Project: Penting banget di ingat, nantinya akan menjadi nama domain website kamu di 
internet: misal kalau tadi name Projectnya:taryanarx maka domain internetnya menjadi : 
https://taryanarx.000webhostapp.com/ 
Alamat inilah yang nantinya bisa dibuka dari mana saja. 
 
 
 
Gambar 14.7. Masukan Nama Project 
 
Tunggu beberapa saat jika, project berhasil dibuat akan ditampilkan jendela berikut:, jika tidak  
berhasil, ulangi isi kembali nama project nya. 
 
Jika berhasil ditampilkan jendela berikut: 
 
Gambar 14.8. Halaman Upload Your Site 
 
9. Click tombol Upload Your Site 
 
 
 
Gambar 14.9. Pilic Public_html dan Upload Files 
 
10. Pada layar sebelah kiri, click Public_html, kemudian pada jendela atas kanan, click tombol 
Upload Files 
 
Gambar 14.10. Select Files 
 
11. Click tombol Select Files 
 
 
 
Gambar 14.11. Semua File yang akan di upload dipilih 
 
12. Select semua file yang digunakan untuk membuat Website kamu, File tugas13.html file w3.css 
dan semua gambar yang digunakan, kemudian click OPEN: 
Nama file tugas13.html harus diganti namanya menjadi index.html 
 
 
Gambar 14.12. Upload File yang tadi di Select 
 
 
13. Click tombol Upload. Untuk mengirimkan Files ke Server, dan jika berhasil dikirim akan 
ditampilkan jendela seperti berikut: 
 
 
 
Gambar 14.13. Contoh semua file telah di Upload ke Server 
 
 
14. Untuk melihat hasilnya buka tab baru di jendela browser, kemudian ketikan 
https://namaproject. 000webhostapp.com 
 
NamaProject adalah NamaProject anda Masing-masing, misalnya tadi namaproject saya adalah 
taryanarx. Maka buka di Browsernya menjadi  https://taryanarx.000webhostapp.com/ 
 
Hasilnya kira-kira seperti ini. 
 
 
 
 
Ok, selamat belajar dan jangan lupa terus mencoba, kamu harus bisa, harus berhasil……tetep 
semangat 
 
“Tidak Berat Membawa Ilmu Berapapun Banyaknya” 
 
 
Kamu bisa Coba di Webhosting yang lain, kalau untuk latihan boleh yang gratisan dulu, nah  kalau 
kamu serius ingin memiliki website premium dengan domain sendiri kamu bisa membelinya via 
webhosting yang tersedia. 
 
Contohnya: 
www.hostinger.co.id 
www.masterweb.com 
www.jagoanhosting.com 
www.qwords.com 
 
 
Nb: 
Jika sudah berhasil dan Online di Internet, silahkan kirimkan, link atau alamat website kamu: 
Di File Tugas14.pdf  
Tuliskan 
 
Nim: 
Nama Lengkap: 
Kelas: 
Alamat Website: 
 
 
Terimakasih, sampai jumpa lagi di Semester berikutnya, tetap jaga Protokol Kesehatan, semoga 
kita diberi rizki dan sehat selalu 
 
Aamiin YRA 
 
Taryana Suryana.M.Kom 
Teknik Informatika 
  


Pertemuan 15. Mempublikasi Halaman Web Ke Internet

Komputer Aplikasi IT V
Extrak file ini ke Folder yang sama dengan semua program yang pernah kamu bua

File Pendukung

Sistem Linier
Aplikasi Transformasi Laplace untuk analisis Sistem LT

Rahajoeningroem, Tri

Transformasi Laplace 
Signal and System : Schaum Series
Sinyal dan Sistem Jilid 1 dan Jilid 2 : Alan  V Oppenheim, Alan S Willsky, 
S. Hamid Nawab
Domain 
Waktu
Domain 
Frekuensi
T. Laplace
Invers T. Laplace
Transformasi Laplace
• Transformasi Laplace memberikan karakterisasi yang lebih umum 
untuk sistem linier waktu kontinyu tidak berubah terhadap waktu 
(LTI) dan interaksinya dengan sinyal dibandingkan Fourier
• Dapat diterapkan pada analisa sistem tidak stabil, oleh karena itu 
memegang peranan penting dalam pengujian stabilitas atau 
ketidakstabilan suatu sistem.
• Transformasi Laplace ada untuk sinyal-sinyal yang tidak mempunyai 
TF
Transformasi Laplace 
Bilateral
Transformasi Laplace Unilateral
(Untuk Sistem Kausal, 
Untuk menghitung respon sistem 
kausal yang dinyatakan dengan 
persamaan differential dengan 
kondisi awal tidak sama dengan nol
Bidang s
Poles dan Zero 
Zero : s = -2
Pole s = -1 dan s = -3
Sinyal Eksponensial Kausal dan Anti Kausal



Daerah Konvergensi 
Daerah Konvergensi (DK) / Region of Convergence (ROC) 
merupakan rentang nilai agar Transformasi Laplace Konvergen. 
ROCTL
TL
ROC
Transformasi Laplace
ROC
TL
TL
Zero : s = −
𝟓
𝟐
Pole : s = -3 dan s = 2
ROC
TL
TL
Transformasi Laplace
Tidak ada Zero
Pole : s = -3 dan s = 2
Daerah Konvergensi tidak saling beririsan, artinya sinyal ini tidak mempunyai 
Transformasi Laplace
TL
TL
ROC
Tidak ada Zero
Pole : s = -a dan s = a
TL
TL
ROC
ROC
Transformasi Laplace Pergeseran Waktu  
Sinyal Impuls Satuan (Time Shifting)
Transformasi Laplace Pergeseran Waktu 
Sinyal Unit Step (Time Shifting)
ROC
Transformasi Laplace
ROC
ROC
Transformasi Laplace Pergeseran Waktu  
Penumlahan Deretan Sinyal Impuls Satuan 
dengan Perioda T (Time Shifting)
Transformasi Laplace Invers
Bentuk Irreducible (Pangkat Penyebut 
D(s) Lebih Tinggi dari Pembilang N(s) )
Bentuk Reducible (Pangkat Pembilang  
Lebih Tinggi dari Penyebut )
Transformasi Laplace Invers
x



Transformasi Laplace Invers

Transformasi Laplace Invers

Transformasi Laplace Invers
Tentukan Transformasi Laplace Invers dari 
persamaan berikut :
Transformasi Laplace Invers
Transformasi Laplace Invers
Transformasi Laplace Invers
Fungsi Transfer Sistem
Fungsi Transfer Sistem
Konvolusi di kawasan waktu
Perkalian di 
kawasan Frekuensi
Karakterisasi Sistem
1. Sistem Kausal
Karakteristik : Sinyal sisi kanan, sehingga ROC
2. Sistem Anti Kausal
Karakteristik Sinyal sisi kiri, sehingga ROC  
3. Sistem Stabil
4. Sistem Kausal dan Stabil
Karakteristik : dengan 
Sehingga melingkupi sumbu jω
Karakteristik : BIBO (Bounded 
Input, Bounded Input), Apabila di 
gambar di bidang s Daerah 
Konvergensi-nya (ROC) melingkupi 
sumbu jω
Interkoneksi Sistem
Interkoneksi Sistem Secara Seri (Cascade) di kawasan waktu 
Interkoneksi Sistem Secara Seri (Cascade) di kawasan frekuensi
Interkoneksi Sistem Secara Paralel di kawasan waktu
Interkoneksi Sistem Secara Paralel  di kawasan frekuensi
Sistem stabil Karena 
melingkupi sumbu jω
Misal x(t) Input sistem dan y(t) = output sistem
Respon Impuls Sistem
Fungsi Transfer Sistem
Keluaran Sistem
(Sistem Stabil dan Kausal)
Input  Sistem Fungsi Transfer Sistem
Input  SistemRespon Impuls  Sistem
Fungsi Transfer Sistem
Keluaran Sistem
Fungsi Transfer Feedback System
Hubungan input-output suatu sistem LTI dinyatakan dalam 
persamaan berikut :
Fungsi Transfer Sistem H(s) Respon Impuls Sistem 
(Asumsi Sistem Kausal ROC >-a)
Hubungan input-output suatu sistem LTI dinyatakan dalam 
persamaan berikut :
Tentukan Fungsi Transfer Sistem H(s)
Respon Impuls Sistem (Asumsi Sistem Kausal)
Hubungan input-output suatu sistem LTI dinyatakan dalam 
persamaan berikut :
Tentukan Fungsi Transfer Sistem H(s)
Respon Impuls Sistem untuk Sistem Kausal, ROC
Respon Impuls Sistem untuk Sistem Stabil, ROC
Respon Impuls Sistem Tidak Kausal dan  Tidak Stabil 
Struktur Realisasi Sistem
𝒅
𝒅𝒕
𝒅
𝒅𝒕
3
5
+
𝒅
𝒅𝒕
2
-2
x(t) y(t)
S
3
5
+
2
-2
X(S) Y(S)
S S
Persamaan Sistem : Y(S) = 2 X(S) + 3 s X(S) + 5𝐬𝟐𝐗 𝐒 − 𝟐 𝐬𝐘 𝐒
Y(S)+2sY(S) = 2 X(S) + 3 s X(S) + 5𝒔𝟐𝐗 𝐒
(2s+1) Y(S) = (2+3s+5𝒔𝟐) X(S)
𝒀(𝑺)
𝑿(𝑺)
= 
𝟐𝒔+𝟏
𝟐+𝟑𝒔+𝟓𝒔𝟐
Fungsi Transfer H(S)
Gambar Struktur Realisasi Sistem 
Diketahui Fungsi Transfer Sistem H(S) = 
𝟓+𝟐𝒔
𝟏−𝟐𝒔
𝑌(𝑆)
𝑋(𝑆)
=
𝟓 + 𝟐𝒔
𝟏 − 𝟐𝒔
Y(S) = 
𝟓+𝟐𝒔
𝟏−𝟐𝒔
X(S)
Y(S)- 2sY(S) = 5X(S) + 2 sX(S)
Y(S) = 5X(S) + 2 sX(S) + 2sY(S)
Persamaan differensial
y(t) = 5 x(t) + 2
𝑑
𝑑𝑡
𝑥 𝑡 + 2
𝑑
𝑑𝑡
𝑦(𝑡)
𝒅
𝒅𝒕
2
+
𝒅
𝒅𝒕
5
2
x(t) y(t)
Aturan Mason
• Fungsi Transfer = 
 𝐹𝑜𝑟𝑤𝑎𝑟𝑑
1− 𝐿𝑜𝑜𝑝
S
5
-3
+
2
-3
X(S) Y(S)
S S
S
-2
H(S) =  
2+5𝑠−3𝑠2
1−(−3𝑠−2𝑠2)
H(S) = 
2+5𝑠−3𝑠2
1+3𝑠+2𝑠2
Tentukan Fungsi Transfer  Rangkaian berikut :
x(t)
+
y(t)
-2
  
5
5
X(S)
+
Y(S)
1
𝑠
1
𝑠
-2
𝑑2𝑦(𝑡)
𝑑𝑡
𝑑𝑦(𝑡)
𝑑𝑡 𝑠2𝑌(𝑆) s𝑌(𝑆)
𝑆2𝑌 𝑆 = 𝑋 𝑆 − 2𝑠𝑌 𝑆 + 5Y(S)
𝑆2𝑌 𝑆 + 2𝑠𝑌 𝑆 − 5Y(S) = X(S)
(𝑆2+2𝑠 − 5) Y(S) = X(S)
𝑌(𝑆)
𝑋 𝑆
=  
1
(𝑆2+2𝑠−5)
H(S) =  
1
(𝑆2+2𝑠−5)
H(S) =  
1
𝑠
1
𝑠
1−(
−2
𝑠
+
5
𝑠2
)
H(S) = 
1
𝑠2
𝑠2+2𝑠−5
𝑠2
H(S) = 
1
𝑆2+2𝑠−5
Realisasikan Fungsi Transfer tersebut dengan 
integrator
H(S) = 
2𝑠+5
𝑠2+2𝑠+7
H(S) = 
2
𝑠
+
5
𝑠2
1+
2
𝑠
+
7
𝑠2
H(S) =  
2
𝑠
+
5
𝑠2
1−(−
2
𝑠
−
7
𝑠2
)
𝟏
𝒔
2
5
+
-2
X(S) Y(S)
-7
𝟏
𝒔
𝟏
𝒔
𝟏
𝒔
Suatu sistem kausal LTI memiliki respon impuls h(t) = (5𝑒−2𝑡 + 2𝑒−𝑡)𝑢 𝑡
Tentukan :
a. Fungsi Transfer H(S)?
b. Persamaan differensial?
c. Struktur realisasi sistem?
d. Pole dan zero sistem?
e. Apakah sistem stabil?
Jawab
a. H(S) = 
5
𝑠+2
+
2
𝑠+1
=
5 𝑠+1 +2(𝑠+2)
𝑠+2 (𝑠+1)
=
7𝑠+9
𝑠2+3𝑠+2
b. 
𝑌(𝑆)
𝑋(𝑆)
=
7𝑠+9
𝑠2+3𝑠+2
(𝑠2 + 3𝑠 + 2) Y S = 7s + 9 X S
𝑠2𝑌 𝑆 + 3𝑠𝑌 𝑆 + 2𝑌 𝑆 = 7sX(S) + 9X(S)
2Y(S) =7sX(S) + 9X(S)− 𝑠2𝑌 𝑆 − 3𝑠𝑌 𝑆
Y(S) =
7
2
sX(S) +
9
2
X(S)−
1
2
𝑠2𝑌 𝑆 −
3
2
𝑠𝑌 𝑆
Persamaan differensial
y(t) = 
7
2
𝑑
𝑑𝑡
𝑥 𝑡 +
9
2
x(t) −
1
2
𝑑2
𝑑𝑡
𝑦 𝑡 −
3
2
𝑑
𝑑𝑡
𝑦 𝑡
c. Struktur Realisasi Sistem
𝒅
𝒅𝒕
𝒅
𝒅𝒕
+
𝒅
𝒅𝒕
y(t)x(t)
−
𝟑
𝟐
−
𝟏
𝟐
𝟕
𝟐
𝟗
𝟐
d. Pole dan Zero Sistem  dengan h(t) = (5𝑒−2𝑡 + 2𝑒−𝑡)𝑢 𝑡
H(S) = 
7𝑠+9
𝑠2+3𝑠+2
H(S) = 
7𝑠+9
(𝑠+1)(𝑠+2)
Zero : s= −
𝟗
𝟕
Pole :  s=-1 dan s = -2 
e. Sistem Stabil 
Derah Konvergensi ROC melewati 
sumbu jω
Sebuah Sistem Waktu Kontinyu dinyatakan 
oleh persamaan differential :
y”(t) +4 y’(t) + 13 y(t) = x’(t) + 4x(t) ; x(t) = input ; 
y(t) = output
a.Cari Fungsi Transfer Sistem H(s) !
b.Cari respon impuls h(t) !
c. Gambarkan realisasi Sistem !
d.Apakah sistem tersebut stabil ? Jelaskan !
e.Apabilal input x(t) = 2δ(t-1), Carilah output Sistem 
y(t)!


Aplikasi Transformasi Laplace Untuk Analisis Sistem Lti

Nurmiarani, Mia

Negosiasi Dalam Bisnis

Pemrograman WEB 2
Materi ini berisi penjelasan mengenai perintah dasar 
dalam penulisan JavaScript, Komentar, Variabel, 
function, cara mendeklarasi dan menampilkan variabel, proses, dan aler

 
 
BAB I 
MENGENAL JAVA SCRIPT 
Oleh:Taryana Suryana M.Kom 
Teknik Informatika Unikom 
 
taryanarx@email.unikom.ac.id 
taryanarx@gmail.com 
Line/Telegram: 081221480577 
 
Join Zoom Meeting  
https://us04web.zoom.us/j/3629329963?pwd=ZUhWcXl6RHp3dTNKZmlxWkUrV2ZCQT09  
 
Meeting ID: 362 932 9963  
Passcode: 8HQiXn 
 
1.1.JavaScript 
Java Script adalah bahasa script yang berdasar pada objek yang memperbolehkan 
pemakai untuk mengendalikan banyak aspek interaksi pemakai pada suatu dokumen 
HTML. Dimana objek tersebut dapat berupa suatu dokumen, URL, windows, frame 
form,  button atau item lain yang semuanya itu mempunyai properti yang saling 
berhubungan dengannya dan masing-masing memiliki nama, lokasi, warna nilai dan 
atribut lain. 
 
1.2.Memula JavaScript 
Untuk dapat memulai dan menjalankan program JavaScript, ada dua perangkat lunak  
yang  diperlukan yaitu browser dan teks editor. Teks  editor adalah sebuah pengolah 
kata yang menghasilkan  file dalam format ASCII murni. Bila Anda adalah pengguna 
Windows, Anda bisa menggunakan Notepad,Wordpad atau menggunakan 
Notepad++. Selain itu browser web yang akan anda gunakan harus mendukung 
 
JavaScript, Anda dapat menggunakan Chrome, Firefox, Internet Explorer, Opera 
ataupun browser lainnya yang mendukung JavaScript. 
JavaScript sebagai bahasa pemrograman yang berjalan di atas browser harus di tulis di 
dalam HTML. Ada empat cara penulisan javascript pada HTML. 
 
1. Tag <script> 
 Cara umum yang dipakai adalah menuliskanya dalam tag <script>. Tag <script> bisa 
dibuat di dalam tag <head>, maupun di dalam tag <body>. 
Contoh penulisan Java Script 
<html> 
<head> 
    <title>Penulisan Javascript</title> 
    <script> 
      document.write("ini kode Javascript"); 
    </script> 
</head> 
<body> 
 
2. File Eksternal 
Jika tidak ingin kode Javascript bercampur dengan HTML,  bisa menuliskannya pada file 
terpisah. Caranya, adalah dengan menyimpannya pada sebuah file yang berekstensi .js, 
misalnya isinya sebagai berikut. 
// file-eksternal.js 
alert("Kode Javascript dari File Eksternal"); 
 
Kemudian, kita perlu menghubungkan file eksternal tersebut dengan file HTML. Caranya, 
gunakan tag <script> dengan atribut src untuk menentukan lokasi file Javascriptnya. 
<html> 
<title>Penulisan dengan external Javascript</title> 
    <script src="file-eksternal.js"> 
    </script> 
</head> 
</html> 
 
 
3. Atribut Event 
Cara atribut event ini sering digunakan untuk memanggil fungsi pada event terentu. Misalnya 
ketika suatu elemen diklik, maka jalankan fungsi Javascript. 
 
<button onclick="alert('Ok Terima kasih!')">Klik donk!</button> 
 
Selain event onclick ada juga event-event  yang lain, seperti  onsubmit, onload, 
ondoubleclick,  onmouseover,  onmouseout, dsb. 
4. URL 
Cara penulisan Javascript pada URL, cara ini jarang digunakan, namun kita juga perlu 
mengetahuinya. Penulisan Javascript pada URL menggunakan protokol Javascript. Misal, 
cobalah untuk menuliskan kode seperti ini pada URL browser. 
javascript:alert("Nah! ini Javascript") 
 
Kemudian bagaimana agar kita dapat menggunakan cara ini di HTML? 
Cara ini bisa kita gunakan pada tag <a>, kemudian mengisi kode javascript pada atribut href. 
Cara ini bisa menggantikan event onclick. 
 
<a href="javascript:alert('Wih! hebat bukan?')">Klik Aku</a> 
Dari ke empat cara penulisan JavaScript tadi diatas, gunakanlah yang menurut anda lebih 
mudah dalam penggunaanya. 
 
1.3.Program JavaScript 
Pada bagian ini, akan diberikan contoh program untuk menampilkan teks  sederhana kelayar 
monitor.  
<script> 
  document.write("SELAMAT DATANG DI JAVASCRIPT <br>"); 
  document.write("Contoh sederhana menampilkan teks<br>"); 
  document.write("Dengan menggunakan JavaScript<br>"); 
</script> 
 
 
 
Gambar 1.1. Hasil dari Kode Program diatas. 
 
Berikut ini adalah contoh bagaimana menuliskan sebuah teks dengan menggunakan tag 
header di tengah jendela browser. Untuk Menampilkan teks header Anda cukup 
menambahkan statement <H1> Header pertama </H1> 
 
<script> 
document.write("<center><h1>"); 
document.write("<h1>UNIVERSITAS KOMPUTER INDONESIA</h1><br>"); 
document.write("<h2>JL.DIPATIUKUR 112 BANDUNG<h2><br>"); 
document.write("</center>"); 
</script> 
 
Gambar 1.2. Teks Header Pada JavaScript 
1.4. Komentar 
Sama seperti bahasa pemrograman yang lainnya, JavaScript juga menyediakan fasilitas 
untuk menuliskan komentar, komentar ini beguna bila nantinya Anda atau orang lain 
membaca suatu program. 
Pemberian komentar dalam JavaScript dapat dilakukan dengan dua cara yaitu dengan 
menuliskan komentar setelah tanda garis miring dua kali, contoh: 
 
// ini cara menuliskan komentar 
atau 
/*  
    ini juga cara menuliskan komentar apabila lebih 
   dari satu baris 
 */ 
 
1.5. Event 
Event dan event handler merupakan hal yang sangat penting dalam pemrograman JavaScript. 
Event adalah sesuatu yang terjadi karena aksi user. Contohnya jika user men-click tombol 
mouse maka akan terjadi event Click. Jika MousePointer bergerak melewati sebuah link 
terjadilah event MouseOver. Tentunya kita ingin program JavaScript kita bereaksi jika terjadi 
suatu event tertentu. Ini bisa dilakukan dengan bantuan event-handlers. Sebagai contoh kita 
memiliki sebuah tombol yang akan mengeluarkan sebuah popup window jika di-tekan. Ini 
berarti bahwa sebuah window popup harus muncul sebagai reaksi dari event Click. Event-
handler yang harus kita gunakan adalah onClick, yang memberitahukan apa yang harus 
dikerjakan oleh komputer jika event ini terjadi. Contoh di bawah ini menunjukkan bagaimana 
mudahnya menggunakan event-handler onClick:  
<form> 
<input type="button" value="Proses" onClick="alert('Anda telah MengClick Tombol Proses')"> 
</form> 
 
 
 
Gambar 1.3. Penggunaan Event 
 
 
Ada beberapa hal baru dalam kode di atas, mari kita lihat satu per satu. Kita telah membuat 
form dan sebuah tombol (ini merupakan bahasa HTML standard) . Bagian yang baru adalah 
onClick="alert('Anda telah MengClick Tombol Proses')" yang berada di dalam tag <input>.  
Inilah yang mendefinisikan apa yang akan terjadi jika tombol ditekan. Jadi jika terjadi event 
Click, komputer akan mengeksekusi alert(''Anda telah MengClick Tombol Proses''), yang 
merupakan kode JavaScript. 
alert() berfungsi untuk menampilkan window popup. Di dalam tanda kurung anda dapat 
menentukan string yang akan muncul pada window yang dimaksud. 
Satu hal yang mungkin membingungkan: pada perintah document.write() kita 
menggunakan double quotes (") dan pada alert() kita menggunakan juga single quotes  ('), 
mengapa? Pada contoh ini kita menuliskan onClick="alert('Ya')",  kita gunakan keduanya 
(double dan single quote) . Jika kita tulis onClick="alert("Ya")" maka komputer akan 
bingung mana yang menjadi bagian event-handler onClick dan mana yang bukan. Urutan 
penggunaannya tidak menjadi masalah. Jadi bisa juga kita tuliskan onClick='alert("Ya")'. 
 
Ada banyak event-handler lain yang bisa kita gunakan. Selengkapnya lihat pada referensi 
JavaScript.  
 
1.6. Function 
Pada dasarnya function merupakan suatu cara yang dapat anda gunakan untuk  menyatukan 
beberapa perintah 
Fungsi Tanpa Parameter 
 Berikut merupakan contoh sebuah fungsi sederhana untuk menampilkan teks. 
 
<script> 
function menampilkan_teks()  
{ 
  document.write("Contoh Fungsi Menggunakan<br>"); 
  document.write("Java Script<br>"); 
} 
menampilkan_teks(); 
</script> 
 
 
 
Gambar 1.4.Penggunaan Fungsi 
 
Fungsi dengan Parameter 
Parameter adalah variabel yang menyimpan nilai untuk diproses di dalam fungsi. 
Function dapat pula dikombinasikan dengan event-handler seperti pada contoh berikut ini:  
<script> 
function penjumlahan(x,y) { 
  var result = x + y; 
  alert(result); 
} 
penjumlahan(10,5); 
</script> 
 
 
Fungsi yang Mengembalikan Nilai 
Agar hasil pengolahan nilai di dalam fungsi dapat digunakan untuk proses berikutnya, maka 
fungsi dapat juga diprogram untuk mengembalikan nilai. 
Pengembalian nilai pada fungsi menggunakan kata kunci return kemudian diikuti dengan nilai 
atau variabel yang akan dikembalikan. Contoh: 
 
<script> 
function kali(a,b){ 
    hasilkali = a * b; 
    return hasilkali; 
} 
 
// memanggil fungsi 
var nilai1 = 20; 
var nilai2 = 5; 
var hasilperkalian = kali(nilai1, nilai2); 
document.write(hasilperkalian);  
</script> 
 
 
 
Gambar 1.5.Fungsi yang mengembalikan nilai 
 
1.7.Variabel dalam JavaScript 
Dalam hampir setiap bahasa pemrograman ada yang namanya variable. Variabel 
berguna untuk menyimpan data. Tanpa bantuan variabel sebuah program tidak bisa 
melakukan apa yang Anda inginkan.  
Dalam Java Script pendeklarasian sebuah variabel sifatnya opsional, artinya Anda 
boleh mendeklarasikan atau tidak, Jika Anda memberi nilai pada suatu variabel,  maka 
dalam JavaScript dianggap bahwa Anda telah mendeklarasikan variabel tersebut. 
Contoh: 
Nama  = ”Fahra Ragita” 
X = 2021 
Y = 12122019 
Untuk mendeklarasikan secara explisit, tulislah variabel tersebut dengan didahului 
kata kunci var. 
Contoh 
var nama; 
var nama=”Fahra Ragita”; 
var X = 2021; 
var Y; 
Untuk mendeklarasikan beberapa variabel dalam satu baris, dapat dilakukan dengan 
menuliskan seperti berikut: 
var A,B,C; 
 
 
1.8.Tipe Data 
Tidak seperti bahasa pemrograman lainnya, JavaScript tidak mempunyai tipe data 
secara explisit. Hal ini dapat dilihat dari beberapa contoh  yang telah disajikan 
sebelumnya. Anda mendeklarasikan variabel tapi tidak menentukan tipenya. 
Meskipun JavaScript tidak mempunyai tipe data explisit, JavaScript mempunyai tipe 
data Implisit. Ada empat macam tipe data implisit yang dimiliki JavaScript yaitu: 
 Numerik, seperti 2351978, 2003948,3.14, 100 dsb 
 String, seperti “Asep”. “Mei”, “Juli”, “Kenapa Mundur”, “JavaScript” dsb 
 Boolean, hanya bernilai true atau false 
 Null, yaitu variabel yang tidak diinisialisasi 
 
1.8.1.Tipe Numerik 
Pada dasarnya JavaScript hanya mengenal dua macam tipe numerik, yaitu bilangan 
bulat  dan bilangan real. 
Untuk bilangan bulat, Anda bisa merepresentasikan dengan basis desimal, oktal, atau 
heksadesimal. 
Contoh: 
 var A = 100; 
 var A = 0x2F; 
Untuk pendeklarasian tipe bilangan real, Anda bisa menggunakan tanda titik atau 
notasi ilmiah (notasi E).  
Contoh: 
 var   a = 123.567 
 var  b  = 1.234567E+3 
 
  
 
1.8.2. Tipe String 
Untuk mendeklarasikan tipe  string dapat dilakukan dengan cara   menuliskan string 
diantara tanda tunggal (‘) atau tanda petik ganda (”); 
Contoh: 
var  A = ‘Ini pendeklarasian String’; 
var C = “Ini juga string “; 
 
1.8.3.Tipe Boolean 
Tipe Boolean hanya mempunyai nilai True atau false. Tipe ini biasanya digunakan 
untuk mengecek suatu kondisi atau keadaan. 
Contoh 
Var   X = (Y>90); 
Pada contoh ini menunjukan bahwa jika Y lebih besar dari 90 maka X akan bernilai 
True. 
 
1.8.4. Tipe Null 
Tipe Null digunakan untuk merepresentasikan variabel yang tidak diberi nilai awal 
(inisialisasi) 
var x; 
 
1.9. Operator 
Operator pada JavaScript dibagi menjadi enam, yaitu 
 Aritmetik 
 Pemberian nilai (Assign) 
 Pemanipulasian bit (bitwise) 
 Pembanding 
 
 Logika 
 String 
 
1.9.1. Operator Aritmetik 
Operator ini digunakan untuk operan bertipe numerik, Ada dua macam operator 
aritmetik, yaitu operator numerik tunggal  dan  operator aritmetik biner. Perbedaan 
kedua operator ini terletak pada jumlah operan yang harus dioperasikan. 
 
Operator Tunggal/Biner Keterangan 
+ 
- 
* 
/ 
% 
- 
++ 
-- 
Biner 
Biner 
Biner 
Biner 
Biner 
Tunggal 
Tunggal 
Tunggal 
Penjumlahan 
Pengurangan 
Perkalian 
Pembagian 
Modulus 
Negasi 
Penambahan dengan Satu 
Pengurangan dengan Satu 
 
  
 
 
1.9.2. Operator Pemberian Nilai 
Digunakan untuk memberi nilai ke suatu operan atau mengubaah nilai suatu operan. 
Operator Keterangan Contoh Equivalen 
= 
+= 
-= 
*= 
/= 
%= 
&= 
|= 
Sama dengan 
Ditambah dengan 
Dikurangi dengan 
Dikalikan dengan 
Dibagi dengan 
Modulus dengan 
Bit AND dengan 
Bit OR dengan 
X=Y 
X+=Y 
X-=Y 
X*=Y 
X/=Y 
X%=Y 
X&=Y 
X|=Y 
 
X=X+Y 
X=X-Y 
X=X*Y 
X=X?Y 
X=X%Y 
X=X&Y 
X=X|Y 
 
 
1.9.3. Operasi Pemanipulasi Bit 
Operasi ini berhubungan dengan pemanipulasian bit pada operan bertipe bilangan 
bulat. 
 
Operator Keterangan 
& 
| 
^ 
~ 
<< 
>> 
>>> 
Bit AND 
Bit OR 
Bit XOR 
Bit NOT 
Geser  ke kiri 
Geser ke kanan 
Geser kekanan dengan diisi nol 
 
<script> 
var  A = 12; // A = 1100b 
var  B = 10; // B = 1010b 
var  C = A &  B 
/*maka akan dihasilkan bilangan seperti berikut:  
      1100b 
 
      1010b AND 1000b 
*/ 
document.write("C:",C,"<br>"); 
var A = 12; 
var C = A << 2;     
var D = A>>1 
document.write("A:",A,"<br>"); 
document.write("B:",B,"<br>"); 
document.write("C:",C,"<br>"); 
document.write("D:",D,"<br>"); 
</script> 
 
maka variabel C akan bernilai 48 (0011 0000b 
variabel D akan bernilai 6 (0110b). 
    
 
Gambar 1.7.Contoh Hasil Operasi Bit 
 
  
 
1.9.4. Operator Pembanding 
Digunakan untuk membandingkan  dua buah operan. Operan  yang dikenai operator 
ini dapat bertipe string, numerik, maupun ekspresi lain. 
Operator Keterangan 
== 
!= 
> 
< 
>= 
<= 
Sama dengan 
Tidak sama dengan 
Lebih besar  
Lebih kecil 
Lebih bersar atau sama dengan 
Lebih kecil atau sama dengan  
 
1.9.5. Operator Logika 
Sesuai namanya operator ini digunakaan untuk mengoperasikan  operan yang bertipe 
boolean, 
 
Operator Keterangan 
&& 
|| 
! 
Operator logika AND 
Operator logika OR 
Operator logika NOT 
 
Contoh: 
var A = true; 
var B = false; 
var  C = A && B; //false 
var  D = A || B; //true 
var  E =  !A; // false 
 
 
 
 
 
 
1.9.6. Operator String 
Selain operator pembanding, operan bertipe string pada JavaScript juga mengenal 
satu operator lagi yang dinamakan penggabungan. Operator ini digunakan untuk 
menggabungkan beberapa string menjadi sebuah string yang lebih panjang. 
Contoh: 
Nama =  “Java” + ” Script”; 
Akan menghasilkan “JavaScript” pada variabel Nama 
Penggunaan Operator String 
<script> 
document.writeln("<h1>Operasi Aritmetika </h1><pre>"); 
var A = "100"; 
var B = "200"; 
var C = 300; 
var D = 400; 
var E = A + B; 
document.writeln('"100" + "200" =  ' + E); E = B + C; 
document.writeln('"200" +  300  =  ' + E); E = C + D; 
document.writeln(' 300  +  400  =  ' + E);  
</script> 
 
Gambar 1.8. Output Program Operasi String 
 
 
Referensi: 
*Aplikasi Internet Menggunakan HTML, CSS & Java Script, Taryana Suryana, 
Elexmedia Komputindo 


Bab 1. Pengenalan Javascript

Bahasa Indonesia
Sejarah, Kedudukan, dan Fungsi Bahasa Indonesi

Not a member yet