+%\newpage
+
+% ==============================================
+\subsection{Running Demos and Examples}
+\label{sec:demos_examples}
+% ==============================================
+
+As previously mentioned, the links \texttt{Demos} and \texttt{Examples} in the 'Help' part (See figure \ref{HelpContents}), give access to special complex boxes from the respective categories. Here, we use an example, both to illustrate the use of this help and to explain a short \bbs script.\\
+
+\begin{figure}[!ht]
+\caption{\bbStudio 'Help' panel}
+\begin{center}
+\includegraphics[width=0.7\textwidth]{HelpContents.png}
+\end{center}
+\label{HelpContents}
+\end{figure}
+
+%\newpage
+Select \texttt{Examples} link. You will get a list of examples (See figure \ref{example}).
+
+Note: due to an unfixed bug in Linux, you have to click on 'reload' to get it. \\
+
+
+\begin{figure}[!ht]
+\caption{Examples list}
+\begin{center}
+\includegraphics[width=0.7\textwidth]{example.png}
+\end{center}
+\label{example}
+\end{figure}
+
+
+%\begin{figure}[!ht]
+%\caption{\label{BoxCategories}Box Categories}
+%\begin{center}
+%\includegraphics[width=0.7\textwidth]{BoxCategories.png}
+%\end{center}
+%\end{figure}
+
+
+Select \texttt{wx::exampleSlider}.
+
+\begin{figure}[!ht]
+\caption{Html documentation of example 'exampleSlider'}
+\begin{center}
+\includegraphics[width=0.7\textwidth]{exampleSlider.png}
+\end{center}
+\label{exampleSlider}
+\end{figure}
+
+You can see information about the example and
+the graphical representation of the workflow defined by the script
+(the elementary boxes that compose it, and their connections, see figure \ref{exampleSlider}).
+
+Click on \texttt{[source]}, it will be loaded
+in the 'Files' part, within the script editor (See figure \ref{exampleSliderSource});
+
+\begin{figure}[!ht]
+\caption{Source code of 'exampleSlider'}
+\begin{center}
+\includegraphics[width=0.7\textwidth]{exampleSliderSource.png}
+\end{center}
+\label{exampleSliderSource}
+\end{figure}
+
+Run it, using the 'Files' toolbar (see figure \ref{lowertoolbar})
+
+You'll get something like in figure \ref{execSliderSource}.
+
+\begin{figure}[!ht]
+\caption{\label{execSliderSource}Execution of 'exampleSlider'}
+\begin{center}
+\includegraphics[width=0.7\textwidth]{execSliderSource.png}
+\end{center}
+\end{figure}
+
+Feel free to move the slider, to check whether it actually works...
+
+%\newpage
+
+Just a few words on what you saw:
+\begin{itemize}
+\item{In the source code of the script}:
+ \begin{verbatim}
+ load std
+ load wx
+ \end{verbatim}
+ These \bbs commands load the packages \texttt{std} and \texttt{wx}
+ \begin{verbatim}
+ new Slider slider
+ set slider.ReactiveOnTrack 1
+ \end{verbatim}
+ We create a \texttt{Slider} box called \emph{slider}.
+
+ We tell it to inform anybody that's interested in, that the cursor moved, each time it moved.
+ The default behaviour is to inform only when cursor is released.
+ \begin{verbatim}
+ new OutputText text
+ \end{verbatim}
+ We create an \texttt{OutputText} box called \emph{text}
+ (in which slider value will be displayed)
+
+ \begin{verbatim}
+ new LayoutLine layout
+ \end{verbatim}
+ We create a \texttt{LayoutLine} box called \emph{layout},
+ a widget box designed to embed other widgets (say, a main window)
+ \begin{verbatim}
+ connect slider.Widget layout.Widget1
+ connect text.Widget layout.Widget2
+ \end{verbatim}
+ We embed \emph{slider} and \emph{text} into \emph{layout}.
+ \begin{verbatim}
+ connect slider.BoxChange text.BoxExecute
+ connect slider.Out text.In
+ \end{verbatim}
+ We tell \emph{slider} to inform \emph{text} every time it's modified.
+
+ We tell \emph{slider} to pass its output value (\texttt{Out})
+ to \emph{text} input value (\texttt{In})
+ \begin{verbatim}
+ exec layout
+ \end{verbatim}
+ We tell \emph{layout} to process itself.
+ This also produces the execution of the boxes connected to it (the slider, the text).
+
+\item{In the Help part}
+
+ You can see the graphical representation of the workflow (pipeline) created by the script,
+ as in figure \ref{SmallGraph}.
+
+
+ \begin{figure}[!ht]
+ \caption{Graphical representation of a pipeline}
+ \begin{center}
+ \includegraphics[width=0.7\textwidth]{SmallGraph.png}
+ \end{center}
+ \label{SmallGraph}
+ \end{figure}
+
+ The representation includes
+ both the graphical interface-related pipeline
+ (\emph{slider} and \emph{text} are embedded into \emph{layout})
+ and the data processing-related pipeline
+ (\emph{slider} warns \emph{text} immediately when it's modified,
+ \emph{slider} passes \emph{text} its output value)\footnote{Yes, we know : all the arrows (graphical interface pipeline arrows and data processing arrows)
+ are blue; using different colors is planned for next release...}.
+
+ You can get a much more detailed graph,
+ like in figure \ref{LargeGraph},
+ just clicking on the button
+ '\texttt{graph (detailed)}' in the toolbar of the \texttt{Command} part.
+
+
+ \begin{figure}[!ht]
+ \caption{Detailed graphical representation of a pipeline}
+ \begin{center}
+ \includegraphics[width=0.75\textwidth]{LargeGraph.png}
+ \end{center}
+ \label{LargeGraph}
+ \end{figure}
+
+\end{itemize}
+%\newpage
+
+% ==============================================
+\subsection{The Menu}
+% ==============================================
+
+At last, let us have a look at \bbStudio menu (see figure \ref{themenu}).