Work : Experience : o PT. Honeywell Indonesia. o Cybereye Community. o Technical Support. o Enterprise Support. o Administrator Server

Ukuran: px

Mulai penontonan dengan halaman:

Download "Work : Experience : o PT. Honeywell Indonesia. o Cybereye Community. o Technical Support. o Enterprise Support. o Administrator Server"

Yenny Kurnia
6 tahun lalu
Tontonan:

1 Powered by:

2 Work : o PT. Honeywell Indonesia o Cybereye Community Experience : o Technical Support o Enterprise Support o Administrator Server o Application Developer Level : Beginner Fasilitator : Edi Kurniawan edi.cybereye@gmail.com Mobile Number :

3 Beginner Curriculum Link Course Day 1 Day 2

4 Example Project Udacity

5 Building Layouts View & ViewGroup? View ViewGroup TextView ImageView Button, etc RelativeLayout LinearLayout FrameLayout, etc

6 View Example

7 View Example

8 TextView Link : XML (Extensible Markup Language) adalahbahasa markupuntuk keperluan umum yang disarankan oleh W3C untuk membuat dokumen markup keperluan pertukaran data antarsistem yang beraneka ragam.

9 XML (Extensible Markup Language) adalahbahasa markupuntuk keperluan umum yang disarankan oleh W3C untuk membuat dokumen markup keperluan pertukaran data antarsistem yang beraneka ragam. KonsorsiumWaring Wera Wanua (bahasa Inggris: World Wide Web Consortium) biasa disingkat (W3C) adalah suatu konsorsium yang bekerja untuk mengembangkan standar-standar untuk Waring Wera Wanua. Spesifikasi teknologi-teknologi utama yang dipakai sebagai basis utama web, seperti URL (Uniform Resource Locator), HTTP (Hypertext Transfer Protocol), dan HTML (HyperText Markup Language) dikembangkan dan diatur oleh badan ini.

10 XML (extensiblemarkup Language) Link : Element / View 1. CamelCase? 2. Apa itu DP & SP? 3. Hex Color? 4. wrap_content / match_parent? Attribute Name Attribute Value

11 CamelCase (KataKapital) Link : CamelCase (atau KataKapital dalam bahasa Indonesia) adalah istilah bahasa Inggris yang mengacu kepada proses penulisan beberapa kata tanpa tanda spasi namun dengan mengkapitalisasi (menulis dengan huruf besar) setiap kata pembentuknya. Contoh: Hari ini pembelajaran android HariIniPembelajaranAndroid

12 XML (extensiblemarkup Language) Link : Element / View 1. CamelCase? 2. Apa itu DP & SP? 3. Hex Color? 4. wrap_content / match_parent? Attribute Name Attribute Value

13 DP (Density independent Pixels) SP (Scale independent Pixels) Link :

14 XML (extensiblemarkup Language) Link : Element / View 1. CamelCase? 2. Apa itu DP & SP? 3. Hex Color? 4. wrap_content / match_parent? Attribute Name Attribute Value

15 Hex Color

16 XML (extensiblemarkup Language) Link : Element / View 1. CamelCase? 2. Apa itu DP & SP? 3. Hex Color? 4. wrap_content / match_parent? Attribute Name Attribute Value

17 Why wrap_content / match_parent?

18 XML (extensiblemarkup Language) Link : Element / View 1. CamelCase? 2. Apa itu DP & SP? 3. Hex Color? 4. wrap_content / match_parent? Attribute Name Attribute Value

19 ViewGroup 1. LinearLayout 2. RelativeLayout

20 LinearLayout LinearLayout Memiliki 2 aturanorientation: 1. Horizontal 2. Vertical Jika kalian tidak memanggil orientationnya berarti orientation kalian gunakan adalah horizontal dimana default orientation dari LinearLayout adalah horizontal

LinearLayout Jika kalian ingin view atau element didalam linearlayout menjadi vertical wajib memanggil attribute name android:orientation dengan value

21 LinearLayout Jika kalian ingin view atau element didalam linearlayout menjadi vertical wajib memanggil attribute name android:orientation dengan value vertical Bermain komponen / elemet / view TextView dengan open bracket < lalu nama element tersebu TextView layout_width dan layout_height wajib kita tentukan valuenya

LinearLayout Dalam TextView memiliki beberapa attribute dibawah ini saya contohkan membuat attribute seperti dibawah ini : android:background Warna

22 LinearLayout Dalam TextView memiliki beberapa attribute dibawah ini saya contohkan membuat attribute seperti dibawah ini : android:background Warna untuk latar TextView android:textcolor Warna untuk font android:textsize Ukuranbesarnya font dengan sp andorid:textstyle Model font seperti bold dan italic

lebar (width) atautingginya (height) full satu layar.

23 LinearLayout Layout_width disini menggunakan match_parent dengan tujuan agar komponen atau element yang kita gunakan bisa menyesuaikan lebar (width) atautingginya (height) full satu layar. Lalu kita terapkan pada 2 komponen dibawah dan beri warna latar dan warna font sesuka kalian

menyesuaikan sendiri ketika kita menambahkan sebuah komponen baru dengan ukuran menyesuaikan layar kita.

24 LinearLayout Layout_weight untuk memberikan beban pada komponen yang mana komponen tersebut akanmenyesuaikan dengan layar yang kosong ataumenyesuaikan layar supaya tidak ada ruang yang kosong, komponen tersebut dapat menyesuaikan sendiri ketika kita menambahkan sebuah komponen baru dengan ukuran menyesuaikan layar kita. Sebagai contoh design disamping kanan adalah dimana saya memberikan beban pada 3 komponen tersebut sehingga komponen tersebut seimbang

25 LinearLayout Layout_weight juga berlaku pada orientation horizontal, untuk horizontal bobot ataubeban yang kita berikan untuk lebar (width) kita bisa masukkan 0 dp atau wrap_content, kebalikkannya jika vertical kita bisa berikan beban pada tinggi (Height).

26 LinearLayout Example Weight Link :

27 LinearLayout Example Weight Link :

28 RelativeLayout Link :

RelativeLayout to Parent Link : https://goo.

29 RelativeLayout to Parent Link : Attribute Name: android:layout_alignparenttop android:layout_alignparentbottom android:layout_alignparentright android:layout_alignparentleft android:layout_centervertical android:layout_centerhorizontal Attribute Value: True / False

30 RelativeLayout to Other Views Link :

31 RelativeLayout to Other Views Link :

32 RelativeLayout to Other Views Link :

33 Padding vs Layout_margin Link :

34 Padding vs Layout_margin Link :

dokumen-dokumen yang mirip

Membuat Aplikasi Toko Buku Online

Powered by: Membuat Aplikasi Toko Buku Online 1. Activity: Menggunakan 2 Activity dimana activity tersebut memiliki Java Class dan Layout XML Membuat Aplikasi Toko Buku Online 1. Select View 2 ImageView