‫פיתוח מנהיגות טכנולוגית וניהול ידע ‪CTM-Ed‬‬

‫פיתוח מנהיגות טכנולוגית וניהול ידע ‪CTM-Ed‬‬

‫קריטריונים לעיצוב‬

‫בשלב עיצוב ממשק המשתמש נרצה לעבוד לפי הקווים המנחים הבאים‪:‬‬
‫פשטות – נרצה לעצב את המוצר ידידותי למשתמש ככל האפשר‪ ,‬אם צריך להסביר כיצד‬ ‫‪-‬‬
‫להשתמש במוצר‪ ,‬כנראה שמשהו לא ברור!‬
‫סטאטוס – מה מצב המערכת ברגע נתון ומהן האפשרויות העומדות בפני המשתמש‬ ‫‪-‬‬
‫באותו רגע‪.‬‬
‫עקביות – נשמור על אותה שפת עיצוב בכל דפי התוכנה‪.‬‬ ‫‪-‬‬
‫משוב – נעדכן את המשתמש לאחר פעולות שהוא מבצע במערכת ע"י משוב (חלונית‬ ‫‪-‬‬
‫שתיפתח‪ ,‬התראה וכד')‪ .‬לדוגמא שמירת קובץ תקפיץ חלון שיודיע למשתמש כי הפעולה‬
‫הסתיימה‪.‬‬
‫חווית המשתמש – מה רצון המשתמש? מה יגרום למשתמש שלי להיות שמח?‬ ‫‪-‬‬
‫שיפור תהליכים – כאשר נבין מה המשתמש רוצה וצריך‪ ,‬נוכל להעניק לו את הפתרון‬ ‫‪-‬‬
‫הטוב ביותר‪ .‬אנחנו לא יכולים לנחש מה המשתמש רוצה‪ ,‬לשם כך נרצה לראיין את‬
‫המשתמש‪ ,‬לשמוע הצעות ממנו ולהשתפר‪.‬‬
‫גדלי מסך – נרצה להתחשב בגדלי המסך השונים (דסקטופ‪ ,‬סמארטפון‪ ,‬טאבלט)‪,‬‬ ‫‪-‬‬
‫המציגים את המסך בצורות שונות‪.‬‬
 ‫פיתוח מנהיגות טכנולוגית וניהול ידע ‪CTM-Ed‬‬
‫‪ - Wix‬מדריך למשתמש‬
‫‪ .1‬איך מתחילים?‬
‫דבר ראשון‪ ,‬נכנס לכתובת ‪ www.wix.com‬ונתחיל תהליך יצירת משתמש חדש ע"י לחיצה‬
‫על כפתור ה‪.“Get Started”-‬‬

‫מיד נעבור לעמוד הבא‪ ,‬בו נכניס את הפרטים שלנו וניצור את המשתמש החדש (ניתן גם‬
‫ללחוץ על ”‪ “Continue with Facebook/Google‬כדי לבצע רישום אוטומטי בקלות)‪.‬‬
 ‫פיתוח מנהיגות טכנולוגית וניהול ידע ‪CTM-Ed‬‬
‫לאחר ההרשמה‪ ,‬נרצה להתחיל ליצור את האתר שלנו‪.‬‬
‫תחילה יפתחו בפנינו שתי האופציות הבאות‪:‬‬
‫‪ .1‬לתת ל‪ Wix-‬ליצור עבורנו את האתר‪.‬‬
‫‪ .2‬ליצור את האתר בעצמנו‪.‬‬
‫מי שכבר הספיק להתעייף מהמדריך מוזמן לבחור באופציה הראשונה‪ ,‬אנחנו כמובן נבחר‬
‫באופציה השניה‪.‬‬
‫נלחץ על ”‪ “Choose a Template‬לבחירת תבנית עיצוב האתר‪.‬‬
 ‫פיתוח מנהיגות טכנולוגית וניהול ידע ‪CTM-Ed‬‬
‫כעת נרצה לבחור תבנית עיצוב לאתר שלנו‪ ,‬אתר ‪ Wix‬מכיל המון אפשרויות מדהימות‬
‫לתבנית עיצוב‪ .‬בחרו את זו שמוצאת חן בעינכם‪ ,‬תעמדו עליה ולחצו על הכפתור ”‪.“Edit‬‬
‫*שימו לב שהתוכן בתבניות שמוצגות בפניכם הוא זמני ורק לצורך המחשת העיצוב‪ ,‬לכן בחרו‬
‫לפי העיצוב ולא לפי נושא האתר המוצג‪/‬תוכנו‪.‬‬

‫לאחר בחירת התבנית‪ ,‬נגיע לאיזור העריכה‪ .‬עם כניסתכם הראשונה יקפוץ חלון ובו סרטון‬
‫קצר על העורך של ‪( Wix‬מומלץ לצפות בו)‪.‬‬
 ‫פיתוח מנהיגות טכנולוגית וניהול ידע ‪CTM-Ed‬‬
‫‪ .2‬יצירת האתר‬
‫כעת ניצור אתר עבור התוכנית לפיתוח מנהיגות טכנולוגית ועתידנות ‪ CTM-Ed‬של ‪.Ness‬‬
‫נרצה שהאתר שלנו יכיל את הדפים הבאים‪:‬‬
‫‪ .1‬כניסת משתמשים – כאשר למערכת שלנו יהיו שלושה משתמשי קצה‪:‬‬
‫‪ .a‬תלמיד‬
‫‪ .b‬מדריך‬
‫‪ .c‬מנהל מערכת‬
‫לכל משתמש נקצה הרשאות שונות בהתאם לתפקידו‪ ,‬ואזור אישי‪.‬‬
‫‪ .2‬מידע למשתמשים חדשים – עבור תלמידים המעוניינים להצטרף לתכנית‪.‬‬
‫‪ .3‬טופס להשארת פרטים למשתמשים חדשים‪.‬‬

‫‪:Header & Footer‬‬

‫רוב האתרים מכילים ‪ Header‬ו‪ ,Footer-‬שמגדירים את החלק העליון והחלק התחתון‬
‫(בהתאמה) של כל עמוד באתר‪ .‬הם נשארים קבועים ומהווים את השלד של כל דף באתר‪.‬‬
‫בדרך כלל נרצה שה‪ Header-‬יכיל את הלוגו של האתר (באמצעותו ניתן לחזור לעמוד‬
‫הראשי); כפתור התחברות‪/‬התנתקות (במידה ויש); את התפריט הראשי; וכל קישור‪/‬מידע‬
‫אחר שנרצה שיהיה זמין בכל רגע בזמן הגלישה‪ .‬בנוסף ה‪ Header-‬בדרך כלל נשאר סטאטי‬
‫לאורך כל העמוד עם תנועת הגלגלת‪.‬‬
‫ה‪ Footer-‬מסמל את סוף העמוד‪ ,‬לכן כאשר המשתמש מגיע ל‪ Footer-‬הוא סיים לעבור על‬
‫העמוד הנוכחי‪ .‬נרצה ש‪ Footer-‬יכיל גם כן את התפריט עצמו לניווט מהיר; מידע ליצירת קשר‬
‫(מספר טלפון‪ ,‬כתובת מייל וכד'); ואת הלוגו של האתר שוב (באמצעותו ניתן לחזור לעמוד‬
‫הראשי)‪.‬‬
 ‫פיתוח מנהיגות טכנולוגית וניהול ידע ‪CTM-Ed‬‬
‫‪Header‬‬

‫תחילה נרצה לערוך את הלוגו ולשנות אותו ללוגו שיצרנו למערכת שלנו‪ .‬נמחק את הלוגו‬
‫שהתבנית מציעה ונשים במקומה את הלוגו שלנו‪ .‬נעשה זאת ע"י לחיצה על ”‪ “Add‬בסרגל‬
‫הכלים מצד שמאל‪ .‬לאחר הלחיצה נקבל את כל האפשרויות הבאות להוספת תמונה חדשה‪:‬‬

‫נלחץ על ”‪ .“Image‬לאחר מכן נוכל לבחור באחת מהאפשרויות‪:‬‬

‫‪ – My Uploads .1‬העלאת תמונות מהמחשב‬
‫‪ – Image Collections .2‬מאגרי התמונות ש‪ Wix-‬מעניקה בחינם למשתמשים‬
‫‪ – My Social Images .3‬בחירת תמונה דרך הרשתות החברתיות‬
 ‫פיתוח מנהיגות טכנולוגית וניהול ידע ‪CTM-Ed‬‬
‫נבחר באפשרות הראשונה ‪ My Uploads -‬להעלאה מהמחשב ויפתח לנו החלון הבא‪:‬‬

‫נבחר את התמונה ונלחץ על כפתור ה‪ “Add to Page” -‬בפינה הימנית התחתונה של החלון‪.‬‬
‫נוסיף כך את הלוגו שנרצה ונמקם במקום שנרצה בדף ונקבל‪:‬‬
 ‫פיתוח מנהיגות טכנולוגית וניהול ידע ‪CTM-Ed‬‬
‫נוכל לראות שהרקע של הלוגו שלנו שונה מהרקע שעליו מיקמנו אותו‪ ,‬ונרצה לשנות את זה‪.‬‬
‫לשם כך נלחץ על התמונה שהוספנו‪:‬‬

‫נראה שמתחת לתמונה מופיעים כמה אייקונים המייצגים פעולות שניתן לבצע על התמונה‪,‬‬
‫נבחר באייקון הראשון "‪ - "Settings‬ומיד יופיע החלון הבא‪:‬‬
 ‫פיתוח מנהיגות טכנולוגית וניהול ידע ‪CTM-Ed‬‬
‫נלחץ החלון שיפתח על כפתור ה‪ “Adjust” -‬ויפתח לנו חלון עריכת תמונה‪:‬‬

‫נעבור במהירות על האפשרויות העמודות בפנינו כאן‪.‬‬

‫‪:Editing Tools‬‬
‫‪ – Crop & Resize‬אפשרות לחתוך חלק מהתמונה‪/‬לשנות את גודל התמונה‬ ‫‪-‬‬
‫‪ – Enhance‬משפר אוטומטית את בהירות וניגודיות התמונה‬ ‫‪-‬‬
‫‪ – Filter‬הוספת פילטר לתמונה‬ ‫‪-‬‬
‫‪ – Cut Out‬מאפשר לגזור חלקים מהתמונה (נשתמש בכלי זה בעיקר על מנת להוריד‬ ‫‪-‬‬
‫את הרקע של התמונה)‬
‫‪:Add an Element‬‬
‫‪ – Text -‬הוספת טקסט לתמונה‬
‫‪ - Overlay -‬הוספת אפקטים לתמונה (צל‪ ,‬השתקפות וכו')‬
‫‪ – Background -‬מאפשר לשנות את רקע התמונה‬
‫נחזור לאתר שלנו‪ .‬נרצה למחוק את רקע התמונה כדי שיהיה שקוף ויתאים לרקע האתר‪ .‬לשם‬
‫כך נבחר ב‪ Cut Out-‬ונלחץ על כפתור ה‪ Auto Cut Out -‬ומיד אח"כ על ‪.Save‬‬
 ‫פיתוח מנהיגות טכנולוגית וניהול ידע ‪CTM-Ed‬‬
‫עכשיו כאשר נחזור למסך העריכה נוכל לראות כי הרקע האפור של הלוגו נמחק‪.‬‬

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

‫כעת נלחץ על האייקון ”‪( “Link‬בצורת שרשרת) ומיד יפתח לנו החלון הבא‪:‬‬
 ‫פיתוח מנהיגות טכנולוגית וניהול ידע ‪CTM-Ed‬‬
‫בצד שמאל ניתן לראות את כל אפשרויות הקישור הקיימות בפנינו‪ .‬כדי לבחור דף מתוך האתר‬
‫עצמו נסמן את האפשרות ”‪ ,“Page‬שם ניתן לבחור דף ‪ -‬נבחר את ‪ ,Home‬וניתן לבחור איך‬
‫יפתח העמוד אחרי הלחיצה (בחלון נפרד או באותו חלון)‪.‬‬
‫נרצה להוסיף ל‪ Header-‬של האתר שאנחנו יוצרים גם אפשרות התחברות‪.‬‬
‫התבנית שבחרנו כבר מכילה אפשרות להתחברות‪ ,‬נלחץ על אזור ההתחברות כדי לערוך אותו‬
‫ואז על ”‪.“Set Up Login Bar‬‬
‫במידה ולא קיים‪ ,‬ניתן ליצור חדש‪ ,‬כך‪Add > Members > Login Bar :‬‬

‫בהגדרות ההתחברות ניתן לבחור‪:‬‬

‫‪ .1‬איך נציג את המשתמש המחובר‪ :‬ע"י תמונת פרופיל‪+‬שם משתמש‪/‬ע"י תמונת פרופיל‬
‫בלבד‪ /‬ע"י שם משתמש בלבד‪.‬‬
‫‪ .2‬מה יהיה כתוב לפני ביצוע ‪ :Log in‬נרצה שהממשק יהיה ברור ככל האפשר‬
‫למשתמש‪ ,‬לכן במידה וכתוב ‪ Log In‬זוהי אינדיקציה למשתמש שהוא לא מחובר‬
‫למערכת ועליו לבצע התחברות‪.‬‬
‫‪ .3‬מה יהיה כתוב על כפתור ה‪.Log Out -‬‬
‫פיתוח מנהיגות טכנולוגית וניהול ידע ‪CTM-Ed‬‬
‫‪ – Members signup settings .4‬הגדרות עבור יצירת משתמש חדש‪.‬‬
‫‪ – Manage site members .5‬ניהול משתמשי המערכת‪.‬‬
‫נרצה ליצור שלושה סוגי משתמשי מערכת‪:‬‬
‫‪ .1‬תלמיד‬
‫‪ .2‬מדריך‬
‫‪ .3‬מנהל מערכת (‪)Admin‬‬
‫נלחץ על ‪ Manage site members‬ונעבור לחלון הבא‪:‬‬

‫נלחץ על ‪Member Permissions‬‬

 ‫פיתוח מנהיגות טכנולוגית וניהול ידע ‪CTM-Ed‬‬
‫מיד לאחר מכן‪ ,‬נלחץ על ‪ New Role‬וניצור את סוגי המשתמשים שלנו‪ .‬נוסיף את‬
‫המשתמשים החדשים שנרשמו בהתאם להרשאות שנרצה לתת ע"י לחיצה על ‪Set‬‬
‫‪.Permissions‬‬
‫שימו לב שכדי להגדיר הרשאות עלינו להגדיר תחילה דפים שיהיו רק למשתמשים שמוגדרים‬
‫כ‪( Members-‬כלומר‪ ,‬רק מי שיש לו חשבון כלשהו באתר שלנו)‪.‬‬
‫כדי להגדיר דף מסויים להיות רק למשתמשי המערכת נלחץ על ‪ Pages‬בסרגל הכלים מצד‬
‫שמאל > נבחר את התיקייה בה נמצא הדף שנרצה להוסיף למשתמשים > נבחר את הדף >‬
‫‪. Members Only > Permissions‬‬
 ‫פיתוח מנהיגות טכנולוגית וניהול ידע ‪CTM-Ed‬‬
‫‪Footer‬‬

‫גם כאן‪ ,‬נרצה לשנות את הלוגו ללוגו שלנו‪ .‬נעשה זאת כפי שעשינו עבור ה‪.Header-‬‬
‫כדי לצרף את התמונה נבחר ב‪ .“Move To Footer” -‬גם כאן ניצור לוגו שיחזיר אותנו לעמוד‬
‫הראשי‪.‬‬
 ‫פיתוח מנהיגות טכנולוגית וניהול ידע ‪CTM-Ed‬‬
‫דף הבית‬
‫לפני שנקפוץ מיד לעיצוב דף הבית‪ ,‬נרצה לשקול את הנקודות הבאות‪:‬‬
‫‪ -‬דף הבית הוא העמוד הראשי של האתר‪ ,‬זה העמוד שיראה המשתמש בפעם‬
‫הראשונה שהוא גולש באתר‪ ,‬לכן דף הבית צריך להיות הכי מרשים ומזמין‪.‬‬
‫‪ -‬נרצה לשמור את דף הבית קליל ומזמין ככל האפשר – יותר תמונות או סרטונים ופחות‬
‫טקסט עמוס מידע‪.‬‬
‫‪ -‬מה יהיה תוכן האתר? מהן הקטגוריות העיקריות שיופיעו בתפריט הראשי?‬
‫נרצה לשמור את הדף הראשי נקי ככל האפשר ועם זאת שיהיה ברור למשתמש חדש מה עליו‬
‫לעשות או איפה הוא יכול למצוא מידע נוסף‪.‬‬

‫בדוגמא שלנו‪ ,‬נרצה לאפשר למשתמשים חדשים (תלמידים המתעניינים בתוכנית) למצוא‬
‫מידע נוסף בקלות וגם לאפשר הרשמה לתוכנית‪/‬יצירת קשר לצורך הרשמה‪ .‬נרצה לעשות‬
‫זאת בצורה שתמשוך את המשתמשים החדשים ללחוץ על הקישור‪ ,‬נעשה זאת ע"י תמונה‬
‫מעניינת‪ ,‬סרטון וכד'‪ .‬זה חלק מהדף הראשי של תבנית שבחרנו‪:‬‬

‫נרצה לערוך את התמונה והטקסט ולהתאים אותו למה שאנחנו רוצים להציג למשתמש‪ .‬נרצה‬
‫כאן לאפשר למשתמש החדש לקבל מידע על התוכנית‪ ,‬כלומר נרצה להוסיף כאן קישור‬
‫לעמוד מתאים (אותו ניצור בנפרד) ולכתוב כמה מילים כדי שיהיה ברור שלחיצה על הכפתור‬
‫תאפשר להם לקבל מידע נוסף‪.‬‬
‫זכרו שכל דבר ניתן לערוך בתבנית שבחרתם ע"י לחיצה על הפריט אותו תרצו לשנות‪.‬‬
 ‫פיתוח מנהיגות טכנולוגית וניהול ידע ‪CTM-Ed‬‬
‫תחילה נרצה לשנות את התמונה‪ ,‬לחיצה עליה תפתח אפשרויות נוספות‪ .‬נבחר באפשרות‬
‫”‪.“Change Strip Background‬‬

‫נוכל כעת לבחור מבין התמונות האחרות שהכלי‬

‫מאפשר לנו‪ ,‬להעלות תמונה בעצמנו או להשאיר את‬
‫התמונה הנוכחית‪.‬‬
‫נלחץ על ”‪ “Image‬על מנת לבחור תמונה אחרת‬
‫בעצמנו‪.‬‬
‫לאחר בחירת התמונה הרצויה נרצה לערוך את הטקסט‬
‫הריבוע הסגול‪.‬‬

‫נתחיל בכותרת ”‪ ,“Back to School‬נלחץ עליה ואז יפתח החלון הבא‪:‬‬

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

‫הדבר האחרון שנרצה לעשות בשלב זה הוא לשנות את‬

‫הקישור ואת הטקסט שמופיע על הכפתור‪.‬‬
 ‫פיתוח מנהיגות טכנולוגית וניהול ידע ‪CTM-Ed‬‬

‫לשם כך נלחץ על הכפתור אותו נרצה לערוך‪ ,‬כדי לערוך את הטקסט נלחץ על ‪“Change‬‬
‫”‪ ,Text‬לאחר מכן יפתח החלון הבא‪:‬‬
‫נוכל לשנות את הטקסט‬
‫שמופיע על הכפתור וכן‬
‫גם לשנות את הקישור‬
‫ולהגדיר שישלח אותנו‬
‫לעמוד אחר‪.‬‬
‫נרצה שהכפתור יוביל‬
‫לעמוד אחר באתר‬
‫שנערוך בהמשך ונהפוך‬
‫אותו לעמוד מידע נוסף‪.‬‬
‫לכן‪ ,‬נלחץ על אובייקט‬
‫הכפתור ואז נלחץ על אייקון השרשרת‪.‬‬
 ‫פיתוח מנהיגות טכנולוגית וניהול ידע ‪CTM-Ed‬‬

‫מיד יופיע החלון הבא‪:‬‬

‫את החלון הזה כבר פגשנו כשרצינו לקשר את הלוגו לעמוד הראשי‪.‬‬
‫עכשיו נרצה לקשר את הכפתור לעמוד אחר באתר‪ ,‬אותו נעצב על מנת לתת מידע‬
‫למתעניינים חדשים‪ .‬נבחר את אחד העמודים שמצאו חן בענינו (לצורך המדריך נבחר בעמוד‬
‫‪ Students‬אותו נערוך מיד)‪.‬‬
‫בנוסף נרצה שהדף הראשי יכיל גם קישור ליצירת קשר‪/‬השארת פרטים‪ .‬לשם כך נערוך את‬
‫האיזור הבא בתבנית שקיבלנו‪:‬‬
 ‫פיתוח מנהיגות טכנולוגית וניהול ידע ‪CTM-Ed‬‬
‫הפעם נרצה שהכפתור עליו ילחץ המשתמש החדש יוביל אותו לעמוד המתאים בו ניצור טופס‬
‫יצירת קשר‪ .‬תחילה נערוך את הטקסט והתמונה ונקבל‪:‬‬

‫נרצה להגדיר שהכפתור יוביל לעמוד יצירת קשר – אותו ניצור מיד‪ ,‬לכן נבחר את אחד‬
‫העמודים שהכי מתאים לצרכים שנרצה (יקל עלינו ביצירת העמוד) ונערוך אותו לאחר מכן‪.‬‬
‫לשם כך נבחר את העמוד הזה להיות עמוד ה ‪.Contacts‬‬
‫את הקישור לעמוד ה‪ Contacts-‬נעשה באופן דומה לקישור של כפתור המידע נוסף‪.‬‬
 ‫פיתוח מנהיגות טכנולוגית וניהול ידע ‪CTM-Ed‬‬
‫יצירת קשר‬
‫נעבור לדף ה‪ Contacts-‬של התבנית ונערוך אותו‪ ,‬נרצה שדף יצירת הקשר יכיל את הפרטים‬
‫ליצירת קשר בצורה עצמאית – מספר טלפון‪ ,‬כתובת‪ ,‬אימייל‪ .‬בנוסף נרצה להוסיף שם טופס‬
‫להשארת פרטים‪.‬‬
‫כדי לעבור לעמוד אחר נלחץ על ‪ Pages‬בסרגל השמאלי ונבחר את העמוד אליו נרצה לעבור‬
‫עכשיו‪ .‬לחיצה על ‪ Pages‬מאפשרת בנוסף יצירת עמודים חדשים‪.‬‬
‫התבנית שבחרנו מכילה טופס יצירת קשר בדף ה‪ Contacts-‬שלה‪ ,‬במידה והתבנית שבחרתם‬
‫לא מכילה טופס יצירת קשר – ניתן ליצור אחד חדש באופן הבא‪.Add > Strip > Contact :‬‬
‫ניתן לבחור מבין הדוגמאות ש‪ Wix-‬מציעה‪ .‬כדי להוסיף שדות נוספים לטופס שבחרתם‪ ,‬לחצו‬
‫על הטופס בדף העיצוב ‪Add New >-‬‬
‫‪.Field‬‬
‫כעת תוכלו לערוך את שדות הטופס‪,‬‬
‫להגדיר שדות חובה ואת עיצוב הטופס‬
‫ושדותיו‪.‬‬
 ‫פיתוח מנהיגות טכנולוגית וניהול ידע ‪CTM-Ed‬‬
‫נערוך את הטופס שקיבלנו‪:‬‬

‫נראה שהטקסט כתוב משמאל ימין‪ .‬כדי לשנות את כיוון הטקסט – נלחץ על "שם פרטי" ואז‬
‫נבחר באייקון ה‪ – layout-‬שם נוכל לשנות את כיוון הטקסט‪.‬‬

‫לאחר הכנסת כל הפרטים ילחץ המשתמש על הכפתור ‪ .Submit‬נרצה להציג הודעה‬

‫למשתמש בהתאם לתגובת המערכת‪ ,‬במידה והייתה בעיה עם הפרטים של המשתמש‬
‫לדוגמא‪ :‬המשתמש לא הזין שדה חובה בטופס – נרצה להקפיץ הודעת שגיאה‪ .‬אם הפרטים‬
‫נשלחו והפעולה עברה בהצלחה נרצה להודיע על כך גם כן למשתמש‪.‬‬
 ‫פיתוח מנהיגות טכנולוגית וניהול ידע ‪CTM-Ed‬‬

‫לחיצה על הטופס עצמו ואז ”‪ “Form Settings‬תאפשר הגדרת הודעות אלו ועוד דברים‬
‫נוספים‪ .‬לדוגמא‪ ,‬נרצה לקבל התראה שמשתמש חדש השאיר פרטים ליצירת קשר‪ ,‬לשם כך‬
‫נגדיר כתובת מייל שתקבל את ההתראות האלו ע"י לחיצה על ‪.Set Up Email Notifications‬‬
‫לחיצה על ‪ Submit Message‬תאפשר הגדרת הודעת תגובה למשתמש לאחר שליחת‬
‫הפרטים שלו‪.‬‬
 ‫פיתוח מנהיגות טכנולוגית וניהול ידע ‪CTM-Ed‬‬
‫מידע נוסף‬
‫באופן נעבור לדף ה‪ Students-‬של התבנית ונערוך אותו‪ .‬הדף שבחרנו נראה כך‪:‬‬

‫נערוך את הכותרת ע"י לחיצה על האובייקט ונתאים לדף אותו אנו מעצבים ‪" -‬מידע נוסף"‪.‬‬
‫נרצה שהעמוד הזה יכיל פסקה קצרה שתתאר את התוכנית וקישור לדף חיצוני‪ ,‬בו‬
‫המתעניינים יוכלו לראות דוגמא חלקית מתוך שיעור בתוכנית‪ .‬לשם כך נרצה לערוך את החלק‬
‫הבא בתבנית‪:‬‬
 ‫פיתוח מנהיגות טכנולוגית וניהול ידע ‪CTM-Ed‬‬
‫את הפסקה הרשומה בתבנית נחליף בפסקה המתארת את התוכנית‪:‬‬
‫"משך התכנית שנתיים ימים‪ ,‬כולל שני סמינרי קיץ‪ .‬במסגרת התוכנית התלמידים מקבלים הכשרה כמובילי מחקר ופיתוח פורץ‬
‫דרך בעולם ההיי‪-‬טק‪ .‬במהלך לימודיהם‪ ,‬התלמידים עוברים סדנאות וסימולציות בתכנים מגוונים כגון‪ :‬התיאוריה הסינגולארית‪,‬‬
‫מנהיגות‪ ,‬חשיבה יצירתית‪ ,‬טכנולוגיות בהשראת המוח‪ ,‬עבודת צוות‪ ,‬קריפטוגרפיה ואבטחת מידע‪ ,‬אתיקה ומוסר ופרזנטציה‪.‬‬
‫הם נחשפים לתחומי לימוד רבים כמו שיטות מחקר‪ ,‬ארכיטקטורת מערכות‪ ,‬התלכדות טכנולוגיות ובינתחומיות‪ ,‬בינה‬
‫מלאכותית‪ ,‬ניתוח ואפיון מערכות טכנולוגיות‪ ,‬פרדיגמות תכנות‪ .‬נושאי הלימוד מושתתים על שלושה ערכים מרכזיים‪ :‬עתידנות‪,‬‬
‫מנהיגות ובינתחומיות‪.‬‬

‫לקבלת תעודת בוגר של התכנית ‪ CTM-Ed‬על התלמידים להגיש בצוותים פרויקט גמר שמבוסס על רעיון פורץ דרך‪ .‬פרויקט‬
‫הגמר מורכב מתהליך הגיית רעיון פורץ דרך בצוות‪ ,‬עבודת מחקר אקדמאית‪ ,‬מסמך אפיון טכנולוגי‪ ,‬רכיב תוכנה והדמיה‬
‫גראפית‪".‬‬

‫כדי להחליף את כיוון הטקסט נלחץ בחלונית שנפתחה לאחר לחיצה על האובייקט שמכיל את‬
‫הטקסט‪ ,‬על הכפתור המסומן בתמונה‪:‬‬

‫כעת נרצה להוסיף כפתור שלחיצה עליו תוביל לדף חיצוני המכיל דוגמא חלקית משיעור‬
‫בתוכנית‪ .‬נלחץ על כפתור ה‪ Add-‬בסרגל הכלים השמאלי > ‪ > Button‬נבחר את הכפתור‬
‫שמוצא חן בעינינו ונוסיף אותו‪ .‬נרצה בנוסף לכתוב מלל למשתמש על מנת שיבין שלחיצה על‬
‫הכפתור תוביל לדוגמא משיעור‪ .‬הדוגמא בקובץ ‪ PDF‬נפרד‪.‬‬
 ‫פיתוח מנהיגות טכנולוגית וניהול ידע ‪CTM-Ed‬‬
‫לבסוף נרצה לקשר את לחיצת הכפתור לדף הרלוונטי‪ .‬לשם כך נלחץ על הכפתור > נלחץ על‬
‫אייקון השרשרת (‪ > Upload Media > Choose File > Document > )Link‬ננווט למיקום‬
‫המתאים בו יושב הקובץ הנ"ל‪ .‬נלחץ על ‪ Add to Page‬ונוסיף את הקישור‪.‬‬

‫בתבנית שבחרנו קיים אובייקט נוסף‪:‬‬

‫האובייקט הזה לא נחוץ לנו ולכן נסמן אותו ופשוט נלחץ ‪ Delete‬במקלדת‪.‬‬
 ‫פיתוח מנהיגות טכנולוגית וניהול ידע ‪CTM-Ed‬‬
‫לאחר מחיקת האובייקט ישאר רווח גדול בין סוף העמוד (‪ )Footer‬לבין האובייקט האחרון‬
‫שנרצה שיהיה בעמוד‪ .‬כדי להקטין את הרווח הזה נלחץ על איזור ה‪ Footer-‬ובעזרת אייקון‬
‫גרירה נוכל לגרור את ה‪ Footer-‬כלפי מעלה‪:‬‬

‫איזור אישי‬
‫את האיזור האישי יראה כל משתמש תחת התפריט שלו‬

‫יצירת תפריט ראשי‪:‬‬

‫לחיצה על התפריט הראשי > ‪ Manage Menu‬תפתח לנו החלון הבא‪:‬‬
 ‫פיתוח מנהיגות טכנולוגית וניהול ידע ‪CTM-Ed‬‬
‫נרצה להשאיר רק את הדפים שרלוונטים לאתר שלנו‪:‬‬
‫‪ .1‬הדף הראשי‬
‫‪ .2‬מידע נוסף‬
‫‪ .3‬יצירת קשר‬
‫נמחק את כל הדפים שלא רלוונטיים לנו ונוסיף את הדפים שיצרנו על ידי הכפתור ‪Add Menu‬‬
‫‪ .Item‬ערכנו את עמוד ה ‪ Contacts‬ויצרנו ממנו את העמוד "יצירת קשר"‪ ,‬לכן עלינו לשנות‬
‫את שמו כדי שיתאים לאתר שלנו‪ .‬נעמוד על ‪ Contacts‬ונלחץ על שלוש הנקודות שמופיעות‬
‫מימין‪ ,‬נבחר באפשרות ‪( Rename Page‬באופן דומה נשנה גם את דף ה‪ Home -‬ל"דף‬
‫הבית" ואת דף ה‪ Students-‬ל"מידע נוסף")‪.‬‬
‫שימו לב שהאפשרות ”‪ “Move To Submenu‬מאפשרת להכניס עמודים נוספים תחת‬
‫קטגוריה בתפריט הראשי כך‪:‬‬

‫הדבר האחרון שנותר לנו הוא לתקן את התפריט ב‪ Footer-‬בהתאם‪:‬‬

‫נוסיף את שמות הדפים שנותרו לנו בתפריט הראשי‪ .‬לחיצה על ‪ Edit Text‬תאפשר יצירת‬
‫קישור לטקסט המודגש (כמו בתמונה) ‪ -‬ע"י לחיצה על האייקון ”‪ ,“Link‬אחריו יפתח החלון בו‬
‫נוכל לבחור את הדף הרצוי (דף הבית)‪.‬‬
 ‫פיתוח מנהיגות טכנולוגית וניהול ידע ‪CTM-Ed‬‬

‫‪ .3‬שחרור האתר לאוויר‬

‫סיימנו ליצור את האתר‪ ,‬כל שנותר הוא ללחוץ על הכפתור ”‪ “Publish‬ולהעלות את האתר‬
‫לרשת! קישור לאתר‪:‬‬
‫‪https://rinatness1.wixsite.com/ness‬‬
 ‫פיתוח מנהיגות טכנולוגית וניהול ידע ‪CTM-Ed‬‬
‫הנחיות להמשך‬
‫מטרת המדריך היא להנחות אתכם כיצד להשתמש בפלטפורמת ‪ ,Wix‬בו תשתמשו בשלבים‬
‫הבאים בפרוייקט‪:‬‬
‫‪ .1‬מסכים עיקריים ‪ -‬במהלך כתיבת החוברת הרביעית למסמך האפיון‪ ,‬יהיה עליכם‬
‫להגדיר מבנה מסך כללי בממשק המשתמש‪ ,‬ניווט בין מסכים ולבסוף תידרשו להציג‬
‫מסכים עיקריים לדוגמא‪.‬‬
‫‪ .2‬מוקאפ למערכת אותו תידרשו לבנות בסמינר הקיץ‪.‬‬
‫שימו לב שאינכם נדרשים להשתמש ב‪ Wix-‬על‪-‬מנת ליצור את האתר שלכם‪ ,‬קיימות‬
‫פלטפורמות רבות בהן ניתן להשתמש וכמו כן ניתנת לכם גם האפשרות לכתוב את האתר‬
‫בעצמכם‪.‬‬

‫בהצלחה!‬