SOURCE CODE XML UNTUK MEMBUAT LAYOUT

RELATIVE, ABSOLUTE, DAN LINEAR MENGGUNAKAN

TOOLS ECLIPSE INDIGO
XML SOURCE CODE TO CREATE RELATIVE LAYOUT ,
ABSOLUTE LAYOUT, AND LINEAR LAYOUT USING
ECLIPSE INDIGO TOOLS

CREATE XML
DESAIN APP
IT CAMP 2019
BELAJAR ANDROID UNTUK
PEMULA
 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 : 08561836944
www.materi-lab1.blogspot.com (elektronika)
Email : ade.dtx@bsi.ac.id
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

ADT

Android SDK
 Apa itu eclipse ?

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

TOOLS untuk membuat aplikasi android

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 emulator
android 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 ?
KONFIGURASI 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_indigo
Klik Browse
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 windows
Klik 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 TextView

Button Button

Layout aplikasi satu Layout aplikasi dua

 RELATIVE LAYOUT

TextView TextView
id_judulsederhana id_judulsederhana

Button Button
idtombolsatu idtombolsatu

Parameter button idtombolsatu : Parameter textview

android:layout_below= id_judulsederhana:
"@+id/id_judulsederhana" android:layout_above="@+id/
idtombolsatu"
 ABSOLUTE LAYOUT

X
y
 01234567891011121314...................... X
1
2
3 TextView
4 id_judulsederhana
5
6
7 Button
8 idtombolsatu
9
.
.

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

Button EditText Button

EditText

Parameter : horizontal Parameter : Vertical

 Button

EditText
Button EditText

Button
Button TextView

TextView

Parameter : horizontal Parameter : Vertical

 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

TextView TextView

Button Button

ImageView
Button Button

Button

Menu pertama Menu kedua

 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
Pengujian Aplikasi
Pengujian Aplikasi
Pengujian Aplikasi
Pengujian Aplikasi
Pengujian Aplikasi
Pengujian Aplikasi
SELESAI