tforgione
/
bvs
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Save halfway

This commit is contained in:
Thomas Forgione 2023-04-27 16:30:56 +02:00
parent f02925f808
commit a1de2bda99
4 changed files with 109 additions and 97 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
html/index3D-beginning.html Normal file
View File

@ -0,0 +1,26 @@
<html>
<head>
<link rel="stylesheet" href="/static/style.css">
<meta charset="utf-8">
<style>
body{
margin:0;
padding:0;
overflow:hidden;
}
</style>
<title>User study version 3D</title>
</head>
<body>
<div class = "canvas">
<canvas id="canvas" width="1920" height="1080">
Votre navigateur ne supporte pas les canvas, essayez-en un autre.
</canvas>
</div>

25
html/index3D.html → html/index3D-end.html
View File

@ -1,28 +1,3 @@
<html>
<head>
<link rel="stylesheet" href="/static/style.css">
<meta charset="utf-8">
<style>
body{
margin:0;
padding:0;
overflow:hidden;
}
</style>
<title>User study version 3D</title>
</head>
<body>
<div class = "canvas">
<canvas id="canvas" width="1920" height="1080">
Votre navigateur ne supporte pas les canvas, essayez-en un autre.
</canvas>
</div>
<script src="/static/three.js"></script> <script src="/static/three.js"></script>
<script src="/static/LoaderSupport.js"></script> <script src="/static/LoaderSupport.js"></script>

14
server.js
View File

@ -9,6 +9,9 @@ async function main() {
const app = express(); const app = express();
const HTML_BEGINNING = await fs.readFile(__dirname + '/html/index3D-beginning.html');
const HTML_END = await fs.readFile(__dirname + '/html/index3D-end.html');
//let id = 1; //let id = 1;
// Permet de récupérer les données venant du client. // Permet de récupérer les données venant du client.
@ -16,17 +19,16 @@ async function main() {
app.use(bodyParser.json()); app.use(bodyParser.json());
// Page d'accueil. // Page d'accueil.
app.get('/', function(req, res) { app.get('/', async function(req, res) {
// On envoie le contenu du fichier index.html. // On envoie le contenu du fichier index.html avec le uuid généré par le server.
return res.sendFile(__dirname + '/html/index3D.html'); let uuidScript = '<script>window.uuid = "' + uuid() + '";</script>';
return res.send(HTML_BEGINNING + uuidScript + HTML_END);
}); });
// Route de récupération des données. // Route de récupération des données.
app.post('/outputs', async function(req, res) { app.post('/outputs', async function(req, res) {
let id = uuid();
// Ouverture du fichier en mode append. // Ouverture du fichier en mode append.
let file = await fs.open(__dirname + '/outputs/' + id + '.json', 'a'); let file = await fs.open(__dirname + '/outputs/' + req.body.uuid + '.json', 'w');
// Ajout d'une ligne. // Ajout d'une ligne.
file.write(JSON.stringify(req.body, undefined, 4)); file.write(JSON.stringify(req.body, undefined, 4));

47
static/MAIN.js
View File

@ -19,7 +19,7 @@ function init_variable(premier_appel){
/////////////////////////////////////////////////////// ///////////////////////////////////////////////////////
// CE QUE L'ON RECUPERE A LA FIN // CE QUE L'ON RECUPERE A LA FIN
// dictionnaire avec les choix pour TOUS les mesh // dictionnaire avec les choix pour TOUS les mesh
if (premier_appel){choix = {}} if (premier_appel){choix = { uuid: window.uuid }}
// dictionnaire avec les checkbox pour TOUS les mesh // dictionnaire avec les checkbox pour TOUS les mesh
checkbox_clicked = {} checkbox_clicked = {}
/////////////////////////////////////////////////////// ///////////////////////////////////////////////////////
@ -35,6 +35,7 @@ function init_variable(premier_appel){
// Au premier appel on init : les interactions // Au premier appel on init : les interactions
if (premier_appel){interactions = [{"time" : new Date().getTime(), "type": get_message("debut_etude", [])}]} if (premier_appel){interactions = [{"time" : new Date().getTime(), "type": get_message("debut_etude", [])}]}
choix.interactions = interactions;
// Couleur // Couleur
alpha_survol = 0.3 alpha_survol = 0.3
@ -47,10 +48,10 @@ function init_variable(premier_appel){
obj_file_random = shuffle(obj_names) obj_file_random = shuffle(obj_names)
// ---> nombre de mesh a visionner AU TOTAL // ---> nombre de mesh a visionner AU TOTAL
nb_mesh = 10//obj_file_random.length nb_mesh = 2//obj_file_random.length
// ---> nb analyse demandé // ---> nb analyse demandé
nb_analyse_demande = 5 nb_analyse_demande = 2
list_idx_tache =[] list_idx_tache =[]
for (let p=0; p<nb_mesh; p++){list_idx_tache.push(p+1)} for (let p=0; p<nb_mesh; p++){list_idx_tache.push(p+1)}
@ -322,6 +323,26 @@ function init_data(){
} }
function enregistrement(callback) {
// Création de la requête HTTP à envoyer au serveur.
let xhr = new XMLHttpRequest();
// Préparation de la requête pour l'envoi en POST vers l'url.
xhr.open('POST', '/outputs');
// Si on envoie les données de manière classique, il faut configurer le header de cette façon.
xhr.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
// Ajout du listener pour déclencer la suite lorsque la requête sera terminée.
xhr.onreadystatechange = function() {
//interactions.push({"time": new Date().getTime(), "type": get_message("fin_eetude", [])})
// Si la requête est terminée, et que la réponse n'est pas une erreur.
if (xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) {
if (typeof callback === 'function') {
callback(xhr);
}
}
}
// Envoi de la requête vers le serveur, avec les données.
xhr.send(JSON.stringify(choix));
}
function animate() { function animate() {
// Temps à chaque animate // Temps à chaque animate
@ -493,6 +514,7 @@ function animate() {
document.removeEventListener("keydown", action_clavier_vues) document.removeEventListener("keydown", action_clavier_vues)
// inti clavier // inti clavier
if(premier_tour_page_explication_analyse){ if(premier_tour_page_explication_analyse){
enregistrement();
//interactions.push({"time": new Date().getTime(), "type": "Début explication analyse"}) //interactions.push({"time": new Date().getTime(), "type": "Début explication analyse"})
init_clavier_explication_analyse() init_clavier_explication_analyse()
init_textes_explication_analyses() init_textes_explication_analyses()
@ -541,28 +563,15 @@ function animate() {
affichage_texte_fin(message_fin) affichage_texte_fin(message_fin)
// ECRITURE DES RESULTATS // ECRITURE DES RESULTATS
choix['Analyse'] = checkbox_clicked choix['Analyse'] = checkbox_clicked
choix['Interactions'] = interactions
// Création de la requête HTTP à envoyer au serveur. enregistrement(function(xhr) {
let xhr = new XMLHttpRequest();
// Préparation de la requête pour l'envoi en POST vers l'url.
xhr.open('POST', '/outputs');
// Si on envoie les données de manière classique, il faut configurer le header de cette façon.
xhr.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
// Ajout du listener pour déclencer la suite lorsque la requête sera terminée.
xhr.onreadystatechange = function() {
//interactions.push({"time": new Date().getTime(), "type": get_message("fin_eetude", [])})
// Si la requête est terminée, et que la réponse n'est pas une erreur.
if (xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) {
console.log(xhr.responseText); console.log(xhr.responseText);
message_fin = "> It's done. Your submission has been recorded." message_fin = "> It's done. Your submission has been recorded."
envoie_termine = true envoie_termine = true
update_texte_fin(message_fin) update_texte_fin(message_fin)
interactions.push({"time": new Date().getTime(), "type": get_message("fin_etude", [])}) interactions.push({"time": new Date().getTime(), "type": get_message("fin_etude", [])})
return; return;
} });
}
// Envoi de la requête vers le serveur, avec les données.
xhr.send(JSON.stringify(choix));
return return