פיצ'ר 3: נציג תמונת מצב מקיפה יותר באמצעות אנימציה
עד כה המערכת היפה שלנו מציגה גרף שמאפשר השוואה בין הערים, בתאריך מסוים. בפרויקט קורונה א', כתבנו מערכת שיודעת להציג את המגמה בעיר מסוימת לפי רשימת תאריכים.
דורון
היינו רוצים שתשלבו בין שתי האפשרויות: מצד אחד לראות את כל הערים, מצד שני גם לראות איך השתנה מצב כל עיר במשך החודש, כלומר לראות מספר תאריכים לכל עיר.
הדסה
זה די הרבה מידע לשים בגרף אחד… איך נעשה את זה ברור ונוח? להסתכל על גרף עם מלא מלא עמודות זה לא כל כך נוח…
דורון
אנימציה זה בעצם לקחת מספר תמונות, או פריימים (frames), ולעבור ביניהם מהר, ככה שמה שנוצר לנו הוא מעין סרטון.
בעברית אנימציה=הנפשה, וההגדרה היא "אשליה של תנועה על גבי מסך".
אז אם נחשוב על כל גרף של תאריך מסוים כעל "פריים"… אפשר לחבר אותם יחד לסרטון! ולראות תאריך אחרי תאריך אחרי תאריך. למשל הנה אנימציה של תחילת אפריל:
ואתם הולכים להכין אנימציה של סוף אפריל :)
עד עכשיו, כאשר הרצנו את התוכנית שלנו, הפלט היה גרף של תאריך מסוים.
עכשיו, אנחנו בעצם רוצים לחבר הרבה גרפים כאלה, מתאריכים שונים, לתוך סרטון אחד.
יש פתרון :) אנימציה!
אנימציה זה בעצם לקחת מספר תמונות, או פריימים (frames), ולעבור ביניהם מהר, ככה שמה שנוצר לנו הוא מעין סרטון.
בעברית אנימציה=הנפשה, וההגדרה היא "אשליה של תנועה על גבי מסך".
אז אם נחשוב על כל גרף של תאריך מסוים כעל "פריים"… אפשר לחבר אותם יחד לסרטון! ולראות תאריך אחרי תאריך אחרי תאריך. למשל הנה אנימציה של תחילת אפריל.
ואתם הולכים להכין אנימציה של סוף אפריל :)
עד עכשיו, כאשר הרצנו את התוכנית שלנו, הפלט היה גרף של תאריך מסוים.
עכשיו אנחנו רוצים לחבר הרבה גרפים כאלה, מתאריכים שונים, לתוך סרטון אחד!
בשביל לפתח את הפיצ'ר הזה, יש ללמוד משהו חדש.
קראתם על אנימציה? זה יכול לצאת ממש נחמד, בואו נשתמש בזה!
דורון
אז מה לעשות תכלס
כתבו תוכנית עם לולאה בתוך לולאה שבונה אנימציה של תאריכים מבוקשים בערים מבוקשות. רצוי להשתמש בצבעים ירוק/אדום/צהוב עבור הערים בהתאם למצבן.
השתמשו ברשימות הבאות:
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"]
עברו לקולאב לשלב 'פיצ'רים' ומצאו את הסימניה:
יאללה לעבודה
סיימתם? עם אנימציה זה כבר נראה ממש מקצועי! רוצים להשוויץ ולשלוח את התוצאה למישהו במייל או בוואטסאפ?
דורון