בעברית ASciencePad - מתמטי לעברית TiddlyWiki נסיון להתאים

[[מה זה ולמה זה כאן]]\n[[התאמת הממשק לעברית]]\n[[מה עוד צריך לעשות]]

To get started with this blank ASciencePad, you'll need to modify the following tiddlers:\n* SiteTitle & SiteSubtitle: The title and subtitle of the site, as shown above (after saving, they will also appear in the browser title bar)\n* MainMenu: The menu (usually on the left)\n* DefaultTiddlers: Contains the names of the tiddlers that you want to appear when the file is opened\n

[[מה זה ולמה זה כאן]]\n[[התאמת הממשק לעברית]]\n[[מה עוד צריך לעשות]]

<html><div style="text-align: right; direction: rtl;">ניתן לשלוח לי אימייל בנושאים הקשורים במישרין או בעקיפין לתוכן אתר זה בכתובת האימייל המורכבת מהמרכיבים: <ul style="direction: ltr; text-align: left;"><li>Localpart: hebrew</li><li>Domain: math.hadaso.net</li></ul>אין לשלוח כל דואר פרסומי מסחרי ו\sאו אחר לכתובת זאת ו\sאו לכל כתובת אחרת במתחם זה ו\sאו לכל כתובת דואר אלקטרוני אחרת אשר בשימושי ו\sאו ברשותי ו\sאו שקיבלתי רשות להשתמש בה (להלן שלי)  ו\sאו שדואר הנשלח אליה מנותב לתיבת דואר שלי  ו\sאו גורם להפעלת ציוד ו\sאו תוכנה שלי והעובר על הנחיה זאת מתחייב לשלם לי דמי טיפול בסך 1000 ש"ח לכל הודעה בודדת שתתקבל וזאת בנוסף לכל סכום כסף אחר אשר יתחייב בו על פי כל דין. אין לכלול כתובת זאת וכל כתובת שלי בכל רשימת כתובות ו\sאו מאגר מידע המשמש לדיוור ישיר והעובר על הנחיה זאת מתחייב לשלם לי פיצוי בסך 50.000 ש"ח ללא צורך בהוכחת נזק מצדי. למען הסק ספק הכתובת אשר פרסמתי בדף זה לא פורסמה על ידי בשום מקום אחר. </div></html>

מתמטי לעברית TiddlyWiki נסיון להתאים

בעברית ASciencePad

<html><div style="text-align: right; direction: rtl;">הפונקציונליות של שינוי כוון פסקה היתה קיימת ב-~HTMLArea מימים ימימה. כל מה שצריך לעשות זה לבטל את הפקודה שמסתירה את כפתורי שינוי הכוון בהפצה המקורית של ~ASciencePad. בתיקייה ~HTMLArea יש קובץ שנקרא ~TiddlyWiki202.js ובו יש לאתר את השורה שבה מופיעה הקריאה לפונקציה hideSomeButtons ולבטל אותה או למחוק ממנה את השמות של הכפתורים righttoleft ו-lefttoright. </div></html>

<html>סוף סוף מצאתי קצת זמן להסתכל קצת לתוך הקוד (יותר נכון לא "מצאתי זמן" אלא לא עשיתי דברים אחרים שחייבים לעשות אותם).נראה שהדברים לא מסובכים אחרי שמוצאים אותם. קרוב לתחילת הקובץ /HTMLAreaa/TiddlyWiki202.js יש פונקציה שנקראת initEditor שמאתחלת עותק של HTMLArea ובתוכה שורה כזאת:<pre dir="ltr">editors[str].config.pageStyle = "span.AMedit {border:solid 1px #ff0000}";</pre>אותה כנראה יש לערוך ולהוסיף הגדרת כיווניות כדי שאפשר יהיה לערוך נוסחה "משמאל לימין" גם כאשר היא בתוך טקסט עברי ("מימין לשמאל") כלומר:<pre dir="ltr">editors[str].config.pageStyle = "span.AMedit {border:solid 1px #ff0000; direction: ltr}";</pre>ננסה ונראה...עשיתי את השינוי, בדקתי ב-Firebug שהקובץ המעודכן טעון לדף. עכשיו נרשום נוסחה: ` [0,1)` . עדיין בזמן העריכה הטקסט מימין לשמאל, הסוגריים הפוכים. בדיקה עם עריכה ישירה של הקוד בפיירבאג מראה ש- style="direction:ltr"; לא משפיע אבל dir=ltr משפיע ושדה העריכה באמת משמאל לימין.עכשיו נסיון נוסף: ` [0,1)` . אין הבדל (ובפסקה הזאת לעומת הקודמת כווניות הפסקה הושגה בעזרת style ולא dir).מסקנה: עוד קצת עבודה. צריך למצוא איך להכניס במפורש dir=ltr יחד עם כל class=AMedit.</html>

<html><div style="text-align: right; direction: rtl;">\nאתר קטן זה הוא הדגמה (בהשקעה מינימלית) של שילוב טכנולוגיה לכתיבת מתימטיקה בדפי HTML עם עברית. הוא נועד בעיקר להראות שזה אפשרי ושזה לא קשה, ולהזמין כל מי שמעוניין לעשות משהו בכוון. כדי לראות את הנוסחאות דרושה תמיכה ב-MathML בדפדפן. כדי לראות את הגרפים דרושה\nתמיכה ב-SVG. שניהם נתמכים בדפדפנים של מוזילה (פיירפוקס מגרסה 1.5\nומעלה). דרושים [[תוספים לאינטרנט אקספלורר]]. <embed src="file:///U:/math/asciencepad/HTMLArea/plugins/AsciiSvg/d.svg" sscr="-5,5,-5,5,1,1,1,null,null,200,200,func,1./x,null,0,0,-5,0,black,1,none,func,1./x,null,0,0,0.5,5,black,1,none,func,1./x,null,1,0,0,0.5,red,1,none,func,1./x,null,0,0,0,0.5,red,1,none" script=" " style="width: 200px; height: 200px; vertical-align: middle; float: left;" id="mygraph2" />אפשר כאן לכתוב עברית (וערבית العربية) מימין לשמאל ואנגלית (ומתימטיקה `lim_(x-> 0^+) 1/x = oo` ורוסית Русский ועוד) משמאל לימין. אפשר גם להוסיף גרף: כל זה בקלות תוך שימוש בממשק ידידותי (הקלקה כפולה כאן או הקלקה על "edit" ותראו). </div><div style="text-align: right; direction: rtl;">מה שיש כאן מבוסס על ההרחבה של Peter Jipsen לעורך ה-HTML שנקרא ~HTMLarea ועל ההרחבה ל-<a href="http://www.tiddlywiki.com/">~TiddlyWiki</a> שמשתמשת בעורך זה ונקראת ~ASciencePad (בה נוצר דף זה). ההרחבה מאפשרת הוספת נוסחאות בשפת <a href="http://www1.chapman.edu/~jipsen/asciimath.html">~ASCIIMathML</a> והוספת גרפים אשר מתבססת על <a href="http://www1.chapman.edu/~jipsen/asciisvg.html">~ASCIIsvg</a>. שני האחרונים הם כל מה שנדרש ליצירת דפים סטטיים (ולא רק) שמכילים נוסחאות וגרפים (למעשה ל-<a href="http://www1.chapman.edu/%7Ejipsen/asciisvg.html">~ASCIIsvg</a> יכולות גרפיות החורגות בהרבה מציור גרף על מערכת צירים). </div><div style="text-align: right; direction: rtl;">שימו לב שאין באתר הזה שום צורה של Server side scripting! הכל מבוסס על javascript בדפדפן. כמובן שכדי ליצור אתרים אינטראקטיביים יש צורך גם ב-Server side scripting אבל זה רק לצורך אחסון השינויים בשרת. לא לשום פונקציונליות שרואים כאן. אתם יכולים להשתמש בכל מה שנראה בדף. השינויים יראו בדפדפן ולא יישמרו בשרת. את <a href="http://math.chapman.edu/~jipsen/asciencepad/" title="להורדת הקבצים">הקבצים המקוריים הדרושים</a> אפשר להוריד מ<a href="http://math.chapman.edu/~jipsen/asciencepad/asciencepad.html">האתר של ~ASciencePad</a>. הקובץ שאתם קוראים כעת התחיל מעותק של emptypad.html שנמצא שם ועריכה באמצעות הכלים שכלולים בו. השינוי היחיד פחות או יותר שנדרש להתאמה לשימוש בעברית היה איתור הפקודה שמסתירה את הממשק לשינוי כוון הטקסט וביטולה. זה הכל! הדגמה של דף בסיסי ביותר עם עורך ~HTMLArea שמשלב עברית עם נוסחאות מתימטיות וציור גרפים <a href="http://math.hadaso.net/hebrew/HTMLArea/examples/demo.html">שמתי כאן</a>. זה מראה למעשה כל מה שצריך כדי לשלב את העורך באתר אינטרנט אבל לא מה אפשר לעשות עם התוכן שמשתמש יערוך בעזרת העורך. התיעוד של העורך מדגים מה לעשות במצבים מורכבים יותר כגון כמה עורכים בדף אחד. מה יקרה לטקסט שעורכים בעורך תלוי לחלוטין בדף האינטרנט בו הוא נמצא. אילה פונקציות של האתר ולא של העורך. </div></html>

<html><div style="text-align: right; direction: rtl;">\nנראה שיש עוד דברים רבים שדורשים התאמות בקוד עצמו. נתחיל ב-~HTMLArea: <ul><li>הכיווניות מוגדרת על ידי הגדרת style="direction:rtl" או style="direction:ltr" במקום dir=rtl וא dir=ltr כמו ב<a href="http://www.w3.org/International/questions/qa-bidi-css-markup">המלצות ה-W3C</a>. (<a href="http://www.i18nguy.com/markup/right-to-left.html">ראה גם</a>).</li><li>כאשר נוסחאות נמצאות בתוך טקסט מכוון מימין לשמאל עריכתן משתבשת. הפתרון צריך להיות להקיפן בתגיות או אולי (כיוון שהן ממילא מוקפות ב-) להגדיר זאת במסגרת הגדרות עיצוב ל-AM.</li><li>בכלל צריך להוסיף לעורך פונקציה שמקיפה את הטקסט המסומן בתגיות dir=rtl או dir=ltr (למשל בעזרת הפונקציה surroundHTML כמו בדוגמה בתיעוד של התקנת ~HTMLArea).</li><li>באג: סימון כיווניות ב-~HTMLArea אינו נשאר בשמירה אם אין שום אלמנט בלוק (למרות שנראה כאילו ההטקסט בעורך מכוון מימין לשמאל). דרוש לכן למשל להפעיל יישור לימין ידנית לפני החלת כיווניות (כדי שייווצר אלמנט בלוק שעלוי מוחל היישור לימין). </li><li>אולי צריך להחליף את ~HTMLArea ב-<a href="http://xinha.webfactional.com/">Xinha</a> שיותר מהיר ויודע להשאיר את הסמן במקום במעבר בין עריכת טקסט עשיר ועריכת המקור וגם הוא בעל תמיכה בכיווניות וקיימת גם לו התאמה ל~ASCIImathML.</li><li>ואולי אפשר להחליף ב-<a href="http://www.fckeditor.net/">~FCKeditor</a> שגם הוא יותר מהיר, יש לו תמיכה מובנית בקביעת כיווניות inline (דרך תפריט Styles) ולמרות שבגרסה הרשמית האחרונה אין תמיכה בשינוי כוון פסקה הפונקציונליות קיימת בפועל למשל ב<a href="http://mockups.neilj.fastmail.fm/revision23/compose.html">הדגמה האחרונה של מסך חיבור אימייל המתוכנן</a> לגרסה הבאה של <a href="http://www.fastmail.fm/mail/?STKI=83998">FastMail.FM</a>. רק מה, ל-~FCKeditor אף אחד לא יצר עדיין plugin של ~ASCIImathML ושל ~ASCIIsvg. </li></ul>דברים רבים שדורשים התאמות ב-~TiddlyWiki: <ul><li>הכותרות כולן מוצמדות לשמאל ומכוונות משמאל לימין. צריך להפוך (<a href="http://linmagazine.co.il/misc/files/linmagazine-tidlly-intro.html">מוזכר כאן</a>). </li><li>התגיות שבצד ימין צריכות לעבור לשמאל. נראה שבכלל צריך להפוך הרבה דברים.</li><li>לא ממש קשור לעברית: כמו ש~ASciencePad מקונפג במקור אי אפשר להכניס גרפיקה של ~ASCIIsvg שנוצרה ידנית לתוך קוד המקור (למשל כדי לצייר גרף אמיתי - כזה של תורת הגרפים).</li></ul></div></html>

<html>מתחילים בעברית: בינתיים התחלתי בלעבור למצב עריכת מקור ולהקיף ידנית את הטקסט בתגית .אנסה קצת מתימטיקה מתפריט התבניות המוכנות ("Insert Math Symbols") למשל `int_a^bf(x)dx=F(x)]_a^b` ונראה שזה בסדר גמור בתוך העברית. אשחק עוד קצת: `[[a,b],[c,d]]` ולא נראה שזה עבד כמו שצריך.Let's try the same inside a left to right paragraph: `[[a,b],[c,d]]` and it haven't worked either.נו טוב, לפחות זאת לא בעייה של העברית ככל הנראה. בעצם זאת בעייה של מצב העריכה. במצב צפיה המטריצה נראית כמו מטריצה. נמשיך.המטרה הבאה היא לגרום לכפתורי הכווניות להופיע ואת זה כבר בדקתי והם אינם פשוט כי יש פקודת hideSomeButtons שמסתירה אותם. עשיתי חיפוש טקסט פשוט ומצאתי את כל ההופעות שלה והחלפתי את השורה בכזאת שאינה מסתירה אותם (ואת כפתורי העלאת והורדת האינדקסים). פירוט: המחרוזת נמצאה בשלושה קבצים בתוך תיקית asciencepad/HTMLarea והם:<ul><li>htmlarea.js</li><li>htmlarea.orig.js</li><li>TiddlyWiki202.js</li></ul>בשני הראשונים מדובר בהגדרת הפונקציה. באחרון נמצאת הקריאה לפונקציה ושם יש למחוק את הפרמטרים שלא רוצים שימחקו מסרגל הכלים. אז עכשיו אני הולך להחליף שם את אותה שורה ונראה מה יקרה.יפה! זה עובד ויש כפתורים.ננסה אותם. הם עובדים! אני לא ממש מת על העובדה שהם מכניסים style="direction: rtl;" במקום dir=rtl אבל זה די טוב גם ככה!זה מספיק לפעם אחת. הגיע הזמן לישון!</html>

<html><div style="text-align: right; direction: rtl;">מצאתי <a href="tryASCIImathML">כמה ניסויים שעשיתי בעברית עם ~ASCIImathML</a> לפני כשנה. </div></html>

<html><div style="text-align: right; direction: rtl;">\nכדי להציג באינטרנט אקספלורר נוסחאות מתימטיות ב-MathML יש להתקין <a href="http://dessci.com/en/products/mathplayer/download.htm?src=hpmp" title="להורדת התוסף">תוסף ~MathPlayer</a>. </div> <div style="text-align: right; direction: rtl;">כדי להציג באינטרנט אקספלורר גרפיקה מבוססת SVG יש להתקין <a href="http://www.adobe.com/svg/viewer/install/" title="להורדת התוסף">תוסף Adobe SVG Viewer</a>. משום מה גם כאשר זה מותקן אצלי ו~ASCIIsvg עובד יפה באקספלורר עדיין לא רואים את הגרף שציירתי כאן. אני מניח שזאת בעייה של קונפיגורציה באתר עצמו. ואולי זה בגלל <a href="http://www.fourmilab.ch/documents/top10.html">אחת הסיבות המפורטות כאן</a>. כיוון שממילא נדרש להתקין תוספים על המחשב האישי בנוסף לאינטרנט אקספלורר אז למה לא להתקין <a href="http://www.mozilla.com/en-US/firefox/">תוסף אחד</a> במקום שני תוספים? </div></html>