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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  • תוסף Google Workspace: "Translate"

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

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

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