În munca aproape a fiecărei persoane există cu siguranță figuri despre care depinde totul. Participarea pe site, timpul de răspuns sau numărul de angajamente - orice! Și dacă puneți aceste numere în cel mai proeminent loc, acestea devin imediat fie o modalitate excelentă de a lua decizii cu promptitudine, fie pur și simplu un instrument vizual pentru motivație. Iar cel mai bun mod de a face acest lucru este propriul dvs. deshbord, un panou de informații care poate fi atârnat în cel mai proeminent loc din birou.
Dacă credeți că Google Translate, tabloul de bord este un tablou de bord. Într-adevăr, pe aceste tablouri de bord, care vor fi discutate în articol, puteți observa rapid schimbările în parametrii diferiți - cum ar fi pe panoul de bord al unui avion. Doar în locul avionului vom avea o pornire condiționată, iar în loc de înălțime, rola și temperatura peste bord - numărul de vizitatori online, starea diferitelor componente ale serviciului și încărcarea serverului.
De fapt, tabloul de bord este un ecran, în care datele în timp real sunt afișate într-o formă frumoasă și vizuală, de exemplu sub formă de grafice, figuri sau diagrame. Aceste ecrane se blochează pe pereții birourilor multor companii abrupte: de exemplu, ecranul din biroul Yandex afișează interogări de căutare pe care utilizatorii le intră în acest moment. În multe startupuri tehnice de pe ecran pentru băieții tehnici arată date de toate tipurile de monitorizare. Și eu am vrut să fac ceva de genul ăsta și deja mă pregăteam să mă descurc câteva zile - dar sa dovedit că tot ce era necesar a fost deja făcut înaintea mea.
Vom construi tabloul de bord folosind cadrul gratuit Dashing. dezvoltate în profunzimea companiei Shopify. Arhitectura încorporată implică faptul că tabloul de bord constă în:
- de la "mâini", adică, grabber, care colectează datele necesare la un interval dat;
- "Brain", adică un parser, care procesează aceste date în timp real;
- "Muzzle" - front-end, la care aceste date sunt afișate într-o formă frumoasă și intuitivă.
Deoarece Dashing este scris în Ruby, crearea primului tablou de bord va fi ușoară. Instalați bijuteria corespunzătoare (asigurați-vă că Ruby 1.9+ este instalat în sistem):
Apoi, vom genera un nou proiect:
Du-te la directorul de proiect dulce și pietre de bandlemy:
Acum puteți porni serverul:
Dacă totul a mers așa cum ar fi trebuit, atunci pe portul 3030th serverul web a fost lansat (Dashing folosește Sinatra), astfel încât să puteți deschide în siguranță localhost: 3030 în browser.
Orice tablou de bord merge împreună cu widget-urile demonstrative și fișierele necesare - împreună reprezintă un bun punct de plecare pentru a vă face un tablou de bord. Ecranul va avea mai multe widgeturi care pot fi mutate și schimbate în mod arbitrar. Dezvoltatorii special luat un set pentru a demonstra varietatea modurilor de date vizualizare: unul din graficul widget care arată modificarea unui anumit parametru (de exemplu, sarcina procesorului), al doilea este mai potrivită pentru redarea valorii și titlurilor sale de schimbare vizibilizează treime din valoarea numerică, dar folosind un indicator circular , similar cu un vitezometru, al patrulea afișează un comprimat cu o anumită statistică, altul afișează textul și merge invers.
Apropo, iată un exemplu de modul în care puteți influența datele care apar pe tabloul de bord. Încercați să tastați în consola:
iar într-unul din widget-uri textul se va schimba. Vom vorbi mai departe despre asta.
Mai întâi trebuie să înțelegeți structura simplă a aplicației:
- Active - acest dosar conține imagini, fonturi, biblioteci js / coffeescript.
- Tablouri de bord - pentru fiecare tablou de bord există un fișier erb, care descrie locația și parametrii widget-urilor.
- Locuri de muncă - scripturi pentru a colecta date (de exemplu, apelează API-ul serviciilor externe).
- Lib - fișierele auxiliare Ruby opționale de care aveți nevoie.
- Fișierele publice - statice ale tabloului de bord (acum aici se află pagina favicon sau personalizată 404-a).
- Widgeturi - toate codurile HTML / CSS / cafea pentru propriile widget-uri.
Mai jos este un exemplu de tablou de bord simplu compus din două widget-uri:
Transferul de date către widget-uri este foarte simplu. Trebuie doar să specificați widgetul pe care doriți să-l utilizați (utilizând widget-id-ul său) și să îi transmiteți datele ca JSON. Există două moduri de a face acest lucru.
Sarcini cu planificatorul (Locuri de muncă)
În Dashing, este construit un programator special care analizează scripturile de locuri de muncă găsite în dosarul de lucrări și efectuează acțiunile specificate în ele la periodicitatea dorită. Pentru a vă crea fișierul de locuri de muncă, utilizați generarea jobului sample_job.
Această sarcină va fi executată în fiecare minut și va trimite o valoare aleatorie tuturor widgeturilor a căror date-id este karma. În consecință, metoda sendevent (widget id, jsonformatted data) este folosită pentru a trece valorile.
Sarcini sunt foarte utile atunci când trebuie să luați unele date din baza de date sau să apelați API-uri terțe (în Dashing, agregarea datelor din Twitter este implementată).
O altă modalitate este actualizarea datelor direct prin HTTP:
Din motive de securitate, este utilizat un jeton (este înregistrat în config.ru). Am văzut un exemplu de astfel de interogare atunci când am actualizat valoarea câmpului de text din tabloul de bord care creează Dashing în mod implicit.
Dashing nu a mers. Ce altceva?
Este clar că în cadrul Dashing, lumina nu a venit împreună cu o pană. O căutare rapidă pe GitHub a dat câteva dezvoltări interesante pe care le puteți utiliza.
Un cadru bun pentru crearea unui tablou de bord, poate argumenta asupra funcționalității cu Dashing. Tabloul de bord al echipei este conceput în primul rând pentru echipele tehnice. Deci, deja din cutie există module gata pentru sistemele de monitorizare Errbit, New Relic, Pingdom, sisteme de CI (integrare continuă) Jenkins, Travis CI. Există module pentru vizualizarea oricăror date sub formă de grafice (folosind Graphite și Ganglia), un widget pentru afișarea datelor digitale și modificările lor în timp și așa mai departe.
Un panou comod și simplu bazat pe web pentru monitorizarea de la distanță a unei mașini Linux scrise în PHP. Se arată timpul de funcționare, încărcarea RAM, spațiul liber pe disc, utilizatorii conectați, software-ul instalat, procesele care rulează și așa mai departe.
Tabloul de bord personal pentru a vizualiza o varietate de date despre activitatea zilnică: de la activitatea sportivă a RunKeeper la numărul de angajamente pe GitHub.
Un alt tablou de bord personal, indecent de ușor de implementat.
Scris pe baza JS pentru crearea de tablouri de bord. De fapt, este un plugin pentru jQuery, care vă permite să vizualizați diverse date și evenimente.
Un cadru complet pentru construirea tablourilor de bord, scrise pe Node.js de către dezvoltatorii asiatici.
Dashing nu va funcționa în Internet Explorer, care nu suportă Evenimente trimise la server.
Ca rezultat, am asamblat următorul set de widget-uri: 1. Widget de numărătoare inversă. 2. Monitorizarea vizitatorilor. Widget Google Analytics. 3. Încărcați pe server. Widget Încărcați medii. 4. Starea proiectului sub forma unui semafor. Vom rescrie widgetul de stare Github pentru proiectul nostru. 5. Twitter. Widget-ul de căutare Twitter.
Desigur, tabloul de bord va fi util și ușor pe computer (îl puteți seta ca pagină de start), dar imaginea acestei frumusețe este în mod tradițional afișată pe televizor. Pe televizoarele moderne există chiar un browser, dar, sincer, nu am unul, așa că nu am încercat această configurație.
Opțiunea mea este să folosesc Raspberry Pi pentru ieșire. Este perfect alimentat prin portul USB al televizorului (acum este aproape peste tot) și este conectat prin HDMI. Singura problemă poate fi conectarea la rețea: dacă nu doriți fire suplimentare, puteți USB USB modul (instrucțiunile de aici). Din păcate, Dashing sa dovedit a fi destul de foame pentru resurse, așa că a trebuit să instalăm chiar și un ansamblu special de Chrome Chrome Hexxeh și să limităm rata de reîmprospătare a imaginii.
Pe tot Herculele
Heroku este platforma ideală pentru Dashing gratuit.
Pentru a face acest lucru, apăsați butonul Sign Up de pe pagina principală Heroku, introduceți e-mailul pe pagina care apare, faceți clic pe link-ul de confirmare din mesajul primit, veniți cu parola și faceți clic pe Salvare. Gata! Acum avem un colț mic, dar mândru în nor, în care puteți crea rapid aplicații web elegante.
Pagina pe care am apărut, propune să instalați Heroku Toolbelt - un instrument de lucru cu cloud-ul. Nu ne vom nega acest lucru. Dacă, ca mine, Ubuntu sau Debian, scrieți îndrăzneț la consolă:
Dacă Windows sau OS X, descărcați de pe site-ul lor exe sau pkg și instalați-l.
În al doilea rând, vom avea nevoie de un sistem de control al versiunilor pentru a returna rapid totul în locurile sale, dacă stricăm brusc totul și să știm cine să împingă capacul, dacă altcineva îl strică. Creatorii lui Heroku recomandă Git în aceste scopuri. Să nu renunțăm - Git este foarte bun. Instalați ușor:
Pentru un alt sistem de operare, Git este la fel de ușor de descărcat de pe site-ul oficial și la fel de ușor de instalat. Acum avem totul pentru a începe.
Instalați Dashing
Introduceți aici e-mailul și parola specificate la înregistrare. Creați un dosar pentru viitorul depozit și mergeți la el.
Clonăm repozitoriul Git Dashing:
Acum trebuie să instalăm aplicația, să inițializăm noul depozit Git și să comităm tot ce am clonat în el:
Crearea unei aplicații în Heroku
În cazul în care consola jura pe dosar Gemfile.lock absență, în ciuda faptului că este, deschideți fișierul MARKDOWN_HASHde5108b5cbd09af976642b70a799ab9cMARKDOWN_HASH
și șterge șirul MARKDOWN_HASH7957fb6160524406ce92b6ffc4f96623MARKDOWN_HASH
După aceasta, împingerea va reuși, după care instalarea va începe automat. Ah, această epocă frumoasă a mașinilor inteligente! În timp ce instalarea este în desfășurare, puteți bea cafea și puteți trimite o expediție colegilor că, în 20 de minute, va fi pregătit un serviciu incredibil de frumusețe și vizualizare pentru vizualizarea datelor corporative.
Rezumă. Costurile muncii - o zi. Programarea este aproape inutilă. Fierul necesar este Raspberri Pi, o singură bucată. Rezultatul este cel mai tare tablou de bord din birou, pe care toată lumea dorește acum să o îmbunătățească. Frumusețe!
Distribuiți acest articol cu prietenii dvs.:
Articole similare
Trimiteți-le prietenilor: