Tutorial Realtime Chat Android Studio #3 Working on Welcome Activity

Assalamualaikum


Pada tutorial kali ini forumkoding akan kembali membahas mengenai pembuatan aplikasi Realtime Chat, Silahkan teman-teman simak tutorial Tutorial Realtime Chat Android Studio #3 Working on Welcome Activity kali ini sampai selesai ya.

Sebelum lanjut pastikan teman-teman telah membaca artikel sebelumnya mengenai pembuatan aplikasi MyChat silahkan kunjungi
Tutorial Realtime Chat Android Studio dan Firebase #1
Tutorial Realtime Chat Android Studio dan Firebase #2 Connect App to Firebase
 Jika teman-tema sudah membaca artikel diatas silahkan teman teman ikuti terus pembahasan kali ini

Langkah pertama silahkan teman-teman download gambar background aplikasi myChat kita , jika sudah di download simpan dengan nama background, silahkan buka aplikasi Android Studio dan pastekan foto background pada folder App > res > drawable Silahkan perhatikan gambar dibawah ini:
Setelah teman-teman pastekan gambarnya pada folder drawable selanjutnya silahkan teman teman klik file activity_welcome.xml , Lalu silahkan teman ubah scriptnya seperti dibawah ini:
<?xml version="1.0" encoding="utf-8"?><RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:background="@drawable/background" android:layout_height="match_parent" tools:context=".WelcomeActivity">
</RelativeLayout>
Maka hasilnya akan seperti pada gambar diatas, gambar diatas adalah halaman awal yang akan ditampilkan saat kita masuk pada alikasi myChat yang kita buat .. dan nantinya kita akan membuat Splash Screen maksudnya adalah, setelah beberapa detik muncul tampilan diatas maka selanjutnya akan muncul halaman kedua secara otomatis, silahkan simak sampai selesai ya.

Selanjutnya silahkan teman-teman pergi ke halaman WelcomeActivity.java .. Silahkan teman - teman tambahkan script dibawah ini  tepatnya dibawah setContentView(R.layout.activity_welcome);
Thread thread= new Thread()
{
@Override public void run(){
try {
sleep(3000);
}
catch(Exception e)
{
e.printStackTrace();
}
finally {

}
}
};
thread.start();  
Selanjutnya kita akan membuat activity baru dengan nama MainActivity, selanjutnya silahkan teman pergi ke MainActivity.xml lalu ubah scriptnya seperti dibawah ini:
<?xml version="1.0" encoding="utf-8"?><RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" tools:context=".MainActivity">
</RelativeLayout>
Silahkan save dan silahkan teman teman drag textView dan berinama Welcome to MainActivity
maka hasilnya akan seperti gambar dibawah ini:
 Setelah berhasil membuat activity seperti gambar diatas .. selanjutnya silahkan teman -teman kembali ke file MainActivity.java lalu ketikan script dibawah ini pada function finally:
Intent mainIntent = new Intent(WelcomeActivity.this,MainActivity.class);
startActivity(mainIntent);
Untuk script lengkap pada file MainActivity.java silahkan perhatikan script dibawah ini:
public class WelcomeActivity extends AppCompatActivity {
@Override protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_welcome);
Thread thread= new Thread()
{
@Override public void run(){
try {
sleep(3000);
}
catch(Exception e)
{
e.printStackTrace();
}
finally {
Intent mainIntent = new Intent(WelcomeActivity.this,MainActivity.class);
startActivity(mainIntent);
}
}
};
thread.start();
}
@Override protected void onPause() {
super.onPause();
finish();
}
}
Selanjutnya silahkan teman teman jalankan aplikasinya menggunakan emulator yang sudah teman-teman instal atau teman-teman bisa juga menggunakan handphone langsung untuk merunning projectnya, tampilan dibawah ini adalah tampilan saat kita menjalankan aplikasinya dan setelah tiga detik kemudian tampilannya akan berganti dengan tampilan MainActivity
 Untuk tampilan selanjutnya silahkan teman-teman perhatikan gambar dibawah ini
gambar dibawah ini meruakan tampilan kedua yang kita jalankan .. nantinya kita akan mengubah tamilan ini serta menyediakan dua buah button untuk login dan register

Selamat teman-teman telah berhasil membuat SplashScript untuk aplikasi MyChat kita.. silahkan ikuti trus tutorialnya karena masih banyak yang akan kita bahas pada tutorial selanjutnya, dan selanjutnya kita akan mengubah halaman MainActivity seperti gambar dibawah ini:

Kesimpulan

Nantinya pada halaman MainActivity kita akan membuat dua buah tombol fungsinya untuk:
  • Need New Account = Maksudnya adalah ketika kita sudah mendaftarkan akun kita pada menu register , kita akan login dengan akun yang telah kita daftarkan sebelumnya
  • Already Have an Account = Maksudnya adalah nantinya kita akan membuat form register untuk menyimpan data yang dipakai untuk login dari tiap-tiap user 

Terimakasih telah membaca artikel Tutorial Realtime Chat Android Studio #3 Working on Welcome Activity ini , semoga bermanfaat.. salam sukses

0 Response to "Tutorial Realtime Chat Android Studio #3 Working on Welcome Activity"

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel