Client-Server Diagram with Tikz











up vote
0
down vote

favorite












How i get this diagram with Tikz?



Tikz client server










share|improve this question


















  • 2




    documentclass[tikz,border=3.14mm]{standalone} usetikzlibrary{positioning} begin{document} begin{tikzpicture}[block/.style={draw,minimum width=2cm,minimum height=1cm}, font=sffamily] node[block](C) {Client}; node[block,right=9cm of C](S) {Server}; draw[-latex] (C.15) -- (S.165) node[midway,above]{Request(GET,PUT,dots)}; draw[-latex] (S.195) -- (C.-15) node[midway,below]{Response(dots)}; end{tikzpicture} end{document}
    – marmot
    Nov 20 at 21:54






  • 1




    @marmot You should post this as an answer so that the question can be closed.
    – Andrew
    Nov 20 at 22:16






  • 1




    @Andrew Done....
    – marmot
    Nov 20 at 23:10















up vote
0
down vote

favorite












How i get this diagram with Tikz?



Tikz client server










share|improve this question


















  • 2




    documentclass[tikz,border=3.14mm]{standalone} usetikzlibrary{positioning} begin{document} begin{tikzpicture}[block/.style={draw,minimum width=2cm,minimum height=1cm}, font=sffamily] node[block](C) {Client}; node[block,right=9cm of C](S) {Server}; draw[-latex] (C.15) -- (S.165) node[midway,above]{Request(GET,PUT,dots)}; draw[-latex] (S.195) -- (C.-15) node[midway,below]{Response(dots)}; end{tikzpicture} end{document}
    – marmot
    Nov 20 at 21:54






  • 1




    @marmot You should post this as an answer so that the question can be closed.
    – Andrew
    Nov 20 at 22:16






  • 1




    @Andrew Done....
    – marmot
    Nov 20 at 23:10













up vote
0
down vote

favorite









up vote
0
down vote

favorite











How i get this diagram with Tikz?



Tikz client server










share|improve this question













How i get this diagram with Tikz?



Tikz client server







tikz-pgf






share|improve this question













share|improve this question











share|improve this question




share|improve this question










asked Nov 20 at 21:47









Amed

203




203








  • 2




    documentclass[tikz,border=3.14mm]{standalone} usetikzlibrary{positioning} begin{document} begin{tikzpicture}[block/.style={draw,minimum width=2cm,minimum height=1cm}, font=sffamily] node[block](C) {Client}; node[block,right=9cm of C](S) {Server}; draw[-latex] (C.15) -- (S.165) node[midway,above]{Request(GET,PUT,dots)}; draw[-latex] (S.195) -- (C.-15) node[midway,below]{Response(dots)}; end{tikzpicture} end{document}
    – marmot
    Nov 20 at 21:54






  • 1




    @marmot You should post this as an answer so that the question can be closed.
    – Andrew
    Nov 20 at 22:16






  • 1




    @Andrew Done....
    – marmot
    Nov 20 at 23:10














  • 2




    documentclass[tikz,border=3.14mm]{standalone} usetikzlibrary{positioning} begin{document} begin{tikzpicture}[block/.style={draw,minimum width=2cm,minimum height=1cm}, font=sffamily] node[block](C) {Client}; node[block,right=9cm of C](S) {Server}; draw[-latex] (C.15) -- (S.165) node[midway,above]{Request(GET,PUT,dots)}; draw[-latex] (S.195) -- (C.-15) node[midway,below]{Response(dots)}; end{tikzpicture} end{document}
    – marmot
    Nov 20 at 21:54






  • 1




    @marmot You should post this as an answer so that the question can be closed.
    – Andrew
    Nov 20 at 22:16






  • 1




    @Andrew Done....
    – marmot
    Nov 20 at 23:10








2




2




documentclass[tikz,border=3.14mm]{standalone} usetikzlibrary{positioning} begin{document} begin{tikzpicture}[block/.style={draw,minimum width=2cm,minimum height=1cm}, font=sffamily] node[block](C) {Client}; node[block,right=9cm of C](S) {Server}; draw[-latex] (C.15) -- (S.165) node[midway,above]{Request(GET,PUT,dots)}; draw[-latex] (S.195) -- (C.-15) node[midway,below]{Response(dots)}; end{tikzpicture} end{document}
– marmot
Nov 20 at 21:54




documentclass[tikz,border=3.14mm]{standalone} usetikzlibrary{positioning} begin{document} begin{tikzpicture}[block/.style={draw,minimum width=2cm,minimum height=1cm}, font=sffamily] node[block](C) {Client}; node[block,right=9cm of C](S) {Server}; draw[-latex] (C.15) -- (S.165) node[midway,above]{Request(GET,PUT,dots)}; draw[-latex] (S.195) -- (C.-15) node[midway,below]{Response(dots)}; end{tikzpicture} end{document}
– marmot
Nov 20 at 21:54




1




1




@marmot You should post this as an answer so that the question can be closed.
– Andrew
Nov 20 at 22:16




@marmot You should post this as an answer so that the question can be closed.
– Andrew
Nov 20 at 22:16




1




1




@Andrew Done....
– marmot
Nov 20 at 23:10




@Andrew Done....
– marmot
Nov 20 at 23:10










2 Answers
2






active

oldest

votes

















up vote
8
down vote



accepted










OK, since @Andrew asked me to, I post an answer. (Originally I thought it is a bit pointless because the posts here are public such that others can learn from them. But there is not much one can learn from the following code, I think.)



documentclass[tikz,border=3.14mm]{standalone} 
usetikzlibrary{positioning}
begin{document}
begin{tikzpicture}[block/.style={draw,minimum width=2cm,minimum height=1cm}, font=sffamily]
node[block](C) {Client};
node[block,right=9cm of C](S) {Server};
draw[-latex] (C.15) -- (S.165)
node[midway,above]{Request(GET,POST,PUT,DELETE,HEAD,OPTION)};
draw[-latex] (S.195) -- (C.-15) node[midway,below]{Response(z.B. JSON,XML)};
end{tikzpicture}
end{document}


enter image description here



Here are some general comments. Notice that these are not meant to be harsh criticisms, but I would kindly like to ask you to read and think about this: in a previous question of yours, you had an MWE, which by itself is a good thing. However, this MWE had a very strong resemblance with a code by another author, which made me think that there is a chance that you copied it from the earlier post. Copying code from somewhere is IMHO fine as long as you give credit to the original author. If you don't, this makes some users here, including myself, a bit unhappy. Yet the solution is IMHO not just not to post an MWE because this then makes potential answerers just punch in stuff from a screen shot, which many dislike. Rather, I'd suggest that you may want to use previous answers, try to understand them and modify them to your needs, and if you get stuck, you have an MWE, which, if posted along with its source, will lead to a question which will trigger a much more favorable feedback. And this will then also lead to posts others can learn from.






share|improve this answer





















  • Thank you for your criticism. Next time I will be more careful.
    – Amed
    12 hours ago


















up vote
5
down vote













Just for fun with MetaFun.



startMPinclusions
input rboxes;
stopMPinclusions
startMPpage
numeric u; u := 1cm;
interim defaultdx := .5u;
interim defaultdy := .5u;
boxit.c("Client"); c.c = (-6.5u,0);
boxit.s("Server"); s.c = (+6.5u,0);
drawboxed(c,s);
path p,q;
p := .5[c.ne,c.e] -- .5[s.nw,s.w];
q := .5[s.sw,s.w] -- .5[c.se,c.e];
drawarrow p;
drawarrow q;
label.top("Request(GET,POST,PUT,DELETE,HEAD,OPTION)", point .5 along p);
label.bot("Response(z.B. JSON,XML)", point .5 along q);
stopMPpage


enter image description here






share|improve this answer





















    Your Answer








    StackExchange.ready(function() {
    var channelOptions = {
    tags: "".split(" "),
    id: "85"
    };
    initTagRenderer("".split(" "), "".split(" "), channelOptions);

    StackExchange.using("externalEditor", function() {
    // Have to fire editor after snippets, if snippets enabled
    if (StackExchange.settings.snippets.snippetsEnabled) {
    StackExchange.using("snippets", function() {
    createEditor();
    });
    }
    else {
    createEditor();
    }
    });

    function createEditor() {
    StackExchange.prepareEditor({
    heartbeatType: 'answer',
    convertImagesToLinks: false,
    noModals: true,
    showLowRepImageUploadWarning: true,
    reputationToPostImages: null,
    bindNavPrevention: true,
    postfix: "",
    imageUploader: {
    brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
    contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
    allowUrls: true
    },
    onDemand: true,
    discardSelector: ".discard-answer"
    ,immediatelyShowMarkdownHelp:true
    });


    }
    });














     

    draft saved


    draft discarded


















    StackExchange.ready(
    function () {
    StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2ftex.stackexchange.com%2fquestions%2f461032%2fclient-server-diagram-with-tikz%23new-answer', 'question_page');
    }
    );

    Post as a guest















    Required, but never shown

























    2 Answers
    2






    active

    oldest

    votes








    2 Answers
    2






    active

    oldest

    votes









    active

    oldest

    votes






    active

    oldest

    votes








    up vote
    8
    down vote



    accepted










    OK, since @Andrew asked me to, I post an answer. (Originally I thought it is a bit pointless because the posts here are public such that others can learn from them. But there is not much one can learn from the following code, I think.)



    documentclass[tikz,border=3.14mm]{standalone} 
    usetikzlibrary{positioning}
    begin{document}
    begin{tikzpicture}[block/.style={draw,minimum width=2cm,minimum height=1cm}, font=sffamily]
    node[block](C) {Client};
    node[block,right=9cm of C](S) {Server};
    draw[-latex] (C.15) -- (S.165)
    node[midway,above]{Request(GET,POST,PUT,DELETE,HEAD,OPTION)};
    draw[-latex] (S.195) -- (C.-15) node[midway,below]{Response(z.B. JSON,XML)};
    end{tikzpicture}
    end{document}


    enter image description here



    Here are some general comments. Notice that these are not meant to be harsh criticisms, but I would kindly like to ask you to read and think about this: in a previous question of yours, you had an MWE, which by itself is a good thing. However, this MWE had a very strong resemblance with a code by another author, which made me think that there is a chance that you copied it from the earlier post. Copying code from somewhere is IMHO fine as long as you give credit to the original author. If you don't, this makes some users here, including myself, a bit unhappy. Yet the solution is IMHO not just not to post an MWE because this then makes potential answerers just punch in stuff from a screen shot, which many dislike. Rather, I'd suggest that you may want to use previous answers, try to understand them and modify them to your needs, and if you get stuck, you have an MWE, which, if posted along with its source, will lead to a question which will trigger a much more favorable feedback. And this will then also lead to posts others can learn from.






    share|improve this answer





















    • Thank you for your criticism. Next time I will be more careful.
      – Amed
      12 hours ago















    up vote
    8
    down vote



    accepted










    OK, since @Andrew asked me to, I post an answer. (Originally I thought it is a bit pointless because the posts here are public such that others can learn from them. But there is not much one can learn from the following code, I think.)



    documentclass[tikz,border=3.14mm]{standalone} 
    usetikzlibrary{positioning}
    begin{document}
    begin{tikzpicture}[block/.style={draw,minimum width=2cm,minimum height=1cm}, font=sffamily]
    node[block](C) {Client};
    node[block,right=9cm of C](S) {Server};
    draw[-latex] (C.15) -- (S.165)
    node[midway,above]{Request(GET,POST,PUT,DELETE,HEAD,OPTION)};
    draw[-latex] (S.195) -- (C.-15) node[midway,below]{Response(z.B. JSON,XML)};
    end{tikzpicture}
    end{document}


    enter image description here



    Here are some general comments. Notice that these are not meant to be harsh criticisms, but I would kindly like to ask you to read and think about this: in a previous question of yours, you had an MWE, which by itself is a good thing. However, this MWE had a very strong resemblance with a code by another author, which made me think that there is a chance that you copied it from the earlier post. Copying code from somewhere is IMHO fine as long as you give credit to the original author. If you don't, this makes some users here, including myself, a bit unhappy. Yet the solution is IMHO not just not to post an MWE because this then makes potential answerers just punch in stuff from a screen shot, which many dislike. Rather, I'd suggest that you may want to use previous answers, try to understand them and modify them to your needs, and if you get stuck, you have an MWE, which, if posted along with its source, will lead to a question which will trigger a much more favorable feedback. And this will then also lead to posts others can learn from.






    share|improve this answer





















    • Thank you for your criticism. Next time I will be more careful.
      – Amed
      12 hours ago













    up vote
    8
    down vote



    accepted







    up vote
    8
    down vote



    accepted






    OK, since @Andrew asked me to, I post an answer. (Originally I thought it is a bit pointless because the posts here are public such that others can learn from them. But there is not much one can learn from the following code, I think.)



    documentclass[tikz,border=3.14mm]{standalone} 
    usetikzlibrary{positioning}
    begin{document}
    begin{tikzpicture}[block/.style={draw,minimum width=2cm,minimum height=1cm}, font=sffamily]
    node[block](C) {Client};
    node[block,right=9cm of C](S) {Server};
    draw[-latex] (C.15) -- (S.165)
    node[midway,above]{Request(GET,POST,PUT,DELETE,HEAD,OPTION)};
    draw[-latex] (S.195) -- (C.-15) node[midway,below]{Response(z.B. JSON,XML)};
    end{tikzpicture}
    end{document}


    enter image description here



    Here are some general comments. Notice that these are not meant to be harsh criticisms, but I would kindly like to ask you to read and think about this: in a previous question of yours, you had an MWE, which by itself is a good thing. However, this MWE had a very strong resemblance with a code by another author, which made me think that there is a chance that you copied it from the earlier post. Copying code from somewhere is IMHO fine as long as you give credit to the original author. If you don't, this makes some users here, including myself, a bit unhappy. Yet the solution is IMHO not just not to post an MWE because this then makes potential answerers just punch in stuff from a screen shot, which many dislike. Rather, I'd suggest that you may want to use previous answers, try to understand them and modify them to your needs, and if you get stuck, you have an MWE, which, if posted along with its source, will lead to a question which will trigger a much more favorable feedback. And this will then also lead to posts others can learn from.






    share|improve this answer












    OK, since @Andrew asked me to, I post an answer. (Originally I thought it is a bit pointless because the posts here are public such that others can learn from them. But there is not much one can learn from the following code, I think.)



    documentclass[tikz,border=3.14mm]{standalone} 
    usetikzlibrary{positioning}
    begin{document}
    begin{tikzpicture}[block/.style={draw,minimum width=2cm,minimum height=1cm}, font=sffamily]
    node[block](C) {Client};
    node[block,right=9cm of C](S) {Server};
    draw[-latex] (C.15) -- (S.165)
    node[midway,above]{Request(GET,POST,PUT,DELETE,HEAD,OPTION)};
    draw[-latex] (S.195) -- (C.-15) node[midway,below]{Response(z.B. JSON,XML)};
    end{tikzpicture}
    end{document}


    enter image description here



    Here are some general comments. Notice that these are not meant to be harsh criticisms, but I would kindly like to ask you to read and think about this: in a previous question of yours, you had an MWE, which by itself is a good thing. However, this MWE had a very strong resemblance with a code by another author, which made me think that there is a chance that you copied it from the earlier post. Copying code from somewhere is IMHO fine as long as you give credit to the original author. If you don't, this makes some users here, including myself, a bit unhappy. Yet the solution is IMHO not just not to post an MWE because this then makes potential answerers just punch in stuff from a screen shot, which many dislike. Rather, I'd suggest that you may want to use previous answers, try to understand them and modify them to your needs, and if you get stuck, you have an MWE, which, if posted along with its source, will lead to a question which will trigger a much more favorable feedback. And this will then also lead to posts others can learn from.







    share|improve this answer












    share|improve this answer



    share|improve this answer










    answered Nov 20 at 23:10









    marmot

    78.4k487166




    78.4k487166












    • Thank you for your criticism. Next time I will be more careful.
      – Amed
      12 hours ago


















    • Thank you for your criticism. Next time I will be more careful.
      – Amed
      12 hours ago
















    Thank you for your criticism. Next time I will be more careful.
    – Amed
    12 hours ago




    Thank you for your criticism. Next time I will be more careful.
    – Amed
    12 hours ago










    up vote
    5
    down vote













    Just for fun with MetaFun.



    startMPinclusions
    input rboxes;
    stopMPinclusions
    startMPpage
    numeric u; u := 1cm;
    interim defaultdx := .5u;
    interim defaultdy := .5u;
    boxit.c("Client"); c.c = (-6.5u,0);
    boxit.s("Server"); s.c = (+6.5u,0);
    drawboxed(c,s);
    path p,q;
    p := .5[c.ne,c.e] -- .5[s.nw,s.w];
    q := .5[s.sw,s.w] -- .5[c.se,c.e];
    drawarrow p;
    drawarrow q;
    label.top("Request(GET,POST,PUT,DELETE,HEAD,OPTION)", point .5 along p);
    label.bot("Response(z.B. JSON,XML)", point .5 along q);
    stopMPpage


    enter image description here






    share|improve this answer

























      up vote
      5
      down vote













      Just for fun with MetaFun.



      startMPinclusions
      input rboxes;
      stopMPinclusions
      startMPpage
      numeric u; u := 1cm;
      interim defaultdx := .5u;
      interim defaultdy := .5u;
      boxit.c("Client"); c.c = (-6.5u,0);
      boxit.s("Server"); s.c = (+6.5u,0);
      drawboxed(c,s);
      path p,q;
      p := .5[c.ne,c.e] -- .5[s.nw,s.w];
      q := .5[s.sw,s.w] -- .5[c.se,c.e];
      drawarrow p;
      drawarrow q;
      label.top("Request(GET,POST,PUT,DELETE,HEAD,OPTION)", point .5 along p);
      label.bot("Response(z.B. JSON,XML)", point .5 along q);
      stopMPpage


      enter image description here






      share|improve this answer























        up vote
        5
        down vote










        up vote
        5
        down vote









        Just for fun with MetaFun.



        startMPinclusions
        input rboxes;
        stopMPinclusions
        startMPpage
        numeric u; u := 1cm;
        interim defaultdx := .5u;
        interim defaultdy := .5u;
        boxit.c("Client"); c.c = (-6.5u,0);
        boxit.s("Server"); s.c = (+6.5u,0);
        drawboxed(c,s);
        path p,q;
        p := .5[c.ne,c.e] -- .5[s.nw,s.w];
        q := .5[s.sw,s.w] -- .5[c.se,c.e];
        drawarrow p;
        drawarrow q;
        label.top("Request(GET,POST,PUT,DELETE,HEAD,OPTION)", point .5 along p);
        label.bot("Response(z.B. JSON,XML)", point .5 along q);
        stopMPpage


        enter image description here






        share|improve this answer












        Just for fun with MetaFun.



        startMPinclusions
        input rboxes;
        stopMPinclusions
        startMPpage
        numeric u; u := 1cm;
        interim defaultdx := .5u;
        interim defaultdy := .5u;
        boxit.c("Client"); c.c = (-6.5u,0);
        boxit.s("Server"); s.c = (+6.5u,0);
        drawboxed(c,s);
        path p,q;
        p := .5[c.ne,c.e] -- .5[s.nw,s.w];
        q := .5[s.sw,s.w] -- .5[c.se,c.e];
        drawarrow p;
        drawarrow q;
        label.top("Request(GET,POST,PUT,DELETE,HEAD,OPTION)", point .5 along p);
        label.bot("Response(z.B. JSON,XML)", point .5 along q);
        stopMPpage


        enter image description here







        share|improve this answer












        share|improve this answer



        share|improve this answer










        answered Nov 21 at 1:47









        Henri Menke

        67.6k7150255




        67.6k7150255






























             

            draft saved


            draft discarded



















































             


            draft saved


            draft discarded














            StackExchange.ready(
            function () {
            StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2ftex.stackexchange.com%2fquestions%2f461032%2fclient-server-diagram-with-tikz%23new-answer', 'question_page');
            }
            );

            Post as a guest















            Required, but never shown





















































            Required, but never shown














            Required, but never shown












            Required, but never shown







            Required, but never shown

































            Required, but never shown














            Required, but never shown












            Required, but never shown







            Required, but never shown







            Popular posts from this blog

            How to change which sound is reproduced for terminal bell?

            Title Spacing in Bjornstrup Chapter, Removing Chapter Number From Contents

            Can I use Tabulator js library in my java Spring + Thymeleaf project?