全部产品
Search
文档中心

Quick BI:Buat Portal BI Seluler

更新时间:Nov 15, 2025

Portal BI adalah kumpulan item data—seperti dasbor, buku kerja, formulir entri data, dan tautan eksternal—yang diatur dalam sebuah menu. Portal BI memungkinkan Anda membuat bilah navigasi kompleks untuk analisis tematik. Anda dapat mengonfigurasi informasi dasar, bingkai navigasi, dan kontrol umum untuk versi PC maupun seluler sesuai kebutuhan tampilan data Anda. Topik ini menjelaskan cara membuat portal BI seluler.

Deskripsi konfigurasi

Pembuatan portal BI mencakup konfigurasi portal dan konfigurasi menu. Beberapa pengaturan digunakan bersama oleh klien PC dan seluler sehingga tidak perlu dikonfigurasi secara terpisah, sedangkan pengaturan lainnya harus dikonfigurasi khusus untuk masing-masing klien. Rinciannya sebagai berikut.

  • Konfigurasi portal:

    • Konfigurasi dasar dan Bingkai navigasi harus dikonfigurasi secara terpisah.

    • Tambahkan kontrol umum menggunakan konfigurasi yang sama dengan klien PC.image

  • Konfigurasi menu:

    • Hanya Gaya tampilan menu yang harus dikonfigurasi secara terpisah.image

Konfigurasi portal

Titik masuk operasi

Untuk mengonfigurasi portal seluler, geser slider klien di bagian atas halaman ke ikon image.

  • Di bagian atas halaman, klik ikon Portal settings.image

  • Saat mengonfigurasi menu, klik Portal configuration untuk membuka antarmuka konfigurasi portal.

    image

Konfigurasi dasar

Item konfigurasi

Deskripsi

Logo global

Atur logo tampilan global untuk klien seluler. Anda dapat memilih materi resmi atau mengunggah gambar kustom. Ukuran yang disarankan untuk gambar yang diunggah adalah 60×60 hingga 180×60 piksel, dan ukuran gambar tidak boleh melebihi 100 KB.image

Catatan

Logo global hanya berlaku jika Mode bingkai navigasi diatur ke Tata letak ubin. Untuk mengonfigurasi gaya logo global, sesuaikan pengaturan pada konfigurasi area sampul tata letak ubin.

Judul utama dan subjudul

Masukkan judul utama dan subjudul portal saat ini. Subjudul tidak boleh melebihi 1.000 karakter.image

Catatan

Subjudul hanya berlaku jika Mode bingkai navigasi diatur ke Tata letak ubin. Untuk mengonfigurasi gaya subjudul, sesuaikan pengaturan pada konfigurasi area sampul tata letak ubin.

Mode tampilan

Atur cara membuka halaman. Anda dapat memilih Buka di halaman saat ini atau Buka di jendela baru.

  • Buka di halaman saat ini: Saat Anda mengganti menu, konten dimuat di halaman saat ini.

  • Buka di jendela baru: Saat Anda mengganti menu, konten dimuat di halaman baru.

  • Kustom: Anda juga dapat memilih Kustomisasi mode tampilan untuk setiap halaman menu. Klik Configure untuk membuka antarmuka konfigurasi halaman menu.image Untuk informasi lebih lanjut tentang konfigurasi halaman menu, lihat Konfigurasi menu.

Bingkai navigasi

Dalam bingkai navigasi, Anda dapat mengatur Mode tema dan Mode bingkai navigasi.

Mode tema

Atur tema ke Mode terang atau Mode gelap.

  • Mode terang

    image

  • Mode gelap

    image

Mode bingkai navigasi

Anda dapat memilih Tata letak navigasi atas, Tata letak navigasi bawah, atau Tata letak ubin.

image

  • Tata letak navigasi atas

    Item konfigurasi

    Konten konfigurasi

    Deskripsi

    Navigasi atas

    Tinggi bilah navigasi

    Atur tinggi bilah navigasi.

    Latar belakang bilah navigasi

    Atur warna latar belakang bilah navigasi. Anda dapat menambahkan gambar unggahan kustom sebagai overlay. Gambar harus dalam format JPG, JPEG, PNG, GIF, atau SVG dan ukurannya tidak boleh melebihi 1 MB.

    Menu Tab

    Atur gaya, format teks, dan lebar label tab menu.

    • Gaya tab: Atur gaya menjadi Bar, Teks, atau Blok.111

    • Teks tab: Atur format teks normal dan teks yang dipilih pada label tab.111

    • Lebar label: Atur lebar label tab. Anda dapat memilih Otomatis untuk mengatur lebar secara otomatis berdasarkan halaman, atau mengatur lebar tetap.111

    Menu dropdown

    Latar belakang area menu navigasi

    Atur warna latar belakang area menu navigasi. Anda dapat menambahkan gambar unggahan kustom sebagai overlay. Gambar harus dalam format JPG, JPEG, PNG, GIF, atau SVG dan ukurannya tidak boleh melebihi 1 MB.111

    Tampilan teks

    Atur gaya teks normal dan teks yang dipilih di area menu navigasi. Anda dapat menyesuaikan tinggi baris menu.111

  • Tata letak navigasi bawah

    Item konfigurasi

    Konten konfigurasi

    Deskripsi

    Navigasi bawah

    Tinggi bilah navigasi

    Atur tinggi bilah navigasi.

    Latar belakang bilah navigasi

    Atur warna latar belakang bilah navigasi. Anda dapat menambahkan gambar unggahan kustom sebagai overlay. Gambar harus dalam format JPG, JPEG, PNG, GIF, atau SVG dan ukurannya tidak boleh melebihi 1 MB.

    Menu Tab

    Atur gaya dan format teks tab menu.

    • Gaya tab: Atur gaya menjadi Hanya teks atau Ikon + teks.111

    • Teks tab: Atur gaya teks normal dan teks yang dipilih.111

    Menu dropdown

    Latar belakang area menu navigasi

    Atur warna latar belakang area menu navigasi. Anda dapat menambahkan gambar unggahan kustom sebagai overlay. Gambar harus dalam format JPG, JPEG, PNG, GIF, atau SVG dan ukurannya tidak boleh melebihi 1 MB.111

    Tampilan teks

    Atur gaya teks normal dan teks yang dipilih di area menu navigasi. Anda dapat menyesuaikan tinggi baris menu.111

  • Tata letak ubin

    Item konfigurasi

    Konten konfigurasi

    Deskripsi

    Penutup layar

    Tentukan apakah akan menampilkan area sampul di bagian atas halaman.111

    Konfigurasi area sampul

    Tinggi area sampul

    Atur tinggi area sampul. 111

    Margin bawah area konten

    Atur margin bawah area konten. 111

    Konten area sampul

    image

    • Logo global: Tentukan apakah akan menampilkan logo global dan sesuaikan ukuran logo.

    • Judul utama dan subjudul: Tentukan apakah akan menampilkan judul utama dan subjudul, serta sesuaikan format font.

    • Penyelarasan: Atur penyelarasan judul utama dan subjudul. Anda dapat memilih Rata kiri atau Rata tengah.

    Latar belakang area sampul

    Atur warna latar belakang area sampul. Anda dapat menambahkan gambar yang disediakan sistem atau mengunggah gambar kustom sebagai overlay. Gambar yang diunggah harus dalam format JPG, JPEG, PNG, GIF, atau SVG dan ukurannya tidak boleh melebihi 1 MB.111

    Konfigurasi area konten

    Latar belakang area kartu

    Atur warna latar belakang area kartu. Anda dapat menambahkan gambar unggahan kustom sebagai overlay. Gambar harus dalam format JPG, JPEG, PNG, GIF, atau SVG dan ukurannya tidak boleh melebihi 1 MB.111

    Jarak kartu

    Atur jarak antar kartu.

    Judul kartu

    Atur format font judul area kartu.

    Nama menu

    Atur format font nama menu di area kartu.

    Jumlah maksimum per baris

    Atur jumlah maksimum menu yang dapat ditampilkan per baris.111

    Ukuran tampilan ikon

    Atur ukuran tampilan ikon di bilah menu. 111

    Latar belakang halaman

    Atur warna latar belakang halaman. Anda dapat menambahkan gambar unggahan kustom sebagai overlay. Gambar harus dalam format JPG, JPEG, PNG, GIF, atau SVG dan ukurannya tidak boleh melebihi 1 MB.111

    Margin halaman

    Atur margin atas, bawah, kiri, dan kanan halaman. Klik ikon image di sebelah kiri untuk mengatur nilai yang sama untuk margin atas dan bawah. Klik ikon image di sebelah kanan untuk mengatur nilai yang sama untuk margin kiri dan kanan.111

    Aktifkan tampilan navigasi laporan

    Tentukan apakah akan menampilkan navigasi laporan di bagian atas halaman. Gaya navigasi ini mengikuti pengaturan gaya mode navigasi atas.

    Opsi ini dipilih secara default dalam tata letak ubin. Jika opsi ini dipilih, jalur navigasi yang terdiri dari menu-menu di setiap level akan ditampilkan di bagian atas halaman saat pengguna melihat laporan di portal BI. Hal ini membantu pengguna memahami lokasi laporan saat ini dan dengan cepat menuju ke halaman terkait.

    Dalam tata letak ubin, halaman utama dapat menampilkan hingga dua level menu portal. Jika menu memiliki lebih dari dua level:image

    • Jika tampilan navigasi laporan diaktifkan, Anda dapat mengklik sebuah node lalu beralih ke level berikutnya dari bilah navigasi di bagian atas halaman untuk melihat konten terkait.image

    • Jika tampilan navigasi laporan dinonaktifkan, Anda dapat mengklik sebuah node lalu beralih ke level berikutnya dari jendela pop-up di bagian bawah halaman untuk melihat konten terkait.image

Tambahkan kontrol umum

Catatan

Pengaturan untuk kontrol umum sama untuk klien seluler dan PC.

Item konfigurasi

Deskripsi

Menu Cache

Pilih opsi ini untuk menyimpan cache menu. Jika Anda membuka beberapa menu, menu tersebut tidak perlu dimuat ulang saat Anda berpindah di antara mereka.

Alias portal

Tentukan alias untuk portal BI. Alias ini akan ditambahkan ke URL portal. Misalnya, jika Anda memasukkan 1, alias portalnya adalah: https://daily.yunbi.biz.aliyun.test/product/1.htm

image

Catatan

Konten yang Anda masukkan harus mematuhi hukum dan peraturan yang berlaku. Jangan memasukkan informasi ilegal, pornografi, reaksioner, atau tidak etis.

Konfigurasi menu

Catatan

Untuk klien seluler, hanya Gaya tampilan menu yang memerlukan konfigurasi terpisah. Semua pengaturan lainnya sama dengan pengaturan untuk klien PC.

  1. Di halaman edit portal BI, klik menu target untuk membuka halaman Configure Menu.

    image

  2. Di halaman Configure Menu, konfigurasikan Portal menu, System features, dan Menu settings.

    image

    • Konfigurasi Portal menu

      image

      ① Tambahkan menu utama. Ini adalah menu level-1.

      ② Tambahkan menu level-2 dan level yang lebih rendah.

      ③ Tetapkan menu sebagai halaman utama. Halaman utama kemudian akan ditampilkan secara default saat Anda membuka portal BI.

      ④ Hapus menu.

    • Pengaturan System features

      Anda dapat menambahkan fitur Menu search seperti yang ditunjukkan pada gambar berikut.

      image

      • Logika tampilan ikon More:

        • Jika lebar total navigasi level-1 di Top Navigation Bar (①) melebihi lebar layar, ikon More akan ditampilkan secara otomatis.

        • Jika Bottom Navigation Bar (②) memiliki lebih dari lima item navigasi level-1, ikon More akan ditampilkan secara otomatis.

          Klik ikon More untuk membuka halaman daftar menu portal.

      • Jika fitur Menu search diaktifkan, Anda dapat mencari nama menu.

      • Pada klien seluler, konfigurasikan Warna isi latar belakang, Warna ikon, dan Warna batas untuk kotak pencarian menu, serta gaya teks untuk kondisi Kosong dan Input.

    • Menu settings

      Item konfigurasi

      Deskripsi

      Nama menu

      Nama menu tersebut.

      Izinkan dilipat

      Menentukan apakah menu dapat dilipat.

      Default Collapse

      Menentukan status default menu tersebut.

      Catatan

      Anda hanya dapat mengatur opsi ini jika Izinkan lipat dipilih.

      Jenis node

      Atur tipe node menjadi node konten atau node kosong.

      • Jika sebuah node adalah node induk, Anda dapat mengaturnya sebagai node kosong.

      • Saat Anda menambahkan node anak, node induk secara otomatis menjadi node kosong. Jika node induk sebelumnya merupakan node konten, kontennya akan dihapus.

        image

      Jenis konten

      Anda dapat mengatur tipe konten menjadi Sumber daya ruang atau Tautan eksternal. Untuk portal BI seluler, hanya tipe Sumber daya ruang berikut yang didukung:

      • Dashboard

      • Workbook

      • Entri data

      image

      Mode tampilan

      Mode yang didukung adalah Buka di halaman saat ini, Buka di jendela baru, dan Halaman saat ini dan jendela baru.

      Catatan
      • Anda hanya dapat mengatur opsi ini jika menu tidak diatur sebagai node kosong.

      • Jika Anda telah memilih metode pembukaan halaman terpadu dalam konfigurasi situs, Anda tidak dapat menyesuaikan metode pembukaan untuk satu halaman menu tertentu. Untuk menyesuaikan metode pembukaan untuk satu halaman menu tertentu, ubah pengaturannya menjadi Kustomisasi mode tampilan untuk setiap halaman menu.

        image

      Gaya tampilan menu

      Anda dapat menampilkan atau menyembunyikan Tampilan menu, memilih Tampilkan ikon, serta mengonfigurasi ukuran ikon, ikon menu untuk kondisi normal dan terpilih, serta jarak antara ikon dan teks.image

      • Anda dapat menyesuaikan status tampilan menu pada klien PC atau seluler. Jika Anda memilih untuk menyembunyikan menu pada klien seluler, menu tersebut beserta menu anaknya tidak akan ditampilkan. Tampilan menu pada klien PC tidak terpengaruh. Untuk mengonfigurasi tampilan menu pada klien PC, lakukan pengaturan saat Anda membuat portal BI PC.

        image

      • ikon menu mendukung Gunakan materi atau Gambar kustom.

        • Gunakan materiimage

        • Gambar kustom

          Anda dapat mengunggah gambar lokal (①) atau mengunggah gambar menggunakan URL (②).image.png

  3. Klik Save untuk menyelesaikan konfigurasi menu.

Konfigurasi tema

  1. Di halaman edit portal BI, klik ikon image.png di pojok kanan atas. Di panel yang muncul, temukan ikon sakelar mode di bagian bawah untuk beralih antara tema terang dan gelap untuk portal BI.

    image

    Catatan

    Sakelar mode tema berlaku di tingkat akun, bukan tingkat modul. Misalnya, jika Anda mengganti buku kerja ke mode terang, modul lain yang mendukung pengalihan tema—seperti dasbor dan formulir entri data—juga akan beralih ke mode terang.

    Mode terang

    image

    Mode gelap

    image

    Ikuti sistem

    Opsi ini mengikuti gaya sistem yang ditetapkan dalam konfigurasi kustom.

    image

    Untuk informasi lebih lanjut, lihat Penyesuaian tema sistem.

    Catatan

    Anda hanya dapat mengatur gaya sistem di Manajemen Penyewa. Pengaturan tingkat modul menggantikan pengaturan tingkat organisasi.