Buatlah sebuah proyek menggunakan ionic berupa tombol peringatan seperti gambar berikut ini:
Ketika di tekan tombol peringatan maka akan muncul pesan error: Peringatan [nim][nama]. Untuk nim dan nama silahkan isi oleh identitas Anda.
Kumpulkan:
1. Kode program pada main.ts dan tab.vue!
2. Screenshoot hasil dari aplikasi Ketika muncul pesan error!
Code program
Dengan menggunakan ionic, buatlah 2 buah tabs layout yaitu menu home dan settings. Ketika di-klik menu home maka akan menampilkan isi dari menu home yaitu diisi oleh nim dan nama sedangkan ketika di-klik menu settings maka akan diisi oleh tulisan “ini adalah menu settings”. Aturlah masing masing menu dengan icon home dan setting.
Clue:
- Installasi ionic
- Atur file router (index.ts)
- Buat file TabPage.vue, Tab1Page.vue, Tab2Page.vue
Kumpulkan dalam bentuk screenshot:
1. File index.ts, TabPage.vue, Tab1Page.vue, dan Tab2Page.vue!
index.ts
2. Screenshoot hasil dari aplikasi!
