All Products
Search
Document Center

Quick BI:Buat Portal Data Seluler

Last Updated:Jun 17, 2026

Portal data adalah kumpulan aset data (seperti dashboard, spreadsheet, dan entri data) serta tautan eksternal yang diorganisasi menggunakan menu. Portal data memungkinkan Anda membuat navigasi kompleks untuk analisis tematik. Anda dapat mengonfigurasi pengaturan dasar, kerangka navigasi, dan kontrol standar secara terpisah untuk portal data versi PC dan seluler sesuai kebutuhan tampilan Anda. Topik ini menjelaskan cara membuat portal data seluler.

Ikhtisar Konfigurasi

Membuat portal data melibatkan pengaturan portal dan pengaturan menu. Beberapa pengaturan dibagi antara versi PC dan seluler, sementara yang lain memerlukan konfigurasi terpisah untuk masing-masing platform. Lihat bagian berikut untuk detailnya.

  • Konfigurasi portal:

    • Pengaturan dasar dan kerangka navigasi memerlukan konfigurasi terpisah.

    • Konfigurasi untuk kontrol standar dibagi dengan versi PC.image

  • Pengaturan menu:

    • Hanya Gaya tampilan menu yang memerlukan konfigurasi terpisah.image

Konfigurasi Portal

Titik Masuk

Untuk mengonfigurasi portal untuk perangkat seluler, alihkan slider perangkat di bagian atas halaman ke ikon image.

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

  • Saat mengonfigurasi menu, Anda dapat mengeklik Portal configuration untuk membuka halaman konfigurasi portal.

    image

Pengaturan Dasar

Parameter

Description

Global logo

Mengatur global logo untuk tampilan seluler. Anda dapat memilih dari materi yang disediakan atau mengunggah custom image. Ukuran gambar yang direkomendasikan berada di antara 60×60 hingga 180×60 piksel, dan ukuran file tidak boleh melebihi 100 KB.image

Catatan

Global logo hanya berlaku ketika navigation framework mode diatur ke tiled layout. Untuk menyesuaikan gaya global logo, ubah pengaturan pada konfigurasi area cover untuk tiled layout.

Main title and subtitle

Masukkan main title dan subtitle untuk portal. Subtitle tidak boleh melebihi 1.000 karakter.image

Catatan

Subtitle hanya berlaku ketika navigation framework mode diatur ke tiled layout. Untuk menyesuaikan gaya subtitle, ubah pengaturan pada konfigurasi area cover untuk tiled layout.

View mode

Mengatur cara halaman dibuka. Anda dapat memilih untuk Open in current page atau Open in new window.

  • Open in current page: Saat menu dipilih, konten dimuat di halaman saat ini.

  • Open in new window: Saat menu dipilih, konten dimuat di halaman baru.

  • Custom: Anda juga dapat memilih untuk customize the view mode for each menu page. Klik Configure untuk membuka halaman pengaturan menu.image Untuk informasi lebih lanjut mengenai pengaturan halaman menu, lihat Menu settings.

Kerangka Navigasi

Dalam kerangka navigasi, Anda dapat mengonfigurasi theme mode dan navigation framework mode.

Theme Mode

Anda dapat mengatur tema ke light mode atau dark mode.

  • Light mode

    image

  • Dark mode

    image

Navigation Framework Mode

Anda dapat memilih top navigation layout, bottom navigation layout, atau tiled layout.

image

  • Top navigation layout

    Parameter

    Opsi

    Deskripsi

    Top navigation

    Navigation bar height

    Menetapkan tinggi bilah navigasi.

    Navigation bar background

    Menetapkan warna latar belakang bilah navigasi. Anda dapat menambahkan overlay latar belakang dengan custom image. Format yang didukung adalah JPG, JPEG, PNG, GIF, dan SVG. Ukuran gambar harus 1 MB atau kurang.

    Menu tab

    Menetapkan gaya, format teks, dan lebar tab menu.

    • Tab style: Pilih dari Selected bar, Selected text, atau Selected block.111

    • Tab text: Menetapkan format teks tab biasa dan terpilih.111

    • Tab width: Menetapkan lebar tab. Anda dapat mengaturnya agar menyesuaikan secara otomatis dengan lebar halaman atau menggunakan lebar tetap.111

    Dropdown menu

    Navigation menu area background

    Menetapkan warna latar belakang area menu navigasi. Anda dapat menambahkan overlay latar belakang dengan custom image. Format yang didukung adalah JPG, JPEG, PNG, GIF, dan SVG. Ukuran gambar harus 1 MB atau kurang.111

    Text display

    Menetapkan gaya teks biasa dan terpilih di area menu navigasi. Anda juga dapat menyesuaikan tinggi baris menu.111

  • Bottom navigation layout

    Parameter

    Opsi

    Deskripsi

    Bottom navigation

    Navigation bar height

    Menetapkan tinggi bilah navigasi.

    Navigation bar background

    Menetapkan warna latar belakang bilah navigasi. Anda dapat menambahkan overlay latar belakang dengan custom image. Format yang didukung adalah JPG, JPEG, PNG, GIF, dan SVG. Ukuran gambar harus 1 MB atau kurang.

    Menu tab

    Menetapkan gaya dan format teks tab menu.

    • Tab style: Anda dapat mengaturnya ke Text only atau Icon + text.111

    • Tab text: Menetapkan gaya teks biasa dan terpilih.111

    Dropdown menu

    Navigation menu area background

    Menetapkan warna latar belakang area menu navigasi. Anda dapat menambahkan overlay latar belakang dengan custom image. Format yang didukung adalah JPG, JPEG, PNG, GIF, dan SVG. Ukuran gambar harus 1 MB atau kurang.111

    Text display

    Menetapkan gaya teks biasa dan terpilih di area menu navigasi. Anda juga dapat menyesuaikan tinggi baris menu.111

  • Tiled layout

    Parameter

    Opsi

    Deskripsi

    Display cover

    Menentukan apakah akan menampilkan area cover di bagian atas halaman.111

    Cover area configuration

    Cover area height

    Menetapkan tinggi area cover.111

    Content area bottom margin

    Menetapkan margin bawah area konten.111

    Cover area content

    image

    • Global logo: Menetapkan apakah akan menampilkan global logo dan menyesuaikan ukurannya.

    • Main title and subtitle: Menetapkan apakah akan menampilkan judul utama dan subjudul serta menyesuaikan format font-nya.

    • Alignment: Menetapkan penyelarasan judul utama dan subjudul. Opsi yang tersedia adalah Align left atau Align center.

    Cover area background

    Menetapkan warna latar belakang area cover. Anda dapat menambahkan overlay latar belakang dengan materi sistem atau custom image. Format yang didukung adalah JPG, JPEG, PNG, GIF, dan SVG. Ukuran gambar harus 1 MB atau kurang.111

    Content area configuration

    Card area background

    Menetapkan warna latar belakang area kartu. Anda dapat menambahkan overlay latar belakang dengan custom image. Format yang didukung adalah JPG, JPEG, PNG, GIF, dan SVG. Ukuran gambar harus 1 MB atau kurang.111

    Spacing between cards

    Menetapkan jarak antar kartu.

    Card title

    Menetapkan format font judul kartu, termasuk warna, ukuran, bobot, dan apakah dicetak miring.

    Menu name

    Menetapkan format font nama menu di area kartu, termasuk warna, ukuran, bobot, dan apakah dicetak miring.

    Maximum number of items per row

    Menetapkan jumlah maksimum item menu yang ditampilkan per baris.111

    Icon display size

    Menetapkan ukuran tampilan ikon di bilah menu.111

    Page background

    Menetapkan warna latar belakang halaman. Anda dapat menambahkan overlay latar belakang dengan custom image. Format yang didukung adalah JPG, JPEG, PNG, GIF, dan SVG. Ukuran gambar harus 1 MB atau kurang.111

    Page margin

    Menetapkan margin atas, bawah, kiri, dan kanan untuk halaman. Klik ikon image di sebelah kiri untuk mengunci margin atas dan bawah ke nilai yang sama. Klik ikon image di sebelah kanan untuk mengunci margin kiri dan kanan ke nilai yang sama.111

    Enable report navigation display

    Menentukan apakah akan menampilkan navigasi laporan di bagian atas halaman. Gaya navigasi ini diwariskan dari pengaturan top navigation layout.

    Opsi ini dipilih secara default dalam tiled layout. Ketika opsi ini dipilih, pengguna yang melihat laporan di portal data akan melihat jalur navigasi breadcrumb di bagian atas halaman. Jalur ini menunjukkan lokasi laporan dalam hierarki menu dan memungkinkan navigasi cepat ke halaman induk.

    Dalam tiled layout, halaman utama menampilkan maksimal dua level menu portal. Jika hierarki menu melebihi dua level:image

    • Jika navigasi laporan diaktifkan, setelah Anda mengklik node, Anda dapat menggunakan bilah navigasi atas untuk beralih ke level berikutnya dan melihat konten terkait.image

    • Jika navigasi laporan tidak diaktifkan, setelah Anda mengklik node, jendela pop-up muncul di bagian bawah halaman, memungkinkan Anda menavigasi ke level berikutnya.image

Kontrol Standar

Catatan

Pengaturan untuk kontrol standar dibagi dengan versi PC.

Parameter

Deskripsi

Menu cache

Saat opsi ini dipilih, beralih antar menu yang terbuka tidak memerlukan pemuatan ulang halaman.

Portal alias

Anda dapat memasukkan parameter kustom untuk ditambahkan ke URL. Misalnya, jika Anda memasukkan 1, URL portal dengan alias ini menjadi: https://daily.yunbi.biz.aliyun.test/product/1.htm

image

Catatan

Pastikan konten Anda mematuhi semua undang-undang dan peraturan yang berlaku. Jangan masukkan informasi apa pun yang ilegal, cabul, subversif, atau tidak pantas lainnya.

Pengaturan Menu

Catatan

Untuk konfigurasi menu seluler, hanya Menu display style yang memerlukan konfigurasi terpisah. Semua pengaturan lainnya dibagi dengan konfigurasi PC.

  1. Di halaman pengeditan portal data, klik menu target untuk membuka halaman Configure menu.

    image

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

    image

    • Konfigurasi Portal menu

      image

      ① Tambahkan menu utama. Ini menambahkan item menu tingkat atas.

      ② Tambahkan item menu tingkat kedua atau lebih rendah.

      ③ Tetapkan menu sebagai halaman utama. Saat portal data dibuka, halaman ini ditampilkan secara default.

      ④ Hapus menu.

    • Pengaturan System functions

      Anda dapat menambahkan fungsi Menu search seperti yang ditunjukkan pada gambar.

      image

      • Logika untuk menampilkan ikon More:

        • Saat lebar total navigasi tingkat atas di top navigation bar (①) melebihi lebar layar, ikon More muncul secara otomatis.

        • Saat terdapat lebih dari lima item navigasi tingkat atas di bilah navigasi bottom (②), ikon More muncul secara otomatis.

          Klik ikon More untuk membuka daftar menu portal.

      • Mengatur Menu search ke Display memungkinkan pengguna mencari nama menu.

      • Anda dapat mengonfigurasi Background fill color, Icon color, Border color, dan gaya teks untuk kondisi Empty state dan Input state kotak pencarian menu seluler.

    • Menu settings

      Parameter

      Deskripsi

      Menu name

      Menyesuaikan nama menu.

      Allow collapse

      Menentukan apakah menu dapat diciutkan.

      Collapse by default

      Menetapkan status default menu.

      Catatan

      Opsi ini tersedia hanya jika Allow collapse dipilih.

      Node type

      Menetapkan tipe node menjadi node konten atau node kosong.

      • Untuk menggunakan node sebagai induk, tetapkan sebagai node kosong.

      • Menambahkan node anak secara otomatis mengubah node induk menjadi node kosong. Jika node induk sebelumnya berisi konten, konten tersebut akan dihapus.

        image

      Content type

      Menetapkan tipe konten menjadi Workspace resource atau External link. Untuk portal data seluler, Workspace resource hanya mendukung tipe berikut:

      • dashboard

      • spreadsheet

      • data entry

      image

      View mode

      Opsi yang tersedia meliputi Open in current page dan Open in new window.

      Catatan
      • Opsi ini hanya dapat diatur jika menu bukan empty node.

      • Jika Anda telah mengonfigurasi view mode global di pengaturan portal, Anda tidak dapat menyesuaikan pengaturan ini untuk halaman menu individual. Untuk menyesuaikan mode pembukaan untuk halaman menu individual, ubah pengaturan global menjadi customize the view mode for each menu page.

        image

      Menu display style

      Anda dapat mengaktifkan atau menyembunyikan Menu display, memilih Display icon, dan mengonfigurasi ukuran ikon, menu icon untuk kondisi normal dan terpilih, serta Spacing between icon and text.image

      • Anda dapat menyesuaikan status tampilan menu di PC atau mobile. Jika Anda menyembunyikan menu di perangkat seluler, menu tersebut dan submenu-nya tidak akan ditampilkan. Tampilan menu PC tidak terpengaruh. Untuk mengonfigurasi tampilan menu PC, gunakan pengaturan yang sesuai saat Anda membuat portal data PC.

        image

      • Untuk menu icon, Anda dapat memilih Use material atau Custom image.

        • Use materialimage

        • Custom image

          Anda dapat mengunggah gambar lokal (①) atau mengunggah gambar dari tautan (②).image.png

  3. Klik Save untuk menyelesaikan konfigurasi menu.

Konfigurasi Tema

  1. Di halaman pengeditan portal data, klik ikon image.png di pojok kanan atas dan temukan ikon pengalihan mode di bagian bawah untuk mengalihkan tema portal data.

    image

    Catatan

    Pengalihan mode tema berlaku di tingkat akun, bukan tingkat modul. Misalnya, jika Anda mengalihkan spreadsheet ke light mode, modul lain yang mendukung pengalihan tema (seperti dashboard dan data entry) juga beralih ke light mode.

    Light mode

    image

    Dark mode

    image

    Follow system

    Menerapkan gaya sistem yang ditentukan dalam pengaturan kustom.

    image

    Lihat System Theme Customization.

    Catatan

    Hanya administrator organisasi yang dapat mengatur gaya sistem dalam pengaturan kustom. Mode tingkat modul memiliki prioritas lebih tinggi daripada pengaturan tingkat organisasi.