Εάν είστε απασχολημένος που δεν έχει πραγματικά πολύ χρόνο για να ελέγξει τα νέα κάθε μέρα, αλλά θέλετε να ενημερώνεστε με τα τελευταία σημαντικά γεγονότα, όπως οι μεγάλες καταιγίδες, το χρηματιστήριο ή σημαντικές αλλαγές σε όλο τον κόσμο, μια γραφική απεικόνιση είναι πολύ πιο αποτελεσματική.
Έχετε δει πιθανώς παραδείγματα κάποιων γραφείων χρηματιστηριακών αποθεμάτων όπου υπάρχει μια οθόνη με πολλά διαγράμματα, γραφήματα και άλλα γραφικά που εμφανίζουν όλα τα δεδομένα σε πραγματικό χρόνο. Ή ίσως να έχετε δει αυτά τα δροσερά κανάλια εκτόξευσης της NASA με όλα τα σημαντικά στοιχεία που μετακινούνται στην οθόνη.
Κατά τη γνώμη μου, αυτός είναι ο καλύτερος τρόπος για να δείξετε πολλές πληροφορίες σε ένα μικρό χώρο. Και αν εργάζεστε με δύο ή τρεις οθόνες όπως είμαι, τότε έχετε τον χώρο της οθόνης για να έχετε μια οθόνη επάνω όλη την ώρα - όπου μπορείτε να δείτε τι συμβαίνει σε όλο τον κόσμο με μια απλή ματιά.
Σε αυτό το άρθρο, πρόκειται να σας καθοδηγήσω στις προσπάθειές μου να συγκεντρώσω αυτό το είδος προβολής χρησιμοποιώντας πολύ απλά εργαλεία και τεχνικές σχεδιασμού ιστού. Θα μοιραστώ επίσης 15 από τα καλύτερα widgets του διαδικτυακού ταμπλό που βρήκα σε όλο το Διαδίκτυο που συνέβαλαν στη δημιουργία αυτής της μεγάλης ενημερωτικής έκθεσης των παγκόσμιων πληροφοριών.
Δημιουργία προβολής παγκόσμιων δεδομένων σε πραγματικό χρόνο
Ένα από τα πρώτα μέρη στα οποία προχώρησα για να οικοδομήσω μια τέτοια πληροφόρηση είναι το Netvibes. Έχουμε καλύψει το site συχνά, όπως στο awesome άρθρο της Angela για το πώς να το χρησιμοποιήσετε για να διαχειριστείτε τη ζωή σας Πώς να διαχειριστείτε τη ζωή σας εντελώς online Χρησιμοποιώντας το Netvibes Πώς να διαχειριστείτε τη ζωή σας εντελώς online Χρησιμοποιώντας το Netvibes Διαβάστε περισσότερα.
Μου αρέσει πολύ και ο Netvibes, και αφού διάβασα το άρθρο της Angela, άρχισα να το χρησιμοποιώ για να οργανώσω συνδέσμους και εργαλεία για κάθε ένα από τα βασικά καθήκοντα που πρέπει να κάνω online. Είναι ωραίο να έχουμε τα πάντα σε ένα μέρος. Ωστόσο, όταν προσπάθησα να χρησιμοποιήσω το gadget HTML για την ενσωμάτωση widgets στη σελίδα, παρατήρησα ότι δεν λειτουργεί πολύ καλά. Μπορείτε να αλλάξετε το μέγεθος του πλάτους, αλλά το ύψος φαίνεται να παραμένει σταθερό - κόβοντας μεγαλύτερα widgets.
Μετά από να δοκιμάσετε μερικές άλλες τοποθεσίες - Protopage Πώς να κάνει ένα χαρτοφυλάκιο της σε απευθείας σύνδεση εργασίας σας με Protopage Πώς να κάνει ένα χαρτοφυλάκιο της σε απευθείας σύνδεση εργασίας σας με Protopage Διαβάστε περισσότερα ήταν ένα άλλο που δεν δούλεψε σωστά. Προσθέτει πάρα πολύ χώρο στις πλευρές των γραφικών στοιχείων και δεν επέτρεψε την κατάλληλη αλλαγή μεγέθους. Έτσι, αφού πέρασα πολύ χρόνο προσπαθώντας να δουλέψω τις προϋπάρχουσες σελίδες, αποφάσισα να γυρίσω στο σχεδιασμό μιας σελίδας από την αρχή.
Ήθελα να βρω μια λύση που θα μπορούσε κανείς να κάνει, ανεξάρτητα από την εμπειρία σχεδίασης ιστού. Το εργαλείο σχεδιασμού ιστοσελίδων WYSIWYG της επιλογής μου είναι το Kompozer. Το μόνο μειονέκτημα αυτής της προσέγγισης είναι ότι χρησιμοποιεί πίνακες, οι οποίοι στον κόσμο των σχεδιαστών ιστοσελίδων θεωρούνται αρχαϊκοί σε σύγκριση με τη χρήση του CSS. Αλλά για λόγους απλότητας, πρόκειται να χρησιμοποιήσουμε το Kompozer και να σχεδιάσουμε τα widgets στη σελίδα.
Ακολουθεί ο τρόπος με τον οποίο η προβολή σχεδίασης του Kompozer φροντίζει μετά την εισαγωγή ενός πίνακα - σε αυτή την περίπτωση χρησιμοποιώ έναν πίνακα 4 με 4, αλλά μπορείτε να το κάνετε σε οποιοδήποτε μέγεθος θέλετε.
Πρώτα, κάντε δεξί κλικ στο τραπέζι και αλλάξτε τις ιδιότητες έτσι ώστε οι γραμμές να μην είναι έγχρωμες (αόρατες). Το πρώτο widget που εισήγαγα στο άνω αριστερό κελί ήταν ένα δροσερό widget ρολογιού από το ρολόιlink.com.com. Κάτω από αυτό, πρόσθεσα ένα widget καιρού από το Accuweather.com - ένα από τα αγαπημένα μου επειδή δείχνει μια δροσερή γραφική απεικόνιση ραντάρ οποιωνδήποτε πλησιάζει τις καταιγίδες.
Σε κάθε περίπτωση, απλά κάντε κλικ μέσα στο κελί που θέλω να εισάγω κώδικα widget, στη συνέχεια κάντε κλικ στο μενού Εισαγωγή και επιλέξτε HTML. Απλώς επικολλήστε τον κώδικα widget στο παράθυρο που εμφανίζεται.
Μπορεί να παρατηρήσετε ότι το γραφικό σας στοιχείο δεν είναι κεντραρισμένο ή ότι εμφανίζεται πολύ μακριά από το πάνω μέρος του κελιού. Αυτό είναι εύκολο να διορθωθεί στο Kompozer χωρίς καμία κωδικοποιητική γνώση καθόλου. Απλά κάντε δεξί κλικ στο κελί, επιλέξτε ιδιότητες κελιών πίνακα και, στη συνέχεια, αλλάξτε την ευθυγράμμιση περιεχομένου σε ό, τι φαίνεται καλύτερα.
Για να ελέγξετε τις αλλαγές σας, απλώς αποθηκεύστε το αρχείο στον τοπικό σας υπολογιστή ως αρχείο HTML και, στη συνέχεια, προβάλετε το αρχείο χρησιμοποιώντας το αγαπημένο σας πρόγραμμα περιήγησης. Εάν αντιμετωπίζετε πραγματικά προβλήματα, μπορείτε πάντα να εισαγάγετε κώδικα αν χρειάζεται πραγματικά. Στο Kompozer, μπορείτε να επεξεργαστείτε τη σελίδα κάνοντας κλικ στην καρτέλα "πηγή". Για παράδειγμα, υπήρξαν μερικές περιπτώσεις όπου έπρεπε να εισάγω ένα διάλειμμα
να εξαναγκάσω ένα διάστημα ανάμεσα σε μερικά από τα widget που έβαλα μέσα στο ίδιο κελί.
Προσθέτοντας τρία ακόμη από τα καλύτερα widget που βρήκα είχα αναπτύξει την οθόνη πληροφοριών πραγματικού χρόνου που φαίνεται παρακάτω. Τα τρία δροσερά widget που πρόσθεσα ήταν το widget για τις τιμές του φυσικού αερίου από το gas-cost.net και το widget commodities και τα τρέχοντα widgets των συναλλαγματικών ισοτιμιών από το 100widgets.com.
Αυτά είναι όλα widgets σε πραγματικό χρόνο, εμφανίζοντας τα τρέχοντα δεδομένα από όλο τον κόσμο. Τώρα έχω φτάσει μέχρι τα δεύτερα στοιχεία για τις τιμές, τις τιμές των μετοχών και τον καιρό, όλα με μια ματιά. Αλλά μόνο το ήμισυ της ιστοσελίδας είναι γεμάτη και έχουμε περισσότερες πληροφορίες για να χτίσουμε σε αυτή τη σελίδα - ακόμα δύο ολόκληρες στήλες δεδομένων για να είμαστε ακριβείς.
Ένα άλλο πολύ δροσερό widget που προστέθηκα στη σελίδα ήταν το widget διαμόρφωσης του χρήστη από το 100widgets.com. Αυτό σας δίνει ανατροφοδότηση σχετικά με την τρέχουσα διεύθυνση IP, τις πληροφορίες υπολογιστή και την έκδοση παραθύρων / προγράμματος περιήγησης. Αυτό είναι χρήσιμο όταν βρίσκεστε στο δρόμο και συνδέεστε στη σελίδα σας από ένα ξενοδοχείο ή βιβλιοθήκη και πρέπει να γνωρίζετε την τρέχουσα διεύθυνση IP σας. Προσθέτω επίσης τους πολύ cool World Counters και τους χρηματιστηριακούς δείκτες από το widgetbox.com.
Δύο άλλα χρήσιμα γραφικά που αξίζει να αναφερθούν για αυτό το είδος πλήρους οθόνης σε πραγματικό χρόνο - το πρώτο είναι ένα widget με αντίστροφη μέτρηση από το widgetbox.com. Όταν το ρυθμίζετε, δίνετε μια ημερομηνία και ένα συμβάν για να μετράτε και εμφανίζεται στο γραφικό στοιχείο ως αντίστροφη μέτρηση κειμένου προς το συγκεκριμένο συμβάν (δείτε τη μεγάλη οθόνη που εμφανίζει δύο εικόνες από εδώ).
Και καμία επιστημονική εμφάνιση εμφάνισης δεδομένων θα είναι πλήρης χωρίς περιστρεφόμενο γραφικό της γης που εμφανίζει πληροφορίες θερμοκρασίας σε πραγματικό χρόνο από οποιοδήποτε σημείο του πλανήτη που σας αρέσει. Μπορείτε να λάβετε αυτά τα δεδομένα από το widget Weather-3D από το Widgetbox.com.
Στην παρακάτω εικόνα του ταμπλό δεδομένων πλήρους σελίδας σε πραγματικό χρόνο, μπορείτε να δείτε την αντίστροφη μέτρηση στο επάνω μέρος της σελίδας (το έβαλα κεντραρισμένο πριν από τον ίδιο τον πίνακα) και το 3d Globe Weather ακριβώς κάτω από το widget αντίστροφης μέτρησης στον κόσμο. Στην τελευταία στήλη του πίνακα έχω προσθέσει το τρέχον επίπεδο απειλής DHS, σέξι καμπύλες (περισσότερο για διακόσμηση από οτιδήποτε άλλο - φαίνεται δροσερό) και τέλος το widget ειδοποίησης σε πραγματικό χρόνο από το Εθνικό Κέντρο Τυφλών.
Με την ολοκλήρωση της σελίδας, έχω τώρα πρόσβαση στην τρέχουσα ώρα, τον τοπικό και παγκόσμιο καιρό, τις πληροφορίες για τις χρηματιστηριακές αγορές, τις τρέχουσες τιμές του φυσικού αερίου, τις τρέχουσες ειδοποιήσεις τυφώνων, τα εθνικά επίπεδα απειλών και φυσικά τα φορτία των παγκόσμιων δεδομένων στο widget αντίστροφης μέτρησης.
Μπορείτε να προσαρμόσετε αυτό το είδος εμφάνισης με οποιεσδήποτε πληροφορίες θέλετε, αναζητώντας άλλα ενημερωτικά widget σε οποιοδήποτε από τα σημαντικότερα widget sites και στη συνέχεια τοποθετώντας τα στη διάταξη σας όπου θέλετε. Η ικανότητα του Kompozer να κεντράρει εύκολα και να ευθυγραμμίζει τα κύτταρα θα σας επιτρέψει να κάνετε όλη την εμφάνιση καθαρή και πραγματικά δροσερή. Αφού τελειώσετε, μπορείτε να ανεβάσετε το αρχείο HTML στον δικό σας κεντρικό υπολογιστή, ώστε να έχετε πρόσβαση σε αυτό από οπουδήποτε στον κόσμο.
Δημιουργήστε τον δικό σας πίνακα πληροφοριών και ενημερώστε μας για το πώς πηγαίνει. Τι άλλα χρήσιμα widgets ανακαλύψατε για πληροφορίες σε πραγματικό χρόνο; Μοιραστείτε τις στην παρακάτω περιοχή σχολίων - Θα ήθελα πολύ να δω τι άλλα δροσερά widgets βρήκαν οι άνθρωποι!
Image Credit: Τηλεπικοινωνίες γραφικών μέσω Shutterstock