עיצוב אתרי אינטרנט מבוססי Microsoft SharePoint

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

02/02/2011

סביבת Microsoft SharePoint

• SharePoint Foundation - תשתית הטכנולוגית של סביבת SharePoint.
• SharePoint Server - שרת מבוסס SharePoint Foundation לניהול אתרים וכולל יכולות כדוגמת ניהול תוכן ארגוני, בינה עסקית, חיפוש ארגוני ופרופילים אישיים.
• SharePoint Designer – אפליקציה לעיצוב, בנייה והתאמה אישית של אתרי אינטרנט שפועלים בסביבת SharePoint.
• SharePoint Workspace – אפליקציה לשולחן עבודה שמשמשת לניהול תכנים באתר במצב לא מקוון וביצוע סנכרון ברגע המעבר למצב מכוון.

למידע נוסף אודות סביבת ה- SharePoint גלשו לאתר המוצר.

אודות SharePoint Designer

תוכנת Microsoft SharePoint Designer נועדה לעיצוב אתרים ויישומים הפועלים בסביבת SharePoint ומשמשת לבנייה ולהתאמה אישית של הסביבה בהתאם לצרכי האתר אותו מקימים.

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

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

עיצוב ממשק המשתמש בסביבת SharePoint

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

אפליקציית SharePoint Designer מאפשרת ליישם באתר האינטרנט את עיצוב המותג – לוגו החברה, סכימת צבעים, כותרות עליונות וכותרות תחתונות, שילוב תמונות, התאמת מנגנוני הניווט והתמצאות וכדומה. אך לעיתים מנגנונים מובנים אלו לא מספיקים ולכן סביבת ה- SharePoint מאפשרת לבצע התאמה מעמיקה יותר באמצעות הגדרות של דפי בסיס, פריסות דף וגיליונות סגנונות מדורגים (קבצי css), ובמידה ומדובר ברשת היררכית של מספר אתרים ניתן ליישם תכונות של הורשת עיצוב בין האתרים השונים. אבני היסוד לניהול ממשק המשתמש הן:

1. דפי בסיס
   כלי חזק הנו יצירת דפי בסיס (נקרא גם Templates) אשר מכתיבים את עיצוב הכללי והאחיד דפי האתר שמשתמשים בהם. דף מוצג לגולש מהווה איחוד של דף הבסיס (שכולל בד"כ את התפריטים, אמצעי הניווט וכדומה) עם דף התוכן שמספק את התכנים היחודיים לעמוד זה.
2. פריסות דף
   פריסות דף משמשות כתבניות עבור עמודי תוכן שנוצרים על ידי עורכי תוכן שונים בחברה ובנוסף לדפי הבסיס מספקות בקרה והגדרות פרטניות שמכתיבות את מבנה העמוד ומיקומי התכנים (כדוגמת כותרת, גוף המלל והגרפיקה בעמוד). באמצעות פריסות דף נעשית הפרדה בין התוכן לבין אופן הצגתו כך שבעתיד ניתן לבצע שינויים ויזואליים ללא צורך לגעת בתכני האתר.
3. גליונות סגנונות מדורגים (CSS)
   ריכוז הגדרות העיצוב בקבצי גליונות סגנונות מדורגים (css) ושימוש חוזר בהגדרות לאורך דפי האתר מבטיחים אחידות ויזואלית של צבעים, מיקומי תמונות וכדומה. כלי ה- SharePoint Designer כולל עורך רב עוצמה לביצוע הגדרות css.

דוגמאות עיצוב בסביבת SharePoint שבוצעו על ידינו

סיכום

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