Spyrosoft Synergy שיתפה פעולה עם Qt Companyליצור דוגמת אב-טיפוס שהוצגה במהדורה האחרונה של Qt Design Studio.

שוחחנו ישירות עם Przemysław Krzywania, מנהל הפרויקט המוביל את הפרויקט הזה, יחד עם שאר חברי הצוות המעורבים, במטרה לשתף את המטרה המרכזית של הזרוע רובוטיתדוגמה והדרישות שהיה עליהם לעמוד בהן. 

מטרת הפרויקט: מה הייתה המטרה של הדוגמה ב-Qt Design Studio?

שיתוף הפעולה שלנו עם Qt נועד ליצור פרויקט לדוגמה המדגים עד כמה קל ומהיר לעצב ממשקים עם הכלי שלהם. אכתוצאה מכך, פרויקט הדוגמה שלנו, בשם Robot Arm, שוחרר כדוגמה רשמית לגרסה החדשה של Qt Design Studio ביוני 2022.

Qt Design Studio הוא כלי ליצירת ממשקי משתמש פונקציונליים. עיצובים שנעשו בכלים כמו Figma או Photoshop יכולים להשתלב בקלות בסביבה. לאחר מכן, זהלאחר מכן מייצר קוד ממשק משתמש פונקציונלי המוכן לשימוש על ידי מפתחים, מה שהופך את האינטגרציה ושיתוף הפעולה לקלים במיוחד.

How we built the Robot Arm example in Qt Design Studio

כיצד בנינו את הזרוע הרובוטית

הדוגמה של הזרוע הרובוטית (Robot Arm) שנוצרה על ידי צוות Spyrosoft Synergy מדגימה כיצד אלמנטים דו-ממדיים יכולים לשלוט ביעילות על אלמנטים תלת-ממדיים, כגון הזרוע הרובוטית. יתרה מזאת, היא מדגימה כיצד לחבר Backend ב-C++ ולעשות שימוש ב-QML לצורכי אב-טיפוס.

הצוות האחראי על הפרויקט כלל את Przemysław Krzywania (מנהל פרויקט), Szymon Wojtach (מהנדס תוכנה C++ זוטר), Łukasz Ornatek (מהנדס תוכנה C++ בכיר), Bartosz Matynia (מעצב מוצר) ו-Irina Rychkova (מעצבת מוצר זוטרה).

תהליך עיצוב ופיתוח: שמעו ממעצבי ומהנדסי Qt שלנו

Szymon Wojtach:"בתחילה, הפרויקט החל בפגישה עם הלקוח. דנו בצרכים ובדרישות שלהם לדוגמת ה-Robot Arm. הם שמו דגש רב על פשטות. יחד יצרנו מתווה לפונקציונליות הרצויה. על בסיס זה, Irina יצרה את העיצובים תוך שימוש בחומרים שסיפק הלקוח. לאחר אישור העיצובים, החלה עבודת הפיתוח. פיתחנו את הפונקציונליות באיטרציות. לאחר מכן, הצגנו את שלבי הפיתוח הבאים בפגישות שבועיות עם הלקוח." 

Łukasz Ornatek:"תפקידי בפרויקט היה לתמוך בשמעון במשימות שדרשו ניסיון רב יותר. באופן ספציפי, תכננתי את הארכיטקטורה של הפרויקט כדי למזער את המורכבות. אני גם הבטיח עמידה בתקנים החדשים ובשיטות העבודה המומלצות של Qt."

Bartosz Matynia:"כמעצב 3D, הייתי אחראי על יצירת המודל של הזרוע הרובוטית. היא הייתה צריכה להיות בעלת חופש התנועה הנדרש. בנוסף, יצרתי rig פשוט למודל ואימתתי שלא היו חלקים חותכים בתנוחות שונות. כמו כן, וידאתי שהעיצוב והצבעים תואמים closely לזהות המותג. לאחר שהלקוח אישר את העיצוב, אופטמתי את המודל כדי שירוץ בצורה חלקה בכל המכשירים."

Irina Rychkova: ״האחריות שלי הייתה ליצור עיצוב מושלם ברמת הפיקסל, מה שלקח לי מספר שבועות. השתמשתי ברכיבים שכבר קיימים במסגרת Qt Design Studio. לאורך כל התהליך התמקדתי בשמירה על פשטות בעיצוב, תוך שימוש בגוונים שונים של אפור כדי למשוך תשומת לב למודל התלת-ממדי של הזרוע הרובוטית.״

מדוע פשטות חשובה כאשר משלבים לוגיקה ב-Qt Design Studio – דוגמה

How we built the Robot Arm example in Qt Design Studio

בקצרה, ההיבט המאתגר ביותר בפרויקט זה היה לבנות אותו בדרך הפשוטה ביותר האפשרית. זה היה חשוב במיוחד מכיוון הוא נועד לשמש כדוגמה לפיתוח פרויקטים דומים ב-Qt Design Studio. במקביל, היה צורך tלהיות תואם ל-Qt Creator. המיקוד העיקרי שלנו היה בשמירה על פשטות וקריאות טובה. משמעות הדבר הייתה מזעור המורכבות והגבלת הפונקציונליות. למעשה, אחד העקרונות המרכזיים של כלי זה הוא לאפשר למעצבים ליצור עיצובים אינטראקטיביים מתקדמים מבלי לכתוב שורת קוד אחת.

הודות לשיתוף פעולה agile של הצוות ולשימוש בטכנולוגיות Qt, השלמנו בהצלחה את הפרויקט בזמן ובתוך התקציב המתוכנן.

זקוקים לעזרה ביצירת דוגמה ב-Qt Design Studio?

מומחי Spyrosoft Synergy מתמחים ביצירה מהירה של אבות טיפוס באיכות גבוהה תוך שימוש בטכנולוגיית עיצוב מתקדמת. למידע נוסף, בקרו ב-דף הצעותאו פנו אלינו על ידי מילוי הטופס שלהלן.

שאלות נפוצות

כן, ניתן לשלב Backend ב-C++ עם העיצובים שלכם. זה בדיוק מה שעשינו בדוגמת הזרוע הרובוטית – יישמנו לוגיקת Backend תוך שמירה על ממשק משתמש פשוט ונקי. גישה זו מאפשרת לכם לשמור על גמישות באופן שבו האפליקציה שלכם מתנהגת ומתחברת לפונקציונליות בעולם האמיתי.

מלכתחילה, הוא מייצר קוד QML ו-C++, אך ניתן לשלב אותו בתהליכי עבודה מבוססי Python באמצעות PySide6, ה-binding הרשמי של Python עבור המסגרת. למרות ש-Python אינו משולב ישירות ב-IDE, מפתחים משתמשים לעתים קרובות ב-Qt for Python כדי לבנות אפליקציות עם ממשקי משתמש המעוצבים בכלי העיצוב הוויזואלי. בנוסף, קיימים מדריכים קהילתיים לשילוב ממשקי משתמש מבוססי QML עם לוגיקה של Python.

כן, ניתן ליצור ולבנות דיאלוגים באמצעות רכיבי Qt Quick. דיאלוגים אלה ניתנים להתאמה אישית ולחיבור ללוגיקת ה-backend דרך QML ו-C++ או אפילו Python אם אתם משתמשים ב-Qt for Python. הדבר מסייע לבנות באופן דינמי רכיבי UI אינטואיטיביים ואינטראקטיביים, ובכך לשפר את הפרודוקטיביות של האפליקציה ואת חוויית המשתמש.

בהחלט. הוא נמצא בשימוש נרחב לבניית מערכות Human-Machine Interface בתעשיות כמו רכב, אוטומציה תעשייתית ובריאות. הוא מאפשר לצוותים לפתח במהירות ממשקי HMI מורכבים הכוללים אלמנטים מונפשים, עדכונים בזמן אמת ואינטגרציה חלקה עם מערכות בצד השרת. הוא גם אידיאלי לפיתוח חוצה-פלטפורמות ועובד היטב עם Qt Creator להמשך קידוד.