top of page
coA_brush.png

פיצ'רים

כרגיל, נוסיף שדרוגים למערכת שלנו, שיהפכו אותה להיות טובה אפילו יותר! 

פיצ'ר 3: נציג תמונת מצב מקיפה יותר באמצעות אנימציה

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

דורון

mentor_1.png

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

הדסה

coA_character_health_.png

זה די הרבה מידע לשים בגרף אחד… איך נעשה את זה ברור ונוח? להסתכל על גרף עם מלא מלא עמודות זה לא כל כך נוח…

דורון

mentor_5.png

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

בעברית אנימציה=הנפשה, וההגדרה היא "אשליה של תנועה על גבי מסך".


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

ואתם הולכים להכין אנימציה של סוף אפריל :)

 

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

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

יש פתרון :) אנימציה!

תרשים אנימציה לדוגמא

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

בעברית אנימציה=הנפשה, וההגדרה היא "אשליה של תנועה על גבי מסך".


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

ואתם הולכים להכין אנימציה של סוף אפריל :)

 

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

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

בשביל לפתח את הפיצ'ר הזה, יש ללמוד משהו חדש.

קראתם על אנימציה? זה יכול לצאת ממש נחמד, בואו נשתמש בזה!

דורון

mentor_1.png

אז מה לעשות תכלס

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

השתמשו ברשימות הבאות: 

cities = ["טבריה", "חולון", "בני ברק", "ירושלים", "תל אביב-יפו", "צפת"]

dates = ["20/4/2020","20/4/2020","20/4/2020","21/4/2020","22/4/2020","23/4/2020", 

"24/4/2020","25/4/2020","26/4/2020","27/4/2020","28/4/2020","29/4/2020","30/4/2020"]

icon colab white.png
icon colab white.png
עברו לקולאב לשלב 'פיצ'רים' ומצאו את הסימניה:
bookmark_07.png
icon_colab_white.png

יאללה לעבודה 

dat2_bookmark7

סיימתם? עם אנימציה זה כבר נראה ממש מקצועי! רוצים להשוויץ ולשלוח את התוצאה למישהו במייל או בוואטסאפ?

דורון

mentor_1.png

בשביל לשלוח את התוצאה, צריך לשמור את הסרטון לקובץ.

קראו את הקטע הבא:

bottom of page