30
Pengenalan Widget View Kelompok 1

Pengenalan Widget View - hirupmotekar.com

  • Upload
    others

  • View
    5

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Pengenalan Widget View - hirupmotekar.com

Pengenalan

Widget ViewKelompok 1

Page 2: Pengenalan Widget View - hirupmotekar.com

Nama Kelompok

1. Fahmi Yahya (16.11.0001)

2. Wasis Budiprayitno (16.11.0007)

3. Anaam Barera (16.11.0008)

4. Anggit Prakasa P. (16.11.0012)

5. Galuh Nanda P. (16.11.0013)

6. Adit Setiawan (16.11.0017)

7. Didit Julianto I. (16.11.0020)

8. Reza Isham D. (16.11.0022)

9. Grisela Diki A. (16.11.0028)

Page 3: Pengenalan Widget View - hirupmotekar.com

Widget View

AutoComplete TextView01

01

MultiAutoComplete TextView

ListView

GridView

Date and Time

MapView and WebView

ImageView and Spinner

02

03

04

05

06

07

Page 4: Pengenalan Widget View - hirupmotekar.com

AutoComplete

TextView

Page 5: Pengenalan Widget View - hirupmotekar.com

AutoComplete TextViewPengertian AutoComplete TextView

AutoCompleteTextView adalah widget subclass dari EditText yang

berfungsi sebagai auto-complete. Ketika user (pengguna) mengetika

n suatu huruf atau kata di EditText, maka akan muncul pilihan menu

dropdown di bawahnya ,lalu saat kita memilih kata tersebut maka te

xt akan otomatis muncul. Widget ini juga ibarat sebagai sugesti dari

sebuah kata di widget Android ,saat kita mengetikan atau mencari su

atu kata maka akan muncul pilihan kata dibawahnya. Jadi kita tidak

perlu repot-repot lagi mengetikan secara lengkap dari suatu kata.Wi

dget ini umumnya selalu dipakai ketika kita membuat Aplikasi penc

arian.

Page 6: Pengenalan Widget View - hirupmotekar.com

MultiAutoComplete

TextView

Page 7: Pengenalan Widget View - hirupmotekar.com

MultiAutoComplete TextViewPengertian MultiAutoComplete TextView

AutoCompleteTextView adalah widget subclass dari EditText yang berfungsi seba

gai auto-complete. Ketika user (pengguna) mengetikan suatu huruf atau kata di Edi

tText, maka akan muncul pilihan menu dropdown di bawahnya ,lalu saat kita memi

lih kata tersebut maka text akan otomatis muncul. Widget ini juga ibarat sebagai su

gesti dari sebuah kata di widget Android ,saat kita mengetikan atau mencari suatu

kata maka akan muncul pilihan kata dibawahnya. Jadi kita tidak perlu repot-repot l

agi mengetikan secara lengkap dari suatu kata.Widget ini umumnya selalu dipakai

ketika kita membuat Aplikasi pencarian.

Nah kita akan membuat pengembangan atau fitur dari AutoCompleteTextView yait

u MultiAutoCompleteTextView. Apa bedanya ?. sebenarnyasama saja, namun dis

ini kita bisa menginputkan text, lebih dari satu, dan dibatasi dengan tanda koma (,)

untuk setiap input text per katanya.

Page 8: Pengenalan Widget View - hirupmotekar.com

AutoComplete

Text View

MultiAutoComplete

Text View

Page 9: Pengenalan Widget View - hirupmotekar.com

List View

Page 10: Pengenalan Widget View - hirupmotekar.com

List ViewPengertian List View

ListView adalah Salah satu komponen User Interface pada Ap

likasi Android yang berfungsi menampilkan atau memuat data,

dalam tampilan list/daftar yang memungkin kalian melihatnya

bergulir secara vertikal di Aplikasi Android. ListView berguna ji

ka kita membuat Aplikasi Android dan ingin menampilkan atau

memuat dalam suatu list misal daftar nama,nomor hp,nama-n

ama binatang dll. ListView bekerja menggunakan Adapter yan

g berfungsi untuk binding data ,memproses dan memformat k

onten (pull konten) dari resource seperti Array atau Database ,

kemudian di convert setiap item ke dalam tampilan list/daftar.

Page 11: Pengenalan Widget View - hirupmotekar.com

Grid View

Page 12: Pengenalan Widget View - hirupmotekar.com

Grid ViewPengertian Grid View

GridView adalah salah satu class atau library ,yang berupa container(wadah),

yang digunakan untuk menampilkan konten View , dalam bentuk kotak-kota

k. Lebih mudahnya kalian bisa bayangkan saja ,jika ada sebuah rak lemari , (

yang menjadi GridView) , yang dimana kita dapat menyimpan buku ,kertas,

barang-barang elektronik (yang menjadi TextView ,ImageView) didalam rak

lemari tersebut. Untuk penulisan codingan ,beserta struktur data sebenarnya ,

sama halnya seperti ListView ,namun dengan cara menampilkan dan mempar

sing di xml secara grid atau kotak-kotak. Pada tutorial belajar android kali ini

,kita akan mencoba membuat konten View ,seperti TextView , dan ImageVie

w ,dalam bentuk GridView ,atau bisa kita ingat gampangnya kotak-kotak. Ko

tak-kotak yang saya maksud disini dilihat secara tatanan atau tata letaknya.

Page 13: Pengenalan Widget View - hirupmotekar.com

<=====

Contoh

Grid View

Page 14: Pengenalan Widget View - hirupmotekar.com

Date And Time

Page 15: Pengenalan Widget View - hirupmotekar.com

Date Picker And Time PickerPengertian Date Picker dan Time Picker.

DatePicker berfungsi untuk membantu user memilih tanggal yang di

inginkan di aplikasi Android. Pada penerapannya, DatePicker banyak

digunakan pada aplikasi yang membutuhkan penginputan tanggal. Se

perti aplikasi pemesanan tiket, aplikasi reminder, to do list dan sebag

ainya.

TimePicker, mirip dengan DatePicker, TimePicker berfungsi untuk

membantu user memilih waktu yang diinginkan untuk diinputkan pa

da aplikasi Android. Dalam penerapannya, TimePicker banyak digun

akan pada aplikasi Alarm, calendar, reminder, to-do list, ticket reserv

ation dan aplikasi lainnya yang membutuhkan user untuk menginput

kan waktu (jam dan menit) di aplikasi tersebut.

Page 16: Pengenalan Widget View - hirupmotekar.com

Date Picker Time Picker

Page 17: Pengenalan Widget View - hirupmotekar.com

Web View

Page 18: Pengenalan Widget View - hirupmotekar.com

Web ViewPengertian Web View

WebView adalah sebuah class di Android yang dapat

menampilkan tampilan peramban web pada aplikasi A

ndroid. Nantinya, aplikasi yang akan dibuat menghasil

kan tampilan seperti kita membuka situs web menggu

nakan peremban web. Bedanya pada WebView ini tid

ak terdapat address bar, sehingga URL-nya sudah kit

a definisikan di dalam aplikasi Android yang kita buat.

Page 19: Pengenalan Widget View - hirupmotekar.com

<=====

Contoh

Web View

Page 20: Pengenalan Widget View - hirupmotekar.com

Map View

Page 21: Pengenalan Widget View - hirupmotekar.com

Map ViewPengertian Map View

Google Map adalah sebuah peta navigasi milik google yang me

mbantu si user (pengguna) mencari ,melihat dan menemukan l

okasi tempat tinggal dan tempat yang ingin dituju di seluruh du

nia.Google Maps bukan hanya tersedia di Web , namun juga te

rdapat di Aplikasi mobile khususnya Android.Nah Google meny

ediakan sebuah API yang digunakan untuk para developer And

roid , mengembangkan Aplikasi peta navigasi mereka yang dis

ebut Google Maps API

Page 22: Pengenalan Widget View - hirupmotekar.com

<=====

Contoh

Map View

Page 23: Pengenalan Widget View - hirupmotekar.com

Image View

Page 24: Pengenalan Widget View - hirupmotekar.com

Image ViewPengertian Image View

ImageView adalah salah satu Component yang berfungsi seba

gai Component User Interface (Antar Muka) yang akan menam

pilkan sebuah gambar baik itu format .jpg ataupun .png. Jadi ji

ka kalian ingin menampilkan sebuah gambar ,saat pengemban

gan Aplikasi Android. Kalian bisa menggunakan Component

ImageView.

Page 25: Pengenalan Widget View - hirupmotekar.com

<=====>

Contoh

Image

View

Page 26: Pengenalan Widget View - hirupmotekar.com

Spinner

Page 27: Pengenalan Widget View - hirupmotekar.com

SpinnerPengertian Spinner

Spinner adalah salah satu view yang cukup sering kita lihat

penggunaannya di hampir semua aplikasi Android. Spinner

berbentuk list dropdown berisi item-item yang bisa kita pilih.

Spinner biasa digunakan untuk memudahkan pengguna me

milih salah satu value dari sebuah list/array yang disajikan d

engan cepat.

Page 28: Pengenalan Widget View - hirupmotekar.com

<=====>

Contoh

Spinner

Page 29: Pengenalan Widget View - hirupmotekar.com

Daftar Pustaka

Referensi

/

Page 30: Pengenalan Widget View - hirupmotekar.com

THANK YOU FOR YOUR ATTENTION