TUTORIAL MEMBUAT ANDROID ALERT...
Transcript of TUTORIAL MEMBUAT ANDROID ALERT...
![Page 1: TUTORIAL MEMBUAT ANDROID ALERT …ilmuti.org/wp-content/uploads/2017/05/Dwika_Apriyani_Tutorial... · sepenuhnnya menutupi layar dan dialog bersifat interaktif dalam arti setiap informasi](https://reader033.fdocument.pub/reader033/viewer/2022052515/5a72a2bd7f8b9aa2538dcacd/html5/thumbnails/1.jpg)
Lisensi Dokumen: Copyright © 2008-2017 ilmuti.org Seluruh dokumen di ilmuti.org dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial (nonprofit), dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiap dokumen. Tidak diperbolehkan melakukan penulisan ulang, kecuali mendapatkan ijin terlebih dahulu dari ilmuti.org
TUTORIAL MEMBUAT ANDROID ALERT
MENGGUNAKAN ANDROID STUDIO
Dwika Apriyani
Abstrak
Dalam sebuah aplikasi memerlukan alert baik bersifat pasif maupun interaktif. Tujuan
dari Alert itu sendiri adalah memberikan informasi sesaat, tiba-tiba, atau pilihan. Ada
beberapa macam alert yang digunakan Android.
Kata Kunci: Android, Alert, Tutorial
Pendahuluan
Dalam sebuah aplikasi memerlukan alert baik bersifat pasif maupun interaktif. Tujuan
dari Alert itu sendiri adalah memberikan informasi sesaat, tiba-tiba, atau pilihan. Ada
beberapa macam alert yang digunakan Android.
1. Toast
Toast adalah pesan singkat yang ditampilkan kepada user. Toast dapat di panggil di setiap
class. Ketika user melihat pesan tersebut user tidak harus fokus ke Toast tersebut. Toast
class bersifat static sehingga dapat dengan mudah di panggil. Contoh ketika kita selesai
melakukan save data.
2. Dialog
Dialog adalah small window dengan tujuan memberikan informasi singkat. Dialog tidak
sepenuhnnya menutupi layar dan dialog bersifat interaktif dalam arti setiap informasi
yang ditampilkan akan menuggu interaksi user keluar dari dialog. Contoh dialog
forceclose, dialog volume, dan lain-lain.
![Page 2: TUTORIAL MEMBUAT ANDROID ALERT …ilmuti.org/wp-content/uploads/2017/05/Dwika_Apriyani_Tutorial... · sepenuhnnya menutupi layar dan dialog bersifat interaktif dalam arti setiap informasi](https://reader033.fdocument.pub/reader033/viewer/2022052515/5a72a2bd7f8b9aa2538dcacd/html5/thumbnails/2.jpg)
Lisensi Dokumen: Copyright © 2008-2017 ilmuti.org Seluruh dokumen di ilmuti.org dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial (nonprofit), dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiap dokumen. Tidak diperbolehkan melakukan penulisan ulang, kecuali mendapatkan ijin terlebih dahulu dari ilmuti.org
Pembahasan
1. langkah petama, buka Android Studio yang sudah terinstall di PC.
2. Buat project baru, dengan nama Android Alert, lalu klik Next.
![Page 3: TUTORIAL MEMBUAT ANDROID ALERT …ilmuti.org/wp-content/uploads/2017/05/Dwika_Apriyani_Tutorial... · sepenuhnnya menutupi layar dan dialog bersifat interaktif dalam arti setiap informasi](https://reader033.fdocument.pub/reader033/viewer/2022052515/5a72a2bd7f8b9aa2538dcacd/html5/thumbnails/3.jpg)
Lisensi Dokumen: Copyright © 2008-2017 ilmuti.org Seluruh dokumen di ilmuti.org dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial (nonprofit), dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiap dokumen. Tidak diperbolehkan melakukan penulisan ulang, kecuali mendapatkan ijin terlebih dahulu dari ilmuti.org
3. Pilih minimum SDK Android 2.2 (Froyo), klik Next.
4. Pilih Blank Activity pada Add an activity to Mobile, lalu klik Next.
5. Isi Activity Name, lalu klik Finish.
![Page 4: TUTORIAL MEMBUAT ANDROID ALERT …ilmuti.org/wp-content/uploads/2017/05/Dwika_Apriyani_Tutorial... · sepenuhnnya menutupi layar dan dialog bersifat interaktif dalam arti setiap informasi](https://reader033.fdocument.pub/reader033/viewer/2022052515/5a72a2bd7f8b9aa2538dcacd/html5/thumbnails/4.jpg)
Lisensi Dokumen: Copyright © 2008-2017 ilmuti.org Seluruh dokumen di ilmuti.org dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial (nonprofit), dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiap dokumen. Tidak diperbolehkan melakukan penulisan ulang, kecuali mendapatkan ijin terlebih dahulu dari ilmuti.org
6. Buat tampilan layout dengan kode seperti berikut.
![Page 5: TUTORIAL MEMBUAT ANDROID ALERT …ilmuti.org/wp-content/uploads/2017/05/Dwika_Apriyani_Tutorial... · sepenuhnnya menutupi layar dan dialog bersifat interaktif dalam arti setiap informasi](https://reader033.fdocument.pub/reader033/viewer/2022052515/5a72a2bd7f8b9aa2538dcacd/html5/thumbnails/5.jpg)
Lisensi Dokumen: Copyright © 2008-2017 ilmuti.org Seluruh dokumen di ilmuti.org dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial (nonprofit), dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiap dokumen. Tidak diperbolehkan melakukan penulisan ulang, kecuali mendapatkan ijin terlebih dahulu dari ilmuti.org
Tampilan Layout:
![Page 6: TUTORIAL MEMBUAT ANDROID ALERT …ilmuti.org/wp-content/uploads/2017/05/Dwika_Apriyani_Tutorial... · sepenuhnnya menutupi layar dan dialog bersifat interaktif dalam arti setiap informasi](https://reader033.fdocument.pub/reader033/viewer/2022052515/5a72a2bd7f8b9aa2538dcacd/html5/thumbnails/6.jpg)
Lisensi Dokumen: Copyright © 2008-2017 ilmuti.org Seluruh dokumen di ilmuti.org dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial (nonprofit), dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiap dokumen. Tidak diperbolehkan melakukan penulisan ulang, kecuali mendapatkan ijin terlebih dahulu dari ilmuti.org
7. Buat layout XML baru dengan nama dialog_custom.xml dan dengan kode seperti berikut.
Tampilan layout dialog_custom.xml:
![Page 7: TUTORIAL MEMBUAT ANDROID ALERT …ilmuti.org/wp-content/uploads/2017/05/Dwika_Apriyani_Tutorial... · sepenuhnnya menutupi layar dan dialog bersifat interaktif dalam arti setiap informasi](https://reader033.fdocument.pub/reader033/viewer/2022052515/5a72a2bd7f8b9aa2538dcacd/html5/thumbnails/7.jpg)
Lisensi Dokumen: Copyright © 2008-2017 ilmuti.org Seluruh dokumen di ilmuti.org dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial (nonprofit), dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiap dokumen. Tidak diperbolehkan melakukan penulisan ulang, kecuali mendapatkan ijin terlebih dahulu dari ilmuti.org
8. Pilih gambar yang ingin dimasukkan terlebih dahulu, lalu copy. Paste ke drawable.
9. Ubah file java dengan kode seperti berikut.
![Page 8: TUTORIAL MEMBUAT ANDROID ALERT …ilmuti.org/wp-content/uploads/2017/05/Dwika_Apriyani_Tutorial... · sepenuhnnya menutupi layar dan dialog bersifat interaktif dalam arti setiap informasi](https://reader033.fdocument.pub/reader033/viewer/2022052515/5a72a2bd7f8b9aa2538dcacd/html5/thumbnails/8.jpg)
Lisensi Dokumen: Copyright © 2008-2017 ilmuti.org Seluruh dokumen di ilmuti.org dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial (nonprofit), dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiap dokumen. Tidak diperbolehkan melakukan penulisan ulang, kecuali mendapatkan ijin terlebih dahulu dari ilmuti.org
![Page 9: TUTORIAL MEMBUAT ANDROID ALERT …ilmuti.org/wp-content/uploads/2017/05/Dwika_Apriyani_Tutorial... · sepenuhnnya menutupi layar dan dialog bersifat interaktif dalam arti setiap informasi](https://reader033.fdocument.pub/reader033/viewer/2022052515/5a72a2bd7f8b9aa2538dcacd/html5/thumbnails/9.jpg)
Lisensi Dokumen: Copyright © 2008-2017 ilmuti.org Seluruh dokumen di ilmuti.org dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial (nonprofit), dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiap dokumen. Tidak diperbolehkan melakukan penulisan ulang, kecuali mendapatkan ijin terlebih dahulu dari ilmuti.org
10. Jalankan project.
Berikut tampilan project Android Alert:
![Page 10: TUTORIAL MEMBUAT ANDROID ALERT …ilmuti.org/wp-content/uploads/2017/05/Dwika_Apriyani_Tutorial... · sepenuhnnya menutupi layar dan dialog bersifat interaktif dalam arti setiap informasi](https://reader033.fdocument.pub/reader033/viewer/2022052515/5a72a2bd7f8b9aa2538dcacd/html5/thumbnails/10.jpg)
Lisensi Dokumen: Copyright © 2008-2017 ilmuti.org Seluruh dokumen di ilmuti.org dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial (nonprofit), dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiap dokumen. Tidak diperbolehkan melakukan penulisan ulang, kecuali mendapatkan ijin terlebih dahulu dari ilmuti.org
![Page 11: TUTORIAL MEMBUAT ANDROID ALERT …ilmuti.org/wp-content/uploads/2017/05/Dwika_Apriyani_Tutorial... · sepenuhnnya menutupi layar dan dialog bersifat interaktif dalam arti setiap informasi](https://reader033.fdocument.pub/reader033/viewer/2022052515/5a72a2bd7f8b9aa2538dcacd/html5/thumbnails/11.jpg)
Lisensi Dokumen: Copyright © 2008-2017 ilmuti.org Seluruh dokumen di ilmuti.org dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial (nonprofit), dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiap dokumen. Tidak diperbolehkan melakukan penulisan ulang, kecuali mendapatkan ijin terlebih dahulu dari ilmuti.org
Penutup
Demikian tutorial yang dapat saya berikan. Semoga kalian bisa mencobanya.
![Page 12: TUTORIAL MEMBUAT ANDROID ALERT …ilmuti.org/wp-content/uploads/2017/05/Dwika_Apriyani_Tutorial... · sepenuhnnya menutupi layar dan dialog bersifat interaktif dalam arti setiap informasi](https://reader033.fdocument.pub/reader033/viewer/2022052515/5a72a2bd7f8b9aa2538dcacd/html5/thumbnails/12.jpg)
Lisensi Dokumen: Copyright © 2008-2017 ilmuti.org Seluruh dokumen di ilmuti.org dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial (nonprofit), dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiap dokumen. Tidak diperbolehkan melakukan penulisan ulang, kecuali mendapatkan ijin terlebih dahulu dari ilmuti.org
Referensi
“Pengalaman Sendiri”
Biografi
Nama saya Dwika Apriyani. Biasa dipanggil Wika. Tinggal di Kabupaten Tangerang. Saat
ini saya sedang menjalani study di salah satu kampus IT di daerah Kota Tangerang dan
mengambil jenjang S1 jurusan Teknik Informatika.
No. Telp.: 089679237473
Email: [email protected]
Facebook: Dwika Apriyani
Instagram: @apriyaniwikaaa