Spyrosoft Synergy s'est associé à The Qt Companypour créer un exemple de prototype présenté dans la dernière version de Qt Design Studio.

Nous nous sommes entretenus directement avec Przemysław Krzywania, le chef de projet à la tête de ce projet, ainsi qu'avec le reste de l'équipe impliquée, afin de partager l'objectif principal duBras robotiséexemple et les exigences auxquelles ils devaient répondre. 

Objectif du projet : quel était le but de l'exemple Qt Design Studio ?

Notre collaboration avec Qt visait à créer un projet exemple démontrant combien il est simple et rapide de concevoir des interfaces avec leur outil. APar conséquent, notre projet exemple, intitulé Robot Arm, a été publié en tant qu'exemple officiel pour la nouvelle version de Qt Design Studio en juin 2022.

Qt Design Studio est un outil de création d'interfaces utilisateur fonctionnelles. Les maquettes réalisées dans des outils comme Figma ou Photoshop peuvent être facilement intégrées dans l'environnement. Ensuite, ilgénère ensuite un code d'interface utilisateur fonctionnel prêt à être utilisé par les développeurs, ce qui facilite l'intégration et la collaboration.

How we built the Robot Arm example in Qt Design Studio

Comment nous avons construit le bras robotisé

L'exemple du bras robotisé créé par l'équipe Spyrosoft Synergy montre comment des éléments 2D peuvent contrôler efficacement des éléments 3D, tels que le bras robotisé. En outre, il démontre comment connecter un backend C++ et utiliser QML à des fins de maquette.

L'équipe responsable du projet comprenait Przemysław Krzywania (Chef de projet), Szymon Wojtach (Ingénieur logiciel C++ junior), Łukasz Ornatek (Ingénieur logiciel C++ senior), Bartosz Matynia (Concepteur de produit) et Irina Rychkova (Conceptrice de produit junior).

Processus de conception et de développement : écoutez nos designers et ingénieurs Qt

Szymon Wojtach :« Au départ, le projet a commencé par une réunion avec le client. Nous avons discuté de ses besoins et de ses exigences concernant l'exemple du bras robotisé. Il a mis beaucoup l'accent sur la simplicité. Ensemble, nous avons créé une ébauche des fonctionnalités souhaitées. Sur cette base, Irina a créé les designs à partir des supports fournis par le client. Après acceptation des designs, les travaux de développement ont commencé. Nous avons développé les fonctionnalités par itérations. Ensuite, nous avons présenté les étapes suivantes du développement lors de réunions hebdomadaires avec le client. » 

Łukasz Ornatek :« Mon rôle dans le projet était de soutenir Szymon dans les tâches qui nécessitaient davantage d'expérience. Plus précisément, j'ai planifié l'architecture du projet afin de minimiser la complexité. Je aussi a assuré la conformité aux nouvelles normes et bonnes pratiques recommandées par Qt. »

Bartosz Matynia :« En tant que designer 3D, j'étais responsable de la création du modèle du Bras Robotique. Il devait disposer de la liberté de mouvement nécessaire. De plus, j'ai créé un rig simple pour le modèle et vérifié qu'il n'y avait pas de parties qui se croisaient dans différentes poses. J'ai également veillé à ce que le design et les couleurs soient étroitement alignés sur l'identité de la marque. Après que le client a approuvé le design, j'ai optimisé le modèle pour qu'il fonctionne de manière fluide sur tous les appareils. »

Irina Rychkova : « Ma responsabilité était de créer un design au pixel près, ce qui m'a pris quelques semaines. J'ai utilisé des composants déjà établis dans le framework Qt Design Studio. Tout au long du processus, je me suis concentré sur le maintien de la simplicité dans le design, en utilisant différentes nuances de gris pour attirer l'attention sur le modèle 3D du bras robotisé. »

Pourquoi la simplicité est importante lorsque vous intégrez de la logique dans Qt Design Studio exemple

How we built the Robot Arm example in Qt Design Studio

En bref, l'aspect le plus difficile de ce projet était de le construire de la manière la plus simple possible. Cela était particulièrement important car il était destiné à servir d'exemple pour le développement de projets similaires dans Qt Design Studio. En même temps, il fallait to be compatible avec Qt Creator. Notre objectif principal était de maintenir la simplicité et une bonne lisibilité. Cela impliquait de minimiser la complexité et de limiter les fonctionnalités. En fait, l'un des principes clés de cet outil est de permettre aux designers de créer des conceptions interactives avancées sans avoir besoin d'écrire une seule ligne de code.

Grâce à la coopération agile de l'équipe et à l'utilisation detechnologies Qt, nous avons terminé le projet avec succès dans les délais et le budget prévus.

Besoin d'aide pour créer un exemple Qt Design Studio ?

Les experts de Spyrosoft Synergy sont spécialisés dans la création rapide de prototypes de haute qualité en utilisant des technologies de conception avancées. Pour plus d'informations, consultez notrepage d'offreou contactez-nous en remplissant le formulaire ci-dessous.

FAQ

Oui, vous pouvez intégrer un backend C++ avec vos designs. C'est exactement ce que nous avons fait dans l'exemple du Bras Robotique – nous avons implémenté la logique backend tout en gardant l'interface utilisateur simple et épurée. Cette approche vous permet de maintenir la flexibilité dans le comportement de votre application et sa connexion aux fonctionnalités du monde réel.

D'emblée, il génère du code QML et C++, mais vous pouvez l'intégrer dans des workflows basés sur Python via PySide6, la liaison Python officielle du framework. Bien que Python ne soit pas directement intégré à l'IDE, les développeurs utilisent souvent Qt for Python pour créer des applications avec des interfaces utilisateur conçues dans l'outil de conception visuelle. De plus, des tutoriels communautaires sont disponibles pour combiner des interfaces basées sur QML avec une logique Python.

Oui, vous pouvez créer et construire des boîtes de dialogue à l'aide des composants Qt Quick. Ces boîtes de dialogue peuvent être personnalisées et connectées à la logique backend via QML et C++, ou même Python si vous utilisez Qt for Python. Cela permet de créer dynamiquement des éléments d'interface utilisateur intuitifs et interactifs, améliorant ainsi la productivité de votre application et l'expérience utilisateur.

Absolument. Il est largement utilisé pour construire des systèmes d'Interface Homme-Machine dans des secteurs tels que l'automobile, l'automatisation industrielle et la santé. Il permet aux équipes de développer rapidement des interfaces HMI complexes intégrant des éléments animés, des mises à jour en temps réel et une intégration transparente avec les systèmes côté serveur. Il est également idéal pour le développement multiplateforme et fonctionne bien avec Qt Creator pour la suite du codage.