מערכות מורכבות אפיון ועיצוב מחדש לאתר קול הלשון

[דידקטית]

ב"ה זכיתי לאפיין ולעצב מחדש את האתר של קול הלשון.

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

כבר שתפתי באא"ר (ויש שם קישורים לחומרים מעניינים בקול הלשון)

קצת פרטים על אופי העבודה:

1. הייתי צריכה ללמוד דאטאבייס של מערכת שלימה המסונכרנת באופן מלא עם ממשק טלפוני, ולפי המבנה הקיים ליצור אתר מודרני ונח לשימוש. האתגר היה לא קל בכלל, ודרש גם מצוות הפיתוח וגם ממני רעיונות ופתרונות יצירתיים.
2. השראות, רעיונות ומחקר - נעזרתי הרבה מאוד במאמרים מקצועיים באתר medium, "חפרתי" את יוטיוב (עם נטפרי! זה היה אתגר לא קל...), אמזון, איביי, ו... גוגל. חייבת לציין שחווית המשתמש בגוגל היא מהטובות שיש. (אני מתכוונת לכלים של גוגל, כמו תרגום).
3. אתר קול הלשון כולל בתוכו מנוע חיפוש שיעורים אדיר (למעלה מ3 מליון שיעורים), וישבתי שעות ארוכות רק כדי למפות את כל סוגי החומרים והמסננים המתאימים לקול הלשון.
4. כל שיעור מתנגן ב"דף נגן". ישבתי לפתח נגן וידאו ואודיו מאפס (וזה היה אתגר גדול). מצאו את ההבדלים בין הנגן הישן לנגן החדש ---
5. בעתיד יעלה גם ממשק חדש לטריוויות (ידעתם שיש טריוויות בקול הלשון?) - ושם הייתי צריכה להלך בין הטיפות. ליצור ממשק של משחק המכבד את התוכן התורני ואופי המשתמשים.
6. האתגר המרכזי - בכל רגע נתון יש כמות גדולה מאוד של משתמשים באתר קול הלשון, מכל מקום בעולם (גוגל אנליטיקס מרתק). חוץ מזה - קהל היעד מגוון מאוד גם מבחינה מגזרית וגם מבחינה גילאית. והאתר צריך לתת מענה מושלם לכולם...
7. יש הרבה מאוד פיצ'רים חדשים באתר החדש. אחד המוצלחים הוא כניסה לאתר באמצעות חשבון גוגל + איזור אישי למשתמש עם פלייליסטים, הורדות, מעקב אחרי רבנים ועוד.
8. האתר עדיין בפיתוח מואץ, ובהמשך יעלה לאוויר גם בנק התורה בגרסה חדשה.

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

ואכן - זה היה הרעיון הראשון שיישמתי באפיון החדש. (וכן - התבססתי הרבה על יוטיוב).

 

[אלעזר 1]

רואים שהושקעו באתר הרבה מאוד שעות מחקר, תוצאה מרשימה

 

[Beeing]

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

 

[ארי ברנד]

קודם כל - מטורף!!!!!! רואים כאן השקעה עצומה! וחשיבה על פרטים קטנים.

אני רואה שזה לא בנוי עם וורדפרס. אי אפשר להקים מערכת בכזה קנה מידה בוורדפרס?
הוא בנוי רק עם קוד? או איזו ממשק אחר?

 

[אלעזר 1]

אי אפשר להקים מערכת בכזה קנה מידה בוורדפרס?

וורדפרס לא מיועדת לדברים כאלו

 

[סיון]

@חגית קרמר כרגיל כל דבר שאת נוגעת בו הופך לזהב! (או למסך : ) )
השקעה מטורפת, הן בחווית המשתמש והן ברעיונות חדשים,
ההסתכלות הרחבה שלך על מכלול הפרויקט - ראויה להערכה וללמידה!

 

[ליאורהA]

וואו, פרויקט מדהים! העיצוב כל כך עדכני ונעים לעין, ועם זאת - מכובד ומתאים לתוכן.

ב"ה זכיתי לאפיין ולעצב מחדש את האתר של קול הלשון.

באמת זכות גדולה!

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

משהו שקפץ לי מבחינת התוכן המילולי:

בכרטיסיות של "מקהלת מלכות" ו"שירים וניגונים שונים", כתוב מספר "שיעורים". גם בעמודים הפנימיים של הקטגוריה, הכיתוב הוא באותה שפה של השיעורים. אם יש אפשרות להתאים את הכיתובים האלו, לדעתי זה יהיה מעולה.

יישר כח גדול, תמשיכי להצליח!

 

[ראובן ליבוביץ]

סוף סוף!
האתר הקדום שלהם באמת היה נראה ועבד על הפרצוף!
איזה בנייה מטורפת!!
עיצוב מדהים!
חווית משתמש בליגה אחרת!

 

[נעמי.]

@חגית קרמר פרויקט יפהפה!
רואים שירדת לפרטים הקטנים וחשבת על כל דבר.

בוודאי יש סיפוק גדול מפרויקט כזה

 

[א-ירושלמית]

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

 

[.A.B.]

אהבתי!!
איזה קו...
אור בעיניים, אי אפשר להשוות בכלל..

 

[עילום]

WOW!
זכות גדול להגדיל תורה ולהאדירה!

נשמח על פירוט של הטכנולוגיית שהשתמשתן
(נראה שהשתמשתן באנגולר 14)

בהצלחה רבה

 

[.A.B.]

WOW!
זכות גדול להגדיל תורה ולהאדירה!

נשמח על פירוט של הטכנולוגיית שהשתמשתן
נראה שהשתמשתן באנגולר 14

בהצלחה רבה

בהחלט נשמח לשמוע ולהחכים

 

[nigun]

@חגית קרמר
בבדיקה בכלי מפתחים אני רואה שירד לי כמעט 100 מגה.
לא בדקתי איך זה נראה מחיבור עם סטיק, אבל נראה לי שאחוז ניכר מהמשתמשים בקול הלשון הם מן הסתם עם חיבורים איטיים וראוי להתחשב בהם ושהדף הראשי לא יהיה מידי כבד.
בנוסף בבדיקה עם Lighthose על חיבור של נטפרי הוא מציין שיש איטיות בגלל שימוש בhttp1.1 במקום http2, וגם שהתמונות לא דחוסות, לא יודע מה קורה בסינונים אחרים, אבל נראה לי שחשוב שהדף הראשי יטען כמה שיותר מהר בסינונים השונים (אולי אפשר לדבר עם נטפרי למשל ולבדוק האם יש אפשרות שלא יסננו את האתר בכלל וכך אולי יאפשרו http2)

 

[אלעזר 1]

@חגית קרמר
בבדיקה בכלי מפתחים אני רואה שירד לי כמעט 100 מגה.
לא בדקתי איך זה נראה מחיבור עם סטיק, אבל נראה לי שאחוז ניכר מהמשתמשים בקול הלשון הם מן הסתם עם חיבורים איטיים וראוי להתחשב בהם ושהדף הראשי לא יהיה מידי כבד.
בנוסף בבדיקה עם Lighthose על חיבור של נטפרי הוא מציין שיש איטיות בגלל שימוש בhttp1.1 במקום http2, וגם שהתמונות לא דחוסות, לא יודע מה קורה בסינונים אחרים, אבל נראה לי שחשוב שהדף הראשי יטען כמה שיותר מהר בסינונים השונים (אולי אפשר לדבר עם נטפרי למשל ולבדוק האם יש אפשרות שלא יסננו את האתר בכלל וכך אולי יאפשרו http2)

מבדיקה שלי עכשיו עולה כי האתר הישן השתמש ב-114 MB של משאבים עד לטעינה מלאה של העמוד
לעומת כ-50 MB באתר החדש עד לטעינת העמוד

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

 

[רְעוּתָהּ]

ואוווו
אשריך!
פשוט מטורף, נעים ומושלם!

 

[EPaP]

חתיכת פרוייקט.

התוצאה הסופית מדהימה
ויותר מזה - המחקר שמאחוריו.

התחלתי קצת להשוות אתר חד ש מול ישן, ההבדלים זה משהו מיוחד.
ידעו במי לבחור לפרוייקט הזה

 

[רמיזא]

@חגית קרמר יש לי בעיה באתר בעת צפיה בשיעור כל כמה דקות הוא מתחיל להסתובב בלי סוף, צריך לרענן את הדף כל הזמן וזה עוזר לכמה דקות בלבד, יתכן שקשור אולי לספק שלי ?
באתר הישן זה לא קורה.

 

[stshin]

אלופה!!

 

[tora]

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