Pemograman Mobile

1. Pertemuan 2 :
Splash / Welcome Screen
Pemrograman Mobile 2
Asep Arwan Sulaeman, S.T., M. Kom
Teknik Informatika – S1
Fakultas Teknik
Universitas Pelita Bangsa

2. Outline Materi
1.1. Pengantar
 Pada bagian ini akan di jelaskan bagaimana cara membuat splash / welcome screen
1.2. Tujuan
Penguasaan materi dalam modul ini dirancang agar mahasiswa mampu untuk :
 Membuat splash
 Membuat welcome screen
1. Pendahuluan

3. Splash / Welcome Screen
Membuat Splash Screen
• Dibab ini kita akan membuat splash screen.
• Splash Screen adalah halaman yang akan tampil diawal ketika kita membuka sebuah aplikasi android.
• Splash screen digunakan oleh beberapa aplikasi youtube dan facebook.
• Splash Screen yang akan kita buat yaitu seperti gambar disamping kanan.
• Komponen layout dan widget yang digunakan yaitu :
1. Linear Layout
2. Progress Bar
3. ImageView

4. Splash / Welcome Screen
Membuat Splash Screen
• Adapun langkah-langkah untuk membuat Splash Screen antara lain :
1. Pastikan anda sudah membuat dan membuka Project anda masing masing.
2. Kemudian copykan gambar pendukung (student1.png) ke folder res > drawable.
3. Terserah untuk gambar, bisa juga dri gambar anda sendiri.

5. Splash / Welcome Screen
Membuat Splash Screen
• Adapun langkah-langkah untuk membuat Splash Screen antara lain :
4. Buat activity baru dengan cara klik kanan pada folder java (folder nama project) > New > Activity > Empty Activity > beri nama
Activity splashscreen dan layout activity_splashscreen. Dan klik Finish.

6. Splash / Welcome Screen
Membuat Splash Screen
• Adapun langkah-langkah untuk membuat Splash Screen antara lain :
5. Buka layout activity_splashscreen.xml
6. Tambahkan LinearLayout sebagai layout utama dan ImageView untuk menampilkan gambar.

7. Splash / Welcome Screen
Membuat Splash Screen
• Adapun langkah-langkah untuk membuat Splash Screen antara lain :
7. Kurang lebih hasilnya sebagai berikut:

8. Splash / Welcome Screen
Membuat Splash Screen
• Adapun langkah-langkah untuk membuat Splash Screen antara lain :
8. Tambahkan ProgressBar dibawah ImageView

9. Splash / Welcome Screen
Membuat Splash Screen
• Adapun langkah-langkah untuk membuat Splash Screen antara lain :
9. Buka AndroidManifest.xml pada folder app > manifest. Disini kita akan :
• Menghilangkan action bar pada splash screen dan juga mengatur splash screen menjadi activity yang pertama kali dibuka
(launcher)
• Ubah kode-kode pada AndroidManifest.xml menjadi seperti dibawah ini.

10. Splash / Welcome Screen
splashscreen.java
• Adapun langkah-langkah untuk membuat Splash Screen antara lain :
10.Tambahkan kode-kode java pada splashscreen.java dibawah nama package (nama package biasanya sesuai nama project ).
11.Kode-kodenya sebagai berikut.

11. RANGKUMAN
• Membuat project splash screen merupakan sebagai pemanis dalam pemrograman mobile.

12. Latihan
1. Buatkan resume/rangkuman dari pertemuan ini !
2. Kirimkan project anda untuk pertemuan ini di ecampus !

13. Terimakasih
Asep Arwan Sulaeman S.T., M. Kom
0812 – 1053 - 6385
aseparwan@pelitabangsa.ac.id