team-leader: Added back code for quizzes in separate directory for grading (by Marwan Announ)
git-svn-id: svn+ssh://atelier.inf.usi.ch/home/bevilj/group-1@241 a672b425-5310-4d7a-af5c-997e18724b81
This commit is contained in:
parent
7ddaea9976
commit
d7c53b350f
|
|
@ -0,0 +1,5 @@
|
|||
# Code for quiz feature
|
||||
|
||||
This folder contains code for a multiple choice quiz feature implemented by *Marwan Announ*.
|
||||
Sadly, this feature was not implemented in the main site due to lack of time. The code
|
||||
is here just for grading purposes.
|
||||
|
|
@ -0,0 +1,121 @@
|
|||
---
|
||||
layout: page
|
||||
category: File System
|
||||
tags: absolute relative path
|
||||
author: Marwan Announ
|
||||
title: fs
|
||||
---
|
||||
<p>
|
||||
<h1>ABSOLUTE VS RELATIVE</h1>
|
||||
|
||||
<p>
|
||||
Now, you can ask, why I have to use one or another?
|
||||
<br> What is the difference? and questions like this.
|
||||
<br> <br> <br> Don't worry, the answer it's easy.., we can use an absolute path from any location
|
||||
<br> whereas you want to use relative path we should be present that you have to be in the working directory.
|
||||
</p>
|
||||
|
||||
|
||||
<br><br><br>We suppose that now you know the differences between both, but, what is the vantages and disadvantages?
|
||||
|
||||
|
||||
<br> <br> <br>
|
||||
<h3> Pro and Cons of using Absolute and Relative </h3>
|
||||
|
||||
<pre>
|
||||
<br>1)Absolute paths are clearer: who will have to maintain/modify your script (you or others) will be able to know
|
||||
<br>every time what directories are involved;
|
||||
<br><br>2)With absolute paths you are sure the involved directories are the one with the exact path you are writing
|
||||
<br>in the script;
|
||||
<br><br>3)Relative paths are shorter, but you need to be sure of the subtree you're working into;
|
||||
<br><br>4)You can achieve shortness replacing recurring paths with a variable at the beginning of the script
|
||||
<br><br>
|
||||
(e.g. /var/log/app/component/module/logfile.log -> $module_log_dir/logfile.log)
|
||||
|
||||
|
||||
|
||||
|
||||
</pre>
|
||||
|
||||
|
||||
<!-- quiz about absolute vs relative, where the user have to choose one or another(javascript) -->
|
||||
|
||||
<h3> I'm sure that if you read this for two or more times you will be able to pass the quiz </h3>
|
||||
|
||||
Yeah, right, there is a quiz.
|
||||
<br> The best way to learn something it's not the theory, in fact you have to do some practice, if you click
|
||||
<br> the button "QUIZ", you can try to do a quiz in order to check what you've just read.
|
||||
|
||||
<br><br><br> Don't worry it's for you, good luck
|
||||
|
||||
|
||||
<br><br><br> * for css, please try to do a button or layout to links the quiz*
|
||||
|
||||
</p>
|
||||
<!-- quiz di javascript pronto che linkero -->
|
||||
|
||||
<!--
|
||||
|
||||
<link href ="style.css" rel ="stylesheet">
|
||||
<link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
|
||||
<script src = "main.js"></script>
|
||||
|
||||
</head>
|
||||
|
||||
|
||||
<body>
|
||||
<h1>Are you ready for the quiz?</h1>
|
||||
|
||||
|
||||
<form id = "quiz" name = "quiz">
|
||||
|
||||
|
||||
|
||||
<p class = "questions">What is path?</p>
|
||||
|
||||
<input type = "radio" id = "mc" name = "question1" value = "Is a location to a folder or file in a file system of a Operating System"> Is a location to a folder or file in a file system of a Operating System<br>
|
||||
<input type = "radio" id = "mc" name = "question1" value = "Is an Operating System"> Is an Operating System<br>
|
||||
<input type = "radio" id = "mc" name = "question1" value = "Is a folder that you can find on your Operating System"> Is a folder that you can find on your Operating System<br>
|
||||
|
||||
|
||||
|
||||
<p class = "questions">What is an absolute path?</p>
|
||||
|
||||
<input type = "radio" id = "mc" name = "question2" value = "The bigger folder that you can find on your Operating System"> The bigger folder that you can find on your Operating System<br>
|
||||
<input type = "radio" id = "mc" name = "question2" value = "Is defined as specifying the location of a file or directory from the root directory(/)"> Is defined as specifying the location of a file or directory from the root directory(/)<br>
|
||||
<input type = "radio" id = "mc" name = "question2" value = "The last location of a file or directory from Documents"> The last location of a file or directory from Documents<br>
|
||||
|
||||
|
||||
|
||||
<p class = "questions">"cat /home/a1/group1.txt" it's an example of absolute path?</p>
|
||||
|
||||
<input type = "radio" id = "mc" name = "question3" value = "YES"> YES <br>
|
||||
<input type = "radio" id = "mc" name = "question3" value = "NO"> NO <br>
|
||||
|
||||
|
||||
<p class = "questions">If you choose "NO" why it's not correct? if you think it's correct don't write anything</p>
|
||||
<input id = "textbox" type = "text" name = "question4">
|
||||
|
||||
|
||||
|
||||
<p class = "questions">"pwd/home/user1cd Documents" it's an example of relative path?</p>
|
||||
|
||||
<input type = "radio" id = "mc" name = "question5" value = "YES"> YES <br>
|
||||
<input type = "radio" id = "mc" name = "question5" value = "NO"> NO <br>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<br><br><input id = "button" type = "button" value = "Finish? Sure!?" onclick = "check();">
|
||||
|
||||
|
||||
</form>
|
||||
|
||||
<div id = "after_submit">
|
||||
<p id = "number_correct"></p>
|
||||
<p id = "message"></p>
|
||||
<img id = "picture">
|
||||
</div>
|
||||
|
||||
-->
|
||||
|
|
@ -0,0 +1,74 @@
|
|||
body {
|
||||
font-family: 'Lato', sans-serif;
|
||||
}
|
||||
|
||||
|
||||
|
||||
#quiz {
|
||||
margin-left: 10px;
|
||||
background: #d2def2;
|
||||
padding: 10px 20px 10px 20px;
|
||||
width: 400px;
|
||||
border-radius: 20px;
|
||||
float: left;
|
||||
|
||||
}
|
||||
|
||||
input {
|
||||
margin-bottom: 20px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
#textbox {
|
||||
height: 25px;
|
||||
font-size: 16px;
|
||||
border-radius: 5px;
|
||||
border: none;
|
||||
padding-left: 5px;
|
||||
}
|
||||
|
||||
|
||||
#button {
|
||||
background: green;
|
||||
border: none;
|
||||
border-radius: 5px;
|
||||
padding: 10px;
|
||||
color: white;
|
||||
font-size: 16px;
|
||||
transition-duration: .5s;
|
||||
margin-top: 15px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
#button:hover {
|
||||
background: white;
|
||||
border: 1px solid green;
|
||||
color: black;
|
||||
cursor: pointer;
|
||||
|
||||
}
|
||||
|
||||
#after_submit {
|
||||
visibility: hidden;
|
||||
background: #ff5459;
|
||||
padding: 10px 20px 10px 20px;
|
||||
width: 400px;
|
||||
border-radius: 20px;
|
||||
float: left;
|
||||
margin-left: 20px;
|
||||
font-size: 30px;
|
||||
|
||||
|
||||
}
|
||||
|
||||
#picture {
|
||||
width: 375px;
|
||||
height: 245px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
#mc {
|
||||
display: inline;
|
||||
}
|
||||
|
|
@ -0,0 +1,45 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
|
||||
<title> SA group-1 </title>
|
||||
<link href ="style.css" rel ="stylesheet">
|
||||
<link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
|
||||
<script src = "main.js"></script>
|
||||
|
||||
</head>
|
||||
|
||||
|
||||
<body>
|
||||
<h1>Are you ready for the quiz?</h1>
|
||||
|
||||
|
||||
<form id = "quiz" name = "quiz">
|
||||
|
||||
|
||||
<p class = "questions">Which of the two groups are better?</p>
|
||||
<input id = "textbox" type = "text" name = "question1">
|
||||
|
||||
<p class = "questions">What is unix?</p>
|
||||
<input type = "radio" id = "mc" name = "question2" value = "A dog"> A dog<br>
|
||||
<input type = "radio" id = "mc" name = "question2" value = "A type of.."> A type of..<br>
|
||||
|
||||
<p class = "questions">What is absolute path?</p>
|
||||
|
||||
<input type = "radio" id = "mc" name = "question3" value = "A type of.."> A type of..<br>
|
||||
<input type = "radio" id = "mc" name = "question3" value = "A Dog"> A dog<br>
|
||||
|
||||
|
||||
<br><br><input id = "button" type = "button" value = "Finish? Sure!?" onclick = "check();">
|
||||
|
||||
|
||||
</form>
|
||||
|
||||
<div id = "after_submit">
|
||||
<p id = "number_correct"></p>
|
||||
<p id = "message"></p>
|
||||
<img id = "picture">
|
||||
</div>
|
||||
</html>
|
||||
|
||||
</body>
|
||||
|
|
@ -0,0 +1,40 @@
|
|||
function check(){
|
||||
|
||||
var question1 = document.quiz.question1.value;
|
||||
var question2 = document.quiz.question2.value;
|
||||
var question3 = document.quiz.question3.value;
|
||||
var correct = 0;
|
||||
|
||||
|
||||
if (question1 == "group1") {
|
||||
correct++;
|
||||
}
|
||||
if (question2 == "A type of..") {
|
||||
correct++;
|
||||
}
|
||||
if (question3 == "A type of..") {
|
||||
correct++;
|
||||
}
|
||||
|
||||
var pictures = ["img/win.gif", "img/meh.jpeg", "img/lose.gif"];
|
||||
var messages = ["Great job!", "That's just okay", "You really need to do better"];
|
||||
var score;
|
||||
|
||||
if (correct == 0) {
|
||||
score = 2;
|
||||
}
|
||||
|
||||
if (correct > 0 && correct < 3) {
|
||||
score = 1;
|
||||
}
|
||||
|
||||
if (correct == 3) {
|
||||
score = 0;
|
||||
}
|
||||
|
||||
document.getElementById("after_submit").style.visibility = "visible";
|
||||
|
||||
document.getElementById("message").innerHTML = messages[score];
|
||||
document.getElementById("number_correct").innerHTML = "You got " + correct + " correct.";
|
||||
document.getElementById("picture").src = pictures[score];
|
||||
}
|
||||
|
|
@ -0,0 +1,51 @@
|
|||
function check(){
|
||||
|
||||
var question1 = document.quiz.question1.value;
|
||||
var question2 = document.quiz.question2.value;
|
||||
var question3 = document.quiz.question3.value;
|
||||
var question4 = document.quiz.question4.value;
|
||||
var question5 = document.quiz.question5.value;
|
||||
|
||||
|
||||
var correct = 0;
|
||||
|
||||
|
||||
if (question1 == "Is a location to a folder or file in a file system of a Operating System") {
|
||||
correct++;
|
||||
}
|
||||
if (question2 == "Is defined as specifying the location of a file or directory from the root directory(/)") {
|
||||
correct++;
|
||||
}
|
||||
if (question3 == "YES") {
|
||||
correct++;
|
||||
}
|
||||
if (question4 == "") {
|
||||
correct++;
|
||||
}
|
||||
if (question5 == "YES") {
|
||||
correct++;
|
||||
}
|
||||
|
||||
|
||||
var pictures = ["img/win.gif", "img/meh.jpeg", "img/lose.gif"];
|
||||
var messages = ["Great job!", "That's just okay", "You really need to do better"];
|
||||
var score;
|
||||
|
||||
if (correct == 0) {
|
||||
score = 4;
|
||||
}
|
||||
|
||||
if (correct > 0 && correct < 5) {
|
||||
score = 3;
|
||||
}
|
||||
|
||||
if (correct == 5) {
|
||||
score = 0;
|
||||
}
|
||||
|
||||
document.getElementById("after_submit").style.visibility = "visible";
|
||||
|
||||
document.getElementById("message").innerHTML = messages[score];
|
||||
document.getElementById("number_correct").innerHTML = "You got " + correct + " correct.";
|
||||
document.getElementById("picture").src = pictures[score];
|
||||
}
|
||||
Loading…
Reference in New Issue