הרפתקאות מפת בתי הספר באתר אורט – סדרה

לפני כשבוע שדרגנו את אתר אורט.

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

בתי הספר של אורט באתר החדש

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

באתר החדש, לעומת זאת, כבר יש השפעות הדדיות. חוץ מזה יש עוד כמה שינויים:

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

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

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

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

מאחר שפרק המבוא הזה הוא קצר, אני מפרסמת כבר את הפרק הראשון: פרק א, הסינון.

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