Cours accéléré 101
10 Modules
5 Semaines

Explorez l'interface

Cliquez pour copier

Découvrez l'interface AppMaster Web Designer.


Lorsque vous ouvrez AppMaster Web Designer, vous verrez un navigateur d'éditeur, un en-tête et une zone de travail où le contenu de l'onglet actuellement sélectionné sera affiché.

AppMaster Web Designer Interface

AppMaster Web Designer Navigator

Le navigateur fournit des liens d'accès rapide aux onglets de l'éditeur Web, des liens utiles et un bouton avec logo pour revenir à la liste des applications Web ou à d'autres sections d'AppMaster Studio.

Bouton Retour

Back button

Cliquez sur le logo AppMaster pour ouvrir la liste déroulante et le menu apparaît, vous permettant de :

  • Retour à la liste des applications Web.
  • Accédez aux autres sections d'AppMaster Studio.

AppMaser Web Designer Menu

AppMaster Web Designer n'inclut pas seulement un générateur d'interface utilisateur. Il fournit également un ensemble d'outils et de services supplémentaires.

Pour naviguer rapidement entre eux, utilisez le menu Web Designer, qui comprend les onglets suivants :

  • Concepteur d'interface utilisateur
  • Base de données locale
  • Déclencheur d'application
  • Logique métier
  • Variables globales
  • Planificateur
  • i18n (localisation)
  • Générateur de thèmes
  • Paramètres de l'application

Liens utiles

Helpful Links AppMaster Web Designer

La liste déroulante comprend des actions telles que :

  • Discutez avec nous : activez ou désactivez le chat dans le coin inférieur droit de l'éditeur Web.
  • Documentation : ouvrez un guide technique complet sur l'utilisation d'AppMaster studio.
  • Tutoriels : ouvrez la collection AppMaster de didacticiels et d'exemples.
  • Communauté : ouvrez la communauté AppMaster pour vous connecter avec d'autres utilisateurs AppMaster.
  • Réinitialiser l'onboarding : ouvrez à nouveau l'onboarding pour étudier l'interface de l'éditeur web.
  • Raccourcis clavier : ouvrez la liste des raccourcis clavier qui permettent d'accélérer votre flux de travail de conception. Vous pouvez afficher ces raccourcis en appuyant sur Shift + /.
  • Quoi de neuf : si vous manquez des mises à jour, vous pouvez explorer la liste complète des mises à jour via ce lien.
  • Résumé juridique : ouvrez tous les documents juridiques AppMaster.

Entête

Header of AppMaster Web Designer

L'en-tête de l'éditeur fournit des informations sur l'application et une barre d'outils d'application.

Informations sur l'application

Web app information in AppMaster Web Designer

Sur le côté gauche de l'en-tête, des informations de base sur votre application s'affichent :

  • Icône de l'application : le favicon de l'application pour identifier rapidement visuellement votre application.
  • Nom de l'application : nom de votre application.
  • Nom du projet : le projet auquel appartient l'application.
  • Indicateur d'application par défaut : si l'application est marquée par défaut, vous voyez une icône en forme d'étoile à côté du nom de l'application.

Liste des collaborateurs

Collaborators in AppMaster Web Designer

La liste des collaborateurs affiche tous les membres du projet travaillant actuellement sur l'application. Chaque collaborateur possède une couleur de bordure personnelle, cette couleur sera utilisée pour son curseur.

Si le nombre de collaborateurs dépasse 5, cliquez sur le compteur pour voir les collaborateurs masqués. Votre avatar s'affiche toujours en premier lieu.

Passez la souris sur un avatar pour voir le nom du collaborateur.

Vous pouvez en savoir plus sur le mode Collaboration ici .

Aperçu

Realtime preview in AppMaster Web Designer

Pour exécuter l'aperçu de l'application, cliquez sur le bouton Aperçu et sélectionnez le plan de déploiement pour charger ses données ou sélectionnez Aperçu avec des données fictives.

L'aperçu sera exécuté dans un nouvel onglet et mis à jour en temps réel pendant que vous apporterez des modifications à votre application sans qu'aucune sauvegarde ne soit nécessaire.

Vous pouvez en savoir plus sur le mode de prévisualisation en temps réel ici .

Boutons d'action

Pousser les modifications

Toutes les modifications que vous apportez dans l'application sont enregistrées dans un brouillon. Vous n'avez pas besoin de sauvegarder les candidatures pendant votre processus de travail.

Mais si vous publiez votre projet sans pousser, vous ne voyez pas ce changement dans la version build. Pour inclure des modifications dans la version du projet, vous devez les transmettre au serveur avant la publication du projet. Après avoir poussé, les modifications seront incluses dans la publication ultérieure du projet.

Publier la candidature BIENTÔT

Pour mettre à jour la version construite du projet, vous devez publier votre application sur l'un de vos plans de déploiement.

Publish Application from AppMaster Web Designer

Vous pouvez exécuter la publication directement depuis l'éditeur. Pour publier, cliquez sur le bouton Rocket et sélectionnez le plan de déploiement cible.

Espace de travail

La zone de travail est la partie centrale d'AppMaster Web Designer, où vous créez et configurez votre application.

Work area Canvas AppMaster Web Designer

Le contenu de la zone de travail sera modifié en fonction de l'onglet actuellement sélectionné. Chacun des onglets disponibles détaillera un aperçu dans les articles suivants.

Après avoir ouvert l'éditeur d'applications Web, la première section qui sera ouverte est UI Designer.

Was this article helpful?
Vous cherchez toujours une réponse ?
Rejoignez la communauté