השבוע סיימנו את רוב העבודה על אתר פסטיבל אייקון. זה אתר הנמצא בתכנון ובפיתוח ובעיצוב כבר מספר חודשים, ואתמול בשעה טובה פורסמה באתר התוכניה של הפסטיבל.
בצוות הבונה את האתר חברים אלון פאר, תום ביגלאייזן, ואני.
האפיון היה תהליך ארוך וכלל פגישות ודיונים עם מנהלי הפסטיבל, וגם עם חלק מראשי הצוותים. המסמך הסופי מכיל פירוט נרחב על סוגי התוכן והשדות, טפסים המיועדים לקהל הרחב, כלים לעבודת הסגל וצוות ההפקה (בפרט, כלים לניהול מערך המתנדבים הגדול של הפסטיבל), דגשים לעיצוב, ועוד. כל השלבים באפיון תועדפו ותוזמנו, במטרה להשתדל להיות ריאלים (הפסטיבל בתחילת אוקטובר).
מספר אתגרים עלו באיפיון: למשל, קהל היעד של הפסטיבל ושל האתר מתחלק להרבה קבוצות ייחודיות, לפעמים עם מאפיינים שונים בתכלית, לפעמים הזקוקים למידע ספיציפי שאינו מעניין קהלי יעד אחרים, ועדיין השאיפה היא לאפשר לכולם למצוא את מה שרלוונטי להם, ובקלות.
אך אין ספק שהאתגר הגדול ביותר, הוא להציג לקהל את לוח הזמנים של הפסטיבל. הפסטיבל נמשך 7 ימים, ומתפרש עפ"נ שלושה מתחמים, כשבכל אחד מהם אולמות וכיתות, ויש גם לפעמים אירועי חוצות... סך הכל ברגע נתון יכולים להתקיים 12 אירועים במקביל, ולפעמים אפילו יותר. הסוגיה הזו העלתה שאלות רבות: כיצד מארגנים ומציגים כזו מאסה של תוכן בעמוד אחד? כיצד מקלים על המבקרים הנדרשים לנווט במבוך הזה? כיצד מאפשרים למבקר למצוא בקלות את האירועים הקשורים לתחום שהוא אוהב? ועוד...
כמובן שעולות גם סוגיות טכניות: כיצד ליצור מבנה שיכול להתמודד עם שינויים בשיבוץ? להציג מספר מופעים לאותו האירוע? להציג אירוע שהוא בעצם איגוד של מספר אירועים (הרצאה ואחריה סרט, למשל)?
אלה הפתרונות שבחרנו:
מבחינת הפיתוח, אלון פיתח מודול ייעודי, המשרת את כל המערך של לוח הזמנים (לוח הזמנים הוא הטבלה עם השיבוצים של האירועים בתכניה. אני מקפידה על הסמנטיקה כדי להישאר שפויה), ע"י קישור בין אירועים בתכניה לבין "משבצות זמן" בלוח הזמנים. המודל הזה מאפשר לתת לאירוע יותר ממופע אחד בטבלה (ע"י קישור שתי משבצות זמן שונות לאותו האירוע), וגם להפך - מאפשר להציג אסופה של אירועים במשבצת אחת. בנוסף מאפשר גמישות גבוהה במקרה של שינויים.
פיצ'ר נוסף שפיתח אלון ושאנחנו גאים בו מאד - "תכניה אישית", המאפשר למי שרואה אירוע בלוח הזמנים שמוצא חן בעיניו, להוסיף אותו ל"סימניות", וכך לסדר לעצמו רשימה קטנה ועניינית, קלה להדפסה, במקום להוציא את העיניים בכל פעם מחדש בטבלת הענק. זהו אחד מהפתרונות המרכזיים להתמודדות עם עומס המידע.
מבחינת העיצוב, תום ליווה את צוות הגרפיקה של הפסטיבל, בהכנות העיצוב הגרפי לעמוד הבית ולעמודים פנימיים, ובשלב מאוחר יותר יצר את ה theme (מבוססת טנדו, כמובן :P), ועיצב את הטבלה. כדי להקל על ההתמצאות בטבלה, האירועים צבועים לפי הצבעים של שש קטגוריות התוכן המרכזיות. בנוסף, ברור היה לכולנו שאין שום דרך ריאלית להציג 12 עמודות ב'עמוד אינטרנט' אחד, לא משנה כמה המסך רחב. לכן הטבלה מוצגת כשני טאבים - בכל רגע נתון מוצגות רק שש עמודות, ובלחיצה על כפתור ניתן לעבור הלאה לשש העמודות הבאות.
אני הייתי אחראית על יצירה וקונפיגורציה של רוב סוגי התוכן, VIEWS למיניהם, ועבודה עם המודולים האחרים.
מודולים נוספים שנעשה בהם שימוש:
CCK כמובן, במשולב עם imagefield, imagecache, Date, swftools.
VIEWS - כנראה אחד מהמשמעותיים ביותר - באמצעותו יש אינספור רשימות של אירועים ממוינות לפי קטגוריות תוכן וכו', תמונה מתחלפת בעמוד הבית, באנר פרסומת, דו"חות, רשימת סימניות בתכניה האישית, ועוד.
גם המודול Flags סייע בפיתוח התוכניה האישית.
כדי לנהל אתר בשתי שפות, i18n.
וגם: nicemenues, tinyMCE, IMCE, Simplenews, ויש עוד.
כאמור, אתמול השקנו את לוח הזמנים. העבודה על האתר כולו עדיין לא הסתיימה, יש עניינים קטנים פה ושם, ועדיין מזינים תוכן. בכל מקרה, אני מאמינה שהתמודדנו יפה עם הסוגיות שהועלו באיפיון, הן מבחינת הפיתוח והן מבחינת העיצוב. נשמח לשמוע פידבקים!
קישורים:
אתר אייקון
הודעה על פרסום התוכניה באתר וקצת הסברים
תֹם
נשמע מעניין
יש סיכוי שנראה את המודולים המעניינים האלה ב drupal.org?
ובכן
התכניה האישית היא לגמרי flags, לא עשיתי שם שום פיתוח מעניין.
מודול התכניה מורכב מאוד ובגלל לחצי זמן לא פותח לגמרי בצורה טובה. הוא גם תלוי בכל מיני מודולים אחרים שלפעמים הם מוצדקים ולפעמים הם לא, ויש הרבה מקום לעשות סדר וניקיון לפני שמפרסמים אותו.
האמת שגם שמעתי שיש מודולים דומים שכנראה נותנים יכולות דומות, אבל היה לי קל יותר לפתח את מה שפיתחתי (זה למעשה היה המרה של אותו מודול משנה שפיתחתי שנה שעברה מדרופל 5 ל-6), מאשר לשבת וללמוד מודולים אחרים.
אז בקיצור, עוד כמה שבועות/חודשים, כשיהיה לי בכלל זמן לחשוב על זה, אני אנקה את המודול ואבדוק אם בכלל יש טעם להעלות אותו.
אלון פאר - פיתוח אתרים
עיקבו אחרי בטוויטר
אז בקיצור, עוד כמה
אני קורא את זה: לא, לא אעלה את זה לעולם. אני רוצה, אבל אף פעם לא יהיה לי זמן. המלצה שלי, אם אתה באמת רוצה להעלות את זה - קודם כל תעלה. תכתוב disclaimers ארוכים, אבל שיהיה באוויר. אח"כ, מהפדיחה, לא תוכל להרשות לעצמך להשאיר את זה ככה באויר, ותאלץ לתקן את זה.
ממה שהבנתי מאלון, כשדיברנו
ממה שהבנתי מאלון, כשדיברנו בפריז, אפשר לעשות את הדברים גם עם DATE + CALENDAR, ככה שלאו דווקא יש הצדקה להעלות עוד מודול.
לחילופין תמיד אפשר להתקין FEATURES SERVER, ולהעלות את זה לשם -- נשמע פחות מחייב :)
אמתי -- חברת גיזרה
מגניב (ברמת מגניבות של נרדים,
מגניב (ברמת מגניבות של נרדים, כמובן).
צריך לתרגם באתר את כל המחרוזות שקשורות לניוזלטר.
לקח לי זמן למצוא את התכנייה, שזה העיקר כרגע, צריך לדעתי להבליט.
לא הבנתי איפה יש שימוש ברכיב flag.
| פרקטיקול - בונים לך אתר דרופל | קורס דרופל! | עזרה מידית בקבוצה שלנו בפייסבוק! | מכללת קוד פתוח
ועכשיו אני רואה שבכלל פספסתי
ועכשיו אני רואה שבכלל פספסתי 50% מהואלמות! לא שמתי לב לכפתור "האולמות הבאים"!
גרוע ביותר.
| פרקטיקול - בונים לך אתר דרופל | קורס דרופל! | עזרה מידית בקבוצה שלנו בפייסבוק! | מכללת קוד פתוח
לגבי השימוש ב-flag
מתוך http://www.icon.org.il/2009/node/836:
אלון פאר - פיתוח אתרים
עיקבו אחרי בטוויטר
אלון, מדובר בשימושיות
אלון, מדובר בשימושיות usability ולא בהוכחות לבית המשפט...
אף אחד לא יקרא את כל המלל בעמוד שהפניתי אותי אליו.
צריך שיהיה לינק ברור בתפריט הראשי: "האירועים שלי" שיוביל לסימניות. בפעם הראשונה כאשר הרשימה ריקה, יוסבר ליוזר שעדיין לא בחר אירועים ויוצג בפניו לינק לדף האירועים. ליד כל אירוע צריך לינק ברור "הוסף לאירועים שלי".
אנשים לא קוראים מלל הסבר ארוך, גם אם מאוד השקעת בו (והשקעת!)
נא קבל כביקורת בונה.
| פרקטיקול - בונים לך אתר דרופל | קורס דרופל! | עזרה מידית בקבוצה שלנו בפייסבוק! | מכללת קוד פתוח
עמוד ההסבר ועוד...
הי אמיר,
אני כתבתי את עמוד ההסבר, ולא אלון, אז אל תאשים אותו :) העמוד הזה הוא סוג של עמוד "עזרה", נועד לקריאה אקסטרה, למי שרוצה להתעמק בכל הפונקציונליות האפשרית, או למי שמסתבך. אני ממש לא מצפה מכל מי שנכנס לאתר לקרוא אותו... בכל מקרה תודה על הביקורת.
יש. גם בתפריט הראשי - תחת "תכניה", יש "תכניה אישית", וגם בעמודים פנימיים יש לינק לסימניות, בבלוק הצדדי.
לעניין התרגום, אני חייבת לציין שהתרגום היה סיוט. השתמשתי בכל השיטות האפשריות, גם תרגום לייב (עם Localization Client), גם בתרגום מחרוזות, גם הוספנו משתנים ל settings.php, בכל פעם צריך לנחש איפה לתרגם את המחרוזת הסוררת. ועדיין יש מילים או שדות שזקוקים לטיפול מיוחד, שלא לדבר על כך שכל שינוי דרש תרגום מחדש. ביזבזתי שעות רבות על התרגום, ויש עוד עבודה. במובן הזה קצת התאכזבתי מ i18n. לדעתי ממשק תרגום צריך להיות אחד, שמטפל בהכל.
ולעניין "האולמות הבאים" - תודה, קיבלנו את ההערה הזו מעוד אנשים, אנחנו מחפשים פיתרון ויזואלי לנושא.
+++++++++++++++++++
תום גמליאלי - בניית אתרים
בלוג ופורטפוליו
היי. לדעתי באתר כזה אם מישהו
היי.
לדעתי באתר כזה אם מישהו אחד לא ראה הלינק - זה מספיק כדי לקבוע שהוא לא בולט. אני מדגיש - באתר כזה שהוא ספציפי לנושא מסוים ולעונה מסוימת (עונת הפסטיבל בעיקר). כמובן שבאתר רישות חברתי זה לא נכון כי אנשים מגלים את התכונות הרבות לאט לאט ונהנים לגלות אותן. אבל באתר כמו של הפסטיבל, פיצ'ר מדליק כמו "האירועים שלי" צריך לצעוק: "אני כאן! תלחצו עליי!". כנ"ל לגבי לינק בפריט תוכן עצמו: "הוסף אותי לרשימת האירועים שלך!"
טוב, חפרתי לכם מספיק. מיציתי.
בקשר לעמוד עזרה, אם הוא כזה, הוא צריל להיות מוגדר ככזה ונראה ככזה. לי הוא נראה כמו עמוד תוכן.
אמיר
| פרקטיקול - בונים לך אתר דרופל | קורס דרופל! | עזרה מידית בקבוצה שלנו בפייסבוק! | מכללת קוד פתוח