Pages

Kamis, 19 Januari 2012

Array dua dimensi

Array dua dimensi adalah Array yang menyimpan array. Biasasnya kita hanya menggunakan Array untuk menyimpan  beberapa data, sekarang kita akan bereksperimen dengan memasukkan Array kedalam Array dan cara memanggil isinya.


Pertama kita buat Array menggunakan skrip berikut

var nilai1=new Array (50,70,90);
var nilai2=new Array(10,20,30);
var nilai3=new Array(45,53,97);

Kemudian kita buat Array yang menyimpan Array.

var ibunilai=new Array(nilai1,nilai2,nilai3);

Untuk memanggil isi dari ibunilai, bisa menggunakan skrip berikut.

ibunilai[0][2];

pada skrip di atas, isi dari Array bernama ibunilai mengeluarkan isi dari nilai1, nilai 1 mengeluarkan isi data ketiga.


ibunilai[1][1];

pada skrip di atas, isi dari Array bernama ibunilai mengeluarkan isi dari nilai2, nilai 2 mengeluarkan isi data kedua
ibunilai[2][0];

pada skrip di atas, isi dari Array bernama ibunilai mengeluarkan isi dari nilai3, nilai 3 mengeluarkan isi data pertama.


Gimana? sudah mengertikan apa itu Array dua dimensi dan cara mengeluarkannya ^_^

Untuk membahas artikel ini dengan saya, anggota BK, dan pengunjung lain silahkan isi kotak komentar di bawah ini ^_^

Mengambil data secara acak dari MySQL

Untuk mengambil data secara acak dari MySQL bisa menggunakan skrip berikut


SELECT * FROM namatabel ORDER By rand()

Selasa, 17 Januari 2012

Membuat Array dengan Javascript

Array adalah sebuah variabel yang menampung banyak data, Array diibaratkan seperti sebuah lemari, tempat menyimpan banyak barang, dalam pemrograman Javascript kita juga bisa membuat Array, berikut langkah-langkahnya.



Skrip dibawah ini adalah skrip pendeklarasian Array.

var lemari = new Array();

Skrip tersebut digunakan untuk membuat Array bernama lemari.

Untuk mengisi Array digunakan skrip berikut

var lemari = new Array("buku","handphone","botol");

Skrip di atas membuat Array bernama lemari dengan isi buku, handphone, botol.

Pengisian Array juga bisa dibuat dengan skrip berikut.

var lemari = new Array();
lemari[1]="gelas";
lemari[2]="payung";
lemari[3]="boneka";

Skrip di atas membuat Array bernama lemari dengan isi gelas, payung, boneka.

Untuk mengeluarkan isi Array bisa menggunakan skrip berikut

document.write(lemari);



Mudah kan? Jika Anda ingin membahas artikel ini bersama saya dan pengunjung lain, silahkan isi kotak komentar yang berada di bawah artikel ini ^_^

Oiya jangan lupa bergabung menjadi Anggota Bahas Komputer ya, kita bahas bersama dunia IT Indonesia ^_^

Senin, 16 Januari 2012

Mengurutkan Data Array Javascript




Di dalam Javascript, kita juga bisa menampilkan data Array yang tadinya berantakan menjadi berurutan.

Kita menggunakan fungsi sort() untuk melakukan pengurutan data berdasarkan pada kode ASCII.

Berikut contoh skripnya.


<html>

  <head>

  <title>Tes Sort</title>

  </head>

<body>

  <script type="text/javascript">

var nama= new Array("6","3","8","5"); //Pembuatan Array

document.write(nama.sort()); // Penulisan isi Array yang sudah di urut datanya berdasarkan kode ASCII

</script>

  </body>

  </html>


Tes Sort


Pada Skrip di atas akan menampilkan : 3,5,6,8


Bukan hanya dari kecil ke besar atau dari A ke Z, pengurutan juga bisa dilakukan sebaliknya

Berikut contoh skripnya.

Tes Sort
<html>

  <head>

  <title>Tes Sort</title>

  </head>

<body>

  <script type="text/javascript">

var nama= new Array("6","3","8","5"); //Pembuatan Array

document.write(nama.sort().reverse()); // Penulisan isi Array yang sudah di urut datanya berdasarkan kode ASCII

</script>

  </body>

  </html>



Pada Skrip di atas akan menampilkan : 8,6,5,3

Fungsi reverse() digunakan untuk menampilkan isi Array secara terbalik.

Mudah kan? kalau Anda ingin membahas artikel ini bersama saya dan pengunjung lain silahkan isi kotak komentar yang berada di bawah artikel ini ^_^.

Oiya jika Anda belum jadi Anggota Bahas Komputer, silahkan bergabung, kita bahas bersama dunia IT ^_^

Rabu, 11 Januari 2012

Membuat grafik di Microsoft Excel

Sebagai software yang sering digunakan dalam dunia akuntansi, Microsoft Excel bisa menampilkan data dalam bentuk yang menarik, lebih dari sekedar tabel, tetapi juga bisa menampilkan data dalam bentuk Grafik.

Pada artikel ini kita akan membuat grafik yang menampilkan data menggunakan Microsoft Excel, berikut langkah-langkahnya.


1) Buka program Microsoft Excel Anda.

2) Buatlah tabel seperti gambar di bawah ini



3) Block tabel tersebut secara keseluruhan

4) Klik Insert -> Column



5) Pilih bentuk Grafik

6) Kemudian Anda akan melihat grafik yang muncul



Mudah kan ^_^

Untuk membahas artikel ini bersama saya dan pengunjung lain, silahkan isi kotak komentar yang berada di bawah artikel ini ^_^

Sabtu, 07 Januari 2012

Video Pengenalan HTML 5

Steve Jobs HTML5 web experience on the iPad

Gameplay Call Of Duty Modern Warfare 3

Video Dokumentar Steve Jobs

Kamis, 05 Januari 2012

Mengganti Warna Kanvas dengan Javascript

Pada HTML 5 terdapat fungsi baru yang bernama Canvas, dengan Canvas kita bisa lebih mudah mempercantik tampilan, warna kanvas bisa ditentukan dengan menggunakan CSS.

Tetapi pada artikel ini kita akan coba bahas cara merubah warna canvas menggunakan Javascript agar tampilan web lebih interaktif

Untuk Anda yang ingin mengetahui caranya atau ingin tahu lebih lanjut apa itu canvas, silahkan salin kode di kotak di bawah ini ke dalam file HTML Anda



Jika sudah, save file HTML tersebut lalu jalankan di browser. Anda akan melihat tampilan seperti ini


Anda bisa mengganti warna canvas menggunakan tombol yang berada di bawahnya.

Pelajari skripnya, jika Anda ingin membahas skrip tersebut bersama saya dan pengunjung lain silahkan isi kotak komentar yang berada di bawah artikel ini ^_^

Membuat Aplikasi Webcam



Pada artikel ini saya akan memberikan source aplikasi yang mengambil data foto dari webcam.

Source bisa di download di sini : http://www.mediafire.com/download.php?q4ouqqv64sx4fbb

Aplikasi tersebut menggunakan bantuan Javascript sehingga agak lama dalam mengambil gambar, sekitar 10 detik, harap sabar yaa ^_^

Jika Anda ingin membahas source tersebut bersama saya dan pengunjung lain silahkan isi kotak komentar yang berada di bawah artikel ini ^_^

Senin, 02 Januari 2012

Membuat aplikasi Chat dengan HTML dan Javascript

Pada artikel ini saya ingin sharing file rar berisi source aplikasi chatting menggunakan PHP, HTML dan Javascript.


Filenya bisa Anda download di sini: http://www.mediafire.com/download.php?0uzp358384ybpg7

Saya tidak menampilkan tutorialnya pada artikel ini tetapi jangan khawatir, jika Anda menemukan kebingungan dalam memasang atau menggunakan aplikasi chat itu atau membutuhkan penjelasan silahkan isi kotak komentar yang berada di bawah artikel ini, saya akan membalas secepatnya ^_^

Minggu, 01 Januari 2012

Membuat HTML Editor dengan Javascript

Kita juga bisa membuat HTML Editor, walaupun sederhana tetapi sangat membantu bagi para pemula yang ingin mempelajari HTML. Untuk membuat HTML Editor ini sangat mudah, hanya diperlukan sebaris Javascript untuk membuatnya, berikut langkah-langkah pembuatannya


1) Jalankan Web Editor yang biasa Anda pakai, seperti  Adobe Dreamweaver atau Microsoft Frontpage.

2) Salin kode di bawah ini
=========================================================
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

  <html xmlns="http://www.w3.org/1999/xhtml">

  <head>

  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

  <title>HTML Editor</title>

  <style type="text/css">

  <!--

  #Layer1 {

  position:absolute;

  width:147px;

  height:130px;

  z-index:1;

  overflow:auto;

  left: 18px;

  top: 209px;

  }

  -->

  </style>

  </head>

<body>

  <script language="javascript">

function pasang(){

document.getElementById('hasil').innerHTML=document.getElementById('tulis').value;

}

</script>

  <div id="hasil" style="width:1300px; height:500px; overflow:scroll;">Preview Hasil Kodingan </div>

  <p>&nbsp;</p>

  <p align="center">

  <textarea name="tulis" cols="150" rows="5" id="tulis"></textarea>

  </p>

  <p>

  <input type="submit" name="Submit" value="Submit" onclick="pasang()" />

  </p>

  <p>&nbsp;</p>

  </body>

  </html>
=====================================================

3) Simpan File tersebut lalu jalankan di browser Anda

4) Anda akan melihat sebuah textarea yang besar, kotak itu adalah tempat Anda menulis script, lalu di bawahnya ada tombol Submit, klik tombol itu untuk melihat hasil kodingan Anda.

Sebuah HTML Editor sederhana tetapi sangat membantu berhasil dibuat ^_^

Jika ingin membahas artikel ini, silahkan isi kotak komentar yang berada di bawah artikel ini ^_^