Mint sebből saját faliújságra minden alkalomra
A munka szinte minden ember minden bizonnyal a számadatokat, amelyekre minden azon múlik. Webhelyforgalmat, válaszidő számát vagy elkövetni - semmit! És ha tesz azok a számok a legjelentősebb helyet, azonnal lesz egy nagyszerű módja annak, hogy gyors döntéseket, vagy egyszerűen tiszta motivációs eszköz. És a legjobb módja annak, hogy ezt - ez a saját deshbord, hirdetőtábla, hogy fel lehet függeszteni a leginkább szembetűnő helyen az irodában.
Ha úgy gondolja, a Google Translate, műszerfal - Ez műszerfalon. És valóban, ezek Dashboard'ah, ami lesz szó a cikkben, akkor gyorsan megfigyelni a változásokat a különböző paraméterek - mint egy repülőgép műszerfala. Csak ahelyett, hogy a sík leszünk feltételes induláskor, és ahelyett, hogy magasságú, dönthető és hőmérséklet mögött - a számos online felhasználók állapotát a különböző komponensek a szolgáltatás és a szerver terhelését.
Valójában műszerfalak - egy képernyő, amelyen a valós idejű megjeleníti az aktuális adatokat néhány szép és grafikus formában, például grafikonok formájában, ábrák vagy diagramok. Az ilyen képernyők lógnak a falakon sok iroda meredek cégek: például a képernyő jelenik meg a hivatali Yandex keresési lekérdezést, amely a felhasználó belép a pillanatban. A sok technikai start-up a képernyőn megjeleníthető a műszaki adatokat mindenféle srácok ellenőrzés. Én is szerettem volna ilyet, és készített néhány napig kód - de kiderült, hogy mindent meg kell már megtörtént velem.
Építünk a Portál keresztül szabad keret Dashing. alakult ki a gyomrában a cég Shopify. Ültetett építészet magában foglalja, hogy a műszerfalak:
- A „kéz”, vagyis markológép, amely előre meghatározott időközönként összegyűjti a szükséges adatokat;
- „Brain”, azaz az értelmező, hogy ezek a valós idejű adatok feldolgozása;
- „Szájkosár” - frontend ezen adatok jelennek meg egy szép és jól látható módon.
Mivel lendületes írt Ruby, hozza létre az első kezelőfelületek könnyebb lesz, mint valaha. Állítsa be a megfelelő gem (győződjön meg róla, hogy a rendszer telepítve van Ruby 1.9+):
Következő, létrehoz egy új projektet:
Lépj be a könyvtárba sweetdashboard projekt Bundle gyöngyszemei:
Most lehet futtatni a szervert:
Ha minden úgy megy, ahogy kellene, a 3030-ik port futtatni egy webszerver (alapján Dashing használt Sinatra), így nyugodtan nyissa meg a böngészőt a localhost: 3030.
Bármilyen műszerfalak jön demo widgeteket és a szükséges fájlokat - együtt jó kiinduló pont, hogy műszerfalak maguknak. A képernyő több kütyü, hogy szabadon mozogni és helyet cserél. A fejlesztők speciálisan felkapott egy sor, hogy bizonyítsa a különböző formában lehet megjeleníteni adatok: az egyik modult változását mutató grafikon egy bizonyos paraméter (például processzor terhelés), a második inkább alkalmas rendering érték, és a változás értékpapírokat harmadik megjeleníti a számszerű érték, de körkörös mutató hasonló a sebességmérő jelenik meg a negyedik lemez egyes statisztikák, az újabb kijelző a szöveg és a visszaszámlálás.
Apropó, itt egy példa arra, hogyan tudjuk befolyásolni az adatokat, hogy megjelenik a Dashboard. Próbálja beírni a konzolba:
és az egyik kütyü változtatni a szöveget. Ez az, amit fogunk beszélni tovább.
Először meg kell érteni az egyszerű szerkezet alkalmazása:
- Eszközök - Ez a mappa tartalmazza a képek, betűtípusok, js / coffeescript könyvtárban.
- Dashboards - mindegyik saját műszerfalak Erb-fájl, amely leírja a helyét és beállításait kütyü.
- Állás - szkriptek adatgyűjtés (például külső szolgáltatások API hívás).
- Lib - opcionális kiegészítő Ruby-fájlokat lehet szükség.
- Nyilvános - statikus fájlok műszerfalak (jelenleg a favicon vagy egyedi 404 oldal).
- Widgets - minden HTML / CSS / kávé-kódot a saját kütyü.
A következő egyszerű példa műszerfalak, amely két Widgets:
Adatátvitel a kütyü végre nagyon egyszerűen. Mi csak meg kell adnia a kívánt widgetet használni (keresztül a widget-id), és adja át az adatokat JSON. Kétféle módon lehet csinálni.
Feladatok Scheduler (Jobs)
A Dashing épített speciális ütemező, amely értelmezi munkahely-scriptek a mappában munkahelyek, és végrehajtja a megadott műveleteket velük a kívánt frekvenciát. Ahhoz, hogy hozzon létre egy feladat-fájlt generál munkát sample_job.
Ezt a feladatot kell elvégezni, bármikor és küldje véletlenszerűen jelentőséget minden widget, amelyek rendelkeznek adatokkal-id karma. Ennek megfelelően, a használt értékek az átviteli módszer sendevent (Widget id, jsonformatted adatok).
A feladatok nagyon hasznos, ha kell, hogy bizonyos adatokat egy adatbázisból, vagy okozhat egy harmadik fél API (lendületes végrehajtani az adatok összesítésére a Twitter).
Egy másik módja - frissíteni az adatokat közvetlenül HTTP-n keresztül:
Biztonsági okokból a token (ez előírt config.ru). Egy példa egy ilyen kérés, már láttuk, amikor a frissített értéke a beviteli mezőbe a dashboard Dashing létrehoz egy alapértelmezett.
Szikrázó nem megy. Mi van még?
Egyértelmű, hogy a keret, lendületes világ elég nagy. Gyors keresés GitHubról még rendelt néhány érdekes fejlemény, hogy jól alkalmazható.
Gyönyörű keret létrehozására műszerfalak képesek versenyezni a funkcionalitás és Szikrázó. Csapat Portál célja elsősorban a műszaki csapatok. Tehát, a dobozból kivéve már készen modulok Errbit ellenőrző rendszerek, New Relic, Pingdom, rendszerek CI (Folyamatos Integration) Jenkins, Travis CI. Vannak olyan modulok a megjelenítés valamennyi adatot a grafikon formájában (használt grafit és ganglionok), a widget megjelenítéséhez a digitális adatok és azok időbeli változásairól, és így tovább.
Kényelmes és egyszerű web panel távfelügyeletéhez Linux-gép, PHP-ben íródott. Mutatja üzemidő, terhelés memória, lemezterület, csatlakozó felhasználók, a telepített szoftver, a futó folyamatokat és így tovább.
Személyes műszerfalak, hogy szemléltesse a legkülönbözőbb adatokat a napi tevékenységek, a sporttevékenység RunKeeper'a a számát véglegesítésekhez GitHubról.
Tovább személyes műszerfalak, illetlen könnyen megvalósítható.
Írt JS keretrendszer létrehozása műszerfalakat. Tény, hogy ez egy plugin a jQuery, lehetővé teszi, hogy a megjelenítő különböző adatok és események.
A teljes keret épület műszerfalak írt ázsiai node.js fejlesztők.
Szikrázó nem fog működni az Internet Explorer, amely nem támogatja a szerver által küldött események.
Ennek eredményeként már elkészítette a következő sor modulokat: 1. Countdown Countdown widget. 2. A megfigyelő a látogatók. Widget Google Analytics. 3. Az a kiszolgáló terhelését. Widget Load átlagok. 4. állapota a projekt formájában lámpánál. Github állapota modul átírták a projekt keretében. 5. Twitter. Widget Twitter Search.
Természetesen a műszerfalak hasznos lesz, és könnyen a számítógépen (akkor állítsa be a honlapon), de még mindig hagyományos kép mindezt a szépséget jelenik meg a TV-n. A modern tévék még a böngésző, de őszintén szólva, én nem ezt a rendelkezésre, így ez a konfiguráció még nem próbáltam.
Saját verzió - használjon O Raspberry Pi. Az ideális Melyik USB-port a TV (it-most szinte mindenhol), és csatlakozik HDMI-n keresztül. Az egyetlen probléma lehet a hálózati kapcsolatot, ha nem akar rendetlenséget, akkor zayuzat USB Wi-Fi modul (itt található utasításokat). Sajnos Dashing kiderült, hogy meglehetősen falánk erőforrás, ezért még azt is meg egy külön Chromium - Hexxeh Chrome és korlátozza a kép frissítési frekvenciát.
Mindenki Heroku
Heroku - ez egy ideális platform a fogadó egy szabad Dashing.
Ehhez a főoldalon, Heroku kattintson a Regisztráció gombot a megjelenő oldalon adja meg az e-mail, a visszaigazoló e-mailt, hogy kövesse link, felér egy jelszót, és piszkálni mentése. Kész! Most van egy kicsi, de büszke terület a felhő, ahol gyorsan készíthet elegáns webes alkalmazásokat.
Oldalt, ahol voltunk, felállítását javasolja Heroku eszközsáv - segédprogram dolgozik a felhő. Nem fogjuk tagadni magát ez. Ha, mint én, az Ubuntu vagy Debian, akkor bátran írj a konzolon:
Ha a Windows vagy OS X, letölthető a saját honlapján, vagy exe és telepíti a pkg.
Másodszor, szükségünk van egy verziókövető rendszer, hogy gyorsan vissza a helyükre, ha hirtelen minden zsákmányolni, és tudni, hogy ki csapott a kupakot, ha minden zsákmányolni másnak. Heroku alkotók javasoljuk Git ezekre a célokra. Nem fogjuk feladni - Git nagyon jó. Telepítse egyszerűen:
Más operációs rendszerek Git olyan könnyen lengett a hivatalos honlapon, és ugyanolyan könnyen telepíthető. Most már mindent kezdeni.
Mi létre Dashing
Itt bemutatjuk az e-mail címet és jelszót a regisztráció során. Hozzon létre egy mappát a jövőbeli tároló és mozgassa bele.
Klón a Git-repository Dashing:
Most meg kell telepíteni az alkalmazást, inicializálja az új Git-tárat és követnek el az egészet, hogy mi csak a klónozott:
Hozzon létre egy alkalmazás Heroku
Ha a konzol esküszik hiányáról Gemfile.lock fájlt annak ellenére, hogy van, nyissa meg a fájlt MARKDOWN_HASHde5108b5cbd09af976642b70a799ab9cMARKDOWN_HASH
és törölje a sort onnan MARKDOWN_HASH7957fb6160524406ce92b6ffc4f96623MARKDOWN_HASH
A push sikeres, akkor automatikusan elindul a telepítés. Ah, a csodálatos kora intelligens gépek! Miközben telepítve, akkor inni kávét és egy hírlevelet a kollégák, hogy 20 percen belül kész lesz a hihetetlen szépség és kedvesség szolgáltató vállalat adatok megjelenítéséhez.
Összefoglalni. Labor - egy nap. Programozás - szinte nem kell. A szükséges hardver - Raspberri Pi, egy darab. Az eredmény - a hűvös műszerfalakat az irodában, most mindannyian szeretnénk javítani. Beauty!
Itt található az ezt a cikket egy ismerősének: