אפליקציית Blockly היא אפליקציית אינטרנט שמכילה עורך Blockly (מרחב עבודה). במסמך הזה מפורטות דוגמאות לשימושים באפליקציות של Blockly, ומוסבר על תכונות אופייניות של ממשק המשתמש.
אם עדיין לא עשיתם זאת, מומלץ לקרוא את מילון המונחים החזותי ואת השלבים הבסיסיים להטמעה לפני שממשיכים במסמך הזה.
מהן אפליקציות Blockly?
אפליקציות Blockly עוזרות למשתמשים לכתוב תוכניות במגוון תחומים, ממשחקי וידאו ועד לרובוטיקה ולניתוח נתונים. המשתמשים כותבים את התוכניות שלהם באמצעות בלוקים, שבאמצעותם האפליקציה יוצרת קוד מבוסס-טקסט, כמו JavaScript או Python. לאחר מכן, האפליקציה מריצה את הקוד שנוצר ישירות או שהמשתמש מוריד אותו ומריץ אותו בפלטפורמה אחרת, כמו רובוט או שלט ידני למשחקי וידאו.
ריכזנו כאן כמה דוגמאות לסוגי התוכנות שמשתמשים כותבים באמצעות אפליקציות Blockly:
פתרונות לפאזלים, אנימציה או מוזיקה: הקוד שנוצר פותר פאזל (למשל מבוך), מציג אנימציה או מפעיל מוזיקה. לדוגמה, תוכלו להיעזר בMusic Lab של Code.org.
משחקי וידאו: הקוד שנוצר מפעיל משחק וידאו. לדוגמה, אפשר ליצור את שתי הרמות הראשונות של המשחק 'המכונה להקפצת חולדות' ב-MakeCode Arcade, להוריד את המשחק למכשיר הבקרה או לשחק בו בסימולטור.
רובוטיקה: הקוד שנוצר מנחה רובוט. לדוגמה, תוכלו לתכנת רובוט באמצעות Ozoblockly ולהוריד אותו לרובוט אמיתי או להריץ אותו בסימולטור.
ציור: הקוד שנוצר יוצר ציור דו-ממדי או תלת-ממדי. לדוגמה, BlocksCAD.
ניתוח נתונים: הקוד שנוצר מנתח את הנתונים ויוצר תרשים. דוגמה לכך מופיעה בהדגמה הזו של Dialogic Platform.
קוד ספציפי לאפליקציה: הקוד שנוצר מבצע משימה ספציפית לאפליקציה מסוימת. לדוגמה, Blockly Developer Tools הוא כלי לעיצוב בלוקים חדשים ב-Blockly. הכלי יוצר קוד להגדרת בלוקים, והמשתמשים מעתיקים ומדביקים אותו באפליקציית Blockly שלהם.
ממשקי משתמש
כדי להבין את הרכיבים האופייניים של אפליקציות Blockly, מומלץ לעיין בממשקי המשתמש שלהן.
רכיבים בסיסיים של ממשק המשתמש
כמעט לכל האפליקציות של Blockly יש כמה רכיבים בסיסיים: עורך Blockly (מרחב עבודה), חלונית פלט וכפתור Run. לדוגמה, זהו ממשק המשתמש של המשחק Maze ב-Blockly Games.
בחלק מהאפליקציות של Blockly הלחצן Run לא מופיע, ובמקום זאת לוח הבקרה של הפלט מתעדכן בכל פעם שהמשתמש מבצע שינוי. לדוגמה, לאפליקציה Graph בדוגמאות של Blockly יש שני לוחות פלט (אחד לתרשים ואחד למשוואה) שמתעדכנים בכל שינוי.
בחלק מהאפליקציות אין חלונית פלט. המצב הזה נפוץ במיוחד באפליקציות לחומרה, כמו אפליקציות לתכנות רובוטים. חלק מהאפליקציות האלה כוללות סימולטור חומרה, אבל רבות מהן מאפשרות למשתמשים רק להוריד ולהריץ את הקוד שנוצר ישירות במכשיר היעד.
רכיבים נוספים של ממשק המשתמש
ברוב האפליקציות יש רכיבים נוספים של ממשק המשתמש. חלק מהן עונות על צרכים כלליים, כמו שמירת העבודה של המשתמש, וחלקן עונות על צרכים ספציפיים לאפליקציה, כמו עיצוב ממשק משתמש. הנה כמה דוגמאות:
Scratch היא אפליקציה ליצירת אנימציות ומשחקי וידאו. באפליקציה יש עורכים של גרפיקה וצלילים, חלוניות ליצירת דמויות ורקעים חדשים ותפריטים של קבצים, עריכה והגדרות:
MakeCode Arcade היא אפליקציה ליצירת משחקי וידאו, עם פקדי פלט, עורכי קוד וגרפיקה, תפריט הגדרות ולחצני הורדה ושמירה. לוח הפלט שלו מדמה שלט לגיימינג נייד.
MIT App Inventor היא אפליקציה ליצירת אפליקציות לטלפון, עם מסכים נפרדים ליצירת ממשק המשתמש ולעריכת Blockly, וגם תפריטים של קבצים, חיבורים, פיתוח והגדרות. במקום חלונית פלט, המשתמשים בודקים את הקוד שנוצר בטלפון שלהם.
הרכיבים הנוספים שצריך לכלול תלויים ביעדים של האפליקציה וביכולות של המשתמשים. אלה כמה רכיבים נפוצים:
ניהול:
- ניהול קבצים (יצירה, פתיחה, שמירה, שמירה בשם, מחיקה)
- ניהול חשבון (יצירה, התחברות, יציאה)
- הגדרות (שפה, הגדרת ממשק משתמש)
תכנות:
- פקודות עריכה (ביטול, ביצוע חוזר, העתקה, חיתוך, הדבקה, שכפול)
- מעצב ממשק משתמש
- תוכנות לעריכת גרפיקה וצליל
- עורך קוד או תצוגת קוד לקריאה בלבד
בדיקה
- הגדרת הפלט (התחלה/עצירה, מהירות הפעלה, עוצמת קול, צילום מסך וכו')
- הכלי לניפוי באגים (נקודות עצירה, הפעלה, שלב, הדגשת בלוקים)
- הגדרת פרמטרים של בדיקה
חומרה
- חיבור (USB, Bluetooth, קוד QR)
- הגדרה (בחירת דגם, בחירת אביזרים, הקצאת שמות לרכיבים)
- שליטה (שליטה ידנית ברובוט, תיעוד המיקום של הרובוט)
- הורדת קוד
עזרה
- מאמרי עזרה
- הדרכות אינטראקטיביות
- עזרה לפי הקשר
מה עושים עכשיו?
אם אתם עדיין לא בטוחים לגבי האפליקציה שלכם, כדאי להמשיך לקרוא על שיקולים לגבי עיצוב.
כדי לראות איך יוצרים אפליקציה פשוטה, כדאי לנסות את הקודלאב 'תחילת העבודה עם Blockly'.
אם אתם מוכנים לכתוב את האפליקציה: