forked from hasslesstech/edu-dis-labs
Compare commits
No commits in common. "gh-pages" and "master" have entirely different histories.
|
|
@ -0,0 +1,115 @@
|
||||||
|
# Logs
|
||||||
|
logs
|
||||||
|
*.log
|
||||||
|
npm-debug.log*
|
||||||
|
yarn-debug.log*
|
||||||
|
yarn-error.log*
|
||||||
|
lerna-debug.log*
|
||||||
|
|
||||||
|
# Diagnostic reports (https://nodejs.org/api/report.html)
|
||||||
|
report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json
|
||||||
|
|
||||||
|
# Runtime data
|
||||||
|
pids
|
||||||
|
*.pid
|
||||||
|
*.seed
|
||||||
|
*.pid.lock
|
||||||
|
|
||||||
|
# Directory for instrumented libs generated by jscoverage/JSCover
|
||||||
|
lib-cov
|
||||||
|
|
||||||
|
# Coverage directory used by tools like istanbul
|
||||||
|
coverage
|
||||||
|
*.lcov
|
||||||
|
|
||||||
|
# nyc test coverage
|
||||||
|
.nyc_output
|
||||||
|
|
||||||
|
# Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files)
|
||||||
|
.grunt
|
||||||
|
|
||||||
|
# Bower dependency directory (https://bower.io/)
|
||||||
|
bower_components
|
||||||
|
|
||||||
|
# node-waf configuration
|
||||||
|
.lock-wscript
|
||||||
|
|
||||||
|
# Compiled binary addons (https://nodejs.org/api/addons.html)
|
||||||
|
build/Release
|
||||||
|
|
||||||
|
# Dependency directories
|
||||||
|
node_modules/
|
||||||
|
jspm_packages/
|
||||||
|
|
||||||
|
# TypeScript v1 declaration files
|
||||||
|
typings/
|
||||||
|
|
||||||
|
# TypeScript cache
|
||||||
|
*.tsbuildinfo
|
||||||
|
|
||||||
|
# Optional npm cache directory
|
||||||
|
.npm
|
||||||
|
|
||||||
|
# Optional eslint cache
|
||||||
|
.eslintcache
|
||||||
|
|
||||||
|
# Microbundle cache
|
||||||
|
.rpt2_cache/
|
||||||
|
.rts2_cache_cjs/
|
||||||
|
.rts2_cache_es/
|
||||||
|
.rts2_cache_umd/
|
||||||
|
|
||||||
|
# Optional REPL history
|
||||||
|
.node_repl_history
|
||||||
|
|
||||||
|
# Output of 'npm pack'
|
||||||
|
*.tgz
|
||||||
|
|
||||||
|
# Yarn Integrity file
|
||||||
|
.yarn-integrity
|
||||||
|
|
||||||
|
# dotenv environment variables file
|
||||||
|
.env
|
||||||
|
.env.test
|
||||||
|
|
||||||
|
# parcel-bundler cache (https://parceljs.org/)
|
||||||
|
.cache
|
||||||
|
|
||||||
|
# Next.js build output
|
||||||
|
.next
|
||||||
|
|
||||||
|
# Nuxt.js build / generate output
|
||||||
|
.nuxt
|
||||||
|
dist
|
||||||
|
|
||||||
|
# Gatsby files
|
||||||
|
.cache/
|
||||||
|
# Comment in the public line in if your project uses Gatsby and *not* Next.js
|
||||||
|
# https://nextjs.org/blog/next-9-1#public-directory-support
|
||||||
|
# public
|
||||||
|
|
||||||
|
# vuepress build output
|
||||||
|
.vuepress/dist
|
||||||
|
|
||||||
|
# Serverless directories
|
||||||
|
.serverless/
|
||||||
|
|
||||||
|
# FuseBox cache
|
||||||
|
.fusebox/
|
||||||
|
|
||||||
|
# DynamoDB Local files
|
||||||
|
.dynamodb/
|
||||||
|
|
||||||
|
# TernJS port file
|
||||||
|
.tern-port
|
||||||
|
|
||||||
|
# utils/table-generator generated files
|
||||||
|
utils/table-generator/tables/
|
||||||
|
utils/table-generator/tables.md
|
||||||
|
utils/table-generator/activities/
|
||||||
|
utils/table-generator/activities.md
|
||||||
|
|
||||||
|
# Package files
|
||||||
|
package-lock.json
|
||||||
|
yarn.lock
|
||||||
|
pnpm-lock.yaml
|
||||||
22
404.html
22
404.html
|
|
@ -1,22 +0,0 @@
|
||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en-US">
|
|
||||||
<head>
|
|
||||||
<meta charset="utf-8">
|
|
||||||
<meta name="viewport" content="width=device-width,initial-scale=1">
|
|
||||||
<title>Xpertise</title>
|
|
||||||
<meta name="generator" content="VuePress 1.8.2">
|
|
||||||
<link rel="icon" href="/edu-dis-labs-bodnar/favicon.ico">
|
|
||||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.5.1/katex.min.css">
|
|
||||||
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
|
|
||||||
<meta name="description" content="Лабораторні роботи з дисципліни "Організація баз даних"">
|
|
||||||
|
|
||||||
<link rel="preload" href="/edu-dis-labs-bodnar/assets/css/0.styles.71ff2442.css" as="style"><link rel="preload" href="/edu-dis-labs-bodnar/assets/js/app.0f2f35e9.js" as="script"><link rel="preload" href="/edu-dis-labs-bodnar/assets/js/15.9c6bcc86.js" as="script"><link rel="prefetch" href="/edu-dis-labs-bodnar/assets/js/10.35d89b73.js"><link rel="prefetch" href="/edu-dis-labs-bodnar/assets/js/11.603171d8.js"><link rel="prefetch" href="/edu-dis-labs-bodnar/assets/js/12.9a82e5ab.js"><link rel="prefetch" href="/edu-dis-labs-bodnar/assets/js/13.4f9f149e.js"><link rel="prefetch" href="/edu-dis-labs-bodnar/assets/js/14.36796f7d.js"><link rel="prefetch" href="/edu-dis-labs-bodnar/assets/js/16.56faf7ac.js"><link rel="prefetch" href="/edu-dis-labs-bodnar/assets/js/17.a2c48682.js"><link rel="prefetch" href="/edu-dis-labs-bodnar/assets/js/18.62bb8897.js"><link rel="prefetch" href="/edu-dis-labs-bodnar/assets/js/19.a26f6889.js"><link rel="prefetch" href="/edu-dis-labs-bodnar/assets/js/2.a7c45aa3.js"><link rel="prefetch" href="/edu-dis-labs-bodnar/assets/js/20.f88e7407.js"><link rel="prefetch" href="/edu-dis-labs-bodnar/assets/js/21.2cc4761f.js"><link rel="prefetch" href="/edu-dis-labs-bodnar/assets/js/22.39a9ded2.js"><link rel="prefetch" href="/edu-dis-labs-bodnar/assets/js/23.f9948ada.js"><link rel="prefetch" href="/edu-dis-labs-bodnar/assets/js/24.4951bab4.js"><link rel="prefetch" href="/edu-dis-labs-bodnar/assets/js/25.8863a270.js"><link rel="prefetch" href="/edu-dis-labs-bodnar/assets/js/26.c4b8726e.js"><link rel="prefetch" href="/edu-dis-labs-bodnar/assets/js/27.9a1f882a.js"><link rel="prefetch" href="/edu-dis-labs-bodnar/assets/js/3.78e8da28.js"><link rel="prefetch" href="/edu-dis-labs-bodnar/assets/js/4.8211a5d0.js"><link rel="prefetch" href="/edu-dis-labs-bodnar/assets/js/5.22a8c3cd.js"><link rel="prefetch" href="/edu-dis-labs-bodnar/assets/js/6.234fb2a8.js"><link rel="prefetch" href="/edu-dis-labs-bodnar/assets/js/7.352b63be.js"><link rel="prefetch" href="/edu-dis-labs-bodnar/assets/js/8.acae36a2.js"><link rel="prefetch" href="/edu-dis-labs-bodnar/assets/js/9.2e26f8b0.js">
|
|
||||||
<link rel="stylesheet" href="/edu-dis-labs-bodnar/assets/css/0.styles.71ff2442.css">
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<div id="app" data-server-rendered="true"><div class="theme-container"><div class="theme-default-content"><h1>404</h1> <blockquote>Looks like we've got some broken links.</blockquote> <a href="/edu-dis-labs-bodnar/" class="router-link-active">
|
|
||||||
Take me home.
|
|
||||||
</a></div></div><div class="global-ui"><!----></div></div>
|
|
||||||
<script src="/edu-dis-labs-bodnar/assets/js/app.0f2f35e9.js" defer></script><script src="/edu-dis-labs-bodnar/assets/js/15.9c6bcc86.js" defer></script>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
|
|
@ -0,0 +1,16 @@
|
||||||
|
ECL 2.0
|
||||||
|
|
||||||
|
Copyright (c) 2021 Andrey Boldak
|
||||||
|
|
||||||
|
Licensed under the
|
||||||
|
Educational Community License, Version 2.0 (the "License"); you may
|
||||||
|
not use this file except in compliance with the License. You may
|
||||||
|
obtain a copy of the License at
|
||||||
|
|
||||||
|
https://opensource.org/licenses/ECL-2.0
|
||||||
|
|
||||||
|
Unless required by applicable law or agreed to in writing,
|
||||||
|
software distributed under the License is distributed on an "AS IS"
|
||||||
|
BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express
|
||||||
|
or implied. See the License for the specific language governing
|
||||||
|
permissions and limitations under the License.
|
||||||
|
|
@ -0,0 +1,62 @@
|
||||||
|
# Шаблон репозиторію для виконання лабораторних робіт з дисципліни "Розподілені інформаційні системи"
|
||||||
|
|
||||||
|
## Як використовувати
|
||||||
|
|
||||||
|
В цьому репозиторії знаходиться шаблон для виконання лабораторних робіт.
|
||||||
|
|
||||||
|
Для виконання лабораторних робіт необхідно зробити ```fork``` цього репозіторію, склонувати вже власний репозіторій та розміщувати документацію у відповідних діректоріях ```./docs```.
|
||||||
|
|
||||||
|
В цьому файлі необхідно вказати назву проекту. Коротку загальну характеристику
|
||||||
|
проекту, контактні дані виконавців.
|
||||||
|
|
||||||
|
|
||||||
|
Шаблон публікування підготовлено з використанням [VuePress](https://vuepress.vuejs.org/), та стартера
|
||||||
|
[FriendlyUser/vuepress-theme-cool-starter](https://github.com/FriendlyUser/vuepress-theme-cool-starter).
|
||||||
|
|
||||||
|
Щоб опублікувати проект у Github Pages, налаштовуємо Github Pages (гілка ```gh-pages```), змінюємо файл ```./publish.sh```
|
||||||
|
|
||||||
|
```sh {24}
|
||||||
|
|
||||||
|
#!/usr/bin/env sh
|
||||||
|
|
||||||
|
# abort on errors
|
||||||
|
set -e
|
||||||
|
|
||||||
|
# build
|
||||||
|
npm run docs:build
|
||||||
|
|
||||||
|
# navigate into the build output directory
|
||||||
|
cd docs/.vuepress/dist
|
||||||
|
|
||||||
|
# if you are deploying to a custom domain
|
||||||
|
# echo 'www.example.com' > CNAME
|
||||||
|
|
||||||
|
git init
|
||||||
|
git add -A
|
||||||
|
git commit -m 'deploy'
|
||||||
|
|
||||||
|
# if you are deploying to https://<USERNAME>.github.io
|
||||||
|
# git push -f git@github.com:boldak/<USERNAME>.github.io.git master
|
||||||
|
|
||||||
|
# if you are deploying to https://<USERNAME>.github.io/<REPO>
|
||||||
|
git push -f https://github.com/<USERNAME>/dis-edu.git master:gh-pages
|
||||||
|
|
||||||
|
cd -
|
||||||
|
|
||||||
|
```
|
||||||
|
|
||||||
|
Потім запускаємо
|
||||||
|
|
||||||
|
```bash
|
||||||
|
npm run publish
|
||||||
|
```
|
||||||
|
|
||||||
|
Для відлагодження документації в локальному режимі запускаємо
|
||||||
|
|
||||||
|
```bash
|
||||||
|
npm run docs:dev
|
||||||
|
```
|
||||||
|
|
||||||
|
Доступ до локально опублікованої версії документації [http://localhost:3030](http://localhost:3030)
|
||||||
|
|
||||||
|
***Happy learning! Happy coding!***
|
||||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -1 +0,0 @@
|
||||||
<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" width="12" height="13"><g stroke-width="2" stroke="#aaa" fill="none"><path d="M11.29 11.71l-4-4"/><circle cx="5" cy="5" r="4"/></g></svg>
|
|
||||||
|
Before Width: | Height: | Size: 216 B |
|
|
@ -1 +0,0 @@
|
||||||
(window.webpackJsonp=window.webpackJsonp||[]).push([[10],{566:function(n,o,e){},659:function(n,o,e){"use strict";e.r(o);e(566);var l={name:"Styles"},t=e(34),u=Object(t.a)(l,void 0,void 0,!1,null,null,null);o.default=u.exports}}]);
|
|
||||||
File diff suppressed because one or more lines are too long
|
|
@ -1 +0,0 @@
|
||||||
(window.webpackJsonp=window.webpackJsonp||[]).push([[12],{566:function(n,o,e){},660:function(n,o,e){"use strict";e.r(o);e(566);var l={name:"Styles"},t=e(34),u=Object(t.a)(l,void 0,void 0,!1,null,null,null);o.default=u.exports}}]);
|
|
||||||
|
|
@ -1 +0,0 @@
|
||||||
(window.webpackJsonp=window.webpackJsonp||[]).push([[13],{619:function(t,a,s){t.exports=s.p+"assets/img/relational_scheme.50c04084.png"},649:function(t,a,s){"use strict";s.r(a);var r=s(34),e=Object(r.a)({},(function(){var t=this,a=t.$createElement,r=t._self._c||a;return r("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[r("h1",{attrs:{id:"проєктування-бази-даних"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#проєктування-бази-даних"}},[t._v("#")]),t._v(" Проєктування бази даних")]),t._v(" "),r("h2",{attrs:{id:"be-модель"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#be-модель"}},[t._v("#")]),t._v(" BE модель")]),t._v(" "),r("center",{staticStyle:{"border-radius":"4px",border:"1px solid #cfd7e6","box-shadow":"0 1px 3px 0 rgba(89,105,129,.05), 0 1px 1px 0 rgba(0,0,0,.025)",padding:"1em"}},[r("img",{attrs:{src:"https://www.plantuml.com/plantuml/svg/VPJBReCm44Nt_Wh4CWeesKTHKYcBI8ZqmQ9TMZ1ghGQ3_4YRlwzji0EswP8vTsRiUoqEN60cP7j52AWWufuSwxgJL2IxtQcipjN7Vk-HN79W5BUW9DNflGe5FURyfsFDGs0LRvBTu1wPFO0yEdPaZMHOa8ukSSAViJgQtlfqkHIdOncHb6h1N64bBnBuEDu_d4MvW5yHNkeLUD_H6YAT5kKtV9KGjXQ4VaVQT5dPZ3-X82tHAyzbvM4sZbvMA3FulwrnscFnDJbfa7gMhMpIA4Xy2j4qL0s6R-Jd6I8NPGmD4Ku8yktAf8AwY29EUT2Ob4NrVjqOysX7NhY6s1f2yqTZe2qvKvDqkzwcQasIRjQhT7vL7xfkzr970RCAjzoDtom8pBiRQdg-cMFTF01jr0_X3m00",alt:"uml diagram"}})]),t._v(" "),r("h2",{attrs:{id:"er-модель"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#er-модель"}},[t._v("#")]),t._v(" ER-модель")]),t._v(" "),r("center",{staticStyle:{"border-radius":"4px",border:"1px solid #cfd7e6","box-shadow":"0 1px 3px 0 rgba(89,105,129,.05), 0 1px 1px 0 rgba(0,0,0,.025)",padding:"1em"}},[r("img",{attrs:{src:"https://www.plantuml.com/plantuml/svg/XL9TIyCm57tFhmXzShB1kiqYPPHL6JWedMvzyJ4q5mskQSd7T8Z_tIuDQQspvYavzvvpSWzt9HKHIXS7X80hfauuplDISuMNotMQRRBdACAV2DU7qN2JPkQg9GXE2WZl7-BTLR0O6RGYKhwNWZRex2OOeIydkmDPbJo7GTqZEMWhwWVpsqLNu4c3LApaWm8AFjH5-xqMHpWDSjk13FSCKIt8sRC7C_b8wWXeUBVT9kiujM1Q2xHOwvqm_lPVdD8zX0rATiha1H9MCFMhwITQ4VNQV7K-CyExqBtf-Dh3aqc4FN_iUovCv5BjTpI18PjRlsgN19dH_g1UCfzsoMW5dDQhzmq0",alt:"uml diagram"}})]),t._v(" "),r("h2",{attrs:{id:"реляціина-схема"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#реляціина-схема"}},[t._v("#")]),t._v(" Реляційна схема")]),t._v(" "),r("center",{staticStyle:{"border-radius":"4px",border:"1px solid #cfd7e6","box-shadow":"0 1px 3px 0 rgba(89,105,129,.05), 0 1px 1px 0 rgba(0,0,0,.025)",padding:"1em"}},[r("p",[r("img",{attrs:{src:s(619),alt:"relational_schema"}})])])],1)}),[],!1,null,null,null);a.default=e.exports}}]);
|
|
||||||
|
|
@ -1 +0,0 @@
|
||||||
(window.webpackJsonp=window.webpackJsonp||[]).push([[14],{642:function(e,a,t){"use strict";t.r(a);var n={name:"my-component",components:{VueGoodTable:t(85).a},data:function(){return{columns:[{label:"Name",field:"name"},{label:"Age",field:"age",type:"number"},{label:"Created On",field:"createdAt",type:"date",dateInputFormat:"yyyy-mm-dd",dateOutputFormat:"MMM Do yy"},{label:"Percent",field:"score",type:"percentage"}],rows:[{id:1,name:"John",age:20,createdAt:"2011-10-31",score:.03343},{id:2,name:"Jane",age:24,createdAt:"2019-10-31",score:.03343},{id:3,name:"Susan",age:16,createdAt:"2011-10-30",score:.03343},{id:4,name:"Chris",age:55,createdAt:"2011-10-11",score:.03343},{id:5,name:"Dan",age:40,createdAt:"2011-10-21",score:.03343},{id:6,name:"John",age:20,createdAt:"2011-10-31",score:.03343}]}}},r=t(34),o=Object(r.a)(n,(function(){var e=this.$createElement,a=this._self._c||e;return a("div",[a("vue-good-table",{attrs:{columns:this.columns,rows:this.rows}})],1)}),[],!1,null,null,null);a.default=o.exports}}]);
|
|
||||||
|
|
@ -1 +0,0 @@
|
||||||
(window.webpackJsonp=window.webpackJsonp||[]).push([[15],{640:function(t,e,s){"use strict";s.r(e);var n=["There's nothing here.","How did we get here?","That's a Four-Oh-Four.","Looks like we've got some broken links."],o={methods:{getMsg:function(){return n[Math.floor(Math.random()*n.length)]}}},i=s(34),h=Object(i.a)(o,(function(){var t=this.$createElement,e=this._self._c||t;return e("div",{staticClass:"theme-container"},[e("div",{staticClass:"theme-default-content"},[e("h1",[this._v("404")]),this._v(" "),e("blockquote",[this._v(this._s(this.getMsg()))]),this._v(" "),e("RouterLink",{attrs:{to:"/"}},[this._v("\n Take me home.\n ")])],1)])}),[],!1,null,null,null);e.default=h.exports}}]);
|
|
||||||
|
|
@ -1 +0,0 @@
|
||||||
(window.webpackJsonp=window.webpackJsonp||[]).push([[16],{644:function(t,n,e){"use strict";e.r(n);e(10),e(15),e(17);var i={name:"mermaid",mounted:function(){e.e(26).then(e.t.bind(null,637,7)).then((function(t){t.initialize({startOnLoad:!0}),t.init()}))}},a=e(34),l=Object(a.a)(i,(function(){var t=this.$createElement;return(this._self._c||t)("div",{staticClass:"mermaid"},[this._t("default")],2)}),[],!1,null,null,null);n.default=l.exports}}]);
|
|
||||||
|
|
@ -1 +0,0 @@
|
||||||
(window.webpackJsonp=window.webpackJsonp||[]).push([[17],{648:function(r,t,e){"use strict";e.r(t);var n=e(34),a=Object(n.a)({},(function(){var r=this,t=r.$createElement,e=r._self._c||t;return e("ContentSlotsDistributor",{attrs:{"slot-key":r.$parent.slotKey}},[e("p",[e("strong",[r._v("Виконав:")])]),r._v(" "),e("p",[e("em",[r._v("студент 2-го курсу, групи ІО-23:")])]),r._v(" "),e("p",[e("em",[r._v("Андрій БОДНАР [bodnarandrew123@gmail.com, "),e("a",{attrs:{href:"https://t.me/andrux4",target:"_blank",rel:"noopener noreferrer"}},[r._v("@andrux4"),e("OutboundLink")],1),r._v("]")])]),r._v(" "),e("p",[e("strong",[r._v("Керівник")])]),r._v(" "),e("p",[e("em",[r._v("доцент кафедри ОТ ФІОТ, к.т.н., доцент")]),e("span",{attrs:{"padding-right:5em":""}}),r._v(" "),e("strong",[r._v("Андрій БОЛДАК")])]),r._v(" "),e("p",[e("a",{attrs:{href:"https://kpi.ua/",target:"_blank",rel:"noopener noreferrer"}},[r._v('НТУУ "КИЇВСЬКИЙ ПОЛІТЕХНІЧНИЙ ІНСТИТУТ імені ІГОРЯ СІКОРСЬКОГО'),e("OutboundLink")],1)]),r._v(" "),e("p",[e("a",{attrs:{href:"https://fiot.kpi.ua/",target:"_blank",rel:"noopener noreferrer"}},[r._v("Факультет інформатики та обчислювальної техніки"),e("OutboundLink")],1)]),r._v(" "),e("p",[e("a",{attrs:{href:"https://comsys.kpi.ua/",target:"_blank",rel:"noopener noreferrer"}},[r._v("Кафедра обчислювальної техніки"),e("OutboundLink")],1)]),r._v(" "),e("p",[r._v("Київ")])])}),[],!1,null,null,null);t.default=a.exports}}]);
|
|
||||||
|
|
@ -1 +0,0 @@
|
||||||
(window.webpackJsonp=window.webpackJsonp||[]).push([[18],{651:function(t,e,n){"use strict";n.r(e);var s=n(34),l=Object(s.a)({},(function(){var t=this.$createElement;return(this._self._c||t)("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}})}),[],!1,null,null,null);e.default=l.exports}}]);
|
|
||||||
|
|
@ -1 +0,0 @@
|
||||||
(window.webpackJsonp=window.webpackJsonp||[]).push([[19],{653:function(t,s,e){"use strict";e.r(s);var n=e(34),a=Object(n.a)({},(function(){var t=this,s=t.$createElement,e=t._self._c||s;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"висновки"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#висновки"}},[t._v("#")]),t._v(" Висновки")]),t._v(" "),e("p",[t._v("В результаті проведеної роботи ми розробили модель бази даних, яку можна використовувати для реалізації систем проведення експертних опитувань. В рамках цього проєкту я розробив серверну частину, що надає RESTFUL-інтерфейс для доступу до бази даних. Вона може використовуватися для взаємодії з таблицею питань (question). Для створення RESTful сервісу було використано мови програмування Python та веб-фреймворк Flask.")]),t._v(" "),e("p",[t._v("Таким чином, створена система забезпечує ефективний та гнучкий інструмент для проведення експертних опитувань. Вона дозволяє автоматизувати процес збору та аналізу відповідей, що значно знижує час та ресурси, необхідні для проведення таких опитувань. Завдяки використанню сучасних технологій, таких як Flask, система має високу продуктивність та може легко масштабуватися відповідно до потреб користувачів.")]),t._v(" "),e("p",[t._v("Загалом, реалізована модель та серверна частина створюють міцний фундамент для подальшого розвитку та вдосконалення системи експертних опитувань, відкриваючи нові можливості для досліджень та аналізу даних.")])])}),[],!1,null,null,null);s.default=a.exports}}]);
|
|
||||||
File diff suppressed because one or more lines are too long
|
|
@ -1 +0,0 @@
|
||||||
(window.webpackJsonp=window.webpackJsonp||[]).push([[20],{650:function(t,n,e){"use strict";e.r(n);var s=e(34),r=Object(s.a)({},(function(){var t=this,n=t.$createElement,e=t._self._c||n;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"вступ"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#вступ"}},[t._v("#")]),t._v(" Вступ")]),t._v(" "),e("p",[t._v("У вступі описується мета роботи і розглядається поставлене завдання з позиції її\nактуальності, значення її розв’язання для тієї предметної області, до якої відноситься\nтема бакалаврського проєкту.")]),t._v(" "),e("p",[t._v("Коротко характеризується сучасний рівень розв’язання\nданого завдання і взаємозв’язок з іншими проєктами по цій тематиці.")]),t._v(" "),e("p",[t._v("Наводяться\nосновні технічні характеристики розробки й очікуваний технічно-економічний ефект\nвід її реалізації.")])])}),[],!1,null,null,null);n.default=r.exports}}]);
|
|
||||||
|
|
@ -1 +0,0 @@
|
||||||
(window.webpackJsonp=window.webpackJsonp||[]).push([[21],{655:function(t,s,e){"use strict";e.r(s);var r=e(34),i=Object(r.a)({},(function(){var t=this.$createElement,s=this._self._c||t;return s("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[s("h1",{attrs:{id:"розроблення-загальних-вимог-до-системи"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#розроблення-загальних-вимог-до-системи"}},[this._v("#")]),this._v(" Розроблення загальних вимог до системи")]),this._v(" "),s("ul",[s("li",[s("RouterLink",{attrs:{to:"/requirements/state-of-the-art.html"}},[this._v("Аналіз предметної області")])],1),this._v(" "),s("li",[s("RouterLink",{attrs:{to:"/requirements/stakeholders-needs.html"}},[this._v("Запити зацікавлених осіб")])],1)])])}),[],!1,null,null,null);s.default=i.exports}}]);
|
|
||||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -1 +0,0 @@
|
||||||
(window.webpackJsonp=window.webpackJsonp||[]).push([[27],{636:function(n,e,t){"use strict";t.r(e),t.d(e,"register",(function(){return o})),t.d(e,"unregister",(function(){return c}));var r;function o(n,e){void 0===e&&(e={});var t=e.registrationOptions;void 0===t&&(t={}),delete e.registrationOptions;var o=function(n){for(var t=[],r=arguments.length-1;r-- >0;)t[r]=arguments[r+1];e&&e[n]&&e[n].apply(e,t)};"serviceWorker"in navigator&&r.then((function(){Boolean("localhost"===window.location.hostname||"[::1]"===window.location.hostname||window.location.hostname.match(/^127(?:\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/))?(!function(n,e,t){fetch(n).then((function(r){404===r.status?(e("error",new Error("Service worker not found at "+n)),c()):-1===r.headers.get("content-type").indexOf("javascript")?(e("error",new Error("Expected "+n+" to have javascript content-type, but received "+r.headers.get("content-type"))),c()):a(n,e,t)})).catch((function(n){return i(e,n)}))}(n,o,t),navigator.serviceWorker.ready.then((function(n){o("ready",n)})).catch((function(n){return i(o,n)}))):(a(n,o,t),navigator.serviceWorker.ready.then((function(n){o("ready",n)})).catch((function(n){return i(o,n)})))}))}function i(n,e){navigator.onLine||n("offline"),n("error",e)}function a(n,e,t){navigator.serviceWorker.register(n,t).then((function(n){e("registered",n),n.waiting?e("updated",n):n.onupdatefound=function(){e("updatefound",n);var t=n.installing;t.onstatechange=function(){"installed"===t.state&&(navigator.serviceWorker.controller?e("updated",n):e("cached",n))}}})).catch((function(n){return i(e,n)}))}function c(){"serviceWorker"in navigator&&navigator.serviceWorker.ready.then((function(n){n.unregister()})).catch((function(n){return i(emit,n)}))}"undefined"!=typeof window&&(r="undefined"!=typeof Promise?new Promise((function(n){return window.addEventListener("load",n)})):{then:function(n){return window.addEventListener("load",n)}})}}]);
|
|
||||||
|
|
@ -1 +0,0 @@
|
||||||
(window.webpackJsonp=window.webpackJsonp||[]).push([[3],{620:function(t,s,a){t.exports=a.p+"assets/img/startFlask.1c703ec5.png"},621:function(t,s,a){t.exports=a.p+"assets/img/post.61d995b2.png"},622:function(t,s,a){t.exports=a.p+"assets/img/get.071cabe8.png"},623:function(t,s,a){t.exports=a.p+"assets/img/put.f9ba5d51.png"},624:function(t,s,a){t.exports=a.p+"assets/img/get2.dbb03e15.png"},625:function(t,s,a){t.exports=a.p+"assets/img/delete.befaf90a.png"},626:function(t,s,a){t.exports=a.p+"assets/img/get3.800afd85.png"},657:function(t,s,a){"use strict";a.r(s);var e=a(34),r=Object(e.a)({},(function(){var t=this,s=t.$createElement,e=t._self._c||s;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"тестування-працездатності-системи"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#тестування-працездатності-системи"}},[t._v("#")]),t._v(" Тестування працездатності системи")]),t._v(" "),e("p",[t._v("Для тестування системи використовувся додаток Postman")]),t._v(" "),e("h2",{attrs:{id:"запуск-сервера"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#запуск-сервера"}},[t._v("#")]),t._v(" Запуск сервера")]),t._v(" "),e("p",[e("img",{attrs:{src:a(620),alt:""}})]),t._v(" "),e("h2",{attrs:{id:"метод-post"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#метод-post"}},[t._v("#")]),t._v(" Метод POST")]),t._v(" "),e("h3",{attrs:{id:"post-question"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#post-question"}},[t._v("#")]),t._v(" POST QUESTION")]),t._v(" "),e("h4",{attrs:{id:"запит-та-відповідь"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#запит-та-відповідь"}},[t._v("#")]),t._v(" Запит та відповідь")]),t._v(" "),e("p",[e("img",{attrs:{src:a(621),alt:""}})]),t._v(" "),e("h4",{attrs:{id:"перевірка-за-допомогою-get"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#перевірка-за-допомогою-get"}},[t._v("#")]),t._v(" Перевірка за допомогою GET")]),t._v(" "),e("p",[e("img",{attrs:{src:a(622),alt:""}})]),t._v(" "),e("h2",{attrs:{id:"метод-put"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#метод-put"}},[t._v("#")]),t._v(" Метод PUT")]),t._v(" "),e("h3",{attrs:{id:"put-question"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#put-question"}},[t._v("#")]),t._v(" PUT QUESTION")]),t._v(" "),e("h4",{attrs:{id:"запит-та-відповідь-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#запит-та-відповідь-2"}},[t._v("#")]),t._v(" Запит та відповідь")]),t._v(" "),e("p",[e("img",{attrs:{src:a(623),alt:""}})]),t._v(" "),e("h4",{attrs:{id:"перевірка-за-допомогою-get-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#перевірка-за-допомогою-get-2"}},[t._v("#")]),t._v(" Перевірка за допомогою GET")]),t._v(" "),e("p",[e("img",{attrs:{src:a(624),alt:""}})]),t._v(" "),e("h2",{attrs:{id:"метод-delete"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#метод-delete"}},[t._v("#")]),t._v(" Метод DELETE")]),t._v(" "),e("h3",{attrs:{id:"delete-question"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#delete-question"}},[t._v("#")]),t._v(" DELETE QUESTION")]),t._v(" "),e("h4",{attrs:{id:"запит-та-відповідь-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#запит-та-відповідь-3"}},[t._v("#")]),t._v(" Запит та відповідь")]),t._v(" "),e("p",[e("img",{attrs:{src:a(625),alt:""}})]),t._v(" "),e("h4",{attrs:{id:"перевірка-за-допомогою-get-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#перевірка-за-допомогою-get-3"}},[t._v("#")]),t._v(" Перевірка за допомогою GET")]),t._v(" "),e("p",[e("img",{attrs:{src:a(626),alt:""}})])])}),[],!1,null,null,null);s.default=r.exports}}]);
|
|
||||||
File diff suppressed because one or more lines are too long
|
|
@ -1 +0,0 @@
|
||||||
(window.webpackJsonp=window.webpackJsonp||[]).push([[5],{585:function(t,e,i){},627:function(t,e,i){"use strict";i(585)},641:function(t,e,i){"use strict";i.r(e);var n={name:"Details",props:{title:{type:String,default:"title"},content:{type:String,default:"title"}}},s=(i(627),i(34)),l=Object(s.a)(n,(function(){var t=this.$createElement,e=this._self._c||t;return e("details",[e("summary",[this._v(this._s(this.title))]),this._v(this._s(this.content)+" ")])}),[],!1,null,"5c5bfe02",null);e.default=l.exports}}]);
|
|
||||||
|
|
@ -1 +0,0 @@
|
||||||
(window.webpackJsonp=window.webpackJsonp||[]).push([[6],{590:function(t,e,n){},633:function(t,e,n){"use strict";n(590)},661:function(t,e,n){"use strict";n.r(e);var i={functional:!0,props:{type:{type:String,default:"tip"},text:String,vertical:{type:String,default:"top"}},render:function(t,e){var n=e.props,i=e.slots;return t("span",{class:["badge",n.type],style:{verticalAlign:n.vertical}},n.text||i().default)}},r=(n(633),n(34)),p=Object(r.a)(i,void 0,void 0,!1,null,"15b7b770",null);e.default=p.exports}}]);
|
|
||||||
|
|
@ -1 +0,0 @@
|
||||||
(window.webpackJsonp=window.webpackJsonp||[]).push([[7],{591:function(t,e,a){},634:function(t,e,a){"use strict";a(591)},646:function(t,e,a){"use strict";a.r(e);var n={name:"CodeBlock",props:{title:{type:String,required:!0},active:{type:Boolean,default:!1}},mounted:function(){this.$parent&&this.$parent.loadTabs&&this.$parent.loadTabs()}},i=(a(634),a(34)),s=Object(i.a)(n,(function(){var t=this.$createElement;return(this._self._c||t)("div",{staticClass:"theme-code-block",class:{"theme-code-block__active":this.active}},[this._t("default")],2)}),[],!1,null,"759a7d02",null);e.default=s.exports}}]);
|
|
||||||
|
|
@ -1 +0,0 @@
|
||||||
(window.webpackJsonp=window.webpackJsonp||[]).push([[8],{592:function(e,t,a){},635:function(e,t,a){"use strict";a(592)},647:function(e,t,a){"use strict";a.r(t);a(90),a(41),a(134),a(135);var o={name:"CodeGroup",data:function(){return{codeTabs:[],activeCodeTabIndex:-1}},watch:{activeCodeTabIndex:function(e){this.activateCodeTab(e)}},mounted:function(){this.loadTabs()},methods:{changeCodeTab:function(e){this.activeCodeTabIndex=e},loadTabs:function(){var e=this;this.codeTabs=(this.$slots.default||[]).filter((function(e){return Boolean(e.componentOptions)})).map((function(t,a){return""===t.componentOptions.propsData.active&&(e.activeCodeTabIndex=a),{title:t.componentOptions.propsData.title,elm:t.elm}})),-1===this.activeCodeTabIndex&&this.codeTabs.length>0&&(this.activeCodeTabIndex=0),this.activateCodeTab(0)},activateCodeTab:function(e){this.codeTabs.forEach((function(e){e.elm&&e.elm.classList.remove("theme-code-block__active")})),this.codeTabs[e].elm&&this.codeTabs[e].elm.classList.add("theme-code-block__active")}}},n=(a(635),a(34)),c=Object(n.a)(o,(function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("ClientOnly",[a("div",{staticClass:"theme-code-group"},[a("div",{staticClass:"theme-code-group__nav"},[a("ul",{staticClass:"theme-code-group__ul"},e._l(e.codeTabs,(function(t,o){return a("li",{key:t.title,staticClass:"theme-code-group__li"},[a("button",{staticClass:"theme-code-group__nav-tab",class:{"theme-code-group__nav-tab-active":o===e.activeCodeTabIndex},on:{click:function(t){return e.changeCodeTab(o)}}},[e._v("\n "+e._s(t.title)+"\n ")])])})),0)]),e._v(" "),e._t("default"),e._v(" "),e.codeTabs.length<1?a("pre",{staticClass:"pre-blank"},[e._v("// Make sure to add code blocks to your code group")]):e._e()],2)])}),[],!1,null,"deefee04",null);t.default=c.exports}}]);
|
|
||||||
|
|
@ -1 +0,0 @@
|
||||||
(window.webpackJsonp=window.webpackJsonp||[]).push([[9],{589:function(n,t,s){},632:function(n,t,s){"use strict";s(589)},645:function(n,t,s){"use strict";s.r(t);var i={name:"pros-cons",props:{intro:{type:String,required:!0},good:{type:Array,default:null},bad:{type:Array,default:null}}},a=(s(632),s(34)),e=Object(a.a)(i,(function(){var n=this,t=n.$createElement,s=n._self._c||t;return s("div",[s("p",{staticClass:"intro"},[n._v("\n "+n._s(n.intro)+"\n ")]),n._v(" "),s("div",{staticClass:"comparison"},[s("div",{staticClass:"comparison__container"},[n._m(0),n._v(" "),s("ul",n._l(n.good,(function(n){return s("li",{key:n,domProps:{innerHTML:n}})})),0)]),n._v(" "),s("div",{staticClass:"comparison__container comparison__container--donts"},[n._m(1),n._v(" "),s("ul",n._l(n.bad,(function(n){return s("li",{key:n,domProps:{innerHTML:n}})})),0)])])])}),[function(){var n=this.$createElement,t=this._self._c||n;return t("div",{staticClass:"comparison__heading"},[t("i",{staticClass:"material-icons blue-text"},[this._v("check")]),this._v("\n Pros\n ")])},function(){var n=this.$createElement,t=this._self._c||n;return t("div",{staticClass:"comparison__heading comparison__heading--donts"},[t("i",{staticClass:"material-icons"},[this._v("close")]),this._v("\n Cons\n ")])}],!1,null,"541222b7",null);t.default=e.exports}}]);
|
|
||||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1,2 @@
|
||||||
|
css
|
||||||
|
dist
|
||||||
|
|
@ -0,0 +1,39 @@
|
||||||
|
<template>
|
||||||
|
<details><summary>{{title}}</summary>{{content}} </details>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
name: 'Details',
|
||||||
|
props: {
|
||||||
|
title: {
|
||||||
|
type: String,
|
||||||
|
default: "title"
|
||||||
|
},
|
||||||
|
content: {
|
||||||
|
type: String,
|
||||||
|
default: "title"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
|
||||||
|
<!-- Add "scoped" attribute to limit CSS to this component only -->
|
||||||
|
<style scoped lang="styl">
|
||||||
|
details {
|
||||||
|
border-radius: 3px;
|
||||||
|
background: #EEE;
|
||||||
|
}
|
||||||
|
details summary {
|
||||||
|
font-size: 17px;
|
||||||
|
vertical-align: top;
|
||||||
|
background: #333;
|
||||||
|
color: #FFF;
|
||||||
|
border-radius: 3px;
|
||||||
|
/* padding: 5px 10px; */
|
||||||
|
padding: 5px 0px;
|
||||||
|
outline: none;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
@ -0,0 +1,324 @@
|
||||||
|
<template>
|
||||||
|
<!--container-->
|
||||||
|
<section class="container">
|
||||||
|
|
||||||
|
<!-- transition -->
|
||||||
|
<transition :duration="{ enter: 500, leave: 300 }" enter-active-class="animated zoomIn" leave-active-class="animated zoomOut" mode="out-in">
|
||||||
|
|
||||||
|
<!--questionContainer-->
|
||||||
|
<div class="questionContainer" v-if="questionIndex<quiz.questions.length" v-bind:key="questionIndex">
|
||||||
|
<header>
|
||||||
|
<div class="shell">
|
||||||
|
<div class="bar" :style="{width: questionIndex/quiz.questions.length*100 + '%' }">
|
||||||
|
<span>{{(questionIndex/quiz.questions.length)*100}}%</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
<!--/progress-->
|
||||||
|
|
||||||
|
<!-- questionTitle -->
|
||||||
|
<h2 class="titleContainer title">{{ quiz.questions[questionIndex] && quiz.questions[questionIndex].text }}</h2>
|
||||||
|
<!-- /questionTitle -->
|
||||||
|
<!-- quizOptions -->
|
||||||
|
<div class="optionContainer" v-if="quiz.questions[questionIndex]">
|
||||||
|
<div class="option" v-for="(response, index) in quiz.questions[questionIndex].responses" @click="selectOption(index)" :class="{ 'is-selected': userResponses[questionIndex] == index}" :key="index">
|
||||||
|
{{ index | charIndex }}. {{ response.text || "Mpthasdng"}}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!--quizFooter: navigation and progress-->
|
||||||
|
<footer class="questionFooter">
|
||||||
|
|
||||||
|
<!--pagination-->
|
||||||
|
<nav class="pagination" role="navigation" aria-label="pagination">
|
||||||
|
|
||||||
|
<!-- back button -->
|
||||||
|
<a class="button" v-on:click="prev();" :disabled="questionIndex < 1">
|
||||||
|
Back
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<!-- next button -->
|
||||||
|
<a class="button" :class="(userResponses[questionIndex]==null)?'':'is-active'" v-on:click="next();" :disabled="questionIndex>=quiz.questions.length">
|
||||||
|
{{ (userResponses[questionIndex]==null)?'Skip':'Next' }}
|
||||||
|
</a>
|
||||||
|
|
||||||
|
</nav>
|
||||||
|
<!--/pagination-->
|
||||||
|
|
||||||
|
</footer>
|
||||||
|
<!--/quizFooter-->
|
||||||
|
</div>
|
||||||
|
<!--/questionBox-->
|
||||||
|
<!--quizCompletedResult-->
|
||||||
|
<div v-if="questionIndex >= quiz.questions.length" v-bind:key="questionIndex" class="quizCompleted has-text-centered">
|
||||||
|
<!-- quizCompletedIcon: Achievement Icon -->
|
||||||
|
<span class="icon">
|
||||||
|
<i class="fa" :class="score() > 3 ?'fa-check-circle-o is-active':'fa-times-circle'"></i>
|
||||||
|
</span>
|
||||||
|
|
||||||
|
<!--resultTitleBlock-->
|
||||||
|
<h2 class="title">
|
||||||
|
You did {{ (score() / quiz.questions.length > 0.7 ?'an amazing':(score() / quiz.questions.length < 0.4 ?'a poor':'a good')) }} job!
|
||||||
|
</h2>
|
||||||
|
<p class="subtitle">
|
||||||
|
Total score: {{ score() }} / {{ quiz.questions.length }}
|
||||||
|
</p>
|
||||||
|
<br>
|
||||||
|
<a class="button" @click="restart()">restart <i class="fa fa-refresh"></i></a>
|
||||||
|
<!--/resultTitleBlock-->
|
||||||
|
</div>
|
||||||
|
</transition>
|
||||||
|
<!--/quizCompetedResult-->
|
||||||
|
</section>
|
||||||
|
<!--/container-->
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import * as quizzes from '../quizzes'
|
||||||
|
import Vue from 'vue';
|
||||||
|
export default {
|
||||||
|
name: 'Quiz',
|
||||||
|
props: {
|
||||||
|
quizNum: Number
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
let quizData
|
||||||
|
switch (this.quizNum) {
|
||||||
|
case 1:
|
||||||
|
quizData = quizzes.quiz1
|
||||||
|
break
|
||||||
|
case 2:
|
||||||
|
quizData = quizzes.quiz2
|
||||||
|
break
|
||||||
|
default:
|
||||||
|
quizData = quizzes.quiz1
|
||||||
|
break
|
||||||
|
}
|
||||||
|
const userResponseSkelaton = Array(quizData.questions.length).fill(null);
|
||||||
|
return {
|
||||||
|
quiz: quizData,
|
||||||
|
questionIndex: 0,
|
||||||
|
userResponses: userResponseSkelaton,
|
||||||
|
isActive: false
|
||||||
|
}
|
||||||
|
},
|
||||||
|
filters: {
|
||||||
|
charIndex: function(i) {
|
||||||
|
return String.fromCharCode(97 + i);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
restart: function(){
|
||||||
|
this.questionIndex=0;
|
||||||
|
this.userResponses=Array(this.quiz.questions.length).fill(null);
|
||||||
|
},
|
||||||
|
selectOption: function(index) {
|
||||||
|
this.$set(this.userResponses, this.questionIndex, index);
|
||||||
|
},
|
||||||
|
next: function() {
|
||||||
|
if (this.questionIndex < this.quiz.questions.length)
|
||||||
|
this.questionIndex++;
|
||||||
|
},
|
||||||
|
|
||||||
|
prev: function() {
|
||||||
|
if (this.quiz.questions.length > 0) this.questionIndex--;
|
||||||
|
},
|
||||||
|
// Return "true" count in userResponses
|
||||||
|
score: function() {
|
||||||
|
var score = 0;
|
||||||
|
for (let i = 0; i < this.userResponses.length; i++) {
|
||||||
|
if (
|
||||||
|
typeof this.quiz.questions[i].responses[
|
||||||
|
this.userResponses[i]
|
||||||
|
] !== "undefined" &&
|
||||||
|
this.quiz.questions[i].responses[this.userResponses[i]].correct
|
||||||
|
) {
|
||||||
|
score = score + 1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
// calculate percentage
|
||||||
|
return score;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<!-- Add "scoped" attribute to limit CSS to this component only -->
|
||||||
|
<style scoped>
|
||||||
|
@import url("https://fonts.googleapis.com/css?family=Montserrat:400,400i,700");
|
||||||
|
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700");
|
||||||
|
.button {
|
||||||
|
transition: 0.3s;
|
||||||
|
}
|
||||||
|
.title, .subtitle {
|
||||||
|
font-family: Montserrat, sans-serif;
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
||||||
|
.animated {
|
||||||
|
transition-duration: 0.15s;
|
||||||
|
}
|
||||||
|
.container {
|
||||||
|
margin: 0 0.5rem;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
.questionBox {
|
||||||
|
max-width: 30rem;
|
||||||
|
width: 30rem;
|
||||||
|
min-height: 30rem;
|
||||||
|
position: relative;
|
||||||
|
display: flex;
|
||||||
|
border-radius: 0.5rem;
|
||||||
|
overflow: hidden;
|
||||||
|
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
|
||||||
|
}
|
||||||
|
.questionContainer header {
|
||||||
|
background-color: rgba(124, 32, 32, 0.025);
|
||||||
|
background: rgba(124, 32, 32, 0.025);
|
||||||
|
padding: 1.5rem;
|
||||||
|
text-align: center;
|
||||||
|
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
|
||||||
|
}
|
||||||
|
.questionContainer header h1 {
|
||||||
|
font-weight: bold;
|
||||||
|
margin-bottom: 1rem !important;
|
||||||
|
}
|
||||||
|
.progressContainer {
|
||||||
|
width: 60%;
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.titleContainer {
|
||||||
|
text-align: center;
|
||||||
|
margin: 0 auto;
|
||||||
|
padding: 1.5rem;
|
||||||
|
}
|
||||||
|
.quizForm {
|
||||||
|
display: block;
|
||||||
|
white-space: normal;
|
||||||
|
height: 100%;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
.quizForm .quizFormContainer {
|
||||||
|
height: 100%;
|
||||||
|
margin: 15px 18px;
|
||||||
|
}
|
||||||
|
.quizForm .quizFormContainer .field-label {
|
||||||
|
text-align: left;
|
||||||
|
margin-bottom: 0.5rem;
|
||||||
|
}
|
||||||
|
.quizCompleted {
|
||||||
|
width: 100%;
|
||||||
|
padding: 1rem;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.quizCompleted > .icon {
|
||||||
|
color: #f86c6b;
|
||||||
|
font-size: 5rem;
|
||||||
|
}
|
||||||
|
.quizCompleted > .icon .is-active {
|
||||||
|
color: #4dbd74;
|
||||||
|
}
|
||||||
|
.questionContainer {
|
||||||
|
white-space: normal;
|
||||||
|
height: 100%;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
.questionContainer .optionContainer {
|
||||||
|
margin-top: 12px;
|
||||||
|
flex-grow: 1;
|
||||||
|
}
|
||||||
|
.questionContainer .optionContainer .option {
|
||||||
|
border-radius: 290486px;
|
||||||
|
padding: 9px 18px;
|
||||||
|
margin: 0 18px;
|
||||||
|
margin-bottom: 12px;
|
||||||
|
transition: 0.3s;
|
||||||
|
cursor: pointer;
|
||||||
|
background-color: #73818f;
|
||||||
|
color: #f0f3f5;
|
||||||
|
border: transparent 1px solid;
|
||||||
|
}
|
||||||
|
.questionContainer .optionContainer .option.is-selected {
|
||||||
|
border-color: rgba(0, 0, 0, 0.25);
|
||||||
|
background-color: #834c9d;
|
||||||
|
}
|
||||||
|
.questionContainer .optionContainer .option:hover {
|
||||||
|
background-color: #B589D6;
|
||||||
|
}
|
||||||
|
.questionContainer .optionContainer .option:active {
|
||||||
|
transform: scaleX(0.9);
|
||||||
|
}
|
||||||
|
.questionContainer .questionFooter {
|
||||||
|
background: rgba(0, 0, 0, 0.025);
|
||||||
|
border-top: 1px solid rgba(0, 0, 0, 0.1);
|
||||||
|
width: 100%;
|
||||||
|
align-self: flex-end;
|
||||||
|
}
|
||||||
|
.questionContainer .questionFooter .pagination {
|
||||||
|
margin: 15px 25px;
|
||||||
|
}
|
||||||
|
.pagination {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
|
.button {
|
||||||
|
padding: 0.5rem 1rem;
|
||||||
|
border: 1px solid rgba(0, 0, 0, 0.25);
|
||||||
|
border-radius: 5rem;
|
||||||
|
margin: 0 0.25rem;
|
||||||
|
transition: 0.3s;
|
||||||
|
}
|
||||||
|
.button:hover {
|
||||||
|
cursor: pointer;
|
||||||
|
background: #552586;
|
||||||
|
border-color: rgba(0, 0, 0, 0.25);
|
||||||
|
}
|
||||||
|
.button.is-active {
|
||||||
|
background: #834c9d;
|
||||||
|
color: white;
|
||||||
|
border-color: transparent;
|
||||||
|
}
|
||||||
|
.button.is-active:hover {
|
||||||
|
background: #0a2ffe;
|
||||||
|
}
|
||||||
|
@media screen and (min-width: 769px) {
|
||||||
|
.questionBox {
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
.questionContainer {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media screen and (max-width: 768px) {
|
||||||
|
.sidebar {
|
||||||
|
height: auto !important;
|
||||||
|
border-radius: 6px 6px 0px 0px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/** Custom Progress bar */
|
||||||
|
.shell {
|
||||||
|
height: 20px;
|
||||||
|
width: 250px;
|
||||||
|
border: 1px solid #73818f;
|
||||||
|
border-radius: 13px;
|
||||||
|
padding: 3px;
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
.bar {
|
||||||
|
background: linear-gradient(to right, #B589D6, #804FB3);
|
||||||
|
height: 20px;
|
||||||
|
width: 15px;
|
||||||
|
border-radius: 9px;
|
||||||
|
}
|
||||||
|
.bar span {
|
||||||
|
float: right;
|
||||||
|
padding: 4px 5px;
|
||||||
|
color: #f0f3f5;
|
||||||
|
font-size: 0.7em;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
@ -0,0 +1,10 @@
|
||||||
|
<script>
|
||||||
|
import "vue-good-table/dist/vue-good-table.css";
|
||||||
|
|
||||||
|
export default {
|
||||||
|
name: "Styles",
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
</style>
|
||||||
|
|
@ -0,0 +1,56 @@
|
||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<vue-good-table
|
||||||
|
:columns="columns"
|
||||||
|
:rows="rows"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import { VueGoodTable } from 'vue-good-table';
|
||||||
|
|
||||||
|
export default {
|
||||||
|
name: 'my-component',
|
||||||
|
|
||||||
|
// add to component
|
||||||
|
components: {
|
||||||
|
VueGoodTable,
|
||||||
|
},
|
||||||
|
data(){
|
||||||
|
return {
|
||||||
|
columns: [
|
||||||
|
{
|
||||||
|
label: 'Name',
|
||||||
|
field: 'name',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: 'Age',
|
||||||
|
field: 'age',
|
||||||
|
type: 'number',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: 'Created On',
|
||||||
|
field: 'createdAt',
|
||||||
|
type: 'date',
|
||||||
|
dateInputFormat: 'yyyy-mm-dd',
|
||||||
|
dateOutputFormat: 'MMM Do yy',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: 'Percent',
|
||||||
|
field: 'score',
|
||||||
|
type: 'percentage',
|
||||||
|
},
|
||||||
|
],
|
||||||
|
rows: [
|
||||||
|
{ id:1, name:"John", age: 20, createdAt: '2011-10-31',score: 0.03343 },
|
||||||
|
{ id:2, name:"Jane", age: 24, createdAt: '2019-10-31', score: 0.03343 },
|
||||||
|
{ id:3, name:"Susan", age: 16, createdAt: '2011-10-30', score: 0.03343 },
|
||||||
|
{ id:4, name:"Chris", age: 55, createdAt: '2011-10-11', score: 0.03343 },
|
||||||
|
{ id:5, name:"Dan", age: 40, createdAt: '2011-10-21', score: 0.03343 },
|
||||||
|
{ id:6, name:"John", age: 20, createdAt: '2011-10-31', score: 0.03343 },
|
||||||
|
],
|
||||||
|
};
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
@ -0,0 +1,35 @@
|
||||||
|
// .vuepress/components/sample-timeline.vue
|
||||||
|
<template>
|
||||||
|
<timeline timeline-theme="lightblue">
|
||||||
|
<timeline-title bg-color="#09FFAA">Prehistoric hunters cross over into Canada from Asia</timeline-title>
|
||||||
|
<timeline-item bg-color="#9dd8e0"> Leif Ericsson leads a Viking expedition to the New World</timeline-item>
|
||||||
|
<timeline-item bg-color="#9dFFe0">First Year 1B</timeline-item>
|
||||||
|
<timeline-item bg-color="#FFF000">Accepted Computer Engineering</timeline-item>
|
||||||
|
<timeline-item bg-color="#cFe8eF">The Iroquois Confederacy is formed</timeline-item>
|
||||||
|
<timeline-item bg-color="#97Aec8">John Cabot reaches Newfoundland (or perhaps Cape Breton)</timeline-item>
|
||||||
|
<timeline-item bg-color="#5744D4">Jacques Cartier first explores the St. Lawrence region</timeline-item>
|
||||||
|
<timeline-item bg-color="#0F4859">Second Year 2B</timeline-item>
|
||||||
|
<timeline-item bg-color="#094341">Samuel de Champlain establishes a French colony at Québec City</timeline-item>
|
||||||
|
<timeline-item bg-color="#825F03">Hudson’s Bay Company is formed</timeline-item>
|
||||||
|
<timeline-item bg-color="#954F08">Expulsion of the Acadians</timeline-item>
|
||||||
|
<timeline-item bg-color="#A71490">Battle of the Plains of Abraham: Québec City is captured</timeline-item>
|
||||||
|
<timeline-item bg-color="#C084A9">New France is formally ceded to Britain; Pontiac Rebellion erupts</timeline-item>
|
||||||
|
<timeline-item bg-color="#7B71C2">Loyalist refugees begin arriving after the American Revolution</timeline-item>
|
||||||
|
<timeline-item bg-color="#2348B1">War of 1812: U.S. invades Canada</timeline-item>
|
||||||
|
<timeline-item bg-color="#915F15">Rebellions against British rule in Upper and Lower Canada</timeline-item>
|
||||||
|
<timeline-item bg-color="#0909FA"> Responsible government is won, first in Nova Scotia, then in Canada</timeline-item>
|
||||||
|
</timeline>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import { Timeline, TimelineItem, TimelineTitle } from 'vue-cute-timeline'
|
||||||
|
|
||||||
|
export default {
|
||||||
|
name: 'sample-timeline',
|
||||||
|
components: {
|
||||||
|
Timeline,
|
||||||
|
TimelineItem,
|
||||||
|
TimelineTitle,
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
@ -0,0 +1,211 @@
|
||||||
|
// .vuepress/config.js
|
||||||
|
// missing markdownItAds boostnote admonitions
|
||||||
|
const fs = require('fs')
|
||||||
|
const path = require('path')
|
||||||
|
const util = require('util')
|
||||||
|
|
||||||
|
module.exports = {
|
||||||
|
base: '/vuepress-theme-cool-starter/',
|
||||||
|
theme: 'cool',
|
||||||
|
//dest: 'dist',
|
||||||
|
head: [
|
||||||
|
['link', { rel: 'icon', href: '/faviconCustom.ico' }],
|
||||||
|
['link', { rel: 'stylesheet', href: 'https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.5.1/katex.min.css' }],
|
||||||
|
['link', {href: 'https://fonts.googleapis.com/icon?family=Material+Icons', rel :'stylesheet'}]
|
||||||
|
],
|
||||||
|
plugins: [
|
||||||
|
'@vuepress/last-updated',
|
||||||
|
'@vuepress/back-to-top',
|
||||||
|
'@vuepress/pwa'
|
||||||
|
],
|
||||||
|
themeConfig: {
|
||||||
|
// logo: './myAvatar.png',
|
||||||
|
sidebar: genSideBar('.'),
|
||||||
|
sidebarDepth: 2,
|
||||||
|
displayAllHeaders: true, // Default: false themeConfig: {
|
||||||
|
nav: genNavBarList(),
|
||||||
|
lastUpdated: 'Last Updated', // string | boolean
|
||||||
|
// Assumes GitHub. Can also be a full GitLab url.
|
||||||
|
repo: 'FriendlyUser/vuepress-theme-cool-starter',
|
||||||
|
// Customising the header label
|
||||||
|
// Defaults to "GitHub"/"GitLab"/"Bitbucket" depending on `themeConfig.repo`
|
||||||
|
repoLabel: 'Contribute!',
|
||||||
|
// Optional options for generating "Edit this page" link
|
||||||
|
// if your docs are in a different repo from your main project:
|
||||||
|
//docsRepo: 'FriendlyUser/markdown-notes-template',
|
||||||
|
// if your docs are not at the root of the repo:
|
||||||
|
//docsDir: 'docs',
|
||||||
|
// if your docs are in a specific branch (defaults to 'master'):
|
||||||
|
docsBranch: 'gh-pages',
|
||||||
|
// defaults to false, set to true to enable
|
||||||
|
editLinks: true,
|
||||||
|
// custom text for edit link. Defaults to "Edit this page"
|
||||||
|
editLinkText: 'Help us improve this page!'
|
||||||
|
|
||||||
|
},
|
||||||
|
title: 'Vuepress Theme Cool Starter',
|
||||||
|
description: 'Example project to get started with the vuepress-theme-cool',
|
||||||
|
configureWebpack: {
|
||||||
|
resolve: {
|
||||||
|
alias: {
|
||||||
|
'@alias': '../img'
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
plugins: {
|
||||||
|
'@vuepress/pwa': { serviceWorker: true,
|
||||||
|
updatePopup: {
|
||||||
|
message: "New content is available.",
|
||||||
|
buttonText: "Refresh"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
markdown: {
|
||||||
|
extendMarkdown: md => {
|
||||||
|
md.set({ html: true })
|
||||||
|
md.use(require('markdown-it-katex'))
|
||||||
|
md.use(require('markdown-it-plantuml'))
|
||||||
|
md.use(require('markdown-it-admonition'))
|
||||||
|
md.use(require('markdown-it-task-lists'))
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
// Helper functions
|
||||||
|
function fromDir(startPath,filter,callback){
|
||||||
|
|
||||||
|
//console.log('Starting from dir '+startPath+'/');
|
||||||
|
if (!fs.existsSync(startPath)){
|
||||||
|
console.log("no dir ",startPath);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
var files=fs.readdirSync(startPath);
|
||||||
|
for(var i=0;i<files.length;i++){
|
||||||
|
var filename=path.join(startPath,files[i]);
|
||||||
|
var stat = fs.lstatSync(filename);
|
||||||
|
if (stat.isDirectory()){
|
||||||
|
fromDir(filename,filter,callback); //recurse
|
||||||
|
}
|
||||||
|
else if (filter.test(filename)) callback(filename);
|
||||||
|
};
|
||||||
|
};
|
||||||
|
|
||||||
|
function getDirectories(path) {
|
||||||
|
return fs.readdirSync(path).filter(function (file) {
|
||||||
|
if (file != '.vuepress') {
|
||||||
|
return fs.statSync(path+'/'+file).isDirectory();
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
function getFilesInDir(directoryName) {
|
||||||
|
var files = []
|
||||||
|
// sidebar settings
|
||||||
|
const relPath = path.join('docs', directoryName)
|
||||||
|
fromDir(relPath,/\.md$/,function(filename){
|
||||||
|
console.log('-- found: ',filename);
|
||||||
|
files.push(filename)
|
||||||
|
});
|
||||||
|
return files
|
||||||
|
}
|
||||||
|
|
||||||
|
// Base file names with removed file extensions
|
||||||
|
function getFilesInDirBase(directoryName) {
|
||||||
|
var files = []
|
||||||
|
// sidebar settings
|
||||||
|
const relPath = path.join('docs', directoryName)
|
||||||
|
fromDir(relPath,/\.md$/,function(filename){
|
||||||
|
let baseName = path.basename(filename)
|
||||||
|
// this it will fail on files without extension, see https://stackoverflow.com/questions/4250364/how-to-trim-a-file-extension-from-a-string-in-javascript
|
||||||
|
baseName = baseName.split('.').slice(0, -1).join('.')
|
||||||
|
|
||||||
|
// Add README as '', and everything else as standard
|
||||||
|
if (baseName.toUpperCase() == 'README') {
|
||||||
|
files.push('Home')
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
files.push(baseName)
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
return files
|
||||||
|
}
|
||||||
|
|
||||||
|
// pass in the folder relative to the folder docs
|
||||||
|
function genSideBarConfigFolder (titleName, directoryName) {
|
||||||
|
const rawFilePaths = getFilesInDirBase(directoryName)
|
||||||
|
return [
|
||||||
|
{
|
||||||
|
title: titleName,
|
||||||
|
collapsable: true,
|
||||||
|
children: rawFilePaths
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
|
||||||
|
function genSideBar (directoryName) {
|
||||||
|
const dirNames = getFilesInDirBase(directoryName)
|
||||||
|
let markdownArray = []
|
||||||
|
for (var i = 0; i < dirNames.length; i++) {
|
||||||
|
let stringValue = dirNames[i].toString()
|
||||||
|
if(stringValue === 'Home' || stringValue === '') {
|
||||||
|
markdownArray.push('')
|
||||||
|
} else {
|
||||||
|
markdownArray.push(stringValue)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
const sideBarConfig = {
|
||||||
|
'/': markdownArray
|
||||||
|
}
|
||||||
|
console.log(sideBarConfig)
|
||||||
|
return sideBarConfig
|
||||||
|
}
|
||||||
|
|
||||||
|
// doesn't work, fix later, can't figure out how to generate { text: link:} recursively? Or maybe have another function that returns text: link
|
||||||
|
function genNavBarList() {
|
||||||
|
let dirNames = []
|
||||||
|
// navbar settings
|
||||||
|
dirNames = getFilesInDirBase('.')
|
||||||
|
let navBarNames = [];
|
||||||
|
|
||||||
|
var numOfDirs = dirNames.length;
|
||||||
|
for (var i = 0; i < numOfDirs; i++) {
|
||||||
|
let stringValue = dirNames[i].toString()
|
||||||
|
// convert - to capitialization
|
||||||
|
stringValue = transformToUpperCase(stringValue)
|
||||||
|
let linkValue = '/'
|
||||||
|
if (stringValue !== 'Home') {
|
||||||
|
linkValue = `/${stringValue}/`
|
||||||
|
}
|
||||||
|
|
||||||
|
// @todo change loop to iterate for nested directories
|
||||||
|
if (true) {
|
||||||
|
navBarNames.push(genNavBarItem(stringValue,linkValue))
|
||||||
|
}
|
||||||
|
// last entry
|
||||||
|
else {
|
||||||
|
//navBarNames = navBarNames + "{ text : \'" + stringValue + "\', " + "link: " + "\'/" + stringValue + "/\'}, \n";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return navBarNames
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
function genNavBarItem(textValue, linkValue) {
|
||||||
|
return {
|
||||||
|
text: textValue,
|
||||||
|
link: linkValue
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function transformToUpperCase(str) {
|
||||||
|
let upperString = str
|
||||||
|
upperString = upperString.replace(/-/g, ' ');
|
||||||
|
upperString = upperString.split(" ");
|
||||||
|
for (var i = 0, x = upperString.length; i < x; i++) {
|
||||||
|
upperString[i] = upperString[i][0].toUpperCase() + upperString[i].substr(1);
|
||||||
|
}
|
||||||
|
return upperString.join(" ");
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,117 @@
|
||||||
|
// .vuepress/config.js
|
||||||
|
module.exports = {
|
||||||
|
plugins: [
|
||||||
|
'@vuepress/back-to-top',
|
||||||
|
'@vuepress/pwa',
|
||||||
|
{
|
||||||
|
serviceWorker: true,
|
||||||
|
updatePopup: true
|
||||||
|
},
|
||||||
|
,
|
||||||
|
['container', {
|
||||||
|
type: 'vue',
|
||||||
|
before: '<pre class="vue-container"><code>',
|
||||||
|
after: '</code></pre>'
|
||||||
|
}]
|
||||||
|
],
|
||||||
|
port: 3030,
|
||||||
|
base: '/edu-dis-labs-bodnar/',
|
||||||
|
theme: 'cool',
|
||||||
|
// dest: 'dist',
|
||||||
|
head: [
|
||||||
|
['link', { rel: 'icon', href: '/favicon.ico' }],
|
||||||
|
['link', { rel: 'stylesheet', href: 'https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.5.1/katex.min.css' }],
|
||||||
|
['link', {href: 'https://fonts.googleapis.com/icon?family=Material+Icons', rel :'stylesheet'}],
|
||||||
|
|
||||||
|
],
|
||||||
|
themeConfig: {
|
||||||
|
// logo: './myAvatar.png',
|
||||||
|
sidebar: [
|
||||||
|
|
||||||
|
{
|
||||||
|
title: 'Вступ',
|
||||||
|
path:"/intro/"
|
||||||
|
},
|
||||||
|
|
||||||
|
{
|
||||||
|
title: 'Розроблення вимог до системи',
|
||||||
|
path:"/requirements/",
|
||||||
|
children: [
|
||||||
|
"/requirements/state-of-the-art",
|
||||||
|
"/requirements/stakeholders-needs"
|
||||||
|
]
|
||||||
|
},
|
||||||
|
|
||||||
|
{
|
||||||
|
title: 'Розроблення вимог до функціональности системи',
|
||||||
|
path:"/use-cases/"
|
||||||
|
},
|
||||||
|
|
||||||
|
{
|
||||||
|
title: 'Проєктування архітектури системи',
|
||||||
|
path:"/design/"
|
||||||
|
},
|
||||||
|
|
||||||
|
{
|
||||||
|
title: 'Реалізація інформаційного та програмного забезпечення',
|
||||||
|
path:"/software/"
|
||||||
|
},
|
||||||
|
|
||||||
|
{
|
||||||
|
title: 'Тестування працездатності системи',
|
||||||
|
path:"/test/"
|
||||||
|
},
|
||||||
|
|
||||||
|
{
|
||||||
|
title: 'Висновки',
|
||||||
|
path:"/conclusion/"
|
||||||
|
},
|
||||||
|
|
||||||
|
],
|
||||||
|
sidebarDepth: 2,
|
||||||
|
displayAllHeaders: true, // Default: false
|
||||||
|
|
||||||
|
|
||||||
|
nav: [
|
||||||
|
{ text: 'Початок', link: '/' },
|
||||||
|
],
|
||||||
|
|
||||||
|
lastUpdated: 'Останнє оновлення', // string | boolean
|
||||||
|
// Assumes GitHub. Can also be a full GitLab url.
|
||||||
|
repo: 'http://139.162.162.130:3000/hasslesstech/edu-dis-labs',
|
||||||
|
// Customising the header label
|
||||||
|
// Defaults to "GitHub"/"GitLab"/"Bitbucket" depending on `themeConfig.repo`
|
||||||
|
repoLabel: 'Gitea',
|
||||||
|
|
||||||
|
// Optional options for generating "Edit this page" link
|
||||||
|
|
||||||
|
// if your docs are in a different repo from your main project:
|
||||||
|
// docsRepo: 'boldak/dis-edu',
|
||||||
|
// if your docs are not at the root of the repo:
|
||||||
|
docsDir: 'docs',
|
||||||
|
// if your docs are in a specific branch (defaults to 'master'):
|
||||||
|
docsBranch: 'master',
|
||||||
|
// defaults to false, set to true to enable
|
||||||
|
// editLinks: true,
|
||||||
|
// custom text for edit link. Defaults to "Edit this page"
|
||||||
|
// editLinkText: 'Ви можете покращити цю сторінку'
|
||||||
|
|
||||||
|
},
|
||||||
|
title: 'Xpertise',
|
||||||
|
description: 'Лабораторні роботи з дисципліни "Організація баз даних"',
|
||||||
|
configureWebpack: {
|
||||||
|
resolve: {
|
||||||
|
alias: {
|
||||||
|
'@alias': '../img'
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
markdown: {
|
||||||
|
extendMarkdown: md => {
|
||||||
|
md.set({ html: true })
|
||||||
|
md.use(require('markdown-it-katex'))
|
||||||
|
md.use(require('markdown-it-plantuml'))
|
||||||
|
md.use(require('markdown-it-admonition'))
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,30 @@
|
||||||
|
import Vuex from 'vuex'
|
||||||
|
|
||||||
|
import VueChartkick from 'vue-chartkick'
|
||||||
|
import Chart from 'chart.js'
|
||||||
|
import VueGoodTablePlugin from 'vue-good-table';
|
||||||
|
|
||||||
|
// The styles are important in another component because of the way webpack is configured
|
||||||
|
// import 'vue-good-table/dist/vue-good-table.css'
|
||||||
|
export default ({ Vue, options, router, siteData }) => {
|
||||||
|
Vue.use(Vuex)
|
||||||
|
Vue.use(VueChartkick, {adapter: Chart})
|
||||||
|
Vue.use(VueGoodTablePlugin)
|
||||||
|
Vue.mixin({
|
||||||
|
computed: {
|
||||||
|
$title() {
|
||||||
|
const page = this.$page
|
||||||
|
const siteTitle = this.$siteTitle
|
||||||
|
const selfTitle = page.frontmatter.home ? null : (
|
||||||
|
page.frontmatter.title || // explicit title
|
||||||
|
(page.title ? page.title.replace(/[_`]/g, '') : '') // inferred title
|
||||||
|
)
|
||||||
|
return siteTitle
|
||||||
|
? selfTitle
|
||||||
|
? (selfTitle + ' | ' + siteTitle)
|
||||||
|
: siteTitle
|
||||||
|
: selfTitle || 'VuePress'
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
Before Width: | Height: | Size: 278 KiB After Width: | Height: | Size: 278 KiB |
|
Before Width: | Height: | Size: 232 KiB After Width: | Height: | Size: 232 KiB |
|
Before Width: | Height: | Size: 236 KiB After Width: | Height: | Size: 236 KiB |
|
Before Width: | Height: | Size: 218 KiB After Width: | Height: | Size: 218 KiB |
|
Before Width: | Height: | Size: 264 KiB After Width: | Height: | Size: 264 KiB |
|
Before Width: | Height: | Size: 246 KiB After Width: | Height: | Size: 246 KiB |
|
Before Width: | Height: | Size: 273 KiB After Width: | Height: | Size: 273 KiB |
|
Before Width: | Height: | Size: 281 KiB After Width: | Height: | Size: 281 KiB |
|
Before Width: | Height: | Size: 247 KiB After Width: | Height: | Size: 247 KiB |
|
Before Width: | Height: | Size: 262 KiB After Width: | Height: | Size: 262 KiB |
|
Before Width: | Height: | Size: 266 KiB After Width: | Height: | Size: 266 KiB |
|
Before Width: | Height: | Size: 125 KiB After Width: | Height: | Size: 125 KiB |
|
Before Width: | Height: | Size: 139 KiB After Width: | Height: | Size: 139 KiB |
|
Before Width: | Height: | Size: 26 KiB After Width: | Height: | Size: 26 KiB |
|
Before Width: | Height: | Size: 26 KiB After Width: | Height: | Size: 26 KiB |
|
Before Width: | Height: | Size: 26 KiB After Width: | Height: | Size: 26 KiB |
|
Before Width: | Height: | Size: 163 KiB After Width: | Height: | Size: 163 KiB |
|
Before Width: | Height: | Size: 31 KiB After Width: | Height: | Size: 31 KiB |
|
Before Width: | Height: | Size: 266 KiB After Width: | Height: | Size: 266 KiB |
|
Before Width: | Height: | Size: 92 KiB After Width: | Height: | Size: 92 KiB |
|
Before Width: | Height: | Size: 3.6 KiB After Width: | Height: | Size: 3.6 KiB |
|
Before Width: | Height: | Size: 214 KiB After Width: | Height: | Size: 214 KiB |
|
Before Width: | Height: | Size: 87 KiB After Width: | Height: | Size: 87 KiB |
|
Before Width: | Height: | Size: 44 KiB After Width: | Height: | Size: 44 KiB |
|
Before Width: | Height: | Size: 75 KiB After Width: | Height: | Size: 75 KiB |
|
Before Width: | Height: | Size: 70 KiB After Width: | Height: | Size: 70 KiB |
|
Before Width: | Height: | Size: 83 KiB After Width: | Height: | Size: 83 KiB |
|
Before Width: | Height: | Size: 314 KiB After Width: | Height: | Size: 314 KiB |
|
Before Width: | Height: | Size: 121 KiB After Width: | Height: | Size: 121 KiB |
|
Before Width: | Height: | Size: 43 KiB After Width: | Height: | Size: 43 KiB |
|
Before Width: | Height: | Size: 87 KiB After Width: | Height: | Size: 87 KiB |
|
Before Width: | Height: | Size: 162 KiB After Width: | Height: | Size: 162 KiB |
|
Before Width: | Height: | Size: 7.3 KiB After Width: | Height: | Size: 7.3 KiB |
|
Before Width: | Height: | Size: 62 KiB After Width: | Height: | Size: 62 KiB |
|
Before Width: | Height: | Size: 243 KiB After Width: | Height: | Size: 243 KiB |
|
Before Width: | Height: | Size: 274 KiB After Width: | Height: | Size: 274 KiB |
|
Before Width: | Height: | Size: 1.1 KiB After Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 31 KiB After Width: | Height: | Size: 31 KiB |
|
Before Width: | Height: | Size: 1.5 KiB After Width: | Height: | Size: 1.5 KiB |
|
|
@ -0,0 +1,7 @@
|
||||||
|
import quiz1 from './quiz1.json'
|
||||||
|
import quiz2 from './quiz2.json'
|
||||||
|
|
||||||
|
export {
|
||||||
|
quiz1,
|
||||||
|
quiz2
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,185 @@
|
||||||
|
{
|
||||||
|
"user": "Dave",
|
||||||
|
"questions": [
|
||||||
|
{
|
||||||
|
"text": "What is the full form of HTTP?",
|
||||||
|
"responses": [
|
||||||
|
{
|
||||||
|
"text": "Hyper text transfer package"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"text": "Hyper text transfer protocol",
|
||||||
|
"correct": true
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"text": "Hyphenation text test program"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"text": "None of the above"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"text": "HTML document start and end with which tag pairs?",
|
||||||
|
"responses": [
|
||||||
|
{
|
||||||
|
"text": "HTML",
|
||||||
|
"correct": true
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"text": "WEB"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"text": "HEAD"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"text": "BODY"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"text": "Which tag is used to create body text in HTML?",
|
||||||
|
"responses": [
|
||||||
|
{
|
||||||
|
"text": "HEAD"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"text": "BODY",
|
||||||
|
"correct": true
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"text": "TITLE"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"text": "TEXT"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"text": "Outlook Express is _________",
|
||||||
|
"responses": [
|
||||||
|
{
|
||||||
|
"text": "E-Mail Client",
|
||||||
|
"correct": true
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"text": "Browser"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"text": "Search Engine"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"text": "None of the above"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"text": "What is a search engine?",
|
||||||
|
"responses": [
|
||||||
|
{
|
||||||
|
"text": "A hardware component "
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"text": "A machinery engine that search data"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"text": "A web site that searches anything",
|
||||||
|
"correct": true
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"text": "A program that searches engines"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"text": "What does the .com domain represents?",
|
||||||
|
"responses": [
|
||||||
|
{
|
||||||
|
"text": "Network"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"text": "Education"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"text": "Commercial",
|
||||||
|
"correct": true
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"text": "None of the above"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"text": "In Satellite based communication, VSAT stands for? ",
|
||||||
|
"responses": [
|
||||||
|
{
|
||||||
|
"text": " Very Small Aperture Terminal",
|
||||||
|
"correct": true
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"text": "Varying Size Aperture Terminal "
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"text": "Very Small Analog Terminal"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"text": "None of the above"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"text": "What is the full form of TCP/IP? ",
|
||||||
|
"responses": [
|
||||||
|
{
|
||||||
|
"text": "Telephone call protocol / international protocol"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"text": "Transmission control protocol / internet protocol",
|
||||||
|
"correct": true
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"text": "Transport control protocol / internet protocol "
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"text": "None of the above"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"text": "What is the full form of HTML?",
|
||||||
|
"responses": [
|
||||||
|
{
|
||||||
|
"text": "Hyper text marking language"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"text": "Hyphenation text markup language "
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"text": "Hyper text markup language",
|
||||||
|
"correct": true
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"text": "Hyphenation test marking language"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"text": "\"Yahoo\", \"Infoseek\" and \"Lycos\" are _________?",
|
||||||
|
"responses": [
|
||||||
|
{
|
||||||
|
"text": "Browsers "
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"text": "Search Engines",
|
||||||
|
"correct": true
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"text": "News Group"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"text": "None of the above"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,41 @@
|
||||||
|
{
|
||||||
|
"user": "Dave",
|
||||||
|
"questions": [
|
||||||
|
{
|
||||||
|
"text": "Who is the Batman",
|
||||||
|
"responses": [
|
||||||
|
{
|
||||||
|
"text": "Laughing Bat"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"text": "Bruce Wayne",
|
||||||
|
"correct": true
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"text": "Dick Grayson"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"text": "None of the above"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"text": "\"Yahoo\", \"Infoseek\" and \"Lycos\" are _________?",
|
||||||
|
"responses": [
|
||||||
|
{
|
||||||
|
"text": "Browsers "
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"text": "Search Engines",
|
||||||
|
"correct": true
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"text": "News Group"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"text": "None of the above"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,179 @@
|
||||||
|
@import url(https://fonts.googleapis.com/icon?family=Material+Icons)
|
||||||
|
.admonition.note,
|
||||||
|
.admonition.hint,
|
||||||
|
.admonition.danger,
|
||||||
|
.admonition.caution,
|
||||||
|
.admonition.error,
|
||||||
|
.admonition.attention {
|
||||||
|
box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
|
||||||
|
position: relative;
|
||||||
|
margin: 1.5625em 0;
|
||||||
|
padding: 0 1.2rem;
|
||||||
|
border-left: 0.4rem solid #448aff;
|
||||||
|
border-radius: 0.2rem;
|
||||||
|
overflow: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
html .admonition>:last-child {
|
||||||
|
margin-bottom: 1.2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.admonition .admonition {
|
||||||
|
margin: 1em 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.admonition p {
|
||||||
|
margin-top: 0.5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.admonition.note>.admonition-title:before,
|
||||||
|
.admonition.hint>.admonition-title:before,
|
||||||
|
.admonition.danger>.admonition-title:before,
|
||||||
|
.admonition.caution>.admonition-title:before,
|
||||||
|
.admonition.error>.admonition-title:before,
|
||||||
|
.admonition.attention>.admonition-title:before {
|
||||||
|
position: absolute;
|
||||||
|
left: 1.2rem;
|
||||||
|
font-family: "Material Icons";
|
||||||
|
font-size: 24px;
|
||||||
|
display: inline-block;
|
||||||
|
line-height: 1;
|
||||||
|
text-transform: none;
|
||||||
|
letter-spacing: normal;
|
||||||
|
word-wrap: normal;
|
||||||
|
white-space: nowrap;
|
||||||
|
direction: ltr;
|
||||||
|
/* Support for all WebKit browsers. */
|
||||||
|
-webkit-font-smoothing: antialiased;
|
||||||
|
/* Support for Safari and Chrome. */
|
||||||
|
text-rendering: optimizeLegibility;
|
||||||
|
/* Support for Firefox. */
|
||||||
|
-moz-osx-font-smoothing: grayscale;
|
||||||
|
/* Support for IE. */
|
||||||
|
font-feature-settings: 'liga';
|
||||||
|
}
|
||||||
|
|
||||||
|
.admonition.note>.admonition-title,
|
||||||
|
.admonition.hint>.admonition-title,
|
||||||
|
.admonition.danger>.admonition-title,
|
||||||
|
.admonition.caution>.admonition-title,
|
||||||
|
.admonition.error>.admonition-title,
|
||||||
|
.admonition.attention>.admonition-title {
|
||||||
|
margin: 0 -1.2rem;
|
||||||
|
padding: 0.8rem 1.2rem 0.8rem 4rem;
|
||||||
|
border-bottom: 0.1rem solid rgba(68,138,255,0.1);
|
||||||
|
background-color: rgba(68,138,255,0.1);
|
||||||
|
font-weight: 700;
|
||||||
|
}
|
||||||
|
|
||||||
|
.admonition>.admonition-title:last-child {
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.admonition.note {
|
||||||
|
border-left-color: #448aff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.admonition.note>.admonition-title {
|
||||||
|
border-bottom-color: 0.1rem solid rgba(68,138,255,0.1);
|
||||||
|
background-color: rgba(68,138,255,0.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.admonition.note>.admonition-title:before {
|
||||||
|
color: #448aff;
|
||||||
|
content: "note";
|
||||||
|
}
|
||||||
|
|
||||||
|
.admonition.hint {
|
||||||
|
border-left-color: #00bfa5;
|
||||||
|
}
|
||||||
|
|
||||||
|
.admonition.hint>.admonition-title {
|
||||||
|
border-bottom-color: 0.1rem solid rgba(0,191,165,0.1);
|
||||||
|
background-color: rgba(0,191,165,0.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.admonition.hint>.admonition-title:before {
|
||||||
|
color: #00bfa5;
|
||||||
|
content: "info";
|
||||||
|
}
|
||||||
|
|
||||||
|
.admonition.danger {
|
||||||
|
border-left-color: #ff1744;
|
||||||
|
}
|
||||||
|
|
||||||
|
.admonition.danger>.admonition-title {
|
||||||
|
border-bottom-color: 0.1rem solid rgba(255,23,68,0.1);
|
||||||
|
background-color: rgba(255,23,68,0.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.admonition.danger>.admonition-title:before {
|
||||||
|
color: #ff1744;
|
||||||
|
content: "block";
|
||||||
|
}
|
||||||
|
|
||||||
|
.admonition.caution {
|
||||||
|
border-left-color: #ff9100;
|
||||||
|
}
|
||||||
|
|
||||||
|
.admonition.caution>.admonition-title {
|
||||||
|
border-bottom-color: 0.1rem solid rgba(255,145,0,0.1);
|
||||||
|
background-color: rgba(255,145,0,0.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.admonition.caution>.admonition-title:before {
|
||||||
|
color: #ff9100;
|
||||||
|
content: "warning";
|
||||||
|
}
|
||||||
|
|
||||||
|
.admonition.error {
|
||||||
|
border-left-color: #ff1744;
|
||||||
|
}
|
||||||
|
|
||||||
|
.admonition.error>.admonition-title {
|
||||||
|
border-bottom-color: 0.1rem solid rgba(255,23,68,0.1);
|
||||||
|
background-color: rgba(255,23,68,0.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.admonition.error>.admonition-title:before {
|
||||||
|
color: #ff1744;
|
||||||
|
content: "error";
|
||||||
|
}
|
||||||
|
|
||||||
|
.admonition.attention {
|
||||||
|
border-left-color: #64dd17;
|
||||||
|
}
|
||||||
|
|
||||||
|
.admonition.attention>.admonition-title {
|
||||||
|
border-bottom-color: 0.1rem solid rgba(100,221,23,0.1);
|
||||||
|
background-color: rgba(100,221,23,0.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.admonition.attention>.admonition-title:before {
|
||||||
|
color: #64dd17;
|
||||||
|
content: "priority_high";
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
font-size 16px;
|
||||||
|
text-align: justify;
|
||||||
|
}
|
||||||
|
|
||||||
|
.theme-default-content:not(.custom) {
|
||||||
|
max-width: 950px;
|
||||||
|
margin: 0 auto;
|
||||||
|
padding: 2rem 2.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sidebar-heading {
|
||||||
|
color: #2c3e50;
|
||||||
|
transition: color 0.15s ease;
|
||||||
|
cursor: pointer;
|
||||||
|
font-size: 1em !important;
|
||||||
|
font-weight: 500 !important;
|
||||||
|
padding: 0.35rem 1.5rem 0.35rem 1.25rem;
|
||||||
|
width: 100%;
|
||||||
|
box-sizing: border-box;
|
||||||
|
margin: 0;
|
||||||
|
border-left: 0.25rem solid transparent;
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,89 @@
|
||||||
|
// showing default values
|
||||||
|
$accentColor = #0984e3
|
||||||
|
$textColor = #2c3e50
|
||||||
|
$borderColor = #eaecef
|
||||||
|
$codeBgColor = #282c34
|
||||||
|
|
||||||
|
$admonition
|
||||||
|
box-shadow 0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12),0 3px 1px -2px rgba(0,0,0,.2)
|
||||||
|
position relative
|
||||||
|
margin 1.5625em 0
|
||||||
|
padding 0 1.2rem
|
||||||
|
border-left .4rem solid #448aff
|
||||||
|
border-radius .2rem
|
||||||
|
overflow auto
|
||||||
|
|
||||||
|
html .admonition>:last-child
|
||||||
|
margin-bottom 1.2rem
|
||||||
|
|
||||||
|
.admonition .admonition
|
||||||
|
margin 1em 0
|
||||||
|
|
||||||
|
.admonition p
|
||||||
|
margin-top: 0.5em
|
||||||
|
|
||||||
|
$admonition-icon
|
||||||
|
position absolute
|
||||||
|
left 1.2rem
|
||||||
|
font-family: "Material Icons"
|
||||||
|
font-weight: normal;
|
||||||
|
font-style: normal;
|
||||||
|
font-size: 24px
|
||||||
|
display: inline-block;
|
||||||
|
line-height: 1;
|
||||||
|
text-transform: none;
|
||||||
|
letter-spacing: normal;
|
||||||
|
word-wrap: normal;
|
||||||
|
white-space: nowrap;
|
||||||
|
direction: ltr;
|
||||||
|
|
||||||
|
/* Support for all WebKit browsers. */
|
||||||
|
-webkit-font-smoothing: antialiased;
|
||||||
|
/* Support for Safari and Chrome. */
|
||||||
|
text-rendering: optimizeLegibility;
|
||||||
|
|
||||||
|
/* Support for Firefox. */
|
||||||
|
-moz-osx-font-smoothing: grayscale;
|
||||||
|
|
||||||
|
/* Support for IE. */
|
||||||
|
font-feature-settings: 'liga';
|
||||||
|
|
||||||
|
$admonition-title
|
||||||
|
margin 0 -1.2rem
|
||||||
|
padding .8rem 1.2rem .8rem 4rem
|
||||||
|
border-bottom .1rem solid rgba(68,138,255,.1)
|
||||||
|
background-color rgba(68,138,255,.1)
|
||||||
|
font-weight 700
|
||||||
|
|
||||||
|
.admonition>.admonition-title:last-child
|
||||||
|
margin-bottom 0
|
||||||
|
|
||||||
|
admonition_types = {
|
||||||
|
note: {color: #0288D1, icon: "edit_sharp"},
|
||||||
|
abstract: {color: #c5d845, icon: "speaker_notes_filled"},
|
||||||
|
info: {color: #19d8f5, icon: "info"}
|
||||||
|
tip: {color: #00bfa5, icon: "code"},
|
||||||
|
success: {color: #00c853, icon: "check_circle_outline"},
|
||||||
|
question: {color: #64dd17, icon: "help"},
|
||||||
|
warning: {color: #ff9100, icon: "warning"},
|
||||||
|
failure: {color: #ff5252, icon: "close"},
|
||||||
|
danger: {color: #c2185b, icon: "flash_on"},
|
||||||
|
bug: {color: #e040fb, icon: "bug_report"},
|
||||||
|
example: {color: #651fff, icon: "format_list_numbered_rtl"},
|
||||||
|
quote: {color: #9e9e9e, icon: "format_quote"}
|
||||||
|
}
|
||||||
|
|
||||||
|
for name, val in admonition_types
|
||||||
|
.admonition.{name}
|
||||||
|
@extend $admonition
|
||||||
|
border-left-color: val[color]
|
||||||
|
|
||||||
|
.admonition.{name}>.admonition-title
|
||||||
|
@extend $admonition-title
|
||||||
|
border-bottom-color: .1rem solid rgba(val[color], 0.2)
|
||||||
|
background-color: rgba(val[color], 0.2)
|
||||||
|
|
||||||
|
.admonition.{name}>.admonition-title:before
|
||||||
|
@extend $admonition-icon
|
||||||
|
color: val[color]
|
||||||
|
content: val[icon]
|
||||||
|
|
@ -0,0 +1,25 @@
|
||||||
|
---
|
||||||
|
home: true
|
||||||
|
actionText: Розпочати →
|
||||||
|
actionLink: /intro/
|
||||||
|
|
||||||
|
footer: "ECL 2.0 Licensed | Copyright © 2024 [Your Name]"
|
||||||
|
---
|
||||||
|
|
||||||
|
**Виконав:**
|
||||||
|
|
||||||
|
*студент 2-го курсу, групи ІО-23:*
|
||||||
|
|
||||||
|
*Андрій БОДНАР [bodnarandrew123@gmail.com, [@andrux4](https://t.me/andrux4)]*
|
||||||
|
|
||||||
|
**Керівник**
|
||||||
|
|
||||||
|
*доцент кафедри ОТ ФІОТ, к.т.н., доцент*<span padding-right:5em></span> **Андрій БОЛДАК**
|
||||||
|
|
||||||
|
[НТУУ "КИЇВСЬКИЙ ПОЛІТЕХНІЧНИЙ ІНСТИТУТ імені ІГОРЯ СІКОРСЬКОГО](https://kpi.ua/)
|
||||||
|
|
||||||
|
[Факультет інформатики та обчислювальної техніки](https://fiot.kpi.ua/)
|
||||||
|
|
||||||
|
[Кафедра обчислювальної техніки](https://comsys.kpi.ua/)
|
||||||
|
|
||||||
|
Київ
|
||||||
|
|
@ -0,0 +1,7 @@
|
||||||
|
# Висновки
|
||||||
|
|
||||||
|
В результаті проведеної роботи ми розробили модель бази даних, яку можна використовувати для реалізації систем проведення експертних опитувань. В рамках цього проєкту я розробив серверну частину, що надає RESTFUL-інтерфейс для доступу до бази даних. Вона може використовуватися для взаємодії з таблицею питань (question). Для створення RESTful сервісу було використано мови програмування Python та веб-фреймворк Flask.
|
||||||
|
|
||||||
|
Таким чином, створена система забезпечує ефективний та гнучкий інструмент для проведення експертних опитувань. Вона дозволяє автоматизувати процес збору та аналізу відповідей, що значно знижує час та ресурси, необхідні для проведення таких опитувань. Завдяки використанню сучасних технологій, таких як Flask, система має високу продуктивність та може легко масштабуватися відповідно до потреб користувачів.
|
||||||
|
|
||||||
|
Загалом, реалізована модель та серверна частина створюють міцний фундамент для подальшого розвитку та вдосконалення системи експертних опитувань, відкриваючи нові можливості для досліджень та аналізу даних.
|
||||||
|
|
@ -0,0 +1,130 @@
|
||||||
|
# Проєктування бази даних
|
||||||
|
|
||||||
|
## BE модель
|
||||||
|
|
||||||
|
<center style="
|
||||||
|
border-radius:4px;
|
||||||
|
border: 1px solid #cfd7e6;
|
||||||
|
box-shadow: 0 1px 3px 0 rgba(89,105,129,.05), 0 1px 1px 0 rgba(0,0,0,.025);
|
||||||
|
padding: 1em;"
|
||||||
|
>
|
||||||
|
|
||||||
|
@startuml
|
||||||
|
|
||||||
|
entity Account <<ENTITY>>
|
||||||
|
entity Account.username <<TEXT>>
|
||||||
|
entity Account.password <<TEXT>>
|
||||||
|
|
||||||
|
entity Survey <<ENTITY>>
|
||||||
|
entity Survey.name <<TEXT>>
|
||||||
|
entity Survey.duration <<TEXT>>
|
||||||
|
entity Survey.isPaused <<BOOLEAN>>
|
||||||
|
entity Survey.isNamed <<BOOLEAN>>
|
||||||
|
|
||||||
|
entity Question <<ENTITY>>
|
||||||
|
entity Question.text <<TEXT>>
|
||||||
|
|
||||||
|
entity Responce <<ENTITY>>
|
||||||
|
entity Responce.value <<TEXT>>
|
||||||
|
|
||||||
|
entity Link <<ENTITY>>
|
||||||
|
entity Link.usageLimit <<INT>>
|
||||||
|
entity Link.responceLimit <<INT>>
|
||||||
|
entity Link.uses <<INT>>
|
||||||
|
entity Link.responces <<INT>>
|
||||||
|
entity Link.path <<TEXT>>
|
||||||
|
|
||||||
|
Account.username --* Account
|
||||||
|
Account.password --* Account
|
||||||
|
|
||||||
|
Survey.name --* Survey
|
||||||
|
Survey.duration --* Survey
|
||||||
|
Survey.isPaused --* Survey
|
||||||
|
Survey.isNamed --* Survey
|
||||||
|
|
||||||
|
Link.usageLimit -u-* Link
|
||||||
|
Link.responceLimit -u-* Link
|
||||||
|
Link.uses --* Link
|
||||||
|
Link.responces --* Link
|
||||||
|
Link.path -u-* Link
|
||||||
|
|
||||||
|
Responce.value -u-* Responce
|
||||||
|
|
||||||
|
Question.text -u-* Question
|
||||||
|
|
||||||
|
Account "1,1" -- "0,*" Survey
|
||||||
|
Survey "1,1" -- "0,*" Question
|
||||||
|
Question "1,1" -r- "0,*" Responce
|
||||||
|
Account "0,1" -r- "0,*" Responce
|
||||||
|
Link "0,*" -- "1,1" Survey
|
||||||
|
|
||||||
|
@enduml
|
||||||
|
|
||||||
|
</center>
|
||||||
|
|
||||||
|
## ER-модель
|
||||||
|
|
||||||
|
<center style="
|
||||||
|
border-radius:4px;
|
||||||
|
border: 1px solid #cfd7e6;
|
||||||
|
box-shadow: 0 1px 3px 0 rgba(89,105,129,.05), 0 1px 1px 0 rgba(0,0,0,.025);
|
||||||
|
padding: 1em;"
|
||||||
|
>
|
||||||
|
|
||||||
|
@startuml
|
||||||
|
|
||||||
|
entity Account <<ENTITY>> {
|
||||||
|
id:INT
|
||||||
|
username:CHAR(64)
|
||||||
|
password:CHAR(256)
|
||||||
|
}
|
||||||
|
|
||||||
|
entity Responce <<ENTITY>> {
|
||||||
|
id:INT
|
||||||
|
value:CHAR(16384)
|
||||||
|
}
|
||||||
|
|
||||||
|
entity Question <<ENTITY>> {
|
||||||
|
id:INT
|
||||||
|
text:CHAR(256)
|
||||||
|
}
|
||||||
|
|
||||||
|
entity Survey <<ENTITY>> {
|
||||||
|
id:INT
|
||||||
|
name:CHAR(256)
|
||||||
|
duration:CHAR(256)
|
||||||
|
isPaused:BOOLEAN
|
||||||
|
isNamed:BOOLEAN
|
||||||
|
}
|
||||||
|
|
||||||
|
entity Link <<ENTITY>> {
|
||||||
|
id:INT
|
||||||
|
uses:INT
|
||||||
|
responces:INT
|
||||||
|
usageLimit:INT
|
||||||
|
responceLimit:INT
|
||||||
|
path:CHAR(32)
|
||||||
|
}
|
||||||
|
|
||||||
|
Responce "0,*" --> "1,1" Question
|
||||||
|
Question "0,*" --> "1,1" Survey
|
||||||
|
Survey "0,*" --> "1,1" Account
|
||||||
|
Link "0,*" --> "1,1" Survey
|
||||||
|
Responce "0,*" --> "0,1" Account
|
||||||
|
|
||||||
|
@enduml
|
||||||
|
|
||||||
|
</center>
|
||||||
|
|
||||||
|
## Реляційна схема
|
||||||
|
|
||||||
|
<center style="
|
||||||
|
border-radius:4px;
|
||||||
|
border: 1px solid #cfd7e6;
|
||||||
|
box-shadow: 0 1px 3px 0 rgba(89,105,129,.05), 0 1px 1px 0 rgba(0,0,0,.025);
|
||||||
|
padding: 1em;"
|
||||||
|
>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</center>
|
||||||
|
Before Width: | Height: | Size: 49 KiB After Width: | Height: | Size: 49 KiB |
|
|
@ -0,0 +1,12 @@
|
||||||
|
# Вступ
|
||||||
|
|
||||||
|
У вступі описується мета роботи і розглядається поставлене завдання з позиції її
|
||||||
|
актуальності, значення її розв’язання для тієї предметної області, до якої відноситься
|
||||||
|
тема бакалаврського проєкту.
|
||||||
|
|
||||||
|
Коротко характеризується сучасний рівень розв’язання
|
||||||
|
даного завдання і взаємозв’язок з іншими проєктами по цій тематиці.
|
||||||
|
|
||||||
|
Наводяться
|
||||||
|
основні технічні характеристики розробки й очікуваний технічно-економічний ефект
|
||||||
|
від її реалізації.
|
||||||
|
|
@ -0,0 +1,4 @@
|
||||||
|
# Розроблення загальних вимог до системи
|
||||||
|
|
||||||
|
- [Аналіз предметної області](state-of-the-art.md)
|
||||||
|
- [Запити зацікавлених осіб](stakeholders-needs.md)
|
||||||
|
|
@ -0,0 +1,281 @@
|
||||||
|
# Запити зацікавлених осіб
|
||||||
|
|
||||||
|
## Вступ
|
||||||
|
|
||||||
|
У даному розділі розкриваються ключові терміни та процеси, пов'язані з розробкою високоякісного програмного забезпечення. Ці матеріали надаються для зацікавлених користувачів, які прагнуть отримати глибше розуміння суті проекту та його основних завдань.
|
||||||
|
|
||||||
|
### Мета
|
||||||
|
|
||||||
|
Метою є формування стратегії подальшого розвитку проекту на основі аналізу запитів цільової аудиторії, функціональних потреб та досягнення оптимальної продуктивності для створення якісного програмного забезпечення.
|
||||||
|
|
||||||
|
### Контекст
|
||||||
|
|
||||||
|
Даний документ містить теоретичні відомості, визначення та загальний огляд функціональності, які допоможуть розробникам розуміти напрямок роботи над програмним продуктом, а клієнтам - зрозуміти очікування від нього.
|
||||||
|
|
||||||
|
|
||||||
|
### Основні визначення та скорочення
|
||||||
|
|
||||||
|
[Зацікавлені сторони (особи)](https://uk.wikipedia.org/wiki/Зацікавлені_сторони) - фізичні та юридичні особи, які мають легітимний інтерес у діяльності організації, тобто певною мірою залежать від неї або можуть впливати на її діяльність.
|
||||||
|
|
||||||
|
[FURPS](https://en.wikipedia.org/wiki/FURPS) - абревіатура, що репрезентує модель класифікації якостей програмного забезпечення (функціональні і нефункціональні вимоги):
|
||||||
|
- *Functionality* (Функціональність) - можливості (розмір та загальний набір функцій), повторне використання (сумісність, інтероперабельність, портативність), безпека (безпека та можливість експлуатації);
|
||||||
|
- *Usability* (Використовуваність) (UX) - людський фактор, естетика, узгодженість, документація, швидкість реагування;
|
||||||
|
- *Reliability* (Надійність) - доступність (частота відмов (надійність/довговічність/стійкість), ступінь і тривалість відмов (відновлюваність/живучість)), передбачуваність (стабільність), точність (частота/серйозність помилок);
|
||||||
|
- *Perfomance* (Продуктивність) - швидкість, ефективність, споживання ресурсів (живлення, оперативна пам'ять, кеш і т.д.), пропускна здатність, ємність, масштабованість;
|
||||||
|
- *Supportability* (Підтримка) (ремонтопридатність, підтримуваність, стійкість, швидкість відновлення) - тестуємість, гнучкість (модифікованість, конфігурованість, адаптованість, розширюваність, модульність), встановлюваність, локалізованість.
|
||||||
|
|
||||||
|
[API](https://uk.wikipedia.org/wiki/Прикладний_програмний_інтерфейс) (з англ. application programming interface “прикладни́й програ́мний інтерфе́йс”) - підхід до архітектури мережевих протоколів, які надають доступ до інформаційних ресурсів.
|
||||||
|
|
||||||
|
[REST](https://uk.wikipedia.org/wiki/REST) (з англ. Representational State Transfer, «передача репрезентативного стану») — підхід до архітектури мережевих протоколів, які надають доступ до інформаційних ресурсів.
|
||||||
|
|
||||||
|
[MVC](https://en.wikipedia.org/wiki/Model–view–controller#Components) (з англ. Model-view-controller) - це патерн проектування програмного забезпечення, який зазвичай використовується для розробки користувацьких інтерфейсів, що розділяє відповідну програмну логіку на три взаємопов'язані елементи. Це робиться для того, щоб відокремити внутрішнє представлення інформації від способів її представлення користувачеві та отримання від нього.
|
||||||
|
|
||||||
|
[SOLID](https://en.wikipedia.org/wiki/SOLID) - це мнемонічна абревіатура для п'яти принципів проектування, призначених для того, щоб зробити об'єктно-орієнтовані проекти більш зрозумілими, гнучкими та зручними в обслуговуванні.
|
||||||
|
- *Принцип єдиної відповідальності*: "Ніколи не повинно бути більше однієї причини для зміни класу”. Іншими словами, кожен клас повинен мати лише одну відповідальність.
|
||||||
|
- *Принцип відкритості-закритості*: "Сутності програмного забезпечення ... повинні бути відкритими для розширення, але закритими для модифікації.
|
||||||
|
- *Принцип заміщення Ліскова*: "Функції, які використовують вказівники або посилання на базові класи, повинні мати можливість використовувати об'єкти похідних класів, не знаючи про це.
|
||||||
|
- *Принцип розділення інтерфейсів*: "Клієнти не повинні бути змушені залежати від інтерфейсів, якими вони не користуються".
|
||||||
|
- *Принцип інверсії залежності*: "Покладайтеся на абстракції, а не на конкретику".
|
||||||
|
|
||||||
|
[DRY](https://en.wikipedia.org/wiki/Don%27t_repeat_yourself)(з англ. don’t repeat yourself - “не повторюйся”) - це принцип розробки програмного забезпечення, спрямований на зменшення повторення інформації, яка може змінитися, заміну її абстракціями, які менш схильні до змін, або використання нормалізації даних, яка дозволяє уникнути надмірності в першу чергу.
|
||||||
|
|
||||||
|
[ORM](https://uk.wikipedia.org/wiki/Об%27єктно-реляційне_відображення) - (англ. Object-relational mapping, Об'єктно-реляційна проекція) — технологія програмування, яка зв'язує бази даних з концепціями об'єктно-орієнтованих мов програмування, створюючи «віртуальну об'єктну базу даних».
|
||||||
|
|
||||||
|
|
||||||
|
### Посилання
|
||||||
|
|
||||||
|
1. [https://uk.wikipedia.org/wiki/Зацікавлені_сторони](https://uk.wikipedia.org/wiki/Зацікавлені_сторони)
|
||||||
|
2. [https://en.wikipedia.org/wiki/FURPS](https://en.wikipedia.org/wiki/FURPS)
|
||||||
|
3. [https://uk.wikipedia.org/wiki/Прикладний_програмний_інтерфейс](https://uk.wikipedia.org/wiki/Прикладний_програмний_інтерфейс)
|
||||||
|
4. [https://uk.wikipedia.org/wiki/REST](https://uk.wikipedia.org/wiki/REST)
|
||||||
|
5. [https://en.wikipedia.org/wiki/Model–view–controller#Components](https://en.wikipedia.org/wiki/Model–view–controller#Components)
|
||||||
|
6. [https://en.wikipedia.org/wiki/SOLID](https://en.wikipedia.org/wiki/SOLID)
|
||||||
|
7. [https://en.wikipedia.org/wiki/Don%27t_repeat_yourself](https://en.wikipedia.org/wiki/Don%27t_repeat_yourself)
|
||||||
|
8. [https://uk.wikipedia.org/wiki/Об%27єктно-реляційне_відображення](https://uk.wikipedia.org/wiki/Об%27єктно-реляційне_відображення)
|
||||||
|
|
||||||
|
|
||||||
|
## Короткий зміст
|
||||||
|
|
||||||
|
- [Характеристика ділових процесів](#характеристика-ділових-процесів)
|
||||||
|
- [Короткий огляд продукту](#короткии-огляд-продукту)
|
||||||
|
- [Функціональність](#функціональність)
|
||||||
|
- [Практичність](#практичність)
|
||||||
|
- [Надійність](#надіиність)
|
||||||
|
- [Продуктивність](#продуктивність)
|
||||||
|
- [Експлуатаційна придатність](#експлуатаціина-придатність)
|
||||||
|
|
||||||
|
## Характеристика ділових процесів
|
||||||
|
|
||||||
|
| ID | ACCOUNT.CREATE |
|
||||||
|
|:-----------------:|:----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------:|
|
||||||
|
| Назва | Створити обліковий запис |
|
||||||
|
| Учасники | Користувач, система |
|
||||||
|
| Передумови | Відсутні |
|
||||||
|
| Результат | Обліковий запис користувача |
|
||||||
|
| Виключні ситуації | 001.001 Користувач ввів заборонені символи в поле псевдоніму<br>001.002 Ідентичний псевдонім вже існує |
|
||||||
|
| Основний сценарій | 1. Користувач вводить бажаний псевдонім у поле вводу псевдоніму<br>2. Користувач вводить пароль у поле вводу паролю<br>3. Користувач натискає на кнопку створення облікового запису<br>4. Система створює обліковий запис користувача (можливі 001.001, 001.002) |
|
||||||
|
|
||||||
|
| ID | ACCOUNT.DELETE |
|
||||||
|
|:-----------------:|:-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------:|
|
||||||
|
| Назва | Видалити обліковий запис |
|
||||||
|
| Учасники | Користувач, система |
|
||||||
|
| Передумови | Користувач ідентифікований в системі |
|
||||||
|
| Результат | Відсутність облікового запису користувача |
|
||||||
|
| Виключні ситуації | 001.005 Користувач не ідентифікований |
|
||||||
|
| Основний сценарій | 1. Користувач натискає на кнопку видалення облікового запису<br>2. Система виводить кнопку-запит на підтвердження видалення облікового запису<br>3. Користувач натискає на кнопку підтвердження видалення облікового запису<br>4. Система видаляє обліковий запис (можлива 001.005) |
|
||||||
|
|
||||||
|
| ID | ACCOUNT.MODIFY |
|
||||||
|
|:-----------------:|:--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------:|
|
||||||
|
| Назва | Змінити властивості облікового запису |
|
||||||
|
| Учасники | Користувач, система |
|
||||||
|
| Передумови | Користувач ідентифікований в системі |
|
||||||
|
| Результат | Зміна властивостей облікового запису |
|
||||||
|
| Виключні ситуації | 001.005 Користувач не ідентифікований |
|
||||||
|
| Основний сценарій | 1. Користувач натискає на кнопку редагування облікового запису<br>2. Система виводить інтерфейс для редагування облікового запису (можлива 001.005)<br>3. Користувач вказує бажані зміни властивостей облікового запису<br>4. Користувач натискає на кнопку внесення змін до властивостей облікового запису<br>5. Система змінює властивості облікового запису |
|
||||||
|
|
||||||
|
| ID | SURVEY.LINK.CREATE |
|
||||||
|
|:-----------------:|:--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------:|
|
||||||
|
| Назва | Додати посилання на опитування |
|
||||||
|
| Учасники | Користувач, система |
|
||||||
|
| Передумови | Користувач авторизований у системі |
|
||||||
|
| Результат | Нове посилання на опитування |
|
||||||
|
| Виключні ситуації | 001.005 Користувач не ідентифікований<br>001.006 Запитане опитування не існує<br>001.008 Користувач не є власником опитування |
|
||||||
|
| Основний сценарій | 1. Користувач натискає кнопку створення посилання на опитування<br>2. Система виводить налаштування для нового посилання (можливі 001.005, 001.006, 001.008)<br>3. Користувач вводить налаштування для нового посилання<br>4. Користувач натискає на кнопку створення посилання<br>5. Система створює нове посилання |
|
||||||
|
|
||||||
|
| ID | SURVEY.LINK.DELETE |
|
||||||
|
|:-----------------:|:--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------:|
|
||||||
|
| Назва | Видалити посилання на опитування |
|
||||||
|
| Учасники | Користувач, система |
|
||||||
|
| Передумови | Користувач авторизований у системі |
|
||||||
|
| Результат | Видалення посилання на опитування |
|
||||||
|
| Виключні ситуації | 001.005 Користувач не ідентифікований<br>001.006 Запитане опитування не існує<br>001.008 Користувач не є власником опитування<br>001.009 Запитане посилання на існує |
|
||||||
|
| Основний сценарій | 1. Користувач натискає кнопку видалення посилання<br>2. Система виводить кнопку підтвердження видалення посилання<br>3. Користувач натискає на кнопку підтвердження видалення посилання<br>4. Система видаляє посилання (можливі 001.005, 001.006, 001.008, 001.009) |
|
||||||
|
|
||||||
|
| ID | SURVEY.LINK.MODIFY |
|
||||||
|
|:-----------------:|:------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------:|
|
||||||
|
| Назва | Змінити властивості посилання на опитування |
|
||||||
|
| Учасники | Користувач, система |
|
||||||
|
| Передумови | Користувач авторизований у системі |
|
||||||
|
| Результат | Зміна властивостей посилання на опитування |
|
||||||
|
| Виключні ситуації | 001.005 Користувач не ідентифікований<br>001.006 Запитане опитування не існує<br>001.008 Користувач не є власником опитування<br>001.009 Запитане посилання на існує |
|
||||||
|
| Основний сценарій | 1. Користувач натискає кнопку редагування властивостей посилання<br>2. Система виводить налаштування для обраного посилання (можливі 001.005, 001.006, 001.008, 001.009)<br>3. Користувач вводить юажані зміни властивостей посилання<br>4. Користувач натискає на кнопку збереження властиностей посилання<br>5. Система змінює властивості посилання |
|
||||||
|
|
||||||
|
| ID | USER.CREATE_SURVEY |
|
||||||
|
|:-----------------:|:------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------:|
|
||||||
|
| Назва | Створити опитування |
|
||||||
|
| Учасники | Користувач, система |
|
||||||
|
| Передумови | Користувач ідентифікований в системі |
|
||||||
|
| Результат | Створене опитування |
|
||||||
|
| Виключні ситуації | 001.005 Користувач не ідентифікований<br>001.007 Користувач ввів неприпустимі символи в назві опитування |
|
||||||
|
| Основний сценарій | 1. Користувач переходить на сторінку створення опитування (можлива 001.005)<br>2. Система виводить інтерфейс створення опитування<br>3. Користувач задає інформацію про запитання та тип опитування<br>4. Користувач натискає кнопку збереження опитування<br>5. Система створює опитування (можлива 001.007)<br>6. Система виводить посилання на проходження опитування |
|
||||||
|
|
||||||
|
| ID | USER.DELETE_SURVEY |
|
||||||
|
|:-----------------:|:--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------:|
|
||||||
|
| Назва | Видалити опитування |
|
||||||
|
| Учасники | Користувач, система |
|
||||||
|
| Передумови | Користувач ідентифікований в системі, користувач є власником опитування |
|
||||||
|
| Результат | Відсутність опитування |
|
||||||
|
| Виключні ситуації | 001.005 Користувач не ідентифікований<br>001.006 Запитане опитування не існує<br>001.008 Користувач не є власником опитування |
|
||||||
|
| Основний сценарій | 1. Користувач натискає на кнопку видалення опитування<br>2. Система виводить запит на підтвердження видалення опитування<br>3. Користувач натискає на кнопку підтвердження видалення опитування<br>4. Система видаляє опитування (можливі 001.005, 001.006, 001.008) |
|
||||||
|
|
||||||
|
| ID | USER.GET_SURVEY_RESULT |
|
||||||
|
|:-----------------:|:---------------------------------------------------------------------------------------------------------------------------------------------------------------------:|
|
||||||
|
| Назва | Переглянути відповіді на опитування |
|
||||||
|
| Учасники | Користувач, система |
|
||||||
|
| Передумови | Користувач ідентифікований в системі, користувач є власником опитування |
|
||||||
|
| Результат | Інформація про відповіді на опитування |
|
||||||
|
| Виключні ситуації | 001.005 Користувач не ідентифікований<br>001.006 Запитане опитування не існує<br>001.008 Користувач не є власником опитування |
|
||||||
|
| Основний сценарій | 1. Користувач натискає на кнопку перегляду відповідей на опитування<br>2. Система виводить інформацію про відповіді на опитування (можливі 001.005, 001.006, 001.008) |
|
||||||
|
|
||||||
|
| ID | USER.LOGIN |
|
||||||
|
|:-----------------:|:------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------:|
|
||||||
|
| Назва | Пройти ідентифікацію в системі |
|
||||||
|
| Учасники | Користувач, система |
|
||||||
|
| Передумови | Користувач має обліковий запис |
|
||||||
|
| Результат | Користувач ідентифікований в системі |
|
||||||
|
| Виключні ситуації | 001.001 Користувач ввів заборонені символи в поле псевдоніму<br>001.003 Користувач ввів псевдонім, якого не існує в системі<br>001.004 Користувач ввів неправильний пароль до облікового запису |
|
||||||
|
| Основний сценарій | 1. Користувач вводить псевдонім у поле вводу псевдоніму<br>2. Користувач вводить пароль у поле вводу паролю<br>3. Користувач натискає кнопку ідентифікації<br>4. Система ідентифікує користувача (можливі 001.001, 001.003, 001.004) |
|
||||||
|
|
||||||
|
| ID | USER.LOGOUT |
|
||||||
|
|:-----------------:|:-------------------------------------------------------------------------------------------------------------------------------------------:|
|
||||||
|
| Назва | Скинути дані про ідентифікацію в системі |
|
||||||
|
| Учасники | Користувач, система |
|
||||||
|
| Передумови | Користувач ідентифікований в системі |
|
||||||
|
| Результат | Користувач не ідентифікований в системі |
|
||||||
|
| Виключні ситуації | 001.005 Користувач не ідентифікований |
|
||||||
|
| Основний сценарій | 1. Користувач натискає на кнопку виходу з облікового запису<br>2. Система скидає інформацію про ідентифікацію користувача (можлива 001.005) |
|
||||||
|
|
||||||
|
| ID | USER.MODIFY_SURVEY |
|
||||||
|
|:-----------------:|:--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------:|
|
||||||
|
| Назва | Редагувати опитування |
|
||||||
|
| Учасники | Користувач, система |
|
||||||
|
| Передумови | Користувач ідентифікований в системі, користувач є власником опитування |
|
||||||
|
| Результат | Змінене опитування |
|
||||||
|
| Виключні ситуації | 001.005 Користувач не ідентифікований<br>001.006 Запитане опитування не існує<br>001.008 Користувач не є власником опитування |
|
||||||
|
| Основний сценарій | 1. Користувач переходить на сторінку редагування опитування<br>2. Система виводить інтерфейс редагування опитування (можливі 001.005, 001.006, 001.008)<br>3. Користувач задає інформацію про зміни в опитуванні<br>4. Користувач натискає кнопку збереження змін в опитуванні<br>5. Система змінює опитування |
|
||||||
|
|
||||||
|
| ID | USER.STAT_SURVEY |
|
||||||
|
|:-----------------:|:---------------------------------------------------------------------------------------------------------------------------------------------------------:|
|
||||||
|
| Назва | Переглянути властивості опитування |
|
||||||
|
| Учасники | Користувач, система |
|
||||||
|
| Передумови | Користувач ідентифікований в системі, користувач є власником опитування |
|
||||||
|
| Результат | Інформація про властивості опитування |
|
||||||
|
| Виключні ситуації | 001.005 Користувач не ідентифікований<br>001.006 Запитане опитування не існує<br>001.008 Користувач не є власником опитування |
|
||||||
|
| Основний сценарій | 1. Користувач натискає на кнопку перегляду інформації про опитування<br>2. Система виводить інформацію про опитування (можливі 001.005, 001.006, 001.008) |
|
||||||
|
|
||||||
|
| ID | USER.TAKE_ANON_SURVEY |
|
||||||
|
|:-----------------:|:-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------:|
|
||||||
|
| Назва | Пройти анонімне опитування |
|
||||||
|
| Учасники | Користувач, система |
|
||||||
|
| Передумови | Відсутні |
|
||||||
|
| Результат | Запис відповідей на опитування |
|
||||||
|
| Виключні ситуації | 001.006 Запитане опитування не існує |
|
||||||
|
| Основний сценарій | 1. Користувач переходить на сторінку проходження опитування<br>2. Система виводить перелік запитань опитування (можлива 001.006)<br>3. Користувач вводить відповіді на запитання<br>4. Користувач натискає кнопку надсилання відповідей<br>5. Система записує відповіді на опитування (можлива 001.006)<br>6. Система виводить прощальне повідомлення |
|
||||||
|
|
||||||
|
| ID | USER.TAKE_NAMED_SURVEY |
|
||||||
|
|:-----------------:|:-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------:|
|
||||||
|
| Назва | Пройти поіменне опитування |
|
||||||
|
| Учасники | Користувач, система |
|
||||||
|
| Передумови | Користувач ідентифікований в системі |
|
||||||
|
| Результат | Запис відповідей на опитування та відомості про користувача |
|
||||||
|
| Виключні ситуації | 001.005 Користувач не ідентифікований<br>001.006 Запитане опитування не існує |
|
||||||
|
| Основний сценарій | 1. Користувач переходить на сторінку проходження опитування<br>2. Система виводить перелік запитань опитування (можливі 001.005, 001.006)<br>3. Користувач вводить відповіді на запитання<br>4. Користувач натискає кнопку надсилання відповідей<br>5. Система записує відповіді на опитування та відомості про користувача (можлива 001.006)<br>6. Система виводить прощальне повідомлення |
|
||||||
|
|
||||||
|
## Короткий огляд продукту
|
||||||
|
|
||||||
|
<center>
|
||||||
|
<img width=60% src="http://139.162.162.130:16660/img/logo2-web.svg">
|
||||||
|
</center>
|
||||||
|
|
||||||
|
Xpertise - це система для проведення будь-яких опитувань.
|
||||||
|
Вона дозволяє користувачам створювати опитування, збирати відповіді на них та переглядати докладну й узагальнену статистику.
|
||||||
|
У користувачів є можливість створювати не лише анонімні, але й поіменні опитування, тому платформа також задовольнить потреби в проведенні голосувань для прийняття спільних рішень у командах.
|
||||||
|
|
||||||
|
## Функціональність
|
||||||
|
|
||||||
|
Наша система спрямована, в першу чергу, на взаємодію з користувачами.
|
||||||
|
|
||||||
|
***Користувач** - це особа, що взаємодіє із системою.*
|
||||||
|
|
||||||
|
Cистема розділяє користувачів на дві категорії:
|
||||||
|
- гість
|
||||||
|
- авторизований користувач
|
||||||
|
|
||||||
|
***Гість** - це користувач, що не пройшов ідентифікацію в системі. Такого користувача не можна зіставити з жодним обліковим записом.*
|
||||||
|
|
||||||
|
Гість може:
|
||||||
|
- створити обліковий запис
|
||||||
|
- пройти ідентифікацію в системі
|
||||||
|
- пройти анонімне опитування
|
||||||
|
|
||||||
|
***Зареєстрований користувач** - це користувач, котрий успішно пройшов ідентифікацію в системі. Такого користувача можна однозначно зіставити з обліковим записом, що наявний у системі.*
|
||||||
|
|
||||||
|
Зареєстрований користувач може:
|
||||||
|
- редагувати властивості свого облікового запису
|
||||||
|
- видалити свій обліковий запис
|
||||||
|
- скинути дані про ідентицікацію в системі
|
||||||
|
- створити опитування
|
||||||
|
- відредагувати своє опитування
|
||||||
|
- видалити своє опитування
|
||||||
|
- створити посилання на своє опитування
|
||||||
|
- редагувати властивості посилання на своє опитування
|
||||||
|
- видалити посилання на своє опитування
|
||||||
|
- призупинити своє опитування
|
||||||
|
- продовжити своє опитування
|
||||||
|
- переглянути властивості свого опитування
|
||||||
|
- переглянути результати свого опитування
|
||||||
|
- пройти анонімне опитування
|
||||||
|
- пройти поіменне опитування
|
||||||
|
|
||||||
|
*[Респондент](https://slovnyk.ua/index.php?swrd=%D1%80%D0%B5%D1%81%D0%BF%D0%BE%D0%BD%D0%B4%D0%B5%D0%BD%D1%82) - той, хто відповідає на питання анкети; опитуваний.*
|
||||||
|
|
||||||
|
***Опитування** - це перелік запитань, кожне з яких передбачає обов'язкову або необов'язкову відповідь. Кожна відповідь має визначений тип.*
|
||||||
|
|
||||||
|
***Анонімне опитування** - це опитування, відповідь на яке може не містити інформації про обліковий запис респондента (*респондент все одно може вирішити надати таку інформацію).*
|
||||||
|
|
||||||
|
***Поіменне опитування** - це опитування, відповідь на яке обов'язково містить дані про обліковий запис респондента.*
|
||||||
|
|
||||||
|
## Практичність
|
||||||
|
|
||||||
|
- Наявність зручного інструменту для побудови опитувань
|
||||||
|
- Можливість легко замінити брендинг та кольорову палітру
|
||||||
|
- Перегляд аналітики в реальному часі
|
||||||
|
- Формування статистики відповідей у зручному інтерфейсі
|
||||||
|
- Можливість експорту результатів опитування через API
|
||||||
|
- Підтримка програмування реакцій на події (hooks)
|
||||||
|
|
||||||
|
## Надійність
|
||||||
|
|
||||||
|
- Шифрування з'єднань (TLS)
|
||||||
|
- Автоматичне резервне копіювання
|
||||||
|
- Автоматичне відновлення з резервних копій
|
||||||
|
|
||||||
|
## Продуктивність
|
||||||
|
|
||||||
|
- Низьке використання мережі базовим протоколом
|
||||||
|
- Незалежність від сторонніх веб-хостингів
|
||||||
|
|
||||||
|
## Експлуатаційна придатність
|
||||||
|
|
||||||
|
- Наявність докладної документації для користувачів, адміністраторів та розробників
|
||||||
|
- Доступність онлайн-підтримки
|
||||||
|
|
@ -0,0 +1,221 @@
|
||||||
|
# Розроблення вимог до системи
|
||||||
|
|
||||||
|
## Вступ
|
||||||
|
У даному розділі проводиться аналіз предметної області, пов'язаної з системою організації та управління експертними опитуваннями. Представлені такі категорії:
|
||||||
|
|
||||||
|
- [Основні визначення](#основні-визначення), котрі можна зустріти в сфері експертних опитувань
|
||||||
|
- [Підходи та способи вирішення завдання](#підходи-та-способи-вирішення-завдання) опитування експертів
|
||||||
|
- [Порівняльна характеристика наявних засобів вирішення завдання](#порівняльна-характеристика-існуючих-засобів-вирішення-завдання) опитування експертів
|
||||||
|
- [Висновки](#висновки) щодо доцільності розробки нової системи
|
||||||
|
- [Література](#література), де наведені посилання на джерела інформації
|
||||||
|
|
||||||
|
## Основні визначення
|
||||||
|
### Технічні визначення
|
||||||
|
**База даних** [](https://uk.wikipedia.org/wiki/База_даних)
|
||||||
|
|
||||||
|
База даних (англ. database) – сукупність даних, організованих відповідно до концепції, яка описує характеристику цих даних і взаємозв'язки між їх елементами; ця сукупність підтримує щонайменше одну з областей застосування (за стандартом ISO/IEC 2382:2015). В загальному випадку база даних містить схеми, таблиці, подання, збережені процедури та інші об'єкти. Дані у базі організовують відповідно до моделі організації даних. Таким чином, сучасна база даних, крім самих даних, містить їх опис та може містити засоби для їх обробки.
|
||||||
|
|
||||||
|
**SQL** [](https://uk.wikipedia.org/wiki/SQL)
|
||||||
|
|
||||||
|
SQL (англ. Structured query language — мова структурованих запитів) — декларативна мова програмування для взаємодії користувача з базами даних, що застосовується для формування запитів, оновлення і керування реляційними БД, створення схеми бази даних та її модифікації, системи контролю за доступом до бази даних. Сама по собі SQL не є ані системою керування базами даних, ані окремим програмним продуктом. На відміну від дійсних мов програмування (C або Pascal), SQL може формувати інтерактивні запити або, бувши вбудованою в прикладні програми, виступати як інструкції для керування даними. Окрім цього, стандарт SQL містить функції для визначення зміни, перевірки та захисту даних.
|
||||||
|
|
||||||
|
### Загальні визначення
|
||||||
|
**Опитування** [](https://uk.wikipedia.org/wiki/Опитування)
|
||||||
|
|
||||||
|
Опи́тування — це метод збору соціологічної інформації про досліджуваний об'єкт під час безпосереднього (усне опитування, інтерв'ю) або опосередкованого (письмове опитування, анкетування) спілкування того хто опитує з респондентом. Опитування бувають соціологічні, політологічні, маркетингові, психологічні — залежно від предмету дослідження. Залежно від кількості опитуваних (вибірки, вибіркової сукупності) вони також можуть бути масовими, вибірковими, індивідуальними, експертними. Також використовується для вимірювання «громадської думки» з різних питань.
|
||||||
|
|
||||||
|
**Експерт** [](https://ela.kpi.ua/server/api/core/bitstreams/8a8030cf-bfc1-4586-b197-1c7e3bf02700/content)
|
||||||
|
|
||||||
|
Експертом називають людину, що є фахівцем (спеціалістом) у певній предметній області (ПО) і може пояснити свої дії та міркування. Предметною областю називають будь-яку галузь діяльності людини, наприклад, “Технічні засоби автоматизації”, “Охорона довкілля”, “Системи штучного інтелекту” тощо.
|
||||||
|
**Експертне опитування**
|
||||||
|
Експертне опитування або опитування фахівців — це особливий метод маркетингового (і/або соціологічного) дослідження. В рамках такого опитування досліджувана тема обговорюється з експертами, компетентними в даній сфері.
|
||||||
|
### Методи експертного опитування
|
||||||
|
#### Активні методи
|
||||||
|
Активні методи передбачають спілкування між організаторами та експертами. Можливі два напрямки активної роботи з експертами: індивідуальна робота з експертом (анонімна чи відкрита) та робота з групою в цілому.
|
||||||
|
***
|
||||||
|
#### До індивідуальних активних методів належать анкетування, інтерв’ю, діалог з експертом, ігри з експертом.
|
||||||
|
|
||||||
|
**Інтерв’ю** [](https://ela.kpi.ua/server/api/core/bitstreams/8a8030cf-bfc1-4586-b197-1c7e3bf02700/content)
|
||||||
|
|
||||||
|
Інтерв’ю – це форма спілкування між дослідником та експертом, при якій дослідник ставить заздалегідь підготовлену чергу запитань. Можна замінити ці запитання на інші у відповідності до ситуації.
|
||||||
|
|
||||||
|
**Діалог** [](https://ela.kpi.ua/server/api/core/bitstreams/8a8030cf-bfc1-4586-b197-1c7e3bf02700/content)
|
||||||
|
|
||||||
|
Діалог – це метод отримання знань у формі бесіди між дослідником та експертом, коли немає жорстко регламентованого плану проведеня і визначеного заздалегідь переліку запитань.
|
||||||
|
|
||||||
|
**Ігри з експертом** [](https://ela.kpi.ua/server/api/core/bitstreams/8a8030cf-bfc1-4586-b197-1c7e3bf02700/content)
|
||||||
|
|
||||||
|
Ігри з експертом (експертні ігри) – це експерименти, у яких фахівцю пропонують важливі ситуації з предметної області. Фахівець повинен запропонувати рішення по виходу з цих ситуацій на основі свого життєвого досвіду, спеціальних знань та уявлень.
|
||||||
|
***
|
||||||
|
#### До методів активної роботи з групою в цілому належать методи круглого столу, мозкового штурму та рольові ігри.
|
||||||
|
|
||||||
|
**Круглий стіл** [](https://ela.kpi.ua/server/api/core/bitstreams/8a8030cf-bfc1-4586-b197-1c7e3bf02700/content)
|
||||||
|
|
||||||
|
“Круглий стіл” передбачає обговорення певної проблеми, у якому приймають участь експерти з однаковими правами. Задача дискусії – вивчити проблему всебічно, тому слід запрошувати експертів, які належать до різних наукових напрямків, мають різний вік, стать і т.ін. Цей метод не передбачає терміновості прийняття рішення.
|
||||||
|
|
||||||
|
**Мозковий штурм** [](https://ela.kpi.ua/server/api/core/bitstreams/8a8030cf-bfc1-4586-b197-1c7e3bf02700/content)
|
||||||
|
|
||||||
|
“Мозковий штурм (атака)” – один із найбільш поширених методів активізації думок. Його застосовують у тих випадках, коли потрібно знайти вирішення певної проблеми за дуже короткий час. Під час такого обговоренння кожний експерт повинен запропонувати свій шлях розвязання задачі або розвинути думку іншого учасника.
|
||||||
|
|
||||||
|
**Рольові ігри** [](https://ela.kpi.ua/server/api/core/bitstreams/8a8030cf-bfc1-4586-b197-1c7e3bf02700/content)
|
||||||
|
|
||||||
|
Рольові ігри (експертні ігри) – це експерименти, у яких колективу спеціалістів пропонують складні ситуації з предметної області. Спеціалісти у процесі відкритого обговорення приймають рішення про шляхи виходу з цих ситуацій.
|
||||||
|
***
|
||||||
|
#### Пасивні методи
|
||||||
|
До пасивних методів належать спостереження за діяльністю експертів, запис їхніх міркувань у процесі роботи (так звані *“думки вголос”*), лекції, які вони можуть прочитати. [](https://ela.kpi.ua/server/api/core/bitstreams/8a8030cf-bfc1-4586-b197-1c7e3bf02700/content)
|
||||||
|
|
||||||
|
|
||||||
|
## Підходи та способи вирішення завдання
|
||||||
|
|
||||||
|
[Методисти виділяють методи **заочного** та **очного** експертного опитування.](http://elbib.in.ua/vidi-ekspertnogo-opituvannya-metodologiya-ta-metodi-sotsiologichnih-doslidjen.html)
|
||||||
|
|
||||||
|
До методів **заочного** опитування відносять:
|
||||||
|
- письмове опитування («збір думок»);
|
||||||
|
- анкетування;
|
||||||
|
- дельфійська техніка;
|
||||||
|
|
||||||
|
До **очних** методів належать:
|
||||||
|
- «мозкова атака».
|
||||||
|
|
||||||
|
Письмове опитування (або «збір думок») – вважається найпростішим методом заочного опитування експертів. Він полягає в тому, що експертам надають спеціально підготовлені опитувальні листи, в яких вони повинні викласти свою думку по суті поставлених питань. При складанні експертного опитувальника від 50 до 90% використовуються відкриті питання. Збір думок подібний вільному інтерв'ю і відрізняється від нього лише письмовою формою опитування.
|
||||||
|
|
||||||
|
Плюси: дає можливість залучити велику кількість експертів.
|
||||||
|
|
||||||
|
Мінуси: заочний опитування пов'язане з організаційними труднощами, зумовленими низьким рівнем повернення анкет.
|
||||||
|
|
||||||
|
Анкетування – даний тип опитування може бути сформований як у відкритій, так і в закритій формі. Сильно відрізняється від письмового збору думок, оскільки спрямоване на з’ясування оцінок фахівцями тих чи інших аспектів готового рішення.
|
||||||
|
|
||||||
|
Плюси: можливість анонімного збору даних; значно спрощує можливість збору даних; стандартизація.
|
||||||
|
|
||||||
|
Мінуси: учасники можуть відмовитися від відповідей або дати неправильні відповіді через обмежену варіативність; негнучкість методу (негативна сторона стандартизованості).
|
||||||
|
|
||||||
|
Метод Дельфі – опитування експертної групи в кілька турів з узгодженням думок експертів. Суть цього методу в тому, щоб за допомогою серії послідовних дій - опитувань, інтерв'ю, мозкових штурмів - домогтися максимального консенсусу при визначенні правильного рішення. Метод передбачає опитування експертів в кілька турів (зазвичай 2-3), обробку результатів кожного туру, інформування їх про ці результати і знову повторення такої ж процедури. У першому турі відповіді даються без аргументації. Після обробки виділяються крайні і середні судження і повідомляються експертам. У другому турі опитувані знову звертаються до своїх оцінок. Так як вони мали досить часу на роздуми і дізналися про існування інших позицій з цього приводу, вони можуть переглянути свої погляди або, навпаки, посилити їх аргументацію. Після другого туру обробляються нові оцінки - крайні і середні думки узагальнюються, підсумки знову доповідають експертам. Так повторюється 3-4 рази. Практика показує, що після третього або четвертого туру думки експертів не змінюються. В ході подібної процедури виробляється узгоджена оцінка, причому дослідник не повинен нехтувати громадською думкою тих, хто після неодноразових опитувань залишився на своїй позиції.
|
||||||
|
|
||||||
|
Плюси: подібна техніка дозволяє зменшити вплив недостатньо компетентних експертів на групову оцінку, як це спостерігається при простому анкетуванні. Воно досягається за рахунок отриманої цінної інформації від більш компетентних експертів.
|
||||||
|
|
||||||
|
Мінуси: часові витрати; можливість втрати мотивації учасників.
|
||||||
|
|
||||||
|
Метод «мозкового штурму (атаки)»
|
||||||
|
|
||||||
|
Плюси: стимулювання творчості; розширення горизонтів.
|
||||||
|
|
||||||
|
Мінуси: відсутність структури; можливість домінування деяких учасників.
|
||||||
|
|
||||||
|
## Порівняльна характеристика існуючих засобів вирішення завдання
|
||||||
|
|
||||||
|
Розглядатимемо такі найпопулярніші інструменти для проведення анкетувань:
|
||||||
|
|
||||||
|
[Google Forms](https://uk.wikipedia.org/wiki/Google_Форми)
|
||||||
|
|
||||||
|
Google Forms — програмне забезпечення для адміністрування опитування,
|
||||||
|
що входить до складу безкоштовного веб-пакету Google Docs Editors,
|
||||||
|
пропонованого Google. Послуга також включає Google Docs, Google Sheets,
|
||||||
|
Google Slides, Google Drawings, Google Sites і Google Keep. Google Форми
|
||||||
|
доступні лише як веб-додаток. Додаток дозволяє користувачам створювати та
|
||||||
|
редагувати опитування в Інтернеті, співпрацюючи з іншими користувачами
|
||||||
|
в режимі реального часу. Зібрану інформацію можна автоматично внести в
|
||||||
|
електронну таблицю.
|
||||||
|
|
||||||
|
[SurveyMonkey](https://en.wikipedia.org/wiki/SurveyMonkey)
|
||||||
|
|
||||||
|
SurveyMonkey - це служба як для створення простих і невеликих опитувань,
|
||||||
|
так і для масової розсилки анкет, виявлення тенденцій і складання більших
|
||||||
|
досліджень. Сервіс дозволяє швидко створювати опитування, налаштовувати
|
||||||
|
їх зовнішній вигляд, змінювати місцями питання, проводити А/Б-тестування,
|
||||||
|
вставляти опитування на сайти та соціальні мережі, складати дуже детальні
|
||||||
|
та наочні звіти, захищати дані та інтегрувати засоби з MailChimp,
|
||||||
|
GroSocial та іншими сервісами.
|
||||||
|
|
||||||
|
[Responsly](https://www.responsly.com)
|
||||||
|
|
||||||
|
Responsly - платформа, яка дозволяє створювати онлайн-опитування та
|
||||||
|
анкети всього за кілька секунд і надсилати їх тисячам одержувачів одним
|
||||||
|
натисканням кнопки. Також є вбудована технологія штучного інтелекту, яка
|
||||||
|
надає широкий вибір типів питань для опитувань, вибраних спеціально для
|
||||||
|
певної аудиторії.
|
||||||
|
|
||||||
|
[Jotform](https://en.wikipedia.org/wiki/Jotform)
|
||||||
|
|
||||||
|
Jotform — це потужна онлайн програма, яка дозволяє будь-кому швидко
|
||||||
|
створювати власні онлайн форми. Інтуїтивно зрозумілий інтерфейс
|
||||||
|
конструктора форм робить створення форм неймовірно простим, без написання
|
||||||
|
жодного рядка коду. За допомогою Jotform користувачі можуть створювати та
|
||||||
|
публікувати форми, інтегрувати їх у свій веб-сайт та отримувати відповіді
|
||||||
|
електронною поштою. Jotform дозволяє створювати онлайн форми, отримувати
|
||||||
|
відповіді безпосередньо в електронних листах та створювати PDF форми для
|
||||||
|
заповнення.
|
||||||
|
|
||||||
|
[QuestionPro](https://questionpro.com/)
|
||||||
|
|
||||||
|
QuestionPro — це програмне забезпечення для створення та розповсюдження
|
||||||
|
опитувань. Воно складається з інтуїтивно зрозумілого інтерфейсу для
|
||||||
|
створення запитань для опитувань, інструментів для їх розповсюдження
|
||||||
|
електронною поштою або на веб-сайті та інструментів для аналізу та
|
||||||
|
перегляду результатів.
|
||||||
|
|
||||||
|
[Fillout](https://www.fillout.com/)
|
||||||
|
|
||||||
|
Fillout — це платформа для створення форм, опитувань і тестів. Fillout
|
||||||
|
інтегрується з інструментами, які вже використовує користувач, щоб
|
||||||
|
допомогти автоматизувати робочі процеси та масштабувати операції. Час
|
||||||
|
безперебійної роботи платформи та безпека додатків є двома пріоритетами
|
||||||
|
Fillout. Для компаній із суворими вимогами щодо резидентності даних та
|
||||||
|
іншими вимогами Fillout пропонує корпоративне рішення для безпечного
|
||||||
|
отримання даних у будь-якому масштабі.
|
||||||
|
|
||||||
|
Порівняймо наведені вище сервіси із нашим проєктом.
|
||||||
|
|
||||||
|
Умовні позначення в таблиці порівняння:
|
||||||
|
- 🔴 засіб не відповідає критерію
|
||||||
|
- 🟡 засіб частково відповідає критерію або вимагає коштів для повноцінного функціоналу
|
||||||
|
- 🟢 засіб цілком відповідає критерію в безкоштовній версії
|
||||||
|
- ⚪ засіб частково або повністю не надав інформацію щодо критерію
|
||||||
|
|
||||||
|
| Критерій |Xpertise (наш проєкт)|Google Forms|SurveyMonkey|Responsly|Jotform|QuestionPro|Fillout|
|
||||||
|
|:-----------:|:-------------------:|:----------:|:----------:|:-------:|:-----:|:---------:|:-----:|
|
||||||
|
|**Functionality**| | | | | | | |
|
||||||
|
|Мобільна версія| 🟢 | 🟢 | 🟢 | 🟢 | 🟢 | 🟢 | 🟢 |
|
||||||
|
|Типи відповідей| 4 шт. |⚪ |4 шт. (до 13 шт.)|⚪ |⚪|30 шт. (до 52 шт.)|40+ шт.|
|
||||||
|
|К-ть запитань в одній формі|50|безліч|10 (до безмежності)| безліч |100 (до 1 тис.)|безліч|безліч|
|
||||||
|
|К-ть форм | 50 (до 10 тис.) |безліч | безліч |3| 5 (до 100)|10 (до безмежності)| безліч |
|
||||||
|
|Макс. к-ть опитаних|10 тис. (до 10 млн.)|безліч | 25/міс. (до 40 тис./рік) |10/міс. (до 10 тис./міс.)|100/міс. (до 10 тис./міс.)|200/форму (до 100 тис./рік)|1 тис./міс. (до 10 тис./міс.)|
|
||||||
|
|Випадкова послідовність запитань|🟢| 🔴 | €99/міс. | $79/міс. | ⚪ | 🟡 | ⚪ |
|
||||||
|
|Умовні переходи| 🟢 | 🔴 | €39/міс. | 🟡 | ⚪ | 🟡 | 🟢 |
|
||||||
|
|Квота відповідей| 🟢 | ⚪ | €432/рік | $79/міс. | ⚪ | ⚪ | ⚪ |
|
||||||
|
|Таймер закінчення опитування| 🟢 | 🟢 | ⚪ | ⚪ | ⚪ | $1188/рік | $15/місяць |
|
||||||
|
|Перегляд недозаповнених форм| 🟢 | 🔴 | ⚪ | ⚪ | ⚪ | ⚪ | $75/міс. |
|
||||||
|
|Завантаження файлів| 🟢 | 🟢 | €432/рік | ⚪ | 🟢 | ⚪ | 🟢 |
|
||||||
|
|Доступне файлове сховище| 2 Гб (до 1 Тб) | 15 Гб (до 5 Тб) | без меж | - | 100 Мб (до 100 Гб) | - | 20 Мб/файл (до 1 Гб/файл |
|
||||||
|
|**Usability**|||||||||
|
||||||
|
|Простий будівельник форм|🟢|🟢|🟢|🟢|🟢|🟢|🟢|
|
||||||
|
|AI-помічник| 🔴 | 🔴 | 🔴 | $49/міс. | 🔴 | 🔴 | 🟢 |
|
||||||
|
|Заміна брендингу на власний|🟢 | $12/міс. | €1188/рік. | $159/міс. | 🟡 | $1188/рік | $40/міс. |
|
||||||
|
|Налаштування кольорової палітри|🟢 | 🟢 | €432/рік | $159/міс. | ⚪ | $15/міс. | $40/міс. |
|
||||||
|
|Перегляд аналітики в реальному часі| 🟢 | 🟢 | 🟢 | 🟢 | 🟢 | 🟢 | 🟡 |
|
||||||
|
|**Reliability**||||||||
|
||||||
|
|Автоматичні резервні копії| 🟢 | 🟢 | 🟢 | 🟢 | 🟢 | 🟢 | 🟢 |
|
||||||
|
|Шифрування з'єднань| 🟢 | 🟢 | 🟢 | 🟢 | 🟢 | 🟢 | 🟢 |
|
||||||
|
|**Performance**||||||||
|
||||||
|
|Оптимальне використання мережі| 🟢 | 🔴 | 🟡 | 🟢 | 🔴 | 🟡 | 🟡 |
|
||||||
|
|**Supportability**||||||||
|
||||||
|
|Інструкція з використання| 🟢 | ⚪ | ⚪ | 🟢 | 🟢 | 🟢 | 🟢 |
|
||||||
|
|Онлайн-підтримка| 🟢 | $72/рік | 🟢 | 🟢 | 🟢 | 🟢 | 🟢 |
|
||||||
|
|
||||||
|
## Висновки
|
||||||
|
Завдяки проведеному дослідженню ринку бачимо, що більшість сучасних платформ не надають безкоштовної можливості налаштовувати умовні переходи між сторінками опитування, а також значно обмежують максимальну кількість зібраних відповідей. Комбінація цих функцій у безкоштовній версії нашого сервісу може стати вагомою перевагою для певних груп користувачів.
|
||||||
|
|
||||||
|
Також додаткові функції (такі як квоти відповідей або перегляд недозаповнених форм), що наявні в безкоштовній версії продукту, можуть привабити додаткових користувачів, що бажають отримати такі інструменти, проте не хочуть віддавати чималі гроші за коштовні сервіси. З огляду на це вважаємо, що розробка такого проєкту має сенс.
|
||||||
|
|
||||||
|
## Література
|
||||||
|
|
||||||
|
1. [https://uk.wikipedia.org/wiki/База_даних](https://uk.wikipedia.org/wiki/База_даних)
|
||||||
|
2. [https://uk.wikipedia.org/wiki/SQL](https://uk.wikipedia.org/wiki/SQL)
|
||||||
|
3. [https://uk.wikipedia.org/wiki/Опитування](https://uk.wikipedia.org/wiki/Опитування)
|
||||||
|
4. [https://ela.kpi.ua/server/api/core/bitstreams/8a8030cf-bfc1-4586-b197-1c7e3bf02700/content](https://ela.kpi.ua/server/api/core/bitstreams/8a8030cf-bfc1-4586-b197-1c7e3bf02700/content)
|
||||||
|
5. [http://elbib.in.ua/vidi-ekspertnogo-opituvannya-metodologiya-ta-metodi-sotsiologichnih-doslidjen.html](http://elbib.in.ua/vidi-ekspertnogo-opituvannya-metodologiya-ta-metodi-sotsiologichnih-doslidjen.html)
|
||||||
|
6. [https://uk.wikipedia.org/wiki/Google_Форми](https://uk.wikipedia.org/wiki/Google_Форми)
|
||||||
|
7. [https://en.wikipedia.org/wiki/SurveyMonkey](https://en.wikipedia.org/wiki/SurveyMonkey)
|
||||||
|
8. [https://www.responsly.com](https://www.responsly.com)
|
||||||
|
9. [https://en.wikipedia.org/wiki/Jotform](https://en.wikipedia.org/wiki/Jotform)
|
||||||
|
10. [https://questionpro.com/](https://questionpro.com/)
|
||||||
|
11. [https://www.fillout.com/](https://www.fillout.com/)
|
||||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue