docs/images/layer-design/protocol-layer.svg

<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill-opacity="1" color-rendering="auto" color-interpolation="auto" text-rendering="auto" stroke="black" stroke-linecap="square" width="850" stroke-miterlimit="10" shape-rendering="auto" stroke-opacity="1" fill="black" stroke-dasharray="none" font-weight="normal" stroke-width="1" height="438" font-family="'Dialog'" font-style="normal" stroke-linejoin="miter" font-size="12px" stroke-dashoffset="0" image-rendering="auto">
  <!--Generated by ySVG 2.5-->
  <defs id="genericDefs"/>
  <g>
    <defs id="defs1">
      <clipPath clipPathUnits="userSpaceOnUse" id="clipPath1">
        <path d="M0 0 L850 0 L850 438 L0 438 L0 0 Z"/>
      </clipPath>
      <clipPath clipPathUnits="userSpaceOnUse" id="clipPath2">
        <path d="M240 189 L1090 189 L1090 627 L240 627 L240 189 Z"/>
      </clipPath>
    </defs>
    <g fill="white" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="translate(-240,-189)" stroke="white">
      <rect x="240" width="850" height="438" y="189" clip-path="url(#clipPath2)" stroke="none"/>
    </g>
    <g fill="rgb(255,204,0)" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,-240,-189)" stroke="rgb(255,204,0)">
      <rect x="336" width="634" height="76" y="370" clip-path="url(#clipPath2)" stroke="none"/>
    </g>
    <g stroke-linecap="butt" transform="matrix(1,0,0,1,-240,-189)" fill="gray" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" stroke="gray" stroke-width="2" stroke-miterlimit="1.45">
      <rect fill="none" x="336" width="634" height="76" y="370" clip-path="url(#clipPath2)"/>
    </g>
    <g font-size="20px" stroke-linecap="butt" transform="matrix(1,0,0,1,-240,-189)" text-rendering="geometricPrecision" font-family="'Osaka'" shape-rendering="geometricPrecision" stroke-miterlimit="1.45">
      <text x="634.25" xml:space="preserve" y="415.5" clip-path="url(#clipPath2)" stroke="none">TCP</text>
    </g>
    <g fill="rgb(255,153,0)" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,-240,-189)" stroke="rgb(255,153,0)">
      <rect x="336" width="316" height="76" y="287" clip-path="url(#clipPath2)" stroke="none"/>
    </g>
    <g stroke-linecap="butt" transform="matrix(1,0,0,1,-240,-189)" fill="gray" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" stroke="gray" stroke-width="2" stroke-miterlimit="1.45">
      <rect fill="none" x="336" width="316" height="76" y="287" clip-path="url(#clipPath2)"/>
    </g>
    <g font-size="20px" stroke-linecap="butt" transform="matrix(1,0,0,1,-240,-189)" text-rendering="geometricPrecision" font-family="'Osaka'" shape-rendering="geometricPrecision" stroke-miterlimit="1.45">
      <text x="465.9531" xml:space="preserve" y="332.5" clip-path="url(#clipPath2)" stroke="none">MQTT</text>
    </g>
    <g fill="rgb(255,153,0)" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,-240,-189)" stroke="rgb(255,153,0)">
      <rect x="659" width="311" height="76" y="287" clip-path="url(#clipPath2)" stroke="none"/>
    </g>
    <g stroke-linecap="butt" transform="matrix(1,0,0,1,-240,-189)" fill="gray" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" stroke="gray" stroke-width="2" stroke-miterlimit="1.45">
      <rect fill="none" x="659" width="311" height="76" y="287" clip-path="url(#clipPath2)"/>
    </g>
    <g font-size="20px" stroke-linecap="butt" transform="matrix(1,0,0,1,-240,-189)" text-rendering="geometricPrecision" font-family="'Osaka'" shape-rendering="geometricPrecision" stroke-miterlimit="1.45">
      <text x="774.0312" xml:space="preserve" y="332.5" clip-path="url(#clipPath2)" stroke="none">HTTP(S)</text>
    </g>
    <g fill="rgb(255,204,0)" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,-240,-189)" stroke="rgb(255,204,0)">
      <rect x="977" width="98" height="76" y="370" clip-path="url(#clipPath2)" stroke="none"/>
    </g>
    <g stroke-linecap="butt" transform="matrix(1,0,0,1,-240,-189)" fill="gray" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" stroke="gray" stroke-width="2" stroke-miterlimit="1.45">
      <rect fill="none" x="977" width="98" height="76" y="370" clip-path="url(#clipPath2)"/>
    </g>
    <g font-size="20px" stroke-linecap="butt" transform="matrix(1,0,0,1,-240,-189)" text-rendering="geometricPrecision" font-family="'Osaka'" shape-rendering="geometricPrecision" stroke-miterlimit="1.45">
      <text x="1006.5078" xml:space="preserve" y="415.5" clip-path="url(#clipPath2)" stroke="none">UDP</text>
    </g>
    <g fill="rgb(255,153,0)" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,-240,-189)" stroke="rgb(255,153,0)">
      <rect x="977" width="98" height="76" y="287" clip-path="url(#clipPath2)" stroke="none"/>
    </g>
    <g stroke-linecap="butt" transform="matrix(1,0,0,1,-240,-189)" fill="gray" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" stroke="gray" stroke-width="2" stroke-miterlimit="1.45">
      <rect fill="none" x="977" width="98" height="76" y="287" clip-path="url(#clipPath2)"/>
    </g>
    <g font-size="20px" stroke-linecap="butt" transform="matrix(1,0,0,1,-240,-189)" text-rendering="geometricPrecision" font-family="'Osaka'" shape-rendering="geometricPrecision" stroke-miterlimit="1.45">
      <text x="1006.7031" xml:space="preserve" y="332.5" clip-path="url(#clipPath2)" stroke="none">NTP</text>
    </g>
    <g fill="rgb(204,204,0)" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,-240,-189)" stroke="rgb(204,204,0)">
      <rect x="336" width="241" height="76" y="536" clip-path="url(#clipPath2)" stroke="none"/>
    </g>
    <g stroke-linecap="butt" transform="matrix(1,0,0,1,-240,-189)" fill="gray" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" stroke="gray" stroke-width="2" stroke-miterlimit="1.45">
      <rect fill="none" x="336" width="241" height="76" y="536" clip-path="url(#clipPath2)"/>
    </g>
    <g font-size="20px" stroke-linecap="butt" transform="matrix(1,0,0,1,-240,-189)" text-rendering="geometricPrecision" font-family="'Osaka'" shape-rendering="geometricPrecision" stroke-miterlimit="1.45">
      <text x="351.0703" xml:space="preserve" y="581.5" clip-path="url(#clipPath2)" stroke="none">IEEE 802.3 (Ethernet)</text>
    </g>
    <g fill="rgb(204,204,0)" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,-240,-189)" stroke="rgb(204,204,0)">
      <rect x="586" width="241" height="76" y="536" clip-path="url(#clipPath2)" stroke="none"/>
    </g>
    <g stroke-linecap="butt" transform="matrix(1,0,0,1,-240,-189)" fill="gray" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" stroke="gray" stroke-width="2" stroke-miterlimit="1.45">
      <rect fill="none" x="586" width="241" height="76" y="536" clip-path="url(#clipPath2)"/>
    </g>
    <g font-size="20px" stroke-linecap="butt" transform="matrix(1,0,0,1,-240,-189)" text-rendering="geometricPrecision" font-family="'Osaka'" shape-rendering="geometricPrecision" stroke-miterlimit="1.45">
      <text x="616.2656" xml:space="preserve" y="581.5" clip-path="url(#clipPath2)" stroke="none">IEEE 802.11 (WiFi)</text>
    </g>
    <g fill="rgb(204,204,0)" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,-240,-189)" stroke="rgb(204,204,0)">
      <rect x="836" width="239" height="76" y="536" clip-path="url(#clipPath2)" stroke="none"/>
    </g>
    <g stroke-linecap="butt" transform="matrix(1,0,0,1,-240,-189)" fill="gray" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" stroke="gray" stroke-width="2" stroke-miterlimit="1.45">
      <rect fill="none" x="836" width="239" height="76" y="536" clip-path="url(#clipPath2)"/>
    </g>
    <g font-size="20px" stroke-linecap="butt" transform="matrix(1,0,0,1,-240,-189)" text-rendering="geometricPrecision" font-family="'Osaka'" shape-rendering="geometricPrecision" stroke-miterlimit="1.45">
      <text x="853.8594" xml:space="preserve" y="581.5" clip-path="url(#clipPath2)" stroke="none">WCDMA/HSDPA (3G)</text>
      <text x="304.426" font-size="12px" y="583.5352" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none" xml:space="preserve">Link</text>
    </g>
    <g fill="rgb(153,204,0)" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,-240,-189)" stroke="rgb(153,204,0)">
      <rect x="336" width="739" height="76" y="453" clip-path="url(#clipPath2)" stroke="none"/>
    </g>
    <g stroke-linecap="butt" transform="matrix(1,0,0,1,-240,-189)" fill="gray" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" stroke="gray" stroke-width="2" stroke-miterlimit="1.45">
      <rect fill="none" x="336" width="739" height="76" y="453" clip-path="url(#clipPath2)"/>
    </g>
    <g font-size="20px" stroke-linecap="butt" transform="matrix(1,0,0,1,-240,-189)" text-rendering="geometricPrecision" font-family="'Osaka'" shape-rendering="geometricPrecision" stroke-miterlimit="1.45">
      <text x="697.2578" xml:space="preserve" y="498.5" clip-path="url(#clipPath2)" stroke="none">IP</text>
      <text x="277.3906" font-size="12px" y="498.5352" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none" xml:space="preserve">Internet</text>
      <text x="271.4941" font-size="12px" y="412.5352" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none" xml:space="preserve">Transport</text>
      <text x="263.5645" font-size="12px" y="323.5352" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none" xml:space="preserve">Application</text>
    </g>
    <g fill="rgb(255,102,0)" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,-240,-189)" stroke="rgb(255,102,0)">
      <rect x="336" width="739" height="76" y="204" clip-path="url(#clipPath2)" stroke="none"/>
    </g>
    <g stroke-linecap="butt" transform="matrix(1,0,0,1,-240,-189)" fill="gray" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" stroke="gray" stroke-width="2" stroke-miterlimit="1.45">
      <rect fill="none" x="336" width="739" height="76" y="204" clip-path="url(#clipPath2)"/>
    </g>
    <g font-size="20px" stroke-linecap="butt" transform="matrix(1,0,0,1,-240,-189)" text-rendering="geometricPrecision" font-family="'Osaka'" shape-rendering="geometricPrecision" stroke-miterlimit="1.45">
      <text x="373.625" xml:space="preserve" y="249.5" clip-path="url(#clipPath2)" stroke="none">Web of Things / Semantic Web (JSON-LD, OpenTrack Vocabularies...)</text>
    </g>
  </g>
</svg>