Installasi Aplikasi Android di Netbeans

Pada kesempatan kali ini, saya akan membahas installasi android pada Netbeans (netbeans yang saya gunakan 7.0.1) . Anda juga bisa mengunjungi link berikut yang membahas installasi android di netbeans http://kenai.com/projects/nbandroid/pages/Install. Untuk persiapan aplikasinya, tool yang dibutuhkan cukup IDE Netbeans dan koneksi internet.

Untuk langkah-langkah installasinya :

•  Buka IDE Netbeans anda.

•   Pilih tab Tools -> Plugin
•  

• Setelah masuk ke jendela plugin, geser ke tab setting dan pilih tombol add (lihat kotak merah)

• Kemudian akan muncul jendela Update Center Customize. Masukkan Nama dan URL seperti dibawah ini
• Kemudian Click OK,dan tunggu hingga upload file ke android berhasil
• Jika berhasil maka muncul (saya tandai kotak merah) sebagai berikut
• Kemudian beralih ke tab “Available Plugins”, maka catalog android ditampilkan, dan anda centang sesuai versi netbeans anda. Disini saya mencentang android dan android test runner for Netbeans 7.0.
• Kemudian Click Tombol Install
• Maka Installasi pertama kali akan menampilkan” Welcome to the Netbeans IDE Plugin Installer” :
• Langsung tekan next, dan anda akan diminta lisensi persetujuan,centang “I accept the terms in all the lisensi agrement
• Kemudian ikuti intruksi berikutnya, dan klik finish
• Ahkirnya installasi selesai, untuk mencoba aplikasi android anda dapat langsung membuat project android di netbeans
• Pilih tab File -> New Project  -> (Jika berhasil muncul pilihan project android) -> Pilih Android Project
• Klik tombol Next, Lalu akan muncul jendela “New Android Application”, dan lengkapi isian projectnya,. Jika anda belum mendownload SDK Android silahkan kunjungi link berikut  http://developer.android.com/sdk/index.html
• Dan perhatikan kotak merah diatas untuk memilih SDK Android yang anda gunakan, saya menggunakan Android 2.2 Froyo, dan klik Finish.
• Selanjutnya selamat berkreasi.

Program Welcome Android Dengan Inputan User

Sesuai dengan tradisi, untuk membuat program pertama, biasanya programmer membuat program menampilkan kalimat “Hello World” atau sejenisnya. Untuk melestarikan tradisi, pada project android pertama ini, kita akan membuat sebuah program untuk menampilkan kalimat “welcome android” yang di inputkan oleh user.  sebelum membuat program welcome android, anda bisa melihat output dari program welcome android di bawah ini :

Dari program welcome android tersebut, kita membutuhkan beberapa komponen widged untuk membuat UI (User Interfacenya) terlebih dahulu, diantaranya L Sesuaikan setiap variabel komponen widgednya sesuai Variabel Name pada tabel berikut ini”.

Widged	Variabel Name	Label
<TextView>	__	Project Welcome Android Dengan Inputan User
	TextView1	Ketikkan Kalimat
	TextView2	Kalimat yang telah anda ketik
<EditText>	txtInput	—————————————-
	TxtOutput	—————————————-
<Button>	btnShow	Show
	btnReset	Reset

Kemudian anda buka file main.xml, untuk membuat desain User Interfacenya dan mendefinisikan variabel id widgednya. Kemudian masuk kedalam mode Grapichal Layout untuk drag and drop widged ke container atau mode main.xml ke dalam mode text xml. Kemudian masuk ke dalam mode main.xml. Sehingga draft dari struktur main.xml adalah :

<?xml version=”1.0″ encoding=”utf-8″?>

<LinearLayout xmlns:android=”http://schemas.android.com/apk/res/android&#8221;

android:orientation=”vertical”

android:layout_width=”fill_parent”

android:layout_height=”fill_parent” >

<!– Widged TextView menciptakan PROJECT WELCOME ANDROID DENGAN INPUTAN USER –>

<TextView

( ……………………….. )

<!– Widged TextView menciptakan label Ketikkan Kalimat –>

<TextView

( ……………………….. )

</TextView>

<!– Membuat desain layout secara relative untuk mengatur komponen widged secara relative–>

<RelativeLayout android:layout_width=”match_parent” android:layout_height=”wrap_content”

android:id=”@+id/relativeLayout1″>

<!– Menciptakan EditText untuk input teks Input lebih dari satu baris –>

<EditText android:inputType=”textMultiLine”

( ……………………….. )

</EditText>

<!—Widged Tombol Menciptakan Tombol Reset –>

<Button android:text=”Reset”

(…………………………….)

</Button>

<!—Widged Tombol Menciptakan Tombol Show–>

<Button android:text=”Show”

(…………………………….)

</Button>

</RelativeLayout>

<!– Widged TextView menciptakan label Kalimat yang telah anda ketik –>

<TextView android:layout_marginLeft=”40dp”

(…………………………….)

</TextView>

<!– Menciptakan EditText untuk input teks Output lebih dari satu baris –>

<EditText android:layout_marginLeft=”40dp”

(…………………………….)

</EditText>

</LinearLayout>

Pada semua widged EditText kita gunakan inputnya bertipe “TextMultiLine”, untuk menginputkan kalimat lebih dari satu baris.

<EditText  android:inputType=” TextMultiLine” >

Pada widged EditText untuk Output-nya kita berikan nilai false untuk mencegah pengeditan teks.

<EditText android:enable=”false”>

Kemudian jalankan project HelloAndroid, untuk melihat basic desain yang baru kita buat di main.xml

Basic desain tersebut masih belum dapat digunakan untuk menampilkan input kalimat dari user, maka  harus diberikan aksi melalui tombol show dan reset ketika di tekan.  Untuk mendefinisikan aksi tombol,kita harus mengimplement method setOnClickListener(new View.OnClickListener(). Kemudian meng-overidenya berupa method public void onClick (View view), dimana pada method tersebut source code ditempatkan dan dieksekusi ketika tombol (mana) ditekan.

“KETIKA TOMBOL SHOW DITEKAN MAKA CODE YANG BERADA DALAM METHOD ONCLICK DIEKSEKUSI DAN KALIMAT YANG DI INPUTKAN DALAM EDITTEXT INPUT USER AKAN DITAMPILKAN PADA EDITTEXT OUTPUT”

Button tombol = (Button) findViewById(R.id.btnShow)

tombol.setOnClickListener(new View.OnClickListener() {

public void onClick(View view){

EditText input  = (EditText) findViewById(R.id.txtInput);

EditText output = (EditText) findViewById(R.id.TxtOutput);

String stInput1 = input.getText().toString();

/* Tampilkan teks menggunakan method setText */

output.setText(stInput1); }});

“KETIKA TOMBOL RESET DITEKAN MAKA CODE YANG BERADA DALAM METHOD ONCLICK DIEKSEKUSI DAN KALIMAT DI DALAM EDITTEXT DIHAPUS SEMUA (RESET)”

Button tombol = (Button) findViewById(R.id.btnShow){

reset.setOnClickListener(new View.OnClickListener() {

public void onClick(View arg0) {

EditText input  = (EditText) findViewById(R.id.txtInput);

EditText output = (EditText) findViewById(R.id.TxtOutput);

String stInput2   = input.getText().toString();

/* Reset Teks */

input.setText(“”);

output.setText(“”);

}});

Kemudian anda jalankan untuk melihat hasil ahkirnya :

Inputkan sebuah kalimat kemudian tekan tombol show, jika berhasil akan ditampilkan sesuai dengan kalimat yang anda inputkan.

Sekian untuk pembuatan tutorial yang singkat dan sederhana ini, anda bisa menggunakan complete project dan tutorialnya dengan mendownload link berikut : Project Welcome Android

Salam Hangat dan Assalamualaikum Wr.Wb

Simple GuestBook Menggunakan JSP

Postingan kali ini, saya akan membahas pembuatan aplikasi simple guestbook, Aplikasi simple guestbook saya buat menggunakan JSP (Java Server Page), aplikasi ini saya buat masih tetap menggunakan konsep MVC (Model View Controler), karena komponen modelnya saya memakai java class dan untuk komponen controlnya saya menggunakan JSP. Okey, anda dapat mengunduh panduan dan projectnya disini :

Simple GuestBook with JSP

Kritik dan saran yang membangun akan selalu saya sambut dengan hati terbuka. Terima kasih, Semoga Bermanfaat dan salam hangat dari saya “Novan”.Assalamualaikum Wr.Wb

Penanganan Tanggal Dan Waktu- Part II

Pada pembahasan sebelumnya “Penanganan Tanggal Dan Waktu- Part I “, kita membuat aplikasi pendaftaran sederhana untuk menginputkan nama,tanggal dan jam, sehingga kita memperoleh format tanggal defaultnya dari SQL seperti ini :

Format default Tanggal SQL : 01-01-2011

Permasalahanya, bagaimana memasukkan Tanggal sesuai dengan kehendak kita dengan format Tanggal yang bisa kita ubah-ubah secara valid, seperti menentukan dan  menginputkan Tanggal Lahir , contohnya seperti ini :

Tanggal : 01/01/2011 atau 2011-01-1 atau 01 01 2011

Okey, Pada pembahasan kali ini kita akan membuat aplikasi untuk menangani Input Tanggal Lahir dan mengubah format tanggal sesuka hati kita menggunakan bantuan JComboBox.Karena menggunakan JComboBox, data akan tetap terjaga dan tentunya datanya lebih konsisten.

Anda dapat mencoba program dan panduannya, monggo panjenengan unduh

Project Tanggal Lahir dan Format Tanggal

Aplikasi ini merupakan perluasan dari “Penanganan Tanggal dan Waktu Part-I” yang sebelumnya sudah pernah saya buat.Jika ada kesempatan dan waktu insallah saya akan mengembangkannya dengan menghadapkan pada sebuah study kasus untuk lebih menambah pemahaman. Kritik dan saran yang membangun akan selalu saya sambut dengan hati terbuka. Terima kasih, Semoga Bermanfaat dan salam hangat dari saya “Novan”.Assalamualaikum Wr.Wb.

Penanganan Tanggal Dan Waktu-Part 1

Data tanggal dan waktu merupakan hal terpenting dalam mengidentifikasi,mengingat  dan mencatat setiap kegiatan yang dilakukan.Dalam pembahasan kali ini, saya akan membuat program sederhana untuk menangani imputan data tanggal dan waktu (jam), inputan data tanggal dan jam ini prinsip kerjanya mengambil Format Tanggal dan Waktu yang telah tersedia dalam SQL.Okey untuk memulai aplikasi ini, anda diharapkan telah memahami Implementasi MVC pada Aplikasi Biodata Dengan Java Swing Part-1 yang sudah pernah saya bahas sebelumya, karena saya akan langsung membahas implementasi program pada komponen Model dan komponen View Controler.

Anda dapat mencoba program penanganan tanggal dan waktu-part 1 sederhana ini, silahkan mengunduh project dan panduannya :

– Project Date&Time

Kritik dan saran yang membangun akan selalu saya sambut dengan hati terbuka. Terima kasih, Semoga Bermanfaat  dan salam hangat dari saya “Novan”.Assalamualaikum Wr.Wb

– Penanganan tanggal dan waktu-Part II

Implementasi MVC(Model View Controler) pada Aplikasi Biodata dengan Java Swing-Part 1

Setelah membaca dan mempelajari beberapa literatur  tentang MVC (Model View Controler) saya tertarik untuk membuat aplikasi java berbasis desktop/swing  yang menerapkan konsep MVC. MVC sendiri memisahkan komponen model, view,  dan controler. Dengan memisahkan ketiga komponen tersebut memberikan kemudahan programmer atau developer untk memaintance, sehingga jika terjadi perubahan pada salah satu komponen maka kita tidak perlu report mengubah seluruh komponennya, cukup salah satu komponen yang akan diubah. Beberapa fungsi komponen MVC dibagi menjadi 3 bagian utama :

1. Model : Merupakan Struktur data, berhubungan dengan database seperti operasi koneksi database, insert, delete, update dan view yang diintegrasikan dengan bahasa pemograman..
2. View : Berhubungan dengan Tampilan atau user interface yang berinteraksi langsung dengan user, seperti form registrasi, form login, dsb. Komponen view ini biasanya pembuatan User Interface semisal menggunakan  HTML, CSS, Java Script pada aplikasi web atau pada aplikasi java desktop menggunakan komponen pallete seperti JFrameForm, JTextField, JButton,dsb.
3. Controler : Merupakan komponen untuk menentukan alur logika atau aksi yang diambil dari  komponen model untuk ditampilkan diuser interface. Sehingga Controler ini sebagai jembatan antara komponen Model dengan komponen View, karena komponen model tidak bisa  terhubung langsung ke komponen View tanpa melalui komponen control dulu. Karena keputusan berada pada controller.

Setalah anda membaca uraian diatas kita akan membuat aplikasi input biodata-Part 1 sederhana menggunakan konsep MVC, dimana Logica Model dengan Logika View dibedakan.Okey, anda bisa mencoba aplikasi biodata sederhana ini dengan memakai konsep MVC, silahkan mengunduh Project dan panduannya disini :

– MVC BiodataSederhana

Kritik dan saran yang membangun akan selalu saya sambut dengan hati terbuka. Terima kasih, Semoga Bermanfaat  dan salam hangat dari saya “Novan”.Assalamualaikum Wr.Wb