Jelajahi Antarmuka

Saat Anda membuka AppMaster Web Designer, Anda akan melihat navigator editor, header, dan area kerja tempat konten tab yang dipilih saat ini akan ditampilkan.

navigator

Navigator menyediakan tautan akses cepat ke tab editor web, tautan bermanfaat, dan tombol logo untuk kembali ke daftar aplikasi web atau bagian AppMaster Studio lainnya.

Tombol kembali

Klik logo AppMaster untuk membuka dropdown dengan menu yang muncul, memungkinkan Anda untuk:

• Kembali ke daftar aplikasi web.
• Navigasikan ke bagian AppMaster Studio lainnya.

Menu Desainer Web

AppMaster Web Designer tidak hanya mencakup pembuat UI. Ini juga menyediakan seperangkat alat dan layanan tambahan.

Untuk menavigasi dengan cepat di antara keduanya, gunakan Menu Web Designer, yang mencakup tab berikut:

• Desainer UI
• DB Lokal
• Pemicu Aplikasi
• Logika bisnis
• Variabel Global
• Penjadwal
• i18n (Lokalisasi)
• Pembuat Tema
• Pengaturan aplikasi

Tautan Bermanfaat

Dropdown mencakup tindakan seperti:

• Ngobrol dengan Kami: aktifkan atau nonaktifkan obrolan di sudut kanan bawah editor web.
• Dokumentasi: buka panduan teknis lengkap tentang penggunaan studio AppMaster.
• Tutorial: buka kumpulan tutorial dan contoh AppMaster.
• Komunitas: buka Komunitas AppMaster untuk terhubung dengan pengguna AppMaster lainnya.
• Reset orientasi: buka orientasi lagi untuk mempelajari antarmuka editor web.
• Pintasan keyboard: membuka daftar pintasan keyboard yang membantu mempercepat alur kerja desain Anda. Anda dapat melihat pintasan ini dengan menekan Shift + /.
• Apa yang Baru: jika Anda melewatkan pembaruan apa pun, Anda dapat menjelajahi daftar pembaruan lengkap melalui tautan ini.
• Ringkasan Hukum: buka semua dokumen hukum AppMaster.

Tajuk

Header editor menyediakan informasi aplikasi dan toolbar aplikasi.

Informasi aplikasi

Di sisi header kiri menampilkan informasi dasar tentang aplikasi Anda:

• Ikon Aplikasi: favicon aplikasi untuk mengidentifikasi aplikasi Anda secara visual dengan cepat.
• Nama Aplikasi: nama aplikasi Anda.
• Nama Proyek: proyek milik aplikasi tersebut.
• Indikator Aplikasi Default: jika aplikasi ditandai sebagai default, Anda akan melihat ikon bintang di dekat nama aplikasi.

Daftar Kolaborator

Daftar kolaborator menampilkan semua anggota proyek yang sedang mengerjakan aplikasi. Setiap kolaborator memiliki warna batas pribadi, warna ini akan digunakan untuk kursor mereka.

Jika jumlah kolaborator melebihi 5, klik penghitung untuk melihat kolaborator tersembunyi. Avatar Anda selalu ditampilkan terlebih dahulu.

Arahkan kursor ke avatar untuk melihat nama kolaborator.

Anda dapat membaca lebih lanjut tentang mode Kolaborasi di sini .

Pratinjau

Untuk menjalankan pratinjau aplikasi, klik tombol Pratinjau dan pilih rencana penerapan untuk memuat datanya atau pilih Pratinjau dengan data tiruan.

Pratinjau akan dijalankan di tab baru dan diperbarui secara real-time saat Anda membuat perubahan pada aplikasi tanpa perlu menyimpan.

Anda dapat membaca lebih lanjut tentang mode pratinjau Realtime di sini .

Tombol Tindakan

Dorong perubahan

Semua perubahan yang Anda buat dalam aplikasi disimpan dalam draf. Anda tidak perlu menyimpan aplikasi selama proses kerja Anda.

Namun jika Anda memublikasikan proyek tanpa melakukan push, Anda tidak akan melihat perubahan ini di versi build. Untuk menyertakan perubahan pada pembangunan proyek, Anda harus mengirimkannya ke server sebelum penerbitan proyek. Setelah didorong, perubahan akan disertakan dalam penerbitan proyek berikutnya.

Publikasikan Aplikasi SEGERA

Untuk memperbarui versi proyek yang dibangun, Anda perlu mempublikasikan aplikasi Anda ke salah satu rencana penerapan Anda.

Anda dapat menjalankan penerbitan langsung dari editor. Untuk mempublikasikan, klik tombol Rocket dan pilih rencana penerapan target.

Area kerja

Area kerja adalah bagian utama AppMaster Web Designer, tempat Anda membuat dan menyiapkan aplikasi.

Konten area kerja akan diubah tergantung pada tab mana yang dipilih saat ini. Masing-masing tab yang tersedia akan dirinci gambarannya pada artikel berikut.

Setelah membuka Web Apps Editor, bagian pertama yang akan dibuka adalah UI Designer.