SOURCE CODE XML UNTUK MEMBUAT LAYOUT RELATIVE, …rumahrobot.id/materi/android.pdf · source code...
Transcript of 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 : [email protected]
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