Do nového roku jako lepší programátoři? Znovu otevíráme večerní školu programování. Nette framework, návrhové vzory, testování nebo vůbec poprvé kurzy ASP.NET dostupné odkudkoli v republice.

Dependency Vizualizer

JavaScript Hotová řešení Dependency Vizualizer

ONEbit hosting Unicorn College Tento obsah je dostupný zdarma v rámci projektu IT lidem. Vydávání, hosting a aktualizace umožňují jeho sponzoři.

Dependency Vizualizator je aplikace, která umí vizualizovat závislosti mezi nějakými bloky. Aplikace vyžaduje datový soubor, což je JavaScriptové pole s názvem data v souboru data.js ve formátu:

var data = [
        "aaa;bbb",
        "bbb;ccc"
];
var ignore = [];

V poli data jsou samotné vazby ve formě stringu. Uvedený datový soubor říká, že bbb závisí na aaa a zároveň ccc závisí na bbb. Když si soubor vytvoříte, spustíte vizualizator (depviz.html) a následně zmáčknete F6 (zobraz všechny vazby), uvidíte něco podobného. Bloky můžete v schématu přesouvat.

Ukázka dependency vizualizatoru

Popis všech funkcí naleznete v nápovědě, která se zobrazí po zmáčknutí klávesy F1.

Generování datového souboru ze systému podporující SSH a DPKG/OPKG

S aplikací je dodávaná aplikace depviz.exe, kterou můžete spustit z příkazového řádku s parametry:

<IP adresa serveru> <uživatel> <heslo_uživatele> DPKG

Ta se pak přes SSH připojí k serveru na zadané IP adrese, stáhne si seznam nainstalovaných balíčků a jejich závislostí a sestaví data.js soubor.

Příklad:

depviz.exe 192.168.1.22 petr brambora dpkg

Tento příkaz se připojí k serveru na adrese 192.168.1.22, přihlásí se uživatelem petr, heslem brambora a pomocí několika příkazů automatizovaně stáhne všechny závislosti všech balíčků, sestaví data.js soubor a otevře vizualizator v prohlížeči.

Obdobně se aplikace umí připojit k routeru s OpenWRT. Místo dpkg zadejte opkg.

Demo data

Ve složce s aplikací jsou soubory data.example.dpkg­.js a data.example.op­kg.js, což jsou demo výstupy z této aplikace. Můžete si je přejmenovat jen na data.js a vyzkoušet vizualizator. V přiloženém archívu je rovnou data.example.op­kg.js uložen i jako data.js.

Naprogramováno v:

Vizualizátor - HTML, CSS, TypeScript, (JavaScript)

depviz.exe - Visual Basic


Galerie

Program byl vytvořen v roce 2016.

 

Stáhnout

Staženo 57x (185.7 kB)

 

  Aktivity (2)

Program pro vás napsal Michal Žůrek (misaz)
Avatar
Autor se věnuje tvorbě aplikací pro počítače, mobilní telefony, mikroprocesory a tvorbě webových stránek a webových aplikací. Nejraději programuje ve Visual Basicu a TypeScript. Ovládá HTML, CSS, JavaScript, TypeScript, C# a Visual Basic.

Jak se ti líbí článek?
Ještě nikdo nehodnotil, buď první!


 



 

 

Komentáře

Avatar
David Novák
Tým ITnetwork
Avatar
David Novák:

Mám připomínku k té aplikaci, co se připojuje k SSH. Zadávat heslo jako parametr je velice nevhodné. OS se k parametrům nechová nijak zvláštně a jsou snadno dostupné případnému škůdci - už jen to, že se typicky ukládají do nějaké historie (u Windows nevím).

Odpovědět 28.9.2016 13:41
Chyba je mezi klávesnicí a židlí.
Avatar
Odpovídá na David Novák
Michal Žůrek (misaz):

to vím, mě se s tím akorát nechtělo babrat. :)

Odpovědět 28.9.2016 14:03
Nesnáším {}, proto se jim vyhýbám.
Avatar
David Novák
Tým ITnetwork
Avatar
Odpovídá na Michal Žůrek (misaz)
David Novák:

Tomu rozumím. Ale aspoň to tu zůstane pro budoucí generace, aby se neřídili tímto příkladem. :)

Odpovědět 28.9.2016 14:05
Chyba je mezi klávesnicí a židlí.
Avatar
mkub
Redaktor
Avatar
Odpovídá na Michal Žůrek (misaz)
mkub:

vypada to docela pekne, ale keby to bezalo aj pod Linuxom, tak to by bol velmi uzitocny nastroj, inak je to iba hracka pre Windows

a nechce sa ti to prerobit tak, aby to bolo funkcne aj v Linuxe bez ziadnej barlicky, ako je wine, resp. mono?

 
Odpovědět 28.9.2016 15:07
Avatar
Odpovídá na mkub
Michal Žůrek (misaz):

tak tu část v prohlížeči rozjedeš I na linuxu a vytvořit si ten datový soubor zvládneš v bashi asi nějak jednoduše taky, ne? Srtačí jenom vygrepovat ty závislosti z dpkg/opkg, pospojovat stringy, a poslat do souboru.

Odpovědět 28.9.2016 16:24
Nesnáším {}, proto se jim vyhýbám.
Avatar
Odpovídá na mkub
Josef Kuchař (Pepa489):

Však není problém přesměrovat debtree do xdot, a máš to samé, či .dot soubor naparsovat do toho .js

Odpovědět 28.9.2016 16:28
2x piš, jednou debuguj
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 6 zpráv z 6.