יום ראשון, 28 ביולי 2013

בונים אתר ב- html




אז מה זה HTML?
HTML   היא "שפת האם" של הדפדפן שלך.
שפת ה -, HTML הומצאה בשנת 1990 על ידי מדען בשם טים ברנס-לי. מטרת שפה זו הייתה להקל על מדענים באוניברסיטאות שונות לגשת זה למסמכי המחקר של זה. הפרויקט הפך להצלחה גדולה מעבר למה שטים ברנס-לי דימיין. ולמעשה על ידי המצאת ה-HTML  הוא הניח את היסודות לרשת האינטרנט כפי שאנו מכירים אותה היום.
 HTML היא שפה שמאפשרת הצגת מידע (למשל, מחקרים מדעיים) ברשת האינטרנט. מה שאנחנו רואים שאנו צופים בדף אינטרנט זה תרגום קוד ה-HTML על ידי הדפדפן שלך. כדי לראות את קוד ה-HTML של דף אינטרנט, פשוט הקש על "View" בתפריט הראשי של הדפדפן ובחר ב-"Source".

מה משמעות השם HTML?

HTML  הם ראשי התיבות של "HyperText Mark-up Language" -
  • Hyper ההיפך מלינארי. בימים הטובים - כשעכבר היה משהו שחתול תופס - תכניות מחשב רצו בצורה לינארית: כשהתוכנה ביצעה פעולה אחת היא התקדמה לשורה הבאה ולאחר מכן, עוד שורה וכך הלאה. אבל HTML שונה - אתה יכול לשוטט לאן שאתה רוצה , בכל שלב שאתה בוחר. למשל, אינך חייב לבקר באתר MSN.com לפני שאתה מבקר באתר HTML.net.
  • Text מסביר את עצמו.
  • Mark-up העיצוב שאתה עושה בטקסט. אתה מסמן את הטקסט באותו אופן שאתה עושה זאת בתוכנה לעריכת טקסט עם כותרות, תבליטים, טקסט מודגש וכו'.
  • Language   זה מה ש-HTML. זוהי שפה שמשתמשת בהמון מילים באנגלית.

סמסטר קיץ... מחציתו כמעט כבר מאחורינו ובו קורס שעבורי סוגר מעגל.....
הרומן שלי עם התקשוב התחיל בתוכנית שנקראה "מח"ר 98" זו הייתה רפורמה מרחיקת לכת, פרי עבודתה של ועדה בראשותו של פרופ' חיים הררי, נשיא מכון ויצמן לשעבר, שמטרתה להעניק לבוגרי בתי הספר בישראל מידע בסיסי וחיוני במדעים וטכנולוגיה. "נקראתי לדגל" כמו שאומרים , מנהלתי דאז חיפשה מישהו עם גישה לטכנולוגיה, עד אז לא ידעתי שטכנולוגיה היא "הג'וק שלי."
מנהלת בית הספר רצתה אתר לבית הספר, יכול להיות שכבר אז היא גילתה את הפוטנציאל השיווקי, ואני נתבקשתי לבדוק איך עושים את זה....
בעיריית עפולה כל אתרי בית הספר ישבו על הפלטפורמה של אורט, והתחלנו לבדוק איך עושים את זה , היו שם ראשי פרקים מאוד מוגדרים ואנחנו רק הוספנו מידע, לא חזותי בעליל. (ניסיתי למצוא את האתר שלנו ברשת אבל הוא כבר נמחק)
לאחר מכן עברנו  ל- TIK-TAK , http://www.tik-tak.co.il/web/index.asp?codeClient=701 כן כן הוא עוד קיים, אבל גם פה לא ידעתי מה קורה מאחורי הקלעים, קיבלתי כותרות הוספתי מידע... נחמד , קל , בלי הרבה חשיבה... העתק הדבק
ואז עברנו ל- tzafonet  שוב פלטפורמה שלא קיימת בעולם הזה יותר , גם פה העתק , הדבק....
ועוד שלב.... עברנו ל-  sharepoint של מט"ח , פה כבר קצת יכולתי לשלוט מאחורי הקלעים, אני קבעתי את העיצוב, אני קבעתי את מבנה הדף, אבל עד פה.... לא איך החלקים של הדף ייראו.
נכון להיום כל בתי הספר בעפולה יושבים על googlesite, פלטפורמה נוחה לתפעול גם למורה הכי לא טכנולוגי.....
אבל שוב אני יכולה רק להשתמש במה שגוגל רוצה שאני אשתמש....

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

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

ועכשיו לעבודה....



יום שבת, 20 ביולי 2013

"האם אתה צריך למצוא רעיונות מבריקים או למצוא פתרונות מלאי השראה לבעיותיך" ?(טוני בוזאן)



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

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

הגדרה - מתוך ויקיפדיה:
מפת חשיבה (באנגלית: Mind Map) היא כלי לתיעוד תהליכי חשיבה בצורה גרפית. המפה מסייעת למפות את האלמנטים השונים של תהליך החשיבה (מילים, רעיונות, משימות וכדומה) בצורה מאורגנת. מבנה המפה הוא היררכי, כך שכל אחד מהאלמנטים יוצר ענף או תת-ענף לפי הקשרו בתהליך. צורתה הגרפית של המפה מסייעת לשמירת הסדר ולזכירת התהליך על הסתעפויותיו.
מי שהמציא את המושג ”מפות מוח“ (Mind Map) הוא טוני בוזאן שכתב לא מעט ספרים בנושא אך רבים לפניו, וביניהם לאונרדו דה וינצ'י, עשו שימוש בכלי הזה.
בסרטון שמופיע למטה הוא מסביר איך מפת חשיבה היא בעצם כלי לימודי שמשקף בצורה חיצונית את מה שמתרחש בתוך הראש שלך.


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


כאמור -קיימים סוגים שונים של מפות חשיבה. מקובל להבחין  בין שני סוגים בסיסיים:

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

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

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

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

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


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

 Edistorm



Edistorm הוא כלי Web2.0 מעולה למחנכים. הוא מאפשר למורה לעבוד על הרעיונות שלו בעזרת סיעור מוחות מובנה ולארגן אותם בפתקים דביקים כדי שאחרים יוכלו לראות. יש לו שתי תכניות אחת היא חינמית ומוגבלת והשנייה היא בתשלום.

 Wridea



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

 Bubbl.us



Bubbl.us היא כלי Web2.0 לסיעור מוחות. כלי זה מאפשר למשתמשים שלו ליצור מפות מושגים בצורה פשוטה עם הכלים המינימאליים האפשריים. באפשרותך ליצור פרויקט משלך ולהזמין את חבריך להצטרף אליך בעריכת התוכן שלה, ובסיום לחלוק אותו עם אחרים באמצעות הקישור שנוצר.

 Wise Mapping




וייז הוא עורך מפות מוח  מקוון חינם שמאפשר לך ליצור ולשתף מפות המוח שלך עם אחרים. הכלי מאפשר למשתמשיו ליצור ולערוך מפות מוח צבעוניות ומורכבות רק באמצעות עכבר ומילות מפתח.

Lucid Chart


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

 Text 2 Mind Map


זהו יישום שממיר טקסטים למפות.

Spicynodes



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

 Mind42



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

1 Popplet



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

 ChartTool


ChartTool הוא כלי נהדר מ-Google. זהו בעצם שירות ללא תשלום, המאפשר למשתמשים ליצור תרשימים וגרפיקה מדהימים. יש לו גלריה עשירה של תרשימים של פורמטים שונים. משתמשים יכולים לבחור מתוך תרשימי קו, תרשימים בר, תרשים עוגה, תרשימי מפה, תרשימי פיזור, קודי QR, ותרשימים של  Google-O-Meter. לאחר שבוחרים בתרשים אפשר להתאים אותו איך שרוצים ולמה שרוצים.

 Chartle



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

 Slatebox




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





Gliffy
הוא כלי Web2.0 ליצירת דיאגרמות . הוא מאפשר לך ליצור דיאגרמות ושרטוטים הנראים נהדר בצמד. הוא דומה לBubbl.us.

 Creately




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

 Diagram.ly


Diagram.ly הוא כלי מאוד נוח ושימושי ליצירת תרשימים באמצעות אמנויות תמונות וצורות מצוירות מראש.

 Mindomo




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

 Mindmeister




זהו גם כלי של מפת חשיבה שמאפשר למשתמשים להוסיף סמלים, הערות, קישורים, קובץ מצורף ותמונות לתוך דיאגרמות שלהם. הגרסה החינמית מוגבלת ומאפשרת רק שלוש מפות.
אני משתמשת לרוב ב: http://www.spiderscribe.net/


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

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

ולסיום:
מאמר נפלא, שאני ממליצה לקרוא. המאמר  קושר את מפת המושגים לכל מה שטוב בהוראה המקדמת למידה משמעותית. פרופ' נובאק ופרופ' קאנה מפלורידה, 2008