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

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

תוספים של 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:‏ Teams List

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