יצירת עזר עבודה מסתעף בטוויין

37
( ההההה ההה הההההJobaid ) ההההה ההההtwine הההה הההה ההההה ההה הההההההההה ההההה,7.7.2015 הההה הההההההה ההההה

Upload: sarit-hayat-hudis

Post on 20-Jan-2017

316 views

Category:

Technology


8 download

TRANSCRIPT

Page 1: יצירת עזר עבודה מסתעף בטוויין

( Jobaidיצירת עזר עבודה )twineמסתעף בכלי

שרית חייט חודיס

7.7.2015כנס טכנולוגיות למידה, מכון טכנולוגי חולון

Page 2: יצירת עזר עבודה מסתעף בטוויין

| מכון טכנולוגי חולון2015כנס טכנולוגיות למידה שרית חייט חודיס ©

למה אתם כאן?

לא, ברצינות, למה אתם כאן

Page 3: יצירת עזר עבודה מסתעף בטוויין

| מכון טכנולוגי חולון2015כנס טכנולוגיות למידה שרית חייט חודיס ©

עם מה תצאו מכאן

עזר עבודה לדוגמה

Page 4: יצירת עזר עבודה מסתעף בטוויין

היופי של טוויין הואשאם אתם יכולים להקליד מילים,

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

-קיטי הורורשואו, יוצרת משחקי טוויין

Page 5: יצירת עזר עבודה מסתעף בטוויין

| מכון טכנולוגי חולון2015כנס טכנולוגיות למידה שרית חייט חודיס ©

מהו עזר עבודה?

עזר הדרכתי קצר וממוקד שמיועד לתמוך בביצוע תוך כדי העבודה

באדיבות רינתיה ברוכים-לוין

Page 6: יצירת עזר עבודה מסתעף בטוויין

| מכון טכנולוגי חולון2015כנס טכנולוגיות למידה שרית חייט חודיס ©

שימושים בעזר העבודה כל פעם שיש צורך להיתמך בביצוע עזרה ראשונה

הוא קיים. תלות לנצח.

קיים בשביל לאמן מספר פעמים ועם עזרה שנייההזמן זה יכנס לזיכרון.

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

באדיבות רינתיה ברוכים-לויןהעבודה עצמה.

Page 7: יצירת עזר עבודה מסתעף בטוויין

| מכון טכנולוגי חולון2015כנס טכנולוגיות למידה שרית חייט חודיס ©

עזר עבודה או שינון?מאפיין התהליך ללימוד שינון בלמידה עזר עבודה

תדירות ביצוע גבוהה

מספר שלבים רב

צעדים קשים ולא אינטואיטיביים

"מחיר" טעות גבוה )תקלה, עלות כספית, שביעות רצון לקוח(*

סבירות נמוכה שהתהליך ישתנה

מכני ולא מהותי לתפקיד

Page 8: יצירת עזר עבודה מסתעף בטוויין

| מכון טכנולוגי חולון2015כנס טכנולוגיות למידה שרית חייט חודיס ©

עקרונות לכתיבת עזר עבודהעזר הדרכתי קצר וממוקד שמיועד לתמוך בביצוע

תוך כדי העבודה

כתיבה תמציתית

קלה התמצאותבעיות לפי

ביצוע שלביברורים

דגים לתת : חכה ולא

הסברים בלי

”“

Page 9: יצירת עזר עבודה מסתעף בטוויין

| מכון טכנולוגי חולון2015כנס טכנולוגיות למידה שרית חייט חודיס ©

?Twineלמה ההסתעפויות- של על תצוגת

) לעיצוב ) תוכן בין הפרדה עדכון קלות

להצגה תוכנה או אינטרנט דורש לא

לחלוטין חינמי

ניידת ללמידה התאמה

Page 10: יצירת עזר עבודה מסתעף בטוויין

| מכון טכנולוגי חולון2015כנס טכנולוגיות למידה שרית חייט חודיס ©

אך דעו זאת:מתאים בעיקר לטקסט -עיצוב התוצר נעשה ב CSS

)העיצוב פחות אינטואיטיבי(

Page 11: יצירת עזר עבודה מסתעף בטוויין

| מכון טכנולוגי חולון2015כנס טכנולוגיות למידה שרית חייט חודיס ©

בואו נתחילTwineהורידו והתקינו את

http://twinery.org/downloads/twine_1.4.2_win.exe

Page 12: יצירת עזר עבודה מסתעף בטוויין

התקרבות לאיזור העבודה

Page 13: יצירת עזר עבודה מסתעף בטוויין

כפולה לחיצה

עריכת טקסט דף

Page 14: יצירת עזר עבודה מסתעף בטוויין

עריכת טקסט

ויציאה שמירה

Page 15: יצירת עזר עבודה מסתעף בטוויין

שמירת כל התוצר

Page 16: יצירת עזר עבודה מסתעף בטוויין

תצוגה מקדימה בדפדפן

Page 17: יצירת עזר עבודה מסתעף בטוויין

יצירת קישור לדף חדש:

]]הדף הבא[[

סוגרים

םלוחצי

1

2

3

Page 18: יצירת עזר עבודה מסתעף בטוויין

איזה דף

ייפתח

איך הקישור

יופיע

Page 19: יצירת עזר עבודה מסתעף בטוויין

| מכון טכנולוגי חולון2015כנס טכנולוגיות למידה שרית חייט חודיס ©

תרגולבדף "הדף הבא" הוסיפו קישור המוביל לדף

אתחול המכשירהמכשיר לא מגיב!התיאור שלו יופיע כ

Page 20: יצירת עזר עבודה מסתעף בטוויין

| מכון טכנולוגי חולון2015כנס טכנולוגיות למידה שרית חייט חודיס ©

]]מה הקטע[[כתיבת הקישורים ]]בסוגריים מרובעים[[

משמשת גם בויקיפדיהאז מזל טוב, למדתם על הדרך איך לערוך

בויקיפדיה

Page 21: יצירת עזר עבודה מסתעף בטוויין

שינוי תצוגת העל

Page 22: יצירת עזר עבודה מסתעף בטוויין

אפשרויות עריכה

מחיקה, העתקה, הדבקה

אפשרות חיפוש והחלפה בתוך כל הדפים

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

Page 23: יצירת עזר עבודה מסתעף בטוויין

הוספת תמונות

לאחר מכן, הוספת התמונה לדף מסוים:

[img]file-name[]

Page 24: יצירת עזר עבודה מסתעף בטוויין

| מכון טכנולוגי חולון2015כנס טכנולוגיות למידה שרית חייט חודיס ©

עיצוב הטקסט>/סוף הכותרת<ברוכים הבאים! >כותרת<

תוכן תוכן תוכן.......

>/סוף הקישור<לחצו כאן >קישור<

>/סוף הכותרת<צרו קשר >כותרת<

תוכן תוכן תוכן.......

>/סוף הקישור<שליחת מייל >קישור<

כותרת: גדולה, מודגשת ולבנה

קישור: ירוק עם קו תחתון

תגיות HTML

CSS

Page 25: יצירת עזר עבודה מסתעף בטוויין

| מכון טכנולוגי חולון2015כנס טכנולוגיות למידה שרית חייט חודיס ©

הוספת כותרת לדף<h1>כותרת ראשית</h1>

Page 26: יצירת עזר עבודה מסתעף בטוויין

| מכון טכנולוגי חולון2015כנס טכנולוגיות למידה שרית חייט חודיס ©

עבודה עם התבנית בעברית

פתחו את הקובץJobaid-template.tws

Page 27: יצירת עזר עבודה מסתעף בטוויין

| מכון טכנולוגי חולון2015כנס טכנולוגיות למידה שרית חייט חודיס ©

תגיות שימושיות>h1<כותרת ראשית>/h1<

>h2<…>h6< כותרות משנה

>b<טקסט מודגש>/b<

>ol<>li<פריט ממוספר ראשון>/li<>li<פריט ממוספר שני>/li<

>/ol<

סוגרת תגיתלהיות חייבת

תקינה!

Page 28: יצירת עזר עבודה מסתעף בטוויין

| מכון טכנולוגי חולון2015כנס טכנולוגיות למידה שרית חייט חודיס ©

תרגול>h1<עזר עבודה או שינון?>/h1< ,כדי לדעת האם ליצור עזר עבודה ללומדים או ללמד בשינון>b<ענו על השאלות הבאות:>/b<

>ol<>li<האם תדירות הביצוע נמוכה?>/li<>li<האם הצעדים קשים לזכירה?>/li< >li<האם "מחיר" הטעות גבוה?>/li< >li<האם יש סבירות גבוהה שהתהליך ישתנה?>/li< >li<האם התהליך מכני ולא מהותי לתפקיד?>/li<

>/ol<

Page 29: יצירת עזר עבודה מסתעף בטוויין

| מכון טכנולוגי חולון2015כנס טכנולוגיות למידה שרית חייט חודיס ©

צבעים דיגיטליים בשלושה צבעים:מסך המחשב מורכב ממיליוני נוריות

(RGB )מכאן B כחול G ירוק Rאדום 255 ל- 0כל אחת מהנוריות דולקת בעוצמה בין

ויחד הן יוצרות את כל הצבעיםלבן = עוצמה מקסימלית של כל הצבעים

f5dcdcגוונים נכתבים כך: #

Page 30: יצירת עזר עבודה מסתעף בטוויין

| מכון טכנולוגי חולון2015כנס טכנולוגיות למידה שרית חייט חודיס ©

צבעים דיגיטלייםלכל גוון הקוד שלו

Page 31: יצירת עזר עבודה מסתעף בטוויין

| מכון טכנולוגי חולון2015כנס טכנולוגיות למידה שרית חייט חודיס ©

שינוי עיצוב התוצרערכו את ההגדרות שבתוך

Page 32: יצירת עזר עבודה מסתעף בטוויין

| מכון טכנולוגי חולון2015כנס טכנולוגיות למידה שרית חייט חודיס ©

סוגי קבצים קובץ העבודה בפורמטtws הקובץ הסופי בפורמטhtml

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

Page 33: יצירת עזר עבודה מסתעף בטוויין

שמירת התוצר הסופי

Page 35: יצירת עזר עבודה מסתעף בטוויין

| מכון טכנולוגי חולון2015כנס טכנולוגיות למידה שרית חייט חודיס ©

מה עוד אפשר לעשות עם טוויין?סימולציות שיחה"סיפור אינטרקטיבי -"הכנסה לאווירהחידון טקסטואלי

Page 36: יצירת עזר עבודה מסתעף בטוויין

| מכון טכנולוגי חולון2015כנס טכנולוגיות למידה שרית חייט חודיס ©

כלים מקבילים אחרים

Page 37: יצירת עזר עבודה מסתעף בטוויין

| מכון טכנולוגי חולון2015כנס טכנולוגיות למידה שרית חייט חודיס ©

תודה שהשתתפתם

אשמח לעזור:[email protected]

054-7445425