Panduan Setting Logo, Icon, Gambar Hadiah, dan Gambar Latar Belakang Aplikasi

Buat direktori folder pada folder utama gateway smartserver urutan dan nama folder silahkan di samakan seperti dibawah harus sama persis.

www
├── logo
│ ├── produk
│ │ ├── S10.png
│ │ └── S5.png
│ └── provider
│ └─── S.png
├── hadiah
│ ├── kodehadiah.jpg
│ └── saldo.jpg
└── app
├─── page-background.png
├─── card-background.png
└─── nav-background.png

Aturan:

  • Folder produk & provider
    – Format gambar: PNG
    – Nama gambar: sesuaikan dengan kode produk dan kode providernya
    – Size gambar: Recommedasi max 100kb
  • Folder hadiah
    – Format gambar hadiah/saldo: JPG
    – Nama gambar hadiah: sesuaikan dengan kode hadiahnya
    – Nama gambar saldo: harus sama persis “saldo.jpg” tinggal ubah desain gambarnya
    – Ukuran : Recommedasi max 800px x 800px
  • Folder app
    – Format gambar: PNG
    – Nama gambar: harus sama persis “page-background.png”, “card-background.png, “nav-background.png
    – Ukuran : Recommedasi max 800px x 800px

Settingan ini opsional apa bila Anda tidak melakukan settingan ini maka aplikasi akan tetap menggunakan logo/icon/gambar/backgroud sesuai dengan default bawaan dari smartserver.

Perlu Anda ketahui settingan ini memiliki cache 1 minggu berarti jika anda melakukan perubahan gambar perubahan pada aplikasi membutuhkan waktu 1 minggu agar gambar update secara otomatis, jika dengan cara menghapus data cache aplikasi maka gambar akan langsung update.

Settingan ini akan membuat aplikasi terasa berat pada waktu load pertama kali karna proses pengunduhan gambar pada masing-masing penginstall aplikasi, lamanya proses load tergantung dari sisi jaringan pengguna aplikasi.

Cara Memastikan Logo atau Gambar

Untuk memastikan bahwa logo atau gambar berhasil ditambahkan adalah dengan cara sebagai berikut:

  1. Buka Web Console
  2. Pada halaman Project, copy IP Public Static dan Port
    Misalnya:
    IP Public Static : http://111.222.333.444
    Port : 8080
  3. Gabungkan IP Public Static dan Port dengan titik dua menjadi seperti berikut
    http://111.222.333.444:8080
  4. Tambahkan lokasi logo atau gambar yang akan dicoba, misal kita akan memastikan logo telkomsel.png di dalam folder www/logo/produk. Maka url akan menjadi seperti berikut:
    http://111.222.333.444:8080/www/logo/produk/telkomsel.png
  5. Buka hasil url di browser komputer, bisa menggunakan Google Chrome.
  6. Jika gambar berhasil muncul, berarti sukses. Jika tidak, periksa kembali langkah-langkah pada panduan halaman ini.

Daftar Artikel