פרסומת
אם אתה אדם עסוק שלא באמת יש לו המון זמן לבדוק את החדשות כל יום, אבל אתה רוצה להתעדכן עם האירועים הגדולים האחרונים כמו סערות גדולות, שוק המניות או שינויים גדולים ברחבי העולם, תצוגה גרפית היא הרבה יותר יעיל.
בטח ראית דוגמאות לכמה משרדי מתווך במניות שבהם יש צג עם המון תרשימים, גרפים וגרפיקה אחרת שכולם מציגים נתונים בזמן אמת. או אולי היית רואה את אותם מציגי מרכז ההשקה המגניבים של נאס"א עם כל מיני נתונים חשובים גולשים על פני המסך.
לדעתי זו הדרך הטובה ביותר להציג מידע רב במרחב קטן. ואם אתה עובד עם שניים או שלושה מסכים כמוני, אז יש לך שטח המסך שיהיה להציג כל הזמן - איפה אתה יכול לבדוק מה קורה בכל העולם רק עם מבט.
במאמר זה, אני הולך להעביר אתכם דרך המאמצים שלי להרכיב תצוגה מסוג זה בעזרת כלים וטכניקות מאוד פשוטים לעיצוב אתרים. אני גם אחלוק 15 מהווידג'טים הטובים ביותר של לוח המחוונים המקוון שמצאתי ברחבי האינטרנט שעזרו לבנות את התצוגה ההסברה הגדולה הזו של מידע עולמי.
בניית תצוגה בזמן אמת של נתונים עולמיים
אחד המקומות הראשונים אליו נסעתי בכדי לבנות תצוגה אינפורמטיבית כזו הוא Netvibes. סקרנו את האתר לעיתים קרובות, למשל במאמר המדהים של אנג'לה עליו
כיצד להשתמש בו כדי לנהל את חייך כיצד ליצור עדכון חדשות אמיתי באמצעות RSSשלב פלט RSS עם כמה כלים של צד שלישי וצור עדכון חדשות יחיד המותאם אישית שמכיל רק סיפורים לגיטימיים שאכפת לך מהם. אנו מראים לך כיצד במדריך זה צעד אחר צעד. קרא עוד .אני מאוד אוהב גם את Netvibes, ואחרי שקראתי את המאמר של אנג'לה, התחלתי להשתמש בו כדי לארגן קישורים וכלים לכל אחת מהמשימות העיקריות שעלי לעשות באינטרנט. נחמד שיש הכל במקום אחד. עם זאת, כשניסיתי להשתמש בגאדג'ט ה- HTML כדי להטמיע יישומונים בדף, שמתי לב שהוא לא עובד כל כך טוב. ניתן לשנות את גודל הרוחב, אך נראה כי הגובה נשאר קבוע - כריתת יישומונים גדולים יותר.
אחרי שניסית כמה אתרים אחרים - פרוטופאג ' בוני האתרים הטובים ביותר ליצירת תיק מקוון נקיאיזה בונה אתרים בחינם הכי מתאים עבור תיק העבודות שלך? להלן בוני האתר הטובים ביותר שתוכלו לבחור! קרא עוד היה אחר שלא ממש עבד נכון. זה הוסיף יותר מדי שטח בצידי הווידג'טים ולא איפשר שינוי גודל נכון. אז אחרי שביליתי יותר מדי זמן בניסיון לגרום לדפים הקיימים לעבוד, החלטתי לפנות לעיצוב עמוד מאפס.
רציתי להמציא פיתרון שכל אחד יכול לעשות, ללא קשר לחוויה בעיצוב אתרים. הכלי העיצובי שלי WYSIWYG לבחירה הוא Kompozer. החיסרון היחיד בגישה זו הוא בכך שהיא משתמשת בטבלאות, שבעולם מעצבי האתרים נחשבים לארכאיים לעומת השימוש ב- CSS. אך לשם הפשטות, אנו הולכים להשתמש בקומפוזר ולהניח את הווידג'טים ממש בדף.
כך נראית תצוגת העיצוב ב- Kompozer לאחר שהוספת שולחן - במקרה זה אני משתמש בטבלה 4 על 4, אך אתה יכול להכין אותה בכל גודל שתרצה.
ראשית, לחץ באמצעות לחצן העכבר הימני על הטבלה ושנה את המאפיינים כך שהקווים לא יהיו בצבע (בלתי נראה). הווידג'ט הראשון שהכנסתי לתא השמאלי העליון היה יישומון שעון מגניב שעון קישור.com. תחת זה הוספתי יישומון מזג אוויר מ- Accuweather.com - אחד החביבים עלי כיוון שהוא מציג תצוגת רדאר גרפית מדליקה של סערות מתקרבות.
בכל מקרה אני פשוט לוחץ בתוך התא שאני רוצה להכניס קוד יישומון, ואז לחץ על תפריט הוספה ובחר HTML. פשוט הדבק את קוד הווידג'ט בחלון שצץ.
יתכן שתבחין שהווידג'ט שלך אינו ממוקד, או שהוא מופיע רחוק מדי מטה בחלקו העליון של התא. זה קל לתקן ב- Kompozer ללא שום ידע בקידוד. לחץ באמצעות לחצן העכבר הימני על התא, בחר מאפייני תא טבלה ואז שנה את יישור התוכן לכל מה שנראה הכי טוב.
כדי לבדוק את השינויים שלך, פשוט שמור את הקובץ במחשב המקומי שלך כקובץ HTML ואז צפה בקובץ באמצעות הדפדפן המועדף עליך. אם אתה באמת נתקל בבעיות, אתה תמיד יכול להכניס קוד אם אתה באמת צריך. ב- Kompozer, תוכלו לערוך את הדף על ידי לחיצה על הכרטיסייה “מקור”. לדוגמה, היו כמה מקרים בהם פשוט הייתי צריך להכניס הפסקה
לכפות רווח בין כמה מהווידג'טים שהצבתי בתוך אותו תא.
הוספת עוד שלושה מהווידג'טים הטובים ביותר שמצאתי פיתחתי את תצוגת המידע בזמן אמת המוצגת להלן. שלושת הווידג'טים המגניבים שהוספתי היו הווידג'ט של מחירי הדלק gas-cost.net, וה יישומון סחורות ו יישומוני שערי חליפין נוכחיים מ- 100widgets.com.
כל אלה הם ווידג'טים בזמן אמת המציגים נתונים עדכניים מכל רחבי העולם. כעת יש לי נתונים מעודכנים על מחירים, שיעורי מניות ומזג אוויר, והכל במבט אחד. אבל רק חצי מדף האינטרנט מלא, ויש לנו הרבה יותר מידע לבנות על הדף הזה - שתי עמודות שלמות נוספות ליתר דיוק.
ווידג'ט אחר ממש מגניב שהוספתי לדף היה יישומון התצורה של המשתמש [No Longer Available] מ- 100widgets.com. זה נותן לך משוב לגבי כתובת ה- IP הנוכחית שלך, פרטי מחשב וגירסת חלונות / דפדפן. זה מועיל כשאתה בדרך ומתחבר לדף שלך מבית מלון או ספריה וצריך לדעת את ה- IP הנוכחי שלך. הוספתי גם את המגניב מאוד מונים עולמיים ומדדי המניות מ- widgetbox.com.
כמה ווידג'טים שימושיים אחרים שכדאי להזכיר לסוג זה של תצוגה בזמן אמת של עמוד מלא - הראשון הוא יישומון לספירה לאחור מ- widgetbox.com. כשאתה מגדיר את זה אתה נותן לו תאריך ואירוע לספירה למטה והוא מופיע בווידג'ט כספירה לאחור של טקסט כלפי אותו אירוע (ראה התצוגה הגדולה שמציגה שתי תמונות למטה מכאן).
ושום תצוגת נתונים מדעית למראה לא תהיה שלמה ללא גרפיקה מסתובבת של כדור הארץ המציגה מידע על טמפרטורות בזמן אמת מכל נקודה על פני כדור הארץ שאתה אוהב. אתה יכול לקבל נתונים אלה מה- יישומון Weather-3D מ- Widgetbox.com.
בתמונה למטה של לוח המחוונים לנתונים בזמן אמת המלא של העמוד, אתה יכול לראות את הספירה לאחור בחלק העליון של העמוד (הכנסתי אותו במרכז השולחן עצמו), ואת כדור הארץ מזג האוויר התלת מימדי ממש מתחת לספירה לאחור של העולם יישומון. בעמודה האחרונה בטבלה הוספתי את רמת האיום הנוכחית של DHS, עקומות סקסיות (לקישוט יותר מכל דבר אחר - הוא נראה מגניב), ולבסוף ווידג'ט ההתראה בזמן אמת מה- מרכז ההוריקנים הלאומי.
עם סיום הדף סוף סוף, יש לי גישה למועד הנוכחי, מזג אוויר מקומי ועולמי, מידע על שוק המניות, מחירי דלק שוטפים, התראות הוריקן נוכחיות, רמות איום לאומיות וכמובן המון נתונים עולמיים בספירה לאחור בעולם יישומון.
אתה יכול לצבוט תצוגה מסוג זה עם כל המידע שתרצה על ידי חיפוש אחר יישומונים מידעיים באחד מאתרי הווידג'טים הגדולים ואז הכנס אותם לפריסה שלך בכל מקום שתרצה. היכולת של Kompozer למרכז בקלות וליישר תאים תאפשר לך להפוך את כל התצוגה למראה נקי ומגניב באמת. לאחר שתסיים, אתה יכול פשוט להעלות את קובץ ה- HTML למארח האינטרנט שלך כך שתוכל לגשת אליו מכל מקום בעולם.
צור לוח מחוונים משלך ויידע אותנו כיצד זה הולך. אילו יישומונים שימושיים אחרים גילית למידע בזמן אמת? שתף אותם באזור התגובות למטה - אשמח לראות אילו יישומונים מגניבים אחרים מצאו!
אשראי תמונה: גרפיקה של טלקומוניקציה באמצעות Shutterstock
לראיין תואר ראשון בהנדסת חשמל. הוא עבד 13 שנה בהנדסת אוטומציה, 5 שנים בתחום ה- IT, וכעת הוא מהנדס אפליקציות. כעורך מנהל לשעבר של MakeUseOf, הוא דיבר בכנסים ארציים להמחשת נתונים והופיע בטלוויזיה וברדיו הארציים.
