diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..4d29575 --- /dev/null +++ b/.gitignore @@ -0,0 +1,23 @@ +# See https://help.github.com/articles/ignoring-files/ for more about ignoring files. + +# dependencies +/node_modules +/.pnp +.pnp.js + +# testing +/coverage + +# production +/build + +# misc +.DS_Store +.env.local +.env.development.local +.env.test.local +.env.production.local + +npm-debug.log* +yarn-debug.log* +yarn-error.log* diff --git a/.gitlab-ci.yml b/.gitlab-ci.yml index fccd567..d5b1b3d 100644 --- a/.gitlab-ci.yml +++ b/.gitlab-ci.yml @@ -1,9 +1,10 @@ stages: - - build + - build_docker + - build_frontend build_frontend: - stage: build + stage: build_frontend tags: - docker image: registry.gitlab.com/fia72-dev/eva_lernsituation/frontend-build @@ -24,12 +25,15 @@ build_frontend: - ssh $DEPLOY_ENV_USER@$DEPLOY_ENV_TARGET "rm -rf /home/$DEPLOY_ENV_USER/serve/*" - ssh $DEPLOY_ENV_USER@$DEPLOY_ENV_TARGET "mkdir -p /home/$DEPLOY_ENV_USER/serve/$CI_COMMIT_REF_NAME" - rsync --progress -av -e ssh /workdir/build/* $DEPLOY_ENV_USER@$DEPLOY_ENV_TARGET:/home/$DEPLOY_ENV_USER/serve/ + only: + changes: + - Frontend/* environment: name: deploy url: https://$DEPLOY_ENV_TARGET build_docker_host: - stage: build + stage: build_docker tags: - docker-builder before_script: @@ -51,7 +55,7 @@ build_docker_host: - Docker/config/* build_docker_builder: - stage: build + stage: build_docker tags: - docker-builder before_script: diff --git a/Docker/Dockerfile_FE_Host.dockerfile b/Docker/Dockerfile_FE_Host.dockerfile index a6ab77c..90c2600 100644 --- a/Docker/Dockerfile_FE_Host.dockerfile +++ b/Docker/Dockerfile_FE_Host.dockerfile @@ -1,5 +1,14 @@ # Tag: frontend-serve -FROM nginx +# FROM nginx -COPY Docker/config/nginx.conf /etc/nginx/nginx.conf +# COPY Docker/config/nginx.conf /etc/nginx/nginx.conf + +FROM node:10.8-stretch +WORKDIR /opt/frontend + +RUN pwd && ls -la + +RUN npm install -g serve + +CMD ["serve", "-s", "build"] \ No newline at end of file diff --git a/Docker/config/restart-host.sh b/Docker/config/restart-host.sh index 8bbabfe..7f47642 100755 --- a/Docker/config/restart-host.sh +++ b/Docker/config/restart-host.sh @@ -3,5 +3,5 @@ docker login -u gitlab+deploy-token-66068 -p vD23SzzitUn8y8xGknKz registry.gitla docker stop eva_frontend_serve docker rm eva_frontend_serve docker rmi registry.gitlab.com/fia72-dev/eva_lernsituation/frontend-serve -docker run -d -p 8083:80 -v /home/gitlab/serve:/usr/share/nginx/html:ro --name "eva_frontend_serve" registry.gitlab.com/fia72-dev/eva_lernsituation/frontend-serve +docker run -d -p 8083:5000 -v /home/gitlab/serve:/opt/frontend/build:ro --name "eva_frontend_serve" registry.gitlab.com/fia72-dev/eva_lernsituation/frontend-serve diff --git a/Frontend/package-lock.json b/Frontend/package-lock.json index 876e08f..bf94b16 100644 --- a/Frontend/package-lock.json +++ b/Frontend/package-lock.json @@ -911,6 +911,11 @@ "resolved": "https://registry.npmjs.org/@csstools/normalize.css/-/normalize.css-9.0.1.tgz", "integrity": "sha512-6It2EVfGskxZCQhuykrfnALg7oVeiI6KclWSmGDqB0AiInVrTGB9Jp9i4/Ad21u9Jde/voVQz6eFX/eSg/UsPA==" }, + "@emotion/hash": { + "version": "0.7.1", + "resolved": "https://registry.npmjs.org/@emotion/hash/-/hash-0.7.1.tgz", + "integrity": "sha512-OYpa/Sg+2GDX+jibUfpZVn1YqSVRpYmTLF2eyAfrFTIJSbwyIrc+YscayoykvaOME/wV4BV0Sa0yqdMrgse6mA==" + }, "@hapi/address": { "version": "2.0.0", "resolved": "https://registry.npmjs.org/@hapi/address/-/address-2.0.0.tgz", @@ -1148,6 +1153,105 @@ "@types/yargs": "^12.0.9" } }, + "@material-ui/core": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/@material-ui/core/-/core-4.1.0.tgz", + "integrity": "sha512-dpS7OvW4eBInskB3l72htaBY+3VFfgEs0UiNczyJyqb6SjymVx7ymi0BnwfUOWJYwPq0jfRqPddy0ThADBqvHQ==", + "requires": { + "@babel/runtime": "^7.2.0", + "@material-ui/styles": "^4.1.0", + "@material-ui/system": "^4.1.0", + "@material-ui/types": "^4.1.0", + "@material-ui/utils": "^4.1.0", + "@types/react-transition-group": "^2.0.16", + "clsx": "^1.0.2", + "convert-css-length": "^2.0.0", + "debounce": "^1.1.0", + "deepmerge": "^3.0.0", + "hoist-non-react-statics": "^3.2.1", + "is-plain-object": "^3.0.0", + "normalize-scroll-left": "^0.2.0", + "popper.js": "^1.14.1", + "prop-types": "^15.7.2", + "react-event-listener": "^0.6.6", + "react-transition-group": "^4.0.0", + "warning": "^4.0.1" + }, + "dependencies": { + "is-plain-object": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-3.0.0.tgz", + "integrity": "sha512-tZIpofR+P05k8Aocp7UI/2UTa9lTJSebCXpFFoR9aibpokDj/uXBsJ8luUu0tTVYKkMU6URDUuOfJZ7koewXvg==", + "requires": { + "isobject": "^4.0.0" + } + }, + "isobject": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/isobject/-/isobject-4.0.0.tgz", + "integrity": "sha512-S/2fF5wH8SJA/kmwr6HYhK/RI/OkhD84k8ntalo0iJjZikgq1XFvR5M8NPT1x5F7fBwCG3qHfnzeP/Vh/ZxCUA==" + } + } + }, + "@material-ui/icons": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/@material-ui/icons/-/icons-4.1.0.tgz", + "integrity": "sha512-EwlS/D3O1lBEFBBOwBJgcV3c9zkLYy6GpJzBFL4i8rpkwfpWAE2dvz2TGsHfftfR60tiiLpZJhngBL7NJYnRng==", + "requires": { + "@babel/runtime": "^7.2.0" + } + }, + "@material-ui/styles": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/@material-ui/styles/-/styles-4.1.0.tgz", + "integrity": "sha512-GMv/8UcfZv5P9Cl2eR+HbyJwCnrYOeDRW3BALCGZgQ7nBiQTQnrhXxA1MprBoRBPl5KiD2kQJdjbdkvT8OSfNg==", + "requires": { + "@babel/runtime": "^7.2.0", + "@emotion/hash": "^0.7.1", + "@material-ui/types": "^4.1.0", + "@material-ui/utils": "^4.1.0", + "clsx": "^1.0.2", + "csstype": "^2.5.2", + "deepmerge": "^3.0.0", + "hoist-non-react-statics": "^3.2.1", + "jss": "10.0.0-alpha.17", + "jss-plugin-camel-case": "10.0.0-alpha.17", + "jss-plugin-default-unit": "10.0.0-alpha.17", + "jss-plugin-global": "10.0.0-alpha.17", + "jss-plugin-nested": "10.0.0-alpha.17", + "jss-plugin-props-sort": "10.0.0-alpha.17", + "jss-plugin-rule-value-function": "10.0.0-alpha.17", + "jss-plugin-vendor-prefixer": "10.0.0-alpha.17", + "prop-types": "^15.7.2", + "warning": "^4.0.1" + } + }, + "@material-ui/system": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/@material-ui/system/-/system-4.1.0.tgz", + "integrity": "sha512-1v/J2X820CzYhiH46z9qcbd+AVcQ+578ycsHAo6MVpu5eI399S6t+OcO6vg0FPhCrLshWynNGNfeF0JcLlrYzA==", + "requires": { + "@babel/runtime": "^7.2.0", + "deepmerge": "^3.0.0", + "prop-types": "^15.7.2", + "warning": "^4.0.1" + } + }, + "@material-ui/types": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/@material-ui/types/-/types-4.1.0.tgz", + "integrity": "sha512-F4z7GOAeEucPjrrhJ2PHBhMZjhggE6Jjnzmap5W2PdZ3TSWNlqucB+oOzT6EzWRkHDDhVmANMU8QMfT/kcZtOg==" + }, + "@material-ui/utils": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/@material-ui/utils/-/utils-4.1.0.tgz", + "integrity": "sha512-muwmVU799tzPjzb+Q5E/CTDle0rXwkCAdvMVyU0BfbJhenkUsFmuYiCmbvMVOU1m6F1S5HWfXz8EP4pXwwAvrw==", + "requires": { + "@babel/runtime": "^7.2.0", + "prop-types": "^15.7.2", + "react-is": "^16.8.0" + } + }, "@mrmlnc/readdir-enhanced": { "version": "2.2.1", "resolved": "https://registry.npmjs.org/@mrmlnc/readdir-enhanced/-/readdir-enhanced-2.2.1.tgz", @@ -1337,11 +1441,33 @@ "resolved": "https://registry.npmjs.org/@types/node/-/node-12.0.0.tgz", "integrity": "sha512-Jrb/x3HT4PTJp6a4avhmJCDEVrPdqLfl3e8GGMbpkGGdwAV5UGlIs4vVEfsHHfylZVOKZWpOqmqFH8CbfOZ6kg==" }, + "@types/prop-types": { + "version": "15.7.1", + "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.1.tgz", + "integrity": "sha512-CFzn9idOEpHrgdw8JsoTkaDDyRWk1jrzIV8djzcgpq0y9tG4B4lFT+Nxh52DVpDXV+n4+NPNv7M1Dj5uMp6XFg==" + }, "@types/q": { "version": "1.5.2", "resolved": "https://registry.npmjs.org/@types/q/-/q-1.5.2.tgz", "integrity": "sha512-ce5d3q03Ex0sy4R14722Rmt6MT07Ua+k4FwDfdcToYJcMKNtRVQvJ6JCAPdAmAnbRb6CsX6aYb9m96NGod9uTw==" }, + "@types/react": { + "version": "16.8.19", + "resolved": "https://registry.npmjs.org/@types/react/-/react-16.8.19.tgz", + "integrity": "sha512-QzEzjrd1zFzY9cDlbIiFvdr+YUmefuuRYrPxmkwG0UQv5XF35gFIi7a95m1bNVcFU0VimxSZ5QVGSiBmlggQXQ==", + "requires": { + "@types/prop-types": "*", + "csstype": "^2.2.0" + } + }, + "@types/react-transition-group": { + "version": "2.9.2", + "resolved": "https://registry.npmjs.org/@types/react-transition-group/-/react-transition-group-2.9.2.tgz", + "integrity": "sha512-5Fv2DQNO+GpdPZcxp2x/OQG/H19A01WlmpjVD9cKvVFmoVLOZ9LvBgSWG6pSXIU4og5fgbvGPaCV5+VGkWAEHA==", + "requires": { + "@types/react": "*" + } + }, "@types/stack-utils": { "version": "1.0.1", "resolved": "https://registry.npmjs.org/@types/stack-utils/-/stack-utils-1.0.1.tgz", @@ -3308,6 +3434,11 @@ "shallow-clone": "^0.1.2" } }, + "clsx": { + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/clsx/-/clsx-1.0.4.tgz", + "integrity": "sha512-1mQ557MIZTrL/140j+JVdRM6e31/OA4vTYxXgqIIZlndyfjHpyawKZia1Im05Vp9BWmImkcNrNtFYQMyFcgJDg==" + }, "co": { "version": "4.6.0", "resolved": "https://registry.npmjs.org/co/-/co-4.6.0.tgz", @@ -3472,6 +3603,11 @@ "date-now": "^0.1.4" } }, + "console-polyfill": { + "version": "0.1.2", + "resolved": "https://registry.npmjs.org/console-polyfill/-/console-polyfill-0.1.2.tgz", + "integrity": "sha1-ls/tUcr3gYn2mVcubxgnHcN8DjA=" + }, "constants-browserify": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/constants-browserify/-/constants-browserify-1.0.0.tgz", @@ -3492,6 +3628,15 @@ "resolved": "https://registry.npmjs.org/content-type/-/content-type-1.0.4.tgz", "integrity": "sha512-hIP3EEPs8tB9AT1L+NUqtwOAps4mk2Zob89MWXMHjHWg9milF/j4osnnQLXBCBFBk/tvIG/tUc9mOUJiPBhPXA==" }, + "convert-css-length": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/convert-css-length/-/convert-css-length-2.0.0.tgz", + "integrity": "sha512-ygBgHNzImHJ/kjgqdzC0oaY2+EMID3s88/CZD2C9O1stM3PwsOwXzzlFTTkZy/bPZe0wjyt1UoYjilfunQGjlw==", + "requires": { + "console-polyfill": "^0.1.2", + "parse-unit": "^1.0.1" + } + }, "convert-source-map": { "version": "1.6.0", "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.6.0.tgz", @@ -3599,6 +3744,15 @@ "sha.js": "^2.4.8" } }, + "create-react-context": { + "version": "0.2.3", + "resolved": "https://registry.npmjs.org/create-react-context/-/create-react-context-0.2.3.tgz", + "integrity": "sha512-CQBmD0+QGgTaxDL3OX1IDXYqjkp2It4RIbcb99jS6AEg27Ga+a9G3JtK6SIu0HBwPLZlmwt9F7UwWA4Bn92Rag==", + "requires": { + "fbjs": "^0.8.0", + "gud": "^1.0.0" + } + }, "cross-spawn": { "version": "6.0.5", "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-6.0.5.tgz", @@ -3752,6 +3906,15 @@ "resolved": "https://registry.npmjs.org/css-url-regex/-/css-url-regex-1.1.0.tgz", "integrity": "sha1-g4NCMMyfdMRX3lnuvRVD/uuDt+w=" }, + "css-vendor": { + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/css-vendor/-/css-vendor-2.0.2.tgz", + "integrity": "sha512-Xn5ZAlI00d8HaQ8/oQ8d+iBzSF//NCc77LPzsucM32X/R/yTqmXy6otVsAM0XleXk6HjPuXoVZwXsayky/fsFQ==", + "requires": { + "@babel/runtime": "^7.3.1", + "is-in-browser": "^1.0.2" + } + }, "css-what": { "version": "2.1.3", "resolved": "https://registry.npmjs.org/css-what/-/css-what-2.1.3.tgz", @@ -3870,6 +4033,11 @@ "cssom": "0.3.x" } }, + "csstype": { + "version": "2.6.5", + "resolved": "https://registry.npmjs.org/csstype/-/csstype-2.6.5.tgz", + "integrity": "sha512-JsTaiksRsel5n7XwqPAfB0l3TFKdpjW/kgAELf9vrb5adGA7UCPLajKK5s3nFrcFm3Rkyp/Qkgl73ENc1UY3cA==" + }, "cyclist": { "version": "0.2.2", "resolved": "https://registry.npmjs.org/cyclist/-/cyclist-0.2.2.tgz", @@ -3915,6 +4083,11 @@ "resolved": "https://registry.npmjs.org/date-now/-/date-now-0.1.4.tgz", "integrity": "sha1-6vQ5/U1ISK105cx9vvIAZyueNFs=" }, + "debounce": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/debounce/-/debounce-1.2.0.tgz", + "integrity": "sha512-mYtLl1xfZLi1m4RtQYlZgJUNQjl4ZxVnHzIR8nLLgi4q1YT8o/WM+MK/f8yfcc9s5Ir5zRaPZyZU6xs1Syoocg==" + }, "debug": { "version": "4.1.1", "resolved": "https://registry.npmjs.org/debug/-/debug-4.1.1.tgz", @@ -3943,6 +4116,11 @@ "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.3.tgz", "integrity": "sha1-s2nW+128E+7PUk+RsHD+7cNXzzQ=" }, + "deepmerge": { + "version": "3.2.0", + "resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-3.2.0.tgz", + "integrity": "sha512-6+LuZGU7QCNUnAJyX8cIrlzoEgggTM6B7mm+znKOX4t5ltluT9KLjN6g61ECMS0LTsLW7yDpNoxhix5FZcrIow==" + }, "default-gateway": { "version": "4.2.0", "resolved": "https://registry.npmjs.org/default-gateway/-/default-gateway-4.2.0.tgz", @@ -4156,6 +4334,14 @@ "utila": "~0.4" } }, + "dom-helpers": { + "version": "3.4.0", + "resolved": "https://registry.npmjs.org/dom-helpers/-/dom-helpers-3.4.0.tgz", + "integrity": "sha512-LnuPJ+dwqKDIyotW1VzmOZ5TONUN7CwkCR5hrgawTUbkBGYdeoNLZo6nNfGkCrjtE1nXXaj7iMMpDa8/d9WoIA==", + "requires": { + "@babel/runtime": "^7.1.2" + } + }, "dom-serializer": { "version": "0.1.1", "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-0.1.1.tgz", @@ -4282,6 +4468,14 @@ "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-1.0.2.tgz", "integrity": "sha1-rT/0yG7C0CkyL1oCw6mmBslbP1k=" }, + "encoding": { + "version": "0.1.12", + "resolved": "https://registry.npmjs.org/encoding/-/encoding-0.1.12.tgz", + "integrity": "sha1-U4tm8+5izRq1HsMjgp0flIDHS+s=", + "requires": { + "iconv-lite": "~0.4.13" + } + }, "end-of-stream": { "version": "1.4.1", "resolved": "https://registry.npmjs.org/end-of-stream/-/end-of-stream-1.4.1.tgz", @@ -5117,6 +5311,35 @@ "bser": "^2.0.0" } }, + "fbjs": { + "version": "0.8.17", + "resolved": "https://registry.npmjs.org/fbjs/-/fbjs-0.8.17.tgz", + "integrity": "sha1-xNWY6taUkRJlPWWIsBpc3Nn5D90=", + "requires": { + "core-js": "^1.0.0", + "isomorphic-fetch": "^2.1.1", + "loose-envify": "^1.0.0", + "object-assign": "^4.1.0", + "promise": "^7.1.1", + "setimmediate": "^1.0.5", + "ua-parser-js": "^0.7.18" + }, + "dependencies": { + "core-js": { + "version": "1.2.7", + "resolved": "https://registry.npmjs.org/core-js/-/core-js-1.2.7.tgz", + "integrity": "sha1-ZSKUwUZR2yj6k70tX/KYOk8IxjY=" + }, + "promise": { + "version": "7.3.1", + "resolved": "https://registry.npmjs.org/promise/-/promise-7.3.1.tgz", + "integrity": "sha512-nolQXZ/4L+bP/UGlkfaIujX9BKxGwmQ9OT4mOt5yvy8iK1h3wqTEJCijzGANTCCl9nWjY41juyAn2K3Q1hLLTg==", + "requires": { + "asap": "~2.0.3" + } + } + } + }, "figgy-pudding": { "version": "3.5.1", "resolved": "https://registry.npmjs.org/figgy-pudding/-/figgy-pudding-3.5.1.tgz", @@ -5519,6 +5742,11 @@ "resolved": "https://registry.npmjs.org/growly/-/growly-1.3.0.tgz", "integrity": "sha1-8QdIy+dq+WS3yWyTxrzCivEgwIE=" }, + "gud": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/gud/-/gud-1.0.0.tgz", + "integrity": "sha512-zGEOVKFM5sVPPrYs7J5/hYEw2Pof8KCyOwyhG8sAF26mCAeUFAcYPu1mwB7hhpIP29zOIBaDqwuHdLp0jvZXjw==" + }, "gzip-size": { "version": "5.0.0", "resolved": "https://registry.npmjs.org/gzip-size/-/gzip-size-5.0.0.tgz", @@ -5693,6 +5921,19 @@ "resolved": "https://registry.npmjs.org/hex-color-regex/-/hex-color-regex-1.1.0.tgz", "integrity": "sha512-l9sfDFsuqtOqKDsQdqrMRk0U85RZc0RtOR9yPI7mRVOa4FsR/BVnZ0shmQRM96Ji99kYZP/7hn1cedc1+ApsTQ==" }, + "history": { + "version": "4.9.0", + "resolved": "https://registry.npmjs.org/history/-/history-4.9.0.tgz", + "integrity": "sha512-H2DkjCjXf0Op9OAr6nJ56fcRkTSNrUiv41vNJ6IswJjif6wlpZK0BTfFbi7qK9dXLSYZxkq5lBsj3vUjlYBYZA==", + "requires": { + "@babel/runtime": "^7.1.2", + "loose-envify": "^1.2.0", + "resolve-pathname": "^2.2.0", + "tiny-invariant": "^1.0.2", + "tiny-warning": "^1.0.0", + "value-equal": "^0.4.0" + } + }, "hmac-drbg": { "version": "1.0.1", "resolved": "https://registry.npmjs.org/hmac-drbg/-/hmac-drbg-1.0.1.tgz", @@ -5703,6 +5944,14 @@ "minimalistic-crypto-utils": "^1.0.1" } }, + "hoist-non-react-statics": { + "version": "3.3.0", + "resolved": "https://registry.npmjs.org/hoist-non-react-statics/-/hoist-non-react-statics-3.3.0.tgz", + "integrity": "sha512-0XsbTXxgiaCDYDIWFcwkmerZPSwywfUqYmwT4jzewKTQSWoE6FCMoUVOeBJWK3E/CrWbxRG3m5GzY4lnIwGRBA==", + "requires": { + "react-is": "^16.7.0" + } + }, "hosted-git-info": { "version": "2.7.1", "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-2.7.1.tgz", @@ -5863,6 +6112,11 @@ "resolved": "https://registry.npmjs.org/https-browserify/-/https-browserify-1.0.0.tgz", "integrity": "sha1-7AbBDgo0wPL68Zn3/X/Hj//QPHM=" }, + "hyphenate-style-name": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/hyphenate-style-name/-/hyphenate-style-name-1.0.3.tgz", + "integrity": "sha512-EcuixamT82oplpoJ2XU4pDtKGWQ7b00CD9f1ug9IaQ3p1bkHMiKCZ9ut9QDI6qsa6cpUuB+A/I+zLtdNK4n2DQ==" + }, "iconv-lite": { "version": "0.4.24", "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz", @@ -6172,6 +6426,11 @@ "is-extglob": "^2.1.1" } }, + "is-in-browser": { + "version": "1.1.3", + "resolved": "https://registry.npmjs.org/is-in-browser/-/is-in-browser-1.1.3.tgz", + "integrity": "sha1-Vv9NtoOgeMYILrldrX3GLh0E+DU=" + }, "is-number": { "version": "3.0.0", "resolved": "https://registry.npmjs.org/is-number/-/is-number-3.0.0.tgz", @@ -6298,6 +6557,15 @@ "resolved": "https://registry.npmjs.org/isobject/-/isobject-3.0.1.tgz", "integrity": "sha1-TkMekrEalzFjaqH5yNHMvP2reN8=" }, + "isomorphic-fetch": { + "version": "2.2.1", + "resolved": "https://registry.npmjs.org/isomorphic-fetch/-/isomorphic-fetch-2.2.1.tgz", + "integrity": "sha1-YRrhrPFPXoH3KVB0coGf6XM1WKk=", + "requires": { + "node-fetch": "^1.0.1", + "whatwg-fetch": ">=0.10.0" + } + }, "isstream": { "version": "0.1.2", "resolved": "https://registry.npmjs.org/isstream/-/isstream-0.1.2.tgz", @@ -7561,6 +7829,82 @@ "verror": "1.10.0" } }, + "jss": { + "version": "10.0.0-alpha.17", + "resolved": "https://registry.npmjs.org/jss/-/jss-10.0.0-alpha.17.tgz", + "integrity": "sha512-egGIUg+YRu0+U+XXlD0gmVtU/gW5sn7+qmDv7opwK5s8emZBE/VoN55X6CaMrAa0kLeGMldnI43KOWea6M9/mA==", + "requires": { + "@babel/runtime": "^7.3.1", + "is-in-browser": "^1.1.3", + "tiny-warning": "^1.0.2" + } + }, + "jss-plugin-camel-case": { + "version": "10.0.0-alpha.17", + "resolved": "https://registry.npmjs.org/jss-plugin-camel-case/-/jss-plugin-camel-case-10.0.0-alpha.17.tgz", + "integrity": "sha512-aPY4kr6MwliH7KToLRzeSk1NxXUo9n7MQsAa0Hghwj01x9UnMkDkGAKENMKUtPjGkQZfiJpB9tTLFrSJ/6VrIQ==", + "requires": { + "@babel/runtime": "^7.3.1", + "hyphenate-style-name": "^1.0.3", + "jss": "10.0.0-alpha.17" + } + }, + "jss-plugin-default-unit": { + "version": "10.0.0-alpha.17", + "resolved": "https://registry.npmjs.org/jss-plugin-default-unit/-/jss-plugin-default-unit-10.0.0-alpha.17.tgz", + "integrity": "sha512-KQgiXczvzJ9AlFdD8NS7FZLub0NSctSrCA9Yi/GqdsfJg4ZCriU4DzIybCZBHCi/INFGJmLIESYWSxnuhAzgSQ==", + "requires": { + "@babel/runtime": "^7.3.1", + "jss": "10.0.0-alpha.17" + } + }, + "jss-plugin-global": { + "version": "10.0.0-alpha.17", + "resolved": "https://registry.npmjs.org/jss-plugin-global/-/jss-plugin-global-10.0.0-alpha.17.tgz", + "integrity": "sha512-WYxiwwI+CLk0ozW8loeceqXBAZXBMsLBEZeRwVf9WX+FljdJkGwVZpRCk6LBX4aXnqAGyKqCxIAIJ3KP2yBdEg==", + "requires": { + "@babel/runtime": "^7.3.1", + "jss": "10.0.0-alpha.17" + } + }, + "jss-plugin-nested": { + "version": "10.0.0-alpha.17", + "resolved": "https://registry.npmjs.org/jss-plugin-nested/-/jss-plugin-nested-10.0.0-alpha.17.tgz", + "integrity": "sha512-onpFqv904KCujryf2t6IIV1/QoB7cSF7ojrd4UujcN5TPvYOvXF5bchi7jnHG5U0SLlRSDGMLJ9fhtoCknhEbw==", + "requires": { + "@babel/runtime": "^7.3.1", + "jss": "10.0.0-alpha.17", + "tiny-warning": "^1.0.2" + } + }, + "jss-plugin-props-sort": { + "version": "10.0.0-alpha.17", + "resolved": "https://registry.npmjs.org/jss-plugin-props-sort/-/jss-plugin-props-sort-10.0.0-alpha.17.tgz", + "integrity": "sha512-KnbyrxCbtQTqpDx2mSZU/r/E5QnDPIVfIxRi8K+W/q4gZpomBvqWC+xgvAk9hbpmA6QBoQaOilV8o12w2IZ6fg==", + "requires": { + "@babel/runtime": "^7.3.1", + "jss": "10.0.0-alpha.17" + } + }, + "jss-plugin-rule-value-function": { + "version": "10.0.0-alpha.17", + "resolved": "https://registry.npmjs.org/jss-plugin-rule-value-function/-/jss-plugin-rule-value-function-10.0.0-alpha.17.tgz", + "integrity": "sha512-8AuJB44Q+ehfkWVRi2XlRbUf6SrLmrHTa5EXd6dgQRCCRuvGmqX8Dl4fZvNeKRFjTLPZgzg9+31rqeOMhKa2vA==", + "requires": { + "@babel/runtime": "^7.3.1", + "jss": "10.0.0-alpha.17" + } + }, + "jss-plugin-vendor-prefixer": { + "version": "10.0.0-alpha.17", + "resolved": "https://registry.npmjs.org/jss-plugin-vendor-prefixer/-/jss-plugin-vendor-prefixer-10.0.0-alpha.17.tgz", + "integrity": "sha512-wDq9EL0QaoMGSGifPEBb+/SA9LBcqPEW0jpL9ht+Z2t+lV7NNz0j7uCEOuE6FvNWqHzUKTsiATs1rTHPkzNBEQ==", + "requires": { + "@babel/runtime": "^7.3.1", + "css-vendor": "^2.0.1", + "jss": "10.0.0-alpha.17" + } + }, "jsx-ast-utils": { "version": "2.1.0", "resolved": "https://registry.npmjs.org/jsx-ast-utils/-/jsx-ast-utils-2.1.0.tgz", @@ -8193,6 +8537,15 @@ "lower-case": "^1.1.1" } }, + "node-fetch": { + "version": "1.7.3", + "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-1.7.3.tgz", + "integrity": "sha512-NhZ4CsKx7cYm2vSrBAr2PvFOe6sWDf0UYLRqA6svUYg7+/TSfVAu49jYC4BvQ4Sms9SZgdqGBgroqfDhJdTyKQ==", + "requires": { + "encoding": "^0.1.11", + "is-stream": "^1.0.1" + } + }, "node-forge": { "version": "0.7.5", "resolved": "https://registry.npmjs.org/node-forge/-/node-forge-0.7.5.tgz", @@ -8310,6 +8663,11 @@ "resolved": "https://registry.npmjs.org/normalize-range/-/normalize-range-0.1.2.tgz", "integrity": "sha1-LRDAa9/TEuqXd2laTShDlFa3WUI=" }, + "normalize-scroll-left": { + "version": "0.2.0", + "resolved": "https://registry.npmjs.org/normalize-scroll-left/-/normalize-scroll-left-0.2.0.tgz", + "integrity": "sha512-t5oCENZJl8TGusJKoCJm7+asaSsPuNmK6+iEjrZ5TyBj2f02brCRsd4c83hwtu+e5d4LCSBZ0uoDlMjBo+A8yA==" + }, "normalize-url": { "version": "3.3.0", "resolved": "https://registry.npmjs.org/normalize-url/-/normalize-url-3.3.0.tgz", @@ -8671,6 +9029,11 @@ "json-parse-better-errors": "^1.0.1" } }, + "parse-unit": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/parse-unit/-/parse-unit-1.0.1.tgz", + "integrity": "sha1-fhu21b7zh0wo45JSaiVBFwKR7s8=" + }, "parse5": { "version": "5.1.0", "resolved": "https://registry.npmjs.org/parse5/-/parse5-5.1.0.tgz", @@ -8846,6 +9209,11 @@ "ts-pnp": "^1.0.0" } }, + "popper.js": { + "version": "1.15.0", + "resolved": "https://registry.npmjs.org/popper.js/-/popper.js-1.15.0.tgz", + "integrity": "sha512-w010cY1oCUmI+9KwwlWki+r5jxKfTFDVoadl7MSrIujHU5MJ5OR6HTDj6Xo8aoR/QsA56x8jKjA59qGH4ELtrA==" + }, "portfinder": { "version": "1.0.20", "resolved": "https://registry.npmjs.org/portfinder/-/portfinder-1.0.20.tgz", @@ -10068,11 +10436,67 @@ "resolved": "https://registry.npmjs.org/react-error-overlay/-/react-error-overlay-5.1.5.tgz", "integrity": "sha512-O9JRum1Zq/qCPFH5qVEvDDrVun8Jv9vbHtZXCR1EuRj9sKg1xJTlHxBzU6AkCzpvxRLuiY4OKImy3cDLQ+UTdg==" }, + "react-event-listener": { + "version": "0.6.6", + "resolved": "https://registry.npmjs.org/react-event-listener/-/react-event-listener-0.6.6.tgz", + "integrity": "sha512-+hCNqfy7o9wvO6UgjqFmBzARJS7qrNoda0VqzvOuioEpoEXKutiKuv92dSz6kP7rYLmyHPyYNLesi5t/aH1gfw==", + "requires": { + "@babel/runtime": "^7.2.0", + "prop-types": "^15.6.0", + "warning": "^4.0.1" + } + }, "react-is": { "version": "16.8.6", "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.8.6.tgz", "integrity": "sha512-aUk3bHfZ2bRSVFFbbeVS4i+lNPZr3/WM5jT2J5omUVV1zzcs1nAaf3l51ctA5FFvCRbhrH0bdAsRRQddFJZPtA==" }, + "react-router": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/react-router/-/react-router-5.0.0.tgz", + "integrity": "sha512-6EQDakGdLG/it2x9EaCt9ZpEEPxnd0OCLBHQ1AcITAAx7nCnyvnzf76jKWG1s2/oJ7SSviUgfWHofdYljFexsA==", + "requires": { + "@babel/runtime": "^7.1.2", + "create-react-context": "^0.2.2", + "history": "^4.9.0", + "hoist-non-react-statics": "^3.1.0", + "loose-envify": "^1.3.1", + "path-to-regexp": "^1.7.0", + "prop-types": "^15.6.2", + "react-is": "^16.6.0", + "tiny-invariant": "^1.0.2", + "tiny-warning": "^1.0.0" + }, + "dependencies": { + "isarray": { + "version": "0.0.1", + "resolved": "https://registry.npmjs.org/isarray/-/isarray-0.0.1.tgz", + "integrity": "sha1-ihis/Kmo9Bd+Cav8YDiTmwXR7t8=" + }, + "path-to-regexp": { + "version": "1.7.0", + "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-1.7.0.tgz", + "integrity": "sha1-Wf3g9DW62suhA6hOnTvGTpa5k30=", + "requires": { + "isarray": "0.0.1" + } + } + } + }, + "react-router-dom": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/react-router-dom/-/react-router-dom-5.0.0.tgz", + "integrity": "sha512-wSpja5g9kh5dIteZT3tUoggjnsa+TPFHSMrpHXMpFsaHhQkm/JNVGh2jiF9Dkh4+duj4MKCkwO6H08u6inZYgQ==", + "requires": { + "@babel/runtime": "^7.1.2", + "history": "^4.9.0", + "loose-envify": "^1.3.1", + "prop-types": "^15.6.2", + "react-router": "5.0.0", + "tiny-invariant": "^1.0.2", + "tiny-warning": "^1.0.0" + } + }, "react-scripts": { "version": "3.0.0", "resolved": "https://registry.npmjs.org/react-scripts/-/react-scripts-3.0.0.tgz", @@ -10131,6 +10555,27 @@ "workbox-webpack-plugin": "4.2.0" } }, + "react-transition-group": { + "version": "4.1.1", + "resolved": "https://registry.npmjs.org/react-transition-group/-/react-transition-group-4.1.1.tgz", + "integrity": "sha512-K/N1wqJ2GRP2yj3WBqEUYa0KV5fiaAWpUfU9SpHOHefeKvyrO+VrnMBML21M19QZoVbDZKmuQFHZYoMMi1xuJA==", + "requires": { + "@babel/runtime": "^7.4.5", + "dom-helpers": "^3.4.0", + "loose-envify": "^1.4.0", + "prop-types": "^15.6.2" + }, + "dependencies": { + "@babel/runtime": { + "version": "7.4.5", + "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.4.5.tgz", + "integrity": "sha512-TuI4qpWZP6lGOGIuGWtp9sPluqYICmbk8T/1vpSysqJxRPkudh/ofFWyqdcMsDf2s7KvDL4/YHgKyvcS3g9CJQ==", + "requires": { + "regenerator-runtime": "^0.13.2" + } + } + } + }, "read-pkg": { "version": "3.0.0", "resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-3.0.0.tgz", @@ -10457,6 +10902,11 @@ "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-3.0.0.tgz", "integrity": "sha1-six699nWiBvItuZTM17rywoYh0g=" }, + "resolve-pathname": { + "version": "2.2.0", + "resolved": "https://registry.npmjs.org/resolve-pathname/-/resolve-pathname-2.2.0.tgz", + "integrity": "sha512-bAFz9ld18RzJfddgrO2e/0S2O81710++chRMUxHjXOYKF6jTAMrUNZrEZ1PvV0zlhfjidm08iRPdTLPno1FuRg==" + }, "resolve-url": { "version": "0.2.1", "resolved": "https://registry.npmjs.org/resolve-url/-/resolve-url-0.2.1.tgz", @@ -11544,6 +11994,16 @@ "resolved": "https://registry.npmjs.org/timsort/-/timsort-0.3.0.tgz", "integrity": "sha1-QFQRqOfmM5/mTbmiNN4R3DHgK9Q=" }, + "tiny-invariant": { + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/tiny-invariant/-/tiny-invariant-1.0.4.tgz", + "integrity": "sha512-lMhRd/djQJ3MoaHEBrw8e2/uM4rs9YMNk0iOr8rHQ0QdbM7D4l0gFl3szKdeixrlyfm9Zqi4dxHCM2qVG8ND5g==" + }, + "tiny-warning": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/tiny-warning/-/tiny-warning-1.0.2.tgz", + "integrity": "sha512-rru86D9CpQRLvsFG5XFdy0KdLAvjdQDyZCsRcuu60WtzFylDM3eAWSxEVz5kzL2Gp544XiUvPbVKtOA/txLi9Q==" + }, "tmp": { "version": "0.0.33", "resolved": "https://registry.npmjs.org/tmp/-/tmp-0.0.33.tgz", @@ -11680,6 +12140,11 @@ "resolved": "https://registry.npmjs.org/typedarray/-/typedarray-0.0.6.tgz", "integrity": "sha1-hnrHTjhkGHsdPUfZlqeOxciDB3c=" }, + "ua-parser-js": { + "version": "0.7.19", + "resolved": "https://registry.npmjs.org/ua-parser-js/-/ua-parser-js-0.7.19.tgz", + "integrity": "sha512-T3PVJ6uz8i0HzPxOF9SWzWAlfN/DavlpQqepn22xgve/5QecC+XMCAtmUNnY7C9StehaV6exjUCI801lOI7QlQ==" + }, "uglify-js": { "version": "3.4.10", "resolved": "https://registry.npmjs.org/uglify-js/-/uglify-js-3.4.10.tgz", @@ -11976,6 +12441,11 @@ "spdx-expression-parse": "^3.0.0" } }, + "value-equal": { + "version": "0.4.0", + "resolved": "https://registry.npmjs.org/value-equal/-/value-equal-0.4.0.tgz", + "integrity": "sha512-x+cYdNnaA3CxvMaTX0INdTCN8m8aF2uY9BvEqmxuYp8bL09cs/kWVQPVGcA35fMktdOsP69IgU7wFj/61dJHEw==" + }, "vary": { "version": "1.1.2", "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz", @@ -12076,6 +12546,14 @@ "makeerror": "1.0.x" } }, + "warning": { + "version": "4.0.3", + "resolved": "https://registry.npmjs.org/warning/-/warning-4.0.3.tgz", + "integrity": "sha512-rpJyN222KWIvHJ/F53XSZv0Zl/accqHR8et1kpaMTD/fLCRxtV8iX8czMzY7sVZupTI3zcUTg8eycS2kNF9l6w==", + "requires": { + "loose-envify": "^1.0.0" + } + }, "watchpack": { "version": "1.6.0", "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-1.6.0.tgz", diff --git a/Frontend/package.json b/Frontend/package.json index 1598d21..a975899 100644 --- a/Frontend/package.json +++ b/Frontend/package.json @@ -3,8 +3,11 @@ "version": "0.1.0", "private": true, "dependencies": { + "@material-ui/core": "^4.0.2", + "@material-ui/icons": "^4.0.1", "react": "^16.8.6", "react-dom": "^16.8.6", + "react-router-dom": "^5.0.0", "react-scripts": "3.0.0" }, "scripts": { diff --git a/Frontend/public/index.html b/Frontend/public/index.html index f780610..4c8d424 100644 --- a/Frontend/public/index.html +++ b/Frontend/public/index.html @@ -3,7 +3,10 @@ - + Lernsituation diff --git a/Frontend/src/components/App.js b/Frontend/src/components/App.js index b575ad7..b214173 100644 --- a/Frontend/src/components/App.js +++ b/Frontend/src/components/App.js @@ -1,9 +1,36 @@ import React, { Component } from "react"; +import CssBaseline from "@material-ui/core/CssBaseline"; +import { BrowserRouter as Router, Route } from "react-router-dom"; +import Login from "./Login.js"; +import { Box } from "@material-ui/core"; +import Aufnahmeantrag from "./Aufnahmeantrag.js"; +import { createMuiTheme, MuiThemeProvider } from "@material-ui/core"; +import { green, yellow } from "@material-ui/core/colors"; + +const theme = createMuiTheme({ + palette: { + primary: { main: "#2e294e" }, + grey: { main: "#595959" }, + danger: { main: "#d90368" }, + secondary: { main: "#eadeda" }, + text: { main: "#ffffff" } + } +}); class App extends Component { state = {}; render() { - return <>; + return ( + + + + + + + + + + ); } } diff --git a/Frontend/src/components/Aufnahmeantrag.js b/Frontend/src/components/Aufnahmeantrag.js new file mode 100644 index 0000000..8e7c352 --- /dev/null +++ b/Frontend/src/components/Aufnahmeantrag.js @@ -0,0 +1,376 @@ +import React, { Component } from "react"; +import { + FormControlLabel, + Checkbox, + TextField, + Typography, + Grid, + Fab, + Container, + FormControl, + InputLabel, + MenuItem, + Select, + OutlinedInput +} from "@material-ui/core"; +import SendIcon from "@material-ui/icons/Send"; +import { withStyles, createStyles } from "@material-ui/core/styles"; + +const useStyles = createStyles(theme => ({ + textField: { + margingLeft: theme.spacing(1), + marginRight: theme.spacing(1) + }, + fab: { + margin: theme.spacing(1) + }, + form: { + backgroundColor: "rgba(255, 255, 255, 1)", + borderRadius: "5px", + margin: "20px", + padding: "20px", + boxShadow: "0px 0px 5px 0px lightgrey", + border: "1px solid lightgrey" + }, + checkbox: { + display: "flex", + alignItems: "center", + height: "100%", + marginLeft: "7px" + }, + instruments: { + border: "1px solid #bbb", + borderRadius: "5px", + display: "flex", + flexWrap: "wrap", + padding: "10px" + } +})); + +class Aufnahmeantrag extends Component { + state = { + form: { + Name: "", + Vorname: "", + Geburtsdatum: "", + Geburtsort: "", + PLZ: "", + Ort: "", + Strasse: "", + Hausnummer: "", + Telefon: "", + EMail: "", + BLZ: "", + Bankname: "", + KontoNr: "", + Instrument: [], + Ermaessigt: null, + Laufzeit: "", + Typ: "" + }, + instruments: [ + { name: "Gitarre", toggle: false }, + { name: "Schlagzeug", toggle: false }, + { name: "Flöte", toggle: false }, + { name: "Trompete", toggle: false }, + { name: "Banjo", toggle: false }, + { name: "Klavier", toggle: false }, + { name: "Orgel", toggle: false }, + { name: "Kazoo", toggle: false } + ] + }; + + handleChange = name => event => { + this.setState({ form: { ...this.state.form, [name]: event.target.value } }); + }; + + handleInstrument = instrument => { + var instruments = this.state.instruments; + var instrumentsArray = []; + instruments.forEach(obj => { + if (obj === instrument) obj.toggle = !obj.toggle; + if (obj.toggle === true) instrumentsArray.push(obj.name); + }); + this.setState({ + form: { ...this.state.form, Instrument: instrumentsArray } + }); + this.setState({ instruments }); + }; + + render() { + const classes = this.props.classes; + + return ( + +
+ + + + + Aufnahmeantrag + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Instrumente + +
+ {this.state.instruments.map(instrument => ( + this.handleInstrument(instrument)} + value={instrument.name} + color="primary" + /> + } + label={instrument.name} + /> + ))} +
+ + + + + Laufzeit + + + + + + + + Unterichtstyp + + + + + +
+ this.handleChange("Ermaessigt")} + value="Ermaessigt" + color="primary" + /> + } + label="Schüler/Student/Azubi" + /> +
+ + + + + + Bankverbindung + + + + + + + + + + + + + + + + + +
+ + ); + } +} + +export default withStyles(useStyles)(Aufnahmeantrag); diff --git a/Frontend/src/components/Login.js b/Frontend/src/components/Login.js new file mode 100644 index 0000000..76bdfd0 --- /dev/null +++ b/Frontend/src/components/Login.js @@ -0,0 +1,36 @@ +import React, { Component } from "react"; +import TextField from "@material-ui/core/TextField"; + +class Login extends Component { + state = {}; + render() { + return ( +
+ + + + ); + } +} + +export default Login; diff --git a/Frontend/src/style/index.css b/Frontend/src/style/index.css index cee5f34..a728292 100644 --- a/Frontend/src/style/index.css +++ b/Frontend/src/style/index.css @@ -4,6 +4,7 @@ body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; + background-color: rgba(234, 222, 218, 1) !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @@ -12,3 +13,7 @@ code { font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace; } + +html { + background-color: rgba(234, 222, 218, 1); +} diff --git a/Pflichtenheft.diff b/Pflichtenheft.diff new file mode 100644 index 0000000..fcc7777 --- /dev/null +++ b/Pflichtenheft.diff @@ -0,0 +1,250 @@ +diff --git a/_Dokumente/Ausgearbeitete Dokumente/Pflichtenheft.md b/_Dokumente/Ausgearbeitete Dokumente/Pflichtenheft.md +index 81225fe..4cebbf2 100644 +--- a/_Dokumente/Ausgearbeitete Dokumente/Pflichtenheft.md ++++ b/_Dokumente/Ausgearbeitete Dokumente/Pflichtenheft.md +@@ -1,41 +1,61 @@ + # Pflichtenheft + + ## Inhalt +-1. Zielbestimmung +- 1. Musskriterien +- 1. Abgrenzungskriterien +-1. Produkteinsatz +- 1. Anwendungsbereiche +- 1. Zielgruppen +- 1. Betriebsbedingungen +-1. Produktumgebung +- 1. Software +- 1. Hardware +-1. Produktfunktionen +- 1. Dozentenfunktionen +- 1. Wochenübersicht +- 2. Kursdetails +- 2. Verwaltungsfunktionen +- 1. Offene Anträge +- 2. Kurse erstellen +- 1. Kursübersicht +- 2. Schülerübersicht +- 3. Schüler eines Dozenten +- 4. Raumübersicht m. Raumplan +- 5. Raumdetails +- 6. Offene Anträge +- 7. Finanzübersichrt +- 1. Sonstige Funktionen +- 1. Login +- 2. Mitglied zu Kurs hinzufügen +- 1. Benutzeroberfläche +- 1. Dialogstruktur +- 2. Bildschirmlayout +- +- +-## Zielbestimmung +- +-> Das Ziel von Parsec Iron Puffin (*PIP*) ist es, eine Anwendung zu bieten welche die Organisation der Musikschule erlaubt. Hierzu werden für Dozenten und Verwaltung verschiedene administrative Funktionen bereitgestellt. Die aktuellen Betriebsprozesse sollen vereinfacht und beschleunigt werden. ++- [Pflichtenheft](#pflichtenheft) ++ - [Inhalt](#inhalt) ++ - [Zielbestimmungsss](#zielbestimmungsss) ++ - [Musskriterien](#musskriterien) ++ - [Wunschkriterien](#wunschkriterien) ++ - [Abgrenzungungskriterien](#abgrenzungungskriterien) ++ - [Produktübersicht](#produkt%C3%BCbersicht) ++ - [Produktdaten](#produktdaten) ++ - [Speichernutzung](#speichernutzung) ++ - [Produktleistungen](#produktleistungen) ++ - [Benutzeroberfläche **/L01/**](#benutzeroberfl%C3%A4che-l01) ++ - [Datenschutz **/L02/**](#datenschutz-l02) ++ - [Loggin und Nachvollziehbarkeit **/L03/**](#loggin-und-nachvollziehbarkeit-l03) ++ - [Produkteinsatz](#produkteinsatz) ++ - [Anwendungsbereiche](#anwendungsbereiche) ++ - [Zielgruppe](#zielgruppe) ++ - [Betriebsbedingungen](#betriebsbedingungen) ++ - [Produktumgebung](#produktumgebung) ++ - [Software](#software) ++ - [Hardware](#hardware) ++ - [Produktfunktionen](#produktfunktionen) ++ - [Annahmen und Definitionen zu Produktfunktionen](#annahmen-und-definitionen-zu-produktfunktionen) ++ - [Dozentenfunktionen](#dozentenfunktionen) ++ - [Wochenübersicht **/FD01/**](#wochen%C3%BCbersicht-fd01) ++ - [Kursdetails **/FD02/**](#kursdetails-fd02) ++ - [Verwaltungsfunktionen](#verwaltungsfunktionen) ++ - [Offene Anträge **/FV01/**](#offene-antr%C3%A4ge-fv01) ++ - [Kurs Erstellen **/FV02/**](#kurs-erstellen-fv02) ++ - [Kursübersicht **/FV03/**](#kurs%C3%BCbersicht-fv03) ++ - [Schülerübersicht **/FV04/**](#sch%C3%BCler%C3%BCbersicht-fv04) ++ - [Schüler eines Dozenten **/FV05/**](#sch%C3%BCler-eines-dozenten-fv05) ++ - [Raumübersicht **/FV06/**](#raum%C3%BCbersicht-fv06) ++ - [Raumdetails **/FV07/**](#raumdetails-fv07) ++ - [Finanzübersicht **/FV09/**](#finanz%C3%BCbersicht-fv09) ++ - [Sonstige Funktionen](#sonstige-funktionen) ++ - [Login **/F01/**](#login-f01) ++ - [Mitglied zu Kurs hinzufügen **/F02/**](#mitglied-zu-kurs-hinzuf%C3%BCgen-f02) ++ - [Antrag Stellen **/F03/**](#antrag-stellen-f03) ++ - [Benutzeroberfläche](#benutzeroberfl%C3%A4che) ++ - [Dialogstruktur](#dialogstruktur) ++ - [Startseite](#startseite) ++ - [Übersichtsseite Dozenten](#%C3%BCbersichtsseite-dozenten) ++ - [Übersichtsseite Verwaltung](#%C3%BCbersichtsseite-verwaltung) ++ - [Bildschirmlayout](#bildschirmlayout) ++ - [Testfälle](#testf%C3%A4lle) ++ ++## Zielbestimmungsss ++ ++> Das Ziel von Parsec Iron Puffin (*PIP*) ist es, eine Anwendung zu bieten welche die Organisation der Musikschule erlaubt. Hierzu werden für Dozenten und Verwaltung verschiedene administrative Funktionen bereitgestellt. Die aktuellen Betriebsprozesse sollen vereinfacht und beschleunigt werden. ++ ++Die Anwendung bietet der Verwaltung Übersichten über die Schüler, Dozenten, Kurse und Finanzen. Es können Schüler der Kurse und Dozenten der Schüler angezeigt werden. ++ ++Der Dozent erhält eine Übersicht über die Stunden, welche er in der Woch zu unterrichten hat. Außerdem kann er eine Detailansicht eines Kurses aufrufen, welche ihm Informationen über die Schüler in diesem Kurs und die Unterrichtsinhalte der vergangenen Stunden bietet. ++ ++Nutzer können mithilfe der Anwendung Kurse beantragen und "Band"-Kursen beitreten. + + ### Musskriterien + * Es besteht ein Authentifizierung um den Zugriff auf alle Funktionen auf die jeweils berechtigten Personen zu beschränken. +@@ -56,12 +76,6 @@ + * Der Administrative Nutzer + * Konfiguriert die Betriebsparameter des Systems + * Sichert die Datenbank +- * Ein Kurs hat +- * einen Dozenten +- * einen Typ (Einzel-, Bandunterricht, Früherziehung) +- * einen Raum +- * ein oder zwei Zeitpunkte +- * und eine Laufzeit + * Der Schüler + * kann einen Aufnahmeantrag über ein Webformular abschicken + * erhält, nachdem die Verwaltung einen Kurs aus dem Antrag erstellt hat, eine Bestätigung (Kursbestätigung) mit den Zeiten Seiner Unterrichtseinheiten +@@ -83,6 +97,33 @@ + * Das *PIP* + * soll keine Abrechnung erstellen oder verschicken. + ++## Produktübersicht ++ * Das System wird von den Rollen Verwaltung, Dozent und Anonym bedient. ++ * Die Rollen Verwaltung und Dozent werden über einen Login authentizifiert, ihnen stehen abhängig von ihrer Rolle verschiedene Funktionen zur verfügung, diese werden unter [Produktfunktionen](#produktfunktionen) spezifiziert. Sonstige Funktionen stehen _allen_ Rollen zur verfügung. ++ ++## Produktdaten ++ * Datenstrukturen der Anwendung: ++ ![ERD](EVA ERD Umletino.png) ++ * Aus einem Antrag wird ein _Schüler_, eine von _Person_ erbende Klasse, erstellt, welche alle personenbezogene Daten erhält. (siehe Diagramm) ++ * Außerdem werden Angaben zu der Auswahl des Antragstellers zu _Instrument_ und _Unterrichtstyp_ gespeichert. ++ * Einem _Kurs_ wird stehts ein _Schüler_ zugewiesen, es sei denn es handelt sich um einen Kurs mit Typ "Band". In diesem Fall können beliebig viele _Schüler_ zugewiesen werden. ++ * Ein _Kurs_ hat _Unterrichtseinheiten_. Diese Stellen einzelne eindeutige Zeitpunkte dar, an welchen der _Kurs_ unterrichtet wird/wurde. ++ * Es wird der Startzeitpunkt gespeichert, "Wed Jun 12 2019 12:15:00 GMT+0200 (Central European Summer Time)" stellt die _Unterrichtseinheit_ von 12:15 bis 12:30 dar. ++ * Für jede Unterrichtseinheit kann der Dozent den Inhalt pflegen, um die Unterrichtsinhalte zu Dokumentieren. ++ ++### Speichernutzung ++ * Ein Personendatensatz kann bis zu 5KB groß sein, typisch ~300 Byte. ++ * Ein Kursdatensatzen kann bis zu 55 Byte groß sein. ++ * Ein Unterrichtseinheitendatensatz kann bis zu 2056 Byte groß sein. ++ ++## Produktleistungen ++### Benutzeroberfläche **/L01/** ++ * Die Anwendung bietet eine deutschsprachige Benutzeroberfläche ++### Datenschutz **/L02/** ++ * Daten werden in einer passwordgeschützten Datenbank abgelegt ++### Loggin und Nachvollziehbarkeit **/L03/** ++ * Zugriffe wie das Schreiben von Daten (anlegen und modifizieren von Datensätzen) werden in einem Log dokumentiert und können so nachvollzogen werden. ++ + ## Produkteinsatz + + ### Anwendungsbereiche +@@ -100,7 +141,7 @@ Die Zielgruppe besteht aus der Verwaltung und allen aktuellen und zukünftigen D + ## Produktumgebung + ### Software + * Client +- * Chrome oder Chromium basierter Browser der Version 74 ++ * Chrome oder Chromium basierter Browser der Version 74, Firefox 67 + * Server + * Docker unter Linux (Version 18.09.5) + +@@ -113,7 +154,16 @@ Die Zielgruppe besteht aus der Verwaltung und allen aktuellen und zukünftigen D + + ## Produktfunktionen + +-### **Dozentenfunktionen** ++#### Annahmen und Definitionen zu Produktfunktionen ++> Getroffene Annahmen und Definitionen zu unterliegenen Produktfunktionen und Geschäftsprozessen, mit denen die Nutzer nicht direkt in Kontakt kommen und daher nicht einer speziellen Funktion zugeordnet werden können. ++ ++ * Aus einem eingegangenen Antrag wird wird von der Verwaltung mithilfe der gebotenen Funktion ein Kurs erstellt. Hierfür wählt diese einene passenden Dozenten, Raum, und Zeitpunkt(e) aus. Diese werden dem Antragsteller auf geeignetem Weg, zusammen mit einem ausgefertigtem Vertrag zustellt. Der Antragsteller hat bis zum ersten Unterrichtszeitpunkt Zeit, um diesen Vertrag unterschrieben vorzulegen, ansonsten verfällt der Kurs und Dozent und Raum werden zu dem Zeitpunkt(en) freigegeben. ++ * Im Falle eines "Band"-Kurses wird dem Antragsteller zusammen mit dem Vertrag ein Einzigartiger Link zugestellt. Über diesen Link können sich weiter Mitglieder durch angeben ihrer personenbezogenen Daten zu diesem bereits erstellten Kurs anmelden. Die Anmeldung ist bis zum ersten Unterrichtszeitpunkt möglich. ++ * Die Laufzeit des Vertrags startet zum ersten Unterrichtstermin. ++ * Unterrichtszeiten werden in 15min (1/4 Stunden) blöcken gegeben und geplant. ++ ++ ++### Dozentenfunktionen + #### Wochenübersicht **/FD01/** + * Der Nutzer sieht eine Übersicht mit von Ihm gegebenen Kursen in den kommenden 7 Tagen, gruppiert nach Wochentag + * Mit einem Klick auf einen Kurs gelangt man zu den entsprechenden Kursdetails +@@ -123,11 +173,11 @@ Die Zielgruppe besteht aus der Verwaltung und allen aktuellen und zukünftigen D + * Er sieht alle Schüler, welche an dem Kurs teilnehmen + * Er sieht die Einträge zu den den Unterrichtsinhalten der vergangen Unterrichtseinheiten und kann den Inhalt des letzten Termins bearbeiten / erfassen. + +-### **Verwaltungsfunktionen ++### Verwaltungsfunktionen + + #### Offene Anträge **/FV01/** + * Es werden alle neu eingegangenen und nicht bestägtigten Anträge angzeigt. +-* Mit einem Klick auf einen eingegangen Antrag wird die [Kurs erstellen](#kurs-erstellen) Seite aufgerufen. ++* Mit einem Klick auf einen eingegangen Antrag wird die [Kurs erstellen](#kurs-erstellen-fv02) Seite aufgerufen. + + #### Kurs Erstellen **/FV02/** + * Nach einem eingegegangen Antrag kann basierent auf diesem ein Kurs erstellt werden. +@@ -140,7 +190,7 @@ Die Zielgruppe besteht aus der Verwaltung und allen aktuellen und zukünftigen D + #### Kursübersicht **/FV03/** + * In der Kursübersicht werden in Tabellenform alle Kurse zusammen mit ihren Dozenten angezeigt. + * Die Tabelle kann spaltenweise sortiert und nach Dozenten- und Kursname gefiltert werden. +-* Ein Klick auf einen Kurs führt zu [Kursdetails](#kursdetails-f02). ++* Ein Klick auf einen Kurs führt zu [Kursdetails](#kursdetails-fd02). + * Ein Klick auf einen Dozenten führt zu [Schüler eines Dozenten](#sch%C3%BCler-eines-dozenten-fv05) + + #### Schülerübersicht **/FV04/** +@@ -168,7 +218,7 @@ Die Zielgruppe besteht aus der Verwaltung und allen aktuellen und zukünftigen D + * Es werden die gesamten monatlichen Einnahmen der Musikschule angzeigt. + * Es werden die Zahlungen an die Dozenten, aufgeschlüsselt nacht Dozent angezeigt. + +-### **Sonstige Funktionen** ++### Sonstige Funktionen + + #### Login **/F01/** + * Der Nutzer kann sich mit Benutzername und Passwort anmelden. +@@ -180,6 +230,26 @@ Die Zielgruppe besteht aus der Verwaltung und allen aktuellen und zukünftigen D + * Dafür müssen diese nur Ihre Personenbezogenen Daten angeben, Sie werden in der über den Link identifizierten Kurs eingeschrieben. + * Dies muss vor dem ersten Unterrichtstermin geschehen. + ++#### Antrag Stellen **/F03/** ++* Der Nutzer gibt personenbezogene- und kursbezogenen Daten an, aus diesen wird beim Absenden ein Antrag in der Datenbank erstellt, welche von der Verwaltung mithilfe der Funktion [Offene Anträge](#offene-antr%C3%A4ge-fv01) eingesehen und weiter verarbeitet werden können. ++* Personenbezogene Daten: ++ * Vorname ++ * Nachname ++ * Geb. Datum ++ * Geb. Ort ++ * PLZ ++ * Ort ++ * Straße ++ * Hausnummer ++ * Telefon ++ * EMail ++ * BLZ ++ * Bankname ++ * Kontonummer ++* Kursbezogene Daten: ++ * Instrumente ++ * Laufzeit ++ * Unterrichtstyp + + ## Benutzeroberfläche + +@@ -210,4 +280,12 @@ Die Übersichtsseite Verwaltung ist die Startseite der Verwaltung, die die Verwa + + Das Frontend wird mithilfe der JavaScript Bibliothek React erstellt, das Design wird mithilfe der MIT-lizensierten Designbibliothek Material-UI realisiert. Die Anwendung ist für Mobilegeräte optimiert und wird nach den Prinzipien des Responsiven Desings entwickelt. + +-> Ausnahme sind die Administrationsfunktionen +\ No newline at end of file ++> Ausnahme sind die Administrationsfunktionen ++ ++## Testfälle ++ ++1. Der Login funktioniert und erlaubt nur Zugriff auf authorisierte Bereiche / Ansichten. ++2. Anonyme Nutzer können Anträge stellen, diese gehen in der Datenbank ein. ++3. Die Verwaltung kann Anträge verarbeiten und daraus Kurse erstellen. ++ * Der Antragsteller wird über die Verarbeitung informiert. ++4. Die Übersichtsseiten zeigen korrekte Informationen an. +\ No newline at end of file diff --git a/_Dokumente/Ausgearbeitete Dokumente/LS Musikschule. PROJEKTSTRUKTURPLAN.pdf b/_Dokumente/Ausgearbeitete Dokumente/LS Musikschule. PROJEKTSTRUKTURPLAN.pdf index 59ab01e..dfc5880 100644 Binary files a/_Dokumente/Ausgearbeitete Dokumente/LS Musikschule. PROJEKTSTRUKTURPLAN.pdf and b/_Dokumente/Ausgearbeitete Dokumente/LS Musikschule. PROJEKTSTRUKTURPLAN.pdf differ diff --git a/_Dokumente/Ausgearbeitete Dokumente/LS Musikschule. PROJEKTSTRUKTURPLAN.xlsx b/_Dokumente/Ausgearbeitete Dokumente/LS Musikschule. PROJEKTSTRUKTURPLAN.xlsx index 169ae0b..e2ccdae 100644 Binary files a/_Dokumente/Ausgearbeitete Dokumente/LS Musikschule. PROJEKTSTRUKTURPLAN.xlsx and b/_Dokumente/Ausgearbeitete Dokumente/LS Musikschule. PROJEKTSTRUKTURPLAN.xlsx differ diff --git a/_Dokumente/Ausgearbeitete Dokumente/Pflichtenheft.html b/_Dokumente/Ausgearbeitete Dokumente/Pflichtenheft.html new file mode 100644 index 0000000..533e7ba --- /dev/null +++ b/_Dokumente/Ausgearbeitete Dokumente/Pflichtenheft.html @@ -0,0 +1,843 @@ + + + +Pflichtenheft.md + + + + + + + + + + +

Pflichtenheft

+

Inhalt

+ +

Zielbestimmungsss

+
+

Das Ziel von Parsec Iron Puffin (PIP) ist es, eine Anwendung zu bieten welche die Organisation der Musikschule erlaubt. Hierzu werden für Dozenten und Verwaltung verschiedene administrative Funktionen bereitgestellt. Die aktuellen Betriebsprozesse sollen vereinfacht und beschleunigt werden.

+
+

Die Anwendung bietet der Verwaltung Übersichten über die Schüler, Dozenten, Kurse und Finanzen. Es können Schüler der Kurse und Dozenten der Schüler angezeigt werden.

+

Der Dozent erhält eine Übersicht über die Stunden, welche er in der Woch zu unterrichten hat. Außerdem kann er eine Detailansicht eines Kurses aufrufen, welche ihm Informationen über die Schüler in diesem Kurs und die Unterrichtsinhalte der vergangenen Stunden bietet.

+

Nutzer können mithilfe der Anwendung Kurse beantragen und "Band"-Kursen beitreten.

+

Musskriterien

+
    +
  • Es besteht ein Authentifizierung um den Zugriff auf alle Funktionen auf die jeweils berechtigten Personen zu beschränken.
    • +
  • Der Dozent +
      +
    • Kann seine Stunden in der kommenden Woche sehen können.
      • +
    • Kann den Inhalt seiner Kurs für jede Unterrichtseinheit (UE) pflegen.
      • +
    • Kann die Schüler eines Kurses sehen.
      • +
    +
    • +
  • Die Verwaltung +
      +
    • Kann sehen, welcher Lehrer welchen Kurs leitet.
      • +
    • Kann sehen, welcher Schüler an welchem Kurs teilnimmt.
      • +
    • Kann sehen, welche Schüler von einem gegebenen Lehrer unterrichtet werden.
      • +
    • Kann Räume anlegen.
      • +
    • Kann bearbeiten, welche Instrumente in einem Raum zu verfügung stehen.
      • +
    • Kann die aktuelle Verfügbarkeit und die nächsten Termine eines Raumes sehen.
      • +
    • Kann offene Anträge sehen.
      • +
    • Kann aus eingehenden Anträgen neue Kurs erstellen und UE planen.
      • +
    • Kann in einer Übersicht die Einnahmen der Musikschule und den Betrag, welcher an jeden Dozent gezahlt wird sehen.
      • +
    +
    • +
  • Der Administrative Nutzer +
      +
    • Konfiguriert die Betriebsparameter des Systems
      • +
    • Sichert die Datenbank
      • +
    +
    • +
  • Der Schüler +
      +
    • kann einen Aufnahmeantrag über ein Webformular abschicken
      • +
    • erhält, nachdem die Verwaltung einen Kurs aus dem Antrag erstellt hat, eine Bestätigung (Kursbestätigung) mit den Zeiten Seiner Unterrichtseinheiten
      • +
    • hat bis zum ersten Unterrichtstermin Zeit, um den Unterricht zu bestätigen
      • +
    +
    • +
  • Sonstiges +
      +
    • Deutsch ist Verkehrssprache
      • +
    • Alle Funktionen sind über das Internet erreichbar
      • +
    • Die Anwendung ist für Mobilgeräte optimiert
      • +
    +
    • +
+

Wunschkriterien

+
    +
  • Der Administrative Nutzer +
      +
    • Möchte bei der Erstellung eines Kurses durch einen Vorschlag zu passendem Raum, Dozenten und Zeitpunkt unterstützt werden.
      • +
    +
    • +
  • Der Schüler +
      +
    • Möchte sich einloggen können um die eigenen Unterrichtszeiten und Inhalte einzusehen
      • +
    +
    • +
  • Sonstiges +
      +
    • Daten sollen soweit sinnvoll möglich auf dem Endgerät zwischengespeichert werden, damit auch ohne Internetverbindung Grundlegende funktionalität geleistet werden kann.
      • +
    +
    • +
+

Abgrenzungungskriterien

+
    +
  • Das PIP +
      +
    • soll keine Abrechnung erstellen oder verschicken.
      • +
    +
    • +
+

Produktübersicht

+
    +
  • Das System wird von den Rollen Verwaltung, Dozent und Anonym bedient.
    • +
  • Die Rollen Verwaltung und Dozent werden über einen Login authentizifiert, ihnen stehen abhängig von ihrer Rolle verschiedene Funktionen zur verfügung, diese werden unter Produktfunktionen spezifiziert. Sonstige Funktionen stehen allen Rollen zur verfügung.
    • +
+

Produktdaten

+
    +
  • Datenstrukturen der Anwendung: +ERD
    • +
  • Aus einem Antrag wird ein Schüler, eine von Person erbende Klasse, erstellt, welche alle personenbezogene Daten erhält. (siehe Diagramm)
    • +
  • Außerdem werden Angaben zu der Auswahl des Antragstellers zu Instrument und Unterrichtstyp gespeichert.
    • +
  • Einem Kurs wird stehts ein Schüler zugewiesen, es sei denn es handelt sich um einen Kurs mit Typ "Band". In diesem Fall können beliebig viele Schüler zugewiesen werden.
    • +
  • Ein Kurs hat Unterrichtseinheiten. Diese Stellen einzelne eindeutige Zeitpunkte dar, an welchen der Kurs unterrichtet wird/wurde. +
      +
    • Es wird der Startzeitpunkt gespeichert, "Wed Jun 12 2019 12:15:00 GMT+0200 (Central European Summer Time)" stellt die Unterrichtseinheit von 12:15 bis 12:30 dar.
      • +
    • Für jede Unterrichtseinheit kann der Dozent den Inhalt pflegen, um die Unterrichtsinhalte zu Dokumentieren.
      • +
    +
    • +
+

Speichernutzung

+
    +
  • Ein Personendatensatz kann bis zu 5KB groß sein, typisch ~300 Byte.
    • +
  • Ein Kursdatensatzen kann bis zu 55 Byte groß sein.
    • +
  • Ein Unterrichtseinheitendatensatz kann bis zu 2056 Byte groß sein.
    • +
+

Produktleistungen

+

Benutzeroberfläche /L01/

+
    +
  • Die Anwendung bietet eine deutschsprachige Benutzeroberfläche
    • +
+

Datenschutz /L02/

+
    +
  • Daten werden in einer passwordgeschützten Datenbank abgelegt
    • +
+

Loggin und Nachvollziehbarkeit /L03/

+
    +
  • Zugriffe wie das Schreiben von Daten (anlegen und modifizieren von Datensätzen) werden in einem Log dokumentiert und können so nachvollzogen werden.
    • +
+

Produkteinsatz

+

Anwendungsbereiche

+

Die Anwendung wird von den Dozenten und der Verwaltung zur Planung und Organisation der Musikschule genutzt.

+

Zielgruppe

+

Die Zielgruppe besteht aus der Verwaltung und allen aktuellen und zukünftigen Dozenten der Musikschule. Eventeuell wird die Zielgruppe um die Schüler der Musikschule erweitert.

+

Betriebsbedingungen

+
    +
  • Betriebsdauer: täglich, 24 Stunden
    • +
  • Die Anwendung und ihre Teile werden auf einem virtuellen privaten Server bei einem externen Anbieter bereitgestellt
    • +
  • Die Anwendung ist global über das Internet erreichbar
    • +
  • Der Betrieb wird vom Auftragnehmer überwacht
    • +
+

Produktumgebung

+

Software

+
    +
  • Client +
      +
    • Chrome oder Chromium basierter Browser der Version 74, Firefox 67
      • +
    +
    • +
  • Server +
      +
    • Docker unter Linux (Version 18.09.5)
      • +
    +
    • +
+

Hardware

+
    +
  • Client +
      +
    • Internetfähiges Endgerät
      • +
    +
    • +
  • Server +
      +
    • Internetfähiger Server
      • +
    • Ausreichende Rechen- und Festplattenkapazität
      • +
    +
    • +
+

Entwicklungsumgebung

+

Software

+

Backend

+
    +
  • Entwickler nutzen die IDE Visual Studio 2019 von Microsoft
    • +
  • Zum Untersuchen der Datenbank wird der DB Browser genutzt
    • +
  • Code wird mithilfe des .NET Komplierers kompiliert
    • +
  • Als Betriebssystem wird Microsoft Windows genutzt
    • +
  • Als Codeverwaltung wird Gitlab CE genutzt
    • +
  • Als CI/CD Tool wird Gitlab CI/CD genutzt
    • +
+

Frontend

+
    +
  • Entwickler nutzen den Code Editor Visual Studio Code von Microsoft
    • +
  • Codequality Kontrolle wird von dem Codelinter "ESLint" unterstützt
    • +
  • Node JS
    • +
  • Verschiedene Node JS Tools werden zur Unterstützung genutzt (z.B. nodemon)
    • +
  • Als Betriebssystem wird Microsoft Windows oder Ubuntu 19.04 genutzt
    • +
  • Als Codeverwaltung wird Gitlab CE genutzt
    • +
  • Als CI/CD Tool wird Gitlab CI/CD genutzt
    • +
+

Hardware

+

Backend und Frontend

+
    +
  • Computer mit einem amd64 Mehrkernprozessor, mind. 8 GB RAM und mind. 1 GB freiem Festspeicher
    • +
+

Orgware

+

Backend und Frontend

+
    +
  • Das Team nutzt Slack zur Kommunikation
    • +
  • Als Codeverwaltung wird Gitlab CE genutzt
    • +
  • Als CI/CD Tool wird Gitlab CI/CD genutzt
    • +
+

Produktfunktionen

+

Annahmen und Definitionen zu Produktfunktionen

+
+

Getroffene Annahmen und Definitionen zu unterliegenen Produktfunktionen und Geschäftsprozessen, mit denen die Nutzer nicht direkt in Kontakt kommen und daher nicht einer speziellen Funktion zugeordnet werden können.

+
+
    +
  • Aus einem eingegangenen Antrag wird wird von der Verwaltung mithilfe der gebotenen Funktion ein Kurs erstellt. Hierfür wählt diese einene passenden Dozenten, Raum, und Zeitpunkt(e) aus. Diese werden dem Antragsteller auf geeignetem Weg, zusammen mit einem ausgefertigtem Vertrag zustellt. Der Antragsteller hat bis zum ersten Unterrichtszeitpunkt Zeit, um diesen Vertrag unterschrieben vorzulegen, ansonsten verfällt der Kurs und Dozent und Raum werden zu dem Zeitpunkt(en) freigegeben.
    • +
  • Im Falle eines "Band"-Kurses wird dem Antragsteller zusammen mit dem Vertrag ein Einzigartiger Link zugestellt. Über diesen Link können sich weiter Mitglieder durch angeben ihrer personenbezogenen Daten zu diesem bereits erstellten Kurs anmelden. Die Anmeldung ist bis zum ersten Unterrichtszeitpunkt möglich.
    • +
  • Die Laufzeit des Vertrags startet zum ersten Unterrichtstermin.
    • +
  • Unterrichtszeiten werden in 15min (1/4 Stunden) blöcken gegeben und geplant.
    • +
+

Dozentenfunktionen

+

Wochenübersicht /FD01/

+
    +
  • Der Nutzer sieht eine Übersicht mit von Ihm gegebenen Kursen in den kommenden 7 Tagen, gruppiert nach Wochentag
    • +
  • Mit einem Klick auf einen Kurs gelangt man zu den entsprechenden Kursdetails
    • +
+

Kursdetails /FD02/

+
    +
  • Der Nutzer sieht Details zu einem Kurs
    • +
  • Er sieht alle Schüler, welche an dem Kurs teilnehmen
    • +
  • Er sieht die Einträge zu den den Unterrichtsinhalten der vergangen Unterrichtseinheiten und kann den Inhalt des letzten Termins bearbeiten / erfassen.
    • +
+

Verwaltungsfunktionen

+

Offene Anträge /FV01/

+
    +
  • Es werden alle neu eingegangenen und nicht bestägtigten Anträge angzeigt.
    • +
  • Mit einem Klick auf einen eingegangen Antrag wird die Kurs erstellen Seite aufgerufen.
    • +
+

Kurs Erstellen /FV02/

+
    +
  • Nach einem eingegegangen Antrag kann basierent auf diesem ein Kurs erstellt werden.
    • +
  • Typ (Einzel, Gruppe, ), Instrument(e), Laufzeit und Personenbezogne Daten werden in der Kurserstllungs Mask vorausgefüllt
    • +
  • Es werden Dozenten angezeigt, welche zu den Instrumentenanforderungen passen
    • +
  • Es werden Räume angezeigt, welche zu den Instrumentenanforderungen passen
    • +
  • Nach Auswahl von Raum und Dozent wird/werden die Zeit(en) für die Unterrichtseinheiten gewählt werden; Die Möglichkeit der auswahl wird überprüft
    • +
  • Nach erfolgreicher Auswahl wird der Kurs in der Datenbank angelegt und der Schüler über den Kurs informiert. Dieser muss ihn vor der ersten Unterrichtseinheit bestätigen, ansonster verfällt der Kurs.
    • +
+

Kursübersicht /FV03/

+
    +
  • In der Kursübersicht werden in Tabellenform alle Kurse zusammen mit ihren Dozenten angezeigt.
    • +
  • Die Tabelle kann spaltenweise sortiert und nach Dozenten- und Kursname gefiltert werden.
    • +
  • Ein Klick auf einen Kurs führt zu Kursdetails.
    • +
  • Ein Klick auf einen Dozenten führt zu Schüler eines Dozenten
    • +
+

Schülerübersicht /FV04/

+
    +
  • Es werden in Tabellenform alle Schüler mit Ihren Kursen angezeigt, ein Kurs pro Zeile +
      +
    • Ein Schüler kann also mehrere Zeilen umfassen
      • +
    +
    • +
  • Die Tabelle kann spaltenweise sortiert und nach Schüler- und Kursname gefiltert werden.
    • +
+

Schüler eines Dozenten /FV05/

+
    +
  • Es werden alle Schüler des ausgewählten Dozenten angezeigt.
    • +
+

Raumübersicht /FV06/

+
    +
  • Es werden alle Räume mit Grundlegenden Informationen angezeigt. +
      +
    • aktuelle Belegung
      • +
    • Instrumente
      • +
    +
    • +
  • Es wird ein Button zum erstellen von neuen Räumen angzeigt
    • +
+

Raumdetails /FV07/

+
    +
  • Es werden alle Informationen zu einem Raum Angzeigt. +
      +
    • Name (bearbeitbar)
      • +
    • aktuelle Belegung
      • +
    • Instrumente (bearbeitbar)
      • +
    • Nächste 5 Unterrichtseinheiten in diesem Raum
      • +
    +
    • +
+

Finanzübersicht /FV09/

+
    +
  • Es werden die gesamten monatlichen Einnahmen der Musikschule angzeigt.
    • +
  • Es werden die Zahlungen an die Dozenten, aufgeschlüsselt nacht Dozent angezeigt.
    • +
+

Sonstige Funktionen

+

Login /F01/

+
    +
  • Der Nutzer kann sich mit Benutzername und Passwort anmelden.
    • +
  • Benutzername und Passwort können von dem Administrativen Nutzer mithilfe von Direktzugriff auf das System angelegt werden
    • +
+

Mitglied zu Kurs hinzufügen /F02/

+
    +
  • Wenn ein Schüler einen Gruppenkurs erstellt hat, erhält dieser mit seiner Kursbestätigung einen Einladungslink, welcher auf eine "Antrag-Lite" Seite führt. +
      +
    • Hier können sich weiter Mitglieder der Gruppe/Band in diesen Kurs eintragen.
      • +
    • Dafür müssen diese nur Ihre Personenbezogenen Daten angeben, Sie werden in der über den Link identifizierten Kurs eingeschrieben.
      • +
    • Dies muss vor dem ersten Unterrichtstermin geschehen.
      • +
    +
    • +
+

Antrag Stellen /F03/

+
    +
  • Der Nutzer gibt personenbezogene- und kursbezogenen Daten an, aus diesen wird beim Absenden ein Antrag in der Datenbank erstellt, welche von der Verwaltung mithilfe der Funktion Offene Anträge eingesehen und weiter verarbeitet werden können.
    • +
  • Personenbezogene Daten: +
      +
    • Vorname
      • +
    • Nachname
      • +
    • Geb. Datum
      • +
    • Geb. Ort
      • +
    • PLZ
      • +
    • Ort
      • +
    • Straße
      • +
    • Hausnummer
      • +
    • Telefon
      • +
    • EMail
      • +
    • BLZ
      • +
    • Bankname
      • +
    • Kontonummer
      • +
    +
    • +
  • Kursbezogene Daten: +
      +
    • Instrumente
      • +
    • Laufzeit
      • +
    • Unterrichtstyp
      • +
    +
    • +
+

Benutzeroberfläche

+
+

Was sind die grundlegenden Anforderungen an die Benutzeroberfläche (Bildschirmlayout, Dialogstruktur, ...)?

+
+

Dialogstruktur

+

Im Folgenden wird die grobe Dialogstruktur einer fehlerfreien bzw. konfliktfreien Benutzung des Systems gezeigt wird. +Fehlereingaben haben eine akkumulierte Fehlermeldung zur Folge.

+

Startseite

+

Hauptseite

+

Übersichtsseite Dozenten

+

Die Übersichtsseite Dozenten ist die Startseite des Dozenten, die der Dozent nach der Anmeldung /F01/ erreicht.

+

Hauptseite

+

Übersichtsseite Verwaltung

+

Die Übersichtsseite Verwaltung ist die Startseite der Verwaltung, die die Verwaltung nach der Anmeldung /F01/ erreicht.

+

Hauptseite

+

Bildschirmlayout

+

Das Frontend wird mithilfe der JavaScript Bibliothek React erstellt, das Design wird mithilfe der MIT-lizensierten Designbibliothek Material-UI realisiert. Die Anwendung ist für Mobilegeräte optimiert und wird nach den Prinzipien des Responsiven Desings entwickelt.

+
+

Ausnahme sind die Administrationsfunktionen

+
+

Testfälle

+
    +
  1. Der Login funktioniert und erlaubt nur Zugriff auf authorisierte Bereiche / Ansichten.
    2. +
  2. Anonyme Nutzer können Anträge stellen, diese gehen in der Datenbank ein.
    3. +
  3. Die Verwaltung kann Anträge verarbeiten und daraus Kurse erstellen.
    4. +
+
    +
  • Der Antragsteller wird über die Verarbeitung informiert.
    • +
+
    +
  1. Die Übersichtsseiten zeigen korrekte Informationen an.
    2. +
+ + + diff --git a/_Dokumente/Ausgearbeitete Dokumente/Pflichtenheft.md b/_Dokumente/Ausgearbeitete Dokumente/Pflichtenheft.md index 81225fe..16860e7 100644 --- a/_Dokumente/Ausgearbeitete Dokumente/Pflichtenheft.md +++ b/_Dokumente/Ausgearbeitete Dokumente/Pflichtenheft.md @@ -1,41 +1,69 @@ # Pflichtenheft ## Inhalt -1. Zielbestimmung - 1. Musskriterien - 1. Abgrenzungskriterien -1. Produkteinsatz - 1. Anwendungsbereiche - 1. Zielgruppen - 1. Betriebsbedingungen -1. Produktumgebung - 1. Software - 1. Hardware -1. Produktfunktionen - 1. Dozentenfunktionen - 1. Wochenübersicht - 2. Kursdetails - 2. Verwaltungsfunktionen - 1. Offene Anträge - 2. Kurse erstellen - 1. Kursübersicht - 2. Schülerübersicht - 3. Schüler eines Dozenten - 4. Raumübersicht m. Raumplan - 5. Raumdetails - 6. Offene Anträge - 7. Finanzübersichrt - 1. Sonstige Funktionen - 1. Login - 2. Mitglied zu Kurs hinzufügen - 1. Benutzeroberfläche - 1. Dialogstruktur - 2. Bildschirmlayout - - -## Zielbestimmung - -> Das Ziel von Parsec Iron Puffin (*PIP*) ist es, eine Anwendung zu bieten welche die Organisation der Musikschule erlaubt. Hierzu werden für Dozenten und Verwaltung verschiedene administrative Funktionen bereitgestellt. Die aktuellen Betriebsprozesse sollen vereinfacht und beschleunigt werden. +- [Pflichtenheft](#pflichtenheft) + - [Inhalt](#inhalt) + - [Zielbestimmungsss](#zielbestimmungsss) + - [Musskriterien](#musskriterien) + - [Wunschkriterien](#wunschkriterien) + - [Abgrenzungungskriterien](#abgrenzungungskriterien) + - [Produktübersicht](#produkt%C3%BCbersicht) + - [Produktdaten](#produktdaten) + - [Speichernutzung](#speichernutzung) + - [Produktleistungen](#produktleistungen) + - [Benutzeroberfläche **/L01/**](#benutzeroberfl%C3%A4che-l01) + - [Datenschutz **/L02/**](#datenschutz-l02) + - [Loggin und Nachvollziehbarkeit **/L03/**](#loggin-und-nachvollziehbarkeit-l03) + - [Produkteinsatz](#produkteinsatz) + - [Anwendungsbereiche](#anwendungsbereiche) + - [Zielgruppe](#zielgruppe) + - [Betriebsbedingungen](#betriebsbedingungen) + - [Produktumgebung](#produktumgebung) + - [Software](#software) + - [Hardware](#hardware) + - [Entwicklungsumgebung](#entwicklungsumgebung) + - [Software](#software-1) + - [Backend](#backend) + - [Frontend](#frontend) + - [Hardware](#hardware-1) + - [Backend und Frontend](#backend-und-frontend) + - [Orgware](#orgware) + - [Backend und Frontend](#backend-und-frontend-1) + - [Produktfunktionen](#produktfunktionen) + - [Annahmen und Definitionen zu Produktfunktionen](#annahmen-und-definitionen-zu-produktfunktionen) + - [Dozentenfunktionen](#dozentenfunktionen) + - [Wochenübersicht **/FD01/**](#wochen%C3%BCbersicht-fd01) + - [Kursdetails **/FD02/**](#kursdetails-fd02) + - [Verwaltungsfunktionen](#verwaltungsfunktionen) + - [Offene Anträge **/FV01/**](#offene-antr%C3%A4ge-fv01) + - [Kurs Erstellen **/FV02/**](#kurs-erstellen-fv02) + - [Kursübersicht **/FV03/**](#kurs%C3%BCbersicht-fv03) + - [Schülerübersicht **/FV04/**](#sch%C3%BCler%C3%BCbersicht-fv04) + - [Schüler eines Dozenten **/FV05/**](#sch%C3%BCler-eines-dozenten-fv05) + - [Raumübersicht **/FV06/**](#raum%C3%BCbersicht-fv06) + - [Raumdetails **/FV07/**](#raumdetails-fv07) + - [Finanzübersicht **/FV09/**](#finanz%C3%BCbersicht-fv09) + - [Sonstige Funktionen](#sonstige-funktionen) + - [Login **/F01/**](#login-f01) + - [Mitglied zu Kurs hinzufügen **/F02/**](#mitglied-zu-kurs-hinzuf%C3%BCgen-f02) + - [Antrag Stellen **/F03/**](#antrag-stellen-f03) + - [Benutzeroberfläche](#benutzeroberfl%C3%A4che) + - [Dialogstruktur](#dialogstruktur) + - [Startseite](#startseite) + - [Übersichtsseite Dozenten](#%C3%BCbersichtsseite-dozenten) + - [Übersichtsseite Verwaltung](#%C3%BCbersichtsseite-verwaltung) + - [Bildschirmlayout](#bildschirmlayout) + - [Testfälle](#testf%C3%A4lle) + +## Zielbestimmungsss + +> Das Ziel von Parsec Iron Puffin (*PIP*) ist es, eine Anwendung zu bieten welche die Organisation der Musikschule erlaubt. Hierzu werden für Dozenten und Verwaltung verschiedene administrative Funktionen bereitgestellt. Die aktuellen Betriebsprozesse sollen vereinfacht und beschleunigt werden. + +Die Anwendung bietet der Verwaltung Übersichten über die Schüler, Dozenten, Kurse und Finanzen. Es können Schüler der Kurse und Dozenten der Schüler angezeigt werden. + +Der Dozent erhält eine Übersicht über die Stunden, welche er in der Woch zu unterrichten hat. Außerdem kann er eine Detailansicht eines Kurses aufrufen, welche ihm Informationen über die Schüler in diesem Kurs und die Unterrichtsinhalte der vergangenen Stunden bietet. + +Nutzer können mithilfe der Anwendung Kurse beantragen und "Band"-Kursen beitreten. ### Musskriterien * Es besteht ein Authentifizierung um den Zugriff auf alle Funktionen auf die jeweils berechtigten Personen zu beschränken. @@ -56,12 +84,6 @@ * Der Administrative Nutzer * Konfiguriert die Betriebsparameter des Systems * Sichert die Datenbank - * Ein Kurs hat - * einen Dozenten - * einen Typ (Einzel-, Bandunterricht, Früherziehung) - * einen Raum - * ein oder zwei Zeitpunkte - * und eine Laufzeit * Der Schüler * kann einen Aufnahmeantrag über ein Webformular abschicken * erhält, nachdem die Verwaltung einen Kurs aus dem Antrag erstellt hat, eine Bestätigung (Kursbestätigung) mit den Zeiten Seiner Unterrichtseinheiten @@ -83,6 +105,33 @@ * Das *PIP* * soll keine Abrechnung erstellen oder verschicken. +## Produktübersicht + * Das System wird von den Rollen Verwaltung, Dozent und Anonym bedient. + * Die Rollen Verwaltung und Dozent werden über einen Login authentizifiert, ihnen stehen abhängig von ihrer Rolle verschiedene Funktionen zur verfügung, diese werden unter [Produktfunktionen](#produktfunktionen) spezifiziert. Sonstige Funktionen stehen _allen_ Rollen zur verfügung. + +## Produktdaten + * Datenstrukturen der Anwendung: + ![ERD](EVA ERD Umletino.png) + * Aus einem Antrag wird ein _Schüler_, eine von _Person_ erbende Klasse, erstellt, welche alle personenbezogene Daten erhält. (siehe Diagramm) + * Außerdem werden Angaben zu der Auswahl des Antragstellers zu _Instrument_ und _Unterrichtstyp_ gespeichert. + * Einem _Kurs_ wird stehts ein _Schüler_ zugewiesen, es sei denn es handelt sich um einen Kurs mit Typ "Band". In diesem Fall können beliebig viele _Schüler_ zugewiesen werden. + * Ein _Kurs_ hat _Unterrichtseinheiten_. Diese Stellen einzelne eindeutige Zeitpunkte dar, an welchen der _Kurs_ unterrichtet wird/wurde. + * Es wird der Startzeitpunkt gespeichert, "Wed Jun 12 2019 12:15:00 GMT+0200 (Central European Summer Time)" stellt die _Unterrichtseinheit_ von 12:15 bis 12:30 dar. + * Für jede Unterrichtseinheit kann der Dozent den Inhalt pflegen, um die Unterrichtsinhalte zu Dokumentieren. + +### Speichernutzung + * Ein Personendatensatz kann bis zu 5KB groß sein, typisch ~300 Byte. + * Ein Kursdatensatzen kann bis zu 55 Byte groß sein. + * Ein Unterrichtseinheitendatensatz kann bis zu 2056 Byte groß sein. + +## Produktleistungen +### Benutzeroberfläche **/L01/** + * Die Anwendung bietet eine deutschsprachige Benutzeroberfläche +### Datenschutz **/L02/** + * Daten werden in einer passwordgeschützten Datenbank abgelegt +### Loggin und Nachvollziehbarkeit **/L03/** + * Zugriffe wie das Schreiben von Daten (anlegen und modifizieren von Datensätzen) werden in einem Log dokumentiert und können so nachvollzogen werden. + ## Produkteinsatz ### Anwendungsbereiche @@ -100,7 +149,7 @@ Die Zielgruppe besteht aus der Verwaltung und allen aktuellen und zukünftigen D ## Produktumgebung ### Software * Client - * Chrome oder Chromium basierter Browser der Version 74 + * Chrome oder Chromium basierter Browser der Version 74, Firefox 67 * Server * Docker unter Linux (Version 18.09.5) @@ -111,9 +160,46 @@ Die Zielgruppe besteht aus der Verwaltung und allen aktuellen und zukünftigen D * Internetfähiger Server * Ausreichende Rechen- und Festplattenkapazität +## Entwicklungsumgebung +### Software +#### Backend + * Entwickler nutzen die IDE Visual Studio 2019 von Microsoft + * Zum Untersuchen der Datenbank wird der DB Browser genutzt + * Code wird mithilfe des .NET Komplierers kompiliert + * Als Betriebssystem wird Microsoft Windows genutzt + * Als Codeverwaltung wird Gitlab CE genutzt + * Als CI/CD Tool wird Gitlab CI/CD genutzt +#### Frontend + * Entwickler nutzen den Code Editor Visual Studio Code von Microsoft + * Codequality Kontrolle wird von dem Codelinter "ESLint" unterstützt + * Node JS + * Verschiedene Node JS Tools werden zur Unterstützung genutzt (z.B. nodemon) + * Als Betriebssystem wird Microsoft Windows oder Ubuntu 19.04 genutzt + * Als Codeverwaltung wird Gitlab CE genutzt + * Als CI/CD Tool wird Gitlab CI/CD genutzt + +### Hardware +#### Backend und Frontend + * Computer mit einem amd64 Mehrkernprozessor, mind. 8 GB RAM und mind. 1 GB freiem Festspeicher + +### Orgware +#### Backend und Frontend + * Das Team nutzt Slack zur Kommunikation + * Als Codeverwaltung wird Gitlab CE genutzt + * Als CI/CD Tool wird Gitlab CI/CD genutzt + ## Produktfunktionen -### **Dozentenfunktionen** +#### Annahmen und Definitionen zu Produktfunktionen +> Getroffene Annahmen und Definitionen zu unterliegenen Produktfunktionen und Geschäftsprozessen, mit denen die Nutzer nicht direkt in Kontakt kommen und daher nicht einer speziellen Funktion zugeordnet werden können. + + * Aus einem eingegangenen Antrag wird wird von der Verwaltung mithilfe der gebotenen Funktion ein Kurs erstellt. Hierfür wählt diese einene passenden Dozenten, Raum, und Zeitpunkt(e) aus. Diese werden dem Antragsteller auf geeignetem Weg, zusammen mit einem ausgefertigtem Vertrag zustellt. Der Antragsteller hat bis zum ersten Unterrichtszeitpunkt Zeit, um diesen Vertrag unterschrieben vorzulegen, ansonsten verfällt der Kurs und Dozent und Raum werden zu dem Zeitpunkt(en) freigegeben. + * Im Falle eines "Band"-Kurses wird dem Antragsteller zusammen mit dem Vertrag ein Einzigartiger Link zugestellt. Über diesen Link können sich weiter Mitglieder durch angeben ihrer personenbezogenen Daten zu diesem bereits erstellten Kurs anmelden. Die Anmeldung ist bis zum ersten Unterrichtszeitpunkt möglich. + * Die Laufzeit des Vertrags startet zum ersten Unterrichtstermin. + * Unterrichtszeiten werden in 15min (1/4 Stunden) blöcken gegeben und geplant. + + +### Dozentenfunktionen #### Wochenübersicht **/FD01/** * Der Nutzer sieht eine Übersicht mit von Ihm gegebenen Kursen in den kommenden 7 Tagen, gruppiert nach Wochentag * Mit einem Klick auf einen Kurs gelangt man zu den entsprechenden Kursdetails @@ -123,11 +209,11 @@ Die Zielgruppe besteht aus der Verwaltung und allen aktuellen und zukünftigen D * Er sieht alle Schüler, welche an dem Kurs teilnehmen * Er sieht die Einträge zu den den Unterrichtsinhalten der vergangen Unterrichtseinheiten und kann den Inhalt des letzten Termins bearbeiten / erfassen. -### **Verwaltungsfunktionen +### Verwaltungsfunktionen #### Offene Anträge **/FV01/** * Es werden alle neu eingegangenen und nicht bestägtigten Anträge angzeigt. -* Mit einem Klick auf einen eingegangen Antrag wird die [Kurs erstellen](#kurs-erstellen) Seite aufgerufen. +* Mit einem Klick auf einen eingegangen Antrag wird die [Kurs erstellen](#kurs-erstellen-fv02) Seite aufgerufen. #### Kurs Erstellen **/FV02/** * Nach einem eingegegangen Antrag kann basierent auf diesem ein Kurs erstellt werden. @@ -140,7 +226,7 @@ Die Zielgruppe besteht aus der Verwaltung und allen aktuellen und zukünftigen D #### Kursübersicht **/FV03/** * In der Kursübersicht werden in Tabellenform alle Kurse zusammen mit ihren Dozenten angezeigt. * Die Tabelle kann spaltenweise sortiert und nach Dozenten- und Kursname gefiltert werden. -* Ein Klick auf einen Kurs führt zu [Kursdetails](#kursdetails-f02). +* Ein Klick auf einen Kurs führt zu [Kursdetails](#kursdetails-fd02). * Ein Klick auf einen Dozenten führt zu [Schüler eines Dozenten](#sch%C3%BCler-eines-dozenten-fv05) #### Schülerübersicht **/FV04/** @@ -168,7 +254,7 @@ Die Zielgruppe besteht aus der Verwaltung und allen aktuellen und zukünftigen D * Es werden die gesamten monatlichen Einnahmen der Musikschule angzeigt. * Es werden die Zahlungen an die Dozenten, aufgeschlüsselt nacht Dozent angezeigt. -### **Sonstige Funktionen** +### Sonstige Funktionen #### Login **/F01/** * Der Nutzer kann sich mit Benutzername und Passwort anmelden. @@ -180,6 +266,26 @@ Die Zielgruppe besteht aus der Verwaltung und allen aktuellen und zukünftigen D * Dafür müssen diese nur Ihre Personenbezogenen Daten angeben, Sie werden in der über den Link identifizierten Kurs eingeschrieben. * Dies muss vor dem ersten Unterrichtstermin geschehen. +#### Antrag Stellen **/F03/** +* Der Nutzer gibt personenbezogene- und kursbezogenen Daten an, aus diesen wird beim Absenden ein Antrag in der Datenbank erstellt, welche von der Verwaltung mithilfe der Funktion [Offene Anträge](#offene-antr%C3%A4ge-fv01) eingesehen und weiter verarbeitet werden können. +* Personenbezogene Daten: + * Vorname + * Nachname + * Geb. Datum + * Geb. Ort + * PLZ + * Ort + * Straße + * Hausnummer + * Telefon + * EMail + * BLZ + * Bankname + * Kontonummer +* Kursbezogene Daten: + * Instrumente + * Laufzeit + * Unterrichtstyp ## Benutzeroberfläche @@ -210,4 +316,12 @@ Die Übersichtsseite Verwaltung ist die Startseite der Verwaltung, die die Verwa Das Frontend wird mithilfe der JavaScript Bibliothek React erstellt, das Design wird mithilfe der MIT-lizensierten Designbibliothek Material-UI realisiert. Die Anwendung ist für Mobilegeräte optimiert und wird nach den Prinzipien des Responsiven Desings entwickelt. -> Ausnahme sind die Administrationsfunktionen \ No newline at end of file +> Ausnahme sind die Administrationsfunktionen + +## Testfälle + +1. Der Login funktioniert und erlaubt nur Zugriff auf authorisierte Bereiche / Ansichten. +2. Anonyme Nutzer können Anträge stellen, diese gehen in der Datenbank ein. +3. Die Verwaltung kann Anträge verarbeiten und daraus Kurse erstellen. + * Der Antragsteller wird über die Verarbeitung informiert. +4. Die Übersichtsseiten zeigen korrekte Informationen an. \ No newline at end of file diff --git a/_Dokumente/Ausgearbeitete Dokumente/Pflichtenheft.pdf b/_Dokumente/Ausgearbeitete Dokumente/Pflichtenheft.pdf index c6cc033..60af8fc 100644 Binary files a/_Dokumente/Ausgearbeitete Dokumente/Pflichtenheft.pdf and b/_Dokumente/Ausgearbeitete Dokumente/Pflichtenheft.pdf differ diff --git a/_Dokumente/Protokolle/2019-06-12_Protokoll.md b/_Dokumente/Protokolle/2019-06-12_Protokoll.md index 831e2fa..6f08214 100644 --- a/_Dokumente/Protokolle/2019-06-12_Protokoll.md +++ b/_Dokumente/Protokolle/2019-06-12_Protokoll.md @@ -12,14 +12,18 @@ _Ort: Schule_ * Enthaltene Funktionen im Prototyp? ## Ergebnisse -* Pflichenheft initial vollständig -* PSP vervollständigt +* Pflichtenheft ist abgegeben +* PSP vervollständigt und abgenommen * Prototyp (enthaltene Funktionen) * Login * Antragsgformular * Wochenübersicht für Dozenten (Dozenten) * Kurse erstellen/bestätigen (Verwaltung) +* Endpoints kontrolliert +* Use-Case-Diagramm abgegeben ## Resultierende Aufgaben |Aufgabe|Verantwortlicher|Erledigt| -|-|-|-| \ No newline at end of file +|Pflichtenheft|Levin|Ja| +|Zeitplan|Alexej|| +|Weitere Verhaltensdiagramme|Tobi|| \ No newline at end of file diff --git a/_Dokumente/Protokolle/2019-06-19_Protokoll.md b/_Dokumente/Protokolle/2019-06-19_Protokoll.md new file mode 100644 index 0000000..b653808 --- /dev/null +++ b/_Dokumente/Protokolle/2019-06-19_Protokoll.md @@ -0,0 +1,16 @@ +# 2019-06-19 Protokoll + +_Teilnehmer: Levin Faber, Alexej Komnik, Tobias Schiffarth, Kai Senkowski_ + +_Ort: Schule_ + +## Agenda +* Prototyp vorantreiben +* Zeitplan + +## Ergebnisse +* Punkt 1 + +## Resultierende Aufgaben +|Aufgabe|Verantwortlicher|Erledigt| +|-|-|-| \ No newline at end of file diff --git a/package-lock.json b/package-lock.json new file mode 100644 index 0000000..44862c0 --- /dev/null +++ b/package-lock.json @@ -0,0 +1,361 @@ +{ + "requires": true, + "lockfileVersion": 1, + "dependencies": { + "@babel/runtime": { + "version": "7.4.4", + "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.4.4.tgz", + "integrity": "sha512-w0+uT71b6Yi7i5SE0co4NioIpSYS6lLiXvCzWzGSKvpK5vdQtCbICHMj+gbAKAOtxiV6HsVh/MBdaF9EQ6faSg==", + "requires": { + "regenerator-runtime": "^0.13.2" + } + }, + "@emotion/hash": { + "version": "0.7.1", + "resolved": "https://registry.npmjs.org/@emotion/hash/-/hash-0.7.1.tgz", + "integrity": "sha512-OYpa/Sg+2GDX+jibUfpZVn1YqSVRpYmTLF2eyAfrFTIJSbwyIrc+YscayoykvaOME/wV4BV0Sa0yqdMrgse6mA==" + }, + "@material-ui/core": { + "version": "4.0.0-beta.2", + "resolved": "https://registry.npmjs.org/@material-ui/core/-/core-4.0.0-beta.2.tgz", + "integrity": "sha512-AcAmd55hRloY2YqDvcwmZK4OiLZ+98nKliRh/YKyQqISEV0Lt98qRxxepluAm4KKr509Bjgg+rEJ+K+FpDTGjw==", + "requires": { + "@babel/runtime": "^7.2.0", + "@material-ui/styles": "^4.0.0-beta.2", + "@material-ui/system": "^4.0.0-beta.2", + "@material-ui/types": "^4.0.0-beta.2", + "@material-ui/utils": "^4.0.0-beta.1", + "@types/react-transition-group": "^2.0.16", + "clsx": "^1.0.2", + "convert-css-length": "^1.0.2", + "csstype": "^2.5.2", + "debounce": "^1.1.0", + "deepmerge": "^3.0.0", + "hoist-non-react-statics": "^3.2.1", + "is-plain-object": "^2.0.4", + "normalize-scroll-left": "^0.1.2", + "popper.js": "^1.14.1", + "prop-types": "^15.7.2", + "react-event-listener": "^0.6.6", + "react-transition-group": "^4.0.0", + "warning": "^4.0.1" + } + }, + "@material-ui/styles": { + "version": "4.0.0-beta.2", + "resolved": "https://registry.npmjs.org/@material-ui/styles/-/styles-4.0.0-beta.2.tgz", + "integrity": "sha512-fX0pfTtw2f6+AlfzQlsue5AJ18mZbFbC9Og339tx9wwM8aPjk/9dNr9nPugAqFbdB41Lz3t4tn5sGx2Jm/grEg==", + "requires": { + "@babel/runtime": "^7.2.0", + "@emotion/hash": "^0.7.1", + "@material-ui/types": "^4.0.0-beta.2", + "@material-ui/utils": "^4.0.0-beta.1", + "clsx": "^1.0.2", + "deepmerge": "^3.0.0", + "hoist-non-react-statics": "^3.2.1", + "jss": "^10.0.0-alpha.16", + "jss-plugin-camel-case": "^10.0.0-alpha.16", + "jss-plugin-default-unit": "^10.0.0-alpha.16", + "jss-plugin-global": "^10.0.0-alpha.16", + "jss-plugin-nested": "^10.0.0-alpha.16", + "jss-plugin-props-sort": "^10.0.0-alpha.16", + "jss-plugin-rule-value-function": "^10.0.0-alpha.16", + "jss-plugin-vendor-prefixer": "^10.0.0-alpha.16", + "prop-types": "^15.7.2", + "warning": "^4.0.1" + } + }, + "@material-ui/system": { + "version": "4.0.0-beta.2", + "resolved": "https://registry.npmjs.org/@material-ui/system/-/system-4.0.0-beta.2.tgz", + "integrity": "sha512-0KkCMZuUDGtx4iKbWxw9G4ncn5ZNgG7aYnHLEebFEPyb9EX66XP2whIUHWhPSaPBXb4QarUWOSCGDFoCX6ecSw==", + "requires": { + "@babel/runtime": "^7.2.0", + "deepmerge": "^3.0.0", + "prop-types": "^15.7.2", + "warning": "^4.0.1" + } + }, + "@material-ui/types": { + "version": "4.0.0-beta.2", + "resolved": "https://registry.npmjs.org/@material-ui/types/-/types-4.0.0-beta.2.tgz", + "integrity": "sha512-Fct55vzMMUyiJqCBkBLERSrB2rdD7C4vbWtJcnhHaGSpAayG3jxhbxEoxm96UHsuI1DZAN7DdxwA4Y+w+pi78Q==" + }, + "@material-ui/utils": { + "version": "4.0.0-beta.1", + "resolved": "https://registry.npmjs.org/@material-ui/utils/-/utils-4.0.0-beta.1.tgz", + "integrity": "sha512-DXheNh0CQ5y9QBFmXom3+lwKjFMLS1aBog40870fH3i0P0isVweSqVGadVDoyX9ma6cV/DfcLFSsb1+CBgNA1g==", + "requires": { + "@babel/runtime": "^7.2.0", + "prop-types": "^15.7.2", + "react-is": "^16.8.0" + } + }, + "@types/prop-types": { + "version": "15.7.1", + "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.1.tgz", + "integrity": "sha512-CFzn9idOEpHrgdw8JsoTkaDDyRWk1jrzIV8djzcgpq0y9tG4B4lFT+Nxh52DVpDXV+n4+NPNv7M1Dj5uMp6XFg==" + }, + "@types/react": { + "version": "16.8.17", + "resolved": "https://registry.npmjs.org/@types/react/-/react-16.8.17.tgz", + "integrity": "sha512-pln3mgc6VfkNg92WXODul/ONo140huK9OMsx62GlBlZ2lvjNK86PQJhYMPLO1i66aF5O9OPyZefogvNltBIszA==", + "requires": { + "@types/prop-types": "*", + "csstype": "^2.2.0" + } + }, + "@types/react-transition-group": { + "version": "2.9.1", + "resolved": "https://registry.npmjs.org/@types/react-transition-group/-/react-transition-group-2.9.1.tgz", + "integrity": "sha512-1usq4DRUVBFnxc9KGJAlJO9EpQrLZGDDEC8wDOn2+2ODSyudYo8FiIzPDRaX/hfQjHqGeeoNaNdA2bj0l35hZQ==", + "requires": { + "@types/react": "*" + } + }, + "clsx": { + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/clsx/-/clsx-1.0.4.tgz", + "integrity": "sha512-1mQ557MIZTrL/140j+JVdRM6e31/OA4vTYxXgqIIZlndyfjHpyawKZia1Im05Vp9BWmImkcNrNtFYQMyFcgJDg==" + }, + "console-polyfill": { + "version": "0.1.2", + "resolved": "https://registry.npmjs.org/console-polyfill/-/console-polyfill-0.1.2.tgz", + "integrity": "sha1-ls/tUcr3gYn2mVcubxgnHcN8DjA=" + }, + "convert-css-length": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/convert-css-length/-/convert-css-length-1.0.2.tgz", + "integrity": "sha512-ecV7j3hXyXN1X2XfJBzhMR0o1Obv0v3nHmn0UiS3ACENrzbxE/EknkiunS/fCwQva0U62X1GChi8GaPh4oTlLg==", + "requires": { + "console-polyfill": "^0.1.2", + "parse-unit": "^1.0.1" + } + }, + "css-vendor": { + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/css-vendor/-/css-vendor-2.0.2.tgz", + "integrity": "sha512-Xn5ZAlI00d8HaQ8/oQ8d+iBzSF//NCc77LPzsucM32X/R/yTqmXy6otVsAM0XleXk6HjPuXoVZwXsayky/fsFQ==", + "requires": { + "@babel/runtime": "^7.3.1", + "is-in-browser": "^1.0.2" + } + }, + "csstype": { + "version": "2.6.4", + "resolved": "https://registry.npmjs.org/csstype/-/csstype-2.6.4.tgz", + "integrity": "sha512-lAJUJP3M6HxFXbqtGRc0iZrdyeN+WzOWeY0q/VnFzI+kqVrYIzC7bWlKqCW7oCIdzoPkvfp82EVvrTlQ8zsWQg==" + }, + "debounce": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/debounce/-/debounce-1.2.0.tgz", + "integrity": "sha512-mYtLl1xfZLi1m4RtQYlZgJUNQjl4ZxVnHzIR8nLLgi4q1YT8o/WM+MK/f8yfcc9s5Ir5zRaPZyZU6xs1Syoocg==" + }, + "deepmerge": { + "version": "3.2.0", + "resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-3.2.0.tgz", + "integrity": "sha512-6+LuZGU7QCNUnAJyX8cIrlzoEgggTM6B7mm+znKOX4t5ltluT9KLjN6g61ECMS0LTsLW7yDpNoxhix5FZcrIow==" + }, + "dom-helpers": { + "version": "3.4.0", + "resolved": "https://registry.npmjs.org/dom-helpers/-/dom-helpers-3.4.0.tgz", + "integrity": "sha512-LnuPJ+dwqKDIyotW1VzmOZ5TONUN7CwkCR5hrgawTUbkBGYdeoNLZo6nNfGkCrjtE1nXXaj7iMMpDa8/d9WoIA==", + "requires": { + "@babel/runtime": "^7.1.2" + } + }, + "hoist-non-react-statics": { + "version": "3.3.0", + "resolved": "https://registry.npmjs.org/hoist-non-react-statics/-/hoist-non-react-statics-3.3.0.tgz", + "integrity": "sha512-0XsbTXxgiaCDYDIWFcwkmerZPSwywfUqYmwT4jzewKTQSWoE6FCMoUVOeBJWK3E/CrWbxRG3m5GzY4lnIwGRBA==", + "requires": { + "react-is": "^16.7.0" + } + }, + "hyphenate-style-name": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/hyphenate-style-name/-/hyphenate-style-name-1.0.3.tgz", + "integrity": "sha512-EcuixamT82oplpoJ2XU4pDtKGWQ7b00CD9f1ug9IaQ3p1bkHMiKCZ9ut9QDI6qsa6cpUuB+A/I+zLtdNK4n2DQ==" + }, + "is-in-browser": { + "version": "1.1.3", + "resolved": "https://registry.npmjs.org/is-in-browser/-/is-in-browser-1.1.3.tgz", + "integrity": "sha1-Vv9NtoOgeMYILrldrX3GLh0E+DU=" + }, + "is-plain-object": { + "version": "2.0.4", + "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-2.0.4.tgz", + "integrity": "sha512-h5PpgXkWitc38BBMYawTYMWJHFZJVnBquFE57xFpjB8pJFiF6gZ+bU+WyI/yqXiFR5mdLsgYNaPe8uao6Uv9Og==", + "requires": { + "isobject": "^3.0.1" + } + }, + "isobject": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/isobject/-/isobject-3.0.1.tgz", + "integrity": "sha1-TkMekrEalzFjaqH5yNHMvP2reN8=" + }, + "js-tokens": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz", + "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==" + }, + "jss": { + "version": "10.0.0-alpha.16", + "resolved": "https://registry.npmjs.org/jss/-/jss-10.0.0-alpha.16.tgz", + "integrity": "sha512-HmKNNnr82TR5jkWjBcbrx/uim2ief588pWp7zsf4GQpL125zRkEaWYL1SXv5bR6bBvAoTtvJsTAOxDIlLxUNZg==", + "requires": { + "@babel/runtime": "^7.3.1", + "is-in-browser": "^1.1.3", + "tiny-warning": "^1.0.2" + } + }, + "jss-plugin-camel-case": { + "version": "10.0.0-alpha.16", + "resolved": "https://registry.npmjs.org/jss-plugin-camel-case/-/jss-plugin-camel-case-10.0.0-alpha.16.tgz", + "integrity": "sha512-nki+smHEsFyoZ0OlOYtaxVqcQA0ZHVJCE1slRnk+1TklbmxbBiO4TwITMTEaNIDv0U0Uyb0Z8wVgFgRwCCIFog==", + "requires": { + "@babel/runtime": "^7.3.1", + "hyphenate-style-name": "^1.0.3", + "jss": "10.0.0-alpha.16" + } + }, + "jss-plugin-default-unit": { + "version": "10.0.0-alpha.16", + "resolved": "https://registry.npmjs.org/jss-plugin-default-unit/-/jss-plugin-default-unit-10.0.0-alpha.16.tgz", + "integrity": "sha512-jjGW4F/r9yKvoyUk22M8nWhdMfvoWzJw/oFO2cDRXCk2onnWFiRALfqeUsEDyocwdZbyVF9WhZbSHn4GL03kSw==", + "requires": { + "@babel/runtime": "^7.3.1", + "jss": "10.0.0-alpha.16" + } + }, + "jss-plugin-global": { + "version": "10.0.0-alpha.16", + "resolved": "https://registry.npmjs.org/jss-plugin-global/-/jss-plugin-global-10.0.0-alpha.16.tgz", + "integrity": "sha512-B1mm2ZF9OEsWPmzkG5ZUXqV88smDqpc4unILLXhWVuj0U5JeT0DNitH+QbXFrSueDJzkWVfvqyckvWDR/0qeDg==", + "requires": { + "@babel/runtime": "^7.3.1", + "jss": "10.0.0-alpha.16" + } + }, + "jss-plugin-nested": { + "version": "10.0.0-alpha.16", + "resolved": "https://registry.npmjs.org/jss-plugin-nested/-/jss-plugin-nested-10.0.0-alpha.16.tgz", + "integrity": "sha512-3l/MB6COnIpq4GOXQFae6UydoaIPa81UxhuBTEQuiAojgTeUla9L7nB3h18Q4zAhQQpjxaEsyppAKuEzIP7kPQ==", + "requires": { + "@babel/runtime": "^7.3.1", + "jss": "10.0.0-alpha.16", + "tiny-warning": "^1.0.2" + } + }, + "jss-plugin-props-sort": { + "version": "10.0.0-alpha.16", + "resolved": "https://registry.npmjs.org/jss-plugin-props-sort/-/jss-plugin-props-sort-10.0.0-alpha.16.tgz", + "integrity": "sha512-+Yn9nugHAH58nf/d43H2uxMvlCFPDgLKRSmKO4Q4m1IGYjMbHsWt1Rk2HfC9IiCanqcqpc8hstwtzf+HG7PWFQ==", + "requires": { + "@babel/runtime": "^7.3.1", + "jss": "10.0.0-alpha.16" + } + }, + "jss-plugin-rule-value-function": { + "version": "10.0.0-alpha.16", + "resolved": "https://registry.npmjs.org/jss-plugin-rule-value-function/-/jss-plugin-rule-value-function-10.0.0-alpha.16.tgz", + "integrity": "sha512-MQap9ne6ZGZH0NlpSQTMSm6QalBTF0hYpd2uaGQwam+GlT7IKeO+sTjd46I1WgO3kyOmwb0pIY6CnuLQGXKtSA==", + "requires": { + "@babel/runtime": "^7.3.1", + "jss": "10.0.0-alpha.16" + } + }, + "jss-plugin-vendor-prefixer": { + "version": "10.0.0-alpha.16", + "resolved": "https://registry.npmjs.org/jss-plugin-vendor-prefixer/-/jss-plugin-vendor-prefixer-10.0.0-alpha.16.tgz", + "integrity": "sha512-70yJ6QE5dN8VlPUGKld5jK2SKyrteheEL/ismexpybIufunMs6iJgkhDndbOfv8ia13yZgUVqeakMdhRKYwK1A==", + "requires": { + "@babel/runtime": "^7.3.1", + "css-vendor": "^2.0.1", + "jss": "10.0.0-alpha.16" + } + }, + "loose-envify": { + "version": "1.4.0", + "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz", + "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==", + "requires": { + "js-tokens": "^3.0.0 || ^4.0.0" + } + }, + "normalize-scroll-left": { + "version": "0.1.2", + "resolved": "https://registry.npmjs.org/normalize-scroll-left/-/normalize-scroll-left-0.1.2.tgz", + "integrity": "sha512-F9YMRls0zCF6BFIE2YnXDRpHPpfd91nOIaNdDgrx5YMoPLo8Wqj+6jNXHQsYBavJeXP4ww8HCt0xQAKc5qk2Fg==" + }, + "object-assign": { + "version": "4.1.1", + "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz", + "integrity": "sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM=" + }, + "parse-unit": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/parse-unit/-/parse-unit-1.0.1.tgz", + "integrity": "sha1-fhu21b7zh0wo45JSaiVBFwKR7s8=" + }, + "popper.js": { + "version": "1.15.0", + "resolved": "https://registry.npmjs.org/popper.js/-/popper.js-1.15.0.tgz", + "integrity": "sha512-w010cY1oCUmI+9KwwlWki+r5jxKfTFDVoadl7MSrIujHU5MJ5OR6HTDj6Xo8aoR/QsA56x8jKjA59qGH4ELtrA==" + }, + "prop-types": { + "version": "15.7.2", + "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.7.2.tgz", + "integrity": "sha512-8QQikdH7//R2vurIJSutZ1smHYTcLpRWEOlHnzcWHmBYrOGUysKwSsrC89BCiFj3CbrfJ/nXFdJepOVrY1GCHQ==", + "requires": { + "loose-envify": "^1.4.0", + "object-assign": "^4.1.1", + "react-is": "^16.8.1" + } + }, + "react-event-listener": { + "version": "0.6.6", + "resolved": "https://registry.npmjs.org/react-event-listener/-/react-event-listener-0.6.6.tgz", + "integrity": "sha512-+hCNqfy7o9wvO6UgjqFmBzARJS7qrNoda0VqzvOuioEpoEXKutiKuv92dSz6kP7rYLmyHPyYNLesi5t/aH1gfw==", + "requires": { + "@babel/runtime": "^7.2.0", + "prop-types": "^15.6.0", + "warning": "^4.0.1" + } + }, + "react-is": { + "version": "16.8.6", + "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.8.6.tgz", + "integrity": "sha512-aUk3bHfZ2bRSVFFbbeVS4i+lNPZr3/WM5jT2J5omUVV1zzcs1nAaf3l51ctA5FFvCRbhrH0bdAsRRQddFJZPtA==" + }, + "react-transition-group": { + "version": "4.0.1", + "resolved": "https://registry.npmjs.org/react-transition-group/-/react-transition-group-4.0.1.tgz", + "integrity": "sha512-SsLcBYhO4afXJC9esL8XMxi/y0ZvEc7To0TvtrBELqzpjXQHPZOTxvuPh2/4EhYc0uSMfp2SExIxsyJ0pBdNzg==", + "requires": { + "dom-helpers": "^3.4.0", + "loose-envify": "^1.4.0", + "prop-types": "^15.6.2" + } + }, + "regenerator-runtime": { + "version": "0.13.2", + "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.2.tgz", + "integrity": "sha512-S/TQAZJO+D3m9xeN1WTI8dLKBBiRgXBlTJvbWjCThHWZj9EvHK70Ff50/tYj2J/fvBY6JtFVwRuazHN2E7M9BA==" + }, + "tiny-warning": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/tiny-warning/-/tiny-warning-1.0.2.tgz", + "integrity": "sha512-rru86D9CpQRLvsFG5XFdy0KdLAvjdQDyZCsRcuu60WtzFylDM3eAWSxEVz5kzL2Gp544XiUvPbVKtOA/txLi9Q==" + }, + "warning": { + "version": "4.0.3", + "resolved": "https://registry.npmjs.org/warning/-/warning-4.0.3.tgz", + "integrity": "sha512-rpJyN222KWIvHJ/F53XSZv0Zl/accqHR8et1kpaMTD/fLCRxtV8iX8czMzY7sVZupTI3zcUTg8eycS2kNF9l6w==", + "requires": { + "loose-envify": "^1.0.0" + } + } + } +}