Untuk mengetahui lebih lengkap ulasan dari masing-masing Talk, silahkan lihat blog post yang saya buat di KMKLabs ini Tech in Asia 2015.

The post Tech in Asia 2015 – Developer Stage @ Jakarta appeared first on Blog of Tito Pandu.

Langkah-langkah me-reset CMOS:

1. Cabut seluruh kabel dari dan ke PC (monitor, kabel power, mouse, keyboard, dll)
2. Buka cover dari casing
3. Cari baterai motherboard
4. Gunakan obeng minus (-), cungkil baterai
5. Lepas baterai dari motherboard selama 10-15 menit
6. Pasang kembali baterai ke motherboard, jangan sampai terbalik + dan –
7. Pasang kembali cover dari casing
8. Pasang seluruh kabel dan hidupkan kembali PC, saat masuk ke BIOS jangan lupa untuk men-setting tanggal dan jam

Selamat mencoba.

Sumber: Intel – How do I clear the CMOS?

The post Reset CMOS appeared first on Blog of Tito Pandu.

Pencarian Driver yang Hilang

Pagi ini saya menerima laptop dari teman saya. Dia bertanya apakah laptop dia bisa dipakai untuk browsing internet dengan lancar?

Saya cek spesifikasi laptop tersebut dan menemukan bahwa driver VGA tidak terinstall. Saya coba search di Google dengan keywords “#{merk laptop} #{tipe} driver”, ternyata tidak ada satu entry pun di page pertama dan kedua yang menyediakan driver komputer atau laptop itu. Bahkan saat saya cek website vendornya, entah kenapa tidak ada menu untuk download driver.

Kecewa dengan cara yang selama ini berhasil untuk mencari driver, saya mengintip properties dari device tersebut. Di bagian “Details”, lalu pada Property, saya melihat ada dropdown dengan pilihan Hardware ID / Instance ID. Saya lihat disitu ada keterangan seperti ini “PCI\VEN_…&DEV_…&……”. Saya merasa penasaran apakah angka setelah VEN_ dan DEV_ dapat digunakan untuk mencari driver dari pembuat hardware-nya. Saya coba search dengan keywords “looking driver from device instance id” dan saya menemukan kita dapat mencarinya di beberapa situs yang memang menyediakan database vendor dan device.

Setelah membuka situs PCI Database, akhirnya saya menemukan device apa yang saya butuhkan drivernya. Di situ kita langsung diberitahu merk dan type-nya, sehingga kita bisa langsung ke website vendor untuk mendownload driver. Namun sayangnya setelah saya download dan copy ke flashdisk untuk di-install di laptop teman, ternyata laptop tersebut terkena virus yang menghapus file di dalam flashdisk dan me-replace-nya dengan file virus. Akhir cerita, laptop saya kembalikan dan saya beritahukan masalah yang dihadapi.

Kesimpulan

Untuk menutup post ini, saya akan berikan step-by-step untuk mencari driver komputer atau laptop:

1. Search di Google menggunakan keywords “#{merk laptop} #{tipe} driver”
2. Jika cara pertama berhasil, maka download dan install driver dari website vendor
3. Jika cara pertama gagal, maka buka Control Panel, masuk ke Device Manager (Windows 7), lalu klik kanan dan klik Properties pada device yang belum terdeteksi
4. Lalu klik tab “Details”
5. Pada dropdown “Property”, pilih pilihan Instance ID atau Hardware ID
6. Lihat angka setelah VEN_ dan DEV_, angka setelah VEN_ menunjukan Vendor ID dan angka setelah DEV_ menunjukan Device ID
7. Buka situs PCI Database, search Vendor ID dengan angka yang Anda miliki, lalu search dalam halaman tersebut Device ID (menggunakan Ctrl + F atau CMD + F)
8. Lihat Chip Description, lalu ke website vendor dari device tersebut dan carilah driver dari device sesuai keterangan ini
9. Download dan install driver tersebut

Sekian post dari saya, terima kasih.

The post Solusi Mencari Driver Komputer atau Laptop appeared first on Blog of Tito Pandu.

Saat saya belajar mengenai game development, saya langsung menetapkan tujuan (sesuai yang diperintahkan oleh buku yang saya baca) yaitu untuk membuat sebuah game yang sederhana. game yang terpikirkan saat itu ialah Congklak, dan sekarang akhirnya selesai juga pembuatan game congklak yang sederhana.

Fitur-fitur game ini terdiri dari dasar permainan congklak dan Easy AI. Namun menurut saya sudah cukup menyenangkan untuk memainkannya. Saya sudah memasang SWF nya di post ini, jadi bila ingin memainkannya silahkan saja. Saya akan sangat senang bila ada yang meninggalkan komentar dan masukan untuk game pertama saya. Masih banyak improvement yang bisa dilakukan dan saya sangat mengharapkan komentar dan saran dari para play tester.

Saya share source code dari game ini melalui GitHub https://github.com/titopandub/Congklak

Thanks.

The post Game Pertama – Congklak appeared first on Blog of Tito Pandu.

1. WordPress CMS yang paling banyak dipakai

WordPress merupakan open source CMS yang paling populer (dan tentunya Gratis!) saat ini dengan jumlah website 60 juta lebih (hanya website yang terdaftar di WordPress.com). Banyak website yang memakai CMS ini, baik yang menggunakan platform WordPress.com atau yang menggunakan WordPress pada hosting masing-masing.

2. WordPress sangat fleksibel

Dari sisi development, WordPress merupakan CMS yang sangat mudah untuk dikostumisasi, baik dari segi tampilan (theme), ataupun dari segi plugin.

Dahulu WordPress hanya digunakan sebagai CMS untuk blog. Namun seiring berkembangnya kemampuan inti dari WordPress, saat ini WordPress dapat digunakan untuk keperluan apapun.

CMS ini sangat cocok untuk berbagai keperluan, mulai dari website/blog pribadi, profil perusahaan, portfolio, toko online (ya WordPress bisa digunakan sebagai toko online atau e-commerce), kumpulan resep masakan, forum, social media, dll. Kecuali yang kita butuhkan adalah sebuah aplikasi web yang memiliki spesifikasi khusus (selain management konten), saya yakin WordPress pasti bisa memenuhi kebutuhan mengenai website kita.

3. WordPress mendukung penuh SEO

Selain itu, berbagai plugin SEO siap membantu kita untuk menaikkan peringkat website di mesin pencari Google, Yahoo! atau Bing. Beberapa plugin bahkan dapat mempromosikan post kita melalui Twitter, salah satunya adalah plugin yang saya buat bersama teman saya Tom, yaitu Evergreen Post Tweeter.

Selain itu ada juga plugin untuk menghubungkan dengan Google Analytic (untuk analisa trafik).

4. WordPress adalah CMS yang mudah digunakan

Menggunakan CMS ini sangat mudah, menu-menu yang ada cukup intuitif. Namun bila kita ingin menemui kesulitan dalam menggunakannya, jangan khawatir! Karena kepopuleran CMS ini, banyak sekali artikel yang ditulis mengenai cara menggunakannya. Forum-forum khusus WordPress juga dapat membantu kita untuk menyelesaikan masalah yang muncul. Kita dapat bertanya melalui support forum WordPress di wordpress.org/support atau wordpress.stackexchange.com. Di Indonesia, salah satu forum WordPress yang terkenal adalah Forum WordPress Indonesia. Kalau malas membaca literatur dari internet dan ingin informasi yang tersusun dengan rapi, kita bisa membeli buku-buku mengenai WordPress di toko buku terdekat.

5. WordPress memiliki jumlah Developer yang banyak di Indonesia (juga di dunia)

Jika masih ragu untuk membuat website sendiri dengan WordPress, jangan khawatir, banyak WordPress developer di Indonesia siap membantu. Dari mulai ratusan ribu hingga puluhan juta rupiah, tergantung tebalnya kantong. Mereka juga siap membantu mengkostumisasi theme yang kita pilih atau membuatkan theme sesuai dengan desain yang kita miliki.

Jadi tunggu apa lagi, buat teman-teman yang belum memiliki website, ayo segera buat dengan menggunakan WordPress. Jika ingin memiliki website yang benar-benar gratis (domain wordpress.com), segera daftar di www.wordpress.com atau jika ingin menggunakan domain sendiri, bisa mendaftar di www.domosquare.com yang merupakan hosting yang terinovatif di Indonesia.

The post 5 Keuntungan Menggunakan WordPress appeared first on Blog of Tito Pandu.

Beberapa hari yang lalu saya merubah theme dari WordPress. Kali ini saya mencari theme yang sederhana, responsif dan cepat dalam proses loadingnya. Saya juga ingin memakai CSS dari Bootstrap untuk theme yang baru ini. Saya menemukan banyak theme seperti itu, dari yang gratis hingga berbayar. Namun akhirnya saya jatuh hati pada theme gratis dari 320press, yaitu WP-Bootstrap.

Theme ini sesuai dengan yang saya inginkan, sangat simple, responsive (cobalah untuk membuka ini di smartphone atau tablet) dan ringan. Memang dari sisi tampilan tidak begitu mewah, namun saya sangat puas. Kecepatan loading website menjadi jauh lebih cepat daripada memakai theme sebelumnya.

Karena memakai Bootstrap, saya jadi bisa merubah style dasar dari theme ini menggunakan theme Bootstrap di Bootswatch.com. Sehingga tampilannya tidak sama seperti style dasar dari Bootstrap. Berikut screenshot dari Theme saya saat ini (bisa berganti di kemudian hari).

Bagaimana pendapat para pembaca sekalian mengenai theme ini? Bagus atau tidak? Silahkan tinggalkan komentar ya.

Catatan: saya memakai theme Simplex dari Bootswatch.com

The post Theme yang Sederhana, Responsif dan Cepat appeared first on Blog of Tito Pandu.

1. Komputer Hang, namun normal kembali setelah CPU digoyang-goyang

Komputer tiba-tiba hang atau muncul pesan not responding saat menjalankan aplikasi atau membuka explorer atau membuka isi harddisk. Namun mouse masih dapat digerakkan dan aplikasi akan kembali berjalan saat CPU digoyang-goyang.

Analisa:

Masalah ini kemungkinan besar terjadi pada kabel atau konektor, biasanya konektor dari Power Supply (PSU) ke harddisk. Dapat juga disebabkan oleh kabel atau konektor dari harddisk ke motherboard.

Solusi:

Sebelum menentukan bahwa kabel atau konektor bermasalah, tidak ada salahnya mengecek tegangan yang masuk dari Power Supply ke motherboard. Bila tegangan menunjukan perbedaan yang sangat jauh dengan spesifikasi yang dibutuhkan motherboard, maka Power Supply sebaiknya diganti.

Selanjutnya coba ganti konektor dari Power Supply ke harddisk, konektor yang saat ini terhubung dengan konektor lainnya yang tidak terpakai. Kemungkinan terjadi lepas kontak pada konektor tersebut, hal ini sesuai dengan gejala yang disebutkan sebelumnya.

Bila kedua solusi tersebut tidak berhasil, coba ganti kabel IDE atau SATA (kabel dari harddisk ke motherboard), mungkin kabel tersebut sudah mulai longgar.

2. Komputer Hang, tetapi tidak mati atau restart secara otomatis

Komputer Hang, tetapi tidak langsung mati atau restart secara otomatis. Kita dapat melihat layar berhenti dan tidak ada respon dari komputer saat kita menggerakkan mouse atau menekan Ctrl + Alt + Delete.

Analisa:

Kemungkinan hal ini disebabkan oleh kurangnya tegangan yang masuk dari Power Supply ke Motherboard. Banyak orang langsung menginstall ulang komputernya, namun langkah ini tidak akan menyelesaikan masalah.

Solusi:

Shutdown atau Restart komputer secara paksa melalui tombol power pada CPU. Saat komputer booting, tekan Delete atau F2 atau F8, tergantung dari BIOS yang dipakai oleh Motherboard. Cek tegangan Power Supply biasanya ada pada menu Hardware Monitor, cek tegangan 3.3V, 5V dan 12V. Baiknya +- 5% dari tegangan normal, jika berbeda jauh, maka hal tersebut adalah masalah utamanya.

Jika Power Supply Anda tidak bermasalah, kemungkinan selanjutnya bisa terjadi dari VGA. Jika Anda memiliki VGA lainnya (external atau internal), cobalah mengganti VGA yang sekarang dipakai dengan VGA lainnya.

Jika semuanya sudah dicek dan ternyata tidak bermasalah, segeralah backup data Anda dan cobalah untuk melakukan install ulang operating system Anda (Windows atau Linux).

3. Komputer Hang saat loading Windows

Masalah yang paling sering terjadi, tetapi banyak yang salah pengertian dalam mengatasi masalah ini. Saya akan coba membantu dengan berbagi sedikit pengalaman saya.

Analisa:
Banyak hal yang dapat menyebabkan ini. Dari sisi Hardware, masalah ini sering disebabkan oleh Power Supply dan Harddisk. Dari sisi Software, masalah ini bisa disebabkan oleh driver atau system file yang rusak, bisa dari virus atau harddisk yang bad sector.

Solusi:
Cek tegangan Power Supply dengan cara yang saya jabarkan pada point nomor 2. Untuk mengecek harddisk Anda bisa melihat point nomor 1 untuk pengecekan kabel power dan kabel IDE / SATA.

Bila masalahnya memang pada harddisk itu sendiri, cobalah untuk membuka CPU dan mendengar suara harddisk, bila ada suara “click click clik”, artinya harddisk Anda sudah sekarat. Segera backup dan ganti.

Untuk mengecek Bad Sector dapat dilakukan dengan masuk ke Safe Mode (di Windows tekan F8 sesaat setelah selesai BIOS loading). Pilih Safe Mode with Command Prompt, begitu Command Prompt sudah muncul, ketik chkdsk [drive] /r /f. Maka Windows akan meminta Anda merestart komputer, setelah itu Windows akan melakukan pengecekan Bad Sector.

Jika memang bukan masalah hardware, Anda dapat melakukan install ulang system, saya selalu menganggap install ulang adalah jalan terakhir untuk menyelesaikan masalah ini.

Sekian beberapa solusi dan tips untuk mengatasi komputer yang hang. Saya akan selalu mengupdate post ini bila ada solusi baru yang saya temukan. Bila Anda pernah mengalami hal ini dan mengatasinya dengan solusi lain, silahkan tinggalkan pengalaman Anda pada komentar. Saya akan sangat senang sekali mendengarnya.

The post Solusi Komputer Hang appeared first on Blog of Tito Pandu.

Unofficial logo from JSConf EU 2011

Pada tutorial sebelumnya, yaitu Tutorial Belajar JavaScript – Control Flow, kita telah mempelajari banyak hal tentang Control Flow dalam pemrograman JavaScript. Kita akan mempelajari Loop pada kesempatan kali ini.

Setiap bahasa pemrograman pasti memiliki fungsi ini. Tanpa fungsi ini, maka akan sangat sulit untuk menulis sebuah program. Fungsi Loop (seperti namanya) digunakan untuk mengeksekusi suatu baris kode berulang-ulang sesuai dengan kondisi yang diberikan. Dalam JavaScript dikenal beberapa fungsi Loop, yaitu while, do while dan for. Kita akan mengulasnya bersama-sama.

1. while Loop

Loop yang paling simpel adalah while. Kita hanya membutuhkan parameter kondisi yang jika kondisi tersebut terpenuhi (true) maka baris kode yang ada di dalam while akan dieksekusi. Berikut contoh sederhana dari while.

var i = 0;
while (i < 7) {
	i++;
	console.log(i);
}

note: Cobalah kode di atas dengan menghidupkan console pada web browser. Untuk referensi cek post mengenai Cara Lain Menjalankan JavaScript. Jangan pernah lupa untuk memberikan iterator di dalam blok perulangan, dalam hal ini adalah i++

2. do .. while Loop

Dengan sintaks yang mirip (dengan tambahan do), namun memiliki karakteristik yang berbeda. Perbedaannya adalah sintaks ini akan selalu mengeksekusi blok satu kali pada saat mulai baru mengecek parameter kondisi untuk melakukan looping. Berikut contohnya.

var i = 7;
do {
	i++;
	console.log(i);
}
while (i < 7)

Bila kita menjalankan kode di atas, maka akan muncul hasil 8. Meskipun nilai parameter false, looping ini akan tetap menjalankan blok satu kali.

Untuk kedua sintaks di atas jangan pernah lupa untuk membuat iterator (penghitung) dan memberi increment untuk nilai tersebut. Jika tidak, maka akan terjadi infinite loop (perulangan yang tidak terbatas atau tidak akan berhenti)

3. for Loop

Untuk melakukan looping yang lebih kompleks, sangat disarankan untuk memakai sintaks ini. Sintaks ini membutuhkan parameter iterator (penghitung), kondisi, dan incremental. Berikut contoh sederhana.

for (i = 0; i < 10; i++) {
	console.log(i);
}

Kode di atas untuk menulis 0-9 ke console. Namun, jika kita ingin melakukan iterasi untuk elemen dalam Array, kita dapat menggunakan properti length yang disediakan oleh type data Array. Berikut contohnya.

arrayNama = ['Tito', 'Pandu', 'Brahmanto'];

for (i = 0; i < arrayNama.length; i++) {
	console.log(arrayNama[i]);
}

Cara paling mudah adalah menggunakan for loop sesuai contoh di atas, tapi cara tersebut kurang baik. Karena length properti dari arrayNama akan di hitung disetiap iterasi. Mungkin hal ini adalah hal yang sepele untuk sepotong kode seperti di atas, tapi bila kita bekerja untuk aplikasi yang besar dan iterasi tidak hanya 10 kali, maka hal tersebut bisa memberatkan aplikasi yang kita buat.

Berikut contoh for loop untuk array yang lebih baik.

arrayNama = ['Tito', 'Pandu', 'Brahmanto'];

for (i = 0, j = arrayNama.length; i < j; i++) {
	console.log(arrayNama[i]);
}

4. for .. in Loop

Tidak jauh berbeda dengan for Loop sebelumnya, jenis loop ini biasanya dipakai untuk menyebutkan properti dari suatu Objek satu per satu. Berikut adalah contoh sederhananya.

nama = {
	firstName:	'Tito',
	middleName: 'Pandu',
	lastName:	'Brahmanto'
};

for (i in nama) {
	console.log(i + ' : ' + nama[i]);
}

Bagi yang jarang membaca sintaks JavaScript, pasti heran dengan nama[i]. Mengapa properti dalam Objek pada JavaScript dapat diakses dengan cara mengakses isi dari Array? Jawabannya bisa dan hal tersebut adalah salah satu feature dalam JavaScript.

Sekian tutorial yang sangat singkat mengenai Loop dalam JavaScript. Banyak yang bisa kita gali dari bahasan ini. Selanjutnya kita akan mempelajari mengenai Window Object dalam JavaScript secara detail .

Jangan lupa subscribe RSS atau email, agar Anda dapat mengikuti tutorial selanjutnya. Silahkan tinggalkan komentar Anda, kritik dan saran sangat saya harapkan.

Sumber: Tuts+ Premium Course: JavaScript Fundamentals 101 oleh Jeremy McPeak

The post Tutorial Belajar JavaScript – Loop appeared first on Blog of Tito Pandu.

Mengakses Conditional Formatting melalui Menu Bar

Seringkali saat kita memberikan warna, tanda atau format cell sesuai nilai cell pada Excel secara manual. Hal ini sering kita lakukan bila kita menginginkan tanda pada suatu cell, agar si pembaca data dapat lebih mengerti data yang mereka baca.

Mungkin hal tersebut tidak akan memberatkan jika data yang kita kerjakan hanya beberapa cell saja. Namun bila kita harus mengerjakan data yang cukup banyak dan memiliki beberapa kriteria, wah kita bisa “gempor” kalau harus memformat warna cell satu per satu. Ditambah dengan kesalahan yang mungkin saja kita lakukan, karena mata sudah lelah untuk meneliti satu per satu nilai pada cell.

Jangan khawatir, sebenarnya ada fungsi untuk melakukan hal tersebut yang dinamakan “Conditional Formating”. Sangat mudah penggunaannya, berikut tutorial penggunaan “Conditional Formatting” pada Excel 2011 Mac (hampir sama dengan Excel 2010 versi Windows).

1. Select cell-cell yang ingin kita berikan warna secara otomatis atau jika kita juga bisa tidak melakukannya untuk memberikan warna ke seluruh cell pada sheet.
2. Klik Conditional Formatting pada menu Home sebelah kiri Format Cell. kita bisa memilih format yang sudah ada dan merubah rulenya saja. Jika kita memilih untuk membuat gaya sendiri, kita bisa memilih New Rules (langsung ke langkah nomor 6) atau Manage Rules.
   

   Memberikan Warna, Tanda atau Format pada Cell

3. Kita juga bisa mengakses Manage Rules dengan klik menu Format -> Conditional Formatting. Cara ini akan secara otomatis mengakses menu Manage Rules.
   

   Mengakses Conditional Formatting melalui Menu Bar

4. Dalam menu “Manage Rules”, pilih cell range yang akan kita berikan “Conditional Formatting” pada “Show formatting rules for” kita bisa memilih “Current selection” untuk cell yang telah kita blok atau “This Sheet” untuk seluruh cell pada sheet tersebut atau kita bisa memilih sheet mana yang akan kita berikan aturan.
   

   Menu Manage Rules pada Conditional Formatting

5. Klik tanda + (plus) untuk menambah rule baru atau klik dua kali pada rule yang sudah ada.
6. Beberapa pilihan style akan muncul, berikut penjelasan singkatnya:
   • 2-Color Scale atau 3-Color Scale, kedua style ini digunakan bila kita ingin memberikan warna gradiasi dari dua atau tiga warna untuk nilai yang kita berikan aturannya.
   • Data Bar, untuk memberikan bar pada cell sebagai skala nilai dari cell tersebut. Bar akan mengisi penuh cell bila cell tersebut adalah nilai tertinggi dari seluruh nilai cell. Dan sebaliknya akan terisi sangat sedikit bila merupakan nilai terendah dari seluruh cell.
   • Icon Sets, untuk memberikan icon warna yang berbeda sesuai dengan aturan yang kita berikan.
   • Classic, untuk memformat cell (warna, text, border, dll) sesuai dengan aturan yang kita berikan.
     

     Pilihan Style untuk Conditional Formatting

7. Klik OK untuk mengkonfirmasi aturan dan klik OK pada Manage Rules untuk menerapkan Conditional Formatting yang telah kita set. Ulang kembali ke langkah nomor 4 bila kita menginginkan tambahan aturan.

Mudah bukan untuk melakukannya. Jadi bila kita ingin memberikan warna, tanda atau format cell sesuai nilai cell tersebut pada Excel, kita dapat melakukannya dengan cara ini. Kita akan menghemat waktu dan tenaga daripada harus melakukannya secara manual satu per satu. Serta kemungkinan salah tanda akan lebih kecil, karena komputer pasti lebih teliti daripada kita yang bisa lelah memberikan warna pada cell satu per satu.

Sekian tips dari saya, bila kita menginginkan tips tertentu untuk saya ulas, silahkan tinggalkan di comment.

The post Memberikan Warna, Tanda atau Format Pada Cell Sesuai Nilai Cell Tersebut appeared first on Blog of Tito Pandu.

Unofficial logo from JSConf EU 2011

Pada tutorial sebelumnya, yaitu Tutorial Belajar JavaScript – Array, kita telah mempelajar banyak hal tentang Array dalam pemrograman JavaScript. Kita akan mempelajari Kondisi dan Control Flow pada kesempatan kali ini.

Dalam JavaScript terdapat beberapa cara untuk mengubah suatu alur program (controlling flow) jika suatu kondisi terjadi. Maka sebelum kita mempelajari mengenai pengambilan keputusan, kita akan pelajari dahulu mengenai kondisi yang ada pada JavaScript.

Sebenarnya komputer disusun oleh kumpulan 0 dan 1 atau disebut binary. Komputer hanya mengenal ya atau tidak, komputer tidak mengenal ditengah-tengah atau kondisi “digantung”. Maka dalam komputer dikenal istilah true atau false. Kedua istilah ini juga dikenal dalam JavaScript.

Sebelum kita merubah atau mengambil keputusan untuk suatu bagian program, biasanya syntax program tersebut akan mengambil kondisi true atau false dari suatu statement. Statement yang mengembalikan nilai true atau false sering disebut kondisi. Statement ini ada beberapa macam, kita akan bahas satu persatu.

A. Operator Perbandingan (Comparison Operator)

Statement ini akan membandingkan nilai yang ada pada sebelah kiri operator pembanding dengan nilai yang ada disebelah kanannya. Ada beberapa operator pembanding, untuk mempermudah kita dalam mempelajarinya, maka saya akan mengulas operator-operator yang dibahas oleh Douglas Crockford dalam buku JavaScript: The Good Parts. Berikut beberapa operator pembanding:

1. Operator Persamaan (===)

Operator ini akan membandingkan nilai dan type data. Operator ini akan mengembalikan true bila nilai dan type datanya sama. Berikut contohnya.

5 + 6 === 11; // true
5 - 2 === 2; // false
5 + 6 === "11"; // false karena type datanya berbeda

2. Operator Pertidaksamaan (!==)

Operator ini akan memiliki sifat yang sama dengan operator sebelumnya namun akan mengembalikan nilai yang sebaliknya. Operator ini akan mengembalikan nilai true bila nilai dan type tidak sama. Berikut contohnya.

5 + 6 !== 11; // false
5 - 2 !== 2; // true
5 + 6 !== "11"; // true karena type datanya berbeda

3. Operator Kurang Dari (<)

Operator ini akan mengembalikan nilai true bila nilai disebelah kiri operator lebih kecil daripada nilai disebelah kanan operator. Berikut contoh sederhana.

3 < 5; // true
5 < 2; // false

4. Operator Kurang Dari Sama Dengan (<=)

Operator ini akan mengembalikan nilai true bila nilai disebelah kiri operator lebih kecil atau sama dengan daripada nilai disebelah kanan operator. Berikut contoh sederhana.

3 <= 5; // true
5 <= 5; // true

5. Operator Lebih Dari (>)

Operator ini akan mengembalikan nilai true bila nilai disebelah kiri operator lebih besar daripada nilai disebelah kanan operator. Berikut contoh sederhana.

7 > 5; // true
2 > 5; // false

6. Operator Lebih Dari Sama Dengan (>=)

Operator ini akan mengembalikan nilai true bila nilai disebelah kiri operator lebih besar atau sama dengan daripada nilai disebelah kanan operator. Berikut contoh sederhana.

7 >= 5; // true
5 >= 5; // true

B. Logical Operator

Kita akan membahas dua logical operator dalam JavaScript. Kedua operator tersebut adalah operator and (&&) dan operator or (||).

1. Operator and (&&)

Operator ini akan mengembalikan nilai true bila kondisi disebelah kiri dan kanan operator mengembalikan nilai true. Jika salah satunya mengembalikan nilai false, maka operator ini akan mengembalikan nilai false. Berikut contohnya

var angka = 7;

angka >= 5 && angka < 10; // true
angka >= 5 && angka < 6; // false

2. Operator or (||)

Operator ini akan mengembalikan nilai false bila kondisi disebelah kiri dan kanan operator mengembalikan nilai false. Jika salah satunya mengembalikan nilai true, maka operator ini akan mengembalikan nilai true. Berikut contohnya.

var angka = 7;

angka >= 5 || angka < 6; // true
angka >= 8 || angka < 6; // false

C. Control Flow

Setelah membahas mengenai operator perbandingan dan logika, kita akan mulai membahas mengenai pengambilan keputusan.

1. Statement if

if akan mengeksekusi suatu kode jika kondisi dimasukkan ke dalamnya true. Berikut contohnya

var angka = 7;

if (angka > 5) {
	alert("angka ini lebih besar dari 5");
}

Statement if juga dapat dibuat bersarang (if di dalam if). Berikut contohnya.

var angka = 7;

if (angka > 5) {
	alert("angka ini lebih besar dari 5");
	if (angka <= 10) {
		alert("angka ini lebih besar atau sama dengan 10");
	}
}

2. Statement if .. else

Jika kita ingin mengeksekusi suatu kode bila secara default bila tidak ada kondisi yang sesuai dengan statement if sebelumnya, maka kita dapat menggunakan statement if else. Berikut contohnya.

var angka = 4;

if (angka > 5) {
	alert("angka ini lebih besar dari 5");
} else {
	alert("angka ini lebih kecil atau sama dengan 5");
}

3. Statement if .. else if .. else

Kita bisa membuat program yang dapat mengevaluasi beberapa kondisi, untuk hal tersebut kita dapat memakai if .. else if .. else. Berikut contohnya.

var bulan = 4;

if (bulan === 0) {
	alert("Ini bulan Januari");
} else if (bulan === 1) {
	alert("Ini bulan Februari");
} else if (bulan === 2) {
	alert("Ini bulan Maret");
} else if (bulan === 3) {
	alert("Ini bulan April");
} else {
	alert("Bulan belum diketahui sistem");
}

4. Statement switch

Mirip dengan statement if .. else if .. else, statement switch juga berguna untuk mengevaluasi beberapa kondisi. Berikut contohnya.

switch (expr) {
	case "Jeruk":
		console.log("Jeruk Rp10.000 per kg.");
		break;
	case "Apel":
		console.log("Apel Rp15.000 per kg.");
		break;
	case "Pisang":
		console.log("Pisang Rp8.000 per kg.");
		break;
	case "Mangga":
	case "Pepaya":
		console.log("Mangga dan pepaya Rp20.000 per kg.");
		break;
	default:
		console.log("Maaf, kami kehabisan " + expr + ".");
}

Sekian tutorial yang sangat singkat mengenai Control Flow dalam JavaScript. Banyak yang bisa kita gali dari bahasan ini. Selanjutnya kita akan mempelajari mengenai Loop dalam JavaScript secara detail .

Jangan lupa subscribe RSS atau email, agar Anda dapat mengikuti tutorial selanjutnya. Silahkan tinggalkan komentar Anda, kritik dan saran sangat saya harapkan.

Sumber: Tuts+ Premium Course: JavaScript Fundamentals 101 oleh Jeremy McPeak

The post Tutorial Belajar JavaScript – Control Flow appeared first on Blog of Tito Pandu.