אינפוגרפיקס טיפוגרפי של ספרות זולה (קליפ מג-ניב)

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

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

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

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

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

glTail.rb – כלי חינמי לויזואליזציה, בזמן אמת, של ביקורי גולשים לאתרים שלכם

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

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

מתי ישלבו משטחי רב-מגע עם מסכים תלת ממדיים ?

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

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

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

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

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

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

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

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

oSkope – דרך חדשה (וויזואלית) לחפש ביוטיוב, אמאזון, אי-ביי ופליקר

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

לדוגמא: בתמונה הבאה אנחנו רואים את תוצאות החיפוש אחר "The simpsons" (ביוטיוב):

The simpsons on youtube at oskope

החיפוש באוסקופ הוא פשוט:

  1. בוחרים אתר לחיפוש
  2. מקלידים חיפוש (אפשר לסנן לפי תת קטגוריה) -ואנטר
  3. ובוחרים אופן הצגה לתוצאות החיפוש

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

דוגמא לתוצאות חיפוש המוצגים בצורה של פירוט:

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

(ניתן להקליק על התמונה כדי להגדיל אותה)

oskope detail view

דוגמא לתוצאות חיפוש המוצגים בצורה של גרף (הכי מעניין):

המשך הדוגמא הקודמת, אך הפעם על ידי הצגה בצורה של "גרף" (דו-ממדי)

oskope graph view

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

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