מאפייני המנוע הגרפי של הייפר

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

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


אופן פריסת השדות במסך

פריסה אנכית

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

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

פריסה רוחבית

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

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

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

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

פריסת שדות ללא עיצוב


מיצוב שדות ושורות הפרדה בממשק

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

בתמונה הבאה ניתן לראות פריסת שדות לאחר סידור ידני לרבות שורות הפרדה.

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

פריסת שדות לאחר מיצוב מחדש

להדרכה כיצד לבצע את מיצוב השדות והכותרות בממשק לחץ כאן.

שינוי עיצוב (Styling) לשמות שדות וכותרת שורת ההפרדה

כברירת מחדל המנוע הגרפי של תוכנת הייפר מצייר את השדות וקווי ההפרדה על פי הכללים הבאים:
  • כותרות קווי ההפרדה בצבע כחול.
  • שמות השדות בצבע גופן אפור כהה כאשר החלון אינו נעול בפני עריכה.
  • ערכי השדות בצבע כחול / סגול כאשר השדה זמין לעריכה.
  • כל השדות בצבע אדום כאשר החלון כולו נעול בפני עריכה.
  • גודל הגופן של שמות השדות הינו 12 בהתחשב בגודל התצוגה של מערכת ההפעלה.
    נציין כי הייפר מזהה את הגדרות ה-DPI באופן אוטומטי ולכן, גופן 12 יראה אותו דבר בכל מסך ובכל פלט מדפסת,
    גם כאשר משתנה הרזולוציה או ה- ZOOM המוגדר לאותו המחשב.

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

שינוי העיצוב אפשרי לביצוע דרך מנגנוני ה- SCRIPTS ו/או חלון עריכת השדות, והעיצוב עצמו יתבצע באמצעות תגיות ה- HTML הבאות:
תגית פעולה הערות
<br> ירידת שורה רלוונטי רק עבור עריכת מזכר. לא שמיש בשמות הכותרות או השדות
<B> </B> התחל הדגשה, סיים הדגשה
<U> </U> התחל קו תחתון, סיים קו תחתון
<S> </S> התחל קו חוצה, סיים קו חוצה
<Reset> מאפס עיצוב קודם לברירת המחדל של התוכנה לא דורש תגית סגירה
<DiffSize=#> מספר חיובי יגדיל את גודל הגופן לעומת ברירת המחדל,
מספר שלילי יקטין את גודל הגופן לעומת ברירת המחדל
רלוונטי עבור כותרות בלבד.
איפוס גודל הגופן לגודלו המקורי יתבצע על ידי התגית <Size/>
<Rtl> מקבע את כיוון תצוגת הטקסט מימין לשמאל ממשק התוכנה קובע אוטומטית את כיוון התצוגה על פי משקל וכמות המילים או ביטויים בטקסט / בשורה
תגית זו מבטלת את החלטת הממשק ומקבעת את כיוון תצוגת הטקסט מימין לשמאל לאותו השדה.
<Ltr> מקבע את כיוון תצוגת הטקסט משמאל לימין ממשק התוכנה קובע אוטומטית את כיוון התצוגה על פי משקל וכמות המילים או ביטויים בטקסט / בשורה
תגית זו מבטלת את החלטת הממשק ומקבעת את כיוון תצוגת הטקסט משמאל לימין לאותו השדה.
<Color=name או #RRGGBB> קובע את צבע הגופן שמות הערכים האפשריים ליישום בשם הצבע (name) הינם:
  black   /   white   /   red   /   yellow   /   silver   /   blue   /   gray   /   lime   /
  maroon   /   green   /   navy   /   olive   /   purple   /   teal   /   fuchsia   /   aqua  

את שאר הצבעים ניתן לקבוע על ידי הזנת התו # ולאחריו את ערך הצבע ב- HEX של 6 תווים סה"כ (RedGreenBlue).
לדוגמה: <color=red> או <color=fuchsia>
<BackColor=name או #RRGGBB> קובע צבע רקע לטקסט המוצג מאפשר את אותן ההגדרות החלות על התגית COLOR לעיל


הוספת תגיות וסמלים לשמות שדות וכותרות הפרדה

אפשרות נוספת להדגשת שדות וכותרות הפרדה היא באמצעות הוספת סמלים או תמונה (אייקון) לשם השדה / הכותרת.
שינוי העיצוב ניתן לביצוע דרך מנגנוני ה- SCRIPTS ו/או חלון עריכת השדות ובאמצעות תגיות ה- HTML הבאות:
תגית פעולה הערות
<Bullet> סמל העיגול שמיש בפרט בתוך מזכרים, אך אפשרי לישוום גם בשמות שדות וכותרות.
<Square> סמל הריבוע שמיש בפרט בתוך מזכרים, אך אפשרי לישוום גם בשמות שדות וכותרות.
<Arrow> סמל מצביע משולש שמיש בפרט בתוך מזכרים, אך אפשרי לישוום גם בשמות שדות וכותרות.
<Down=#> מספר חיובי מרים את הגופן (כתב עילי)
מספר שלילי מוריד את הגופן (כתב תחתי)
באמצעות תגית זו ניתן לייצר מרווח בין שורות, מכיוון שהוספת תגית זו בהתחלת השורה תגדיל את גודל השורה כולה.
איפוס הגדרות התגית ה- Down יתבצע על ידי התגית <Reset>
<HR> תו תחתון חוצה מצייר קו תחתון החוצה את כל השורה.
שמיש בתוך מזכרים ושמות כותרות בלבד.
<Image=name> הוספת אייקון מספריית האייקונים של תוכנת הייפר


קביעת שפת הממשק

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