SOURCE CODE XML UNTUK MEMBUAT LAYOUT RELATIVE, …rumahrobot.id/materi/android.pdf · source code...

SOURCE CODE XML UNTUK MEMBUAT LAYOUT RELATIVE, ABSOLUTE, DAN LINEAR MENGGUNAKAN

TOOLS ECLIPSE INDIGOXML SOURCE CODE TO CREATE RELATIVE LAYOUT ,

ABSOLUTE LAYOUT, AND LINEAR LAYOUT USINGECLIPSE INDIGO TOOLS

IT CAMP 2019

BELAJAR ANDROID UNTUK PEMULA

CREATE XMLDESAIN APP

PROFIL

Ade Setiawan, M.Kom

Pendidikan • SDN 01 PAGI JAKARTA -→ 2004• SMPN 156 JAKARTA → 2007• SMK NEGERI 39 - ELEKTRONIKA INDUSTRI → 2010• STMIK NUSA MANDIRI - S1 -TEKNIK INFORMATIKA → 2013• STMIK NUSA MANDIRI – S2 –ILMU KOMPUTER → 2018

Pengalaman• Magang di P.T Intisar Primula bagian produksi perangkat pembuatan

mesin absen - 2009• Training di lembaga V3 – Training Center → Kursus Handphone- 2011• Bekerja di BSI dari tahun 2013 sampai dengan sekarang

Kontak : 08561836944Email : ade.dtx@bsi.ac.id

www.materi-lab1.blogspot.com (elektronika)www.materi-lab2.blogspot.com (jaringan komputer)

ANDROID

Menurut Safaat (2011:15) menjelaskan bahwa “Android SDK adalah tool API(Applicaramming Interface) yang diperlukan untuk memulai mengembangkan aplikasi pada platform android menggunakan bahasa pemprograman java”.

OPERATING SYSTEM

OS ANDROID

• Android 1.0 & 1.1: Astro (Alpha) & Bender (Beta)

• Android 1.5: Cupcake

• Android 1.6: Donut

• Android 2.0 & 2.1: Eclair

• Android 2.2: Froyo (Frozen Yoghurt)

• Android 2.3: Gingerbread

• Android 3.0 & 3.2: Honeycomb

• Android 4.0: Ice Cream Sandwich

• Android 4.1 & 4.3: Jelly Bean

• Android 4.4: KitKat

• Android 5.0 & 5.1: Lollipop

• Android 6.0: Marshmallow

• Android 7.0 & 7.1: Nougat

• Android 8.0 & 8.1: Oreo

• Android 9.0: Pie

Tools apa saja yang dipersiapkan untuk membuat aplikasi android ?

Eclipse

Android SDK

ADT

Apa itu eclipse ?

TOOLS untuk membuat aplikasi android

https://id.wikipedia.org/wiki/Eclipse_(perangkat_lunak)

Versi Eclipse

Apa itu android SDK?

Android SDK (software development kit) adalah satu set alat pengembangan yang digunakan untuk mengembangkan aplikasi untuk platform Android Sumber : (http://www.informasi-internet.com/2016/09/android-sdk.html)

AVD adalah tools untuk membuat emulator

SDK adalah tools untuk mengelola segala kebutuhan untuk perangkat emulatorandroid seperti mengupdate os terbaru, google api terbaru, plugin dll

Apa itu ADT?

ADT berfungsi untuk menghubungkan tools ECLIPSE INDIGO dengan tools

ANDROID SDK-WINDOWS

Bagaimana cara menginstall eclipse ?

Memilih Workspace yaitu tempat dimana kita menaruh projek yang kita buat. Contohnya seperti yang ada diatas ini, yaitu dengan alamat folder E:\Android\proyek_indigoKlik Browse

KONFIGURASI ECLIPSE

Pilih folder yang ingin dijadikan folder workspace ,disini penulis menggunakan folder proyek indigo, setelah itu di klik Ok

Menghubungkan eclipse indigo dengan AVD (Android Virtual Device)Klik windowsKlik Preferences

• Klik android

• Klik Browse

Setelah itu pilih folder android-sdk-windows dan klik OK

Lalu pilih Apply dan

ok

JENIS LAYOUT

• RELATIVE LAYOUT

• ABSOLUTE LAYOUT

• LINEAR LAYOUT

RELATIVE LAYOUT

TextView

Button

TextView

Button

Layout aplikasi satu Layout aplikasi dua

RELATIVE LAYOUT

TextViewid_judulsederhana

Buttonidtombolsatu

TextViewid_judulsederhana

Buttonidtombolsatu

Parameter button idtombolsatu :android:layout_below="@+id/id_judulsederhana"

Parameter textview id_judulsederhana:android:layout_above="@+id/idtombolsatu"

ABSOLUTE LAYOUT

X

Y

TextViewid_judulsederhana

Buttonidtombolsatu

Parameter button idtombolsatu :android:layout_x=“60dp"android:layout_y="20dp"

01234567891011121314......................

123456789..

X

Y

LINEAR LAYOUT

Button EditText Button

EditText

Parameter : horizontal Parameter : Vertical

Parameter : horizontal Parameter : Vertical

Button EditText

Button TextView

Button

EditText

Button

TextView

Membuat Project Baru

Klik File → New → Other → Android→ Android Application Project→

Membuat Project Baru

Klik File → New → Other → Android→ Android Application Project→

Membuat Project Baru

Lalu beri nama application name , project name dan package name, seperti keterangan yang ada di samping ini.Lalu setelah itu klik next

Activity Name:

Menu_utama

Layout Name:Layout_menu

_utama

Klik FINISH

Pembahasan WIDGET

APA ITU WIDGET

???

Pembahasan WIDGET

• Widget TextView

• Widget Button

• Widget Spinner•

Widget ImageView

• dll

Rancangan desain aplikasi menggunakan absolute layout

Button

Button

Button

Button

TextView TextView

ImageView

Menu pertama Menu kedua

Button

TARGET DESAIN XML

Menu pertama Menu kedua

Mengcopy gambar icon ke folder drawable-hdpi

Membuat Layout Kedua

Klik kanan pada folder layout→ new→ other

Membuat Layout Kedua

Android→ Android XML Layout File→ Next

Membuat Layout Kedua

Beri nama “Layout_menu_

kedua”→ Next→

Finish

Membuat class java dengan nama “Menu_kedua”

Klik kanan pada folder package aplikasi.percobaan→ new→ class

Membuat class java dengan nama “Menu_kedua”

Lalu beri nama “Menu_kedua”→ Finish

SOURCE CODE

SELESAI