Skip to content

S
softlab-thesis
Commit d30ee878 authored by Antonios Angelakis's avatar Antonios Angelakis
Browse files
Options

Add many figures,listings

parent 97ce1560
Hide whitespace changes
Inline Side-by-side
Showing with 249 additions and 65 deletions
Listings/descriptordiploma.json 0 → 100644
View file @ d30ee878
{
"numberOfTests": 4,
"numberOfGroups": 3,
"testNameFormatInput": "onemore1.in%d",
"testNameFormatOutput": "onemore1.out%d",
"groups": [
{
"name": "Group 1",
"points": 4,
"tests": [
{
"number": 1,
"mode": "blue"
}
]
},
{
"name": "Group 2",
"points": 7,
"tests": [
{
"number": 1,
"mode": "yellow"
},
{
"number": 2,
"mode": "green"
},
{
"number": 3,
"mode": "blue"
}
]
},
{
"name": "Final",
"points": 20,
"tests": [
{
"number": 1,
"mode": "green"
},
{
"number": 2,
"mode": "green"
},
{
"number": 3,
"mode": "green"
},
{
"number": 4,
"mode": "green"
}
]
}
]
}
Listings/interactive.html 0 → 100644
View file @ d30ee878
<pre><font color="#0000AA"><b>#</b></font> <font color="#00AAAA">grader </font><font color="#AAAAAA">@ </font><font color="#00AA00">debian </font><font color="#AAAAAA">in </font><font color="#AA5500"><b>~/hellenico/kewii</b></font> <font color="#AAAAAA">on</font> git:<font color="#00AAAA">mysql-to-PDO </font><font color="#AA0000">x</font> <font color="#AAAAAA">[21:35:50] </font>
<font color="#AA0000"><b>$ </b></font><u>python generatejson.py </u>
How many tests would you like to upload? (Default: 0): <u>4</u>
What is the name format of the testcases input? (Default: probname.in%d): <u>onemore1.in%d</u>
What is the name format of the testcases output? (Default: probname.out%d): <u>onemore1.out%d</u>
How many groups would you like to create? (Default: 0): <u>3</u>
Would you like to describe the groups? [Y/n]:
New group (1/3)
How will be the new group named? [optional]: <u>Group 1</u>
How many points will it be worth? [optional]: <u>4</u>
Input a string describing what tests should be included in this group. An example would be: &quot;1y 3b 4o 7g&quot;, to have 1 in yellow mode, 3 in blue, 4 orange and 7 green
<u>1y 2b</u>
New group (2/3)
How will be the new group named? [optional]: <u>Group 2</u>
How many points will it be worth? [optional]: <u>10</u>
Input a string describing what tests should be included in this group. An example would be: &quot;1y 3b 4o 7g&quot;, to have 1 in yellow mode, 3 in blue, 4 orange and 7 green
<u>2o 3o</u>
New group (3/3)
How will be the new group named? [optional]: <u>Group 3</u>
How many points will it be worth? [optional]: <u>15</u>
Input a string describing what tests should be included in this group. An example would be: &quot;1y 3b 4o 7g&quot;, to have 1 in yellow mode, 3 in blue, 4 orange and 7 green
<u>1g 2g 3g 4g</u>
./descriptor.json has been created
You should now create a zip archive containing descriptor.json and test files
</pre>
Listings/pdoexamples.php 0 → 100644
View file @ d30ee878
<?php
$user = "root";
$pass = "root";
$dsn = "mysql:host=localhost;dbname=test";
$charset = "utf8";
$dbh = new PDO('mysql:host=localhost;dbname=test;charset=$charset', $user, $pass);
?>
<?php
$query = "SELECT * FROM foo WHERE bar = " . $db->quote($zip);
$result = $db->query($query);
while($row = $result->fetch(PDO::FETCH_ASSOC)) {
print_r($row);
}
?>
<?php
$stmt = $dbh->prepare("INSERT INTO REGISTRY (name, value) VALUES (:name, :value)");
$stmt->bindParam(':name', $name);
$stmt->bindParam(':value', $value);
// insert one row
$name = 'one';
$value = 1;
$stmt->execute();
// insert another row with different values
$name = 'two';
$value = 2;
$stmt->execute();
?>
thesis.tex
View file @ d30ee878
......@@ -74,6 +74,7 @@ Software development, Free and open source software.
\tableofcontents
\listoftables
\listoffigures
\lstlistoflistings
%%% Main part of the book
......@@ -265,7 +266,7 @@ Public License), η οποία επιτρέπει εμπορική χρήση,
%(TODO: Draw this myself)
\begin{figure}
\centering
\includegraphics[scale=0.4]{Figures/cmsarchitecture.png}
\includegraphics[scale=0.4,trim=4 4 4 4,clip]{Figures/cmsarchitecture.png}
\caption[Η αρχιτεκτονική του CMS]{Οι υπηρεσίες του CMS και οι σχέσεις μεταξύ τους}
\end{figure}
......@@ -382,7 +383,7 @@ H αρχική έκδοση του Mooshak δημιουργήθηκε το 2000
%(TODO: draw this)
\begin{figure}
\centering
\includegraphics[scale=0.4]{Figures/mooshakarchitecture.png}
\includegraphics[scale=0.4,trim=4 4 4 4,clip]{Figures/mooshakarchitecture.png}
\caption[Η αρχιτεκτονική του Mooshak]{Η αρχιτεκτονική του Mooshak με τρεις εξυπηρετητές}
\end{figure}
......@@ -429,7 +430,21 @@ code golf, δηλαδή επίτευξης της λύσης με το λιγό
\bigskip
(TODO: Φωτογραφίες)
\begin{figure}
\centering
\includegraphics[scale=0.3]{Figures/mooshakproblem.png}
\caption[Οθόνη διαχείρισης προβλήματος]{Η οθόνη της διαχείρισης ενός διαγωνισμού.
Διακρίνονται συνολικά στατιστικά για τις υποβολές, η κατάσταση της ουράς και των
Workers.}
\end{figure}
\begin{figure}
\centering
\includegraphics[scale=0.3]{Figures/mooshakrankings.png}
\caption[Οθόνη διαχείρισης προβλήματος]{Η οθόνη της διαχείρισης ενός διαγωνισμού.
Διακρίνονται συνολικά στατιστικά για τις υποβολές, η κατάσταση της ουράς και των
Workers.}
\end{figure}
\FloatBarrier
......@@ -500,7 +515,23 @@ C\#, Perl, Python, Ruby, PHP, Erlang, Javascript και SQL.
η δυνατότητα του CATS για διαχείριση διαγωνισμών, αξιολόγηση και παρουσίαση των
αποτελεσμάτων απ᾽ευθείας μέσω της γραμμής εντολών μέσω του API που προσφέρεται.
TODO: Φωτογραφίες
\begin{figure}
\centering
\includegraphics[scale=0.3]{Figures/catsproblem.png}
\caption[Οθόνη διαχείρισης προβλήματος]{Η οθόνη της διαχείρισης ενός διαγωνισμού.
Διακρίνονται συνολικά στατιστικά για τις υποβολές, η κατάσταση της ουράς και των
Workers.}
\end{figure}
\begin{figure}
\centering
\includegraphics[scale=0.3]{Figures/catssubmission.png}
\caption[Οθόνη διαχείρισης προβλήματος]{Η οθόνη της διαχείρισης ενός διαγωνισμού.
Διακρίνονται συνολικά στατιστικά για τις υποβολές, η κατάσταση της ουράς και των
Workers.}
\end{figure}
\FloatBarrier
\chapter{Περιγραφή Grader - Kewii}
......@@ -672,7 +703,13 @@ Kewii και Grader, δηλαδή backend και frontend.
σημείο που σταμάτησε. Μια ακριβέστερη περιγραφή της ροής φαίνεται στο παρακάτω
σχήμα:
(TODO σχημα εδώ)
\begin{figure}
\centering
\includegraphics[scale=0.3]{Figures/graderflow.png}
\caption[Οθόνη διαχείρισης προβλήματος]{Η οθόνη της διαχείρισης ενός διαγωνισμού.
Διακρίνονται συνολικά στατιστικά για τις υποβολές, η κατάσταση της ουράς και των
Workers.}
\end{figure}
\bigskip
......@@ -689,12 +726,12 @@ Kewii και Grader, δηλαδή backend και frontend.
\section{Διαδικτυακή εφαρμογή Grader}
Ο Grader είναι μια web εφαρμογή υλοποιημένη σε PHP και HTML/CSS/JS, η οποία αποτελεί
το frontend και μέρος του backend του συστήματος μας. Ως frontend εφαρμογή
αναλαμβάνει να παρουσιάσει σε διαγωνιζόμενους και διαχειριστές τις σελίδες
διαχείρισης, υποβολών και αποτελεσμάτων, ενώ ως backend αναλαμβάνει την υλοποίηση της
λογικής του συστήματος, των διάφορων αλγορίθμων και ροών και την επικοινωνία με τη
βάση δεδομένων και τον Kewii.
Ο Grader είναι μια web εφαρμογή υλοποιημένη σε PHP και HTML/CSS/JS, η οποία
αποτελεί το frontend και μέρος του backend του συστήματος μας. Ως frontend
εφαρμογή αναλαμβάνει να παρουσιάσει σε διαγωνιζόμενους και διαχειριστές τις
σελίδες διαχείρισης, υποβολών και αποτελεσμάτων, ενώ ως backend αναλαμβάνει την
υλοποίηση της λογικής του συστήματος, των διάφορων αλγορίθμων και ροών και την
επικοινωνία με τη βάση δεδομένων και τον Kewii.
\bigskip
......@@ -789,7 +826,7 @@ TODO: Καλύτερη περιγραφή της λειτουργίας της
ελέγχου (testcase groups) για ομαδοποίηση των τελευταίων, καθώς και ενός νέου
τύπου εκτέλεσης των αρχείων ελέγχου. Η υλοποίηση του νέου τύπου εκτέλεσης, που
θα αντιστοιχεί στο μπλε χρώμα (blue tag), κατά την αντιστοίχιση που
παρουσιάστηκε στο κεφάλαιο 3.1.3 (TODO: link), ήταν μια χρήσιμη εισαγωγή στη
παρουσιάστηκε στο κεφάλαιο 3.1.3, ήταν μια χρήσιμη εισαγωγή στη
λειτουργία και στο codebase του Grader αλλά και στη βάση και τους σχετικούς
πίνακες. Στο παρόν κεφάλαιο θα περιγραφεί πρώτα η μικρή αυτή προσθήκη και
έπειτα η λογική και η υλοποίηση της προσθήκης των testcase groups.
......@@ -872,8 +909,13 @@ tag και ο κώδικας που διαχειριζόταν το πάτημα
υποβολής, υλοποιήθηκε η λογική των "μπλε" αρχείων ελέγχου, που ακόμα και να
έχουν έρθει ως λανθασμένα, δεν επηρεάζουν την έκβαση.
(TODO: εικόνα18, διαχείριση αρχείων ελέγχου σε μπραντς blue tag)
\begin{figure}
\centering
\includegraphics[scale=0.3]{Figures/bluetag.png}
\caption[Οθόνη διαχείρισης προβλήματος]{Η οθόνη της διαχείρισης ενός διαγωνισμού.
Διακρίνονται συνολικά στατιστικά για τις υποβολές, η κατάσταση της ουράς και των
Workers.}
\end{figure}
\section{Testcase Groups}
......@@ -995,6 +1037,22 @@ callback για την χρησιμοποίηση αυτών των αποτελ
(TODO: eikones 41 42)
\begin{figure}
\centering
\includegraphics[scale=0.3]{Figures/groupoverview.png}
\caption[Οθόνη διαχείρισης προβλήματος]{Η οθόνη της διαχείρισης ενός διαγωνισμού.
Διακρίνονται συνολικά στατιστικά για τις υποβολές, η κατάσταση της ουράς και των
Workers.}
\end{figure}
\begin{figure}
\centering
\includegraphics[scale=0.3]{Figures/groupedit.png}
\caption[Οθόνη διαχείρισης προβλήματος]{Η οθόνη της διαχείρισης ενός διαγωνισμού.
Διακρίνονται συνολικά στατιστικά για τις υποβολές, η κατάσταση της ουράς και των
Workers.}
\end{figure}
\bigskip
Η εισαγωγή των testcase groups στο Grader επηρέασε, ακόμα, μεγάλο πλήθος οθονών
......@@ -1022,7 +1080,21 @@ callback για την χρησιμοποίηση αυτών των αποτελ
\end{itemize}
Οι φωτογραφίες 43-45 επιδεικνύουν κάποιες από τις κύριες αλλαγές.
\begin{figure}
\centering
\includegraphics[scale=0.3]{Figures/allsubmissions.png}
\caption[Οθόνη διαχείρισης προβλήματος]{Η οθόνη της διαχείρισης ενός διαγωνισμού.
Διακρίνονται συνολικά στατιστικά για τις υποβολές, η κατάσταση της ουράς και των
Workers.}
\end{figure}
\begin{figure}
\centering
\includegraphics[scale=0.3]{Figures/cursubmission.png}
\caption[Οθόνη διαχείρισης προβλήματος]{Η οθόνη της διαχείρισης ενός διαγωνισμού.
Διακρίνονται συνολικά στατιστικά για τις υποβολές, η κατάσταση της ουράς και των
Workers.}
\end{figure}
\bigskip
......@@ -1068,14 +1140,7 @@ clean code του Robert Martin. Μέρος των αλλαγών ήταν κα
\bigskip
- Εξήγηση σχέσεων πινάκων
- json, καλύτερη σχεδίαση με κλάσεις
- Φωτογραφίες από ανέβασμα ομάδων αρχείων ελέγχου
\bigskip
draw this
(TODO: εικόνες βάσης 38,39)
......@@ -1112,10 +1177,16 @@ clean code του Robert Martin. Μέρος των αλλαγών ήταν κα
\bigskip
\begin{figure}
\centering
\includegraphics[scale=0.4,trim=4 4 4 4,clip]{Figures/beforesep.png}
\caption[Η αρχιτεκτονική του CMS]{Οι υπηρεσίες του CMS και οι σχέσεις μεταξύ τους}
\end{figure}
(TODO εδώ εικόνα διαχείρισης και ισως αλλαγή αναφορών σε εικονα 1, 2 κτλ.)
\bigskip
draw this
(TODO εδώ εικόνα βάσης σχημα1)
\bigskip
......@@ -1194,6 +1265,7 @@ clean code του Robert Martin. Μέρος των αλλαγών ήταν κα
\bigskip
draw this
(TODO: πινακας σχημα3 με νεα βάση)
\bigskip
......@@ -1211,7 +1283,17 @@ clean code του Robert Martin. Μέρος των αλλαγών ήταν κα
\bigskip
- φωτογραφία νέας διαχείρισης φωτογραφία 4
\begin{figure}
\centering
\includegraphics[scale=0.4,trim=4 4 4 4,clip]{Figures/aftersep.png}
\caption[Η αρχιτεκτονική του CMS]{Οι υπηρεσίες του CMS και οι σχέσεις μεταξύ τους}
\end{figure}
\begin{figure}
\centering
\includegraphics[scale=0.4,trim=4 4 4 4,clip]{Figures/aftersepall.png}
\caption[Η αρχιτεκτονική του CMS]{Οι υπηρεσίες του CMS και οι σχέσεις μεταξύ τους}
\end{figure}
\bigskip
......@@ -1399,9 +1481,13 @@ descriptor.json σαν λίστες αντικειμένων. Κάθε αντι
τιμές orange, yellow, blue, green, purple. Ακολουθεί ένα πρότυπο
descriptor.json στο οποίο έχουν συμπληρωθεί όλα τα διαθέσιμα πεδία.
(TODO: προσθήκη descriptor σαν κωδικα η κατι)
\lstinputlisting[caption=Παράδειγμα descriptor.json]{Listings/descriptordiploma.json}
(TODO: εικόνα33)
\begin{figure}
\centering
\includegraphics[scale=0.4,trim=4 4 4 4,clip]{Figures/massupload.png}
\caption[Η αρχιτεκτονική του CMS]{Οι υπηρεσίες του CMS και οι σχέσεις μεταξύ τους}
\end{figure}
\subsection{Εργαλείο δημιουργίας}
......@@ -1421,7 +1507,11 @@ descriptor.json αρχείου.
η εκτέλεση του συγκεκριμένου script, μαζί με το αρχείο που δημιουργείται.
(TODO: εικονα ιντερακτιβ)
\begin{figure}
\centering
\includegraphics[scale=0.4,trim=4 4 4 4,clip]{Figures/interactive.png}
\caption[Παράδειγμα χρήσης interactive generator script]{Οι υπηρεσίες του CMS και οι σχέσεις μεταξύ τους}
\end{figure}
\section{Αλλαγή MySQL connector}
......@@ -1443,7 +1533,11 @@ https://wiki.php.net/rfc/mysql\_deprecation).
παρακάτω πίνακας σύγκρισης των προαναφερθέντων επεκτάσεων που υπάρχει στο
manual της PHP (https://secure.php.net/manual/en/mysql.php TODO).
(TODO: pinakas connectors)
\begin{figure}
\centering
\includegraphics[scale=0.4,trim=4 4 4 4,clip]{Figures/mysqlconnectors.png}
\caption[Παράδειγμα χρήσης interactive generator script]{Οι υπηρεσίες του CMS και οι σχέσεις μεταξύ τους}
\end{figure}
\bigskip
......@@ -1514,43 +1608,7 @@ execute. Η επέκταση εμπεριέχει, επίσης, και δική
παραδείγματα απλών λειτουργιών χρησιμοποιώντας τη συγκεκριμένη επέκταση/API.
\begin{lstlisting}
<?php
$user = "root";
$pass = "root";
$dsn = "mysql:host=localhost;dbname=test";
$charset = "utf8";
$dbh = new PDO('mysql:host=localhost;dbname=test;charset=$charset', $user, $pass);
?>
<?php
$query = "SELECT * FROM foo WHERE bar = " . $db->quote($zip);
$result = $db->query($query);
while($row = $result->fetch(PDO::FETCH_ASSOC)) {
print_r($row);
}
?>
<?php
$stmt = $dbh->prepare("INSERT INTO REGISTRY (name, value) VALUES (:name, :value)");
$stmt->bindParam(':name', $name);
$stmt->bindParam(':value', $value);
// insert one row
$name = 'one';
$value = 1;
$stmt->execute();
// insert another row with different values
$name = 'two';
$value = 2;
$stmt->execute();
?>
\end{lstlisting}
\lstinputlisting[caption=Παραδείγματα χρήσης PDO]{Listings/pdoexamples.php}
\chapter{Συμπεράσματα}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment