תכנים אחרונים: אתר

בנוי על דרופל 5,

אתגרים מיוחדים במהלך הפיתוח-

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

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

*הרחבות מודולים ל webcasts ו podcasts (קישורים ל iTune).
אפשרות קלה למנהל להוסיף תכנים מסוג זה וללקוחות לבצע השמעה ישירות מהאתר.

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

הנה אתר עברי נוסף שרץ על דרופל - אתר המנשאים הישראלי.

האתר רץ על דרופל 6, מעל גירסא צבעונית של גרלנד, שמגיעה עם דרופל בעצמו, עם תוספות קלות. את כל השינויים עשיתי בקובץ CSS נפרד, והשתמשתי באפשרות להגדיר stylesheets בעיצוב.

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

כמו כן, נעשה שימוש ב ie7-js, לצורך התאמת אקספלורר 6 לתמונות שקופות חלקית.

מודולים מותקנים ומופעלים:

• Weight - כדי לשלוט על סדר המאמרים ברשימות השונות
• Image - הכנסת תמונות וגלריה
• Image Gallery - גלרית תמונות. יש לו אינטגרציה יפה עם thickbox (עוד לא מפורסם באתר)
• DHTML Menu - תפריטים המאפשרים גם 2 רמות אבל לא דורשים קואורדינצית עכבר מדויקת (כמו nice menus) ומצד שני לא מעדכנים דף שלם בשביל לפתוח תפריט משני כמו ברירת המחדל של דרופל.
• XML sitemap - נו, יש עוד מישהו שלא משתמש בזה? כל שינוי מגיע לגוגל תוך שתי שניות וגוגל בא לבדוק 4 שניות אחרי כן.. הכרחי..לדעתי אמור לעבוד גם עם יאהו אבל עוד לא בדקתי.
• IMCE - הכנסת תמונות מתוך TinyMCE
• Simplenews - כדי שמשתמשים יוכלו להרשם ולקבל עלוני עדכונים מפעם לפעם. העלון נכתב כמו פוסט רגיל ונשלח לכל המנויים. הרישום נעשה לאחר ווידוא הכתובת ואישור הרישום (באמצעות hash), ובכל עלון מצורף קישור להסרת הרישום, כמקובל. המודול הזה מתורגם במלואו לעברית כרגע, ולמרות 2 פאצ'ים שהייתי צריך לעשות לו, הוא עובד יפה.
• TinyMCEFCKEditor - למרות שאני בעצמי מסתייג מעורכים גרפים מתוחכמים מדי, מי שממלא את התוכן נהנה ממנו. מאוד חסרה האפשרות לכבות אותו כמו בדרופל 4.
• Thickbox - כרגע עוד לא בשימוש מסיבי באתר, מי שרוצה לראות יכול לראות אותו עובד בעמוד אחד בינתיים.

חוץ מזה גם הכנסתי בועות הסבר (לא כמודול) - הסבר ודוגמא.

כמה נקודות:

• לי עוד לא ברור מהו הפתרון הכי נכון להכנסת תמונות לתוך פוסטים בדרופל. השילוב בין IMCE ל- tinymce אולי הכי נחמד אבל לא עובר ולידציה, כיוון שתמונות אמורות להסתדר כ float ולא כ align, ע"פ ה-w3c.
• שוב, TinyMCE ומלחמתו בסטנדרטים.. אני משתדל שכל העיצוב יישב בקובץ CSS נפרד. במקומות בהם נדרשת עבודה עם div ו-class (כמו למשל סידור בשני טורים, סידור אלמנטים לפי הרוחב הזמין) אין ברירה אלא לעבוד עם קוד HTML. גם כאן לא ברורה לי דרך המלך.
• שבירות הטקסט של דרופל לקדימונים (teasers) (כמעט לא משתמשים בשבירה האוטומטית, אלא באמצעות <break> בעורך הגרפי) - גם הם לא בדיוק ידידותיות לסטנדרטים..
• עדיין לא עשיתי את השימוש המתבקש ב cck ו-views באתר, אבל אני בדרך לשם. כשמבנה התוכן באתר יתבהר מעט, אעבור לעבוד בצורה יותר מבנית (ויותר פשוטה, ופחות חשופה לטעויות אנוש).
• משום מה, באקספלורר, כאשר העכבר מרחף מעל קישור באיזור התוכן, חלק מהעיצוב זז שמאלה, והפינה הימנית עליונה משוכפלת. מה שמגניב זה שזה לא חוזר כמו שהיה קודם לאחר שהעכבר זז... זה לא קורה בגרלנד המגויר הרשמי, אבל אם מישהו יכול לתת עצה איפה לחפש, אשמח. אני אישית נואשתי מלהבין איך הדפדפן הזה פועל - אני מקווה שבמיקרוסופט יודעים..

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