instalasi Android SDK pada Eclipse

Persiapan Instalasi

Sebelum melakukan instalasi sebaiknya lihat dulu kebutuhan system yang diperlukan.

Jika Anda akan mengembangkan dengan Eclipse Android Development Tools (ADT) Plugin - yang direkomendasikan jika Anda baru belajar Android - pastikan bahwa Anda memiliki versi yang sesuai Eclipse yang diinstal pada komputer anda (3.4 atau lebih baru direkomendasikan). Jika anda perlu menginstal Eclipse, Anda dapat mendownloadnya dari lokasi ini:

http://www.eclipse.org/downloads/

Instal SDK

Setelah kamu mendownload SDK Android unzip pada lokasi khusus pada komputer anda( tidak harus pada drive C:). Catat lokasi dimana kamu unzip SDK tersebut karena dibutuhkan untuk merefer ke directory tersebut saat kamu menggunakan SDK tools. Folder tools tersebut berada di dalam folder SDK android dan digunakan saat melakukan Android Debug Bridge (adb) dan beberapa command line lain.

Jika kamu menggunakan windows klik kanan pada My Computer dan pilih Properties, dibawah Advanced tab klik Environment variable dan saat dialog muncul klik 2 kali pada Path( ada di System variable ). Isi dengan directory dari folder tools tersebut. Contoh pada komputer yang saya pakai : "E:\android-sdk-windows-1.6_r1\tools".

Instalasi plugin ADT pada Eclipse

Android menawarkan custom plugin untuk Eclipse IDE, disebut Android Development Tools (ADT), yang dirancang untuk memberikan lingkungan yang terintegrasi untuk membangun aplikasi Android. Ini meningkatkan kemampuan Eclipse untuk menjadikan Anda cepat membuat proyek Android baru, membuat aplikasi UI, menambahkan komponen berdasarkan Android Framework API dan men-debug aplikasi Anda menggunakan SDK Android tools.

ikuti langkah-langkah berikut ini:

• jalankan Eclipse kemudian pilih help > software update, pilih available software tab dan klik add site
• isi URL dengan berikut : https://dl-ssl.google.com/android/eclipse/

(ctt: jika mengalami masalah ganti https dengan http)

• Kembali ke tampilan Available Software, Anda akan melihat daftar plugin oleh URL, dengan "Developer Tools" nested di dalamnya. Pilih kotak centang di sebelah Developer Tools dan klik Install ...
• Pada jendela Instal berikutnya, "Android DDMS" dan "Android Development Tools" harus di beri centang keduanya. Klik Next.
• baca dan terima lisensi perjanjian, kemudian klik Selesai.
• Restart Eclipse.

Modifikasi preference Eclipse agar dapat merefer ke directory SDK

• pilih window > preferences
• pilih Android
• untuk lokasi SDK klik browse kemudian arahkan ke path dari Android yang telah di unzip tadi
• klik Apply kemudian OK

Kebutuhan system aplikasi Android

Sebelum melakukan instalasi Android sebaiknya mengetahui kebutuhan system yang dibutuhkan. Bagian di bawah ini menggambarkan sistem dan persyaratan software untuk mengembangkan aplikasi Android menggunakan tools SDK Android yang disertakan dalam Android SDK, Release.

Sistem Operasi yang didukung

• Windows XP (32-bit) atau Vista (32 - atau 64-bit)
• Mac OS X 10.4.8 atau yang lebih baru (hanya x86)
• Linux (diuji di Linux Ubuntu Dapper Drake)

Didukung environtment Development

• Eclipse IDE 3.4
• JDK 5 atau JDK 6 (JRE saja tidak cukup)
• Android Development Tools plugin (opsional)
• Tidak kompatibel dengan Kompilator GNU untuk Java (gcj)

Catatan: Jika JDK yang telah terinstal di komputer perkembangan Anda, silahkan luangkan waktu sejenak untuk memastikan bahwa semuanya telah memenuhi persyaratan versi yang tercantum di atas. Secara khusus, perhatikan bahwa beberapa distribusi Linux mungkin termasuk JDK 1.4 atau Kompilator GNU untuk Java, yang keduanya tidak didukung untuk Android pembangunan.

Persyaratan Hardware

Untuk paket SDK dasar, setidaknya 600MB ruang disk yang tersedia. Untuk setiap platform download ke dalam SDK, 100MB tambahan diperlukan.

Validasi pada ASP .NET

Validasi adalah salah satu yang sangat penting dalam programming komputer. Saat kita mengekspose program ke luar dengan menanyakan inputan beberapa data ke user, kemungkinan timbul bahwa user akan memasukkan data dengan salah atau user lupa memasukkan data. Untuk menghindari beberapa masalah tersebut ASP.NET menyediakan fitur yang mempermudah validasi data.

Mungkin kamu tidak bisa mendeteksi semua error yang disebabkan user seperti mengetikkan nama yang salah (disebabkan user mengantuk, tidak 100% atau apalah). Tapi kamu bisa mendeteksi atau mencegah user melakukan beberapa error yang umum. Contohnya saat kamu meminta user memasukkan data kedalam sebuah TextBox berupa angka, kamu bisa mendeteksi apakah yang dimasukkan user benar angka atau bukan.

Berikut adalah contoh Validator yang ada dalam ASP .NET

1. RequiredFieldValidator : Validator yang sering digunakan, yaitu saat user lupa tidak memasukkan input kedalam control kita maka akan muncul notifikasi ini.
2. RangeValidator : Validator untuk mengecek nilai yang dimasukkan user apakah masuk dalam range yang kita inginkan.
3. RegularExpressionValidator : Digunakan untuk mengecek apakah user memasukkan data sesuai dengan pola yang diinginkan seperti email, zip code, telephone,dll.
4. CompareValidator : digunakan untuk membandingkan inputan dengan nilai-nilai yang telah diinisialisasikan sebelumnya.
5. CustomValidator : Validasi ini digunakan untuk membandingkan data inputan dengan fungsi yang telah kita buat sendiri. Hal ini berguna saat kita ingin membandingkan dengan data yang ada dalam suatu database.
6. ValidationSummary : kumpulan error dari validasi dalam halaman web.

Menggunakan checkbox pada datalist ASP .NET

Berikut adalah source untuk mengenali checkbox mana yang dipilih dalam datalist. Fungsi ini dipanggil saat sebuah tombol submit ditekan.

protected void Button1_Click(object sender, EventArgs e)

{

bool iscek;

String input = "";

foreach (DataListItem anItem in DataList1.Items)

{

iscek = ((CheckBox)anItem.FindControl("CheckBox1")).Checked;

if (iscek)

{

input = input + " , " +((Label)anItem.FindControl("namaLabel")).Text; //namaLabel merupakan ID dari label yang akan kita tampilkan

}

}

TextBox1.Text = input;

}

Membuat relasi database pada ASP

Pada tutorial sebelumnya telah diterangkan mengenai cara membuat sebuah database. Pada tutorial ini akan menjelaskan mengenai cara membuat relasi antar tabel pada ASP dengan menggunakan database pada tutorial sebelumnya.

• pilih relationship pada toolbar sebagai berikut:

• pilih add maka akan muncul sebagai berikut :

• pada properties pilih Tables And Column Specification
• jadikan field id_kelas pada tabel tb_kelas menjadi foreign key tabel siswa dengan mengatur properties sebagai berikut.

• kita telah selesai membuat database kelas dan siswa.

Belajar database dengan SQL server pada ASP .NET

Membuat database SQL server pada ASP

• buka visual studio 2008
• klik kanan App_Data pada solution explorer, kemudia sorot Add New Item.

• pilih SQL Server Database. Kita akan memberikan nama myDatabase dan bahasa yg digunakan yaitu C#

• kemudian akan tampil server explorer sebagai berikut.

• jika ingin menambahkan tabel, klik kanan pada Tables kemudian pilih add new tables.
• Column Name merupakan nama kolom dari tabel kita, data type adalah tipe data dari kolom tersebut. Jika kita menghendaki data dalam kolom boleh null berikan tanda centang pada Allow Nulls.

• pada tutorial ini akan mencoba membuat simple database sekolah yang berisi tabel siswa dan murid.

• jadikan id_siswa sebagai primary key dengan cara klik kanan pada id_siswa kemudian pilih Set Primary Key

• simpan dengan nama tb_siswa

• buatlah sebuah tabel lagi dengan nama tb_kelas sebagai berikut :

• 
• buatlah id_kelas menjadi autoincrement (dimulai dari 1) sehingga kita tidak perlu mengisi id_kelas. Caranya yaitu pada column properties atur (is identity) dengan ”yes”.

Belajar menggunakan ModalPopupExtender (Ajax Control Toolkit) pada ASP .NET

Berikut langkah – langkahnya :

• Tambahkan Code berikut pada source halaman web pada bagian paling atas. Code ini digunakan untuk mengenali AjaxControlToolkit yang kita tambahkan ke toolbox kita. Maka jika kita menambahkan AjaxControlToolkit pada halaman web kita akan didahului dengan prefix

• Kita akan mencoba membuat sebuah popup yang didalamnya berisi gambar, textbox dan beberapa button:
• Buatlah panel dengan mendrag dari standard toolbox. Komponen-komponen yang akan ditampilkan dalam popup diletakkan dalam bagian ini.

Id panel = Panel1

Id button OK = OKbutton

Id button cancel = cancelbutton

• Tambahkan button ( ID = mybutton )diluar Panel tersebut, hal ini berguna untuk menampilkan popupextender, jadi saat button tersebut di click maka akan muncul popup nya.

• Tambahkan sedikit CSS untuk memperbaiki tampilan

.modalback

{

background-color:Gray;

filter:alpha (opacity=70);

opacity:0.7;

}

.modalpopup

{

background-color:#ffffdd;

border-width:3px;

border-style:solid;

border-color:Gray;

padding:3px;

width:250px;

}

• Tambahkan modalpopup extender dan berikan codingan sebagai berikut :

• Hasilnya sebagai berikut saat kita menekan button mybutton maka halaman web akan disamarkan dan kita hanya bisa mengakses bagian web yang ada dalam panel1, cukup menarik bukan. Silakan mencoba........

Belajar menggunakan Tab Pane (Ajax Control Toolkit) pada ASP .NET

• Tambahkan Code berikut pada source halaman web pada bagian paling atas. Code ini digunakan untuk mengenali AjaxControlToolkit yang kita tambahkan ke toolbox kita. Maka jika kita menambahkan AjaxControlToolkit pada halaman web kita akan didahului dengan prefix

• Kemudian drag Tabcontainer kedalam halaman web kita.
• Untuk mengisikan Tab msukkan TabPanel kedalam TabContainer, namun kita tidak akan menjumpai TabPanel pada toolbox AjaxControlToolkit. Sebenarnya ada didalam AjaxControlToolkit, jika kita mengetikkan maka akan muncul TabPanel yang akan kita gunakan untuk mengisi Tab.
• Maka code yang dimaksudkan seperti berikut :

• Hasilnya seperti berikut :

Belajar menggunakan Accordian (Ajax control toolkit) pada ASP .NET

• Tambahkan Code berikut pada source halaman web pada bagian paling atas. Code ini digunakan untuk mengenali AjaxControlToolkit yang kita tambahkan ke toolbox kita. Maka jika kita menambahkan AjaxControlToolkit pada halaman web kita akan didahului dengan prefix

• Untuk menggunakan Accordian kita harus mengetikkan sendiri pada SourceCode karena pada design kita tidak akan menemui accordian yang kita tambahkan.
• Berikut contoh simple sebuah Accordian

• Hasilnya sebagai berikut saat mengeclick pada tulisan pertama maka akan muncul tulisan Accordian pertama, saat mengeclick kedua akan muncul Accordian kedua disertai animasi.

• Kita akan mencoba membuat Accordian yang lebih expert dengan disertai CSS
• Tambahkan CSS pada head sebagai berikut :

<style type="text/css">

.accordionHeader

{

border: 0px solid #2F4F4F;

color: white;

background-color: #A3B26F;

font-family:Tahoma;

font-size: 12px;

font-weight: bold;

padding: 5px;

margin-top: 5px;

cursor: pointer;

}

.accordionHeader:hover

{

text-decoration:underline;

}

.accordionContent

{

background-color:White;

font-family:Tahoma;

font-size: 10px;

color:Black;

border: 1px inset #A3B26F;

border-top: none;

padding: 5px;

padding-top: 10px;

text-decoration:none;

}

.accordionContent:hover

{

text-decoration:underline;

}

.accordionLink

{

background-color:Transparent;

text-decoration:none;

color:White;

}

style>

• Kemudian Pada body tuliskan code berikut :

• Hasilnya akan seperti berikut :

Menambahkan Ajax Control Toolkit pada toolbox Visual Studio 2008

Cara menambahkan ajax control toolkit pada visual studio 2008

1. Cara penambahannya yaitu pertama klik kanan pada area toolbox kemudian sorot add tab kemudian berikan nama.

2. Download file Ajax Control Toolkit, kita bisa mencarinya dan mendownload secara gratis di searching engine dengan keyword ”Ajax Control Toolkit”.

3. Cara memasukkan isi dari Tab yaitu drag dari file yang telah kita download berupa file *.dll seperti gambar dibawah kemudian drop ke area tab baru kita.

4. Jika berhasil maka isi dari yang kita tambahkan akan muncul di tab baru dalam toolbox.