Ubuntu untuk Tablet Resmi Diluncurkan

Ubuntu untuk Tablet Resmi Diluncurkan:
http://tekno.kompas.com/read/2013/02/20/11165420/Ubuntu.untuk.Tablet.Resmi.Diluncurkan

Shared via Indonesia News for Android.

Advertisements

Terbilang Dengan Suara Menggunakan Javascript

Karena aplikasi ini memanfaatkan soundmanager2, maka ada beberapa syarat yang harus dipenuhi seperti yang disebutkan dalam website resmi dari pengembang soundmanager2 adalah sebagai berikut :

Prerequisites (client)

  • Flash plugin, version 8 or higher
  • Supported Browser

Supported Browsers/Platforms

Javascript-to-flash communication is possible through Flash 8′s ExternalInterface feature, which uses a standard browser plugin architecture implemented by each browser manufacturer (see NPAPI.) As a result, the following browsers should be supported:

  • IE 5.0+, Windows
  • Netscape 8.0+, Windows/Mac
  • Mozilla 1.7.5+, Windows/Mac
  • Firefox 1.0+, Windows/Mac
  • Firefox 1.5+, Linux (Flash 9 beta)
  • Safari 1.3+, Mac / All Windows versions
  • Google Chrome (All versions/OSes)
  • Opera 9.10 (slightly buggy, 9.5+ ideal), Windows/Mac

untuk mengetahui apakah browser anda telah terinstall plugin Flash, maka jika anda dapat menjalankan video dari facebook atau dari youtube maka kemungkinan besar browser anda telah dapat menjalankan aplikasi Flash.

Langkah – langkah membuat aplikasi ini seperti yang dijelaskan pada gambar yang saya download dihttp://ilmukomputer.org/wp-content/uploads/2009/11/Gibransyah-TerbilangSuara1.zip

untuk itu saya membuat beberapa bagian diantaranya adalah :

  1. terbilang.js untuk mengubah bilangan menjadi kalimat
  2. mengubah kalimat menjadi suara dengan memanfaatkan soundmanager2
  3. folder audio untuk menyimpan file suara kita
  4. folder script untuk menyimpan file untuk menyimpan file terbilang.js dan soundmanager2.js
  5. folder swf untuk menyimpan file flash yang dibutuhkan ( include dalam paket soundmanager)

berikut ini sourcecodenya

file : terbilang.js

 

01 var daftarAngka=newArray("","satu","dua","tiga","empat","lima","enam","tujuh","delapan","sembilan");
02
03 function terbilang(nilai){
04 var temp='';
05 var hasilBagi,sisaBagi;
06 var batas=3;//batas untuk ribuan
07 var maxBagian = 5;//untuk menentukan ukuran array, jumlahnya sesuaikan dengan jumlah anggota dari array gradeNilai[]
08 var gradeNilai=new Array("","ribu","juta","milyar","triliun");
09 //cek apakah ada angka 0 didepan ==> 00098, harus diubah menjadi 98
10 nilai = this.hapusNolDiDepan(nilai);
11 var nilaiTemp = ubahStringKeArray(batas, maxBagian, nilai);
12 //ubah menjadi bentuk terbilang
13 var j = nilai.length;
14 var banyakBagian = (j % batas) == 0 ? (j / batas) : Math.round(j / batas + 0.5);
15 var h=0;
16 for(var i = banyakBagian - 1; i >=0; i-- ){
17 var nilaiSementara = parseInt(nilaiTemp[h]);
18 if (nilaiSementara == 1 && i == 1){
19 temp +="seribu ";}
20 else {
21 temp +=this.ubahRatusanKeHuruf(nilaiTemp[h])+" ";
22 temp += gradeNilai[i]+" ";
23 }
24 h++;
25 }
26 return temp;
27 }
28
29 function ubahStringKeArray(batas, maxBagian,kata){
30 var temp= new Array(maxBagian);// maksimal 999 milyar
31 var j = kata.length;
32 var banyakBagian = (j % batas) == 0 ? (j / batas) : Math.round(j / batas + 0.5);
33 for(var i = banyakBagian - 1; i >=0  ; i--){
34 var k = j - batas;
35 if(k < 0) k = 0; temp[i]=kata.substring(k,j); j = k ; if (j == 0) break; } returntemp; } function ubahRatusanKeHuruf(nilai){ //maksimal 3 karakter var batas = 2;//membagi string menjadi 2 bagian, misal 123 ==> 1 dan 23
36 var maxBagian = 2;//untuk deklarasi panjang array
37 var temp = this.ubahStringKeArray(batas, maxBagian, nilai);
38 var j = nilai.length;
39 var hasil="";
40 var banyakBagian = (j % batas) == 0 ? (j / batas) : Math.round(j / batas + 0.5);
41 for(var i = 0; i < banyakBagian ;i++){ //cek string yang memiliki panjang lebih dari satu ==> belasan atau puluhan
42 if(temp[i].length > 1){
43 //cek untuk yang bernilai belasan ==> angka pertama 1 dan angka kedua 0 - 9, seperti 11,16 dst
44 if(temp[i].charAt(0) == '1'){
45 if(temp[i].charAt(1) == '1') {
46 hasil += "sebelas";}
47 else if(temp[i].charAt(1) == '0') {
48 hasil += "sepuluh";}
49 else hasil += daftarAngka[temp[i].charAt(1) - '0']+ " belas ";
50 }
51 //cek untuk string dengan format angka  pertama 0 ==> 09,05 dst
52 else if(temp[i].charAt(0) == '0') {
53 hasil += daftarAngka[temp[i].charAt(1) - '0'] ;}
54 //cek string dengan format selain angka pertama 0 atau 1
55 else hasil += daftarAngka[temp[i].charAt(0) - '0']+ " puluh "+daftarAngka[temp[i].charAt(1) - '0'] ;
56 }
57 else {
58 //cek string yang memiliki panjang = 1 dan berada pada posisi ratusan
59 if(i == 0 && banyakBagian !=1){
60 if (temp[i].charAt(0) == '1') hasil+=" seratus ";
61 else if (temp[i].charAt(0) == '0') hasil+=" ";
62 else hasil+= daftarAngka[parseInt(temp[i])]+" ratus ";
63 }
64 //string dengan panjang satu dan tidak berada pada posisi ratusan ==> satuan
65 else hasil+= daftarAngka[parseInt(temp[i])];
66 }
67 }
68 return  hasil;
69 }
70
71 function hapusNolDiDepan(nilai){
72 while(nilai.indexOf("0") == 0){
73 nilai = nilai.substring(1, nilai.length);
74 }
75 return nilai;
76 }

 

file : index.html

 

01 untitled
02
03
04 <script src="./script/soundmanager2-nodebug-jsmin.js" type="text/javascript"><!--mce:0--></script>
05 <script src="./script/terbilang.js" type="text/javascript"><!--mce:1--></script>
06 <script type="text/javascript"><!--mce:2--></script>
07
08
09 <input id="nilai" type="text" />
10 <button id="tes1"> tes</button>

 

Hal terpenting dari kode diatas ( file index.html ) adalah :

  • soundManager.url=’./swf/’; ==> merujuk kepada folder dimana file .swf ( obyek flash ) disimpan
  • ketika tombol “tes1” diklik, maka program akan menjalankan beberapa hal, diantaranya :
  • mengambil nilai dari kotak inputan
  • mengubah nilai tersebut menjadi sebuah kalimat dengan menggunakan fungsi terbilang(nilai)
  • membuat object suara dengan menggunakan fungsi buatSuara(nilai) dengan parameter nilai yang didapat dari inputan
  • menjalankan suara tersebut ==> obj[0].play();

Cara Membuat Menu Navigasi Pada WordPress

Langkah pertama yang harus anda persiapkan adalah alamat URL atau link yang akan di pasang pada menu navigas (bila ingin menggunakan custom menu), bila anda masih kesulitan bagaimana mengetahui sebuah alamat link, silahkan baca artikel tentang Cara membuat link, karena disitu telah Kang Rohman bahas secara panjang lebar.

Berikut adalah langkah-langkah membuat menu navigasi pada wordpress :

  • Silahkan login ke dashboard blog wordpress anda.
  • Alihkan perhatian kesebelah kiri monitor anda, Arahkan pointer mouse anda ke menu Appearance lalu klik Menus.

    menu wordpress

  • Buatlah sebuah menu baru dengan memberi nama pada menu yang akan anda buat, contoh : Top Menu. Kemudian lanjutkan dengan klik tombol Create Menu.

    buat menu wordpress

  • Pada Primary menu, pilih nama menu yang tadi. Contoh : Top Menu. Lanjutkan dengan klik tombolSave.

    menu di wordpress

  • Ada 3 pilihan untuk anda membuat menu, yaitu dari Custom Link ( Link nya di masukkan secara manual ), dari Pages ( alamat laman blog ), atau dari Category ( kategori blog anda di jadikan menu ).
  • Untuk pilihan Pages dan Category, anda tinggal beri tanda centang laman atau kategori mana yang ingin di masukkan ke menu navigasi, lanjutkan dengan klik tombol Add to Menu.

  • Untuk pilihan Custom Link, isilah URL dengan dengan alamat link, contoh :http://www.krtutorplus.com/p/cara-membuat-blog-dengan-wordpress.html . Isilah label dengan tulisan yang ingin muncul dalam menu, contoh : Panduan WordPress. Lanjutkan Add to Menu.

    custom link

  • Untuk menambahkan menu yang lain, ulangi kembali langkah diatas.
  • Setiap menu yang ditambahkan secara otomatis akan muncul di kolom sebelah kanan. Posisi menu yang terlihat adalah dari atas kebawah, menu yang akan muncul urutannya adalah dari kiri ke kanan. Posisi atas berarti paling kiri, posisi paling bawah berarti paling kanan.

    wordpress custom menu

  • Posisi tersebut bisa anda geser-geser letaknya secara mudah (Drag anda Drop) agar sesuai dengan keinginan.
  • Klik tombol Save Menu.
  • Selesai.

Kira-kira hasilnya akan seperti ini :

menu navigasi

Cara Membuat Sub Menu (Child Menu)

Langkah-langkah yang telah ditulis diatas adalah membuat sebuah menu yang hasilnya akan terlihat satu deretan menu. Apabila isi blog anda sangat komplek, tentu banyak yang ingin di masukkan kedalam menu navigasi, untuk mengatasi hal ini kita harus membuat menu yang mempunyai SubMenu (child) menu. Jadi, sebuah menu apabila di sorot pointer akan mengeluahkan Submenu nya.

Untuk membuat submenu sangatlah mudah, anda tinggal meletakkan submenu di bawah menu utama namun letaknya lebih menjorok ke kanan sedikit. Berikit uraian lebih lengkap :

  • Diasumsikan bahwa anda telah membuat menu utama seperti langkah diatas.
  • Masukkanlah semua submenu anda, caranya sama seperti memasukkan menu utama. Setelah semua menu dibuat, letakkan sub menu di bawah menu utama namun posisinya lebih menjorok ke kanan sedikit.
  • Setiap menu yang posisinya lebih menjorok ke kanan sedikit, itu berarti submenu dari menu diatasnya.

    sub menu

  • Apabila semua menu telah tertata rapih, akhiri dengan klik tombol Save Menu.
  • Selesai.

Kira-kira hasilnya akan seperti ini :

dropdown menu

Sedikit catatan tentang wordpress menu atau lebih di kenal dengan Custom Menu WordPress yaitu tidak semua theme wordpress telah support untuk Custom Menu karena fitur ini terbilang baru, Theme/tema yang lumayan jadul belum bisa membuat custom menu seperti yang di terangkan diatas.