ממשקים מבוססי-כרטיסים

דוגמה לכרטיס תוסף

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

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

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

תוספים של Google Workspace המובנים ב-Apps Script משתמשים בשירות הכרטיסים כדי ליצור ממשקי משתמש באמצעות כרטיסים. תוספים המובנים בשפות אחרות חייבים להחזיר קובץ JSON בפורמט תקין כדי שהממשק יוכל להופיע ככרטיסים.

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

היתרונות של ממשקים מבוססי כרטיסים:

  • לא נדרש ידע ב-HTML או ב-CSS כדי ליצור ממשקים מבוססי כרטיסים.
  • הכרטיסים והווידג'טים מעוצבים באופן אוטומטי כך שיפעלו היטב עם האפליקציות של Google Workspace שהן מרחיבות.

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

יצירת ממשקים מבוססי כרטיסים

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

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

  • המדריך למתחילים: תוסף Google Workspace 'Cats'

    הדוגמה הזו של התוסף מציגה ממשק משתמש פשוט של תוספים ל-Google Workspace עם מספר דפים ודפי בית.

  • תוסף Google Workspace: "Translate

    הדוגמה הזו של התוסף מציגה תוסף ל-Google Workspace שמאפשר למשתמשים לתרגם טקסט מתוך Docs , Sheets ו-Slides.

  • תוסף Google Workspace: 'רשימת הצוותים'

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