למה HTML?

כל פעם שאני מציג משהו, לא משנה מה אני מציג, אני מקבל שאלות: איזה קובץ זה? איפה בנית את זה? איזו תוכנה זאת?

HTML, נעים להכיר

אז מה זה בעצם?

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

אבל החלק שבאמת מעניין הוא מה שהקובץ יודע לעשות.

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

הדוגמה שתסביר את זה הכי טוב!

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

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

זאת רק דוגמה אחת.

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

שכבות שנדלקות ונכבות

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

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

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

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

מאגר נתונים אחד, וכל מה שאפשר לעשות איתו

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

מחשבון שמגיב תוך כדי

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

כרטיסיות במקום גלילה

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

הדפסה נקייה

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

גוררים קובץ אקסל לתוך העמוד

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

מסמנים על השרטוט ומורידים

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

העמוד יודע איפה אתם

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

והעמוד גם מקריא את עצמו

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

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

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

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

הכלי הזה נמצא כאן, בדיוק כמו שבניתי אותו. אני שם לכם אותו כאן ואתם יכולים לנסות אותו.

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

שקיפות הגיליון

60%

פתחו את הכלי המלא (גרירה, סיבוב, קנה מידה, וקואורדינטות אמיתיות)

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

הזזה אופקית

-913

הזזה אנכית

-664

סיבוב

26.80°

קנה מידה

0.320

בית הקברות היהודי יוצא לפי המיקום הנוכחי ב־—
פתחו את הנקודה הזאת בגוגל מפות ←

חזרה ליישור המאומת

גיליון 1938: Survey of Palestine. מפת הרקע: Survey of Palestine 1:20,000 דרך Palestine Open Maps.

הערכים שיצאו בסוף היו הזזה של 913 ו-664 פיקסלים, סיבוב של 26.8 מעלות וקנה מידה של 0.32. הבדיקה שסגרה לי את הפינה הייתה בית הקברות המוסלמי שנמצא ממש ליד: יש לו גבול GPS מדוד של היום, והוא נחת בדיוק על הגבול שצויר ב-1938.

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

אותה מסגרת בדיוק, בהפרש של 88 שנה

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

דמו חי · גררו את הקו ימינה ושמאלה

תצלום לוויין, היום גיליון המדידה, 1938

זה בדיוק אותו רכיב שנמצא באתר של הפרויקט. גיליון 1938: Survey of Palestine. תצלום לוויין: Esri World Imagery.

וזה נראה ככה על המפה

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

יכולתי לכתוב לכם "בית הקברות היה כאן, סמכו עליי". במקום זה אתם יכולים להזיז את הגיליון בעצמכם ולראות ברגע שהוא מתיישב.

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

ואותו קובץ יכול להיות גם מצגת

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

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

דבר אחרון

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