- למד על תכנות מונחה אירועים
- הבן את סוגי הבלוקים השונים בפלטפורמת Thunkable
אלו הפעילויות לשיעור זה:
אירועים
אפליקציות לנייד מבוססות על תכנות מונחה אירועים.
תכנות מונע אירועים מבוסס על אירועים, במקום הפעלת קוד מלמעלה למטה. תוכניות מסוימות פשוט מבצעות את כל הקוד שלהן בבת אחת, אבל אפליקציות לנייד פועלות על סמך האופן שבו המשתמש מקיים אינטראקציה איתה.
אפליקציות לנייד פועלות בהתבסס על אירועים , שהם דברים שגרמו להפעלת קוד. דוגמה לכך תהיה - המשתמש לוחץ על כפתור. האירוע הוא כאשר המשתמש לוחץ. והקוד שייפעל כאשר האירוע הזה מתרחש נקרא מטפל באירועים .
עצור ודון
האם אתה יכול לחשוב על כמה דרכים שאתה מתקשר עם הטלפון שלך ומה הטלפון שלך עושה? הנה כמה כדי להתחיל:
- כאשר אתה לוחץ על סמל עבור אפליקציה, האפליקציה נפתחת.
- כאשר אתה לוחץ על "שלח" עבור הודעת טקסט, הוא שולח את ההודעה ומשמיע צליל.
- כאשר אתה מנסה להיכנס לאפליקציה, האפליקציה מבקשת סיסמה.
נתחיל בהסתכלות על החלקים השונים של פלטפורמת Thunkable.
ל-Thunkable יש שני חלונות שבהם אתה משתמש לבניית האפליקציה שלך. לחיצה על עיצוב בשורת התפריטים העליונה (משמאל למעלה במסך) תעביר אותך אל המעצב , שם אתה מעצב את ממשק המשתמש. ממשק המשתמש הוא כל מה באפליקציה שלך שמשתמש יכול לקיים איתו אינטראקציה. הדברים האלה יכולים להיות כפתורים, סרגלי ניווט, תיבות טקסט, תמונות וכו'.
חלון מעצבים מוערך
רשימת רכיבים
כל הרכיבים שהוספת לאפליקציה שלך מופיעים כאן, מסודרים בצורה היררכית לפי מסך.
סביבת עבודה
אתה גורר את הרכיבים שלך לטלפון בסביבת העבודה המרכזית הזו. יש לך שליטה על המקום שבו הרכיבים ממוקמים, כמו גם על הגודל שלהם.
הוסף רכיבים
אתה גורר רכיבים חזותיים מהחלונית הזו אל סביבת העבודה.
לוח מאפיינים
החלונית Properties מאפשרת לך להגדיר את המאפיינים עבור כל רכיב. מאפיינים הם מאפיינים שונים שאתה יכול להגדיר עבור כל רכיב, כמו הרוחב, הגובה והצבע שלו. בחר רכיב בדגם ולאחר מכן תוכל לשנות כל אחד מהמאפיינים שלו בחלונית Properties.
כאשר מישהו משתמש באפליקציה שלך, הוא ייצור אינטראקציה עם ממשק המשתמש שלך, על ידי לחיצה על כפתורים, הזנת טקסט וכו'. זה תלוי בך להחליט מה האפליקציה שלך צריכה לעשות ולתכנת אותה לעשות את הדברים האלה.
עורך בלוקים
לחיצה על "בלוקים" תעביר אותך לחלון עורך הבלוקים , שם אתה מבצע את כל הקידוד שלך. אתה גורר בלוקים מהחלונית בצד שמאל לתוך סביבת העבודה במרכז המסך.
בצד שמאל, תמצאו את פלטת הבלוקים. בחלק העליון נמצאים רכיבי ממשק המשתמש. לכל רכיב באפליקציה שלך יש סט בלוקים משלו. תלחץ על הרכיב כדי להציג את הבלוקים שאתה יכול לגרור לתוך סביבת העבודה.
קידוד סביבת עבודה
זהו סביבת העבודה שלך שבה אתה גורר את כל הבלוקים שלך. אתה יכול להזיז אותם, להצמיד אותם זה לזה ולתוך זה. אתה יכול גם למחוק כל בלוקים שאתה לא צריך.
בלוקים ליבה
בלוקי הליבה הם בלוקי קידוד סטנדרטיים לשימוש באפליקציה שלך. הם מסווגים לפי הסוג והצבע שלהם.
תכונות האפליקציה
אלו הן תכונות בלתי נראות שאתה יכול להוסיף לאפליקציה שלך. אתה יכול ללחוץ על אחד כדי להוסיף אותו, ולאחר מכן להגדיר מאפיינים ולגרור בלוקי קוד עבור תכונה זו.
מטפלי אירועים
בלוקים של מטפל באירועים ב-Thunkable הם בצבע זהב ומעוצבים כגוש פתוח, כך שתוכל להצמיד בלוקים בתוכו. החסימות האלה פועלות רק כאשר האירוע הזה מתרחש.
כשלוחצים על הכפתור
כבר השתמשת בזה. כאשר המשתמש לוחץ על כפתור מסוים, תרצה שהאפליקציה תעשה משהו, כמו לפתוח מסך אחר או לשלוח הודעה.
כאשר לוחצים על פריט ListViewer
ListViewer הוא כמו תפריט נפתח, אז אירוע זה מתרחש כאשר המשתמש בוחר פריט ברשימה. האפליקציה צריכה לעשות משהו עם הפריט שעליו לוחצים.
כאשר מסך נפתח
אירוע זה משמש כאשר אתה רוצה לעשות משהו כאשר האפליקציה מופעלת לראשונה או שהאפליקציה עוברת למסך אחר. ניתן להגדיר משתנים, או לעדכן מידע מהענן.
פונקציות
פונקציות הן בלוקים של קוד שעושים משהו. ניתן להפעיל אותם פעמים רבות בתוך אפליקציה. ב-Thinkable, בלוקים של פונקציות נצבעים בסגול. שפות מסוימות מתייחסות לפונקציות כאל שיטות, או נהלים. הם עושים משהו, אז אתה יכול לחשוב עליהם כעל חסימות פעולה.
לוֹמַר
פונקציה זו מאפשרת לאפליקציה לומר או לדבר כל טקסט שתרצה שהיא תדבר.
טיימר התחל והשמעת סאונד
רכיב הטיימר יכול להתחיל לספור. והאפליקציה יכולה להשמיע צליל.
קובעים ומקבלים
בלוקים ירוקים מתייחסים לתכונות הרכיב.
הבלוקים הירוקים הבהירים נקראים גטרים , מכיוון שאתה מקבל את ערך הנכס.
טקסט של כפתור 1
הטקסט מתקבל ונשמר במשתנה numberChoice.
הזמן של טיימר1 בשניות
ערך השניות של הטיימר מתקבל ומאוחסן בטקסט של Lablel1, כך שהערך מוצג בתווית.
הסטרים בצבע ירוק כהה יותר, וניתן להצמד אליהם, עם חריץ פתוח בקצה. זה מאפשר לך להגדיר את ערך הנכס.
טקסט של כפתור 1
הטקסט של Button1 מוגדר למילים "לחץ עליי!"
תווית1.טקסט
הטקסט של Label1 מוגדר לזמן של Timer1 בשניות.
IntervalMilliseconds של Timer1
IntervalMilliseconds של Timer1 (באיזו תדירות הוא כבה) מוגדר ל-3000, או 3 שניות.
טיפ מנטור
שיטות עבודה מומלצות: הזכירו לתלמידים שזה בדיוק כמו קידוד אמיתי. אוצר המילים המוזר (פונקציות, גטרים, מגדירים) שאנו משתמשים בו הוא בדיוק מה שמקודדים משתמשים בו.
שאלות מנחות לשאול את התלמידים: האם אתה יכול לחשוב על כמה פונקציות יומיומיות שאתה עושה? (לדוגמה: אפיית עוגה, צחצוח שיניים - כל דבר שיש לו שלבים שחוזרים על עצמם). פונקציות דומות מאוד לאלגוריתמים!
טיפים למנטורים ניתנים על ידי תמיכה מ-AmeriCorps.
בלוקי נתונים
כאשר אתה משתמש בלוקים מגדירים, אתה עשוי להשתמש בכמה בלוקים מובנים אחרים המייצגים נתונים, או מידע שניתן להשתמש בהם באפליקציה שלך. כמה דוגמאות של בלוקי נתונים שניתן להשתמש בהם נראות להלן.
מספרים
ניתן להשתמש בערכי מספר כנתונים באפליקציה. בלוקים אלה ניתן למצוא במגירת Math בחלק הליבה של פלטת הבלוקים.
טקסט או מחרוזות
טקסט, הנקרא לפעמים מחרוזות, יכול לשמש כנתונים. אלו אותיות, מילים ומשפטים שניתן להשתמש בהם באפליקציה. הבלוקים נמצאים במגירת הטקסט של החלק Core של פלטת הבלוקים.
בוליאנית
לסוג נתונים זה יש רק שני ערכים אפשריים - נכון או לא נכון. בלוקים אלה יכולים להגדיר או לבדוק את ה"מצב" של משהו וישמשו בתנאים תנאים, עליהם תלמדו יותר.
פעילות: הדרכה על לוח קול
עקוב אחר הדרכה בסרטון למטה
לאחר מכן עקוב אחר הסרטון של דייב למטה כדי להשתמש במטפלי אירועים ופונקציות כדי לנגן נאומים באפליקציה שלך.
אֶתגָר
בפעילות השתמשת ב:
- בלוקים של מטפל באירועים
- בלוקי פונקציה
בוא ננסה להשתמש בכמה בלוקים של מגדיר וגטר על ידי הוספה לאפליקציית Soundboard שלך.
כאשר המשתמש לוחץ על תמונה כלשהי כדי להשמיע את הנאום המשויך, שנה את צבע הרקע של המסך.
אתה יכול לשנות אותו לצבע מסוים אחד, אבל אז אתה לא יכול בקלות לשנות אותו בחזרה לצבע ההתחלתי, שחור, אז במקום זאת, שנה את הרקע של המסך לצבע אקראי.
רמז: בדוק את מגירת הצבע כדי לראות כיצד לקבל צבע אקראי.
הִשׁתַקְפוּת
כעת, לאחר שלמדת קצת יותר על בלוקי הקוד השונים, חשוב על פתרון האפליקציה שלך:
סקירה של תנאים עיקריים
- ממשק משתמש - כל מה באפליקציה שלך שמשתמש יכול לקיים איתו אינטראקציה
- מעצב - חלון שבו תוכל להוסיף רכיבים לאפליקציה שלך ולעצב איך הם נראים
- עורך בלוקים - חלון שבו אתה מקודד את הבלוקים עבור האפליקציה שלך
- אירוע - משהו שקורה גורם להפעלת קוד
- מטפל באירועים - קובצי קוד שאומרים לאפליקציה שלך מה לעשות כשמתרחש אירוע
- תכנות מונחה אירועים - תכנות המבוסס על אירועים, במקום הפעלת קוד שלם מלמעלה למטה
- פונקציות - גוש קוד שרץ, וניתן להפעיל אותו מספר פעמים
משאבים נוספים
בדוק עוד מדריכי הלימוד Thunkable של דייב וולבר ב- draganddropcode.com
קורס Thunkable החינמי של שגריר הסטודנטים Meenakshi Nair בנושא Udemy הוא עוד משאב נהדר!
