- למד על תכנות מונחה אירועים
- הבן את סוגי הבלוקים השונים בפלטפורמת MIT App Inventor
אלו הפעילויות לשיעור זה:
אירועים
אפליקציות לנייד מבוססות על תכנות מונחה אירועים.
תכנות מונע אירועים מבוסס על אירועים, במקום הפעלת קוד מלמעלה למטה. תוכניות מסוימות פשוט מבצעות את כל הקוד שלהן בבת אחת, אבל אפליקציות לנייד פועלות על סמך האופן שבו המשתמש מקיים אינטראקציה איתה.
אפליקציות לנייד פועלות בהתבסס על אירועים , שהם דברים שגרמו להפעלת קוד. דוגמה לכך תהיה - המשתמש לוחץ על כפתור. האירוע הוא כאשר המשתמש לוחץ. והאירוע מפעיל קוד להפעלה, הנקרא מטפל באירועים .
עצור ודון
האם אתה יכול לחשוב על כמה דרכים שאתה מתקשר עם הטלפון שלך ומה הטלפון שלך עושה? הנה כמה כדי להתחיל:
- כאשר אתה לוחץ על סמל עבור אפליקציה, האפליקציה נפתחת.
- כאשר אתה לוחץ על "שלח" עבור הודעת טקסט, הוא שולח את ההודעה ומשמיע צליל.
- כאשר אתה מנסה להיכנס לאפליקציה, האפליקציה מבקשת סיסמה.
נתחיל בהסתכלות על החלקים השונים של פלטפורמת ה-App Inventor.
ל-App Inventor יש שני חלונות שבהם אתה משתמש כדי לבנות את האפליקציה שלך. לחיצה על כפתור המעצב (מימין למעלה במסך) תעביר אותך אל המעצב , שם אתה מעצב את ממשק המשתמש. ממשק המשתמש הוא כל מה באפליקציה שלך שמשתמש יכול לקיים איתו אינטראקציה. הדברים האלה יכולים להיות כפתורים, סרגלי ניווט, תיבות טקסט, תמונות וכו'.
חלון מעצב ממציא אפליקציה
לוּחַ הַצְבָעִים
אתה בוחר רכיבים מהלוח להוספה ל-Viewer, שנמצא באמצע החלון. ישנן מספר מגירות של רכיבים שניתן לחקור ולהשתמש בהם.
צוֹפֶה
אתה גורר את הרכיבים שלך אל ה- Viewer. רכיבים מתווספים מלמעלה למטה, משמאל. עליך להשתמש ברכיבי פריסה ויישור כדי לקבל שליטה רבה יותר על היכן בדיוק הרכיבים שלך מופיעים.
רשימת רכיבים
רשימה זו נותנת לך רשימה היררכית של האלמנטים על המסך שלך. אתה יכול לבחור אותם על ידי לחיצה עליהם ב-Viewer או ברשימה זו.
לוח מאפיינים
החלונית Properties מאפשרת לך להגדיר את המאפיינים עבור כל רכיב, כמו גודל גופן, יישור, צבע וכו'.
רכיבים שאינם נראים לעין
רכיבים שאינם גלויים לא יופיעו על המסך אך הם עדיין חלק מהאפליקציה. הם מופיעים מתחת למסך כאשר אתה גרור ושחרר אותם.
כאשר מישהו משתמש באפליקציה שלך, הוא ייצור אינטראקציה עם ממשק המשתמש שלך, על ידי לחיצה על כפתורים, הזנת טקסט וכו'. זה תלוי בך להחליט מה האפליקציה שלך צריכה לעשות ולתכנת אותה לעשות את הדברים האלה.
עורך בלוקים
לחיצה על "בלוקים" תעביר אותך לחלון עורך הבלוקים , שם אתה מבצע את כל הקידוד שלך. אתה גורר בלוקים מהחלונית בצד שמאל לתוך סביבת העבודה במרכז המסך.
בצד שמאל, תמצאו את הבלוקים שתוכלו לגרור אל סביבת העבודה. הם נמצאים בקטגוריות/מגירות כמו Control ו-Logic.
צוֹפֶה
זהו סביבת העבודה שלך שבה אתה גורר את כל הבלוקים שלך. אתה יכול להזיז אותם, להצמיד אותם זה לזה ולתוך זה. אתה יכול גם למחוק כל בלוקים שאתה לא צריך.
בלוקים של רכיבים
לכל רכיב באפליקציה שלך יש סט בלוקים משלו. תלחץ על הרכיב כדי להציג את הבלוקים שתוכל לגרור לאחר מכן לתוך סביבת העבודה.
מטפלי אירועים
בלוקים של מטפל באירועים ב-App Inventor הם בצבע זהב ומעוצבים כבלוק פתוח, כך שתוכל להצמיד בלוקים בתוכו. החסימות האלה פועלות רק כאשר האירוע הזה מתרחש.
כשלוחצים על הכפתור
כבר השתמשת בזה. כאשר המשתמש לוחץ על כפתור מסוים, תרצה שהאפליקציה תעשה משהו, כמו לפתוח מסך אחר או לשלוח הודעה.
כאשר כיוון המסך משתנה
אם המשתמש הופך את הטלפון שלו מדיוקן (אנכי) לנוף (אופקי), אולי תרצה לעשות משהו, כמו לשנות את פריסת המסך או את גודל הרכיבים.
כאשר מיקום המחוון משתנה
מחוון מאפשר למשתמש לגרור אותו כדי לבחור ערך כלשהו לאורכו. זה עשוי להפעיל שינוי לרכיב אחר. לדוגמה, תוכל להגדיל את גודל העט באפליקציית ציור באמצעות מחוון.
פונקציות
פונקציות הן בלוקים של קוד שעושים משהו. ניתן להפעיל אותם פעמים רבות בתוך אפליקציה. ב-App Inventor, בלוקי פונקציות נצבעים בסגול. שפות מסוימות מתייחסות לפונקציות כאל שיטות, או נהלים. למעשה, ממציא האפליקציות מתייחס אליהם בדרך כלל כאל נהלים . הם עושים משהו, אז אתה יכול לחשוב עליהם כעל חסימות פעולה.
TextToSpeech.Speak
רכיב TextToSpeech יכול לומר או לדבר כל טקסט שתרצה שידבר.
Camera.TakePicture
רכיב המצלמה יכול לצלם תמונה עם הטלפון.
Sound.Play
רכיב הסאונד יכול להשמיע צליל.
קובעים ומקבלים
בלוקים ירוקים מתייחסים לרכיבים ולמאפיינים שלהם.
הבלוקים הירוקים בהירים שיכולים להצמד לבלוק אחר נקראים getters , מכיוון שאתה מקבל את ערך הנכס.
הסטרים בצבע ירוק כהה יותר, וניתן להצמד אליהם, עם חריץ פתוח בקצה. זה מאפשר לך להגדיר את ערך הנכס.
טקסט של כפתור 1
הטקסט של Button1 מתקבל ומאוחסן בברכה הגלובלית המשתנה.
טקסט של כפתור 1
הטקסט של Button1 מוגדר למילים "אני אוהב קידוד. המילים "אני אוהב קידוד" יופיעו על הכפתור.
טקסט של תווית 1
הטקסט של Label1 מוגדר למקור הצליל1. המשמעות היא ששם קובץ הקול יוצג ב-Label1.
מקור הסאונד1
המקור של Sound1 (שם קובץ הקול) מתקבל ומאוחסן במאפיין הטקסט של Label1, הגדרת הטקסט של תווית מציגה בעצם את הערך בתווית, כך ששם קובץ הקול יופיע ב-Label1.
טקסט של תווית1
TextToSpeech מקבל את התוכן של הטקסט של Label1 ומדבר אותו. כל טקסט שמוצג ב-Label1 יוקרא.
טיפ מנטור
שיטות עבודה מומלצות: הזכירו לתלמידים שזה בדיוק כמו קידוד אמיתי. אוצר המילים המוזר (פונקציות, גטרים, מגדירים) שאנו משתמשים בו הוא בדיוק מה שמקודדים משתמשים בו.
שאלות מנחות לשאול את התלמידים: האם אתה יכול לחשוב על כמה פונקציות יומיומיות שאתה עושה? (לדוגמה: אפיית עוגה, צחצוח שיניים - כל דבר שיש לו שלבים שחוזרים על עצמם). פונקציות דומות מאוד לאלגוריתמים!
טיפים למנטורים ניתנים על ידי תמיכה מ-AmeriCorps.
בלוקי נתונים
כאשר אתה משתמש בלוקים מגדירים, אתה עשוי להשתמש בכמה בלוקים מובנים אחרים המייצגים נתונים, או מידע שניתן להשתמש בהם באפליקציה שלך. כמה דוגמאות של בלוקי נתונים שניתן להשתמש בהם נראות להלן.
מספרים
ניתן להשתמש בערכי מספר כנתונים באפליקציה. ניתן למצוא את הבלוקים הללו במגירת המתמטיקה בפלטת הבלוקים.
טקסט או מחרוזות
טקסט, הנקרא לפעמים מחרוזות, יכול לשמש כנתונים. אלו אותיות, מילים ומשפטים שניתן להשתמש בהם באפליקציה. הבלוקים נמצאים במגירת הטקסט של פלטת הבלוקים.
בוליאנית
לסוג נתונים זה יש רק שני ערכים אפשריים - נכון או לא נכון. בלוקים אלה יכולים להגדיר או לבדוק את ה"מצב" של משהו וישמשו בתנאים תנאים, עליהם תלמדו יותר.
פעילות: הדרכה על לוח קול
עקוב אחר הדרכה בסרטון למטה
ופעל לפי ההוראות של דייב בסרטון למטה.
שימו לב שהסרטון מתחיל ב-1:11 כדי לדלג על הוראות הטעינה. הוראות אלה אינן נחוצות אם טענת את פרויקט המתחיל באמצעות הקישור למעלה.
אֶתגָר
בפעילות השתמשת ב:
- בלוקים של מטפל באירועים
- בלוקי פונקציה
בוא ננסה להשתמש בכמה בלוקים של מגדיר וגטר על ידי הוספה לאפליקציית Soundboard שלך.
כאשר המשתמש לוחץ על תמונה כלשהי כדי להשמיע את הנאום המשויך, שנה את צבע הרקע של המסך.
אתה יכול לשנות אותו לצבע מסוים אחד, אבל אז אתה לא יכול בקלות לשנות אותו בחזרה לצבע ההתחלתי, שחור, אז במקום זאת, שנה את הרקע של המסך לצבע אקראי.
רמז: בדוק את מגירת הצבע וחפש את ה- make a color block . לאחר מכן חפש במגירת Math עבור בלוק שלם אקראי . הצבעים מורכבים מ-3 מספרים, RGB עבור אדום, ירוק, כחול, שנעים בין 0-255.
הִשׁתַקְפוּת
כעת, לאחר שלמדת קצת יותר על בלוקי הקוד השונים, חשוב על פתרון האפליקציה שלך:
סקירה של תנאים עיקריים
- ממשק משתמש - כל מה באפליקציה שלך שמשתמש יכול לקיים איתו אינטראקציה
- מעצב - חלון שבו תוכל להוסיף רכיבים לאפליקציה שלך ולעצב איך הם נראים
- עורך בלוקים - חלון שבו אתה מקודד את הבלוקים עבור האפליקציה שלך
- אירוע - משהו שקורה גורם להפעלת קוד
- מטפל באירועים - קובצי קוד שאומרים לאפליקציה שלך מה לעשות כשמתרחש אירוע
- תכנות מונחה אירועים - תכנות המבוסס על אירועים, במקום הפעלת קוד שלם מלמעלה למטה
- פונקציות - גוש קוד שרץ, וניתן להפעיל אותו מספר פעמים
משאבים נוספים
בדוק עוד מדריכי הדרכה למתחילים של דייב וולבר של App Inventor ב- appinventor.org
