Mengenal Instruksi HTML Untuk Membuat Tabel

Niguru.com | Jumat, 31 Des 2021 | Pada website yang terhubung dengan database seringkali dibutuhkan suatu halaman yang dapat menampilkan informasi yang terkandung pada database lewat tabel.

Pada posting kali ini Niguru.com akan menjelaskan mengenai cara untuk membuat tabel lewat instruksi HTML, sebagai bekal untuk pembuatan tabel pada aplikasi yang berhubungan dengan database.

Inilah Cara Untuk Menyisipkan Lagu Atau Suara Pada Halaman Web

Niguru.com | Rabu, 4 Agt 2021 | Dahulu, sebelum menguasai tata cara dan penyusunan struktur pembuatan website seringkali Niguru.com terkagum-kagum saat mengunjungi sebuah website yang menyediakan musik dan “autoplay” (jalan secara otomatis) saat website dibuka /dikunjungi.

Pada posting kali ini Niguru.com akan membagikan trik untuk menjalankan musik pada halaman website dan akan “autoplay” saat website tersebut didatangi pengunjung.

Membuat Tabel Baru Pada MySQL Database

Niguru.com | Sabtu, 13 Feb 2020 | Beberapa waktu yang lalu, Niguru.com pernah memuat posting mengenai cara pembuatan database baru pada salah satu aplikasi yang khusus digunakan untuk database, yaitu MySQL.

Pada posting kali ini Niguru.com akan menjelaskan mengenai cara untuk membuat tabel baru pada database yang sudah dibuat. Sebagai contoh database akan digunakan database bernama Niguru, yang proses pembuatan sudah pernah diposting (http://www.niguru.com/2021/01/membuat-database-baru-pada-mysql.html).

Cara Menyisipkan Gambar Dan Cara Mengganti Gambar Mengikuti Tombol – Part 2 (Javascript)

Niguru.com | Kamis, 28 Jan 2021 | Setelah pada posting sebelumnya Niguru.com menjelaskan mengenai langkah-langkah untuk menyusun script untuk menyisipkan gambar, maka pada posting kali ini Niguru.com akan menjelaskan cara untuk menampilkan gambar pada lokasi yang sama dengan pergantian gambar sesuai dengan tombol yang ditekan.

 Niguru.com akan mulai penjelasan dengan membuat tampilan HTML untuk menampilkan kalimat notifikasi dan tombol, dengan script sebagai berikut:

Cara Menyisipkan Gambar Dan Cara Mengganti Gambar Mengikuti Tombol – Part 1 (HTML)

Niguru.com | Rabu, 27 Jan 2021 | Untuk pemilik website yang ingin mempercantik tampilan website dengan gambar-gambar yang dinamis dan informatif bisa mencoba cara berikut ini sebagai alternatif.

Pada posting kali ini Niguru.com akan menjelaskan mengenai cara menyisipkan gambar pada website, sekaligus cara mengakali gambar dengan Javascript agar dapat berganti gambar mengikuti tombol yang ditekan oleh pengunjung website.

Astable Multivibrator Calculator

Niguru.com | Jumat, 22 Jan 2021 | Salah satu rangkaian yang dapat menghasilkan sinyal kotak (square wave) adalah AMV (Astable Multivibrator) transistor yang rangkaian dasar, dan juga aplikasi kalkulatornya Niguru.com bagikan pada posting kali ini.

Rangkaian sederhana ini dapat menghasilkan sinyal kotak yang baik. Dibuat dengan 2 rangkaian simetris yang terdiri dari transistor yang difungsikan sebagai saklar, dimana basis Q1 dihubungkan ke kolektor Q2 lewat C1, sebaliknya basis Q2 dihubungkan ke kolektor Q1 lewat C2.

Mengenal Python Salah Satu Bahasa Pemrograman Yang Populer

Niguru.com | Sabtu, 9 Jan 2021 | Python adalah salah satu bahasa pemrograman yang beberapa kali menempati peringkat pertama sebagai bahasa pemrograman yang paling populer dengan jutaan pengguna di seluruh dunia. Banyak aplikasi komputer dari institusi besar yang dibuat dengan menggunakan Python.

Bahasa pemrograman Python yang mudah membuat banyak programmer terpikat, dan ditambah lagi Python adalah bahasa pemrograman cross platform, yang berarti bisa dibaca pada komputer dengan berbagai variasi OS.

Programmer harus menginstal compiler Niguru.com sudah pernah menjelaskan cara download dan install Python, pada posting beberapa hari yang lalu. Klik disini untuk membacanya: Install Python.

 

Tanpa tambahan aplikasi Python hanya bisa tampilkan pada console, atau pada OS Windows adalah DOS Command Prompt:

 

File Python disimpan dalam file dengan extension .py:

 

Instruksi /script Python dapat ditulis hanya dengan aplikasi Notepad saja atau bisa menggunakan aplikasi bawaan Python yang bernama: IDLE :

 

Instruksi /script Python dapat ditulis begitu saja tanpa tag atau script pembuka maupun penutup. Berikut ini contoh sederhananya:

print(“Ayo belajar Python”)

a=”Python mudah”

b=” untuk dipelajari”

print(a+b)

 

 

Simpan dengan nama: pertama.py:

 

Untuk mencobanya, buka DOS Command Prompt:

 

Masuk ke drive dan folder dimana file pertama.py tadi berada (misal: Niguru.com menempatkannya pada drive P:)

 

Buka file pertama.py dengan mengetikkan nama file tersebut, lengkap dengan extension:

 

Tekan [Enter]. Hasilnya:

Note:

Setelah Python terinstal, maka aplikasi ini akan terintegrasi pada system OS Windows, sehingga hanya dengan memanggil file dengan extension .py saja, OS akan langsung mengenali file tersebut file Python dan membuka file tersebut dengan prosedur Python.

Itulah sebabnya file Python bisa dieksekusi dengan benar oleh Command Prompt.

Demikianlah perkenalan pada Python, salah satu bahasa pemrograman yang populer.

Semoga penjelasan pada posting ini dapat menambah wawasan dan pengetahuan bagi teman-teman pembaca sekalian.

Selamat beraktivitas .. Have a nice day 🙂

www.Niguru.com (Nino Guevara Ruwano)

Software, Hardware, Electronics, Elektronika, Digital, Microcontroller, Mikrokontroler, Computer, Robotic, Industrial Automation, Visual Basic, Microsoft Access, VBA, Internet, PHP

Membuat Tulisan Berjalan Untuk Ditampilkan Pada Website

Niguru.com | Minggu 20 Des 2020 | Untuk kamu yang rajin dan rutin browsing setiap hari di jagad internet, tentu pernah melihat ada web page (halaman web) yang menampilkan tulisan yang berjalan /bergerak ke kiri atau ke kanan secara terus menerus.

Membuat tulisan tampil bergerak membuat tulisan tersebut lebih “eye catching” (memancing orang untuk melihat /memperhatikan), sehingga informasi yang ingin disampaikan melalui tulisan tersebut lebih sering terbaca oleh pengunjung web.

Tulisan berjalan tersebut disebut dengan MARQUEE atau running marquee. Berikut ini sintaks penulisannya:

[teks yang akan ditampilkan berjalan]

Contoh:

Ini adalah contoh tulisan berjalan

 

Simpan dengan nama marquee01.html (boleh disimpan dengan nama lain):

 

Hasilnya saat ditampilkan pada browser, berupa teks yang berjalan, muncul dari kanan dan kemudian bergerak /berjalan ke kiri:

 

Untuk mengatur ukuran tulisan boleh digabungkan dengan perintah HTML lain, seperti ini misalnya:

Ini adalah contoh tulisan berjalan

 

Hasilnya saat ditampilkan pada browser:

 

Contoh berikutnya:

Ini adalah contoh tulisan berjalan

 

Hasilnya saat ditampilkan pada browser:

Demikianlah penjelasan mengenai penggunaan marquee pada web page.

Selamat mencoba .. Have a nice day 🙂

www.Niguru.com (Nino Guevara Ruwano)

Software, Hardware, Electronics, Elektronika, Digital, Microcontroller, Mikrokontroler, Computer, Robotic, Industrial Automation, Visual Basic, Microsoft Access, VBA, Internet, PHP

Cara Pembuatan Form Penerimaan Ala HTML Yang Rapih Dengan Bantuan Microsoft Frontpage

Niguru.com | Minggu, 15 Nov 2020 | Pada posting sebelumnya Niguru.com sudah menjelaskan cara pembuatan form pengiriman yang rapih dengan memanfaatkan fasilitas table (tabel) pada MS (Microsoft) Frontpage, sebagai pembatas antar baris dan kolom.

Sesungguhnya form yang sudah dibuat tersebut tidak saja hanya dapat digunakan sebagai form pengiriman, tetapi form tersebut dapat pula digunakan sebagai form penerimaan. Sehingga programmer dapat membuat form pengiriman maupun penerimaan sama rapihnya. 

Berikut ini form pengirimnya:

Form Pengiriman Data Warga

Nama	:
Alamat	:
Kota	:
Negara	:
Phone	:

 

Simpan dengan nama input06.html (boleh disimpan dengan nama lain):

 

Dan berikut ini script untuk form penerimaannya:

Form Penerimaan Data Warga

<?php 

$a=$_POST[“in01”];

$b=$_POST[“in02”];

$c=$_POST[“in03”];

$d=$_POST[“in04”];

$e=$_POST[“in05”];

?>

Nama	:	<input value="” type=”text” name=”in01″ size=”30″>
Alamat	:	<input value="” type=”text” name=”in02″ size=”80″>
Kota	:	<input value="” type=”text” name=”in03″ size=”30″>
Negara	:	<input value="” type=”text” name=”in04″ size=”30″>
Phone	:	<input value="” type=”text” name=”in05″ size=”30″>

 

Note:

Untuk menampilkan data pada kolom tinggal menambahkan value=””, sehingga setiap kolom menampilkan data yang sudah diterima oleh server.

Simpan dengan nama terima06.php:

 

Buka browser dan buka file input06.html > klik Kirim Data:

 

Hasilnya data terkirim ke server dan PHP akan menampilkan form terima06.php yang sama rapihnya dengan form pengirim:

Demikianlah penjelasan mengenai cara pembuatan form penerimaan ala HTML dengan bantuan aplikasi MS Frontpage.

Selamat mencoba .. Have a nice day 🙂

www.Niguru.com (Nino Guevara Ruwano)

Software, Hardware, Electronics, Elektronika, Digital, Microcontroller, Mikrokontroler, Computer, Robotic, Industrial Automation, Visual Basic, Microsoft Access, VBA, Internet, PHP

Cara Pembuatan Form Pengiriman Ala HTML Yang Rapih Dengan Bantuan Microsoft Frontpage – Part 4

Niguru.com | Sabtu, 14 Nov 2020 | Pada posting sebelumnya Niguru.com sudah menjelaskan cara melakukan finishing pada form yang sudah dibuat sehingga saat ditampilkan pada browser garis-garis pembatas tabel tidak terlihat, dan setiap kolom dan baris tertata rapi.

Kali ini Niguru.com akan melanjutkan dengan penjelasan mengenai cara penambahan tombol pengiriman. Sebagai contoh Niguru.com akan menggunakan untuk mengirimkan data ke aplikasi PHP.

Berikut ini adalah tampilan form yang sudah dibuat:

 

Dan ini adalah script HTML dari form tersebut, bila ditampilkan dengan Notepad:

 

Dan ini setelah ditambah script untuk mengirim data, yaitu:
 

 TABEL FORM..

 

Perhatikan penggunaannya pada contoh script berikut ini:

Form Data Warga

Nama	:
Alamat	:
Kota	:
Negara	:
Phone	:

 

 

Simpan dengan nama input05.html (boleh disimpan dengan nama lain):

 

Berikut ini contoh script penerimaan dalam format PHP:

Form Data Warga

<?php 

$a=$_POST[“in01”];

$b=$_POST[“in02”];

$c=$_POST[“in03”];

$d=$_POST[“in04”];

$e=$_POST[“in05”];

echo $a.”
“;

echo $b.”
“;

echo $c.”
“;

echo $d.”
“;

echo $e.”
“;

?>

 

Simpan dengan nama terima05.php:

 

Buka browser dan buka input05.html. Hasilnya:

 

Isi kolom-kolom input > klik Kirim Data:

 

Data yang dikirim dari input05.html, akan ditampilkan pada terima05.php:

Demikianlah penjelasan mengenai cara pembuatan form pengiriman ala HTML dengan bantuan aplikasi MS Frontpage.

Selamat mencoba .. Have a nice day 🙂

www.Niguru.com (Nino Guevara Ruwano)

Software, Hardware, Electronics, Elektronika, Digital, Microcontroller, Mikrokontroler, Computer, Robotic, Industrial Automation, Visual Basic, Microsoft Access, VBA, Internet, PHP

Cara Pembuatan Form Pengiriman Ala HTML Yang Rapih Dengan Bantuan Microsoft Frontpage – Part 3

Niguru.com | Jumat, 13 Nov 2020 | Posting kali ini masih melanjutkan pembahasan yang sama dengan posting sebelumnya yaitu mengenai cara pembuatan form HTML dengan bantuan aplikasi MS (Microsoft) Frontpage.

Pada posting sebelumnya Niguru.com sudah menjelaskan cara untuk mengubah kolom-kolom tabel menjadi kolom input, dengan mengedit sebagian kode. Kali ini Niguru.com akan melanjutkan dengan finishing dari form tersebut, agar siap dipakai untuk berbagai aplikasi.

 

Inilah halaman “Code” dari form yang pembuatannya sudah dibahas pada posting sehari sebelum ini:

 

Edit agar “name” dari setiap kolom berbeda. Bila semula semua = in01, maka sekarang ganti menjadi in01, in02, in03, in04 dan in05:

 

Edt size untuk alamat menjadi 80 (boleh ukuran yang berbeda, sesuai kebutuhan), karena ukuran kolom alamat perlu lebih lebar:

 

Klik tab Design untuk melihat hasilnya:

 

Klik kembali tab Code:

 

Edit table border = 0:

 

Klik tab Design untuk melihat hasilnya, dimana garis-garis tabel tidak terlihat (dalam Design masih tampak sebagai titik-titik):

 

Klik menu > File > Save (langkah ini bisa diganti dengan klik tombol [Ctrl + S], untuk menyimpan hasilnya:

 

File name = tabel01.htm (boleh disimpan dengan nama lain) > klik Save:

 

Buka browser dan lihat file tabel01.htm, hasilnya sebuah form dengan posisi teks dan kolom input yang rapi:

Demikianlah penjelasan mengenai cara pembuatan form pengiriman ala HTML dengan bantuan aplikasi MS Frontpage.

Posting ini akan dilanjutkan pada posting berikutnya.

Selamat mencoba .. Have a nice day 🙂

www.Niguru.com (Nino Guevara Ruwano)

Software, Hardware, Electronics, Elektronika, Digital, Microcontroller, Mikrokontroler, Computer, Robotic, Industrial Automation, Visual Basic, Microsoft Access, VBA, Internet, PHP

Cara Pembuatan Form Pengiriman Ala HTML Yang Rapih Dengan Bantuan Microsoft Frontpage – Part 2

Niguru.com | Kamis, 12 Nov 2020 | Posting kali ini masih melanjutkan pembahasan yang sama dengan posting sebelumnya yaitu mengenai cara pembuatan form HTML dengan bantuan aplikasi MS (Microsoft) Frontpage.

Pada posting sebelumnya Niguru.com sudah menjelaskan cara pembuatan tabel. Pada posting kali ini Niguru.com akan melanjutkan dengan cara menyisipkan teks dan kolom-kolom form pada tabel yang sudah terbentuk. 

Ini adalah tabel 5×3 (5 baris, 3 kolom) yang sudah terbentuk:

 

Note:

Cara pembuatannya bisa dilihat pada posting sehari sebelumnya.

Ketikkan Nama, Alamat, Kota, Negara dan Phone pada baris-baris yang berada pada kolom pertama (paling kiri) dari tabel:

 

Perkecil ukuran kolom:

Ketikkan simbol colon (titik tanda bagi), pada kolom kedua:

 

Perkecil kolom kedua:

 

Klik tab Code:

 

Langkah selanjutnya adalah mengganti script &nbsp dengan kolom input:

 

Find what diisi &nbsp, Replace with diisi: , lanjutkan dengan klik Replace All:

 

Klik OK:

 

Klik Close:

 

Hasilnya:

Demikianlah penjelasan mengenai cara pembuatan form pengiriman ala HTML dengan bantuan aplikasi MS Frontpage.

Posting ini akan dilanjutkan pada posting berikutnya.

Selamat mencoba .. Have a nice day 🙂

www.Niguru.com (Nino Guevara Ruwano)

Software, Hardware, Electronics, Elektronika, Digital, Microcontroller, Mikrokontroler, Computer, Robotic, Industrial Automation, Visual Basic, Microsoft Access, VBA, Internet, PHP

Cara Pembuatan Form Pengiriman Ala HTML Yang Rapih Dengan Bantuan Microsoft Frontpage – Part 1

Niguru.com | Rabu, 11 Nov 2020 | Untuk mengirimkan data dalam format tampilan yang rapi hendaknya pembuat aplikasi berbasis web atau pemilik website membuat sebuah form agar user berhadapan dengan sebuah tampilan yang rapi.

Pada posting kali ini Niguru.com akan menjelaskan mengenai cara untuk membuat form sederhana dengan cara yang mudah untuk dicoba, dengan bantuan aplikasi MS (Microsoft) Frontpage.

Buka aplikasi MS Frontpage:

 

Klik icon New > Blank Page. Langkah ini bisa diganti dengan klik tombol [Ctrl + N]:

 

Hasilnya akan tampil halaman baru, klik tab Code:

 

Hapus semua kode /script yang ada:

 

Klik tab design:

Klik icon Insert Table:

 

Ambil kotak-kotak tabel sebanyak 3×3:

 

Hasilnya akan tampil tabel 3×3 (3 baris x 3 kolom):

1. Klik kanan pada sembarang tempat di atas tabel untuk memunculkan menu.
2. Klik Table Properties.

 

Hasilnya:

 

Edit Rows = 5:

 

Klik OK:

 

Hasilnya tabel 5×3:

Demikianlah penjelasan mengenai cara pembuatan form pengiriman ala HTML dengan bantuan aplikasi MS Frontpage.

Posting ini akan dilanjutkan pada posting berikutnya.

Selamat mencoba .. Have a nice day 🙂

www.Niguru.com (Nino Guevara Ruwano)

Software, Hardware, Electronics, Elektronika, Digital, Microcontroller, Mikrokontroler, Computer, Robotic, Industrial Automation, Visual Basic, Microsoft Access, VBA, Internet, PHP

Membuat File CSS Yang Terpisah Dari HTML (External CSS)

Niguru.com | Niguru.com | Kamis, 5 Nov 2020 | Pada posting sehari sebelumnya, Niguru.com sudah menjelaskan mengenai cara untuk mengatur tampilan website dengan CSS (Cascading Style Sheets). Dengan CSS pengaturan tampilan website bisa dilakukan dengan hanya sekali edit pada area style saja.

Pada posting kali ini Niguru.com akan menjelaskan cara untuk membuat file CSS terpisah (berupa file eksternal), namun tetap memiliki fungsi yang sama dengan file yang menyatu dengan halaman HTML.

Sintaks untuk file CSS eksternal:

body_atau_tag{properti;}

kemudian disimpan dalam file berekstensi (extension) .CSS.

Lebih sederhana bukan? Tidak perlu tag   untuk mengapit script CSS.

Dan sintaks integrasi CSS pada HTML adalah:

Perhatikan cara penulisan dan pembuatan file .CSS pada contoh berikut ini:

body{background-color:black;

font-family:tahoma;

color:white;}

h1{color:orange;}

abc{font-size:40px;}

 

Simpan dengan nama niguru.css (boleh disimpan dengan nama lain):

 

Kemudian contoh untuk HTML:

Belajar CSS

Ini halaman web setelah pengaturan CSS

 

Simpan dengan nama test05.html (boleh disimpan dengan nama lain):

 

Buka browser dan jalankan file test05.html. Hasilnya:

Demikianlah penjelasan cara untuk membuat file CSS secara eksternal, serta cara linking file tersebut pada halaman HTML.

Selamat mencoba .. Have a nice day 🙂

www.Niguru.com (Nino Guevara Ruwano)

Software, Hardware, Electronics, Elektronika, Digital, Microcontroller, Mikrokontroler, Computer, Robotic, Industrial Automation, Visual Basic, Microsoft Access, VBA, Internet, PHP

Pengenalan CSS, Script Untuk Mempermudah Programmer Dalam Mempercantik Penampilan Website

Niguru.com | Rabu, 4 Nov 2020 | Bagi user yang sudah pernah merasakan menuliskan dan memposting artikel atau sekedar tulisan ringan pada blog, baik menggunakan Blogspot (Blogger) atau WordPress, tentu merasakan bahwa setiap tulisan yang diposting akan mengikuti tema (theme) yang dipilih.

Cara untuk membuat teks mengikuti tema yang dipilih adalah dengan menggunakan CSS (Cascading Style Sheets) yang diselipkan pada halaman website.

Sintaks CSS mirip seperti cara penulisan fungsi pada Javascript atau PHP.

Sintaks CSS yang sederhana adalah:

body_atau_tag{properti;}

Misalnya:

body{background-color:cadetblue;}

Contoh bila digunakan pada HTML:

body{background-color:cadetblue;}

Belajar CSS

Ini halaman web setelah pengaturan CSS

 

Simpan dengan nama test01.html (boleh disimpan dengan nama lain):

 

Buka file test01.html pada browser. Hasilnya:

 

CSS bisa untuk mengatur beberapa properti, misalnya untuk mengatur background, dan warna font, seperti contoh berikut ini:

body{background-color:cadetblue;

font-family:tahoma;

color:white;}

Belajar CSS

Ini halaman web setelah pengaturan CSS

 

Simpan dengan nama test02.html (boleh disimpan dengan nama lain):

 

Buka file test02.html pada browser. Hasilnya:

 

CSS bisa digunakan untuk mengatur tampilan pada tag tertentu saja, misalnya untuk mengatur hanya tag h1, yang biasanya ditulis dengan pembuka

, dan penutup

, berikut ini contohnya:

body{background-color:cadetblue;

font-family:tahoma;

color:white;}

h1{color:orange;}

Belajar CSS

Ini halaman web setelah pengaturan CSS

 

Simpan dengan nama test03.html (boleh disimpan dengan nama lain):

 

Buka file test03.html pada browser. Hasilnya:

 

User /programmer boleh saja membuat tag ciptaan sendiri dan dibuat pengaturan CSS untuk tag tersebut. Misal tag buatan sendiri, digunakan untuk memperbesar font:

body{background-color:cadetblue;

font-family:tahoma;

color:white;}

h1{color:orange;}

abc{font-size:40px;}

Belajar CSS

Ini halaman web setelah pengaturan CSS

 

Simpan dengan nama test04.html (boleh disimpan dengan nama lain):

 

Buka file test04.html pada browser. Hasilnya:

Demikianlah penjelasan mengenai cara memanfaatkan CSS dalam mempermudah programmer mempercantik website.

Semoga penjelasan pada posting ini dapat menambah wawasan dan pengetahuan bagi teman-teman pembaca sekalian.

Selamat beraktivitas .. Have a nice day 🙂

www.Niguru.com (Nino Guevara Ruwano)

Software, Hardware, Electronics, Elektronika, Digital, Microcontroller, Mikrokontroler, Computer, Robotic, Industrial Automation, Visual Basic, Microsoft Access, VBA, Internet, PHP

Menuliskan Komentar Pada HTML, Javascript, ASP, Atau PHP

Niguru.com | Selasa, 3 Nov 2020 | Pada pemrograman yang panjang seorang programmer perlu menuliskan komentar atau catatan disela-sela script yang dituliskan, agar saat melakukan pemeriksaan terhadap suatu kelompok program tertentu ia bisa mengetahui dengan pasti fungsi dari kelompok program tersebut berdasarkan komentar atau catatan yang dituliskannya.

Kali ini Niguru.com akan menjelaskan cara menuliskan komentar disela-sela script HTML, Javascript, ASP atau juga PHP, tanpa mempengaruhi kinerja program.

Niguru.com akan membahasnya satu-persatu, mulai dari HTML. Sintaks komentar pada HTML adalah:

Contoh:

Mari belajar HTML

Belajar HTML itu mudah

 

Hasilnya, bila ditampilkan pada browser maka komentar tidak ikut tampil dan tidak mempengaruhi eksekusi script yang lainnya:

 

Sintaks komentar pada Javascript adalah:

// komentar 

Contoh:

// tulisan ini tidak tampil

// karena dianggap sebagai komentar

document.write(“Mari belajar Javascript”)

document.write(“
“)

document.write(“Belajar Javascript itu mudah”)

 

Hasilnya, bila ditampilkan pada browser maka komentar tidak ikut tampil dan tidak mempengaruhi eksekusi script yang lainnya:

 

Sintaks komentar pada ASP adalah:

‘ komentar 

Contoh:

<%

‘ tulisan ini tidak tampil

‘ karena dianggap sebagai komentar

response.write(“Mari belajar ASP”)

response.write(“
“)

response.write(“Belajar ASP itu mudah”)

%>

 

 

Hasilnya, bila ditampilkan pada browser maka komentar tidak ikut tampil dan tidak mempengaruhi eksekusi script yang lainnya:

 

 

Sintaks komentar pada PHP adalah:

// komentar satu baris

# komentar satu baris

/* 

komentar beberapa baris

Baris kedua

Baris ketiga

Baris ke n 

*/

Contoh:

<?php

// tulisan ini tidak tampil

# karena dianggap sebagai komentar

echo(“Selamat pagi teman-teman”);

echo(“
“);

echo(“Apa kabar semuanya?”);

echo(“

“);

/*

tulisan ini tidak tampil

karena dianggap sebagai komentar

*/

echo(“Mari belajar PHP”);

echo(“
“);

echo(“Belajar PHP itu mudah”);

?>

 

Hasilnya, bila ditampilkan pada browser maka komentar tidak ikut tampil dan tidak mempengaruhi eksekusi script yang lainnya:

Demikianlah penjelasan mengenai cara menuliskan komentar pada HTML, Javascript, ASP atau PHP.

Semoga penjelasan pada posting ini dapat menambah wawasan dan pengetahuan bagi teman-teman pembaca sekalian.

Selamat beraktivitas .. Have a nice day 🙂

www.Niguru.com (Nino Guevara Ruwano)

Software, Hardware, Electronics, Elektronika, Digital, Microcontroller, Mikrokontroler, Computer, Robotic, Industrial Automation, Visual Basic, Microsoft Access, VBA, Internet, PHP

Menampilkan Variabel PHP Pada HTML

Niguru.com | Senin, 2 Nov 2020 | Programmer atau web designer seringkali perlu menampilkan data yang terdapat pada server, berarti data yang tersimpan pada variabel. Baik data sebelum diolah, maupun data hasil olahan.

Kali ini Niguru.com akan menjelaskan mengenai cara untuk menampilkan variabel pada halaman HTML. Caranya berbeda dengan cara untuk menampilkan variabel pada Javascript atau pada ASP.

Berikut ini script untuk menampilkan isi variabel pada HTML:

Perhatikan pada contoh berikut ini:

<?php

echo “

Mari belajar PHP

“;

echo “PHP mudah dipelajari
“;

$a=13;

$b=4;

$c=$a*$b;

echo (“Hasil “.$a.” x “.$b.” = “. $c);

?>

Menampilkan varibel PHP pada HTML:

variabel a:

variabel b:

variabel c:

Simpan dengan nama welcome02.php (boleh disimpan dengan nama lain:

Buka file welcome02.php pada browser. Hasilnya:

Demikianlah penjelasan mengenai cara menampilkan variabel PHP pada HTML.

Semoga penjelasan pada posting ini dapat menambah wawasan dan pengetahuan bagi teman-teman pembaca sekalian.

Selamat beraktivitas .. Have a nice day 🙂

www.Niguru.com (Nino Guevara Ruwano)

Software, Hardware, Electronics, Elektronika, Digital, Microcontroller, Mikrokontroler, Computer, Robotic, Industrial Automation, Visual Basic, Microsoft Access, VBA, Internet, PHP

Menjalankan VBScript Client Side Pada Internet Explorer

Niguru.com | Minggu, 25 Okt 2020 | Pada beberapa posting sebelumnya, Niguru.com sudah memperkenalkan ASP adalah salah satu bahasa pemrograman server side yang menggunakan VBScript sebagai bahasa utamanya, dimana sesungguhnya VBScript sendiri dapat bekerja secara client side.

Sayangnya VBScript client side ini tidak didukung secara universal oleh browser selain IE (Internet Explorer). Hanya IE yang merupakan produk Microsoft, sebagai pembuat VBScript yang mendukung VBSCript.

Berikut ini ada 3 hal yang harus dipenuhi bila ingin menjalankan VBScript secara client side:

1. Menggunakan browser IE.

2. Diawali dengan tag dan diakhiri dengan .

3. Perintah mencetak ke layar harus menggunakan document.write. Karena perintah response.write adalah perintah server side.

VBScript client side bisa diberi extension .HTML, meskipun ada pula beberapa programmer yang memberi extension .ASP. VBScript client side yang diberi extension ASP tetap diolah di sisi client.

Berikut ini contoh programnya:

dim a,b

a=inputbox(“angka pertama”) 

b=inputbox(“angka kedua”) 

msgbox(“kedua angka sudah diketik”)

document.write(“

Belajar VBScript
“)

document.write(“a = “&a&”
“)

document.write(“b = “&b&”
“)

document.write(“axb = “&a*b)

 

Simpan dengan nama input01.html:

 

Buka file input01.html pada IE. Hasilnya akan tampil pop up window > ketikkan suatu angka disitu > klik OK:

 

Tampil pop up window berikutnya > ketikkan suatu angka disitu > klik OK:

 

Klik OK:

 

Hasilnya:

Demikianlah penjelasan mengenai cara menjalankan VBScript secara client side.

Selamat mencoba .. Have a nice day 🙂

www.Niguru.com (Nino Guevara Ruwano)

Software, Hardware, Electronics, Elektronika, Digital, Microcontroller, Mikrokontroler, Computer, Robotic, Industrial Automation, Visual Basic, Microsoft Access, VBA, Internet, PHP

Mentransfer Tulisan Di Microsoft Word Dengan Beberapa Sisipan Gambar Sebagai Artikel Untuk Diposting Pada Blog – Part 2

Niguru.com | Kamis, 22 Okt 2020 | Pada posting sebelumnya sudah dijelaskan bahwa konten yang sudah dibuat pada MS (Microsoft) Word tidak bisa begitu saja dicopy ke blog atau web untuk diposting. 

Pertama, karena hanya tulisan yang bisa dicopy, sedangkan gambar yang disisipkan diantara tulisan harus diupload dahulu.

Dan kedua, meski MS Word menyediakan fasilitas untuk menyimpan hasil kerja dalam format HTML, namun kode yang tersimpan di dalam file kurang efisien.

Posting kali ini melanjutkan langkah konversi yang sudah dijelaskan pada posting sebelumnya.

Klik kanan pada gambar yang berada pada area kerja MS Word > klik Copy:

 

Buka aplikasi MS Photo Editor untuk menampung clipboard, klik menu > Edit > Paste as New Image:

 

Note:
Untuk pembaca yang belum mempunyai aplikasi MS Photo Editor silakan baca posting dan download filenya pada posting mengenai MS Photo Editor di Niguru.com.

Hasilnya, kemudian save berupa file:

 

 

Mark (tandai) semua file, dan upload ke blog:

 

 

Setelah terupload, klik kanan pada file gambar dan klik Copy image address:

 

Kembali ke MS Frontpage, klik icon Insert Picture From File:

 

Isikan image address ke kolom File name > klik Insert:

 

Hasilnya, gambar tampil pada canvas MS Frontpage. Lakukan hal yang sama untuk semua gambar:

 

Klik bottom tab Code, tekan [Ctrl + A] untuk menandai (mark) semua kode > tekan [Ctrl +C] untuk mengcopy:

 

Pada blog pilih HTML View:

 

 

Tekan [Ctrl + V] untuk mempaste seluruh kode ke canvas HTML dari blog:

 

 

 

Hasilnya:

 

Note:
Cara yang sama bisa digunakan untuk memposting konten MS Word ke website selain blog,

Demikianlah langkah-langkah untuk mentransfer konten dari MS Word ke Blogger untuk diposting.

Selamat mencoba .. Have a nice day 🙂

www.Niguru.com (Nino Guevara Ruwano)

Software, Hardware, Electronics, Elektronika, Digital, Microcontroller, Mikrokontroler, Computer, Robotic, Industrial Automation, Visual Basic, Microsoft Access, VBA, Internet, PHP

Mentransfer Tulisan Di Microsoft Word Dengan Beberapa Sisipan Gambar Sebagai Artikel Untuk Diposting Pada Blog – Part 1

Niguru.com | Rabu, 21 Okt 2020 | Cara mudah untuk menuliskan artikel tentu saja menggunakan aplikasi yang memang sudah disiapkan untuk tulis menulis (word processor application). Dan salah satu aplikasi tulis menulis yang paling populer adalah MS (Microsoft) Word.

 Sayangnya konten yang sudah dibuat pada MS Word tidak bisa begitu saja dicopy ke blog untuk diposting. 

Niguru.com akan menjelaskan trik untuk memposting konten dari MS Word.

Langkah-langkah yang perlu dilakukan mirip seperti langkah-langkah untuk membuat posting dengan bantuan MS Frontpage, yang postingnya dimuat sehari sebelumnya.

Niguru.com menggunakan artikel yang sama sebagai contoh kali ini:

Buka file MS Word yang akan diupload ke Blog:

 

Tekan [Ctrl + A] untuk memilih semua > [Ctrl + C] untuk mengcopy semua:

 

Buka Notepad:

 

Tekan [Ctrl + V] untuk mempaste teks ke Notepad.
Lanjutkan dengan [Ctrl + A] untuk memilih semua > [Ctrl + C] untuk mengcopy semua:

 

Buka MS Frontpage > klik icon Create new:

 

Klik bottom tab Code:

Hasilnya:

 

Hapus semua tulisan /kode HTML yang ada pada halaman tersebut:

 

Klik bottom tab Design:

 

Tekan [Ctrl + V] untuk mempaste teks ke canvas Design dari MS Frontpage:

Demikianlah langkah-langkah untuk mentransfer konten dari MS Word ke Blogger untuk diposting. Penjelasan akan dilanjutkan pada posting berikutnya.

Selamat mencoba .. Have a nice day 🙂

www.Niguru.com (Nino Guevara Ruwano)

Software, Hardware, Electronics, Elektronika, Digital, Microcontroller, Mikrokontroler, Computer, Robotic, Industrial Automation, Visual Basic, Microsoft Access, VBA, Internet, PHP

Perintah Switch Atau CASE Pada PHP

Niguru.com | Minggu, 18 Okt 2020 | Pada posting sebelumnya Niguru.com sudah pernah menjelaskan mengenai perintah IF THEN yang digunakan untuk menangani pencabangan dalam pemrograman.

Untuk melengkapi fasilitas pencabangan, PHP menyediakan fasilitas untuk menangani pencabangan dengan opsi yang banyak (biasanya bila setidaknya terdapat lebih dari 2 opsi). Pencabangan dengan opsi yang banyak dapat ditangani dengan perintah Switch atau CASE.

Berikut ini sintaks untuk Switch:

switch (var) {

  case kondisi_1:

    instruksi_yang_dijalankan_bila=kondisi_1;

    break;

  case kondisi_2:

    instruksi_yang_dijalankan_bila=kondisi_2;

    break;

  case kondisi_n:

    instruksi_yang_dijalankan_bila=kondisi_n;

    break;

    …

  default:

    instruksi_yang_dijalankan_bila_semua_kondisi_tidak_terpenuhi;

}

Untuk lebih jelasnya perhatikan contoh script input .HTML sebagai pengirim data, dan script .PHP sebagai penerima dan pengolah data berikut ini, mulai dengan script input:

Pengurangan, Perkalian, Pembagian

Ketik angka:

Ketik angka:

Ketik 1 untuk Pengurangan

Ketik 2 untuk Perkalian

Ketik 3 untuk Pembagian

 

Simpan dengan nama input05.html:

 

Lanjutkan dengan script PHP untuk penerima dan pengolah data yang dikirimkan tadi:

<?php 

$a=$_POST[“angka1”];

$b=$_POST[“angka2”];

$c=$_POST[“pilih”];

switch ($c) {

case 1:

echo $a.” – “.$b.” = “.($a-$b);

break;

case 2:

echo $a.” x “.$b.” = “.($a*$b);

break;

case 3:

echo $a.” / “.$b.” = “.($a/$b);

break;

default:

echo “Kamu memilih angka yang salah untuk memilih operasi”;

}?>

 

Simpan dengan nama switch.php:

 

Buka file input05.html pada browser > isikan angka pada kedua kolom ketik angka, dan ketik angka 1 .. 3 pada kolom pilihan operasi (misal: 3) > klik Kirim Data:

 

Hasilnya:

 

Bila pilihan operasi pada angka diluar range 1 ..3, misalnya 4 > Kirim Data:

 

Hasilnya:

Demikianlah penjelasan mengenai cara penggunaan perintah Switch  pada PHP.

Semoga penjelasan pada posting ini dapat menambah wawasan dan pengetahuan bagi teman-teman pembaca sekalian.

Selamat beraktivitas .. Have a nice day 🙂

www.Niguru.com (Nino Guevara Ruwano)

Software, Hardware, Electronics, Elektronika, Digital, Microcontroller, Mikrokontroler, Computer, Robotic, Industrial Automation, Visual Basic, Microsoft Access, VBA, Internet, PHP

Inilah Cara Untuk Membuat User Input Pada PHP – Part 2

Niguru.com | Sabtu, 17 Okt 2020 | Pada posting sehari sebelumnya Niguru.com sudah menjelaskan mengenai cara untuk membuat fasilitas user input, agar user dapat mengirimkan data secara langsung lewat browser.

Bila pada posting sebelumnya Niguru.com sudah menjelaskan cara membuat fasilitas user input dengan metode GET, maka pada posting kali ini Niguru.com akan menjelaskan cara membuat user input dengan menggunakan fasilitas POST.

Berikut ini adalah sintaks untuk membuat user input dengan metode POST:

Sintaks di bagian penerimaan yang berupa program PHP yang menerima data dari web page pengirim adalah:

$_POST[“nama_input”]

Berikut ini contoh script halaman input:

 

Simpan dengan nama input03.html:

 

Berikut ini contoh script halaman penerima:

<?php

$a=$_POST[“angka”];

echo “

Kamu mengetikkan:

“.$a;

?>

 

Simpan dengan nama terima03.php:

 

Jalankan input03.html > ketikkan angka atau kata atau kalimat > klik Kirim Data:

 

Hasilnya:

 

Perhatikan pada contoh script halaman input berikut ini:

Pengurangan /Perkalian

Ketik angka:

Ketik angka:

Ketik 1 untuk Pengurangan

Ketik 2 untuk Perkalian

 

 

Simpan dengan nama input04.html:

 

Dan script halaman penerimanya adalah:

<?php 

$a=$_POST[“angka1”];

$b=$_POST[“angka2”];

$c=$_POST[“pilih”];

if ($c==1) {

echo $a.” – “.$b.” = “.($a-$b);

}else{

echo $a.” x “.$b.” = “.($a*$b);

}?>

 

Simpan dengan nama terima04.php:

 

Jalankan input04.html > ketikkan angka pada 2 kolom input angka, ketik 1 atau 2 untuk memilih operasi Pengurangan /Perkalian > klik Kirim Data:

 

Hasilnya:

Demikianlah penjelasan mengenai cara membuat fasilitas user input pada PHP. 

Selamat mencoba .. Have a nice day 🙂

www.Niguru.com (Nino Guevara Ruwano)

Software, Hardware, Electronics, Elektronika, Digital, Microcontroller, Mikrokontroler, Computer, Robotic, Industrial Automation, Visual Basic, Microsoft Access, VBA, Internet, PHP

Inilah Cara Untuk Membuat User Input Pada PHP – Part 1

Niguru.com | Jumat, 16 Okt 2020 | Pada beberapa posting yang sudah pernah dimuat pada website ini sebelumnya, sudah dijelaskan mengenai perbedaan antara aplikasi yang bekerja secara client side VS aplikasi yang bekerja secara server side. Dan PHP adalah salah satu bahasa pemrograman yang bekerja secara server side.

Pada posting kali ini Niguru.com akan menjelaskan mengenai cara untuk mengirimkan data yang diinputkan langsung oleh user lewat browser ke dalam program yang dieksekusi pada server.

Berikut ini cara menginput data dengan metode GET. Sintaks di bagian input yang digunakan untuk mengirim data adalah:

Sintaks di bagian penerimaan yang berupa program PHP yang menerima data dari web page pengirim adalah:

$_GET[“nama_input”]

Berikut ini contoh script halaman input:

 

Simpan dengan nama input01.html atau input01.php. Extension pada halaman input boleh .HTML boleh .php, akan diperlakukan sama oleh browser selama tidak ada tag yang merupakan tag area PHP.

 

Berikut ini contoh script halaman penerima:

<?php

$a=$_GET[“salam”];

echo “

Menampilkan Data Dari Input

“;

echo “

—————————-
“;

echo $a;

?>

 

Simpan dengan nama terima01.php. Nama halaman penerima harus sama dengan nama yang disebutkan pada action yang dituliskan pada halaman input:

 

Buka input01.html (atau input01.php) pada browser:

 

Ketikkan kalimat apa saja (terserah) > klik Kirim Data:

 

Hasilnya:

 

Perhatikan pada contoh script halaman input berikut ini:

Pilih:

1: Untuk SAPI

2: Untuk RUMPUT

——————————–

 

Simpan dengan nama: input02.html:

 

Dan script halaman penerimanya adalah:

<?php

$a=$_GET[“pilih”];

if ($a==1) {

echo “Sapi adalah hewan”;

}else{

echo “Rumput adalah tanaman”;

}

?>

 

Simpan dengan nama: terima02.php:

 

Buka input02.html pada browser > isi pilihan (boleh 1 atau 2) > klik Kirim Data:

 

Hasilnya:

Demikianlah penjelasan mengenai cara membuat fasilitas user input pada PHP. Penjelasan pada posting ini akan dilanjutkan pada posting berikutnya.

Selamat mencoba .. Have a nice day 🙂

www.Niguru.com (Nino Guevara Ruwano)

Software, Hardware, Electronics, Elektronika, Digital, Microcontroller, Mikrokontroler, Computer, Robotic, Industrial Automation, Visual Basic, Microsoft Access, VBA, Internet, PHP

Mengenal PHP Salah Satu Bahasa Pemrograman Berbasis Web Yang Populer

Niguru.com | Jumat, 9 Okt 2020 | PHP adalah salah satu bahasa pemrograman berbasis web yang sangat populer dengan jutaan pengguna di seluruh dunia. Banyak website dari institusi besar yang dibuat dengan menggunakan PHP.

Seperti ASP, PHP adalah bahasa pemrograman SERVER SIDE, yang berarti programmernya harus menginstal server yang mampu mengenal dan mensupport PHP.

Web server yang paling populer sebagai pasangan PHP adalah APACHE. 

Web server apache bisa diinstal tersendiri, bisa juga diinstal dengan aplikasi yang sudah dipaketkan seperti PHP Triad, WAMPServer, dan XAMPP.

Petunjuk install PHP Triad bisa dibaca dengan disini: Install PHP Triad

Petunjuk install XAMPP bisa dibaca disini: Install XAMPP

Petunjuk install WAMPServer bisa dibaca disini: Install WAMPServer

Note:

Niguru.com menggunakan XAMPP sebagai server:

 

Pada satu OS hanya bisa dijalankan satu web server saja. Maka user yang masih memiliki IIS (web server bawaan Windows), harus dibuat non aktif saat web server lain diaktifkan.

Cara membuat non aktif IIS bisa dibaca disini: Membuat IIS non aktif.

PHP dituliskan dalam script yang dimulai dengan tag :

 

File PHP disimpan dalam file dengan extension .PHP:

 

Untuk menuliskan instruksi HTML pada PHP gunakan script: echo, dan setiap satu baris perintah harus diakhir dengan semicolon (;), perhatikan pada contoh berikut:

<?php

echo “

Mari belajar PHP

“;

echo “PHP mudah dipelajari”;

?>

 

Simpan dengan nama welcome.php:

 

Buka welcome.php pada browser. Hasilnya:

 

Tidak ada perintah deklarasi variabel pada PHP. Setiap variabel harus diawali dengan karakter $, dan nama variabel harus diawali dengan huruf. Perhatikan pada contoh berikut:

<?php

echo “

Mari belajar PHP

“;

echo “PHP mudah dipelajari
“;

$a=100;

$b=19;

$c=$a*$b;

echo ($c);

?>

 

Hasilnya:

 

Tambahkan tanda titik (.) bila mencetak /menampilkan lebih dari satu obyek pada echo. Contoh:

<?php

echo “

Mari belajar PHP

“;

echo “PHP mudah dipelajari
“;

$a=100;

$b=19;

$c=$a*$b;

echo (“Hasil 100 x 19 = “. $c);

?>

 

Hasilnya:

Demikianlah perkenalan pada PHP, salah satu bahasa pemrograman berbasis web yang populer.

Semoga penjelasan pada posting ini dapat menambah wawasan dan pengetahuan bagi teman-teman pembaca sekalian.

Selamat beraktivitas .. Have a nice day 🙂

www.Niguru.com (Nino Guevara Ruwano)

Software, Hardware, Electronics, Elektronika, Digital, Microcontroller, Mikrokontroler, Computer, Robotic, Industrial Automation, Visual Basic, Microsoft Access, VBA, Internet, PHP

3 Langkah Mudah Agar Optionbutton Pada HTML Hanya Dapat Memilih Salah Satu Diantara Beberapa Opsi Yang Tersedia

Niguru.com | Kamis, 8 Okt 2020 | Pada posting sehari sebelumnya Niguru.com sudah menjelaskan mengenai penggunaan optionbutton. Namun pada contoh yang dijelaskan kemarin user dapat Niguru.comlebih dari satu optionbutton.

Kali ini Niguru.com akan memberikan trik mengenai cara untuk membuat optionbutton hanya dapat dipilih salah satu saja dari beberapa pilihan optionbutton yang tersedia pada halaman web.

Ada 3 langkah yang harus dilakukan untuk membuat optionbutton hanya terpilih satu saja.

1. Tempatkan optionbutton diantara dan .

2. Namai semua optionbutton dengan nama yang sama.

3. Beri ID yang berbeda untuk setiap optionbutton agar setiap optionbutton unik, dan dapat dikenali perbedaannya oleh program.

Perhatikan pada contoh berikut ini:

Aan

Bima

Citra

Diana

Erna

Fajar

Gilang

 

Simpan dengan nama Optionbutton.html:

 

Jalankan file Optionbutton.html. Hasilnya:

Demikianlah trik untuk membuat sekumpulan optionbutton hanya dapat dipilih salah satu saja.

Selamat mencoba .. Have a nice day 🙂

www.Niguru.com (Nino Guevara Ruwano)

Software, Hardware, Electronics, Elektronika, Digital, Microcontroller, Mikrokontroler, Computer, Robotic, Industrial Automation, Visual Basic, Microsoft Access, VBA, Internet, PHP

Input Optionbutton Pada Javascript

Niguru.com | Rabu, 7 Okt 2020 | Salah satu bentuk fasilitas input yang juga seringkali dipergunakan oleh penyedia layanan berbasis IT adalah input dengan menggunakan optionbutton, yaitu tombol yang tampil seperti titik berukuran besar atau seperti tombol volume pada radio manual (mungkin itu sebabnya tombol ini juga disebut sebagai radiobutton).

Berbeda dengan checkbox yang biasanya digunakan untuk suatu form digital dengan input yang memungkinkan user membatalkan pilihan, pada optionbutton biasanya terdapat suatu tombol untuk reset bila user membatalkan pilihan.

Berikut ini sintaks untuk membuat optionbutton pada HTML:

Dalam kondisi non aktif radiobutton memiliki nilai = false. Bila diaktifkan maka akan menghasilkan nilai = true.

Perhatikan pada contoh berikut ini:

Belajar Input Radiobutton

Klik pohon yang kamu pilih

—————————-

Kelapa

Karet

Beringin

Kaktus

function pilih(obj){

a=obj.Kelapa.checked

b=obj.Karet.checked

c=obj.Beringin.checked

d=obj.Kaktus.checked

e=”&#9658 Pohon”

document.write(“

Belajar Input Radiobutton

“)

document.write(“————————–
“)

document.write(“Kamu memilih:
“)

if (a==true) { document.write(e,” Kelapa
“)}

if (b==true) { document.write(e,” Karet
“)}

if (c==true) { document.write(e,” Beringin
“)}

if (d==true) { document.write(e,” Kaktus
“)}

}

 

Simpan dengan nama radioBtn01.html:

 

Buka file radioBtn01.html pada browser. Hasilnya:

 

Klik pada optionbutton yang dipilih > klik Kirim Data:

 

Hasilnya:

Demikianlah penjelasan mengenai cara menangani input berupa optionbutton pada aplikasi pemrograman Javascript.

Selamat mencoba .. Have a nice day 🙂

www.Niguru.com (Nino Guevara Ruwano)

Software, Hardware, Electronics, Elektronika, Digital, Microcontroller, Mikrokontroler, Computer, Robotic, Industrial Automation, Visual Basic, Microsoft Access, VBA, Internet, PHP

Trik Agar Judul Dari Suatu Daftar Checkbox Hanya Tampil Saat Ada Checkbox Yang Dicontreng Saja

Niguru.com | Senin, 5 Okt 2020 | Pada posting beberapa waktu yang lalu (2 Oktober 2020, Mengenal Checkbox Sebagai Input Pada ASP), Niguru.com pernah menjelaskan cara menggunakan checkbox sebagai input, untuk mengirimkan data dari HTML ke ASP server.

Pada contoh yang sudah diberikan pada bagian output terdapat judul: “Kamu memilih:” yang tetap tampil meski user tidak memilih apapun.

Pada posting kali ini Niguru.com akan memberikan trik sederhana untuk membuat judul tidak tampil bila user tidak mencontreng apapun sebelum mengklik tombol Kirim Data.

Berikut ini adalah contoh skript yang sudah dijelaskan pada posting sebelumnya:

 

Bila ditampilkan pada browser:

 

Berikut ini cara untuk menyembunyikan teks: Kamu memilih, pada saat user belum mencontreng apapun, yaitu dengan menggunakan instruksi Select .. Case.

Perhatikan pada contoh berikut ini:

Belajar Input Checkbox

Contreng pohon yang kamu pilih

—————————-

Kelapa

Karet

Beringin

Kaktus

<%dim a,b,c,d,e

a=request.form(“Kelapa”)

b=request.form(“Karet”)

c=request.form(“Beringin”)

d=request.form(“Kaktus”)

e=”&#9658 Pohon”

select case “on”

case a: response.write(“Kamu memilih:
“)

case b: response.write(“Kamu memilih:
“)

case c: response.write(“Kamu memilih:
“)

case d: response.write(“Kamu memilih:
“)

case else: response.write(“”)

end select

if a=”on” then response.write(e&” Kelapa
“)

if b=”on” then response.write(e&” Karet
“)

if c=”on” then response.write(e&” Beringin
“)

if d=”on” then response.write(e&” Kaktus
“)%>

 

Simpan dengan nama check02.asp:

 

Buka file check02.asp pada browser. Hasilnya:

 

Hanya bila ada input yang dicontreng maka judul tampil bersamaan dengan hasil cetak tampilan pada halaman browser:

Demikianlah penjelasan mengenai trik agar judul dari suatu daftar chekbox hanya tampil pada saat ada checkbox yang dicontreng.

Selamat mencoba .. Have a nice day 🙂

www.Niguru.com (Nino Guevara Ruwano)

Software, Hardware, Electronics, Elektronika, Digital, Microcontroller, Mikrokontroler, Computer, Robotic, Industrial Automation, Visual Basic, Microsoft Access, VBA, Internet, PHP

Input Radiobutton Pada ASP

Niguru.com | Minggu, 4 Okt 2020 | Salah satu bentuk fasilitas input yang juga seringkali dipergunakan oleh penyedia layanan berbasis IT adalah input dengan menggunakan optionbutton, yaitu tombol yang tampil seperti titik berukuran besar atau seperti tombol volume pada radio manual (mungkin itu sebabnya tombol ini juga disebut sebagai radiobutton).

Berbeda dengan checkbox yang biasanya digunakan untuk suatu form digital dengan input yang memungkinkan user membatalkan pilihan, pada optionbutton biasanya terdapat suatu tombol untuk reset bila user membatalkan pilihan.

Berikut ini sintaks untuk membuat optionbutton pada HTML:

Bila diaktifkan maka akan menghasilkan nilai = “on”. Maka cara penggunaannya sama dengan penggunaan checkbox.

Perhatikan pada contoh berikut ini:

Belajar Input Radiobutton

Klik pohon yang kamu pilih

—————————-

Kelapa

Karet

Beringin

Kaktus

<%

dim a,b,c,d,e

a=request.form(“Kelapa”)

b=request.form(“Karet”)

c=request.form(“Beringin”)

d=request.form(“Kaktus”)

e=”&#9658 Pohon”

response.write(“Kamu memilih:
“)

if a=”on” then response.write(e&” Kelapa
“)

if b=”on” then response.write(e&” Karet
“)

if c=”on” then response.write(e&” Beringin
“)

if d=”on” then response.write(e&” Kaktus
“)

%>

 

Simpan dengan nama radioBtn01.asp:

 

Buka file radioBtn01.asp pada browser. Hasilnya:

 

Klik untuk memilih > klik Kirim Data:

 

Hasilnya:

Demikianlah penjelasan mengenai cara menangani input berupa optionbutton pada aplikasi pemrograman VBScript.

Selamat mencoba .. Have a nice day 🙂

www.Niguru.com (Nino Guevara Ruwano)

Software, Hardware, Electronics, Elektronika, Digital, Microcontroller, Mikrokontroler, Computer, Robotic, Industrial Automation, Visual Basic, Microsoft Access, VBA, Internet, PHP

Memanfaatkan Reset Button Untuk Menghapus Nilai Pada Kolom Input Pada Form HTML

Niguru.com | Sabtu, 3 Okt 2020 | Pada posting sehari sebelumnya Niguru.com sudah menjelaskan tentang cara mudah untuk mengirimkan data dari area HTML ke area Javascript dengan metode this.form dan obj.

Kali ini Niguru.com akan menjelaskan cara untuk menambahkan sebuah tombol reset pada area form pada HTML. Pada contoh script yang dijelaskan kemarin, user harus menghapus manual setiap konten pada kolom input yang akan diisi dengan data baru.

Berikut ini script untuk membuat tombol reset:

Berikut ini contoh program yang sudah dijelaskan pada posting kemarin, yang belum dilengkapi tombol reset:

 

Tampilan pada browser, dan dengan contoh dimana kolom sudah diisi oleh user:

 

Berikut ini penulisan program yang sudah dilengkapi dengan fasilitas tombol reset:

Baca nilai/value input HTML

function pilih(obj){

var a=obj.a1.value

var b=obj.a2.value

var c=obj.a3.value

document.write(“

“)

 

document.write(“
ID a1: “,a)

document.write(“
ID a2: “,b)

document.write(“
ID a3: “,c)}

 

Hasilnya bila dilihat pada browser:

 

Sekarang untuk menghapus kolom-kolom yang sudah diisi dengan nilai seperti pada contoh di bawah ini, cukup dengan klik tombol Hapus:

Demikianlah penjelasan mengenai cara memanfaatkan tombol reset pada HTML.

Selamat mencoba .. Have a nice day 🙂

www.Niguru.com (Nino Guevara Ruwano)

Software, Hardware, Electronics, Elektronika, Digital, Microcontroller, Mikrokontroler, Computer, Robotic, Industrial Automation, Visual Basic, Microsoft Access, VBA, Internet, PHP

4 Langkah Mudah Untuk Mewujudkan Proses Kirim Dan Terima Data Antara HTML Dan Javascript

Niguru.com | Jumat, 2 Okt 2020 | Dalam penulisan program dengan menggunakan bahasa pemrograman Javascript terdapat pemisahan area Javascript dengan area HTML. Area Javascript dibatasi dengan tag awal /pembuka: , dan tag akhir /penutup .

 Pada posting kali ini Niguru.com akan menjelaskan mengenai cara mengirimkan dan menerima data diantara HTML dan Javascript. Dengan demikian komunikasi antara HTML dengan Javascript menjadi lebih mudah dibangun.

1. Buat sebagai area pembatas pada HTML.

2. Buat input object di dalam area form dan beri ID

3. Kirim dengan argumen atau parameter: this form.

4. Pada Javascript buat function dengan argumen: obj.

Dengan 4 cara di atas maka setiap input object yang ada di dalam area form pada HTML akan dikenali oleh Javascript.

Berikut ini contohnya:

Baca nilai/value input HTML

function pilih(obj){

var a=obj.a1.value

var b=obj.a2.value

var c=obj.a3.value

document.write(“

“)

 

document.write(“
ID a1: “,a)

document.write(“
ID a2: “,b)

document.write(“
ID a3: “,c)}

 

Simpan dengan nama HTML2JS.html:

 

Hasilnya:

 

Ketikkan sembarang nilai pada kolom input > klik Kirim Data:

 

Hasilnya:

 

Coba lagi input nilai lain (misal: text atau string) > klik Kirim Data:

 

Hasilnya:

Demikianlah penjelasan mengenai cara berkirim terima data antara HTML dan Javascript.

Selamat mencoba .. Have a nice day 🙂

www.Niguru.com (Nino Guevara Ruwano)

Software, Hardware, Electronics, Elektronika, Digital, Microcontroller, Mikrokontroler, Computer, Robotic, Industrial Automation, Visual Basic, Microsoft Access, VBA, Internet, PHP

Mempersiapkan SDCard Untuk ReadyBoost Yang Optimal

Niguru.com | Selasa, 29 Sep 2020 | Tahun lalu Niguru.com pernah membahas mengenai fasilitas ReadyBoost yang diberikan oleh Microsoft (Baca: Cara Untuk Membuat Netbook Dengan Mikroprosesor Sekelas Celeron Dan Kapasitas Memori Terbatas Dapat Melaju Lebih Kencang – Part 2 (ReadyBoost)).

Fasilitas yang jarang dimanfaatkan ini dapat digunakan oleh para user untuk meningkatkan performa komputer dengan memberikan memori tambahan untuk meningkatkan kecepatan pembacaan storage (HDD, USB Flashdisk, CDROM, dan lain sebagainya).

Berikut ini cara untuk mempersiapkan SDCard sebagai ReadyBoost agar dapat bekerja dengan optimal:

Tekan tombol [Ctrl + X] > pilih dan klik Disk Management:

Pilih drive yang akan digunakan sebagai ReadyBoost > klik kanan pada drive > klik Change Drive Letter and Paths:

Pilih drive A, yang biasanya sudah tidak terpakai lagi karena saat ini penggunaan FDD (Floppy Disk Drive) sudah ditinggalkan oleh para user:

File System = NTFS > Pilih Allocation unit size terbesar (64 kilobytes) > contreng Quick Format > klik Start:

Klik OK:

Klik OK:

Klik radio button: Dedicate this device to ReadyBoost > klik OK:

Demikianlah langkah-langkah untuk mempersiapkan dan membuat SDCard sebagai media untuk fasilitas ReadyBoost yang optimal.

Selamat mencoba .. Have a nice day 🙂

www.Niguru.com (Nino Guevara Ruwano)

Software, Harware, Electronics, Elektronika, Digital, Microcontroller, Mikrokontroler, Computer, Robotic, Industrial Automation, Visual Basic, Microsoft Access, VBA, Internet, PHP

Beginilah Cara Untuk Menginstal Prestashop Pada XAMPP

Niguru.com | Senin, 28 Sep 2020 | Kamu yang ingin melakukan penjualan online dan berniat untuk membuat website yang dapat memajang berbagai produk yang kamu jual, dapat menggunakan salah satu aplikasi pembuat website penjualan yang bernama Prestashop.

Aplikasi ini tergolong sebagai CMS (Content Management System), yaitu aplikasi yang sudah dipaketkan secara lengkap untuk membuat website dengan target tertentu, dan Prestashop mempunyai target untuk membuat suatu sistem transaksi online.

Berikut ini langkah-langkah untuk mendapatkan file dan menginstal Prestashop pada XAMPP. Cara menginstal XAMPP sudah pernah dibahas pada posting sebelumnya di web Niguru.com ini.

Mulai dengan mendownload aplikasi Prestashop di: http://botemoda.com/DuC

 

Jalankan file hasil download:

 

Ketikkan lokasi penyimpanan file. Sesuaikan dengan lokasi dimana folder publikasi XAMPP berada, misalnya D:\XAMPP\htdocs\Presta (boleh pada folder yang lain sesuai lokasi XAMPP) > klik Install:

 

Proses install sedang berlangsung:

 

Buka folder dimana Prestashop diinstal:

 

Jalankan XAMPP, dan jalankan Apache:

 

Buka browser dan buka file Install_Prestashop.html, bila install sudah benar maka tampilan pada browser adalah sebagai berikut:

Demikianlah langkah-langkah untuk menginstal Prestashop pada XAMPP.

Selamat mencoba .. Have a nice day 🙂

 

www.Niguru.com (Nino Guevara Ruwano)

Software, Hardware, Electronics, Elektronika, Digital, Microcontroller, Mikrokontroler, Computer, Robotic, Industrial Automation, Visual Basic, Microsoft Access, VBA, Internet, PHP

Beginilah Cara Agar Google Chrome Tidak Terlalu Membebani Kinerja Komputer – Part 2

Niguru.com | Senin, 21 Sep 2020 | Posting kali ini melanjutkan posting sehari sebelumnya yang telah membahas salah satu cara untuk membuat aplikasi Google Chrome tidak terlalu membebani kinerja komputer dengan mematikan fasilitas Chrome yang tetap resident setelah Chrome ditutup.

Pada posting kali ini Niguru.com akan menggunakan aplikasi Cache Manager sebagai media untuk membantu pengaturan alokasi memori yang digunakan Chrome. Penjelasan mengenai Cache Manager bisa dilihat pada posting ini: Cara Untuk Membuat Netbook Dengan Mikroprosesor Sekelas Celeron Dan Kapasitas Memori Terbatas Dapat Melaju Lebih Kencang – Part 3 (Cache Manager, Visual Effects, Advance Processor Scheduling).

Dan selanjutnya setelah Cache Manager sudah diinstal maka berikut ini caranya:
Jalankan aplikasi Google Chrome:

Jalankan Cache Manager > masuk ke Settings:

Klik Cancel:

1. Klik tab Memory Management.
2. Contreng enabled.
3. Pilih dan klik Chrome.exe.

1. Klik Limit memory to.
2. Ketikkan batas memori yang diinginkan, misalnya Niguru.com menggunakan batas 500MB.

Demikianlah cara agar Google Chrome tidak terlalu membebani kinerja komputer.
Selamat mencoba .. Have a nice day 🙂

www.Niguru.com (Nino Guevara Ruwano)

Software, Harware, Electronics, Elektronika, Digital, Microcontroller, Mikrokontroler, Computer, Robotic, Industrial Automation, Visual Basic, Microsoft Access, VBA, Internet, PHP

Cyberlink Power DVD, Mengubah Komputer Menjadi DVD Player High End

Niguru.com | Rabu, 16 Sep 2020 | Biasanya setiap kali seseorang membeli DVDROM, akan mendapatkan bonus berupa aplikasi untuk merekam DVD atau aplikasi untuk memutar DVD.

Aplikasi pemutar DVD yang dibundel dengan DVDROM biasanya adalah Cyberlink Power DVD. Beberapa vendor kadangkala membundel dengan aplikasi lain, namun Power DVD inilah yang paling populer.

Untuk yang tidak memiliki Power DVD bisa download trial software Power DVD di:
https://www.cyberlink.com/downloads/trials/index_en_US.html

Berikut ini review mengenai fasilitas yang tersedia pada Power DVD:
Tampilan pembukaan Power DVD, berbagai tombol yang tersedia mirip seperti DVD Player.

Terdapat opsi untuk membuka media, langsung dari DVD /VCD, atau membuka media yang tersimpan di storage device:

Terdapat opsi untuk melanjutkan tontonan yang terputus, sehingga user tidak perlu mengulang dari awal:

Terdapat opsi pengaturan kecepatan, sama seperti fasilitas pada DVD Player:

Terdapat pilihan untuk menampilan Subtitel (tulisan terjemahan):

Terdapat pilihan untuk menampilkan halaman menu dari DVD:

Terdapat pilihan untuk melakukan Capture /Screenshot:

Hasilnya:

Terdapat fasilitas untuk menampilkan suara menggelegar dan bergema ala bioskop, dengan menggunakan fasilitas Dolby Surround:

Demikianlah sedikit review mengenai aplikasi Cyberlink Power DVD , DVD player yang handal, dengan berbagai fasilitasnya.

Semoga penjelasan di atas dapat menambah wawasan dan pengetahuan bagi para pembaca sekalian.

Selamat beraktivitas .. Have a nice day 🙂

www.Niguru.com (Nino Guevara Ruwano)

Software, Harware, Electronics, Elektronika, Digital, Microcontroller, Mikrokontroler, Computer, Robotic, Industrial Automation, Visual Basic, Microsoft Access, VBA, Internet, PHP

Operasi Date Dan Time Pada Javascript – Part 2 (Jam, Menit, Detik)

Niguru.com | Sabtu, 12 Sep 2020 | Pada posting sebelumnya sudah dijelaskan bahwa dalam pembuatan aplikasi dimana user harus menginput data berupa tanggal atau waktu, biasanya di dalam program tersebut terdapat suatu fungsi perhitungan yang menggunakan tanggal atau waktu. 

Posting kali ini melanjutkan posting sebelumnya yang sudah menjelaskan mengenai operasi yang berkaitan dengan tanggal. Maka kali ini Niguru.com akan melanjutkan dengan penjelasan yang terkait dengan waktu.

Untuk mendapatkan atau menuliskan nilai waktu menggunakan function new Date() yang sudah dijelaskan pada posting sehari sebelumnya.

Sedangkan untuk mendapatkan nilai waktu dari new Date() menggunakan atribut lanjutan sebagai berikut:

new Date().getHours() untuk mengambil jam new Date().getMinutes() untuk mengambil menit

new Date().getSeconds() untuk mengambil detik

Perhatikan pada contoh berikut ini:

Javascript

Penulisan tanggal dan waktu

var a=new Date()

document.write(a,”
“)

var jam=a.getHours()

var menit=a.getMinutes()

var detik=a.getSeconds()

Jam: document.write(jam)

Menit: document.write(menit)

Detik: document.write(detik)

 

Simpan dengan nama dateTime05.html:

 

Buka file dateTime05.html pada browser. Hasilnya:

Demikianlah penjelasan mengenai operasi date dan time pada Javascript. 

Selamat mencoba .. Have a nice day 🙂

www.Niguru.com (Nino Guevara Ruwano)

Software, Hardware, Electronics, Elektronika, Digital, Microcontroller, Mikrokontroler, Computer, Robotic, Industrial Automation, Visual Basic, Microsoft Access, VBA, Internet, PHP

Mengambil Dan Menampilkan Nilai Dari Suatu Variabel Yang Berada Di Web Server

Niguru.com | Sabtu, 5 Sep 2020 | Pada pemrograman berbasis web, dimana user berhadapan dengan browser sebagai interface program, sudah tentu setelah suatu operasi dilakukan di server, user ingin hasil olah ditampilkan pada halaman web yang ditampilkan browser.

Kali ini Niguru.com akan menjelaskan cara menampilkan nilai (=value) dari suatu variabel yang ada pada server pada HTML yang merupakan script untuk menampilkan data pada browser.

Cara termudah untuk menampilkan nilai variabel adalah dengan menggunakan script: 

Contoh:

<%

dim a,b

a=”Belajar ASP”

b=1234567890

%>

Menampilkan variabel

Kolom: <input type=text value= >

 

Simpan dengan nama bacaVar.asp:

 

Buka file bacaVar.asp pada browser. Hasilnya:

Demikianlah penjelasan mengenai cara untuk mengambil dan menampilkan nilai dari suatu variabel yang berada di web server.

Selamat mencoba .. Have a nice day 🙂

www.Niguru.com (Nino Guevara Ruwano)

Software, Hardware, Electronics, Elektronika, Digital, Microcontroller, Mikrokontroler, Computer, Robotic, Industrial Automation, Visual Basic, Microsoft Access, VBA, Internet, PHP

Menjalankan Javascript Secara Server Side

Niguru.com | Kamis, 3 Sep 2020 | Javascript adalah aplikasi pemrograman web yang bekerja secara client side, sehingga source code yang dituliskan dapat terlihat oleh pengunjung web lewat browser yang mereka gunakan.

Namun ada solusi bagi user yang ingin menggunakan Javascript dalam mode server side. Hanya dengan menambahkan script tertentu, maka Javascript dapat berjalan dalam mode server side. Javascript yang dijalankan dalam mode server side, punya source code yang tidak dapat dilihat lewat browser.

Berikut ini sintaks Javascript server side:

 

[script pemrograman disini]

Perhatikan contoh berikut ini:

Belajar Javascript

Membuat variabel dan function di server

—————

var a,b,c,d

 

a = “Anto”

b = “Budi”

c = “Citra”

d = “Selamat belajar “

function gabung(x,y)

{response.write(x+y+”
“)}

<%

call gabung(d,a)

call gabung(d,b)

call gabung(d,c)

%>

—————

 

Simpan dengan nama ServerClient01.asp:

 

Buka file ServerClient01 pada browser. Hasilnya:

 

Source code bila dilihat melalui browser:

 

Note:

Source code tidak dapat menampilkan script yang dibuat secara server side. Hanya script HTML yang tampil pada browser.

Demikianlah penjelasan mengenai cara menjalankan Javascript secara server side.

Selamat mencoba .. Have a nice day 🙂

www.Niguru.com (Nino Guevara Ruwano)

Software, Hardware, Electronics, Elektronika, Digital, Microcontroller, Mikrokontroler, Computer, Robotic, Industrial Automation, Visual Basic, Microsoft Access, VBA, Internet, PHP

Menampilkan Special Character Pada Halaman Web

Niguru.com |Selasa, 1 Sep 2020 | Dalam membuat tulisan pada website, kadangkala penulis web atau programmer web perlu menampilkan special character (karakter khusus) seperti tanda wajik, tanda hati, mister Groovy, dan lain sebagainya. Tidak semua karakter sukses dicopy ke halaman website. Banyak karakter yang berubah pada saat ditampilkan pada browser.

Kali ini Niguru.com akan membagikan trik untuk menampilkan karakter agar dapat tampil secara benar saat halaman web ditampilkan pada browser. 

Ada 2 aplikasi bawaan OS Windows yang kita perlukan disini yaitu Character Map dan Calculator:

 

Sintaks penulisan karakter adalah: 

&#CharNum

CharNum = nomor karakter dalam desimal.

Untuk menjelaskan Niguru.com akan membuka aplikasi Character Map, dan memilih salah satu karakter (misalnya mister Groovy atau =White Smiling Face):

Note:

Nomor karakter yang ditampilkan oleh Character Map adalah nomor dalam format HEXADESIMAL (= Hex).

Buka Calculator > klik menu > Programmer:

 

 

Klik HEX:

 

Ketikkan nilai hex yang ditampilkan oleh Character Map, dan lihat nilai desimal (= DEC) yang ditampilkan (misal: 263A untuk karakter mister Groovy /white smiling face):

 

Berarti untuk menampilkan karakter mister Groovy tersebut yang harus diketikkan pada script adalah: &#9786

Contoh script:

Menampilkan Special Char.

Contoh karakter:

&#9786 &#9786

 

 

Simpan dengan nama specialChar.html:

 

Buka file specialChar.html pada browser:

Demikianlah penjelasan mengenai cara untuk menampilkan karakter khusus pada halaman website.

Selamat mencoba .. Have a nice day 🙂

www.Niguru.com (Nino Guevara Ruwano)

Software, Hardware, Electronics, Elektronika, Digital, Microcontroller, Mikrokontroler, Computer, Robotic, Industrial Automation, Visual Basic, Microsoft Access, VBA, Internet, PHP

Pengulangan Do Loop Pada ASP

Niguru.com | Senin, 31 Agt 2020 | Pada pemrograman seringkali diperlukan suatu pekerjaan yang diulang dari suatu baris script hingga ke baris script tertentu, untuk keperluan tersebut ASP sudah menyediakan fasilitas looping (pengulangan script selama beberapa kali, tergantung pada kondisi yang ditentukan).

Salah satu fungsi looping adalah Do .. Loop, yang akan mengulang suatu script yang berada diantara script DO dan script LOOP, yang akan diulang sebanyak kondisi tertentu.

Berikut ini sintaks penulisan fungsi Do .. Loop:

Do

 [kelompok program]

Loop Until [kondisi]

Perhatikan contoh penggunaan Do Loop berikut, mulai dari halaman pengirim (.HTML):

Belajar Do .. Loop

Uji mengulang teks

——————————

Ketik teks:

Ulang sebanyak:

x

 

Simpan dengan nama inputDoLoop.html:

 

Dilanjutkan dengan membuat file .ASP berisi instruksi Do .. Loop:

<%

dim a,b

a=request.form(“text1”)

b=request.form(“repeat1”)

do 

response.write(a&”
“)

b=b-1

loop until b=0

%>

 

Simpan dengan nama doLoop01.asp:

 

Buka file  inputDoLoop.html pada browser:

 

Ketik teks > isi jumlah pengulangan > klik Kirim Data:

Hasilnya:

Demikianlah penjelasan mengenai pengulangan Do .. Loop.

Selamat mencoba .. Have a nice day 🙂

www.Niguru.com (Nino Guevara Ruwano)

Software, Hardware, Electronics, Elektronika, Digital, Microcontroller, Mikrokontroler, Computer, Robotic, Industrial Automation, Visual Basic, Microsoft Access, VBA, Internet, PHP

Cara Membuat Function Pada ASP

Niguru.com | Minggu, 30 Agt 2020 | ASP menyediakan fasilitas FUNCTION yang gunanya adalah untuk membuat suatu variabel yang nilainya didapatkan dari suatu perhitungan.

Function ini sesungguhnya mirip seperti Procedure, hanya saja function adalah suatu variabel khusus. Biasanya perhitungan untuk menghasilkan suatu nilai pada function adalah gabungan dari operasi logika dan aritmetik yang cukup panjang, sehingga perlu diringkas dengan bantuan fasilitas function.

Berikut ini sintaks penulisan function:

Function nama_function(argumen)

[kelompok program /statement]

End function

Berikut ini contoh halaman inputnya:

 

Berat Ideal

Latihan menghitung dengan bantuan Function

————————–

Ketik gender:

1. Pria

2. Wanita

Ketik tinggi badan:

 

Simpan dengan nama inputBerat01.html:

 

Dan berikut ini adalah script halaman .ASP sebagai penerima informasi:

<%

function beratIdeal(gender,tinggi)

if gender=1 then

 beratIdeal=tinggi-100

else

 beratIdeal=tinggi-110

end if

end function

dim a,b,c

a=request.form(“g1”)

b=request.form(“t1”)

c=beratIdeal(a,b)

response.write(“

Berat idealmu = “&c)

%>

 

Note:

Perhatikan bahwa variabel c diisi dengan function, yang seperti dijelaskan di atas, adalah variabel yang khusus.

 

Simpan dengan nama beratIdeal01.asp:

 

Buka inputBerat01.html pada browser:

 

Hasilnya:

Demikianlah penjelasan mengenai cara membuat function pada bahasa pemrograman ASP.

Selamat mencoba .. Have a nice day 🙂

www.Niguru.com (Nino Guevara Ruwano)

Software, Hardware, Electronics, Elektronika, Digital, Microcontroller, Mikrokontroler, Computer, Robotic, Industrial Automation, Visual Basic, Microsoft Access, VBA, Internet, PHP

Inilah Cara Untuk Membuat Procedure Yang Dilengkapi Argumen Pada Pemrograman ASP

Niguru.com | Sabtu, 29 Agt 2020 | Pada posting 2 hari yang lalu Niguru.com sudah menjelaskan mengenai cara untuk membuat procedure pada bahasa pemrograman ASP. Dimana sudah dicontohkan bahwa dengan bantuan fasilitas procedure maka kelompok program yang penggunaannya perlu diulang beberapa kali, cukup dituliskan sekali saja.

Pada posting kali ini Niguru.com akan menambahkan pengetahuan teman-teman pembaca sekali mengenai pembuatan procedure, dengan membuat procedure yang dilengkapi dengan argumen, sehingga saat procedure dijalankan, maka hasilnya akan tergantung pada argumen yang dicantumkan pada saat procedure tersebut dipanggil.

Berikut ini sintaks penulisan procedure yang dilengkapi argumen:

Sub nama_procedure(argumen)

[kelompok program]

End sub

Sebagai contoh Niguru.com akan mulai dengan membuat file .HTML sebagai pengirim data ke procedure:

Pilih salah satu nama binatang dibawah ini:

1: Untuk Kucing

2: Untuk Sapi

3: Untuk Kuda

4: Untuk Nyamuk

 

Simpan dengan nama inputPro01.html:

 

Dan berikut ini file .ASP yang berisi procedure:

 

Uji procedure dengan argumen

—————

<%

sub pilihBinatang(argumenKu)

select case argumenKu

case 1

response.write(“kamu memilih KUCING”)

case 2

response.write(“kamu memilih SAPI”)

case 3

response.write(“kamu memilih KUDA”)

case 4

response.write(“kamu memilih NYAMUK”)

case else

response.write(“Tentukan pilihan sesuai petunjuk”)

end select

end sub

pilihBinatang(request.form(“pilih”))

%>

 

Simpan dengan nama procedure02.asp:

 

Buka inputPro01.html pada browser > ketik angka pilihan (1 .. 4) > klik Kirim Pilihan:

 

Hasilnya:

Demikianlah penjelasan mengenai cara untuk membuat procedure yang dilengkapi dengan argumen.

Selamat mencoba .. Have a nice day 🙂

www.Niguru.com (Nino Guevara Ruwano)

Software, Hardware, Electronics, Elektronika, Digital, Microcontroller, Mikrokontroler, Computer, Robotic, Industrial Automation, Visual Basic, Microsoft Access, VBA, Internet, PHP

Menggunakan Fungsi SELECT CASE Pada ASP

Niguru.com | Kamis, 27 Agt 2020 | Dalam suatu program besar dan kompleks, programmer seringkali berhadapan dengan dengan situasi dimana terdapat banyak pilihan yang harus ditangani dengan benar.

Bila setiap pilihan perlu satu kelompok program yang sesuai untuk meneruskan operasi secara benar maka fungsi SELECT .. CASE yang disediakan ASP bisa menjadi solusinya. Fungsi Select .. Case mirip seperti If .. Then namun memberikan programmer lebih banyak pilihan. 

Berikut ini sintaks penulisan fungsi Select .. Case:

Select Case [variabel_yang_diuji]

Case [kondisi_1]

[kelompok_program_1]

Case [kondisi_2]

[kelompok_program_2]

Case [kondisi_n]

[kelompok_program_n]

End Select

Berikut ini contoh program yang menggunakan fungsi Select .. Case, dimana pertama kali Niguru.com membuat file HTML yang digunakan untuk input:

Belajar Select Case

Program bahasa ASP

Pilih angka antara 1 .. 3

—————

 

Simpan dengan nama inputCase.html:

 

Dan berikut ini file .ASP untuk menerima data yang dikirimkan dari halaman input:

Belajar Select Case

Program bahasa ASP

—————

<%

dim a,b

a=request.querystring(“pilih”)

b=”kamu memilih angka: “

select case a

case 1

response.write(b&”satu”)

case 2

response.write(b&”dua”)

case 3

response.write(b&”tiga”)

case else

response.write(“input salah”)

end select

%>

—————

 

Simpan dengan nama case02.asp:

 

Buka file inputCase.html pada browser:

 

Ketik angka (misal angka 3) > klik Kirim Data:

Demikianlah penjelasan mengenai penggunaan fungsi Select .. Case pada pemrograman dalam bahasa pemrograman ASP.

Selamat mencoba .. Have a nice day 🙂

www.Niguru.com (Nino Guevara Ruwano)

Software, Hardware, Electronics, Elektronika, Digital, Microcontroller, Mikrokontroler, Computer, Robotic, Industrial Automation, Visual Basic, Microsoft Access, VBA, Internet, PHP

Beginilah Membuat Fasilitas User Input Pada Aplikasi Yang Dituliskan Dengan ASP – Part 2

Niguru.com | Rabu, 26 Agt 2020 | Pada posting sehari sebelumnya Niguru.com sudah menjelaskan mengenai cara untuk membuat fasilitas user input, agar user dapat mengirimkan data secara langsung lewat browser.

Bila pada posting sebelumnya Niguru.com sudah menjelaskan cara membuat fasilitas user input dengan metode GET, maka pada posting kali ini Niguru.com akan menjelaskan cara membuat user input dengan menggunakan fasilitas POST.

Berikut ini adalah sintaks untuk membuat user input dengan metode POST:

Sintaks di bagian penerimaan yang berupa program ASP yang menerima data dari web page pengirim adalah:

request.form(“nama_input”)

Berikut ini contoh script halaman input:

 

Simpan dengan nama input03.html:

 

 

Berikut ini contoh script halaman penerima:

<%

Dim a

a = request.form(“angka”)

response.write(“kamu mengetikkan: ” & a)

%>

 

Simpan dengan nama terima03.asp:

 

Jalankan input03.html > ketikkan angka atau kata atau kalimat > klik Kirim Data:

 

Hasilnya:

 

 

Perhatikan pada contoh script halaman input berikut ini:

Pengurangan /Perkalian

Ketik angka:

Ketik angka:

Ketik 1 untuk Pengurangan

Ketik 2 untuk Perkalian

 

Simpan dengan nama input04.html:

 

Dan script halaman penerimanya adalah:

<%

Dim a,b,c

a = request.form(“angka1”)

b = request.form(“angka2”)

c = request.form(“pilih”)

if c=1 then

response.write(a&” – “&b&” = “&a-b)

else

response.write(a&” x “&b&” = “&a*b)

end if

%>

 

Simpan dengan nama terima04.asp:

 

Jalankan input04.html > ketikkan angka pada 2 kolom input angka, ketik 1 atau 2 untuk memilih operasi Pengurangan /Perkalian > klik Kirim Data:

 

Hasilnya:

Demikianlah penjelasan mengenai cara membuat fasilitas user input pada ASP. 

Selamat mencoba .. Have a nice day 🙂

www.Niguru.com (Nino Guevara Ruwano)

Software, Hardware, Electronics, Elektronika, Digital, Microcontroller, Mikrokontroler, Computer, Robotic, Industrial Automation, Visual Basic, Microsoft Access, VBA, Internet, PHP

Beginilah Membuat Fasilitas User Input Pada Aplikasi Yang Dituliskan Dengan ASP – Part 1

Niguru.com | Selasa, 25 Agt 2020 | Pada posting sebelumnya sudah dijelaskan mengenai perbedaan antara aplikasi yang bekerja secara client side VS aplikasi yang bekerja secara server side. Dan ASP adalah salah satu bahasa pemrograman yang bekerja secara server side.

Pada posting kali ini Niguru.com akan menjelaskan mengenai cara untuk mengirimkan data yang diinputkan langsung oleh user lewat browser ke dalam program yang dieksekusi pada server.

Berikut ini cara menginput data dengan metode GET. Sintaks di bagian input yang digunakan untuk mengirim data adalah:

Sintaks di bagian penerimaan yang berupa program ASP yang menerima data dari web page pengirim adalah:

request.querystring(“nama_input”)

Berikut ini contoh script halaman input:

 

Simpan dengan nama input01.html atau input01.asp. Extension pada halaman input boleh .HTML boleh .ASP, akan diperlakukan sama oleh browser selama tidak ada tag yang merupakan tag area ASP.

 

Berikut ini contoh script halaman penerima:

<%

Dim a

a = request.querystring(“salam”)

response.write(a)

%>

 

Simpan dengan nama terima01.asp. Nama halaman penerima harus sama dengan nama yang disebutkan pada action yang dituliskan pada halaman input.

 

Buka input01.html (atau input01.asp) pada browser:

 

Ketikkan kalimat apa saja (terserah) > klik Kirim Data:

 

Hasilnya:

 

Perhatikan pada contoh script halaman input berikut ini:

Pilih:

1: Untuk SAPI

2: Untuk RUMPUT

——————————–

 

Simpan dengan nama: input02.html:

 

Dan script halaman penerimanya adalah:

<%

Dim a

a = request.querystring(“pilih”)

if a=1 then

response.write(“Sapi adalah hewan”)

else

response.write(“Rumput adalah tanaman”)

end if

%>

 

Simpan dengan nama: terima02.asp:

 

Buka input02.html pada browser > isi pilihan (boleh 1 atau 2) > klik Kirim Data:

 

Hasilnya:

 

Demikianlah penjelasan mengenai cara membuat fasilitas user input pada ASP. Penjelasan pada posting ini akan dilanjutkan pada posting berikutnya.

Selamat mencoba .. Have a nice day 🙂

www.Niguru.com (Nino Guevara Ruwano)

Software, Hardware, Electronics, Elektronika, Digital, Microcontroller, Mikrokontroler, Computer, Robotic, Industrial Automation, Visual Basic, Microsoft Access, VBA, Internet, PHP

Melindungi Kode Pada Aplikasi Web Client Side Seperti Javascript

Niguru.com | Senin, 24 Agt 2020 | Pada posting sehari sebelumnya Niguru.com sudah menjelaskan mengenai perbandingan mengenai aplikasi web yang bekerja secara client side dengan aplikasi web yang bekerja secara server side. Dimana pada aplikasi server side kode tidak tampil saat pengunjung melihat source code lewat browser.

Bagaimana dengan aplikasi web yang Client Side, apakah ada cara melindungi kode didalamnya?

Jawabnya adalah BISA, dan caranya sesungguhnya sudah pernah disinggung pada posting di Niguru.com sebelumnya.

Niguru.com akan mulai penjelasan lewat contoh berikut ini:

<input value="Klik untuk salam belajar"

onclick=”salamPerkenalan(‘mari belajar bersama’)” type=”button”>

function salamPerkenalan(a){

document.write(“

“,a,” di website Niguru.com”)

}

function salamSapa(){

document.write(“

Halo apa kabar?”)

}

 

Simpan dengan nama UjiCoba01.html:

 

Jalankan file UjiCoba01.html >  klik salah satu tombol yang tampil di browser:

 

Hasil bila tombol salam belajar ditekan:

 

Hasil bila tombol menyapa ditekan:

 

Klik kanan pada browser > View Page Source:

 

Hasilnya, seluruh kode program akan tampil pada browser:

 

Sekarang Niguru.com akan memberikan contoh dimana program yang sama dituliskan dalam 2 file terpisah. Berikut ini contoh script untuk file .ASP:

function salamPerkenalan(a){

document.write(“

“,a,” di website Niguru.com”)

}

function salamSapa(){

document.write(“

Halo apa kabar?”)

}

 

Simpan dengan nama ujiCoba.js:

 

Berikut ini script untuk file .HTML:

<input value="Klik untuk salam belajar" 

onclick=”salamPerkenalan(‘mari belajar bersama’)” type=”button”>

 

 

Simpan dengan nama externalJs01.htm

 

Jalankan file externalJS01.html >  klik salah satu tombol yang tampil di browser:

 

Hasil bila tombol salam belajar ditekan:

 

Hasil bila tombol menyapa ditekan:

 

Klik kanan pada browser > View Page Source:

 

Hasilnya, browser hanya menampilkan halaman kosong, berarti kode program .ASP yang disimpan pada file .JS terlindungi:

Demikianlah penjelasan mengenai cara melindungi kode pada Javascript.

Selamat mencoba .. Have a nice day 🙂

www.Niguru.com (Nino Guevara Ruwano)

Software, Hardware, Electronics, Elektronika, Digital, Microcontroller, Mikrokontroler, Computer, Robotic, Industrial Automation, Visual Basic, Microsoft Access, VBA, Internet, PHP

Membandingkan Aplikasi Web Server Side VS Client Side

Niguru.com | Minggu, 23 Agt 2020 | Pada beberapa posting sebelum ini Niguru.com sudah memperkenalkan 2 bahasa pemrograman untuk membuat aplikasi berbasis web, yaitu JAVASCRIPT dan ASP. Perbedaan diantara keduanya adalah Javascript bekerja seperti HTML, yaitu Client Side (pada sisi client atau pada browser), sedangkan ASP bekerja secara Server Side (pada sisi server).

Keuntungan ASP sebagai aplikasi server side, adalah pada keamanan kode yang ditulis untuk membuat aplikasi. 

Niguru.com akan membuat 2 program yang hasilnya sama dengan menggunakan Javascript dan ASP.

Contoh pemrograman dalam Javascript:

Instruksi IF THEN ELSE

Pada Javascript

—————

Isikan nilai 1 atau 2 pada variabel: a

var a

a=2

if (a<2) {

document.write(a,” lebih kecil dari 2″)

} else {

document.write(a,” lebih besar dari 1″)

}

 

Hasilnya bila ditampilkan pada browser:

 

Klik kanan pada sembarang lokasi pada browser > View Page Source:

 

Hasilnya, browser akan menampilkan script atau kode program secara lengkap:

 

Contoh pemrograman dalam ASP:

Instruksi IF THEN ELSE

Pada ASP

—————

Isikan nilai 1 atau 2 pada variabel: a

<%

dim a

a=2

if a<2 then

response.write(a & ” lebih kecil dari 2″)

else

response.write(a & ” lebih besar dari 1″)

end if

%>

 

Hasilnya bila ditampilkan pada browser:

 

Klik kanan pada sembarang lokasi pada browser > View Page Source:

 

Hasilnya, browser akan menampilkan script atau kode program secara lengkap pada area HTML atau area diluar area ASP. Pada area ASP dimana program dijalankan secara server side, maka browser hanya menampilkan hasil eksekusi, tanpa memperlihatkan script atau kode program ASP:

Dari perbandingan keduanya terlihat jelas bahwa pada aplikasi Client Side, source code bisa terlihat, sedangkan pada Server Side, source code tersembunyi, sehingga lebih aman.

Demikianlah penjelasan mengenai perbandingan aplikasi web server side VS aplikasi web client side.

Semoga penjelasan pada posting kali ini dapat menambah wawasan dan pengetahuan bagi teman-teman pembaca sekalian.

Selamat beraktivitas .. Have a nice day 🙂

www.Niguru.com (Nino Guevara Ruwano)

Software, Hardware, Electronics, Elektronika, Digital, Microcontroller, Mikrokontroler, Computer, Robotic, Industrial Automation, Visual Basic, Microsoft Access, VBA, Internet, PHP

Pengenalan ASP Sebagai Salah Satu Bahasa Pemrograman Web – Part 2 (Script)

Niguru.com | Sabtu, 8 Agt 2020 | Pada posting sehari sebelumnya sudah dijelaskan mengenai cara menginstal IIS, yang merupakan web server yang dapat menjalankan file berisi instruksi ASP.

Pada posting kali ini Niguru.com akan melanjutkan pembahasan mengenai ASP ini dengan menjelaskan mengenai cara penulisan script /instruksi ASP. Seperti file web lainnya, script ASP bisa dituliskan dengan bantuan Notepad dan file teks hasilnya disimpan dengan ekstensi (extension) .asp. 

ASP adalah Script ASP diawali dengan <% dan diakhiri dengan %>. Script HTML dapat dituliskan pada file .ASP, dan ditempatkan diluar area .

Perhatikan pada contoh berikut ini:

Belajar ASP

Ini adalah teks di luar area ASP

—————

<%

response.write(“Yang ini teks pada area ASP”)

%>

 

Tekan tombol [Ctrl + S] untuk menyimpan dengan nama uji01.asp (boleh disimpan dengan nama lain), dan berikut ini langkah-langkah penyimpanan setelah penekanan tombol [Ctrl + S] dilakukan:

1. Pilih dan klik drive C:
2. Pilih dan masuk ke folder Inetpub\wwwroot
3. Save as type = All Files.
4. File name = uji01.asp (boleh disimpan dengan nama lain).
5. Klik Save.

 

Hasilnya bila ditampilkan pada browser, dengan menampilkan alamat http://localhost/asp/uji01.asp:

 

Note:

ASP harus ditampilkan dengan alamat “localhost”, karena bila ditampilkan dengan menunjuk alamatnya secara langsung ( file:///C:/Inetpub/wwwroot/ASP/uji01.asp ), maka program ASP tidak akan dijalankan, dan hanya akan ditampilkan dalam bentuk teks (karena dianggap teks HTML biasa):

Hasilnya bila ditampilkan pada browser dengan pemanggian alamat bukan “localhost”:

 

Bahasa pemrograman “default” dari ASP adalah VBScript, dimana instruksinya mirip dengan VB (Visual Basic).

Perhatikan program berikut ini:

Belajar ASP

Membuat variabel

—————

<%

dim teman1,teman2,teman3

 

teman1 = “Anto”

teman2 = “Budi”

teman3 = “Chandra”

response.write(teman1 & “
“)

response.write(teman2 & “
“)

response.write(teman3)

%>

—————

 

Note:

Mirip seperti VB perintah untuk membuat variabel adalah DIM.

Simpan dengan nama uji02.asp (boleh disimpan dengan nama lain):

 

 

Hasilnya bila ditampilkan pada browser:

Demikianlah penjelasan mengenai bahasa pemrograman ASP yang dikhususkan untuk halaman web.

Semoga penjelasan pada posting kali ini dapat menambah wawasan dan pengetahuan bagi para pembaca sekalian.

Selamat beraktivitas .. Have a nice day 🙂

www.Niguru.com (Nino Guevara Ruwano)

Software, Hardware, Electronics, Elektronika, Digital, Microcontroller, Mikrokontroler, Computer, Robotic, Industrial Automation, Visual Basic, Microsoft Access, VBA, Internet, PHP

Pengenalan ASP Sebagai Salah Satu Bahasa Pemrograman Web – Part 1 (IIS)

Niguru.com | Jumat, 7 Agt 2020 | ASP adalah akronim dari Active Server Pages, adalah sebuah script (deretan instruksi pemrograman) yang server side based. Artinya seluruh perintah akan dieksekusi di server.

Dengan demikian perlu server tertentu untuk menjalankan ASP. Beruntunglah ASP adalah bahasa pemrograman yang mendapat support dari Microsoft dan dapat berjalan pada IIS yang merupakan default server dari OS Windows.

Tidak seperti Javascript yang tidak membutuhkan server khusus agar dapat berfungsi, ASP butuh server khusus agar dapat berfungsi.

Programmer harus menginstal IIS, PWS atau Abyss Web Server, dan membuat sebuah virtual folder untuk menempatkan file ASP.

File berisi script ASP harus disimpan dengan ekstensi (extension) .asp.

Posting cara install Abyss dapat dibaca di:

Mendownload Dan Menginstal Abyss, Web Server Alternatif Dari IIS

http://www.niguru.com/2020/06/mendownload-dan-menginstal-abyss-web.html

Sedangkan cara untuk menginstal IIS mulai dengan masuk ke Control Panel:

 

Double click Add or Remove Programs:

 

Double click Add/Remove Windows Components:

1. Contreng IIS.
2. Klik Next.

 

Proses install IIS sedang berlangsung:

 

Klik Finish:

 

IIS menyediakan virtual folder, yang berada di:  C:\Inetpub\wwwroot :

 

 

Untuk menjalankan file yang ada pada virtual folder yang disediakan oleh web server, cukup dengan mengetikkan “localhost” sebagai alamat:

 

 

Untuk keperluan praktek /pengujian buat sebuah folder, klik kanan pada sembarang lokasi di dalam area folder > klik Folder:

 

Buat folder dengan nama ASP:

Demikianlah penjelasan mengenai bahasa pemrograman ASP yang dikhususkan untuk halaman web.

Untuk menampilkan file yang terletak pada folder ASP yang baru dibuat tersebut, maka pada browser harus diketikkan: 

http://localhost/asp/nama_file

Semoga penjelasan pada posting kali ini dapat menambah wawasan dan pengetahuan bagi para pembaca sekalian.

Pembahasan pada posting ini akan dilanjutkan pada posting berikutnya.

Selamat beraktivitas .. Have a nice day 🙂

www.Niguru.com (Nino Guevara Ruwano)

Software, Hardware, Electronics, Elektronika, Digital, Microcontroller, Mikrokontroler, Computer, Robotic, Industrial Automation, Visual Basic, Microsoft Access, VBA, Internet, PHP

Membuat Pengulangan Dengan Instruksi FOR Pada Javascript – Part 3

Niguru.com | Kamis, 6 Agt 2020 | Pada posting sebelumnya sudah dijelaskan mengenai penggunaan fungsi FOR pada Javascript yang bermanfaat untuk menyingkat penulisan program, sekelompok program tersebut dituliskan sekali saja dan dapat digunakan sampai berulang kali.

Bila pada posting sebelumnya Niguru.com menjelaskan cara penggunaan fungsi For untuk menampilkan seluruh variabel array yang sudah dibuat. Maka pada posting kali ini, Niguru.com akan menjelaskan cara menampilkan isi array dengan cara lain.

Berikut ini salah satu contohnya:

Mempelajari fungsi FOR

Menampilkan seluruh isi array

dari akhir hingga awal

var a=[17,4,87,2,0,55,34,76,1,91]

for (b=a.length-1;b>=0;b–){

document.write(a[b],”, “)

}

document.write(“end”)

 

Simpan dengan nama JSFor07.html (boleh disimpan dengan nama lain):

 

Hasilnya bila ditampilkan pada browser:

 

———————–

Berikut ini contoh selanjutnya:

 

Mempelajari fungsi FOR

Menampilkan seluruh isi array

dari awal hingga akhir

var a=[17,4,87,2,0,55,34,76,1,91]

for (b of a){

document.write(b,”, “)

}

document.write(“end”)

 

Simpan dengan nama JSFor08.html (boleh disimpan dengan nama lain):

 

Hasilnya bila ditampilkan pada browser:

 

———————–

Berikut ini contoh selanjutnya:

 

Mempelajari fungsi FOR

Menampilkan seluruh isi array

dari awal hingga akhir

var warga={

nama:”Mr. John Henry Mark Douglas”,

noKTP:”1234567123.001.8394″,

alamat:”Jalan ABC nomor 35″,

kota:”Semarang”

}

for (b in warga) {

document.write(warga[b]+”
“)

}

document.write(“
end”)

 

 

Simpan dengan nama JSFor09.html (boleh disimpan dengan nama lain):

 

Hasilnya bila ditampilkan pada browser:

 

———————–

Berikut ini contoh selanjutnya:

 

Mempelajari fungsi FOR

Menampilkan seluruh isi teks

var webName=”Niguru”

var b

for (b in webName) {

document.write(webName[b]+”
“)

}

 

Simpan dengan nama JSFor10.html (boleh disimpan dengan nama lain):

 

Hasilnya bila ditampilkan pada browser:

Demikianlah penjelasan mengenai cara membuat pengulangan dengan menggunakan instruksi For pada Javascript.

Selamat mencoba .. Have a nice day 🙂

www.Niguru.com (Nino Guevara Ruwano)

Software, Hardware, Electronics, Elektronika, Digital, Microcontroller, Mikrokontroler, Computer, Robotic, Industrial Automation, Visual Basic, Microsoft Access, VBA, Internet, PHP

Membuat Pengulangan Dengan Instruksi FOR Pada Javascript – Part 2

Niguru.com | Rabu, 5 Agt 2020 | Pada posting sebelumnya sudah dijelaskan mengenai penggunaan fungsi FOR pada Javascript yang bermanfaat untuk menyingkat penulisan program, sekelompok program tersebut dituliskan sekali saja dan dapat digunakan sampai berulang kali.

Bila pada posting sebelumnya sudah diberikan contoh-contoh penggunaan fungsi For untuk menghasilkan deretan bilangan tertentu, maka pada posting kali ini Niguru.com akan memberikan contoh penggunaan yang sedikit berbeda.

Masih digunakan untuk menampilkan deretan bilangan, kali ini fungsi For digunakan untuk membuat deretan bilangan mundur antara 11 sampai 3, berikut ini scriptnya:

Mempelajari fungsi FOR

for (a=11;a>3;a–){

document.write(a,”, “)

}

document.write(“end”)

 

Simpan dengan nama JSFor04.html (boleh disimpan dengan nama lain):

 

Hasilnya bila ditampilkan pada browser:

———————–

Berikut ini contoh lainnya:

Mempelajari fungsi FOR

var a=[17,4,87,2,0,55,34,76,1,91]

for (b=0;b<5;b++){

document.write(a[b],”, “)

}

document.write(“end”)

 

Simpan dengan nama JSFor05.html (boleh disimpan dengan nama lain):

 

Hasilnya bila ditampilkan pada browser:

———————–

 

Berikut ini contoh lainnya:

Mempelajari fungsi FOR

Menampilkan seluruh isi array

dari awal hingga akhir

var a=[17,4,87,2,0,55,34,76,1,91]

for (b=0;b<a.length;b++){

document.write(a[b],”, “)

}

document.write(“end”)

 

 

Simpan dengan nama JSFor06.html (boleh disimpan dengan nama lain):

 

Hasilnya bila ditampilkan pada browser:

Demikianlah penjelasan mengenai cara membuat pengulangan dengan menggunakan instruksi For pada Javascript.

Penjelasan mengenai fungsi FOR ini akan dilanjutkan pada posting berikutnya.

Selamat mencoba .. Have a nice day 🙂

www.Niguru.com (Nino Guevara Ruwano)

Software, Hardware, Electronics, Elektronika, Digital, Microcontroller, Mikrokontroler, Computer, Robotic, Industrial Automation, Visual Basic, Microsoft Access, VBA, Internet, PHP

Membuat Pengulangan Dengan Instruksi FOR Pada Javascript – Part 1

Niguru.com | Selasa, 4 Agt 2020 | Dalam pemrograman seringkali ada sekelompok instruksi yang penggunaannya seringkali diulang-ulang sampai beberapa kali. Maka untuk menyingkat penulisan program, sekelompok program tersebut dituliskan sekali saja dan dapat digunakan sampai berulang kali.

Misalnya: suatu perintah penambahan a+b yang harus diulang sebanyak 100x, maka cukup sekali saja dituliskan a+b kemudian tinggal diulang sebanyak 100x.

Salah satu instruksi untuk pengulangan pada Javascript adalah instruksi FOR. 

Sintaks penulisannya:

for (nilai_awal;syarat;jangkauan){

[deretan instruksi]

}

Berikut ini contohnya:

Mempelajari fungsi FOR

for (a=0;a<50;a=a+7){

document.write(a,”, “)

}

document.write(“end”)

 

 

Simpan dengan nama JSFor01.html (boleh disimpan dengan nama lain):

 

Hasilnya saat ditampilkan pada browser:

———————

Berikut ini contoh selanjutnya: 

Mempelajari fungsi FOR

for (a=0;a<9;a=a+1){

document.write(a,”, “)

}

document.write(“end”)

 

 

Simpan dengan nama JSFor02.html (boleh disimpan dengan nama lain):

 

Hasilnya saat ditampilkan pada browser:

———————

Berikut ini contoh selanjutnya:

Mempelajari fungsi FOR

for (a=0;a<9;a++){
document.write(a,”, “)
}

document.write(“end”)

 

 

Simpan dengan nama JSFor03.html (boleh disimpan dengan nama lain):

 

Hasilnya saat ditampilkan pada browser:

Demikianlah penjelasan mengenai cara membuat pengulangan dengan menggunakan instruksi For pada Javascript.

Penjelasan mengenai fungsi FOR ini akan dilanjutkan pada posting berikutnya.

Selamat mencoba .. Have a nice day 🙂

www.Niguru.com (Nino Guevara Ruwano)

Software, Hardware, Electronics, Elektronika, Digital, Microcontroller, Mikrokontroler, Computer, Robotic, Industrial Automation, Visual Basic, Microsoft Access, VBA, Internet, PHP

Operasi Percabangan Dengan Menggunakan Instruksi CASE Pada Javascript

Niguru.com | Senin, 3 Agt 2020 | Pada dua pertemuan sebelumnya Niguru.com sudah menjelaskan mengenai cara penggunaan instruksi IF dan juga IF .. ELSE pada operasi percabangan. Maka pada posting kali ini Niguru.com akan menjelaskan instruksi yang serupa dengan IF, yaitu instruksi CASE.

Instruksi untuk pemilihan opsi yang banyak biasanya akan efektif bila menggunakan instruksi CASE. Instruksi CASE digunakan untuk menggantikan instruksi IF yang digunakan berkali-kali.

Sintaks penulisannya:

switch (variabel_yang_diuji){

case [syarat 1]: [deretan instruksi]

break

case [syarat 2]: [deretan instruksi]

break

case [syarat n]: [deretan instruksi]

break

default: [deretan instruksi]

}

Berikut ini contohnya:

Mempelajari fungsi CASE

var a=prompt(“ketikkan angka 0 sampai 3”)

switch (a) {

case “0”:

 document.write(“Anda mengetikkan angka 0”)

 break

case “1”:

 document.write(“Anda mengetikkan angka 1”)

 break

case “2”:

 document.write(“Anda mengetikkan angka 2”)

 break

case “3”:

 document.write(“Anda mengetikkan angka 3”)

 break

default:

 document.write(“Anda mengetikkan angka yang salah”)

}

 

Simpan dengan nama JSCase01.html:

 

Hasilnya bila ditampilkan pada browser, sesaat setelah loading akan tampil pop up window (prompt) yang meminta kamu untuk mengetikkan angka:

 

Ketik 2 > klik OK:

 

Hasilnya:

 

Ulangi lagi dengan reloading webpage, dengan cara klik F5 (= refresh). Pada prompt ketikkan angka 4 > klik OK:

 

Hasilnya:

Demikianlah penjelasan mengenai cara membuat operasi percabangan dengan menggunakan instruksi Case pada Javascript.

Selamat mencoba .. Have a nice day 🙂

www.Niguru.com (Nino Guevara Ruwano)

Software, Hardware, Electronics, Elektronika, Digital, Microcontroller, Mikrokontroler, Computer, Robotic, Industrial Automation, Visual Basic, Microsoft Access, VBA, Internet, PHP

Operasi Percabangan If .. Else Pada Javascript

Niguru.com | Minggu, 2 Agt 2020 | Pada posting sehari sebelumnya Niguru.com menjelaskan mengenai cara penggunaan instruksi IF untuk melakukan suatu pemilihan. Dan sebagai kelanjutannya pada posting kali ini Niguru.com akan menjelaskan mengenai tambahan instruksi ELSE yang dapat digunakan untuk melengkapi instruksi IF.

Instruksi ELSE digunakan apabila programmer perlu menetapkan suatu kelompok program tertentu bila opsi pertama tidak sesuai.

Sintaks penulisannya:

if (syarat) {

[deretan instruksi] 

} else {

[deretan instruksi]

}

Berikut ini contohnya:

Mempelajari fungsi IF

var a=prompt(“ketikkan angka 0 atau 1”)

if (a==0) {

document.write(“Anda mengetikkan angka 0”)

} else {

document.write(“Anda mengetikkan angka 1”)

}

 

Simpan dengan nama JSIf01.html (boleh disimpan dengan nama lain):

Hasilnya bila ditampilkan pada browser:

 

Ketikkan angka 0 > klik OK:

 

Hasilnya:

 

Ulangi lagi dengan cara klik tombol REFRESH, ketikkan angka 1 > klik OK:

 

Hasilnya:

 

 

Untuk memberitahu user yang mengetikkan nilai selain 0 atau 1, maka programmer bisa menambahkan script ELSE IF.

Sintaks penulisannya adalah sebagai berikut:

if (syarat 1) {

[deretan instruksi] 

} else if (syarat 2) {

[deretan instruksi] 

} else {

[deretan instruksi

untuk yang tidak

memenuhi syarat 1

maupun syarat 2]

}

 

Lihatlah pada contoh berikut ini:

 

Mempelajari fungsi IF

var a=prompt(“ketikkan angka 0 atau 1”)

if (a==0) {

document.write(“Anda mengetikkan angka 0”)

} else if (a==1){

document.write(“Anda mengetikkan angka 1”)

} else {

document.write(“Anda mengetikkan angka yang salah”)

}

 

 

Simpan dengan nama JSIf03.html (boleh disimpan dengan nama lain):

 

Tampilkan kembali pada browser:

Ketikkan angka 6 > klik OK:

 

Hasilnya:

Demikianlah penjelasan mengenai cara membuat operasi percabangan dengan menggunakan instruksi if .. else dan else if pada Javascript.

Selamat mencoba .. Have a nice day 🙂

www.Niguru.com (Nino Guevara Ruwano)

Software, Hardware, Electronics, Elektronika, Digital, Microcontroller, Mikrokontroler, Computer, Robotic, Industrial Automation, Visual Basic, Microsoft Access, VBA, Internet, PHP

Operasi Percabangan Dengan Menggunakan Instruksi IF Pada Javascript

Niguru.com | Sabtu , 1 Agt 2020 | Suatu program yang kompleks  pasti memiliki suatu kondisi dimana suatu opsi harus dipilih, dimana opsi pertama berarti menjalankan kelompok program 1 dan opsi kedua berarti menjalankan kelompok program 2. Operasi pengambilan keputusan ini disebut dengan operasi percabangan.

 Instruksi paling sederhana untuk melakukan pemilihan adalah instruksi IF. Pada posting kali ini Niguru.com akan menjelaskan cara penggunaan instruksi IF.

Berikut ini scriptnya:

 

if (syarat) {

[deretan instruksi] 

}

Contoh:

Mempelajari fungsi IF

var a=prompt(“ketikkan angka 0 atau 1”)

if (a==0) {

document.write(“Anda mengetikkan angka 0”)

}

if (a==1) {

document.write(“Anda mengetikkan angka 1”)

}

 

Simpan dengan nama JSIf01.html (boleh disimpan dengan nama lain):

 

Berikut ini hasilnya bila ditampilkan pada browser:

 

Bila diketikkan angka 0 > Klik OK:

 

Maka hasilnya seperti ini:

 

Bila diketikkan angka 1 > Klik OK:

 

Maka hasilnya seperti ini:

Demikianlah penjelasan mengenai cara melakukan percabangan dengan menggunakan instruksi IF pada Javascript.

Selamat mencoba .. Have a nice day 🙂

www.Niguru.com (Nino Guevara Ruwano)

Software, Hardware, Electronics, Elektronika, Digital, Microcontroller, Mikrokontroler, Computer, Robotic, Industrial Automation, Visual Basic, Microsoft Access, VBA, Internet, PHP

Cara Untuk Membuat Variabel Array Pada Javascript – Part 3

Niguru.com | Jumat, 31 Jul 2020 | Pada 2  posting sebelum ini secara berturut-turut, Niguru.com sudah menjelaskan mengenai cara membuat variabel array pada bahasa pemrograman Javascript.

Pada posting ini, Niguru.com masih akan melanjutkan penjelasan mengenai cara pembuatan variabel array dengan menjelaskan seputar tata cara penggunaan variabel yang sudah dibuat secara array tersebut.

Niguru.com akan mulai saja dengan contoh berikutnya:

Belajar membuat variabel ARRAY

var lokasi={propinsi:”Jawa Timur”,kota:”Surabaya”}

document.write(lokasi.kota+”, “+lokasi.propinsi)

 

Simpan file dengan nama JSArray09.html (boleh disimpan menggunakan nama lain):

 

Hasilnya bila ditampilkan pada browser:

 

Bila variabel yang dibentuk dan pengisian nilainya cukup panjang, maka variabel bisa diisi pada baris berikutnya dengan tetap mempertahankan koma sebagai pembatas antar variabel.

Mari kita lihat pada contoh berikut ini:

Belajar membuat variabel ARRAY

var warga={

nama:”Mr. John Henry Mark Douglas”,

noKTP:”1234567123.001.8394″,

alamat:”Jalan ABC nomor 35″,

kota:”Semarang”

}

document.write(warga.nama,”
“)

document.write(warga.noKTP,”
“)

document.write(warga.alamat+”, “+warga.kota)

 

Simpan file dengan nama JSArray10.html (boleh disimpan menggunakan nama lain):

 

Hasilnya bila ditampilkan pada browser:

 

Pada Javascript, variabel berisi string (teks) akan dianggap suatu array untuk setiap karakter yang berada di dalamnya.

Perhatikan contoh berikut ini:

Belajar membuat variabel ARRAY

var webName=”Niguru”

document.write(webName[0]+”
“)

document.write(webName[4]+”
“)

Note:

variabel berisi teks dianggap array

 

Simpan file dengan nama JSArray11.html (boleh disimpan menggunakan nama lain):

 

Hasilnya bila ditampilkan pada browser:

Demikianlah penjelasan mengenai cara untuk membuat variabel dalam bentuk array pada Javascript.

Selamat mencoba .. Have a nice day 🙂

www.Niguru.com (Nino Guevara Ruwano)

Software, Hardware, Electronics, Elektronika, Digital, Microcontroller, Mikrokontroler, Computer, Robotic, Industrial Automation, Visual Basic, Microsoft Access, VBA, Internet, PHP

Cara Untuk Membuat Variabel Array Pada Javascript – Part 2

Niguru.com | Kamis, 30 Jul 2020 | Pada posting sehari sebelum ini, Niguru.com sudah menjelaskan mengenai cara membuat variabel array pada bahasa pemrograman Javascript.

Pada posting ini, Niguru.com akan melanjutkan penjelasan mengenai cara pembuatan variabel array dengan menjelaskan seputar tata cara penggunaan variabel yang sudah dibuat secara array tersebut.

Nilai setiap variabel tetap bisa diubah, dengan memberikan nilai baru pada variabel tersebut.

Mari kita lihat pada contoh berikut ini:

Belajar membuat variabel ARRAY

var uji=[5,7,10]

uji[3]=(uji[0]+uji[1])*uji[2]

document.write(“(5 + 7) x 10 = “)

document.write(uji[3])

uji[1]=11

uji[3]=(uji[0]+uji[1])*uji[2]

document.write(“
(5 + 11) x 10 = “)

document.write(uji[3])

 

Simpan file dengan nama JSArray04.html (boleh disimpan dengan nama lain):

 

Hasilnya bila ditampilkan pada browser:

 

Variabel array bisa dicampur antara variabel numerik (angka) dengan string (teks).

Perhatikan pada contoh berikut ini:

Belajar membuat variabel ARRAY

var uji=[5,7,10,”mari berhitung”]

document.write(uji[3],”

“)

document.write(“(5 + 7) x 10 = “)

document.write((uji[0]+uji[1])*uji[2])

 

 

Simpan file dengan nama JSArray05.html (boleh disimpan dengan nama lain):

 

Hasilnya bila ditampilkan pada browser:

 

 

Programmer juga dapat menampilkan perhitungan berapa banyak variabel array yang terbentuk, dengan menggunakan index “length”.

Mari kita lihat pada contoh berikut ini:

Belajar membuat variabel ARRAY

var uji=[5,7,10,”mari berhitung”]

document.write(“jumlah variabel array yang terbentuk = “)

document.write(uji.length)

 

Simpan file dengan nama JSArray06.html (boleh disimpan dengan nama lain):

 

Hasilnya bila ditampilkan pada browser:

 

Contoh berikutnya:

Belajar membuat variabel ARRAY

var uji=[8,13,10,2,1,30,11,4,7,27,9,5]

document.write(“jumlah variabel array yang terbentuk = “)

document.write(uji.length)

 

 

Simpan file dengan nama JSArray07.html (boleh disimpan dengan nama lain):

 

Hasilnya bila ditampilkan pada browser:

 

Javascript juga memperbolehkan programmer untuk membuat index sendiri yang bukan terdiri dari urutan angka.

Mari kita lihat pada contoh berikut ini:

Belajar membuat variabel ARRAY

var uji={angkapertama:5,angkakedua:7}

uji[0]=uji.angkapertama + uji.angkakedua

document.write(“5 + 7 = “)

document.write(uji[0])

 

Simpan file dengan nama JSArray08.html (boleh disimpan dengan nama lain):

 

Hasilnya bila ditampilkan pada browser:

Demikianlah penjelasan mengenai cara untuk membuat variabel dalam bentuk array pada Javascript.

Penjelasan mengenai cara pembuatan variabel array akan dilanjutkan pada posting berikutnya.

Selamat mencoba .. Have a nice day 🙂

www.Niguru.com (Nino Guevara Ruwano)

 

Software, Hardware, Electronics, Elektronika, Digital, Microcontroller, Mikrokontroler, Computer, Robotic, Industrial Automation, Visual Basic, Microsoft Access, VBA, Internet, PHP

Cara Untuk Membuat Variabel Array Pada Javascript – Part 1

Niguru.com | Rabu, 29 Jul 2020 | Pada operasi aritmetika maupun logika yang membutuhkan banyak variabel, akan lebih mudah bila user membuat variabel dalam bentuk array. Array adalah variabel yang diberi nomor urut, misal: uji1, uji2, uji3, uji4, dan seterusnya.

Pada posting kali ini Niguru.com akan menjelaskan mengenai cara untuk membuat variabel dalam bentuk array pada bahasa pemrograman Javascript.

Berikut ini scriptnya: var nama_variabel=[]

Contoh:

Belajar membuat variabel ARRAY

var uji=[]

uji[0]=5

uji[1]=7

uji[2]=10

uji[3]=(uji[0]+uji[1])*uji[2]

document.write(“(5 + 7) x 10 = “)

document.write(uji[3])

 

 

Simpan dengan nama JSArray01.html (boleh disimpan dengan nama lain):

 

 

Hasilnya bila ditampilkan pada browser:

Note:

Penomoran array (= index) dimulai dari 0 bukan dimulai dari 1.

 

Contoh berikutnya:

Belajar membuat variabel ARRAY

var uji=[]

uji[0]=”mari “

uji[1]=”belajar Javascript”

uji[2]=uji[0]+uji[1]

document.write(uji[2])

 

Simpan dengan nama JSArray02.html (boleh disimpan dengan nama lain):

 

 

Hasilnya bila ditampilkan pada browser:

 

 

Contoh berikutnya:

Belajar membuat variabel ARRAY

var uji=[5,7,10]

document.write(“(5 + 7) x 10 = “)

document.write((uji[0]+uji[1])*uji[2])

 

 

Simpan dengan nama JSArray03.html (boleh disimpan dengan nama lain):

 

Hasilnya bila ditampilkan pada browser:

 

Demikianlah penjelasan mengenai cara untuk membuat variabel dalam bentuk array pada Javascript.

Penjelasan mengenai cara pembuatan variabel array akan dilanjutkan pada posting berikutnya.

Selamat mencoba .. Have a nice day 🙂

www.Niguru.com (Nino Guevara Ruwano)

Software, Hardware, Electronics, Elektronika, Digital, Microcontroller, Mikrokontroler, Computer, Robotic, Industrial Automation, Visual Basic, Microsoft Access, VBA, Internet, PHP

Inilah Cara Untuk Menampilkan Hasil Operasi Pada Lokasi Tertentu Yang Sudah Ditentukan Pada Halaman Website

Niguru.com | Selasa, 28 Jul 2020 | Dalam pembuatan program untuk website yang interaktif (tampilan pada web tergantung pada feedback dari pengunjung web), seringkali programmer, perlu menampilkan data atau informasi yang harus disisipkan pada lokasi yang sudah ditetapkan.

Pada posting kali ini Niguru.com akan menjelaskan mengenai cara untuk menuliskan script untuk menyisipkan data output atau informasi output pada lokasi yang sudah ditetapkan.

Berikuti ini penjelasan dan contohnya. Niguru.com akan mulai dengan script berikut ini:

Penjumlahan

Hasil 1234 + 567 adalah =

var a=1234

var b=567

var c=a+b

document.getElementById(“id01”).innerHTML=c

 

Note:

Data output ditampilkan pada lokasi yang ditandai dengan nama: id01

Script pada Javascript untuk menampilkan data pada “id01” adalah:

document.getElementById(“id01”).innerHTML

Simpan dengan nama JSID01.html (boleh disimpan dengan nama lain):

 

Hasilnya bila ditampilkan pada browser:

 

Perhatikan juga pada contoh berikut ini:

Diatas tulisan inilah kedua kalimat yang diinput ditampilkan.

var a=prompt(“ketikkan kata /kalimat pertama”)

var b=prompt(“ketikkan kata /kalimat kedua”)

var c=a+” “+b

document.getElementById(“uji1”).innerHTML=c

 

Note:

Tag

sampai

dan

akan menampilkan teks sebelum maupun sesudahnya dalam paragraf /baris baru.

Tag akan menampilkan teks sebelum maupun sesudahnya dalam baris yang sama.

Simpan dengan nama JSID02.html (boleh disimpan dengan nama lain):

 

 

Hasilnya bila ditampilkan pada browser, akan diawali dengan tampilnya input window, yang berasal dari instruksi PROMPT > ketikkan kalimat > klik OK:

 

Saat tampil input window kedua, ketikkan kalimat kedua > klik OK:

 

Hasilnya, teks ditampilkan di atas teks yang sebelumnya sudah ada terlebih dahulu:

Demikianlah penjelasan mengenai cara untuk menampilkan hasil operasi pada lokasi yang sudah ditetapkan pada halaman website.

Selamat mencoba .. Have a nice day 🙂

www.Niguru.com (Nino Guevara Ruwano)

Software, Hardware, Electronics, Elektronika, Digital, Microcontroller, Mikrokontroler, Computer, Robotic, Industrial Automation, Visual Basic, Microsoft Access, VBA, Internet, PHP

Menuliskan Komentar Diantara Script

Niguru.com | Senin, 27 Jul 2020 | Dalam penulisan script dalam pemrograman seringkali seorang programmer membutuhkan komentar /catatan kecil untuk ditempatkan diantara script yang dituliskan, untuk memudahkan programmer mengenali fungsi dari kelompok script tertentu.

HTML dan Javascript juga menyediakan fasilitas pagi programmer untuk mencatatkan komentar pada script. Dan komentar yang dituliskan tidak akan turut dieksekusi oleh browser.

Berikut ini tata cara penulisan komentar pada HTML:

Tata cara penulisan komentar pada Javascript:

//   komentar

Contoh penulisan script tanpa komentar:

Latihan Penulisan Komentar

document.write(8+5,”
“)

document.write(11-2,”
“)

document.write(4*3,”
“)

document.write(30/6,”
“)

   

Dan berikut ini script dengan komentar:

Latihan Penulisan Komentar

<!–

Tulisan ini tidak akan dieksekusi

karena dianggap sebagai komentar

–>

document.write(8+5,”
“)

document.write(11-2,”
“)

//tulisan ini juga dianggap komentar

//latihan perkalian dan pembagian

document.write(4*3,”
“)

document.write(30/6,”
“)

 

Dan berikut ini tampilan pada browser, dimana komentar tidak ikut tampil:

Demikianlah penjelasan mengenai cara untuk menyisipkan komentar diatara script HTML.

Selamat mencoba .. Have a nice day 🙂

www.Niguru.com (Nino Guevara Ruwano)

Software, Hardware, Electronics, Elektronika, Digital, Microcontroller, Mikrokontroler, Computer, Robotic, Industrial Automation, Visual Basic, Microsoft Access, VBA, Internet, PHP

Mengenal Operator Ternary Pada Javascript

Niguru.com | Minggu, 26 Jul 2020 | Salah satu operator yang paling unik pada Javascript, dimana tidak semua bahasa pemrograman memiliki operator semacam ini, karena tidak masuk dalam golongan operator aritmetika, tidak masuk dalam golongan operator logika, tidak masuk dalam golongan operator logika digital. Unik!

Operator ini mirip seperti sebuah fungsi yang dinyatakan sebagai sebuah operator. Operator ini adalah TERNARY. Operator yang mirip seperti fungsi IF .. THEN pada suatu bahasa pemrograman. Simbol ternary adalah ? (tanda tanya).

Tata cara penulisan script ternary:

[Syarat]?[Kondisi True]:[Kondisi False]

Keterangan:

Syarat berupa hasil operasi yang hasilnya dalam BOOLEAN (true /false)

Kondisi True = kondisi bila hasil operasi yang disyaratkan benar (= True)

Kondisi False = kondisi bila hasil operasi yang disyaratkan benar (= False)

Berikut ini contoh penerapannya:

Operator Ternary

var a=3

var b=3

var c=(a==b)?”Sama”:”Beda”

alert(c)

 

Simpan dengan nama TernaryJS01.html (boleh disimpan dengan nama lain):

 

Hasilnya saat ditampilkan pada browser, akan tampil message window yang menampilkan hasil operasi > klik tombol OK:

Hasilnya:

 

 

Contoh lainnya:

Belajar Operator Ternary

var a=prompt(“Isikan nilai antara 1 sampai 5″,””)

var b=(a==3)?”Sama”:”Beda”

alert(b)

 

 

Simpan dengan nama TernaryJS02.html (boleh disimpan dengan nama lain):

 

Hasilnya saat ditampilkan pada browser, akan tampil input window, yang meminta user untuk mengisikan suatu nilai:

 

Coba isikan nilai yang bukan angka 3, misalnya 5 > klik OK:

 

Hasilnya:

 

Isikan nilai 3 (nilai yang = variabel a) > klik OK:

 

Hasilnya:

Demikianlah penjelasan mengenai operator ternary pada Javascript.

Semoga penjelasan pada posting ini dapat menambah wawasan dan pengetahuan para pembaca sekalian.

Selamat beraktivitas .. Have a nice day 🙂

www.Niguru.com (Nino Guevara Ruwano) 

Software, Hardware, Electronics, Elektronika, Digital, Microcontroller, Mikrokontroler, Computer, Robotic, Industrial Automation, Visual Basic, Microsoft Access, VBA, Internet, PHP

Operator Logika Digital Pada Javascript (AND, OR, XOR, Shift Left, Shift Right)

Niguru.com | Sabtu, 25 Jul 2020 | Selain dapat melakukan operasi aritmetika dan logika biasa, yang serupa dengan yang digunakan pada matematika biasa, Javascript juga dilengkapi dengan fasilitas untuk melakukan operasi logika digital.

Pada posting kali ini Niguru.com akan menjelaskan mengenai penggunaan operator logika digital pada Javascript. User yang terbiasa dengan aplikasi hardware digital akan terbantu dengan operator ini.

Inilah operator digital yang dipergunakan pada Javascript:

& berarti logika AND

| berarti logika OR

^ berarti logika XOR

<< berarti menggeser ke kiri

>> berarti menggeser ke kanan

Note:

Cara penulisan script untuk logika shift

Nilai yang digeser >> langkah pergerseran

Nilai yang digeser << langkah pergerseran

Berikut ini contoh penggunaannya:

Operator Logika Digital

Operasi logika digital antara a dan b

a = 7 = 111 (biner)
b = 2 = 10 (biner)

————————

var a = 7; var b = 2

document.write(“111 AND 10 = “,a&b)

document.write(“
111 OR 10 = “,a|b)

document.write(“
111 XOR 10 = “,a^b)

document.write(“
geser kiri 111 = “,a<<1)

document.write(“
geser kiri 2x 111 = “,a<<2)

document.write(“
geser kanan 111 = “,a>>1)

document.write(“
geser kanan 2x 111 = “,a>>2)

document.write(“
geser kanan 3x 111 = “,a>>3)

 

Simpan dengan nama JSDigital01.html (boleh disimpan dengan nama lain):

 

Hasilnya pada saat ditampilkan pada browser:

Demikianlah penjelasan mengenai operator logika digital pada Javascript.

Semoga penjelasan pada posting ini dapat menambah wawasan dan pengetahuan para pembaca sekalian.

Selamat beraktivitas .. Have a nice day 🙂

www.Niguru.com (Nino Guevara Ruwano)

Software, Hardware, Electronics, Elektronika, Digital, Microcontroller, Mikrokontroler, Computer, Robotic, Industrial Automation, Visual Basic, Microsoft Access, VBA, Internet, PHP

Mengenal Operator Pembanding Pada Javascript

Niguru.com | Jumat, 24 Jul 2020 | Salah satu operasi logika yang seringkali diperlukan untuk melakukan pengambilan keputusan adalah operasi pembanding, dimana seringkali suatu keputusan diambil berdasarkan perbandingan nilai dari suatu hasil operasi.

Pada posting kali ini Niguru.com akan menjelaskan mengenai operator-operator pembanding yang digunakan pada Javascript.

Ada 4 operator pembanding yaitu:

> berarti lebih besar

< berarti lebih kecil

>= berarti lebih besar atau sama dengan

<= berarti lebih kecil atau sama dengan

Contoh penggunaannya:

Operator Pembanding

Membandingkan nilai a dan b

Hasilnya berupa boolean (true/false)

————————

var a = 1

var b = 2

document.write(“Apakah a lebih besar dari b? “,a>b)

document.write(“
Apakah a lebih kecil dari b? “,a<b)

document.write(“
Apakah a lebih besar atau sama dengan b? “,a>=b)

document.write(“
Apakah a lebih kecil atau sama dengan b? “,a<=b)

 

Simpan dengan nama JSBanding01.html (boleh disimpan dengan menggunakan nama lain):

 

Hasilnya bila ditampilkan pada browser:

Demikianlah penjelasan mengenai operator pembanding pada Javascript.

Semoga penjelasan pada posting ini dapat menambah wawasan dan pengetahuan para pembaca sekalian.

Selamat beraktivitas .. Have a nice day 🙂

www.Niguru.com (Nino Guevara Ruwano)

Software, Hardware, Electronics, Elektronika, Digital, Microcontroller, Mikrokontroler, Computer, Robotic, Industrial Automation, Visual Basic, Microsoft Access, VBA, Internet, PHP

Mengenal Operator Persamaan Pada Javascript

Niguru.com | Sabtu, 18 Jul 2020 | Dalam perhitungan operator persamaan selalu menjadi operator yang disertakan, karena diperlukan untuk menyatakan suatu nilai dinyatakan benar /salah (true /false), sesuai /tidak-sesuai.

Pada posting kali ini Niguru.com akan memperkenalkan beberapa operator persamaan yang digunakan pada bahasa pemrograman JS (Javascript). Karena meski terlihat sederhana banyak user yang keliru dalam mengenali operator persamaan ini.

Berikut ini operator-operator persamaan yang perlu diketahui simbol dan fungsinya:

== berarti sama dengan

! tidak /bukan

!= tidak sama dengan

Hasil operasi dari operator ini senantiasa berupa tipe data: BOOLEAN (true /false).

Belajar Operator Persamaan

var a=6

var b=1

var c=true

document.write(“value a = “,a)

document.write(“
value b = “,b)

document.write(“
value c = “,c)

document.write(“
————-
“)

document.write(“Is a equal to b? : “,a==b)

document.write(“
“)

document.write(“Is a not equal to b? : “,a!=b)

document.write(“
“)

document.write(“Boolean value of NOT c = “,!c)

 

Simpan dengan nama EqualJS01.html (boleh disimpan dengan nama lain) > klik Save:

 

Hasilnya bila dilihat pada browser:

 

 

Karena merupakan nilai maka bisa diisikan kepada variabel. Berikut ini contohnya:

Belajar Operator Persamaan

var a=7

var b=3

var c=false

document.write(“value a = “,a)

document.write(“
value b = “,b)

document.write(“
value c = “,c)

document.write(“
————-
“)

var d=a==b

document.write(“Is a equal to b? : “,d)

document.write(“
“)

var e=a!=b

document.write(“Is a not equal to b? : “,e)

document.write(“
“)

var f=!c

document.write(“Boolean value of NOT c = “,f)

 

 

Simpan dengan nama EqualJS02.html (boleh disimpan dengan nama lain) > klik Save:

 

Hasilnya bila dilihat pada browser:

 

Dalam pemrograman = dengan == adalah dua operator yang BERBEDA! 

Ini penjelasannya:

= berarti diisi dengan nilai yang disebutkan

== berarti sama dengan

Contoh:

Belajar Operator Persamaan

var a=5

var b=8

document.write(“value a = “,a)

document.write(“
value b = “,b)

document.write(“
————-
“)

document.write(“Is a equal to b? : “,a==b)

document.write(“
“)

document.write(“Fill a with value of b : “,a=b)

document.write(“
“)

 

Simpan dengan nama EqualJS03.html (boleh disimpan dengan nama lain) > klik Save:

 

Hasilnya bila dilihat pada browser:

Demikianlah penjelasan mengenai beberapa operator persamaan pada JS (Javascript).

Semoga penjelasan pada posting ini dapat menambah wawasan dan pengetahuan bagi para pembaca sekalian.

Selamat beraktivitas .. Have a nice day 🙂

www.Niguru.com (Nino Guevara Ruwano)

Software, Hardware, Electronics, Elektronika, Digital, Microcontroller, Mikrokontroler, Computer, Robotic, Industrial Automation, Visual Basic, Microsoft Access, VBA, Internet, PHP

Operasi Aritmetik Dengan Data Input Yang Bisa Diisi Oleh User Pada Halaman HTML

Niguru.com | Jumat, 3 Jul 2020 | Pada posting sebelumnya Niguru.com sudah menjelaskan mengenai cara pembuatan operasi penjumlahan sederhana pada Javascript. Maka pada posting kali ini Niguru.com akan memberikan contoh penjumlahan pada aplikasi yang berbeda.

Pada posting kali ini, Niguru.com juga akan menjelaskan cara membuat kolom input, sehingga user dapat mengisikan input yang sesuai dengan keperluannya. Dan hasil dari pengolahan data juga akan ditampilkan pada kolom yang lain (= kolom output).

Berikut ini contoh script untuk keperluan tersebut:

function jumlahkan()

{

var a=parseInt(document.getElementById(“id1”).value);

var b=parseInt(document.getElementById(“id2”).value);

jumlahkan=a+b

document.write(jumlahkan)

}

 

 

Simpan dengan nama InputJS01.html (boleh menggunakan nama lain):
 

 

Hasilnya bila dilihat pada browser:

 

User bisa mengisikan langsung nilai variabel pada 2 kolom yang tersedia:

 

Setelah tombol “Hasil” ditekan, maka hasilnya akan ditampilkan:

Note:
Meskipun contoh yang ditampilkan oleh Niguru.com hanya penjumlahan, namun hanya dengan mengganti operator (+) dengan operator lainnya, maka dengan cara yang serupa kamu bisa membuat sendiri operasi pengurangan, perkalian dan pembagian, dengan sama mudahnya.

Demikianlah penjelasan mengenai cara menampilkan input dan output dalam kolom, berikut cara untuk mengolah data di dalamnya.

Semoga penjelasan pada posting kali ini dapat menambah wawasan dan pengetahuan para pembaca sekalian.

Selamat beraktivitas .. Have a nice day 🙂

www.Niguru.com (Nino Guevara Ruwano)

Software, Hardware, Electronics, Elektronika, Digital, Microcontroller, Mikrokontroler, Computer, Robotic, Industrial Automation, Visual Basic, Microsoft Access, VBA, Internet, PHP

Mari Mengenal Javascript, Bahasa Pemrograman Pelengkap HTML

Niguru.com | Sabtu, 27 Jun 2020 | HTML adalah bahasa pemrograman paling mudah dan paling sederhana, namun dengan kemampuan yang tidak selengkap bahasa pemrograman lainnya, karena HTML hanya dipersiapkan sebagai “penampil” teks, gambar, video, pada web page.

Untuk melakukan operasi aritmetik dan logika, user perlu menyisipkan bahasa pemrograman lainnya diantara kode-kode HTML. Salah satu bahasa pemrograman yang paling sering dipakai oleh user adalah JAVASCRIPT.

Javascript dibuka dengan tag .

Dan ditutup dengan tag

 

Atau bila disipkan diantara script html akan tampak seperti ini:

 

Niguru.com akan memperkenalkan kode /instruksi JS (Javascript) yang sederhana yaitu: document.write(“[kode HTML]”).
Instruksi yang menjalankan semua perintah HTML pada area JS.

 

Untuk menyimpan kode pada notepad dengan ekstensi /extension HTML klik menu > Save As:

 

Save as type = All Files > Isi File name, misal JS01.html (boleh menggunakan nama lain):

 

Hasilnya, bila dijalankan pada browser:

Contoh menyisipkan tag
yang biasa digunakan pada HTML pada area JS:

Hasilnya:

Pada area JS, kode HTML bisa dituliskan pada beberapa baris instruksi document.write, dan hasilnya akan sama seperti menuliskan baris-baris kode pada HTML:

Hasilnya sama seperti sebelumnya, meski dituliskan dengan jumlah baris yang lebih banyak, karena HTML tidak mengenal spasi antar baris, harus ada tag untuk memberi tahu HTML untuk menampilkan spasi antar baris, tag
salah satunya.

JS juga bisa digunakan untuk operasi aritmetika (perhitungan), misalnya seperti ini:

Hasilnya:

Berikut ini cara menggabungkan tampilan hasil perhitungan dengan teks:

Hasilnya:

Dan ini contoh gabungan kode HTML dengan JS:

Hasilnya:

Demikianlah sekelumit pengenalan dengan bahasa pemrograman Javascript yang merupakan salah satu bahasa pemrograman yang melengkapi keterbatasan HTML.

Semoga penjelasan pada posting kali ini dapat menambah wawasan dan pengetahuan para pembaca sekalian.

Selamat beraktivitas .. Have a nice day 🙂

www.Niguru.com (Nino Guevara Ruwano)

Software, Hardware, Electronics, Elektronika, Digital, Microcontroller, Mikrokontroler, Computer, Robotic, Industrial Automation, Visual Basic, Microsoft Access, VBA, Internet, PHP

Membuat Kolom Google Search Yang Dilengkapi Fasilitas Dropdown Link Dengan Menggunakan HTML

Niguru.com | Kamis, 25 Jun 2020 | Salah satu komponen yang bisa mempermudah user untuk menentukan pilihan yang disediakan dalam suatu daftar, adalah sebuah komponen dropdown list, yang pada aplikasi lain seringkali disebut juga sebagai combo box. 

Pada posting kali ini Niguru.com akan menjelaskan mengenai cara untuk membuat kolom pencarian yang dilengkapi fasilitas dropdown link, untuk membuat pencarian terfokus pada website tertentu saja.

Berikut ini caranya:

Ketikkan kode HTML berikut ini:

Find In:

All Web

Niguru

AstroDigi

Youtube

Shopee

Tokopedia

BukaLapak

Klik menu > Save As:

 

1. Save as type = All Files > File name = SiteSearchWithDropdownList.html (boleh menggunakan nama file lain).
2. Klik Save.

 

Hasilnya, tercipta sebuah file .html baru. Double click file tersebut untuk melihat hasilnya:

 

Hasilnya, akan terbuka web page pencarian tersebut pada browser:

 

Coba ketikkan obyek, misal: sepeda lipat, dan pada drop down list pilih Tokopedia:

 

Klik Smart Search:

 

Hasil pencariannya:

 

Coba lihat bedanya bisa obyek pencarian tetap sepeda lipat, dengan kolom Find In dipilih = BukaLapak > klik Smart Search:

 

Hasil pencariannya akan tampil hanya halaman web yang berada di BukaLapak.com saja:

 

Kalau kamu mau menambahkan list bisa dengan menyisipkan kode:

[namaWebsite]

Contoh:

Niguru

Demikianlah langkah-langkah untuk membuat kolom Google Search yang dilengkapi dengan fasilitas dropdown link pada halaman web.

Selamat mencoba .. Have a nice day 🙂

www.Niguru.com (Nino Guevara Ruwano)

Software, Hardware, Electronics, Elektronika, Digital, Microcontroller, Mikrokontroler, Computer, Robotic, Industrial Automation, Visual Basic, Microsoft Access, VBA, Internet, PHP

Membuat Kolom Google Search Engine Sendiri Dengan Menggunakan HTML

Niguru.com | Rabu, 24 Jun 2020 | Saat ini search engine (mesin pencari informasi /data) di jagad internet yang paling populer adalah Google Search Engine. Sehingga apabila seseorang mencari data di internet disebut dengan istilah Googling (mencari dengan Google).

Bila pada posting sebelumnya pembaca sekalian sudah diperkenalkan dengan HTML, maka pada posting kali ini Niguru.com akan menjelaskan cara untuk membuat sendiri kolom pencarian dengan menggunakan kode HTML.

Berikut ini langkah-langkah pembuatannya, termasuk kode HTML yang harus dituliskan: 

Buat kode HTML seperti di bawah ini:

 

Klik menu > Save As:

 

Scroll down Save as type, dan pilih All Files:

 

Ketikkan File name, misal: SearchEngine01.html (boleh menggunakan nama file lainnya):

 

Double click file SearchEngine01.html untuk melihat hasilnya:

 

Hasilnya:

 

Ketikkan obyek yang dicari pada kolom pencarian, klik Search by Google (harus sudah tersambung internet):

Hasilnya:

Demikianlah langkah-langkah untuk membuat sendiri kolom Google Search Engine dengan menggunakan kode HTML.

Selamat mencoba .. Have a nice day 🙂

www.Niguru.com (Nino Guevara Ruwano)

Software, Hardware, Electronics, Elektronika, Digital, Microcontroller, Mikrokontroler, Computer, Robotic, Industrial Automation, Visual Basic, Microsoft Access, VBA, Internet, PHP

Mari Kita Mengenal HTML, Deretan Kode Sederhana Untuk Menampilkan Halaman Web Pada Browser – Part 2

Niguru.com | Selasa, 23 Jun 2020 | Posting ini merupakan kelanjutan dari posting 2 hari sebelumnya yang membahas pengenalan HTML, dimana pada posting sebelumnya sudah diperkenalkan mengenai penggunaan tag, dan juga penjelasan bahwa spasi pada penulisan kode HTML tidak mempengaruhi penampilan web page.

Pada posting kali ini Niguru.com akan memperkenalkan tata cara penulisan kode  HTML yang benar, untuk membuat sebuah web page yang dapat tampil dengan benar pada semua browser.

Halaman web terbagi menjadi 2 bagian utama yaitu: Head dan Body

Head digunakan untuk menuliskan judul dan berbagai keterangan tentang dokumen yang tidak ditampilkan pada web page (halaman web).

 

Dan tata cara penulisan HTML dalam struktur yang benar adalah:

 

Berikut ini contoh penulisan kode HTML dengan sisipan gambar, dan pengaturan ukuran teks:

 

Hasilnya:

 

Pembuatan halaman web (web page) yang sama akan lebih mudah dengan menggunakan aplikasi MS (Microsoft) Frontpage:

 

Pada Frontpage juga sudah disediakan fasilitas untuk melakukan edit secara grafis. User bisa melakukan editing dengan hasil edit yang langsung terlihat:

 

Berikut ini tampilan menu dan toolbar dari MS Frontpage:

 

Dan ini adalah contoh dari icon unutk menyisipkan gambar pada toolbar MS Frontpage:

Demikianlah penjelasan singkat mengenai tata cara penulisan kode HTML yang benar.

Semoga penjelasan pada posting kali ini menambah wawasan dan pengetahuan para pembaca sekalian.

Selamat beraktivitas .. Have a nice day 🙂

www.Niguru.com (Nino Guevara Ruwano)

Software, Hardware, Electronics, Elektronika, Digital, Microcontroller, Mikrokontroler, Computer, Robotic, Industrial Automation, Visual Basic, Microsoft Access, VBA, Internet, PHP

Mari Kita Mengenal HTML, Deretan Kode Sederhana Untuk Menampilkan Halaman Web Pada Browser – Part 1

Niguru.com | Minggu, 21 Jun 2020 | Meski dalam keseharian jutaan user terbiasa melihat tampilan dari browser, namun jarang ada user yang mengetahui bahwa kode yang digunakan untuk menampilkan berbagai teks dan gambar adalah HTML (Hyper Text Markup Language).

Pada posting kali ini Niguru.com akan memberikan sedikit pengenalan singkat mengenai HTML, bahasa pemrograman sederhana yang digunakan hanya untuk menampilkan data, tanpa fasilitas pengolahan aritmetik dan logika.

Untuk menuliskan kode HTML bisa digunakan editor teks sederhana seperti Notepad, yang sudah tersedia sebagai aplikasi bawaan Windows.

Untuk membuat file HTML paling sederhana dan mendasar, cukup buka Notepad, ketikkan teks dan simpan dengan ekstensi (extension) .HTML, perhatikan contoh berikut ini:

Ketikkan teks berikut ini:

 

 

 

Klik menu > File > Save As:

 

 

1. Pilih drive dan folder dimana file akan disimpan.
2. Scroll down kolom file name.
3. Pilih All Files.

 

 

1. Ketikkan File name, misal: Latihan01.html (boleh menggunakan nama lain).
2. Klik Save.

 

 

Hasilnya file Latihan01.html akan tercipta > double click pada file untuk membukanya:

 

 

Hasilnya akan tampil web page pada browser:

 

Note:
HTML tidak akan menampilkan opsi “next line” (tulisan tampil pada baris berikutnya), berapa banyak baris yang berada diantara teks akan tetap dianggap tidak ada oleh HTML dan ditampilkan semua sebaris.

Sisipkan tag (penanda) break yang dituliskan dalam kode
:

 

Hasilnya apabila ditampilkan pada browser:

 

Untuk memperbesar teks bisa disisipkan tag , kalau mau lebih besar lagi bisa disisipkan beberapa tag secara berderet:

 

 

Hasilnya apabila ditampilkan pada browser:

 

Kita coba pindahkan 4 buah tag ke atas:

 

Hasilnya apabila ditampilkan pada browser, semua teks besar, karena semua teks terkena efek pembesaran:

 

Pada HTML bisa dibuatkan tag penutup, berupa tag yang sama dengan ditambah karakter “/” sesudah “<".
Pada contoh ada 4 buah tag maka untuk menutupnya dibuatkan 4 buah tag :

 

Hasilnya apabila ditampilkan pada browser, hanya teks awal yang besar, setelah itu efek pembesaran ditutup:

 

Kita coba tempatkan sebagian teks menjadi sebaris:

 

 

Hasilnya:

Kita coba buat semuanya sekaligus dalam satu baris:

 

Hasilnya akan tetap sama, karena HTML tidak mengenal perbedaan keberadaan “next line”:

Kita coba untuk menambah baris-baris kosong:

 

Hasilnya, tetap sama, penyebabnya sekali lagi adalah karena HTML tidak mengenal perbedaan keberadaan “next line:

Demikianlah penjelasan singkat mengenai HTML, yang merupakan komponen penting dari halaman website.

Semoga penjelasan pada posting kali ini menambah wawasan dan pengetahuan para pembaca sekalian.

Selamat beraktivitas .. Have a nice day 🙂

www.Niguru.com (Nino Guevara Ruwano)

Software, Hardware, Electronics, Elektronika, Digital, Microcontroller, Mikrokontroler, Computer, Robotic, Industrial Automation, Visual Basic, Microsoft Access, VBA, Internet, PHP

Inilah TAG Utama Pada HTML Yang Perlu Anda Ketahui Bila Ingin Membuat /Mengedit Halaman Web

Niguru.com | Kamis, 1 Ags 2019 | Sekarang kita memasuki suatu era dimana internet sudah menjadi bagian dari kehidupan banyak orang, banyak kegiatan yang menjadi bertambah lancar dengan adanya internet, dan disisi sebaliknya banyak kegiatan individu, kelompok bahkan perkantoran yang menjadi terhambat bila koneksi internet terputus atau terganggu.

Nah .. kini saatnya anda juga perlu mengetahui bagaimana cara untuk melakukan editing atau bahkan cara untuk membangun sebuah halaman web. Sehingga bila suatu saat anda perlu untuk melakukan promosi suatu produk atau sekedar pengumuman dari suatu kegiatan, anda tahu bagaimana cara menuangkannya pada halaman web (web page).

Program penulisan web paling dasar yang digunakan secara umum adalah HTML, yang merupakan penyingkatan dari penulisan Hypertext Markup Language.
Hal pertama yang perlu anda pelajari tentang penulisan program dalam fotmat HTML adalah TAG. Setiap baris instruksi yang tertera pada halaman web yang ditulis dengan format HTML selalu diapit dengan TAG. Dengan format penulisan sebagai berikut:

konten yang ditampilkan

Jadi ada tag di pembukaan sebelum kontent dan tag di penutupan setelah konten dituliskan. Namun ada pula tag yang tidak mengapit konten. Berikut ini penjelasan mengenai tag pada program HTML:

Demikianlah penjelasan mengenai TAG pada penulisan program HTML.
Semoga penjelasan pada posting kali ini dapat memberikan tambahan wawasan dan pengetahuan bagi para pembaca sekalian.
Selamat beraktivitas .. Have a nice day 🙂

www.Niguru.com (Nino Guevara Ruwano)

Software, Harware, Electronics, Elektronika, Digital, Microcontroller, Mikrokontroler, Computer, Robotic, Industrial Automation, Visual Basic, Microsoft Access, VBA, Internet, PHP