From 0ffd256672ab63c55737f25f050fdd64a38b40e3 Mon Sep 17 00:00:00 2001 From: ruchi Date: Thu, 11 Mar 2021 18:56:57 -0500 Subject: [PATCH] added things --- data/animal.json | 1 - data/color.json | 1 - data/comments.json | 13 ++ data/email.json | 1 + data/firstName.json | 13 ++ data/fruit.json | 1 - data/lastName.json | 1 + data/question1.json | 1 + data/question2.json | 1 + data/question3.json | 1 + data/question4.json | 1 + data/question5.json | 1 + data/question6.json | 1 + index.html | 138 -------------------- public/assets/action.js | 40 +++--- {images => public/images}/background.jpg | Bin {images => public/images}/bg2.jpg | Bin {images => public/images}/bg3.jpg | Bin {images => public/images}/facebook.jpg | Bin {images => public/images}/fb.png | Bin styles.css => public/styles.css | 65 +++++---- surveyController.js | 61 +++++---- views/index.html | 159 +++++++++++++++++++++++ views/niceSurvey.html | 46 ------- views/showResults.ejs | 98 ++++++++++++-- 25 files changed, 365 insertions(+), 279 deletions(-) delete mode 100644 data/animal.json delete mode 100644 data/color.json create mode 100644 data/comments.json create mode 100644 data/email.json create mode 100644 data/firstName.json delete mode 100644 data/fruit.json create mode 100644 data/lastName.json create mode 100644 data/question1.json create mode 100644 data/question2.json create mode 100644 data/question3.json create mode 100644 data/question4.json create mode 100644 data/question5.json create mode 100644 data/question6.json delete mode 100644 index.html rename {images => public/images}/background.jpg (100%) rename {images => public/images}/bg2.jpg (100%) rename {images => public/images}/bg3.jpg (100%) rename {images => public/images}/facebook.jpg (100%) rename {images => public/images}/fb.png (100%) rename styles.css => public/styles.css (62%) create mode 100644 views/index.html delete mode 100644 views/niceSurvey.html diff --git a/data/animal.json b/data/animal.json deleted file mode 100644 index d95a773..0000000 --- a/data/animal.json +++ /dev/null @@ -1 +0,0 @@ -[{"animal":"Cat","count":5},{"animal":"Dog","count":3},{"animal":"Turtle","count":12}] \ No newline at end of file diff --git a/data/color.json b/data/color.json deleted file mode 100644 index dde9ef8..0000000 --- a/data/color.json +++ /dev/null @@ -1 +0,0 @@ -[{"color":"Red","count":11},{"color":"Green","count":9},{"color":"Blue","count":7},{"color":["Red","Green","Blue"],"count":1}] \ No newline at end of file diff --git a/data/comments.json b/data/comments.json new file mode 100644 index 0000000..7e39ddf --- /dev/null +++ b/data/comments.json @@ -0,0 +1,13 @@ +[{ + "comments": "Hey", + "count": 1 +}, { + "comments": "ssdfg", + "count": 1 +}, { + "comments": "sacdasdasdx", + "count": 1 +}, { + "comments": "nfgn", + "count": 1 +}] \ No newline at end of file diff --git a/data/email.json b/data/email.json new file mode 100644 index 0000000..6502909 --- /dev/null +++ b/data/email.json @@ -0,0 +1 @@ +[{ "email": "bbaso079@uottawa.ca", "count": 1 }, { "email": "ruchirawperera@gmail.com", "count": 1 }, { "email": "fsdfsd", "count": 1 }, { "email": "dgfbb", "count": 1 }] \ No newline at end of file diff --git a/data/firstName.json b/data/firstName.json new file mode 100644 index 0000000..b54617e --- /dev/null +++ b/data/firstName.json @@ -0,0 +1,13 @@ +[{ + "firstName": "Batuhan", + "count": 1 +}, { + "firstName": "Ruchira", + "count": 1 +}, { + "firstName": "dzsfvs", + "count": 1 +}, { + "firstName": "xff", + "count": 1 +}] \ No newline at end of file diff --git a/data/fruit.json b/data/fruit.json deleted file mode 100644 index a500e4f..0000000 --- a/data/fruit.json +++ /dev/null @@ -1 +0,0 @@ -[{"fruit":"apple","count":1},{"fruit":"pear","count":2},{"fruit":"papaya","count":1},{"fruit":"strawberry","count":2},{"fruit":"peach","count":2},{"fruit":"kiwi","count":1},{"fruit":"Apple","count":1},{"fruit":"monkey","count":1}] \ No newline at end of file diff --git a/data/lastName.json b/data/lastName.json new file mode 100644 index 0000000..96d7b00 --- /dev/null +++ b/data/lastName.json @@ -0,0 +1 @@ +[{"lastName":"Basoglu","count":1},{"lastName":"Perera","count":1},{"lastName":"asdasd","count":1},{"lastName":"dthbh","count":1}] \ No newline at end of file diff --git a/data/question1.json b/data/question1.json new file mode 100644 index 0000000..e23492b --- /dev/null +++ b/data/question1.json @@ -0,0 +1 @@ +[{"question1":"yes","count":2},{"question1":"no","count":2}] \ No newline at end of file diff --git a/data/question2.json b/data/question2.json new file mode 100644 index 0000000..1b54645 --- /dev/null +++ b/data/question2.json @@ -0,0 +1 @@ +[{"question2":"Old UI","count":3},{"question2":"New UI","count":1}] \ No newline at end of file diff --git a/data/question3.json b/data/question3.json new file mode 100644 index 0000000..8698d6c --- /dev/null +++ b/data/question3.json @@ -0,0 +1 @@ +[{"question3":"on","count":4}] \ No newline at end of file diff --git a/data/question4.json b/data/question4.json new file mode 100644 index 0000000..694dd60 --- /dev/null +++ b/data/question4.json @@ -0,0 +1 @@ +[{"question4":["Position of messages on the screen is consistent","Prompts for inputs are clear","System always informs about the progress of the task"],"count":1},{"question4":["Position of messages on the screen is consistent ","Prompts for inputs are clear "],"count":1},{"question4":["Position of messages on the screen is consistent ","Prompts for inputs are clear "],"count":1},{"question4":["Prompts for inputs are clear ","System always informs about the progress of the task "],"count":1}] \ No newline at end of file diff --git a/data/question5.json b/data/question5.json new file mode 100644 index 0000000..a986a01 --- /dev/null +++ b/data/question5.json @@ -0,0 +1 @@ +[{"question5":"on","count":4}] \ No newline at end of file diff --git a/data/question6.json b/data/question6.json new file mode 100644 index 0000000..3d133a6 --- /dev/null +++ b/data/question6.json @@ -0,0 +1 @@ +[{"question6":"yahoo","count":1},{"question6":"kl","count":1},{"question6":"asdasd","count":1},{"question6":"dbgnf","count":1}] \ No newline at end of file diff --git a/index.html b/index.html deleted file mode 100644 index d95ebf8..0000000 --- a/index.html +++ /dev/null @@ -1,138 +0,0 @@ - - - - - - - - - Survey of Facebook UI - - - - - - - - - -
-

Questionnaire of the Facebook UI/UX

- - Facebook - - - -
- - -
- -

Give us your opinion about Facebook user interface

-
- -
- - -
-
- - -
-
- - -
-
- -
- - -
- - -
-
- - - - -
- -
- -
- -
- -
-
- - - - -
-
- -
- -
-
- Very Hard
- Somewhat hard
- Somewhat easy
- Very easy
-
- -
-
- Use of terms throughout the system is consistent
- Position of messages on the screen is consistent
- Prompts for inputs are clear
- System always informs about the progress of the task
- Error messages are helpful -
- -
-
- Photos
- News
- Messaging
- Games
-
- -
-
- -
- -
-
-

Please enter your comments here: -

- -

- -
- - - - -
- - -
-

Website created by Ruchira, Sam, Batuhan, and Kene

-
- - - - - - - - - \ No newline at end of file diff --git a/public/assets/action.js b/public/assets/action.js index e2b62cc..a8ef0f4 100644 --- a/public/assets/action.js +++ b/public/assets/action.js @@ -1,23 +1,23 @@ // jQuery that will "listen" to the html niceSurvey.html -$(document).ready(function(){ +$(document).ready(function() { - $('form').on('submit', function(){ - - // var item = $('form input'); - // console.log(item.serializeArray()); + $('form').on('submit', function() { - $.ajax({ - type: 'POST', - url: '/niceSurvey', - data: $(this).serializeArray(), - success: function(data){ - // do something with the data via front-end framework - // Make the submit button red, disabled and saying Thank you - $("#bb").css("background-color", "red"); - $("#bb").prop("disabled", "true"); - $("#bb").text("Thank you!"); - } - }); - return false; - }); -}); + // var item = $('form input'); + // console.log(item.serializeArray()); + + $.ajax({ + type: 'POST', + url: '/survey', + data: $(this).serializeArray(), + success: function(data) { + // do something with the data via front-end framework + // Make the submit button red, disabled and saying Thank you + $("#bb").css("background-color", "red"); + $("#bb").prop("disabled", "true"); + $("#bb").text("Thank you!"); + } + }); + return false; + }); +}); \ No newline at end of file diff --git a/images/background.jpg b/public/images/background.jpg similarity index 100% rename from images/background.jpg rename to public/images/background.jpg diff --git a/images/bg2.jpg b/public/images/bg2.jpg similarity index 100% rename from images/bg2.jpg rename to public/images/bg2.jpg diff --git a/images/bg3.jpg b/public/images/bg3.jpg similarity index 100% rename from images/bg3.jpg rename to public/images/bg3.jpg diff --git a/images/facebook.jpg b/public/images/facebook.jpg similarity index 100% rename from images/facebook.jpg rename to public/images/facebook.jpg diff --git a/images/fb.png b/public/images/fb.png similarity index 100% rename from images/fb.png rename to public/images/fb.png diff --git a/styles.css b/public/styles.css similarity index 62% rename from styles.css rename to public/styles.css index f48214d..0f03471 100644 --- a/styles.css +++ b/public/styles.css @@ -1,89 +1,82 @@ body { - background-color: #66BFBF; + background-color: #9caf49; text-align: center; - background-image: url("images/bg3.jpg"); + /* background-image: url("images/bg3.jpg"); */ +} - } - -h1{ +h1 { font-family: "Helvetica ", sans-serif; font-size: 40px; color: rgb(45, 43, 170); - - } -.browser{ +.browser { padding-left: 10px; } -.texto{ - padding-left: 35px; -} - -.survey_body{ - background-color: #ffffff; +.survey_body { + background-color: #53dfe4; margin: 20px; padding-top: 40px; padding-bottom: 40px; } -.form-control{ +.form-control-1 { padding-right: 43%; text-align: right; margin: 10px 0px; font-size: 20px; } - -.texto{ +.texto { text-align: center; + padding-left: 35px; } -.two{ +.two { text-align: center; font-size: 20px; padding-left: 10px; } -.box{ +.box { text-align: center; font-size: 20px; padding-bottom: 30px; + padding-left: 10px; } -.btn-control{ +.btn-control { padding-bottom: 20px; - padding-left: 41%; + padding-left: 40%; text-align: left; font-size: 20px; } -.questions{ +.questions { padding-top: 20px; } -.fb{ +.fb { width: 10%; - height:auto; - + height: auto; } .footer { - position: fixed; - left: 0; - bottom: 0; - width: 100%; - height: 40px; - background-color: rgb(87, 139, 216); - color: rgb(255, 255, 255); - text-align: center; + position: fixed; + left: 0; + bottom: 0; + width: 100%; + height: 40px; + background-color: rgb(87, 139, 216); + color: rgb(255, 255, 255); + text-align: center; } - .button { background-color: rgb(87, 139, 216); border-color: transparent; + margin: 0 auto; color: #ffffff; font-size: 20px; } @@ -92,4 +85,8 @@ h1{ background-color: rgb(103, 163, 253); color: #ffffff; border-color: transparent; +} + +.btnClass { + text-align: center; } \ No newline at end of file diff --git a/surveyController.js b/surveyController.js index 91ddd7b..bc2a547 100644 --- a/surveyController.js +++ b/surveyController.js @@ -1,17 +1,17 @@ // required packages var bodyParser = require('body-parser'); -var urlencodedParser = bodyParser.urlencoded({extended: false}); +var urlencodedParser = bodyParser.urlencoded({ extended: false }); var fs = require('fs'); // read the data file -function readData(fileName){ +function readData(fileName) { let dataRead = fs.readFileSync('./data/' + fileName + '.json'); let infoRead = JSON.parse(dataRead); return infoRead; } // read the data file -function writeData(info, fileName){ +function writeData(info, fileName) { data = JSON.stringify(info); fs.writeFileSync('./data/' + fileName + '.json', data); } @@ -19,64 +19,73 @@ function writeData(info, fileName){ // update the data file, I use "name" to be equal to fruit, or animal or color // to match with the file names // I assume we always just add 1 to a single item -function combineCounts(name, value){ +function combineCounts(name, value) { // console.log(value); info = readData(name); - // will be useful for text entry, since the item typed in might not be in the list + // will be useful for text entry, since the item typed in might not be in the list var found = 0; - for (var i=0; i + + + + + + + + Survey of Facebook UI + + + + + + + + + + + + + +
+
+

Questionnaire of the Facebook UI/UX

+ Facebook +
+
+ +

Give us your opinion about Facebook user interface

+
+
+ + + + + +
+ +

Facebook Evaluation Form

+

Please let us about your thoughts/experience with facebook user interface.

+
+ +
+
+
+
+
+
+ + +
+
+ + +
+
+ + +
+
+ +
+
+ + +
+
+ + + + +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+
+ Very Hard
+ Somewhat hard
+ Somewhat easy
+ Very easy
+
+ +
+
+ Use of terms throughout the system is consistent
+ Position of messages on the screen is consistent
+ Prompts for inputs are clear
+ System always informs about the progress of the task
+ Error messages are helpful +
+ +
+
+ Photos
+ News
+ Messaging
+ Games
+
+ +
+
+ +
+ +
+
+

Please enter your comments here: +

+ +

+
+ +
+ +
+ + + +
+
+
+
+ + + +
+ +
+

Website created by Ruchira, Sam, Batuhan, and Kene

+
+ + + + + + + + \ No newline at end of file diff --git a/views/niceSurvey.html b/views/niceSurvey.html deleted file mode 100644 index 05f469b..0000000 --- a/views/niceSurvey.html +++ /dev/null @@ -1,46 +0,0 @@ - - - Questionnaire - - - - - - - - - - - - - -
-

Survey

-
-

What fruits(s) do you like?

- I like:
- -
-
-

What color(s) do you like?

- I like:
- Red
- Green
- Blue
-
-

What is your favorite animal?

- I like:
- -
-
- -

-
-
- - - \ No newline at end of file diff --git a/views/showResults.ejs b/views/showResults.ejs index 17f0ac6..077f41c 100644 --- a/views/showResults.ejs +++ b/views/showResults.ejs @@ -1,27 +1,101 @@ + Survey Analysis

Survey analysis

-

Colors

+

First Name

-

Fruits

+

Last Name

-

Animals

+

Email

+

Question 1

+ +

Question 2

+ +

Question 3

+ +

Question 4

+ +

Question 5

+ +

Question 6

+ +

Comments

+ + \ No newline at end of file