ניווט באמצעות מקלדת

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

שימוש בניווט במקלדת

כדי לנווט באמצעות המקלדת, המשתמש צריך להיות מסוגל לבצע את המשימות הבאות:

  • תנועה בסביבת העבודה
  • חיבור בין בלוקים בסביבת עבודה
  • הוספת בלוק לסביבת העבודה
  • ניתוק בלוקים
  • ניווט בארגז הכלים
  • ניווט בתפריט הנשלף
  • הוספת בלוקים מהתפריט הנפתח

בהמשך מוסבר איך ניווט במקלדת שמוגדר כברירת מחדל ב-Blockly מאפשר לבצע את המשימות האלה.

הפעלת ניווט במקלדת

משתמשים יכולים להפעיל ולהשבית את הניווט באמצעות המקלדת באמצעות הקשה על Shift + Ctrl + k. בפעם הראשונה שמפעילים את הניווט במקלדת, מופיע קו אדום מהבהב בסביבת העבודה. זהו הסמן. הוא מציג את המיקום הנוכחי של המשתמש ומתעדכן כשהמשתמש מנווט במרחב העבודה.
כשמשתמש מקשיש על Shift + Ctrl + K, מופיע קו אדום מהבהב במסך. זהו הסמן.

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

שימוש בסמן ברירת המחדל

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

כדי לנווט בין הרמות, משתמשים במקשים A ו-D. כדי לנווט בתוך רמה, משתמשים במקשים W ו-S.

ברמת סביבת העבודה

כדי להיכנס למצב ניווט באמצעות מקלדת, מקישים על Shift + Ctrl + k. הסמן יופיע בסביבת העבודה או בבלוק הראשון בסביבת העבודה. אם הסמן נמצא בבלוק, לוחצים על A פעמיים כדי להעביר אותו לרמת סביבת העבודה. כדי להזיז את הסמן בסביבת העבודה, משתמשים ב-Shift + WASD. כדי לעבור לרמת הערימה, מקישים על המקש D.
הסמן בסביבת העבודה של Blockly זז כשהמשתמש לוחץ על המקש Shift ועל המקשים W,‏ A,‏ S ו-D. כשהמשתמש מקשיב על d הסמן מופיע כריבוע סביב הערימה הראשונה של בלוקים

ברמת ה-stack

ברמת הערימה, אפשר לנווט בין ערימות של בלוקים בסביבת העבודה באמצעות המקשים W ו-S. ברמה הזו הסמן מיוצג על ידי מלבן אדום מלא סביב כל הבלוקסים בערימה. כדי לעבור לבלוק הראשון בסטאק שנבחר, מקישים על המקש D.
כשהמשתמש לוחץ על s, הסמן עובר לערימה הבאה של בלוקים. כשהמשתמש מקשיב על d, הסמן מופיע כקו אדום מהבהב מעל הבלוק הראשון בסטאק שנבחר.

ברמת החסימה והחיבורים

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

כשהמשתמש לוחץ על d, הסמן הופך ממרובע אדום סביב ערימת האריחים לחצי מרובע שמקיף את האריחים הראשון בערימה.

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

ברמת החסימה והחיבור, אפשר לנווט בין החיבורים החיצוניים באמצעות המקשים W ו-S. ברמה הזו הסמן מיוצג על ידי קו מתאר אדום מהבהב של החיבור הנוכחי. כדי לעבור לשדה הראשון או להזנה בבלוק, מקישים על D.
כשהמשתמש לוחץ על מקש S, הסמן מופיע כקו אדום מהבהב בחיבור הבא של בלוק. כשמשתמש מקשיב על המקש d, הסמן מופיע כריבוע אדום סביב השדה הראשון בבלוק.

שדות ורמת קלט

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

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

כשהסמן נמצא בשדה, מקישים על Enter כדי לערוך אותו.

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

חיבור בין רכיבים בסביבת העבודה

  1. מנווטים לחיבור היעד באמצעות המקשים WASD.
  2. מסמנים את החיבור באמצעות המקש Enter.
  3. מנווטים לנקודת חיבור תקינה באמצעות המקשים WASD.
  4. מחברים את שני הבלוקים באמצעות המקש I (להוספה)

חיבור קלט מסומן בנקודה כחולה. כשהמשתמש מקשיב על i בחיבור תקין, הבלוק עובר לנקודת החיבור המסומנת.

העברת בלוק בסביבת העבודה

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

  1. מנווטים למיקום במרחב העבודה באמצעות המקשים Shift + WASD
  2. מסמנים את המיקום הזה בסביבת העבודה באמצעות המקש Enter.
  3. עוברים לבלוק שרוצים להעביר באמצעות המקשים WASD.
  4. מעבירים את הבלוק למיקום המסומן באמצעות המקש I.

סמן מופיע בסביבת העבודה של Blockly. כשהמשתמש מקשיב על Enter, הוא מסמן את המיקום שלו וקו כחול מופיע במיקום הזה. הם משתמשים במקשים WASD כדי להזיז את הסמן לחיבור החיצוני של בלוק. כשהמשתמש מקשיב על i, החסימה מועברת למיקום המסומן.

ניתוק בלוקים

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

  1. מנווטים לחיבור שרוצים לנתק באמצעות המקשים WASD.
  2. ניתוק החיבור באמצעות X

שני בלוקים מחוברים במסך, והסמן מופיע באמצע שלהם. כשהמשתמש מקשיב על מקש ה-x, הבלוק מתנתק.

הוספת בלוק מארגז הכלים

  1. מקישים על המקש T כדי לפתוח את תיבת הכלים.
  2. משתמשים במקשים W ו-S כדי לעבור בין הקטגוריות
  3. מקישים על המקש D כדי לעבור לבלוקסים בחלונית הנפתחת.
  4. ניווט בין הבלוקים באמצעות המקשים W ו-S
  5. מקישים על המקש Enter כדי להוסיף בלוק מהתפריט הנפתח.

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

ניסויים

אנחנו מאמינים שיש ארבעה תחומים עיקריים שאנשים עשויים להתעניין בניסויים בהם:

  1. מיפוי מקשים: אילו מקשים צריכים להיות מותאמים לאילו פעולות.
  2. טקסט לקוראי מסך/רישום ביומן/אזהרות: איך קורא מסך צריך לקרוא את המיקומים של הסמן, וגם שגיאות או אזהרות.
  3. ניווט בסביבת העבודה: האופן שבו המשתמש מנווט בין הבלוקים, השדות, הקלטות והחיבורים השונים בסביבת העבודה.
  4. מראה הסמן: איך הסמן והסימן צריכים להיראות.

מידע נוסף על השימוש בממשקי ה-API האלה זמין בקוד Lab של Blockly למעבר במקלדת.

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

שאלות נפוצות

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

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

מגבלות

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