Praktikum Android Modul 2 App Quiz

12
MODUL PRAKTIKUM APLIKASI MOBILE BISNIS – ANDROID PROGRAMING | Heri Setiawan – Teknik Informatika PRAKTIKUM Program Kuis Sederhana Dengan Widget Author: Heri Setiawan 1. Buatlah project dengan nama QuizApp 2. Foreground Launcher pilih Text dan inputkan Text dengan Quiz seperti pada gambar berikut

description

MB

Transcript of Praktikum Android Modul 2 App Quiz

Page 1: Praktikum Android Modul 2 App Quiz

MODUL PRAKTIKUM APLIKASI MOBILE BISNIS – ANDROID PROGRAMING | Heri Setiawan – Teknik Informatika

PRAKTIKUM Program Kuis Sederhana Dengan Widget

Author: Heri Setiawan

1. Buatlah project dengan nama QuizApp

2. Foreground Launcher pilih Text dan inputkan Text dengan Quiz seperti pada

gambar berikut

Page 2: Praktikum Android Modul 2 App Quiz

MODUL PRAKTIKUM APLIKASI MOBILE BISNIS – ANDROID PROGRAMING | Heri Setiawan – Teknik Informatika

3. Atur nama class dan layout seperti gambar berikut

4. Atur tampilan layout activity_quiz.xml

Page 3: Praktikum Android Modul 2 App Quiz

MODUL PRAKTIKUM APLIKASI MOBILE BISNIS – ANDROID PROGRAMING | Heri Setiawan – Teknik Informatika

5. Buatlah layout baru untuk intro quiz dengan nama file layout introquiz.xml

Page 4: Praktikum Android Modul 2 App Quiz

MODUL PRAKTIKUM APLIKASI MOBILE BISNIS – ANDROID PROGRAMING | Heri Setiawan – Teknik Informatika

6. Buatlah layout baru untuk soal quiz 1 dengan nama file layout quiz_1.xml

Page 5: Praktikum Android Modul 2 App Quiz

MODUL PRAKTIKUM APLIKASI MOBILE BISNIS – ANDROID PROGRAMING | Heri Setiawan – Teknik Informatika

7. Buatlah layout baru untuk soal quiz 2 dengan nama file layout quiz_2.xml

Page 6: Praktikum Android Modul 2 App Quiz

MODUL PRAKTIKUM APLIKASI MOBILE BISNIS – ANDROID PROGRAMING | Heri Setiawan – Teknik Informatika

Page 7: Praktikum Android Modul 2 App Quiz

MODUL PRAKTIKUM APLIKASI MOBILE BISNIS – ANDROID PROGRAMING | Heri Setiawan – Teknik Informatika

8. Buatlah layout baru untuk hasil quiz dengan nama file layout hasilquiz.xml

Page 8: Praktikum Android Modul 2 App Quiz

MODUL PRAKTIKUM APLIKASI MOBILE BISNIS – ANDROID PROGRAMING | Heri Setiawan – Teknik Informatika

9. Buka Class QuizActivity.java dan ubah koding seperti dibawah ini:

Page 9: Praktikum Android Modul 2 App Quiz

MODUL PRAKTIKUM APLIKASI MOBILE BISNIS – ANDROID PROGRAMING | Heri Setiawan – Teknik Informatika

10. Buat class baru dengan nama SoalQuiz.java dan ubah coding menjadi seperti di

bawah ini

Page 10: Praktikum Android Modul 2 App Quiz

MODUL PRAKTIKUM APLIKASI MOBILE BISNIS – ANDROID PROGRAMING | Heri Setiawan – Teknik Informatika

Page 11: Praktikum Android Modul 2 App Quiz

MODUL PRAKTIKUM APLIKASI MOBILE BISNIS – ANDROID PROGRAMING | Heri Setiawan – Teknik Informatika

11. Running aplikasi

Apabila sudah benar, maka akan tampil output seperti pada gambar berikut

Semua tampilan awal akan berfungsi dengan baik kecuali, apabila ImageButton

diklik, maka akan terjadi error yang menyebabkan Application Force Close

seperti pada gambar

Error seperti pada gambar diatas terjadi dikarenakan activity tidak dapat

mengenali class yang akan ditampilkan / aktif, hal ini terjadi karena pada Button

tersebut berfungsi sebagai Intent class java TampilanDua.class. Jadi apabila

terdapat Class baru yang ditambahkan maka harus didaftarkan sebagai activity

di AndroidManifest.xml dengan mendefinisikan nama Class tersebut. Berikut

adalah kode untuk mendefinisikan Class pada file AndroidManifest.xml :

<activity android:name="namapaket.NamaClass"></activity>

Page 12: Praktikum Android Modul 2 App Quiz

MODUL PRAKTIKUM APLIKASI MOBILE BISNIS – ANDROID PROGRAMING | Heri Setiawan – Teknik Informatika

Atau bisa juga dengan hanya mendefinisikan nama dari class saja :

<activity android:name=".NamaClass"></activity>

Tag kode tersebut harus ditambahkan dibawah tag penutup activity default

</activity>. Sehingga hasil akhirnya akan menjadi seperti dibawah ini :

Setelah menambahkan tag activity untuk mendefinisikan Class tambahan

tersebut maka running project kembali untuk melihat output.