1. ‫עבודה‬ ‫עזר‬ ‫יצירת‬(Jobaid)
‫בכלי‬ ‫מסתעף‬twine
‫חודיס‬ ‫חייט‬ ‫שרית‬
‫למידה‬ ‫טכנולוגיות‬ ‫כנס‬,7.7.2015
‫חולון‬ ‫טכנולוגי‬ ‫מכון‬

2. ©‫חודיס‬ ‫חייט‬ ‫שרית‬‫למידה‬ ‫טכנולוגיות‬ ‫כנס‬2015|‫חולון‬ ‫טכנולוגי‬ ‫מכון‬
‫כאן‬ ‫אתם‬ ‫למה‬?
‫לא‬,‫ברצינות‬,‫כאן‬ ‫אתם‬ ‫למה‬

3. ©‫חודיס‬ ‫חייט‬ ‫שרית‬‫למידה‬ ‫טכנולוגיות‬ ‫כנס‬2015|‫חולון‬ ‫טכנולוגי‬ ‫מכון‬
‫מכאן‬ ‫תצאו‬ ‫מה‬ ‫עם‬
‫לדוגמה‬ ‫עבודה‬ ‫עזר‬

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

5. ©‫חודיס‬ ‫חייט‬ ‫שרית‬‫למידה‬ ‫טכנולוגיות‬ ‫כנס‬2015|‫חולון‬ ‫טכנולוגי‬ ‫מכון‬
‫עבודה‬ ‫עזר‬ ‫מהו‬?
‫שמיועד‬ ‫וממוקד‬ ‫קצר‬ ‫הדרכתי‬ ‫עזר‬
‫העבודה‬ ‫כדי‬ ‫תוך‬ ‫בביצוע‬ ‫לתמוך‬
‫באדיבות‬‫רינתיה‬‫ברוכים‬-‫לוין‬

6. ©‫חודיס‬ ‫חייט‬ ‫שרית‬‫למידה‬ ‫טכנולוגיות‬ ‫כנס‬2015|‫חולון‬ ‫טכנולוגי‬ ‫מכון‬
‫העבודה‬ ‫בעזר‬ ‫שימושים‬
‫ראשונה‬ ‫עזרה‬‫להיתמך‬ ‫צורך‬ ‫שיש‬ ‫פעם‬ ‫כל‬
‫קיים‬ ‫הוא‬ ‫בביצוע‬.‫לנצח‬ ‫תלות‬.
‫שנייה‬ ‫עזרה‬‫מספר‬ ‫לאמן‬ ‫בשביל‬ ‫קיים‬
‫לזיכרון‬ ‫יכנס‬ ‫זה‬ ‫הזמן‬ ‫ועם‬ ‫פעמים‬.
‫שלישית‬ ‫עזרה‬‫מתבצע‬ ‫העזר‬ ‫עם‬ ‫התרגול‬
‫ימשיך‬ ‫כי‬ ‫ציפייה‬ ‫ואין‬ ‫הלמידה‬ ‫בסביבת‬ ‫רק‬
‫עצמה‬ ‫העבודה‬ ‫לסביבת‬.
‫באדיבות‬‫רינתיה‬‫ברוכים‬-‫לוין‬

7. ©‫חודיס‬ ‫חייט‬ ‫שרית‬‫למידה‬ ‫טכנולוגיות‬ ‫כנס‬2015|‫חולון‬ ‫טכנולוגי‬ ‫מכון‬
‫שינון‬ ‫או‬ ‫עבודה‬ ‫עזר‬?
‫ללימוד‬ ‫התהליך‬ ‫מאפיין‬‫בלמידה‬ ‫שינון‬‫עבודה‬ ‫עזר‬
‫גבוהה‬ ‫ביצוע‬ ‫תדירות‬
‫רב‬ ‫שלבים‬ ‫מספר‬
‫אינטואיטיביים‬ ‫ולא‬ ‫קשים‬ ‫צעדים‬
"‫מחיר‬"‫גבוה‬ ‫טעות‬(‫תקלה‬,‫עלות‬
‫כספית‬,‫לקוח‬ ‫רצון‬ ‫שביעות‬*)
‫ישתנה‬ ‫שהתהליך‬ ‫נמוכה‬ ‫סבירות‬
‫לתפקיד‬ ‫מהותי‬ ‫ולא‬ ‫מכני‬

8. ©‫חודיס‬ ‫חייט‬ ‫שרית‬‫למידה‬ ‫טכנולוגיות‬ ‫כנס‬2015|‫חולון‬ ‫טכנולוגי‬ ‫מכון‬
‫עבודה‬ ‫עזר‬ ‫לכתיבת‬ ‫עקרונות‬
‫בביצוע‬ ‫לתמוך‬ ‫שמיועד‬ ‫וממוקד‬ ‫קצר‬ ‫הדרכתי‬ ‫עזר‬
‫העבודה‬ ‫כדי‬ ‫תוך‬
‫כתיבה‬
‫תמציתית‬
‫קלה‬ ‫התמצאות‬
‫בעיות‬ ‫לפי‬
‫ביצוע‬ ‫שלבי‬
‫ברורים‬
‫דגים‬ ‫לתת‬
‫חכה‬ ‫ולא‬:
‫הסברים‬ ‫בלי‬
”
“

9. ©‫חודיס‬ ‫חייט‬ ‫שרית‬‫למידה‬ ‫טכנולוגיות‬ ‫כנס‬2015|‫חולון‬ ‫טכנולוגי‬ ‫מכון‬
‫למה‬Twine?
‫תצוגת‬-‫ההסתעפויות‬ ‫של‬ ‫על‬
‫עדכון‬ ‫קלות‬(‫לעיצוב‬ ‫תוכן‬ ‫בין‬ ‫הפרדה‬)
‫להצגה‬ ‫תוכנה‬ ‫או‬ ‫אינטרנט‬ ‫דורש‬ ‫לא‬
‫לחלוטין‬ ‫חינמי‬
‫ניידת‬ ‫ללמידה‬ ‫התאמה‬

10. ©‫חודיס‬ ‫חייט‬ ‫שרית‬‫למידה‬ ‫טכנולוגיות‬ ‫כנס‬2015|‫חולון‬ ‫טכנולוגי‬ ‫מכון‬
‫זאת‬ ‫דעו‬ ‫אך‬:
‫לטקסט‬ ‫בעיקר‬ ‫מתאים‬
‫ב‬ ‫נעשה‬ ‫התוצר‬ ‫עיצוב‬-CSS
(‫אינטואיטיבי‬ ‫פחות‬ ‫העיצוב‬)

11. ©‫חודיס‬ ‫חייט‬ ‫שרית‬‫למידה‬ ‫טכנולוגיות‬ ‫כנס‬2015|‫חולון‬ ‫טכנולוגי‬ ‫מכון‬
‫נתחיל‬ ‫בואו‬
‫את‬ ‫והתקינו‬ ‫הורידו‬Twine
http://twinery.org/downloads/twine_1.4.2exe.niw_

12. ‫התקרבות‬‫לאיזור‬‫העבודה‬

13. ‫כפולה‬ ‫לחיצה‬
‫דף‬ ‫טקסט‬ ‫עריכת‬

14. ‫טקסט‬ ‫עריכת‬
‫ויציאה‬ ‫שמירה‬

15. ‫התוצר‬ ‫כל‬ ‫שמירת‬

16. ‫בדפדפן‬ ‫מקדימה‬ ‫תצוגה‬

17. ‫לדף‬ ‫קישור‬ ‫יצירת‬
‫חדש‬:
[[‫הבא‬ ‫הדף‬]]
‫סוגרים‬
1
2
3

18. ‫דף‬ ‫איזה‬
‫ייפתח‬
‫הקישור‬ ‫איך‬
‫יופיע‬

19. ©‫חודיס‬ ‫חייט‬ ‫שרית‬‫למידה‬ ‫טכנולוגיות‬ ‫כנס‬2015|‫חולון‬ ‫טכנולוגי‬ ‫מכון‬
‫תרגול‬
‫בדף‬"‫הבא‬ ‫הדף‬"‫לדף‬ ‫המוביל‬ ‫קישור‬ ‫הוסיפו‬
‫המכשיר‬ ‫אתחול‬
‫כ‬ ‫יופיע‬ ‫שלו‬ ‫התיאור‬‫מגיב‬ ‫לא‬ ‫המכשיר‬!

20. ©‫חודיס‬ ‫חייט‬ ‫שרית‬‫למידה‬ ‫טכנולוגיות‬ ‫כנס‬2015|‫חולון‬ ‫טכנולוגי‬ ‫מכון‬
[[‫הקטע‬ ‫מה‬]]
‫הקישורים‬ ‫כתיבת‬[[‫מרובעים‬ ‫בסוגריים‬]]
‫גם‬ ‫משמשת‬‫בויקיפדיה‬
‫טוב‬ ‫מזל‬ ‫אז‬,‫לערוך‬ ‫איך‬ ‫הדרך‬ ‫על‬ ‫למדתם‬
‫בויקיפדיה‬

21. ‫העל‬ ‫תצוגת‬ ‫שינוי‬

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

23. ‫תמונות‬ ‫הוספת‬
‫מכן‬ ‫לאחר‬,
‫מסוים‬ ‫לדף‬ ‫התמונה‬ ‫הוספת‬:
[img[file-name]]

24. ©‫חודיס‬ ‫חייט‬ ‫שרית‬‫למידה‬ ‫טכנולוגיות‬ ‫כנס‬2015|‫חולון‬ ‫טכנולוגי‬ ‫מכון‬
‫הטקסט‬ ‫עיצוב‬
<‫כותרת‬>‫הבאים‬ ‫ברוכים‬!</‫הכותרת‬ ‫סוף‬>
‫תוכן‬‫תוכן‬‫תוכן‬...
....
<‫קישור‬>‫כאן‬ ‫לחצו‬</‫הקישור‬ ‫סוף‬>
<‫כותרת‬>‫קשר‬ ‫צרו‬</‫הכותרת‬ ‫סוף‬>
‫תוכן‬‫תוכן‬‫תוכן‬...
....
<‫קישור‬>‫מייל‬ ‫שליחת‬</‫הקישור‬ ‫סוף‬>
‫כותרת‬:
‫גדולה‬,‫מודגשת‬
‫ולבנה‬
‫קישור‬:
‫תחתון‬ ‫קו‬ ‫עם‬ ‫ירוק‬
‫תגיות‬
HTML
CSS

25. ©‫חודיס‬ ‫חייט‬ ‫שרית‬‫למידה‬ ‫טכנולוגיות‬ ‫כנס‬2015|‫חולון‬ ‫טכנולוגי‬ ‫מכון‬
‫לדף‬ ‫כותרת‬ ‫הוספת‬
<h1>‫ראשית‬ ‫/<כותרת‬h1>

26. ©‫חודיס‬ ‫חייט‬ ‫שרית‬‫למידה‬ ‫טכנולוגיות‬ ‫כנס‬2015|‫חולון‬ ‫טכנולוגי‬ ‫מכון‬
‫בעברית‬ ‫התבנית‬ ‫עם‬ ‫עבודה‬
‫הקובץ‬ ‫את‬ ‫פתחו‬
Jobaid-template.tws

27. ©‫חודיס‬ ‫חייט‬ ‫שרית‬‫למידה‬ ‫טכנולוגיות‬ ‫כנס‬2015|‫חולון‬ ‫טכנולוגי‬ ‫מכון‬
‫שימושיות‬ ‫תגיות‬
<h1>‫ראשית‬ ‫/<כותרת‬h1>
<h2>…<h6> ‫משנה‬ ‫כותרות‬
<b>‫מודגש‬ ‫/<טקסט‬b>
<ol>
<li>‫ראשון‬ ‫ממוספר‬ ‫/<פריט‬li>
<li>‫שני‬ ‫ממוספר‬ ‫/<פריט‬li>
</ol>
‫סוגרת‬ ‫תגית‬
‫להיות‬ ‫חייבת‬
‫תקינה‬!

28. ©‫חודיס‬ ‫חייט‬ ‫שרית‬‫למידה‬ ‫טכנולוגיות‬ ‫כנס‬2015|‫חולון‬ ‫טכנולוגי‬ ‫מכון‬
‫תרגול‬
<h1> ‫שינון‬ ‫או‬ ‫עבודה‬ ‫עזר‬? </h1>
‫בשינון‬ ‫ללמד‬ ‫או‬ ‫ללומדים‬ ‫עבודה‬ ‫עזר‬ ‫ליצור‬ ‫האם‬ ‫לדעת‬ ‫כדי‬,
<b> ‫הבאות‬ ‫השאלות‬ ‫על‬ ‫ענו‬: </b>
<ol>
<li> ‫נמוכה‬ ‫הביצוע‬ ‫תדירות‬ ‫האם‬? </li>
<li> ‫לזכירה‬ ‫קשים‬ ‫הצעדים‬ ‫האם‬? </li>
<li> ‫האם‬"‫מחיר‬"‫גבוה‬ ‫הטעות‬? </li>
<li> ‫ישתנה‬ ‫שהתהליך‬ ‫גבוהה‬ ‫סבירות‬ ‫יש‬ ‫האם‬? </li>
<li> ‫לתפקיד‬ ‫מהותי‬ ‫ולא‬ ‫מכני‬ ‫התהליך‬ ‫האם‬? </li>
</ol>

29. ©‫חודיס‬ ‫חייט‬ ‫שרית‬‫למידה‬ ‫טכנולוגיות‬ ‫כנס‬2015|‫חולון‬ ‫טכנולוגי‬ ‫מכון‬
‫דיגיטליים‬ ‫צבעים‬
‫נוריות‬ ‫ממיליוני‬ ‫מורכב‬ ‫המחשב‬ ‫מסך‬‫צבעים‬ ‫בשלושה‬:
‫אדום‬R‫ירוק‬G‫כחול‬B(‫מכאן‬RGB)
‫בין‬ ‫בעוצמה‬ ‫דולקת‬ ‫מהנוריות‬ ‫אחת‬ ‫כל‬0‫ל‬-255
‫הצבעים‬ ‫כל‬ ‫את‬ ‫יוצרות‬ ‫הן‬ ‫ויחד‬
‫לבן‬=‫עוצמה‬‫מקסימלית‬‫הצבעים‬ ‫כל‬ ‫של‬
‫כך‬ ‫נכתבים‬ ‫גוונים‬:#f5dcdc

30. ©‫חודיס‬ ‫חייט‬ ‫שרית‬‫למידה‬ ‫טכנולוגיות‬ ‫כנס‬2015|‫חולון‬ ‫טכנולוגי‬ ‫מכון‬
‫דיגיטליים‬ ‫צבעים‬
‫שלו‬ ‫הקוד‬ ‫גוון‬ ‫לכל‬

31. ©‫חודיס‬ ‫חייט‬ ‫שרית‬‫למידה‬ ‫טכנולוגיות‬ ‫כנס‬2015|‫חולון‬ ‫טכנולוגי‬ ‫מכון‬
‫התוצר‬ ‫עיצוב‬ ‫שינוי‬
‫שבתוך‬ ‫ההגדרות‬ ‫את‬ ‫ערכו‬

32. ©‫חודיס‬ ‫חייט‬ ‫שרית‬‫למידה‬ ‫טכנולוגיות‬ ‫כנס‬2015|‫חולון‬ ‫טכנולוגי‬ ‫מכון‬
‫קבצים‬ ‫סוגי‬
‫בפורמט‬ ‫העבודה‬ ‫קובץ‬tws
‫בפורמט‬ ‫הסופי‬ ‫הקובץ‬html
‫כולו‬ ‫העזר‬ ‫את‬ ‫כולל‬,‫בקובץ‬ ‫התמונות‬ ‫כולל‬1
‫דפדפן‬ ‫בכל‬ ‫להצגה‬ ‫ניתן‬,‫לאינטרנט‬ ‫חיבור‬ ‫ללא‬
‫לאינטראנט‬ ‫העלו‬|‫לדרופבוקס‬|‫במייל‬ ‫שלחו‬

33. ‫הסופי‬ ‫התוצר‬ ‫שמירת‬

34. ©‫חודיס‬ ‫חייט‬ ‫שרית‬‫למידה‬ ‫טכנולוגיות‬ ‫כנס‬2015|‫חולון‬ ‫טכנולוגי‬ ‫מכון‬
‫תוצרי‬ ‫דוגמאות‬‫טוויין‬
Depression
Quest
dontPush
Choice:
Texas

35. ©‫חודיס‬ ‫חייט‬ ‫שרית‬‫למידה‬ ‫טכנולוגיות‬ ‫כנס‬2015|‫חולון‬ ‫טכנולוגי‬ ‫מכון‬
‫עם‬ ‫לעשות‬ ‫אפשר‬ ‫עוד‬ ‫מה‬‫טוויין‬?
‫שיחה‬ ‫סימולציות‬
‫סיפור‬‫אינטרקטיבי‬-"‫לאווירה‬ ‫הכנסה‬"
‫טקסטואלי‬ ‫חידון‬

36. ©‫חודיס‬ ‫חייט‬ ‫שרית‬‫למידה‬ ‫טכנולוגיות‬ ‫כנס‬2015|‫חולון‬ ‫טכנולוגי‬ ‫מכון‬
‫אחרים‬ ‫מקבילים‬ ‫כלים‬

37. ©‫חודיס‬ ‫חייט‬ ‫שרית‬‫למידה‬ ‫טכנולוגיות‬ ‫כנס‬2015|‫חולון‬ ‫טכנולוגי‬ ‫מכון‬
‫שהשתתפתם‬ ‫תודה‬
‫לעזור‬ ‫אשמח‬:
sarit_h@yahoo.com
054-7445425