Apa yang anda ketahui mengenai splash screen?

Question

Table of Contents Show

Apa yang dimaksud dengan splash screen?
Apa fungsi dari splash screen?
Langkah pembuatan splash screen berbasis Android Studio?

Android Splash Screen

Splash screen sebagai intro dari sebuah aplikasi berperan penting untuk menambah kredibilitas aplikasi. Dengan memasang splash screen yang berisi informasi singkat pada aplikasi Android, kita akan memaparkan sebuah informasi secara cepat dan tepat tentang gambaran aplikasi. Gambar splash screen sebisa mungkin disajikan secara menarik dan ringan agar pengguna tertarik kepada aplikasi.

Dalam artikel tutorial ini, penulis akan memaparkan praktik secara native membuat splash screen pada aplikasi Android yang kita buat menggunakan Phonegap. Pembuatan splash screen secara native adalah kombinasi antara penggunaan native Android programming (Java) dengan Phonegap.

Sebelum beranjak ke tutorial, disini kita diharapkan mengetahui pedoman standar pembuatan splash screen yang baik dan tepat untuk berbagai resolusi smartphone Android. Berikut adalah daftar screen resolution untuk semua device yang mendukung:

Ukuran untuk ldpi (low dots per inch) = 240 x 320 pixel
Ukuran untuk mdpi (medium dots per inch) = 320 x 480 pixel
Ukuran untuk hdpi (high dots per inch) = 480 x 800 pixel
Ukuran untuk xhdpi (extra high dots per inch) = 720 x 960 pixel

Beberapa device Android misalnya Samsung Galaxy Young atau Galaxy Chat mendukung ukuran ldpi. Dan untuk ukuran screen semisal Sony Xperia Miro adalah hdpi. Berikut adalah tutorial pembuatan splash screen :

Tutorial

Buat gambar splash screen dengan berbagai ukuran di atas dan buat folder untuk masing-masing ukuran, rename gambar dengan nama “splash”, pastikan file berformat .png. Untuk mempersingkat tutorial penulis sudah menyertakan source gambar semua resolusi.

Download Gambar

Masuk ke project Phonegap di Eclipse. Copy satu persatu file splash.png ldpi, mdpi, hdpi dan xhdpi ke masing folder di dalam /res/drawable-[jenis resolusi]. Lihat gambar di bawah ini :

Lokasi Folder res eclipse

Masuk ke folder src dan buka file MyPhoneGapActivity.java Anda, lalu pada public void OnCreate() tambahkan kode super.setIntegerProperty() yang bertugas untuk mengeset value name splash screen dan menambahkan string value sebesar 3000 (3 seconds) pada fungsi super.loadurl() :

Simpan, dan run pada emulator atau device. Anda akan mendapatkan splash screen tampil di aplikasi Android Anda. Selamat berkreasi ! 🙂

Pada kali ini kita akan membahas tentang bagaimana membuat splash screen pada aplikasi android, artikel ini adalah kelanjutan dari (https://soft-gain.com/2020/06/19/cara-membuat-aplikasi-android-rest-api-menggunakan-retrofit/). Splash screen itu sendiri adalah sebuah tampilan atau interface yang menjadi layar pembuka saat kita pertama kali menjalankan aplikasi android, biasanya pada layar disertakan nama aplikasi, logo dan warna dominan yang menjadi ciri khas dari aplikasi tersebut. Tanpa berbasa-basi lagi, langsung saja kita masuk pada pembahasan tutorial splash screen android.

Pertama, kita akan membuat sebuah layout baru dengan nama activity_splash.xml, layout ini lah yang akan menjadi tampilan antar muka yang di lihat oleh user. Isinya kurang lebih seperti ini :

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@color/colorPrimaryDark"
    xmlns:app="http://schemas.android.com/apk/res-auto">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="My Inventory"
        android:textColor="#fff"
        android:textSize="40sp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

</android.support.constraint.ConstraintLayout>

Pada interface di atas, kita hanya akan menampilkan nama dari aplikasi ini saja, silahkan dikembangkan sesuai kebutuhan apakah hendak menggunakan gambar dan lain sebagainya.

Berikutnya kita akan membuat satu activiy baru yaitu SplashActivity.java, dalam activity ini kita hanya memanggil layout activity_splash lalu kita memberikan jeda kira-kira 3 detik dan langsung membuka activity baru yaitu MainActivity.java. Isi dari SplashActivity seperti ini :

package com.soft_gain.myinventory;

import android.content.Intent;
import android.os.Bundle;
import android.os.Handler;
import android.support.v7.app.AppCompatActivity;

public class SplashActivity extends AppCompatActivity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_splash);
        new Handler().postDelayed(new Runnable() {
            @Override
            public void run() {
                Intent home = new Intent(SplashActivity.this, MainActivity.class);
                startActivity(home);
                finish();
            }
        },3000);
    }
}

Terakhir kita akan merubah sedikit file AndroidManifest.xmlm di dalamnya kita akan melakukan sedikit konfigurasi untuk menentukan SplashActivity lah yang akan kita jalankan terlebih dahulu saat aplikasi dijalankan. Tambahkan baris kode ini pada tag aplication :

<activity android:name=".SplashActivity" android:theme="@style/Theme.AppCompat.NoActionBar">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />
                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
</activity>

Selanjutnya kita tinggal coba menjalankan aplikasi pada emulator atau pada perangkat hp kita secara langsung. Seperti ini lah kurang lebih hasil dari splash screen yang sudah kita buat :

Splash Screen

Demikian lah tutorial membuat splash screen pada aplikasi android, menurut saya hal ini relatif mudah dan silahkan dimodifikasi atau di sesuaikan tampilan dari halaman splash-nya dengan aplikasi android yang sedang anda kembangkan.

Menurut saya secara pribadi, splash screen ini adalah salah satu elemen penting untuk menunjukan value atau nilai dari brand yang sedang coba kita kembangkan, karena splash screen ini menentukan first impression user saat pertama kali membuka aplikasi yang kita buat, saya sendiri suka menghabiskan banyak waktu hanya untuk geser-geser logo ganti warna sampai saya merasa telah menentukan formula yang tepat untuk tampilan dari splash screen saya (splash screen pada tutorial kali ini sederhana karena hanya contoh saja). Pepatah berkata jangan melihat buku dari cover-nya, tapi kenyataannya banyak orang yang menilai sesuatu dari penampilannya terlebih dahulu, barulah tertarik untuk melihat isinya. Untuk full source nya bisa di ambil di sini (https://github.com/ImmanuelJL/myinventory.git), terima kasih.

Apa yang dimaksud dengan splash screen?

Splash screen adalah layar awal yang dibuka sebelum aplikasi di jalankan.

Apa fungsi dari splash screen?

Fungsi dari splash screen tersebut bermacam-macam, ada yang digunakan untuk load data, untuk menjalankan file konfigurasi, atau untuk proses suatu algoritma tertentu. Ada juga splash screen yang tidak ada fungsinya sama sekali, khusus digunakan untuk tampilan awal saja.