example [EPS@ISEP]

This page is read only. You can view the source, but not change it. Ask your administrator if you think this is wrong.
==== Plugins Usage Examples ====


==== Refnotes Plugin Usage Examples ====

These are examples of citations to books [(Thapa2019)] and [(Obayashi2020)], a chapter on a smart companion [(Reis2020)], articles on IoT [(Hamza2023)], blimps [(Mahn2006)], cloud computing [(Llorente2009)], gas emissions [(Ranjith2020)], pedestrian crossing behaviour [(Sobhani2018)], smart bicycles [(Lee2018)] and diaper moisture [(Khan2018)], and to Web resources [(android41)], [(cloudexpo2008)] and [(gartner2021)]. 

Please use superscript and subscript annotations to write powers and indexes, //e.g.//, m<sup>2</sup> and CO<sub>2</sub>.

==== Caption Plugin Usage Examples ====

Table {{ref>tlabel0}} illustrates a boxed table with default column widths and Table {{ref>tlabelx}} with specific column widths.

<WRAP centeralign>
<table tlabel0>
<caption>Boxed table</caption>
<WRAP box 400px center>
^Abbreviation ^Description ^
|EPS |European Project Semester  |
|ISEP|Instituto Superior de Engenharia do Porto  |
|USB |Universal Serial Bus  |
</WRAP>
</table>
</WRAP>

<WRAP centeralign>
<table tlabelx>
<caption>Boxed table with specific column widths</caption>
<WRAP box 500px center>
^ <WRAP column 100px>Abbreviation</WRAP> ^<WRAP column 300px>Description</WRAP> ^
|EPS |European Project Semester                  |
|ISEP|Instituto Superior de Engenharia do Porto  |
|USB |Universal Serial Bus                       |
</WRAP>
</table>
</WRAP>

Table {{ref>tlabel1}} shows the execution time results for each API. Table {{ref>tlabel2}} lists the fruit bought at the grocery.
<table tlabel1>
<caption>Time response</caption>
<WRAP 120px>
^ API    ^ Time (s) ^
| EJML   |  26   |  
| JAMA   |  295  |  
| JBLAS  |  29   |  
| MTJ    |  18   |  
| WEKA   |  123  | 
</WRAP>
</table>

<WRAP centeralign>
<table tlabel2>
<caption>Fruit Weight</caption>
^Fruit    ^  Weight (kg)  ^
|Pears    |  2.60  |  
|Apples   |  2.95  |  
|Oranges  |  1.90  |  
</table>
</WRAP>

Figure {{ref>flabel1}} displays a magnificent owl from Lapland.
<WRAP centeralign>
<figure flabel1>
{{ :chouette.lapone.relo.4g-mocho_2.jpg?250 |}}
<caption>Owl</caption>
</figure>
</WRAP>

Figure {{ref>flabel2}} illustrates the placement of two images side by side.
<WRAP centeralign>
<figure flabel2>
<WRAP group>
<WRAP half column>
{{ :chouette.lapone.relo.4g-mocho_2.jpg?250|Image 1}}
</WRAP>
<WRAP half column>
{{:chouette.lapone.relo.4g-mocho_2.jpg?250 |Image 2}}
</WRAP>
</WRAP>
<caption>Images side by side</caption>
</figure>
</WRAP>

Figure {{ref>flabel3}} presents the European Project Semester (EPS) logo.
<WRAP centeralign>
<figure flabel3>
{{ :eps_logo.jpg?200 |}}
<caption>EPS logo</caption>
</figure>
</WRAP>

==== MathJax Plugin Usage Example ====

Equation \ref{eq:cosinesimilarity} represents the cosine similarity between two vectors of features. This similarity measurement takes values in the range of $[0,1]$ [(Bandyopadhyay2013)].
This is an in line expression $a+b=c$.

<WRAP centeralign>
\begin{equation}
    \cos\alpha=\frac{\hat{A}\cdot\hat{B}}{|\hat{A}\|\hat{B}|}\equiv\frac{\sum_{j=1}^{n} \hat{A}_j \hat{B}_j}{\sqrt{\sum_{j=1}^{n} \hat{A}^{2}_j}\sqrt{\sum_{j=1}^{n} \hat{B}^{2}_j}}
     \label{eq:cosinesimilarity}
\end{equation}
</WRAP>

As [(Bandyopadhyay2013)] states, the most popular similarity metrics are the distance and the cosine similarity. The distance-based metrics include the Euclidean distance, the Hamming distance or the Chebyshev distance, among others.

Equation \ref{eq:euclideandistance} displays the Euclidean distance formula.

<WRAP centeralign>
\begin{equation}
    d(x,y)=\sqrt{\sum_{k=1}^{n}(x_{k}-y_{k})^{2}}
    \label{eq:euclideandistance}
\end{equation}
</WRAP>

/*
 ==== Todo Plugin Usage Example ====

For project management

<todo @Team>Task allocation</todo>

<todo @Team>Gantt chart</todo>

~~NOCACHE~~
~~TODOLIST~~
*/

/*
==== Task Plugin Usage Example ====

Define, allocate and track the status of the project tasks:

{{tasks>[namespace]?all&[flags]}}

==== AV Task Box Plugin Usage Example ====

<task>
TITLE: Market research
PRIORITY: High
ESTIMATE: 4 h
PROGRESS: 10%
ASSIGNED: Adam, Sophie and Xavier
DESCRIPTION: Perform a market research concerning your product.
</task>
*/
==== Code Listing Example ====
The server code is presented in Listing  {{ref>clabel0}}.

<codeblock clabel0>
<caption>Server-side code </caption>
<code>
    public class CheckersServer {
    private static final int PORT = 12345;
    private static char[][] board;
    private static List<ClientHandler> clients = new ArrayList<>();
    public static void main(String[] args) {
        board = new char[8][8];
        initializeBoard();
        try (ServerSocket serverSocket = new ServerSocket(PORT)) {
            System.out.println("Checkers Server is running...");
            while (true) {
                Socket clientSocket = serverSocket.accept();
                ClientHandler clientHandler = new ClientHandler(clientSocket);
                clients.add(clientHandler);
                new Thread(clientHandler).start();
            }
        } catch (IOException e) {
            e.printStackTrace();
        }
    }
</code>
</codeblock>
===== Bibliography ======