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

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

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

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

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

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

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

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

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

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

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

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

רמת Workspace

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

רמת מקבץ

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

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

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

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

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

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

שדות ורמת קלט

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

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

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

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

חסימות ב-Workspace

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

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

העברת בלוק ב-Workspace

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

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

יוצג סמן בסביבת העבודה החסומה. כשהמשתמש מקיש על 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. ניווט ב-Workspace: איך המשתמש מנווט בין הבלוקים, השדות, מקורות הקלט והחיבורים השונים בסביבת העבודה.
  4. מראה הסמן: איך הסמן והסמן צריכים להיראות.

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

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

שאלות נפוצות

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

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

מגבלות

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