כלי פיתוח לבני גוש

Blockly Developer Tools הוא כלי מבוסס-אינטרנט למפתחים שמבצע אוטומציה של חלקים מתהליך הגדרת blockly, כולל יצירת אבני בניין מותאמות אישית, בניית ארגז הכלים והגדרת סביבת העבודה של חסימת האינטרנט באינטרנט.

התהליך שלBlockly Developer במכשיר כולל שלושה חלקים:

  • צור אבני בניין מותאמות אישית באמצעות חסימת מפעל ו-בלוק Exporter.
  • אפשר לפתח ארגז כלים וסביבת עבודה המוגדרת כברירת מחדל באמצעות Workspace Factory.
  • הגדרת סביבת העבודה באמצעות Workspace Factory (נכון לעכשיו, תכונה שמיועדת לאינטרנט בלבד).

חסימה של כרטיסיית היצרן

בכרטיסייה 'מפעל החסימות' אפשר ליצור הגדרות חסימה ומחוללי קודי בלוקים לבלוקים בהתאמה אישית. בכרטיסייה הזו תוכלו ליצור, לשנות ולשמור בקלות אבני בניין מותאמות אישית.

הגדרת בלוק

הסרטון הזה כולל הסבר מפורט על השלבים להגדרת חסימה. ממשק המשתמש לא מעודכן, אבל פיצ'רים שקשורים לבלוקים שהוא מדגיש עדיין מדויקים.

ניהול הספרייה

יש שם ייחודי לבלוקים שאתם רוצים ליצור, ולכן לכל בלוק שאתם רוצים ליצור צריך להיות שם ייחודי. ממשק המשתמש אוכף את התהליך הזה ומבהיר כש 'שומרים' בלוק חדש או 'מעדכנים' בלוק קיים.

אפשר לעבור בין בלוקים ששמרתם בעבר או ליצור בלוק ריק חדש בלחיצה על הלחצן Library. שינוי השם של בלוק קיים הוא דרך נוספת ליצור במהירות בלוקים מרובים עם הגדרות דומות.

ייצוא וייבוא של ספרייה

חסימות נשמרות באחסון המקומי של הדפדפן. ניקוי האחסון המקומי של הדפדפן יגרום למחיקת הבלוקים שלכם. כדי לשמור את הבלוקים ללא הגבלת זמן, תצטרכו להוריד את הספרייה. ספריית הבלוקים הורדה כקובץ XML שניתן לייבא כדי להגדיר את ספריית הבלוקים למצב שבו הייתה כשהורדתם את הקובץ. שימו לב: ייבוא ספריית חסימה מחליף את התיקייה הנוכחית, כך שמומלץ לייצא קודם.

תכונות הייבוא והייצוא הן גם הדרך המומלצת לתחזוקה ולשיתוף של קבוצות שונות של בלוקים מותאמים אישית.

חסימת הכרטיסייה 'מייצא'

לאחר שתכננו את הבלוקים, תצטרכו לייצא את הגדרות החסימה ואת גברי המחולל כדי להשתמש בהם באפליקציה. כדי לעשות זאת, עושים זאת בכרטיסייה שלBlock Exporter.

כל בלוק שמאוחסן בספריית הבלוקים שלך יוצג בבורר הבלוקים. יש ללחוץ על הבלוק כדי לבחור או לבטל את הבחירה לייצוא. כדי לבחור את כל הבלוקים בספרייה, לוחצים על Select (בחירה) ← All Stored Inblock Library (כל הבלוקים שמאוחסנים בספרייה). אם בנית את ארגז הכלים או הגדרת את סביבת העבודה באמצעות הכרטיסייה Workspace Factory, אפשר גם לבחור את כל הבלוקים שבהם השתמשתם בלחיצה על 'בחירה' ← 'כל השימוש ב-Workspace Factory'.

הגדרות הייצוא מאפשרות לבחור את השפה שנוצרת לטירגוט וגם את ההגדרות, את קוד המקור (stubs) של המחולל או את שתיהן של הבלוקים שנבחרו. לאחר בחירת הקבצים, לחצו על 'ייצוא' כדי להוריד את הקבצים.

כרטיסיית Workspace יצרנים

ב-Workspace הגדרות אפשר להגדיר בקלות את ארגז הכלים ואת קבוצת ברירת המחדל של בלוקים בסביבת העבודה. תוכלו לעבור בין העריכה של ארגז הכלים לבין סביבת העבודה ההתחלתית באמצעות הלחצנים 'Toolbox' ו-'Workspace'.

בניית ארגז כלים

הכרטיסייה הזו עוזרת לבנות את ה-XML לארגז כלים. ההנחה של החומר היא מוכרת לגבי התכונות של ארגז כלים. אם כבר יש לכם XML לארגז כלים שברצונכם לערוך כאן, תוכלו לטעון אותו על ידי לחיצה על "Load to Edit" (טעינת כדי לערוך).

ארגז כלים ללא קטגוריות

אם יש לכם כמה בלוקים ואתם רוצים להציג אותם ללא קטגוריות, פשוט גוררים אותם לסביבת העבודה והם יופיעו בארגז הכלים בתצוגה המקדימה.

ארגז כלים עם קטגוריות

אם רוצים להוסיף בלוקים לתצוגה בקטגוריות, לוחצים על הלחצן '+' ובוחרים את הפריט הנפתח של הקטגוריה החדשה. פעולה זו תוסיף קטגוריה לרשימת הקטגוריות שלך שתוכל לבחור ולערוך. בוחרים באפשרות Standard Category כדי להוסיף קטגוריית חסימה סטנדרטית מסוימת (Logic , Logs וכו') או Standard Toolbox כדי להוסיף את כל הקטגוריות הסטנדרטיות שלBlockly. יש להשתמש בלחצני החיצים כדי לשנות את סדר הקטגוריות.

כדי לשנות את השם או את הצבע של הקטגוריה שנבחרה, לוחצים על התפריט הנפתח Edit Category (עריכת הקטגוריה). כשגוררים בלוק לסביבת העבודה, הוא מתווסף לקטגוריה שנבחרה.

בלוקים מתקדמים

כברירת מחדל, אפשר להוסיף לארגז הכלים כל אחד מהבלוקים הרגילים או כל בלוק אחר בספרייה. אם הגדרתם ב-JSON בלוקים שלא נמצאים בספרייה שלכם, תוכלו לייבא אותם באמצעות הלחצן 'ייבוא בלוקים בהתאמה אישית'.

יש להשתמש בחלק מהבלוקים ביחד או לכלול ברירות מחדל. לשם כך עושים זאת באמצעות קבוצות וצללים. הבלוקים שמקושרים לכלי העריכה יתווספו לארגז הכלים כקבוצה. אפשר גם להפוך בלוקים שמצורפים לבלוק אחר לבלוקים צללים על ידי בחירה בבלוק הצאצא ולחיצה על הלחצן 'יצירת צל'. הערה: אפשר לשנות לבלוקים של צללים רק בלוקים צאצאים שלא מכילים משתנה.

אם כוללים משתנה או בלוק של פונקציות בארגז הכלים, כדאי לכלול בארגז הכלים את הקטגוריה "Variables" או "Functions" כדי לאפשר למשתמשים לנצל את הבלוק באופן מלא. מידע נוסף על הקטגוריות Variables (משתנים) או Functions (פונקציות)

הגדרה של סביבת עבודה (ל-WebBlockly)

כדי להגדיר חלקים שונים של סביבת העבודה, נכנסים לכרטיסייה Workspace Factory ובוחרים באפשרות Workspace.

בחירת אפשרויות לסביבת העבודה

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

הוספת בלוקים שנטענו מראש לסביבת העבודה

לא חובה לעשות זאת, אבל יכול להיות שיהיה צורך להציג קבוצת בלוקים בסביבת העבודה:

  • כשהאפליקציה נטענת.
  • כשמופעל אירוע (התקדמות ברמה, לחיצה על לחצן עזרה וכו').

גוררים בלוקים לאזור העריכה כדי לראות אותם בסביבת העבודה בתצוגה המקדימה. אפשר ליצור קבוצות בלוקים, להשבית בלוקים וליצור בלוקים של צלליות מסוימות כאשר בוחרים אותם.

ניתן לייצא את הבלוקים האלה בפורמט XML (ראו בהמשך). מוסיפים אותם לסביבת העבודה באמצעות Blockly.Xml.domToWorkspace, מיד אחרי שיוצרים את סביבת העבודה:

var xmlText = '<xml xmlns="https://developers.google.com/blockly/xml">' +
    '<block type="math_number"></block></xml>';
Blockly.Xml.domToWorkspace(Blockly.utils.xml.textToDom(xmlText), workspace);

הקוד לדוגמה מוסיף בלוק אחד של math_number לסביבת העבודה.

מייצא

אלו הן אפשרויות הייצוא ב-Workspace Factory:

  • קוד התחלה: יוצר HTML למתחילים ו-JavaScript כדי להחדיר את סביבת העבודה המותאמת אישית ב-Blockly.
  • ארגז כלים: הפקת XML לציון ארגז הכלים שלך.
  • 'בלוקים של Workspace': מפיק XML שאפשר לטעון לסביבת עבודה.