\begin{tikzpicture}
\tikzset{
arrowMe/.style={postaction=decorate,
decoration={markings, mark=at position .5 with {\arrow[very thick]{#1}}
} }}
\begin{scope}[scale=1.3]
\fill[color=blue!20] (0,0) rectangle (2,2);
\draw[arrowMe=stealth](0,0)--node[below]{\(a\)} (2,0);
\draw[arrowMe=stealth](0,2)--node[above]{\(a\)} (2,2);
\draw[arrowMe=stealth](0,0)--node[left]{\(b\)} (0,2);
\draw[arrowMe=stealth](2,0)--node[right]{\(b\)} (2,2);
\tkzDefPoint(2,2){u}\tkzDefPoint(0,0){u1}\tkzDefPoint(2,0){u2} \tkzDefPoint(0,2){u3}
\tkzDefPoint(.7,2){q}\tkzDefPoint(.7,0){q1}
\tkzDefPoint(1.4,1){p}
\tkzLabelPoint[right=-2pt](p){\(p\)}
\tkzLabelPoint[above](q){\(q\)}
\tkzLabelPoint[above right=-2pt](u){\(u\)}
\tkzDrawPoints[fill=red](q,q1,p)
\tkzDrawPoints(u,u1,u2,u3)
\draw[dashed] (q)++(-.3,0) arc (180:360:.3cm);
\draw[dashed] (q1)++(-.3,0) arc (180:0:.3cm);
\draw[dashed] (u)++(-.2,0) arc (180:270:.2cm);
\draw[dashed] (u3)++(0,-.2) arc (270:360:.2cm);
\draw[dashed] (u2)++(-.2,0) arc (180:90:.2cm);
\draw[dashed] (u1)++(.2,0) arc (0:90:.2cm);
\draw[dashed] (p) circle (.3cm);
\end{scope}
\begin{scope}[xshift=6cm,yshift=1.2cm,xscale=.8]
\draw (0,0) ellipse (2.5cm and 1cm);
\draw (-1.5,.07) arc (180:360:1.5cm and .3cm);
\draw (1.2,-.1) arc (0:180:1.2cm and .3cm);
\draw (0,-.23) arc(90:270:.1cm and .38cm);
\draw[dashed] (0,-.23) arc(90:-90:.1cm and .38cm);
\draw[thick,->](-.1,-.7)--node[left]{\(b\)}++(0,.05);
\draw (0,.2) ellipse (2cm and .6cm);
\draw[thick,->](89:.8)--node[below]{\(a\)} (90:.8);)
\tkzDefPoint(-.08,-.4){u}
\draw (.1,-.55) node{\(u\)};
\tkzDefPoint(1.1,-.3){q}
\tkzDefPoint(-1.1,-.7){p}
\tkzDrawPoints[fill=red](p,q)
\tkzDrawPoint(u)
\tkzLabelPoint[left=-1pt](p){\(p\)}
\tkzLabelPoint[below=-1pt](q){\(q\)}
\end{scope}
\end{tikzpicture}