• Solo Great Sale

    Solo Great Sale Powered By Circle Card 2015

  • Solo Great Sale

    Solo Great Sale Powered By Circle Card 2015

  • Oracle Java Magazine

    As Cover of Oracle Java Magazine March/April 2012 issue

  • Launching jDuchess Indonesia

    Gunadarma University 2011

    www.jduchess.or.id

  • Launching jDuchess Indonesia

    Gunadarma University 2011

    www.jduchess.or.id

  • Launching Java 7

    Binus University 2011

  • Eclipse Democamp

    Microsoft Indonesia 2011

  • Oracle Academy

    SMK PGRI 3 Malang 2010

  • Launching JENI 2.0

    ITB Bandung 2012

  • Oracle Academy

    SMK PGRI 3 Malang 2010

  • Java and Android Roadshow

    SMK PGRI 3 Malang 2012

  • Oracle Academy

    SMK PGRI 3 Malang 2010

  • Launching JENI 2.0

    ITB Bandung 2012

  • Oracle Academy

    SMK PGRI 3 Malang 2011

  • Java and Android Roadshow

    SMK Plus Darussalam Kediri 2012

  • Oracle Academy Seminar

    LIKMI Bandung, 2012

  • Oracle Academy Seminar

    Indonesia University, 2012

  • Seminar Android

    Universitas Budi Luhur 2010

  • Java and Android Roadshow

    SMK Hasan Kafrawi Jepara 2012

  • Sosialisasi Kurikulum 2013

    LPMP Surabaya 2013

  • IOSA

    Indonesia Open Source Award 2011

  • Java Training

    SMKN 02 Sukabumi 2010

  • Sosialisasi Kurikulum

    SMKN 01 Tulungagung 2011

  • Sosialisasi Kurikulum 2013

    LPMP Surabaya 2013

Monday, December 26, 2011

Posted by Netty Herawaty
| 3:27 PM
Dulu waktu saya PRAKERIN (Praktek Kerja Industri) kelas 2 SMK sekitar tahun 2009, saya melihat di salah satu hasil kerjaan senior saya dia bisa membuat berbagai macam form validasi yang menarik bahkan bisa tampil popup. Ketika saya tanya untuk membuat seperti itu menggunakan apa, dia menjawab bahwa pakai jQuery. Dari situlah akhirnya saya coba cari tahu apa itu jQuery dan bagaimana cara menggunakannya.

jQuery adalah libary Javascript siap pakai yang dibuat untuk memudahkan pembuatan website dengan HTML yang berjalan di sisi client (browser). Bisa diartikan jQuery ini menyederhanakan kode Javascript . Misalnya untuk membuat validasi form menggunakan Javascript dibutuhkan kode yang sangat panjang dan cukup rumit, namun dengan adanya jQuery  cukup menambahkan <script src="jquery.validate.js"></script> . Jadi sesuai dengan slogannya "Write less, do more" .


Mengapa menggunakan jQuery ?

a. jQuery bisa memanipulasi class pada CSS sampai dengan CSS3
b. Kompatibel dengan hampir semua browser populer seperti Mozilla, IE, Safari, Chrome, Opera
c. Mempunyai dokumentasi yang lengkap. Kunjungi website resminya disini
d. Fasilitas untuk membuat animasi sekelas Flash
e. Mempunyai plugin yang cukup banyak
f. Dukungan komunitas yang besar
g. OpenSource
h. Memiliki API (Application Programming Interface). Dengan API jQuery dapat memanipulasi content pada halaman web seperti pengubahan text, gambar, paging dll

Cara menggunakan jQuery

1. Download jQuery disini dan simpan di direktori Anda 2. Buka editor, bisa menggunakan Dreamweaver atau Sublime Text 3. Masukkan jQuery library di dalam tag <head>
<!DOCTYPE html>

<html>

<head>

<meta charset=”utf-8”>

<title>jQuery</title>

<script src="jQuery-1.9.1.min.js"></script>

</head>

<body>

...

</body>

</html>

Nah sangat mudah bukan? untuk contoh penggunaan jQuery lainnya akan saya bahas di postingan selanjutnya.

Tuesday, December 13, 2011

Posted by Netty Herawaty
| 1:47 PM
CSS  merupakan  singkatan  dari  Cascading  Style  Sheet  yaitu  bahasa pemrogaman web untuk mengendalikan tampilan dari sebuah desain web dan digunakan sebagai pengatur format dan layout sebuah halaman web. CSS dapat mengendalikan ukuran gambar, warna, font, border dan lain-lain dalam struktur HTML.

Fungsi dari CSS adalah mempresentasikan halaman yang sama dengan format tampilan yang berbeda.   Dalam  konteks implementasinya,  CSS  didefinisikan  melalui  kode-kode  style  sheet  yang dapat disertakan pada file HTML itu sendiri (embeded), atau terpisah dari file HTML. jika terpisah maka file style sheet harus kita beri ekstensi .css, untuk menandai bahwa file tersebut adalah file CSS. Setelah itu File CSS akan dapat direferensikan oleh HTML.

Maka  dari  itu  CSS  yang dikembangkan oleh  World  Wide  Web (  W3C  ),sekarang  ini  sudah  menjadi standar  baru  bahasa  para  designer  web  untuk  melengkapi kekurangan dari bahasa HTML dalam hal estetika.

Sedangkan untuk CSS3 yang merupakan genderasi ketiga dari versi CSS sebelumnya, dalam segi pengertian tidak jauh beda dengan CSS hanya saja CSS3 memiliki performa style yang jauh lebih baik dan memiliki tambahan fitur. Beberapa dari produsen web browser menetapkan aturan untuk menggunakan CSS3, seperti Mozilla yang menggunakan prefixmoz- pada browser-nya untuk menerjemahkan suatu properti CSS3 dan Opera dengan menggunakan prefix-o-.

Kelebihan CSS3

a. Interface website menjadi lebih menarik dan interaktif
b. Struktur data sederhana
c. CSS3 menyediakan efek animasi sehingga kita tidak membutuhkan plugin tambahan seperti Adobe Flash
d. CSS3 bisa memberikan efek grafis terhadap teks. kolom, table serta penataan huruf
e. CSS3 bisa mengurangi file yang akan di load sehingga halaman web lebih ringan

Fitur Baru CSS3

1. Properti Border

a. Border Color
b. Border Image
c. Border Radius
d. Box Shadow

2. Properti Background

a. Background Origin
b. Background Clip
c. Background Size
d. Multiple Background

3. Properti Color

a. HSL Color
b. HSLA Color
c. RGBA Color
d. Opacity

4. Properti Text

a. Text Effencts
b. Text Shadow
c. Text Overflow
d. Wordwrap

5. Properti User Interface

a. User Interface
b. Box Sizing
c. Outline
d. Resize

6. Properti Navigation

a. Nav Top
b. Nav Bottom
c. Nav Left

7. Properti Selector

a. Attribute Selector

8. Properti Lainnya

a. Basic Box Model
b. Overflow X
c. Overflow Y
d. Generated Content
e. Content
f. Other Modules
g. Media Queries
h. Multi Column Layout
i. Web Font
j. Speech

Tuesday, December 6, 2011

Posted by Netty Herawaty
| 11:37 AM
Untuk memperdalam penggunaan HTML5 dalam desain web, diperlukan pemahaman tentang struktural yang ada pada HTML5. Perlu diketahui setiap elemen memiliki pasangan masing-masing misal : <head>...</head> , <body>...</body> .

Untuk struktur secara umum masih sama dengan HTML versi sebelumnya
<!DOCTYPE html>

<html>

<head>

<meta charset=”utf-8”>

<title>Struktur HTML 5</title>

</head>

<body>

…

</body>

</html>

Ada beberapa tag baru sesuai dengan fitur dimiliki HTML 5. Penjelasan mengenai fitur baru ini bisa dibaca pada postingan saya sebelumnya .

<header>

Sering digunakan sebagai header atau bagian atas dalam halaman html, digunakan untuk menempatkan logo, judul dari website dan navigasi. Header juga bisa diletakkan diantara <section> untuk menandakan judul dari sebuah section
<!DOCTYPE html>

<html>

<head>

<meta charset=”utf-8”>

<title>Struktur HTML 5</title>

</head>

<body>

<header>

...

</header>

</body>

</html>

<section>

Elemen yang digunakan untuk mengelompokkan beberapa elemen yang sejenis, misalnya jika  kita  akan menampilkan  beberapa  artikel   dalam  satu  halaman,  maka  bisa  menggunakan  tag section.
<!DOCTYPE html>
<html>
<head>
 <meta charset=”utf-8”>
 <title>Struktur HTML 5</title>
</head>
<body>
 <section>
  <h1>HTML 5</h1>
   <section>
    <h1>Tentang</h1>
    <p>HTML 5 adalah pengembangan dari versi sebelumnya.....</p1>
   </section>
 </section>
</body>
</html>

<nav>

Elemen yang digunakan untuk menampilkan menu navigasi. <nav> dapat digunakan diluar atau di dalam elemen lainnya seperti <aside>, <header> atau <footer>
<!DOCTYPE html>
<html>
<head>
<title>Struktur HTML 5</title>
</head>
<body>
<nav> 
<ul> 
<li><a href="#">Beranda</a></li> 
<li><a href="#">Tentang</a></li> 
<li><a href="#">Kontak</a></li> 
</ul> 
</nav>
</body>
</html

<article>

Tag ini digunakan untuk menampilkan satu artikel penuh dalam halaman html, artikel terdiri dari judul, sub judul, catatan dan deskripsi. Berikut contoh penggunaan <article> pada html.
<!DOCTYPE html>

<html>

<head>

<meta charset=”utf-8”>

<title>Struktur HTML 5</title>

</head>

<body>

<section>

<h1>Article Terbaru</h1>

<article>

<h2>Apa Kelebihan HTML 5 ?</h2>

<p>HTML 5 memiliki beberapa fitur baru.....</p1>

</article>

</section>

</body>

</html>

<aside>

Tag ini lebih sering digunakan sebagai pengganti div sidebar, digunakan untuk mendefinisikan sidebar pada halaman html. Untuk menggunakannya dapat menggunakan kode <aside> … </aside>
<!DOCTYPE html>

<html>

<head>

<meta charset=”utf-8”>

<title>Struktur HTML 5</title>

</head>

<body>

<section>

<h1>Navigasi</h1>

<aside>

<ul>

<li><a href="#">Beranda</a></li>

<li><a href="#">Tentang</a></li>

<li><a href="#">Kontak</a></li>

</ul>

</aside>

</section>

</body>

</html>

<footer>

Tag  ini  sering  digunakan  pada  bagian  bawah  tampilan  html,  dan  digunakan  untuk menampilkan informasi copyright, author atau navigasi. Di bawah ini merupakan contoh kode dari penggunaan footer.
<!DOCTYPE html>

<html>

<head>

<meta charset=”utf-8”>

<title>Struktur HTML 5</title>

</head>

<body>

<footer>

Copyright © 2011 Nety Herawaty. All rights reserved.

</footer>

</body>

</html>

Saturday, December 3, 2011

Posted by Netty Herawaty
| 10:44 AM
HTML merupakan singkatan dari Hyper  Text  Markup  Language yang merupakan file teks atau file ASCII yang berisi  instruksi/script kepada web browser untuk menampilkan suatu tampilan grafis  dari  sebuah  halaman  web.  Di  dalam  file  HTML  terdapat  beberapa  atau  kode-kode  yang dimengerti oleh web browser dan dapat menampilkannya di layar monitor.

HTML5  adalah  sebuah  revisi  dan  hasil pengembangan  yang  kelima  dari HTML.  Tujuan  utama pengembangan  HTML5  adalah  untuk memperbaiki  teknologi  HTML  agar mendukung teknologi multimedia terbaru, mudah dibaca oleh Pengguna dan dapat dimengerti oleh Semua Browser dan Operating System. HTML5 merupakan sebuah pemgembangan dari HTML 4.01 dan XHTML 1.1 yang selama ini berjalan terpisah. HTML5 dikembangkan oleh W3C (World Wide Web Consortium) dan WHATWG (Web Hypertext Application Technology Working Group).


Fitur baru pada HTML 5 :

1. Canvas

tag <canvas> berfungsi untuk menampilkan kertas gambar sehingga pengguna dapat menggunakan canvas untuk menggambar ataupun menulis tanpa menggunakan plugin

2. Video and Audio

Jika kita ingin menampilkan video atau audio pada website, kita akan membutuhkan plugin seperti adobe dengan format .swf dan .flv. Namun dengan HTML 5 kita tinggal menggunakan tag <audio> dan <video>

3. New Attibutes

Atribut baru <form>
a. autocomplete
b. novalidate
Atribut baru <input>
a. autocomplete
b. autofocus
c. form
d. formaction
e. formenctype
d. formmethod
e. formnovalidate
f. formtarget
g.height and width
h. list
i. min and max
j. multiple
k. pattern (regexp)
l.placeholder
m. required
n. step

4. Semantic Element

HTML5 menawarkan elemen-elemen semantik baru yang berbeda dalam halaman website
<header>
<nav>
<section>
<article>
<aside>
<figcaption>
<figure>
<footer>

5. Application Cache

HTML 5 mengenalkan Application Cache yang berarti aplikasi dalam website telah "tersimpan" dan dapat di akses tanpa membutuhkan koneksi ke internet.

Keuntungan application cache :
1. User dapat melakukan browsing tanpa membutuhkan koneksi internet
2. Data yang cached dapat di load dengan lebih cepat
3. Browser hanya dapat me-load data yang di update dari server, selebihnya tidak akan di load ulang

Untuk struktur penulisan HTML 5 akan saya bahas on my next post :)

Saturday, November 5, 2011

Posted by Netty Herawaty
| 11:25 AM
May be some of you do not know what is jDuchess? jDuchess or Java Duchess is a global network for connecting women in Java technology. The mission is to promote women in this sector and to provide a platform through which women can connect with each other and get involved in the greater java community.

As of the end of 2011 , Duchess has over 400 members in 57 countries, that one of them is JDuchess Indonesia.



Okay, all started when Meruvian owner, Frans Thamura introduce us to Agnes Crepet and Cyril Lacote. Agnes is the founder of jDuchess France and Cyril Lacote is the lead of Lyon JUG. They wanna help us to launche jDuchess Indonesia, so we immediately discuss the launching preparation by email, and finally we agree to launch jDuchess Indonesia on the first November 2011. Then me, Mila Yuliani and Senja Ananda (Meruvian Girls) organized this very great event in Gunadarma University.


On 1-11-2011 , in front of 180 people we start the launching with a speech from the president of Gunadarma University, Prof. Dr. E. S.Margianti, SE., MM. Then chairman of Informatic Technique department, Dr.-Ing. Adang Suhendra, SSi, SKom, Msc. and the coordinator of foreign cooperation , Dr. rer. nat. I Made Wiryana, SSi, SKom, Msc




After that, Agnes and Cyril doing a talk about their experience about being a Java developer in Europe. And then Frans Thamura, Mila Yuliani and Senja Ananda did some interested talks about their experience in Meruvian



At the end, we inaugurated the birth of JDuchess Indonesia with a nice video clip. So since that, jDuchess Indonesia was born. We welcome all Indonesian women who are interested in Java technology, including developers, architects, testers, business analysts, managers and other to join with us. We believe that that women have an essential role to play in the future of IT as it evolves in the global economy.




Join us and help make jDuchess Indonesia into something great !!




You can find us on :

Duchess Worldhttp://jduchess.org/

Thursday, July 28, 2011

Posted by Netty Herawaty
| 12:18 AM
Pada waktu kelas 2 SMK tahun 2009 dulu saya pernah menginstal Oracle 10g di Windows. Dan sekarang saya akan mencoba menginstal Oracle 10g di Ubuntu. 

Syarat yang wajib dipenuhi adalah :
1. Oracle installer yaitu oracle-xe_10.2.0.1-1.0_i386.deb yang dapat anda download disini
2. Minimal hardisk 1,5 GB
3. Minal SWAP 1 GB
4. Koneksi Internet


Setelah semua persyaratan diatas sudah terpenuhi, klik 2 kali pada file instaler tersebut dan tunggu sampai selesai. Selama penginstalan komputer harus terkoneksi dengan internet.

Setelah instalasi selesai, selanjutnya adalah konfigurasi Oracle dengan Ubuntu supaya dapat digunakan. Masuk ke Console sebagai root dengan perintah $sudo su kemudian ketikka perintah #/etc/init.d/oracle-xe configure

Jika ada perintah disuruh memasukkan port maka isikan dengan 8080 dan yang kedua isikan 1521 . Kemudian akan diminta untuk memasukkan password. Password yang anda isikan disini digunakan sebagai password ketika login ke database.

Ketik "y" untuk konfirmasi dan tunggu sampai proses selesai. Perhatikan screenshot dibawah ini


Buka browser anda dan masuk ke http://127.0.0.1:8080/apex
Login dengan username system dan password yang anda masukkan di Console tadi




Selamat Mencoba !

Saturday, July 9, 2011

Posted by Netty Herawaty
| 5:55 PM
Haloo semua..

Sudahkan kalian tahu jika JDK 7 (Java Development Kit 7) telah rilis sebagai bentuk perkembangan dari versi sebelumnya yaitu JDK 6 ? 

JDK 7 telah dirilis di 20 negara di dunia yang salah satunya adalah Indonesia. di Indonesia JDK 7 ini resmi diperkenalkan pada 7 Juli 2011 lalu di Binus International. Nah kebetulan yang menjadi panitia dan pengisi acara rilisnya adalah team dari Meruvian (tempat saya kerja) :)


- Meruvian Team -

- All the Audiences -


Kemudian apa saja fitur - fitur yang ada di JDK 7 ini? 
Berikut merupakan fitur - fitur penting dari JDK 7 untuk memperbaiki kinerja, usability dan security dari platform Java :

1. Superpackages
Superpackages adalah fitur yang memperluas fungsi package dalam Java, seperti bisa membuat nested dalam superpackages

2. Project Coin 
Project Coin adalah fitur untuk mempermudah pembuatan code program. Fitur yang disediakan dalam Project Coin yaitu diamond, try-with-resources , invokedynamic dll.

3. Modular
Salah satu keuntungan dari modularisasi adalah platform menjadi smaller download (lebih kecil untuk di-download) sehingga akan meningkatkan kinerja pada saat aplikasi sedang start-up

4. Multi-Language Support
Meningkatkan compatibility antara Java dan berbagai bahasa dinamis lain seperti Ruby dan Phyton dengan menyediakan implementasi better-than-native dari bahasa tersebut diatas JRE (Java Runtime Environment)


Monday, July 4, 2011

Posted by Netty Herawaty
| 1:57 PM

Game ABC

Game ABC adalah game android sederhana untuk membantu anak – anak menghafal dan mengenali abjad dari A – Z. 

Membuat Game ABC

Untuk membuat game tersebut ikuti langkah – langkah dibawah ini :

Menyimpan Gambar Game

Simpan semua file gambar yang akan ditampilkan pada folder res/drawable

Menyimpan Suara Game

Simpan semua file suara yang akan ditampilkan pada folder res/raw


Membuat Layout

Buat file main.xml pada folder res/layout untuk membuat layout atau UI game

<?xml version="1.0" encoding="utf-8"?>

<FrameLayout

xmlns:android="http://schemas.android.com/apk/res/android"

android:layout_width="fill_parent"

android:layout_height="fill_parent"

android:background="@drawable/background"

android:orientation="vertical" >



<GridView

xmlns:android="http://schemas.android.com/apk/res/android"

android:id="@+id/gridView"

android:layout_width="fill_parent"

android:layout_height="fill_parent"

android:columnWidth="@dimen/column_width_grid"

android:gravity="center"

android:numColumns="auto_fit"

android:stretchMode="columnWidth" >

</GridView>



<LinearLayout

android:id="@+id/InnerRelativeLayout"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_gravity="bottom"

android:orientation="horizontal" >



<Button

android:id="@+id/letter_btn"

style="@style/main_menu_btnTop"

android:layout_height="wrap_content"

android:layout_gravity="right"

android:background="@drawable/blue_menu_btn"

android:text="@string/letter_label" />



<Button

android:id="@+id/words_btn"

style="@style/main_menu_btnTop"

android:layout_height="wrap_content"

android:layout_gravity="right"

android:background="@drawable/blue_menu_btn"

android:text="@string/words_label" />

</LinearLayout>

Membuat Class Java

Buat class Huruf_Gambar.java yang berisi kode untuk memasukkan semua file gambar yang sudah disimpan pada folder res/drawable

package org.meruvian.androidgame.abcgame;
import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;
public class Huruf_Gambar extends BaseAdapter {
private Context context;
private final String[] hurufgambar;
public Huruf_Gambar(Context context, String[] hurufgambars) {
this.context = context;
this.hurufgambar = hurufgambars;
}
getView(int position, View convertView, ViewGroup parent) {
LayoutInflater inflater = (LayoutInflater) context
.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
View gridView;
if (convertView == null) {
gridView = new View(context);
gridView = inflater.inflate(R.layout.mobile, null);
ImageView imageView = (ImageView) gridView.findViewById(R.id.grid_item_image);
String gambar = hurufgambar[position];
if (gambar.equals("a")) {
imageView.setImageResource(R.drawable.a);
} else if (gambar.equals("b")) {
imageView.setImageResource(R.drawable.b);
} else if (gambar.equals("c")) {
imageView.setImageResource(R.drawable.c);
} else if (gambar.equals("d")) {
imageView.setImageResource(R.drawable.d);
} else if (gambar.equals("e")) {
imageView.setImageResource(R.drawable.e);
} else if (gambar.equals("f")) {
imageView.setImageResource(R.drawable.f);
} else if (gambar.equals("g")) {
imageView.setImageResource(R.drawable.g);
} else if (gambar.equals("h")) {
imageView.setImageResource(R.drawable.h);
} else if (gambar.equals("i")) {
imageView.setImageResource(R.drawable.i);
} else if (gambar.equals("j")) {
imageView.setImageResource(R.drawable.j);
} else if (gambar.equals("k")) {
imageView.setImageResource(R.drawable.k);
} else if (gambar.equals("l")) {
imageView.setImageResource(R.drawable.l);
} else if (gambar.equals("m")) {
imageView.setImageResource(R.drawable.m);
} else if (gambar.equals("n")) {
imageView.setImageResource(R.drawable.n);
} else if (gambar.equals("o")) {
imageView.setImageResource(R.drawable.o);
} else if (gambar.equals("p")) {
imageView.setImageResource(R.drawable.p);
} else if (gambar.equals("q")) {
imageView.setImageResource(R.drawable.q);
} else if (gambar.equals("r")) {
imageView.setImageResource(R.drawable.r);
} else if (gambar.equals("s")) {
imageView.setImageResource(R.drawable.s);
} else if (gambar.equals("t")) {
imageView.setImageResource(R.drawable.t);
} else if (gambar.equals("u")) {
imageView.setImageResource(R.drawable.u);
} else if (gambar.equals("v")) {
imageView.setImageResource(R.drawable.v);
} else if (gambar.equals("w")) {
imageView.setImageResource(R.drawable.w);
} else if (gambar.equals("x")) {
imageView.setImageResource(R.drawable.x);
} else if (gambar.equals("y")) {
imageView.setImageResource(R.drawable.y);
} else if (gambar.equals("z")) {
imageView.setImageResource(R.drawable.z);
}
} else {
gridView = (View) convertView;
}
return gridView;
}
public int getCount() {
return hurufgambar.length;
}
public Object getItem(int position) {
return null;
}
public long getItemId(int position) {
return 0;
}
}

Kemudian buat kelas Huruf_Suara.java yang berisi kode untuk memasukkan suara dan method OnItemClickListener() sehingga ketika gambar di klik akan mengeluarkan

package org.meruvian.androidgame.abcgame;

import android.app.Activity;

import android.content.Intent;

import android.media.MediaPlayer;

import android.os.Bundle;

import android.view.View;

import android.view.View.OnClickListener;

import android.view.Window;

import android.widget.AdapterView;

import android.widget.Button;

import android.widget.GridView;

import android.widget.Toast;

import android.widget.AdapterView.OnItemClickListener;

public class Huruf_sr extends Activity {

GridView grid;

Button huruf, kata;

static final String[] abc = new String[] { "a", "b", "c",

"d", "e", "f", "g", "h", "i", "j", "k", "l", "m", "n", "o",

"p", "q", "r", "s", "t", "u", "v", "w", "x", "y", "z" };

@Override

public void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

requestWindowFeature(Window.FEATURE_NO_TITLE);

setContentView(R.layout.main);

final MediaPlayer sr_a = MediaPlayer.create(this, R.raw.a);

final MediaPlayer sr_b = MediaPlayer.create(this, R.raw.b);

final MediaPlayer sr_c = MediaPlayer.create(this, R.raw.c);

final MediaPlayer sr_d = MediaPlayer.create(this, R.raw.d);

final MediaPlayer sr_e = MediaPlayer.create(this, R.raw.e);

final MediaPlayer sr_f = MediaPlayer.create(this, R.raw.f);

final MediaPlayer sr_g = MediaPlayer.create(this, R.raw.g);

final MediaPlayer sr_h = MediaPlayer.create(this, R.raw.h);

final MediaPlayer sr_i = MediaPlayer.create(this, R.raw.i);

final MediaPlayer sr_j = MediaPlayer.create(this, R.raw.j);

final MediaPlayer sr_k = MediaPlayer.create(this, R.raw.k);

final MediaPlayer sr_l = MediaPlayer.create(this, R.raw.l);

final MediaPlayer sr_m = MediaPlayer.create(this, R.raw.m);

final MediaPlayer sr_n = MediaPlayer.create(this, R.raw.n);

final MediaPlayer sr_o = MediaPlayer.create(this, R.raw.o);

final MediaPlayer sr_p = MediaPlayer.create(this, R.raw.p);

final MediaPlayer sr_q = MediaPlayer.create(this, R.raw.q);

final MediaPlayer sr_r = MediaPlayer.create(this, R.raw.r);

final MediaPlayer sr_s = MediaPlayer.create(this, R.raw.s);

final MediaPlayer sr_t = MediaPlayer.create(this, R.raw.t);

final MediaPlayer sr_u = MediaPlayer.create(this, R.raw.u);

final MediaPlayer sr_v = MediaPlayer.create(this, R.raw.v);

final MediaPlayer sr_w = MediaPlayer.create(this, R.raw.w);

final MediaPlayer sr_x = MediaPlayer.create(this, R.raw.x);

final MediaPlayer sr_y = MediaPlayer.create(this, R.raw.y);

final MediaPlayer sr_z = MediaPlayer.create(this, R.raw.z);

grid = (GridView) findViewById(R.id.gridView);

grid.setAdapter(new Huruf_Gambar(this, abc));

kata = (Button) findViewById(R.id.words_btn);

kata.setOnClickListener(new OnClickListener() {

public void onClick(View v) {

Intent mainIntent = new Intent(Huruf_sr.this,

Kata_sr.class);

startActivity(mainIntent);

}

});

grid.setOnItemClickListener(new OnItemClickListener() {

public void onItemClick(AdapterView<?> parent, View v,

int position, long id) {

Toast.makeText(getApplicationContext(),

abc[position],

Toast.LENGTH_SHORT).show();

String alphabet = abc[position];

if (alphabet.equalsIgnoreCase("a")) {

sr_a.start();

} else if (alphabet.equalsIgnoreCase("b")) {

sr_b.start();

} else if (alphabet.equalsIgnoreCase("c")) {

sr_c.start();

} else if (alphabet.equalsIgnoreCase("d")) {

sr_d.start();

} else if (alphabet.equalsIgnoreCase("e")) {

sr_e.start();

} else if (alphabet.equalsIgnoreCase("f")) {

sr_f.start();

} else if (alphabet.equalsIgnoreCase("g")) {

sr_g.start();

} else if (alphabet.equalsIgnoreCase("h")) {

sr_h.start();

} else if (alphabet.equalsIgnoreCase("i")) {

sr_i.start();

} else if (alphabet.equalsIgnoreCase("j")) {

sr_j.start();

} else if (alphabet.equalsIgnoreCase("k")) {

sr_k.start();

} else if (alphabet.equalsIgnoreCase("l")) {

sr_l.start();

} else if (alphabet.equalsIgnoreCase("m")) {

sr_m.start();

} else if (alphabet.equalsIgnoreCase("n")) {

sr_n.start();

} else if (alphabet.equalsIgnoreCase("o")) {

sr_o.start();

} else if (alphabet.equalsIgnoreCase("p")) {

sr_p.start();

} else if (alphabet.equalsIgnoreCase("q")) {

sr_q.start();

} else if (alphabet.equalsIgnoreCase("r")) {

sr_r.start();

} else if (alphabet.equalsIgnoreCase("s")) {

sr_s.start();

} else if (alphabet.equalsIgnoreCase("t")) {

sr_t.start();

} else if (alphabet.equalsIgnoreCase("u")) {

sr_u.start();

} else if (alphabet.equalsIgnoreCase("v")) {

sr_v.start();

} else if (alphabet.equalsIgnoreCase("w")) {

sr_w.start();

} else if (alphabet.equalsIgnoreCase("x")) {

sr_x.start();

} else if (alphabet.equalsIgnoreCase("y")) {

sr_y.start();

} else if (alphabet.equalsIgnoreCase("z")) {

sr_z.start();

}

}

});

}

} 

Hasil contoh Game ABC

Jalankan project ABC Game dan hasilnya akan tampil seperti dibawah ini


Ketika salah satu dari huruf abjad di klik  maka akan keluar mengeluarkan suara