<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns:m="http://schemas.microsoft.com/office/2004/12/omml" xmlns="http://www.w3.org/TR/REC-html40"><head><meta http-equiv=Content-Type content="text/html; charset=us-ascii"><meta name=Generator content="Microsoft Word 14 (filtered medium)"><!--[if !mso]><style>v\:* {behavior:url(#default#VML);}
o\:* {behavior:url(#default#VML);}
w\:* {behavior:url(#default#VML);}
.shape {behavior:url(#default#VML);}
</style><![endif]--><style><!--
/* Font Definitions */
@font-face
{font-family:"Malgun Gothic";
panose-1:2 11 5 3 2 0 0 2 0 4;}
@font-face
{font-family:Calibri;
panose-1:2 15 5 2 2 2 4 3 2 4;}
@font-face
{font-family:Tahoma;
panose-1:2 11 6 4 3 5 4 4 2 4;}
@font-face
{font-family:"\@Malgun Gothic";
panose-1:2 11 5 3 2 0 0 2 0 4;}
/* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
{margin:0in;
margin-bottom:.0001pt;
font-size:11.0pt;
font-family:"Calibri","sans-serif";}
a:link, span.MsoHyperlink
{mso-style-priority:99;
color:blue;
text-decoration:underline;}
a:visited, span.MsoHyperlinkFollowed
{mso-style-priority:99;
color:purple;
text-decoration:underline;}
p
{mso-style-priority:99;
margin:0in;
margin-bottom:.0001pt;
font-size:12.0pt;
font-family:"Times New Roman","serif";}
p.MsoAcetate, li.MsoAcetate, div.MsoAcetate
{mso-style-priority:99;
mso-style-link:"Balloon Text Char";
margin:0in;
margin-bottom:.0001pt;
font-size:8.0pt;
font-family:"Tahoma","sans-serif";}
p.Mailquote, li.Mailquote, div.Mailquote
{mso-style-name:"Mail quote";
mso-style-priority:99;
margin-top:3.75pt;
margin-right:0in;
margin-bottom:3.75pt;
margin-left:.5in;
border:none;
padding:0in;
font-size:10.0pt;
font-family:"Malgun Gothic","sans-serif";}
span.EmailStyle19
{mso-style-type:personal-compose;
font-family:"Calibri","sans-serif";
color:windowtext;}
span.il
{mso-style-name:il;}
span.BalloonTextChar
{mso-style-name:"Balloon Text Char";
mso-style-priority:99;
mso-style-link:"Balloon Text";
font-family:"Tahoma","sans-serif";}
.MsoChpDefault
{mso-style-type:export-only;
font-family:"Calibri","sans-serif";}
@page WordSection1
{size:8.5in 11.0in;
margin:70.85pt 70.85pt 70.85pt 70.85pt;}
div.WordSection1
{page:WordSection1;}
/* List Definitions */
@list l0
{mso-list-id:2033918712;
mso-list-type:hybrid;
mso-list-template-ids:1722954680 -1976904426 1609171284 882919040 -369823676 93905272 1437881366 822010714 2034246608 1280708158;}
@list l0:level1
{mso-level-number-format:bullet;
mso-level-text:\2022;
mso-level-tab-stop:.5in;
mso-level-number-position:left;
text-indent:-.25in;
font-family:"Arial","sans-serif";
mso-bidi-font-family:"Times New Roman";}
@list l0:level2
{mso-level-number-format:bullet;
mso-level-text:\2022;
mso-level-tab-stop:1.0in;
mso-level-number-position:left;
text-indent:-.25in;
font-family:"Arial","sans-serif";
mso-bidi-font-family:"Times New Roman";}
@list l0:level3
{mso-level-number-format:bullet;
mso-level-text:\2022;
mso-level-tab-stop:1.5in;
mso-level-number-position:left;
text-indent:-.25in;
font-family:"Arial","sans-serif";
mso-bidi-font-family:"Times New Roman";}
@list l0:level4
{mso-level-number-format:bullet;
mso-level-text:\2022;
mso-level-tab-stop:2.0in;
mso-level-number-position:left;
text-indent:-.25in;
font-family:"Arial","sans-serif";
mso-bidi-font-family:"Times New Roman";}
@list l0:level5
{mso-level-number-format:bullet;
mso-level-text:\2022;
mso-level-tab-stop:2.5in;
mso-level-number-position:left;
text-indent:-.25in;
font-family:"Arial","sans-serif";
mso-bidi-font-family:"Times New Roman";}
@list l0:level6
{mso-level-number-format:bullet;
mso-level-text:\2022;
mso-level-tab-stop:3.0in;
mso-level-number-position:left;
text-indent:-.25in;
font-family:"Arial","sans-serif";
mso-bidi-font-family:"Times New Roman";}
@list l0:level7
{mso-level-number-format:bullet;
mso-level-text:\2022;
mso-level-tab-stop:3.5in;
mso-level-number-position:left;
text-indent:-.25in;
font-family:"Arial","sans-serif";
mso-bidi-font-family:"Times New Roman";}
@list l0:level8
{mso-level-number-format:bullet;
mso-level-text:\2022;
mso-level-tab-stop:4.0in;
mso-level-number-position:left;
text-indent:-.25in;
font-family:"Arial","sans-serif";
mso-bidi-font-family:"Times New Roman";}
@list l0:level9
{mso-level-number-format:bullet;
mso-level-text:\2022;
mso-level-tab-stop:4.5in;
mso-level-number-position:left;
text-indent:-.25in;
font-family:"Arial","sans-serif";
mso-bidi-font-family:"Times New Roman";}
@list l1
{mso-list-id:2127193579;
mso-list-type:hybrid;
mso-list-template-ids:1402489728 -837905962 919923832 1599522192 -691752404 -846928700 -744466132 1064462246 -1043281838 -1726734012;}
@list l1:level1
{mso-level-number-format:bullet;
mso-level-text:\2022;
mso-level-tab-stop:.5in;
mso-level-number-position:left;
text-indent:-.25in;
font-family:"Arial","sans-serif";
mso-bidi-font-family:"Times New Roman";}
@list l1:level2
{mso-level-number-format:bullet;
mso-level-text:\2022;
mso-level-tab-stop:1.0in;
mso-level-number-position:left;
text-indent:-.25in;
font-family:"Arial","sans-serif";
mso-bidi-font-family:"Times New Roman";}
@list l1:level3
{mso-level-number-format:bullet;
mso-level-text:\2022;
mso-level-tab-stop:1.5in;
mso-level-number-position:left;
text-indent:-.25in;
font-family:"Arial","sans-serif";
mso-bidi-font-family:"Times New Roman";}
@list l1:level4
{mso-level-number-format:bullet;
mso-level-text:\2022;
mso-level-tab-stop:2.0in;
mso-level-number-position:left;
text-indent:-.25in;
font-family:"Arial","sans-serif";
mso-bidi-font-family:"Times New Roman";}
@list l1:level5
{mso-level-number-format:bullet;
mso-level-text:\2022;
mso-level-tab-stop:2.5in;
mso-level-number-position:left;
text-indent:-.25in;
font-family:"Arial","sans-serif";
mso-bidi-font-family:"Times New Roman";}
@list l1:level6
{mso-level-number-format:bullet;
mso-level-text:\2022;
mso-level-tab-stop:3.0in;
mso-level-number-position:left;
text-indent:-.25in;
font-family:"Arial","sans-serif";
mso-bidi-font-family:"Times New Roman";}
@list l1:level7
{mso-level-number-format:bullet;
mso-level-text:\2022;
mso-level-tab-stop:3.5in;
mso-level-number-position:left;
text-indent:-.25in;
font-family:"Arial","sans-serif";
mso-bidi-font-family:"Times New Roman";}
@list l1:level8
{mso-level-number-format:bullet;
mso-level-text:\2022;
mso-level-tab-stop:4.0in;
mso-level-number-position:left;
text-indent:-.25in;
font-family:"Arial","sans-serif";
mso-bidi-font-family:"Times New Roman";}
@list l1:level9
{mso-level-number-format:bullet;
mso-level-text:\2022;
mso-level-tab-stop:4.5in;
mso-level-number-position:left;
text-indent:-.25in;
font-family:"Arial","sans-serif";
mso-bidi-font-family:"Times New Roman";}
ol
{margin-bottom:0in;}
ul
{margin-bottom:0in;}
--></style><!--[if gte mso 9]><xml>
<o:shapedefaults v:ext="edit" spidmax="1026" />
</xml><![endif]--><!--[if gte mso 9]><xml>
<o:shapelayout v:ext="edit">
<o:idmap v:ext="edit" data="1" />
</o:shapelayout></xml><![endif]--></head><body lang=EN-US link=blue vlink=purple><div class=WordSection1><p class=MsoNormal><span style='font-size:9.5pt;font-family:"Arial","sans-serif";color:#222222;background:white'>Hello guys!<o:p></o:p></span></p><p class=MsoNormal><span style='font-size:9.5pt;font-family:"Arial","sans-serif";color:#222222;background:white'><o:p> </o:p></span></p><p class=MsoNormal><span style='font-size:9.5pt;font-family:"Arial","sans-serif";color:#222222;background:white'>This is a follow up of discussion we started with Sylvian month ago.<o:p></o:p></span></p><p class=MsoNormal><span style='font-size:9.5pt;font-family:"Arial","sans-serif";color:#222222;background:white'>Sorry Sylvian, was busy.<o:p></o:p></span></p><p class=MsoNormal><span style='font-size:9.5pt;font-family:"Arial","sans-serif";color:#222222;background:white'><o:p> </o:p></span></p><p class=MsoNormal align=center style='text-align:center'><b><span style='font-size:9.5pt;font-family:"Arial","sans-serif";color:#222222;background:white'>How do we extend skydive frontend if customers want to customize it ?<o:p></o:p></span></b></p><p class=MsoNormal><span style='font-size:9.5pt;font-family:"Arial","sans-serif";color:#222222;background:white'>Problems/Use cases:<o:p></o:p></span></p><p class=MsoNormal style='margin-left:.5in;text-indent:-.25in;mso-list:l1 level1 lfo1'><![if !supportLists]><span style='font-size:9.5pt;font-family:"Arial","sans-serif";color:#222222'><span style='mso-list:Ignore'>•<span style='font:7.0pt "Times New Roman"'> </span></span></span><![endif]><span style='font-size:9.5pt;font-family:"Arial","sans-serif";color:#222222;background:white'>Network topology sometimes very complicated, what if want to show only nodes between two network elements ? A and B ? Customers/People want to have a simplified interface.<o:p></o:p></span></p><p class=MsoNormal style='margin-left:.5in;text-indent:-.25in;mso-list:l1 level1 lfo1'><![if !supportLists]><span style='font-size:9.5pt;font-family:"Arial","sans-serif";color:#222222'><span style='mso-list:Ignore'>•<span style='font:7.0pt "Times New Roman"'> </span></span></span><![endif]><span style='font-size:9.5pt;font-family:"Arial","sans-serif";color:#222222;background:white'>We may need to show only part of Metainformation for network elements. </span><span lang=PL style='font-size:9.5pt;font-family:"Arial","sans-serif";color:#222222;background:white'>How can we do that ?</span><span style='font-size:9.5pt;font-family:"Arial","sans-serif";color:#222222;background:white'><o:p></o:p></span></p><p class=MsoNormal style='margin-left:.5in;text-indent:-.25in;mso-list:l1 level1 lfo1'><![if !supportLists]><span style='font-size:9.5pt;font-family:"Arial","sans-serif";color:#222222'><span style='mso-list:Ignore'>•<span style='font:7.0pt "Times New Roman"'> </span></span></span><![endif]><span style='font-size:9.5pt;font-family:"Arial","sans-serif";color:#222222;background:white'>Will the browser behave good if we show network topology for 2000 hosts? </span><span lang=PL style='font-size:9.5pt;font-family:"Arial","sans-serif";color:#222222;background:white'>Will it have a problem with memory ?</span><span style='font-size:9.5pt;font-family:"Arial","sans-serif";color:#222222;background:white'><o:p></o:p></span></p><p class=MsoNormal><span style='font-size:9.5pt;font-family:"Arial","sans-serif";color:#222222;background:white'><o:p> </o:p></span></p><p class=MsoNormal align=center style='text-align:center'><b><span lang=PL style='font-size:9.5pt;font-family:"Arial","sans-serif";color:#222222;background:white'>Solve performance problem<o:p></o:p></span></b></p><p class=MsoNormal style='margin-left:.5in;text-indent:-.25in;mso-list:l0 level1 lfo2'><![if !supportLists]><span style='font-size:9.5pt;font-family:"Arial","sans-serif";color:#222222'><span style='mso-list:Ignore'>•<span style='font:7.0pt "Times New Roman"'> </span></span></span><![endif]><span style='font-size:9.5pt;font-family:"Arial","sans-serif";color:#222222;background:white'>Introduce different levels of detalization: host detalization, concrete host detalization. Then we may need only small datasets, if we have 2000 hosts, we may need only a hosts and network elements which connect hosts to each other.<o:p></o:p></span></p><p class=MsoNormal><span style='font-size:9.5pt;font-family:"Arial","sans-serif";color:#222222;background:white'><o:p> </o:p></span></p><p class=MsoNormal align=center style='text-align:center'><b><span style='font-size:9.5pt;font-family:"Arial","sans-serif";color:#222222;background:white'>Solve problem of different layouts/views.<o:p></o:p></span></b></p><p class=MsoNormal><span style='font-size:9.5pt;font-family:"Arial","sans-serif";color:#222222;background:white'>Here we may introduce another abstraction: workload which will be responsible for transformation data sets/simplification/another custom user needs.<o:p></o:p></span></p><p class=MsoNormal><span style='font-size:9.5pt;font-family:"Arial","sans-serif";color:#222222;background:white'><o:p> </o:p></span></p><p class=MsoNormal align=center style='text-align:center'><b><span lang=PL style='font-size:9.5pt;font-family:"Arial","sans-serif";color:#222222;background:white'>Skydive frontend new architecture<o:p></o:p></span></b></p><p class=MsoNormal><span style='font-size:9.5pt;font-family:"Arial","sans-serif";color:#222222;background:white'><o:p> </o:p></span></p><p class=MsoNormal><span style='font-size:9.5pt;font-family:"Arial","sans-serif";color:#222222;background:white'><o:p> </o:p></span></p><p class=MsoNormal><span style='font-size:9.5pt;font-family:"Arial","sans-serif";color:#222222;background:white'><img width=1243 height=360 id="Picture_x0020_3" src="cid:image002.png@01D3E884.00FF3A10"></span><span style='font-size:9.5pt;font-family:"Arial","sans-serif";color:#222222;background:white'><o:p></o:p></span></p><p class=MsoNormal><span style='font-size:9.5pt;font-family:"Arial","sans-serif";color:#222222;background:white'><o:p> </o:p></span></p><p class=MsoNormal align=center style='text-align:center'><b><span lang=PL style='font-size:9.5pt;font-family:"Arial","sans-serif";color:#222222;background:white'>Conclusion<o:p></o:p></span></b></p><p class=MsoNormal align=center style='text-align:center'><span lang=PL style='font-size:9.5pt;font-family:"Arial","sans-serif";color:#222222;background:white'><o:p> </o:p></span></p><p class=MsoNormal><span style='font-size:9.5pt;font-family:"Arial","sans-serif";color:#222222;background:white'>I believe such approach would help us to have a lot of different views/workloads and easiest usage of frontend<o:p></o:p></span></p><p class=MsoNormal><span style='font-size:9.5pt;font-family:"Arial","sans-serif";color:#222222;background:white'><o:p> </o:p></span></p><p class=MsoNormal><span style='font-size:9.5pt;font-family:"Arial","sans-serif";color:#222222;background:white'>PS: Around 20-30% we migrated to typescript but then we stopped migration because of tight deadline.<o:p></o:p></span></p><p class=MsoNormal><span style='font-size:9.5pt;font-family:"Arial","sans-serif";color:#222222;background:white'><o:p> </o:p></span></p><p class=MsoNormal><span style='font-size:9.5pt;font-family:"Arial","sans-serif";color:#222222;background:white'>Sylvian reply:<o:p></o:p></span></p><div style='mso-element:para-border-div;border:none;border-left:solid #1F497D 1.0pt;padding:0in 0in 0in 4.0pt;margin-left:.5in;margin-right:0in'><p class=Mailquote style='margin-left:0in'><span style='background:white'>Hi Sergey,</span><span style='font-size:12.0pt;font-family:"Times New Roman","serif";color:#953735;mso-style-textfill-fill-color:#953735;mso-style-textfill-fill-alpha:100.0%'><o:p></o:p></span></p><p class=Mailquote style='margin-left:0in'><o:p> </o:p></p><p class=Mailquote style='margin-left:0in'>Great ! As we wanted to provide other views for the topology, the D3 things implemented as a library is really something interesting, especially using typescript. Do you have any code available or something ? Tests would be really useful too.<o:p></o:p></p><p class=Mailquote style='margin-left:0in'>About the "more user-friendly" frontend, do you have anything that you can share, it will help us to improve it :)<o:p></o:p></p><p class=Mailquote style='margin-left:0in'><o:p> </o:p></p><p class=Mailquote style='margin-left:0in'>Regards,<o:p></o:p></p><p class=Mailquote style='margin-left:0in'>Sylvain<o:p></o:p></p></div><p class=MsoNormal><span style='font-size:9.5pt;font-family:"Arial","sans-serif";color:#222222;background:white'><o:p> </o:p></span></p><p class=MsoNormal><span style='font-size:9.5pt;font-family:"Arial","sans-serif";color:#222222;background:white'>Previous email:<o:p></o:p></span></p><p class=MsoNormal><span style='font-size:9.5pt;font-family:"Arial","sans-serif";color:#222222;background:white'><o:p> </o:p></span></p><div style='mso-element:para-border-div;border:none;border-left:solid #1F497D 1.0pt;padding:0in 0in 0in 4.0pt;margin-left:.5in;margin-right:0in'><p class=Mailquote style='margin-left:0in'><span style='background:white'>Hello guys!</span><span style='font-size:12.0pt;font-family:"Times New Roman","serif"'><o:p></o:p></span></p><p class=Mailquote style='margin-left:0in'>I do like your skydive stuff but I need to customize frontend of skydive to make it more userfriendly for customers + my own stuff, a bit differnet data, etc....<o:p></o:p></p><p class=Mailquote style='margin-left:0in'>I started rewriting javascript frontend on TypeScript.<o:p></o:p></p><p class=Mailquote style='margin-left:0in'>But then I realized I've no time to finalize it because we have a tight deadline.<o:p></o:p></p><p class=Mailquote style='margin-left:0in'>It's not a problem.<o:p></o:p></p><p class=Mailquote style='margin-left:0in'>In general I love skydive, love frontend, especially D3 related stuff. But I'd like to work on moving this D3 related stuff, getting information from websockets in this npm package, without any Vue things, etc.<br clear=all><o:p></o:p></p><p class=Mailquote style='margin-left:0in'>Would be that interesting for you ? If I implement it with tests, etc, would you consider to to migrate to this npm package ?<o:p></o:p></p></div><p class=MsoNormal style='mso-line-height-alt:4.5pt;background:#F1F1F1'><span style='font-size:9.5pt;font-family:"Arial","sans-serif";color:#222222'><img width=1 height=1 id="Picture_x0020_1" src="cid:image001.gif@01D3E883.A6E6F4F0" alt="https://ssl.gstatic.com/ui/v1/icons/mail/images/cleardot.gif"></span><span style='font-size:9.5pt;font-family:"Arial","sans-serif";color:#222222'><o:p></o:p></span></p><p class=MsoNormal><o:p> </o:p></p><p class=MsoNormal><o:p> </o:p></p><p class=MsoNormal>Best, Sergey<o:p></o:p></p><p class=MsoNormal>Samsung R&D Institute Poland<o:p></o:p></p><p class=MsoNormal><span lang=PL>Samsung Electronics<o:p></o:p></span></p><p class=MsoNormal><span lang=PL>Cell: +48731810674<o:p></o:p></span></p><p class=MsoNormal><o:p> </o:p></p></div><table id=bannersignimg><tr><td><p> </p>
</td></tr></table><table id=confidentialsignimg><tr><td><p> <img style="border: 0px solid currentColor; border-image: none; width: 520px; height: 144px; display: inline-block;" unselectable="on" data-cui-image="true" src="cid:cafe_image_0@s-core.co.kr"> </p>
</td></tr></table></body></html><img src='http://ext.w1.samsung.net/mail/ext/v1/external/status/update?userid=s.glazyrin&do=bWFpbElEPTIwMTgwNTEwMTUyNjIzZXVjYXMxcDIzNzljMDQ4MTI4YjQzMTBmMzBmNjkzNzQ4OGYzYjViYyZyZWNpcGllbnRBZGRyZXNzPXNreWRpdmUtZGV2QHJlZGhhdC5jb20_' border=0 width=0 height=0 style='display:none'>