├── .github ├── ISSUE_TEMPLATE │ ├── bug_report.md │ └── feature_request.md └── workflows │ └── deploy.yml ├── .gitignore ├── CODE_OF_CONDUCT.md ├── CONTRIBUTING-ko.md ├── CONTRIBUTING.md ├── Dockerfile ├── LICENSE ├── README-ko.md ├── README.md ├── SECURITY.md ├── app.config.ts ├── app.vue ├── assets ├── favicon.ico └── globals.css ├── components ├── AppFooter.vue ├── AppHeader.vue ├── BouncingChars.vue ├── CenterPrompt.vue ├── CharacterSequencingDemo.vue ├── DocsNav.vue ├── ImagePlaceholder.vue ├── LangSwitcher.vue ├── Logo.vue ├── TitleHud.vue ├── TrainingBase.vue └── UserInputHandler.vue ├── content ├── 1.docs │ ├── 1.getting-started │ │ ├── 1.index.md │ │ ├── 2.installation.md │ │ ├── 3.requirements.md │ │ ├── 4.training-config.md │ │ └── _dir.yml │ ├── 2.training │ │ ├── _dir.yml │ │ └── visual │ │ │ ├── 1.rapid-visual-perception.md │ │ │ ├── 2.sequential-visual-memory.md │ │ │ ├── 3.character-sequencing.md │ │ │ ├── 4.character-matching.md │ │ │ ├── 5.character-guesstimate.md │ │ │ └── _dir.yml │ ├── 3.Policies │ │ ├── 1.tos.md │ │ ├── 2.privacy.md │ │ └── _dir.yml │ └── _dir.yml ├── ar │ ├── 1.docs │ │ ├── 1.getting-started │ │ │ ├── 1.index.md │ │ │ ├── 2.installation.md │ │ │ ├── 3.requirements.md │ │ │ ├── 4.training-config.md │ │ │ └── _dir.yml │ │ ├── 2.training │ │ │ ├── _dir.yml │ │ │ └── visual │ │ │ │ ├── 1.rapid-visual-perception.md │ │ │ │ ├── 2.sequential-visual-memory.md │ │ │ │ ├── 3.character-sequencing.md │ │ │ │ ├── 4.character-matching.md │ │ │ │ ├── 5.character-guesstimate.md │ │ │ │ └── _dir.yml │ │ ├── 3.Policies │ │ │ ├── 1.tos.md │ │ │ ├── 2.privacy.md │ │ │ └── _dir.yml │ │ └── _dir.yml │ └── _dir.yml ├── de │ ├── 1.docs │ │ ├── 1.getting-started │ │ │ ├── 1.index.md │ │ │ ├── 2.installation.md │ │ │ ├── 3.requirements.md │ │ │ ├── 4.training-config.md │ │ │ └── _dir.yml │ │ ├── 2.training │ │ │ ├── _dir.yml │ │ │ └── visual │ │ │ │ ├── 1.rapid-visual-perception.md │ │ │ │ ├── 2.sequential-visual-memory.md │ │ │ │ ├── 3.character-sequencing.md │ │ │ │ ├── 4.character-matching.md │ │ │ │ ├── 5.character-guesstimate.md │ │ │ │ └── _dir.yml │ │ ├── 3.Policies │ │ │ ├── 1.tos.md │ │ │ ├── 2.privacy.md │ │ │ └── _dir.yml │ │ └── _dir.yml │ └── _dir.yml ├── es │ ├── 1.docs │ │ ├── 1.getting-started │ │ │ ├── 1.index.md │ │ │ ├── 2.installation.md │ │ │ ├── 3.requirements.md │ │ │ ├── 4.training-config.md │ │ │ └── _dir.yml │ │ ├── 2.training │ │ │ ├── _dir.yml │ │ │ └── visual │ │ │ │ ├── 1.rapid-visual-perception.md │ │ │ │ ├── 2.sequential-visual-memory.md │ │ │ │ ├── 3.character-sequencing.md │ │ │ │ ├── 4.character-matching.md │ │ │ │ ├── 5.character-guesstimate.md │ │ │ │ └── _dir.yml │ │ ├── 3.Policies │ │ │ ├── 1.tos.md │ │ │ ├── 2.privacy.md │ │ │ └── _dir.yml │ │ └── _dir.yml │ └── _dir.yml ├── fr │ ├── 1.docs │ │ ├── 1.getting-started │ │ │ ├── 1.index.md │ │ │ ├── 2.installation.md │ │ │ ├── 3.requirements.md │ │ │ ├── 4.training-config.md │ │ │ └── _dir.yml │ │ ├── 2.training │ │ │ ├── _dir.yml │ │ │ └── visual │ │ │ │ ├── 1.rapid-visual-perception.md │ │ │ │ ├── 2.sequential-visual-memory.md │ │ │ │ ├── 3.character-sequencing.md │ │ │ │ ├── 4.character-matching.md │ │ │ │ ├── 5.character-guesstimate.md │ │ │ │ └── _dir.yml │ │ ├── 3.Policies │ │ │ ├── 1.tos.md │ │ │ ├── 2.privacy.md │ │ │ └── _dir.yml │ │ └── _dir.yml │ └── _dir.yml ├── ja │ ├── 1.docs │ │ ├── 1.getting-started │ │ │ ├── 1.index.md │ │ │ ├── 2.installation.md │ │ │ ├── 3.requirements.md │ │ │ ├── 4.training-config.md │ │ │ └── _dir.yml │ │ ├── 2.training │ │ │ ├── _dir.yml │ │ │ └── visual │ │ │ │ ├── 1.rapid-visual-perception.md │ │ │ │ ├── 2.sequential-visual-memory.md │ │ │ │ ├── 3.character-sequencing.md │ │ │ │ ├── 4.character-matching.md │ │ │ │ ├── 5.character-guesstimate.md │ │ │ │ └── _dir.yml │ │ ├── 3.Policies │ │ │ ├── 1.tos.md │ │ │ ├── 2.privacy.md │ │ │ └── _dir.yml │ │ └── _dir.yml │ └── _dir.yml ├── ko │ ├── 1.docs │ │ ├── 1.getting-started │ │ │ ├── 1.index.md │ │ │ ├── 2.installation.md │ │ │ ├── 3.requirements.md │ │ │ ├── 4.training-config.md │ │ │ └── _dir.yml │ │ ├── 2.training │ │ │ ├── _dir.yml │ │ │ └── visual │ │ │ │ ├── 1.rapid-visual-perception.md │ │ │ │ ├── 2.sequential-visual-memory.md │ │ │ │ ├── 3.character-sequencing.md │ │ │ │ ├── 4.character-matching.md │ │ │ │ ├── 5.character-guesstimate.md │ │ │ │ └── _dir.yml │ │ ├── 3.Policies │ │ │ ├── 1.tos.md │ │ │ ├── 2.privacy.md │ │ │ └── _dir.yml │ │ └── _dir.yml │ └── _dir.yml ├── ru │ ├── 1.docs │ │ ├── 1.getting-started │ │ │ ├── 1.index.md │ │ │ ├── 2.installation.md │ │ │ ├── 3.requirements.md │ │ │ ├── 4.training-config.md │ │ │ └── _dir.yml │ │ ├── 2.training │ │ │ ├── _dir.yml │ │ │ └── visual │ │ │ │ ├── 1.rapid-visual-perception.md │ │ │ │ ├── 2.sequential-visual-memory.md │ │ │ │ ├── 3.character-sequencing.md │ │ │ │ ├── 4.character-matching.md │ │ │ │ ├── 5.character-guesstimate.md │ │ │ │ └── _dir.yml │ │ ├── 3.Policies │ │ │ ├── 1.tos.md │ │ │ ├── 2.privacy.md │ │ │ └── _dir.yml │ │ └── _dir.yml │ └── _dir.yml └── zh │ ├── 1.docs │ ├── 1.getting-started │ │ ├── 1.index.md │ │ ├── 2.installation.md │ │ ├── 3.requirements.md │ │ ├── 4.training-config.md │ │ └── _dir.yml │ ├── 2.training │ │ ├── _dir.yml │ │ └── visual │ │ │ ├── 1.rapid-visual-perception.md │ │ │ ├── 2.sequential-visual-memory.md │ │ │ ├── 3.character-sequencing.md │ │ │ ├── 4.character-matching.md │ │ │ ├── 5.character-guesstimate.md │ │ │ └── _dir.yml │ ├── 3.Policies │ │ ├── 1.tos.md │ │ ├── 2.privacy.md │ │ └── _dir.yml │ └── _dir.yml │ └── _dir.yml ├── crowdin.yml ├── docs └── banner.png ├── error.vue ├── i18n.config.ts ├── layouts ├── dashboard.vue ├── default.vue └── train.vue ├── locales ├── ar │ └── main.json ├── de │ └── main.json ├── en │ └── main.json ├── es │ └── main.json ├── fr │ └── main.json ├── ja │ └── main.json ├── ko │ └── main.json ├── ru │ └── main.json └── zh │ └── main.json ├── nuxt.config.ts ├── package.json ├── pages ├── auth.vue ├── confirm.vue ├── dashboard │ ├── index.vue │ ├── result.vue │ └── settings │ │ └── index.vue ├── docs.vue ├── docs │ └── [...slug].vue ├── index.vue ├── result.vue └── train │ ├── character-guesstimate.vue │ ├── character-matching.vue │ ├── character-sequencing.vue │ ├── index.vue │ ├── rapid-visual-perception.vue │ └── sequential-visual-memory.vue ├── pnpm-lock.yaml ├── public ├── _robots.txt ├── audio │ ├── backspace.wav │ ├── click.wav │ ├── correct.wav │ ├── countdown.wav │ ├── finish.wav │ ├── incorrect.wav │ ├── ready.wav │ └── start.wav ├── character-guesstimate-1.png ├── character-guesstimate-2.png ├── character-guesstimate-3.png ├── character-guesstimate-4.png ├── character-matching-1.png ├── character-matching-2.png ├── character-sequencing-1.png ├── character-sequencing-2.png ├── favicon.ico ├── flags │ ├── ar.svg │ ├── de.svg │ ├── en.svg │ ├── es.svg │ ├── fr.svg │ ├── hi.svg │ ├── ja.svg │ ├── ko.svg │ ├── ru.svg │ └── zh.svg ├── logo-dark.svg ├── logo.svg ├── naverced8fb46d449aa0c88c8f7d57e64ca7a.html ├── procedure │ ├── Character Guesstimate.png │ ├── Character Matching.png │ ├── Character Sequencing.png │ ├── Rapid Visual Perception.png │ └── Sequential Visual Memory.png ├── rapid-visual-perception-1.png ├── rapid-visual-perception-2.png ├── select-procedure.png ├── sequential-visual-memory-1.png ├── sequential-visual-memory-2.png ├── sequential-visual-memory-3.png └── setting-example.png ├── server ├── api │ └── search.json.get.ts ├── routes │ └── sitemap.xml.ts └── tsconfig.json ├── syncTranslations.js ├── tailwind.config.ts ├── tsconfig.json ├── types ├── parameter.ts ├── procedure.ts ├── result.ts └── value.ts └── utils ├── playSound.ts └── util.ts /.github/ISSUE_TEMPLATE/bug_report.md: -------------------------------------------------------------------------------- 1 | --- 2 | name: Bug report 3 | about: Create a report to help us improve 4 | title: '' 5 | labels: '' 6 | assignees: '' 7 | 8 | --- 9 | 10 | **Describe the bug** 11 | A clear and concise description of what the bug is. 12 | 13 | **To Reproduce** 14 | Steps to reproduce the behavior: 15 | 1. Go to '...' 16 | 2. Click on '....' 17 | 3. Scroll down to '....' 18 | 4. See error 19 | 20 | **Expected behavior** 21 | A clear and concise description of what you expected to happen. 22 | 23 | **Screenshots** 24 | If applicable, add screenshots to help explain your problem. 25 | 26 | **Desktop (please complete the following information):** 27 | - OS: [e.g. iOS] 28 | - Browser [e.g. chrome, safari] 29 | - Version [e.g. 22] 30 | 31 | **Additional context** 32 | Add any other context about the problem here. 33 | -------------------------------------------------------------------------------- /.github/ISSUE_TEMPLATE/feature_request.md: -------------------------------------------------------------------------------- 1 | --- 2 | name: Feature request 3 | about: Suggest an idea for this project 4 | title: '' 5 | labels: '' 6 | assignees: '' 7 | 8 | --- 9 | 10 | **Is your feature request related to a problem? Please describe.** 11 | A clear and concise description of what the problem is. Ex. I'm always frustrated when [...] 12 | 13 | **Describe the solution you'd like** 14 | A clear and concise description of what you want to happen. 15 | 16 | **Describe alternatives you've considered** 17 | A clear and concise description of any alternative solutions or features you've considered. 18 | 19 | **Additional context** 20 | Add any other context or screenshots about the feature request here. 21 | -------------------------------------------------------------------------------- /.github/workflows/deploy.yml: -------------------------------------------------------------------------------- 1 | name: Deploy to server 2 | 3 | on: 4 | push: 5 | branches: 6 | - main 7 | workflow_dispatch: 8 | 9 | jobs: 10 | build: 11 | runs-on: ubuntu-latest 12 | steps: 13 | - name: Checkout repository 14 | uses: actions/checkout@v3 15 | - name: Set up Nuxt UI Pro license 16 | run: | 17 | echo "NUXT_UI_PRO_LICENSE=${{ secrets.NUXT_UI_PRO_LICENSE }}" > .env 18 | 19 | - name: Login to Docker Hub 20 | uses: docker/login-action@v3 21 | with: 22 | username: ${{ secrets.DOCKERHUB_USERNAME }} 23 | password: ${{ secrets.DOCKERHUB_TOKEN }} 24 | 25 | - name: Login to GitHub Packages 26 | run: echo "${{ secrets.GITHUB_TOKEN }}" | docker login ghcr.io -u ${{ github.actor }} --password-stdin 27 | 28 | - name: Set up Docker Buildx 29 | uses: docker/setup-buildx-action@v3 30 | 31 | - name: Build and push Docker image to Docker Hub 32 | uses: docker/build-push-action@v6 33 | with: 34 | context: . 35 | push: true 36 | tags: ${{ secrets.DOCKERHUB_USERNAME }}/bluescript:latest 37 | 38 | deploy: 39 | runs-on: ubuntu-latest 40 | needs: build 41 | steps: 42 | - name: Set up SSH 43 | uses: webfactory/ssh-agent@v0.9.0 44 | with: 45 | ssh-private-key: ${{ secrets.SSH_PRIVATE_KEY }} 46 | 47 | - name: Add server to known_hosts 48 | run: ssh-keyscan -H ${{ secrets.SERVER_IP }} >> ~/.ssh/known_hosts 49 | 50 | - name: Pull and deploy Docker container using Docker Compose 51 | run: | 52 | ssh ${{ secrets.SERVER_USER }}@${{ secrets.SERVER_IP }} << 'ENDSSH' 53 | cd server/ 54 | sudo docker compose pull bluescript 55 | sudo docker compose up -d bluescript 56 | ENDSSH 57 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | # Nuxt dev/build outputs 2 | .output 3 | .data 4 | .nuxt 5 | .nitro 6 | .cache 7 | dist 8 | 9 | # Node dependencies 10 | node_modules 11 | 12 | # Logs 13 | logs 14 | *.log 15 | 16 | # Misc 17 | .DS_Store 18 | .fleet 19 | .idea 20 | 21 | # Local env files 22 | .env 23 | .env.* 24 | !.env.example 25 | -------------------------------------------------------------------------------- /CONTRIBUTING-ko.md: -------------------------------------------------------------------------------- 1 | # 기여하기 2 | 3 | BlueScript 프로젝트에 기여해 주셔서 감사합니다! 누구나 기여할 수 있으며, 다양한 방법으로 프로젝트에 기여할 수 있습니다. 모든 기여를 환영합니다. 4 | 5 | 이슈를 열기 전에, [이슈 목록](https://github.com/BlueScript-NPO/frontend/issues)을 확인하여 버그가 이미 보고되었는지 확인해 주세요. 이미 보고된 경우, 새로운 이슈를 만들기보다는 기존 이슈에 댓글을 추가해 주세요. 6 | 7 | 코드를 수정할 때는 설명이 포함된 새로운 브랜치를 만들고 `main` 브랜치로 풀 리퀘스트를 생성해 주세요. 풀 리퀘스트를 생성한 후, 유지 관리자가 코드를 검토할 것입니다. 코드가 승인되면 `main` 브랜치에 병합됩니다. 8 | 9 | # 비개발자가 할 수 있는 일 10 | 11 | ### 번역 12 | 13 | 웹앱을 다양한 언어로 번역하는 데 도움을 줄 수 있습니다. 14 | [Crowdin](https://crowdin.com/project/bluescript/invite?h=6076d4348b2b494b6be7a620027039452162103)을 방문하여 번역에 참여해 주세요. 15 | 16 | 번역하고 싶은 언어가 목록에 없는 경우, [이슈 생성](https://github.com/BlueScript-NPO/frontend/issues)을 통해 요청해 주시면 추가하겠습니다. 17 | 18 | ### 버그 신고 19 | 20 | 아직 보고되지 않은 버그를 발견한 경우, `bug` 레이블을 사용하여 [새 이슈를 생성](https://github.com/BlueScript-NPO/frontend/issues/new/choose)하고 `Bug report` 템플릿을 사용해 주세요. 21 | 22 | ### 기능 개선 제안 23 | 24 | 아직 제안되지 않은 기능 개선 아이디어가 있다면, `feature request` 레이블을 사용하여 [새 이슈를 생성](https://github.com/BlueScript-NPO/frontend/issues/new/choose)하고 `Feature request` 템플릿을 사용해 주세요. 25 | 26 | # 개발자가 할 수 있는 일 27 | 28 | ### 버그 및 보안 취약점 해결 29 | 30 | 이미 보고된 이슈를 해결할 수 있습니다. [이슈 목록](https://github.com/BlueScript-NPO/frontend/issues)을 확인하여 해결할 수 있는 이슈가 있는지 확인해 보세요. 다른 사람에게 할당되지 않은 이슈만 해결할 수 있습니다. 작업 중인 이슈가 있다면, **자신에게 할당**하여 다른 사람들이 알 수 있도록 해 주세요. 31 | 32 | 이슈를 해결한 후, 풀 리퀘스트를 생성하고 풀 리퀘스트 설명에 해당 이슈를 참조해 주세요. 33 | 34 | ### 새로운 기능 추가 35 | 36 | 새로운 기능을 작업하기 전에, `feature proposal` 레이블을 사용하여 [이슈를 생성](https://github.com/BlueScript-NPO/frontend/issues)하고 추가하려는 기능을 설명해 주세요. 이슈가 승인된 후, 기능 작업을 시작할 수 있습니다. 작업 중인 기능이 있다면, **자신에게 이슈를 할당**하여 다른 사람들이 알 수 있도록 해 주세요. 37 | 38 | 새로운 기능을 추가한 후, 풀 리퀘스트를 생성하고 풀 리퀘스트 설명에 해당 이슈를 참조해 주세요. 39 | 40 | ### 코드베이스 개선 41 | 42 | 코드베이스를 개선하기 전에, `codebase modification proposal` 레이블을 사용하여 [이슈를 생성](https://github.com/BlueScript-NPO/frontend/issues)하고 무엇을 할 것인지 설명해 주세요. 이슈가 승인된 후, 코드베이스 개선 작업을 시작할 수 있습니다. 작업 중인 이슈가 있다면, **자신에게 할당**하여 다른 사람들이 알 수 있도록 해 주세요. 43 | 44 | 코드베이스를 개선한 후, 풀 리퀘스트를 생성하고 풀 리퀘스트 설명에 해당 이슈를 참조해 주세요. 45 | -------------------------------------------------------------------------------- /CONTRIBUTING.md: -------------------------------------------------------------------------------- 1 | # Contributing 2 | 3 | Thank you for considering contributing to the BlueScript project! We welcome contributions from everyone. There are many ways to contribute to this project, and we appreciate all contributions. 4 | 5 | Before opening any issues, please check the [issues](https://github.com/BlueScript-NPO/frontend/issues) to see if the bug has already been reported. If it has, please add a comment to the existing issue instead of creating a new one. 6 | 7 | When modifying the code create a new branch with a descriptive name and create a pull request to the `main` branch. After creating a pull request, the code will be reviewed by the maintainers. If the code is approved, it will be merged into the `main` branch. 8 | 9 | # Things non-developers can do 10 | 11 | ### Translating 12 | 13 | You can help us translate the webapp to different languages 14 | Check out [crowdin](https://crowdin.com/project/bluescript/invite?h=6076d4348b2b494b6be7a620027039452162103) to help us translate the webapp. 15 | 16 | If the language you want to translate is not available, please create an [issue](https://github.com/BlueScript-NPO/frontend/issues) and we will add it. 17 | 18 | ### Reporting Bugs 19 | 20 | If you find a bug that has not been reported yet, please [create a new issue](https://github.com/BlueScript-NPO/frontend/issues/new/choose) with `bug` label and use `Bug report` template. 21 | 22 | ### Suggesting Enhancements 23 | 24 | If you have an enhancement suggestion that has not been suggested yet, please [create a new issue](https://github.com/BlueScript-NPO/frontend/issues/new/choose) with `feature request` label and use `Feature request` template. 25 | 26 | # Things developers can do 27 | 28 | ### Resolving bugs and security vulnerabilities 29 | 30 | You can resolve issues that are already reported. Check out the [issues](https://github.com/BlueScript-NPO/frontend/issues) to see if there are any issues that you can resolve. You may only resolve issues that are not assigned to anyone. When you are working on an issue, **please assign it to yourself** so that others know that you are working on it. 31 | 32 | After resolving an issue, please create a pull request and reference the issue in the pull request description. 33 | 34 | ### Adding new features 35 | 36 | Before working on a new feature, please create an [issues](https://github.com/BlueScript-NPO/frontend/issues) with the `feature proposal` label and describe the feature you want to add. After the issue is approved, you can start working on the feature. When you are working on a feature, **please assign the issue to yourself** so that others know that you are working on it. 37 | 38 | After adding a new feature, please create a pull request and reference the issue in the pull request description. 39 | 40 | ### Improving the codebase 41 | 42 | Before working on a new feature, please create an [issues](https://github.com/BlueScript-NPO/frontend/issues) with the `codebase modification proposal` label and describe what you are going to do. After the issue is approved, you can start working on improving the codebase. When you are working on improving the codebase, **please assign the issue to yourself** so that others know that you are working on it. 43 | 44 | After improving the codebase, please create a pull request and reference the issue in the pull request description. 45 | -------------------------------------------------------------------------------- /Dockerfile: -------------------------------------------------------------------------------- 1 | ARG NODE_VERSION=22.7.0 2 | 3 | # Create build stage 4 | FROM node:${NODE_VERSION}-slim AS build 5 | 6 | # Enable pnpm 7 | ENV PNPM_HOME="/pnpm" 8 | ENV PATH="$PNPM_HOME:$PATH" 9 | RUN corepack enable 10 | RUN corepack prepare pnpm@9.15.2 --activate 11 | 12 | # Set the working directory inside the container 13 | WORKDIR /app 14 | 15 | COPY . ./ 16 | 17 | ## Install dependencies 18 | RUN pnpm install 19 | 20 | # Build the application 21 | RUN pnpm build 22 | 23 | # Create a new stage for the production image 24 | FROM node:${NODE_VERSION}-slim 25 | 26 | # Set the working directory inside the container 27 | WORKDIR /app 28 | 29 | # Copy the output from the build stage to the working directory 30 | COPY --from=build /app/.output ./ 31 | 32 | # Expose the port the application will run on 33 | EXPOSE 3000 34 | 35 | # Start the application 36 | CMD ["node","/app/server/index.mjs"] -------------------------------------------------------------------------------- /README-ko.md: -------------------------------------------------------------------------------- 1 |

2 | 3 |

4 | 5 | **🚀 BlueScript가 출시되었습니다! [여기](https://bluescript.app)에서 확인하세요!** 6 | 7 | # BlueScript 프론트 엔드 8 | 9 | BlueScript는 난독증을 겪는 사람들을 돕기 위해 오픈 소스 소프트웨어를 개발하는 비영리 단체입니다. 10 | 11 | ## 기여하기 12 | 13 | 이 프로젝트에 기여하려면 [기여 가이드](CONTRIBUTING-ko.md)를 확인해 주세요. 14 | 15 | ## 시작하기 16 | 17 | 이 프로젝트에 기여하고 싶다면, 이 저장소를 클론하고 작업을 시작할 수 있습니다. 저장소를 클론한 후, 다음 명령어를 실행하여 프로젝트를 시작하세요: 18 | 19 | ```bash 20 | npm install 21 | npm run dev 22 | ``` 23 | 24 | 이 프로젝트는 Nuxt UI Pro를 사용하며, 빌드를 위해 라이선스가 필요합니다. [Nuxt UI Pro](https://ui.nuxt.com/pro/pricing)에서 라이선스를 얻을 수 있습니다. (백엔드 코드는 [백엔드](https://github.com/BlueScript-NPO/backend) 저장소에서 찾을 수 있습니다.) 25 | 26 | ## 기능 27 | 28 | 아래는 BlueScript 웹앱에서 제공하는 훈련 모듈입니다: 29 | 30 | 1. **빠른 시각 인지 (Quick Visual Perception) 모듈** 31 | 32 | - 250ms 이하의 시간 안에 화면에 나타나는 문자를 식별하고 입력하는 훈련입니다. 33 | - 지각 속도, 시각 기억, 시각화, 시간적 시각 처리 능력을 향상시킵니다. 34 | 35 | 2. **순차적 시각 인지 (Sequential Visual Memory) 모듈** 36 | 37 | - 일련의 문자를 순차적으로 식별하고 기억한 후, 일정 시간이 지난 후에 다시 입력하는 훈련입니다. 38 | - 시각적 순차 기억, 작업 기억, 지각 속도, 시각 운동 정확도 및 순차적 처리 능력을 향상시킵니다. 39 | 40 | 3. **문자 예상 (Character Guesstimate) 모듈** 41 | 42 | - 문자의 일부를 보여주며, 완전히 보여지지 않은 글자를 가능한 한 빨리 식별하는 훈련입니다. 43 | - 형태, 지각, 지형 지각, 정보 처리 속도 및 동시 처리 능력을 향상시킵니다. 44 | 45 | 4. **문자 대조 (Character Match) 모듈** 46 | 47 | - 보기와 시각적으로 비슷한 문자열들 중에서 일치하는 문자열을 클릭하는 훈련입니다. 48 | - 시각 계획, 지각 속도, 도형 지각, 시각 기억, 안구 운동성, 방향성 및 시간적 시각 처리 능력을 향상시킵니다. 49 | 50 | 5. **문자 순차 처리 (Character Sequencing) 모듈** 51 | - 보기를 순서대로 찾고, 오른쪽 화살표 키와 스페이스바를 사용하여 문자를 입력하는 훈련입니다. 52 | - 시간적 시각 처리, 시각 주의력, 시각 변별력, 시각적 그림 근거 및 시각 속도를 향상시킵니다. 53 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 |

2 | 3 |

4 | 5 | **💡 한국어 버전의 README는 [README-ko.md](README-ko.md)에서 확인할 수 있습니다** 6 | 7 | **🚀 BlueScript Just went live! Check out [here](https://bluescript.app)!** 8 | 9 | # BlueScript Front End 10 | 11 | BlueScript is a Non Profit Organization creating open source software to aid people who suffer dylexia. 12 | 13 | ## Contributing 14 | 15 | Check out our [contributing guide](CONTRIBUTING.md) to get started with contributing to this project. 16 | 17 | ## Getting Started 18 | 19 | If you want to contribute to this project, you can clone this repository and start working on it. After cloning the repository, you run the following commands to start the project: 20 | 21 | ```bash 22 | npm install 23 | npm run dev 24 | ``` 25 | 26 | This project uses Nuxt UI pro and license is needed to build the project. You can get a license from [Nuxt UI Pro](https://ui.nuxt.com/pro/pricing). (Backend code can be found at [Backend](https://github.com/BlueScript-NPO/backend) repository.) 27 | 28 | ## Features 29 | 30 | Below are training modules that are available in the BlueScript webapp: 31 | 32 | 1. **Quick Visual Perception module**. 33 | 34 | - Training to identify and type characters that appear on the screen in 250ms or less. 35 | - It improves perceptual speed, visual memory, visualization, and temporal visual processing. 36 | 37 | 2. **Sequential Visual Memory module** (Sequential Visual Perception) 38 | 39 | - This module trains you to identify and memorize a series of characters in sequence, and then retype them after a period of time. 40 | - It improves visual sequential memory, working memory, perceptual speed, visual motor accuracy, and sequential processing ability. 41 | 42 | 3. **Character Guesstimate module**. 43 | 44 | - This is a training program that shows a part of a character and asks you to identify a character that is not fully shown as quickly as possible. 45 | - It improves form, perception, topographic perception, information processing speed and simultaneous processing ability. 46 | 47 | 4. **Character Match module**. 48 | 49 | - This module trains you to click on a matching string from a set of strings that are visually similar to the prompt. 50 | - It improves visual planning, perceptual speed, shape recognition, visual memory, eye movements, directional and temporal visual processing. 51 | 52 | 5. **Character Sequencing module**. 53 | - Trains students to find prompts in sequence and type characters using the right arrow key and spacebar. 54 | - Improves temporal visual processing, visual attention, visual discrimination, visual picture rationale, and visual speed. 55 | -------------------------------------------------------------------------------- /SECURITY.md: -------------------------------------------------------------------------------- 1 | # Security Policy 2 | 3 | ## Supported Versions 4 | 5 | | Version | Supported | 6 | | ------- | ------------------ | 7 | | 1.0.x | :white_check_mark: | 8 | 9 | ## Reporting a Vulnerability 10 | 11 | If you find a vulnerability in the code, please create an [issue](https://github.com/BlueScript-NPO/frontend/labels/Security) with the label `security`. 12 | -------------------------------------------------------------------------------- /app.vue: -------------------------------------------------------------------------------- 1 | 24 | 25 | 85 | -------------------------------------------------------------------------------- /assets/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BlueScript-NPO/frontend/4db2d8f44f260da8c7b259647ba37571756c321e/assets/favicon.ico -------------------------------------------------------------------------------- /assets/globals.css: -------------------------------------------------------------------------------- 1 | /* assets/globals.css */ 2 | 3 | /* Import Tailwind CSS */ 4 | @tailwind base; 5 | @tailwind components; 6 | @tailwind utilities; 7 | 8 | /* Define your global styles here */ 9 | 10 | .training-text { 11 | @apply text-zinc-900 dark:text-zinc-100; 12 | } 13 | -------------------------------------------------------------------------------- /components/AppFooter.vue: -------------------------------------------------------------------------------- 1 | 27 | 28 | 50 | -------------------------------------------------------------------------------- /components/BouncingChars.vue: -------------------------------------------------------------------------------- 1 | 68 | 69 | 81 | 82 | 98 | -------------------------------------------------------------------------------- /components/CenterPrompt.vue: -------------------------------------------------------------------------------- 1 | 9 | 10 | 21 | -------------------------------------------------------------------------------- /components/DocsNav.vue: -------------------------------------------------------------------------------- 1 | 14 | 15 | 18 | -------------------------------------------------------------------------------- /components/ImagePlaceholder.vue: -------------------------------------------------------------------------------- 1 | 16 | 17 | 46 | 47 | 109 | -------------------------------------------------------------------------------- /components/LangSwitcher.vue: -------------------------------------------------------------------------------- 1 | 27 | 28 | 50 | -------------------------------------------------------------------------------- /components/Logo.vue: -------------------------------------------------------------------------------- 1 | 15 | -------------------------------------------------------------------------------- /components/TitleHud.vue: -------------------------------------------------------------------------------- 1 | 13 | 14 | 22 | -------------------------------------------------------------------------------- /components/UserInputHandler.vue: -------------------------------------------------------------------------------- 1 | 68 | 69 | 89 | 90 | 93 | -------------------------------------------------------------------------------- /content/1.docs/1.getting-started/1.index.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Introduction 3 | description: Welcome to BlueScript. 4 | --- 5 | 6 | ## What is BlueScript? 7 | 8 | BlueScript is an open-source project designed to help individuals with dyslexia. Its name combines two elements: "Blue," symbolizing positive change, and "Script," representing letters or text. This project goes beyond traditional linguistic approaches by employing neuroscience methodologies to provide effective training for those with dyslexia. 9 | 10 | To ensure individuals with dyslexia can freely access training anywhere, BlueScript has been developed as a web application. This application offers a variety of training modules aimed at strengthening neural connections in the brain, addressing inefficiencies caused by dyslexia. 11 | 12 | ### The Beginnings of BlueScript: Suh Jae 13 | 14 | This project was initiated by [Suh Jae](https://github.com/SuhJae), who experienced the challenges and pain of dyslexia during childhood. Struggling with slow reading speed and limited literacy, Suh Jae worked tirelessly to overcome these difficulties. Thankfully, training received during middle school helped improve his reading skills. However, this experience left a profound understanding of how difficult dyslexia is to overcome for many people. 15 | 16 | Motivated by his personal journey, Suh Jae developed **BlueScript** with the goal of alleviating the struggles faced by others with dyslexia. He recognized that the financial burden often makes overcoming dyslexia inaccessible for many. This realization led to his determination to create a free training program for dyslexia, offering people an opportunity to overcome it without economic constraints. 17 | 18 | ## An Open-Source Project 19 | 20 | BlueScript is an open-source project that anyone can use and contribute to for free. Both users and developers are encouraged to participate in improving the training programs. Currently, BlueScript is available in nine languages, with ongoing bug fixes and UI enhancements ([BlueScript GitHub](https://github.com/BlueScript-NPO)). 21 | 22 | ## Training Modules 23 | 24 | BlueScript provides a variety of training modules designed to stimulate the brain’s neurons and enhance reading skills for individuals with dyslexia. The main training modules include: 25 | 26 | 1. [**Rapid Visual Perception**](/docs/training/visual/rapid-visual-perception): A training module where users quickly recognize and input letters displayed briefly on the screen. 27 | 2. [**Sequential Visual Memory**](/docs/training/visual/sequential-visual-memory): A module where letters are displayed one at a time, and users must remember and input them. 28 | 3. [**Character Sequencing**](/docs/training/visual/character-sequencing): Training that involves identifying and inputting letters in a specified order. 29 | 4. [**Character Matching**](/docs/training/visual/character-matching): A module where users identify letters matching a given prompt among visually similar characters. 30 | 5. [**Character Guesstimate**](/docs/training/visual/character-guesstimate): A module where letters gradually appear, and users must predict and input them as quickly as possible. 31 | 32 | These modules are designed to stimulate the brain in various ways, ensuring users remain engaged and do not become desensitized to repeated stimuli. 33 | -------------------------------------------------------------------------------- /content/1.docs/1.getting-started/2.installation.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Installation 3 | description: How to install and use BlueScript 4 | navigation: Installation 5 | --- 6 | 7 | ## For General Users 8 | 9 | BlueScript is provided as a web application, allowing you to use it easily from anywhere with just a **browser**, without any installation process. Visit the official web application and start utilizing all the features of BlueScript right away. 10 | 11 | ## Self-Hosting 12 | 13 | In addition to the official web application, you can host **BlueScript** on your own server. This option is suitable for those with server management skills or those who prefer a customized environment. 14 | 15 | ### Hosting with Docker 16 | 17 | BlueScript can be easily hosted using the [official Docker image](https://hub.docker.com/r/suhjae/bluescript). Follow the steps below to install Docker and run the BlueScript server. 18 | 19 | #### **1. Install Docker** 20 | 21 | If Docker is not already installed, download and install Docker for your platform from the [official Docker website](https://www.docker.com/). 22 | 23 | #### **2. Pull the BlueScript Docker Image** 24 | 25 | Once Docker is installed, download the official BlueScript image by running the following command in your terminal: 26 | 27 | ```bash 28 | docker pull suhjae/bluescript 29 | ``` 30 | 31 | #### **3. Run BlueScript** 32 | 33 | After downloading the Docker image, start the container using the following command: 34 | 35 | ```bash 36 | docker run -d -p 80:3000 --name bluescript suhjae/bluescript 37 | ``` 38 | 39 | Here: 40 | 41 | - `-d` runs the container in the background. 42 | - `-p 80:3000` maps port 80 on your local machine to port 3000 inside the container. 43 | 44 | #### **4. Access BlueScript** 45 | 46 | Open your browser and navigate to `http://localhost` to access BlueScript. 47 | 48 | #### **5. Configure Settings** 49 | 50 | For additional configuration, you can modify the `docker-compose.yml` file or use Docker environment variables to customize BlueScript. For example, you can set up a web proxy like [Traefik](https://traefik.io/traefik/) within the `docker-compose.yml` file to connect your domain and create a more advanced setup. 51 | -------------------------------------------------------------------------------- /content/1.docs/1.getting-started/3.requirements.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Preparing for Training 3 | description: Setting up the environment for training with BlueScript 4 | --- 5 | 6 | ## Hardware 7 | 8 | BlueScript is a web application that can be used on any operating system. However, for effective training, it is recommended to use a device that meets the following criteria. 9 | 10 | ### Device Requirements 11 | 12 | - A computer, laptop, or tablet equipped with a physical keyboard. 13 | - A display of at least 7 inches (17.78 cm). 14 | 15 | ### Useful Tools 16 | 17 | - A notebook for recording training progress (account functionality for saving training records will be added soon). 18 | - Earplugs or headphones to block out noise in a distracting environment. 19 | 20 | ## Training Posture 21 | 22 | Maintain a distance of approximately 30 cm from your monitor during training. This is roughly equivalent to the diagonal length of an A4 sheet of paper. 23 | 24 | Do not rest your hands on the keyboard when not entering answers. In training sessions requiring short-term prompt memorization, pre-positioning your hands on the keyboard or preparing to type answers prematurely can reduce the effectiveness of the training. 25 | 26 | Avoid talking to yourself or muttering during training. Repeating prompts aloud or murmuring them can negatively impact the improvement of visual cognitive functions. 27 | -------------------------------------------------------------------------------- /content/1.docs/1.getting-started/4.training-config.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Configuring Training 3 | description: How to set up effective training sessions 4 | --- 5 | 6 | ## Overview 7 | 8 | BlueScript training allows users to customize their training settings. The difficulty level of the training has a significant impact on its success. If the difficulty is too high, the training becomes too challenging and less effective. Conversely, if the difficulty is too low, the training may become monotonous, also reducing its effectiveness. Therefore, adjusting the difficulty appropriately is key to conducting effective training sessions. 9 | 10 | ## Adjusting Difficulty 11 | 12 | Visit the [Training](/train) page to select a training module. You can also click the **Help** button to learn how to use each training module. 13 | 14 | ![select-procedure](/select-procedure.png){width="1024" height="576"} 15 | 16 | Once you select a module for training, you can configure its settings as shown in the image below. All training modules have settings for **time** and **character type**, which do not affect difficulty. In addition to these, each module includes unique settings. **Settings at the top have a greater impact on difficulty than those below.** 17 | 18 | ![setting-example](/setting-example.png){width="1024" height="576"} 19 | 20 | For example, in the Rapid Visual Perception module, adjusting **character length** by one step using the side arrows has a greater impact on difficulty than changing the **display time** by one step. Refer to each module's documentation for details on its specific settings. 21 | 22 | ## Training Results 23 | 24 | Training results are crucial indicators for adjusting the difficulty of subsequent sessions. Use the results to adjust difficulty as follows: 25 | -------------------------------------------------------------------------------- /content/1.docs/1.getting-started/_dir.yml: -------------------------------------------------------------------------------- 1 | title: Getting Started 2 | navigation.icon: i-ph-rocket-launch 3 | -------------------------------------------------------------------------------- /content/1.docs/2.training/_dir.yml: -------------------------------------------------------------------------------- 1 | title: Training 2 | navigation.icon: i-ph-yin-yang 3 | -------------------------------------------------------------------------------- /content/1.docs/2.training/visual/1.rapid-visual-perception.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Rapid Visual Perception 3 | description: Training to quickly recognize and input letters displayed briefly on the screen 4 | --- 5 | 6 | ## Overview 7 | 8 | Rapid Visual Perception training enhances the ability to identify and reproduce visual stimuli presented typically in less than 0.25 seconds. This training helps improve the speed of visual information processing, expands visual range, and enhances perception speed, visual memory, visualization, and temporal visual processing. 9 | 10 | Each training attempt follows this sequence and repeats until the allotted training time is exceeded: 11 | 12 | 1. Letters are displayed briefly on the screen. 13 | ![rapid-visual-perception-1](/rapid-visual-perception-1.png){width="1024" height="576"} 14 | 2. After the letters disappear, the trainee inputs the letters they remember and checks their answers. 15 | ![rapid-visual-perception-2](/rapid-visual-perception-2.png){width="1024" height="576"} 16 | 17 | ## Training Settings 18 | 19 | ### Duration (Minutes) 20 | 21 | The training ends after the current attempt finishes if the preset training duration is exceeded. The recommended training duration is around 5 minutes, and sessions exceeding 10 minutes are not advised. 22 | 23 | ### Character Type 24 | 25 | Sets the type of characters used in the training. Using characters from the trainee's native language is most effective. The available character types are: 26 | 27 | - **Numbers**: Digits from 0 to 9 28 | - **Alphabets**: Uppercase letters from A to Z 29 | - **Alphabets + Numbers**: Uppercase letters (A-Z) and numbers (0-9) 30 | - **Korean**: Korean consonants (e.g., ㄱ, ㄴ, ㄷ) and vowels (e.g., ㅏ, ㅑ, ㅓ) 31 | 32 | **To lower the difficulty**, select simpler character types (e.g., from `Alphabets + Numbers` to `Alphabets` or `Numbers`). 33 | 34 | **To increase the difficulty**, select more complex character types (e.g., from `Numbers` to `Alphabets + Numbers`). 35 | 36 | ### Character Length 37 | 38 | Sets the length of the character string used in the training. The length can be set from `1` to `10`. Longer character lengths significantly **increase difficulty**. 39 | 40 | ### Display Time (Seconds) 41 | 42 | Sets the duration for which characters are displayed on the screen. The display time can be adjusted from `0.05` to `1` second. Shorter display times **slightly** increase the difficulty. The recommended range is `0.05` to `0.5` seconds. If further difficulty adjustment is needed, modify the character length instead. 43 | 44 | ## Adjusting Training Difficulty 45 | 46 | Based on training results, you can determine whether the current settings are appropriate: 47 | 48 | ### Accuracy/Average Accuracy 49 | 50 | - **Below 70%**: The difficulty is too high. If low accuracy persists (2–3 sessions), reduce the difficulty for the next session. 51 | - **70%–80%**: The difficulty is appropriate. Continue with the current settings for the next session. 52 | - **Above 80%**: The difficulty is too low. Increase the difficulty for the next session. 53 | 54 | After assessing the difficulty using the above criteria, adjust the training settings within the recommended ranges. 55 | -------------------------------------------------------------------------------- /content/1.docs/2.training/visual/2.sequential-visual-memory.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Sequential Visual Memory 3 | description: Training to recall and input letters displayed sequentially 4 | --- 5 | 6 | ## Overview 7 | 8 | Sequential Visual Memory training involves identifying and memorizing a series of characters displayed in sequence and recalling them after a set delay. This training enhances sequential visual memory, working memory, perception speed, visual-motor accuracy, and sequential processing ability. 9 | 10 | Each training attempt follows this sequence and repeats until the allotted training time is exceeded: 11 | 12 | 1. Characters are displayed one by one in order on the screen. 13 | ![sequential-visual-memory-1](/sequential-visual-memory-1.png){width="1024" height="576"} 14 | 2. After all characters are displayed, a delay (which can be disabled by setting to 0 seconds) shows a random pattern on the screen. 15 | ![sequential-visual-memory-2](/sequential-visual-memory-2.png){width="1024" height="576"} 16 | 3. Once the pattern disappears, the trainee inputs the characters they remember and checks their answers. 17 | ![sequential-visual-memory-3](/sequential-visual-memory-3.png){width="1024" height="576"} 18 | 19 | ## Training Settings 20 | 21 | ### Duration (Minutes) 22 | 23 | The training ends after the current attempt finishes if the preset training duration is exceeded. The recommended training duration is around 5 minutes, and sessions exceeding 10 minutes are not advised. 24 | 25 | ### Character Type 26 | 27 | Sets the type of characters used in the training. Using characters from the trainee's native language is most effective. The available character types are: 28 | 29 | - **Numbers**: Digits from 0 to 9 30 | - **Alphabets**: Uppercase letters from A to Z 31 | - **Alphabets + Numbers**: Uppercase letters (A-Z) and numbers (0-9) 32 | - **Korean**: Korean consonants (e.g., ㄱ, ㄴ, ㄷ) and vowels (e.g., ㅏ, ㅑ, ㅓ) 33 | 34 | **To lower the difficulty**, select simpler character types (e.g., from `Alphabets + Numbers` to `Alphabets` or `Numbers`). 35 | 36 | **To increase the difficulty**, select more complex character types (e.g., from `Numbers` to `Alphabets + Numbers`). 37 | 38 | ### Character Length 39 | 40 | Sets the length of the character sequence used in the training. The length can be set from `1` to `6`, and longer sequences significantly **increase difficulty**. 41 | 42 | ### Delay Time (Seconds) 43 | 44 | Sets the time for which the random pattern is displayed after the characters. Delay time can be adjusted from `0` to `25` seconds. Longer delays **slightly** increase the difficulty. The recommended range is `0` to `15` seconds. If adjusting the delay time is insufficient to fine-tune the difficulty, modify the character length instead. 45 | 46 | ## Adjusting Training Difficulty 47 | 48 | Based on training results, you can determine whether the current settings are appropriate: 49 | 50 | ### Accuracy/Average Accuracy 51 | 52 | - **Below 70%**: The difficulty is too high. If low accuracy persists (2–3 sessions), reduce the difficulty for the next session. 53 | - **70%–80%**: The difficulty is appropriate. Continue with the current settings for the next session. 54 | - **Above 80%**: The difficulty is too low. Increase the difficulty for the next session. 55 | 56 | After assessing the difficulty using the above criteria, adjust the training settings within the recommended ranges. 57 | -------------------------------------------------------------------------------- /content/1.docs/2.training/visual/4.character-matching.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Character Matching 3 | description: Training to locate and click on matching characters from visually similar options 4 | --- 5 | 6 | ## Overview 7 | 8 | Character Matching training involves clicking on strings that visually match a given example. This training enhances visual planning, perception speed, shape perception, visual memory, ocular motor skills, directionality, and temporal visual processing. 9 | 10 | Each training attempt follows this sequence and repeats until the allotted training time is exceeded: 11 | 12 | 1. At the start of an attempt, the example string is displayed at the top. 13 | ![character-matching-1](/character-matching-1.png){width="1024" height="576"} 14 | 2. Using the mouse, locate and click on strings in the input field below that match the example. The input field contains 30% correct answers and 70% incorrect answers, with incorrect strings differing from the example by only one character. The number of remaining correct answers is also displayed below. 15 | ![character-matching-2](/character-matching-2.png){width="1024" height="576"} 16 | 3. Once all correct strings are located, the training progresses to the next attempt. 17 | 18 | ## Training Settings 19 | 20 | ### Duration (Minutes) 21 | 22 | The training ends after the current attempt finishes if the preset training duration is exceeded. The recommended training duration is around 5 minutes, and sessions exceeding 10 minutes are not advised. 23 | 24 | ### Character Type 25 | 26 | Sets the type of characters used in the training. Using characters from the trainee's native language is most effective. The available character types are: 27 | 28 | - **Numbers**: Digits from 0 to 9 29 | - **Alphabets**: Uppercase letters from A to Z 30 | - **Alphabets + Numbers**: Uppercase letters (A-Z) and numbers (0-9) 31 | - **Korean**: Korean consonants (e.g., ㄱ, ㄴ, ㄷ) and vowels (e.g., ㅏ, ㅑ, ㅓ) 32 | 33 | **To lower the difficulty**, select simpler character types (e.g., from `Alphabets + Numbers` to `Alphabets` or `Numbers`). 34 | 35 | **To increase the difficulty**, select more complex character types (e.g., from `Numbers` to `Alphabets + Numbers`). 36 | 37 | ### Answer Length 38 | 39 | Sets the length of the strings used in the training. The length can be set between 2 and 6. Increasing the number of characters **significantly increases difficulty**. 40 | 41 | ### Number of Answers 42 | 43 | Sets the number of correct answers displayed in the input field. This can be set between 15 and 60. Increasing the number of correct answers **slightly increases difficulty**. 44 | 45 | ## Adjusting Training Difficulty 46 | 47 | Based on training results, you can determine whether the current settings are appropriate: 48 | 49 | ### Accuracy/Average Accuracy 50 | 51 | - **Below 70%**: The difficulty is too high. If low accuracy persists (2–3 sessions), reduce the difficulty for the next session. 52 | - **70%–80%**: The difficulty is appropriate. Continue with the current settings for the next session. 53 | - **Above 80%**: The difficulty is too low. Increase the difficulty for the next session. 54 | 55 | ### Average Attempt Time 56 | 57 | - **Over 40 seconds**: The difficulty is too high. If this persists (2–3 sessions), reduce the difficulty for the next session. 58 | - **30–40 seconds**: The difficulty is appropriate. Continue with the current settings for the next session. 59 | - **Below 30 seconds**: The difficulty is too low. Increase the difficulty for the next session. 60 | 61 | Adjust the settings within the recommended ranges based on the above criteria to optimize training effectiveness. 62 | -------------------------------------------------------------------------------- /content/1.docs/2.training/visual/_dir.yml: -------------------------------------------------------------------------------- 1 | title: Visual 2 | navigation.icon: i-ph-eye 3 | -------------------------------------------------------------------------------- /content/1.docs/3.Policies/_dir.yml: -------------------------------------------------------------------------------- 1 | title: Policies 2 | navigation.icon: i-ph-book-bookmark 3 | -------------------------------------------------------------------------------- /content/1.docs/_dir.yml: -------------------------------------------------------------------------------- 1 | navigation.icon: i-ph-book 2 | title: Documentation 3 | -------------------------------------------------------------------------------- /content/ar/1.docs/1.getting-started/1.index.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: المقدمة 3 | description: مرحبًا بكم في BlueScript. 4 | --- 5 | 6 | ## ما هو BlueScript؟ 7 | 8 | BlueScript هو مشروع مفتوح المصدر مصمم لمساعدة الأفراد الذين يعانون من عسر القراءة. يجمع الاسم بين عنصرين: "Blue" التي ترمز إلى التغيير الإيجابي، و"Script" التي تمثل الحروف أو النصوص. يتجاوز هذا المشروع الأساليب اللغوية التقليدية عبر استخدام منهجيات علوم الأعصاب لتقديم تدريبات فعّالة للأشخاص الذين يعانون من عسر القراءة. 9 | 10 | لتوفير إمكانية وصول الأفراد الذين يعانون من عسر القراءة إلى التدريبات في أي مكان، تم تطوير BlueScript كتطبيق ويب. يقدم هذا التطبيق مجموعة متنوعة من الوحدات التدريبية التي تهدف إلى تقوية الروابط العصبية في الدماغ، مما يساعد على معالجة عدم الكفاءة الناجمة عن عسر القراءة. 11 | 12 | ### بدايات BlueScript: سوه جاي 13 | 14 | تم إطلاق هذا المشروع بواسطة [سوه جاي](https://github.com/SuhJae)، الذي عانى من تحديات وآلام عسر القراءة خلال طفولته. إذ كان يواجه صعوبة في سرعة القراءة ومحدودية الإلمام بالقراءة والكتابة. عمل سوه جاي بجد للتغلب على هذه الصعوبات. لحسن الحظ، ساعده التدريب الذي تلقاه خلال المرحلة الإعدادية على تحسين مهاراته في القراءة. ولكن، تركت هذه التجربة فهمًا عميقًا للصعوبات التي يواجهها الكثيرون في التغلب على عسر القراءة. 15 | 16 | بدافع من رحلته الشخصية، قام سوه جاي بتطوير **BlueScript** بهدف تخفيف معاناة الآخرين الذين يعانون من عسر القراءة. أدرك أن العبء المالي غالبًا ما يجعل التغلب على عسر القراءة أمرًا بعيد المنال للكثيرين. وقاده هذا الإدراك إلى تصميم برنامج تدريبي مجاني لعسر القراءة، يمنح الناس فرصة للتغلب عليه دون قيود اقتصادية. 17 | 18 | ## مشروع مفتوح المصدر 19 | 20 | BlueScript هو مشروع مفتوح المصدر يمكن لأي شخص استخدامه والمساهمة فيه مجانًا. يتم تشجيع كل من المستخدمين والمطورين على المشاركة في تحسين البرامج التدريبية. حاليًا، يتوفر BlueScript بتسع لغات، مع استمرار إصلاح الأخطاء وتحسين واجهة المستخدم ([GitHub BlueScript](https://github.com/BlueScript-NPO)). 21 | 22 | ## الوحدات التدريبية 23 | 24 | يوفر BlueScript مجموعة من الوحدات التدريبية المصممة لتحفيز الخلايا العصبية في الدماغ وتعزيز مهارات القراءة للأفراد الذين يعانون من عسر القراءة. تشمل الوحدات التدريبية الرئيسية: 25 | 26 | 1. [**الإدراك البصري السريع**](/ar/docs/training/visual/rapid-visual-perception): وحدة تدريبية يتعرف فيها المستخدمون بسرعة على الحروف المعروضة لفترة وجيزة على الشاشة ويقومون بإدخالها. 27 | 2. [**الذاكرة البصرية التسلسلية**](/ar/docs/training/visual/sequential-visual-memory): وحدة تعرض الحروف واحدًا تلو الآخر، ويجب على المستخدمين تذكرها وإدخالها. 28 | 3. [**تسلسل الحروف**](/ar/docs/training/visual/character-sequencing): تدريب يشمل تحديد وإدخال الحروف بترتيب محدد. 29 | 4. [**مطابقة الحروف**](/ar/docs/training/visual/character-matching): وحدة يقوم فيها المستخدمون بتحديد الحروف المطابقة للتلميح المُعطى من بين حروف متشابهة بصريًا. 30 | 5. [**التخمين الحرفي**](/ar/docs/training/visual/character-guesstimate): وحدة تظهر الحروف تدريجيًا، ويجب على المستخدمين التنبؤ بها وإدخالها بأسرع وقت ممكن. 31 | 32 | تم تصميم هذه الوحدات لتحفيز الدماغ بطرق متنوعة، مما يضمن بقاء المستخدمين متحمسين وعدم شعورهم بالملل من تكرار الأنشطة. 33 | -------------------------------------------------------------------------------- /content/ar/1.docs/1.getting-started/2.installation.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: التثبيت 3 | description: كيفية تثبيت واستخدام BlueScript 4 | navigation: التثبيت 5 | --- 6 | 7 | ## للمستخدمين العامين 8 | 9 | يتم تقديم BlueScript كتطبيق ويب، مما يتيح لك استخدامه بسهولة من أي مكان باستخدام **المتصفح** فقط، دون الحاجة إلى أي عملية تثبيت. قم بزيارة التطبيق الرسمي وابدأ في الاستفادة من جميع ميزات BlueScript على الفور. 10 | 11 | ## الاستضافة الذاتية 12 | 13 | بالإضافة إلى التطبيق الرسمي، يمكنك استضافة **BlueScript** على خادمك الخاص. هذا الخيار مناسب للأشخاص الذين لديهم مهارات في إدارة الخوادم أو الذين يفضلون بيئة مخصصة. 14 | 15 | ### الاستضافة باستخدام Docker 16 | 17 | يمكن استضافة BlueScript بسهولة باستخدام [الصورة الرسمية لـ Docker](https://hub.docker.com/r/suhjae/bluescript). اتبع الخطوات التالية لتثبيت Docker وتشغيل خادم BlueScript. 18 | 19 | #### **1. تثبيت Docker** 20 | 21 | إذا لم يكن Docker مثبتًا بالفعل، قم بتنزيل وتثبيت Docker لنظام التشغيل الخاص بك من [الموقع الرسمي لـ Docker](https://www.docker.com/). 22 | 23 | #### **2. تحميل صورة BlueScript على Docker** 24 | 25 | بعد تثبيت Docker، قم بتنزيل الصورة الرسمية لـ BlueScript عن طريق تشغيل الأمر التالي في الطرفية: 26 | 27 | ```bash 28 | docker pull suhjae/bluescript 29 | ``` 30 | 31 | #### **3. تشغيل BlueScript** 32 | 33 | بعد تنزيل صورة Docker، قم بتشغيل الحاوية باستخدام الأمر التالي: 34 | 35 | ```bash 36 | docker run -d -p 80:3000 --name bluescript suhjae/bluescript 37 | ``` 38 | 39 | التفاصيل: 40 | 41 | - `-d` لتشغيل الحاوية في الخلفية. 42 | - `-p 80:3000` لربط المنفذ 80 على جهازك المحلي بالمنفذ 3000 داخل الحاوية. 43 | 44 | #### **4. الوصول إلى BlueScript** 45 | 46 | افتح متصفحك وانتقل إلى `http://localhost` للوصول إلى BlueScript. 47 | 48 | #### **5. إعداد التكوينات** 49 | 50 | لإجراء إعدادات إضافية، يمكنك تعديل ملف `docker-compose.yml` أو استخدام متغيرات البيئة الخاصة بـ Docker لتخصيص BlueScript. على سبيل المثال، يمكنك إعداد وكيل ويب مثل [Traefik](https://traefik.io/traefik/) داخل ملف `docker-compose.yml` لربط النطاق الخاص بك وإنشاء إعداد أكثر تقدمًا. 51 | -------------------------------------------------------------------------------- /content/ar/1.docs/1.getting-started/3.requirements.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: الاستعداد للتدريب 3 | description: إعداد البيئة للتدريب باستخدام BlueScript 4 | --- 5 | 6 | ## الأجهزة 7 | 8 | BlueScript هو تطبيق ويب يمكن استخدامه على أي نظام تشغيل. ومع ذلك، للحصول على تدريب فعال، يُوصى باستخدام جهاز يفي بالمعايير التالية. 9 | 10 | ### متطلبات الجهاز 11 | 12 | - جهاز كمبيوتر مكتبي، أو محمول، أو جهاز لوحي مزود بلوحة مفاتيح فعلية. 13 | - شاشة لا تقل عن 7 بوصات (17.78 سم). 14 | 15 | ### أدوات مفيدة 16 | 17 | - دفتر ملاحظات لتسجيل تقدم التدريب (سيتم إضافة وظيفة الحساب لحفظ سجلات التدريب قريبًا). 18 | - سدادات أذن أو سماعات رأس لحجب الضوضاء في بيئة مشتتة. 19 | 20 | ## وضعية التدريب 21 | 22 | حافظ على مسافة حوالي 30 سم من شاشتك أثناء التدريب. هذه المسافة تعادل تقريبًا الطول القطري لورقة بحجم A4. 23 | 24 | لا تضع يديك على لوحة المفاتيح عندما لا تكون في وضع إدخال الإجابات. في الجلسات التدريبية التي تتطلب حفظًا قصير المدى للمحفزات، قد يقلل وضع يديك مسبقًا على لوحة المفاتيح أو الاستعداد لإدخال الإجابات من فعالية التدريب. 25 | 26 | تجنب التحدث مع نفسك أو التمتمة أثناء التدريب. تكرار المحفزات بصوت عالٍ أو التمتمة بها قد يؤثر سلبًا على تحسين الوظائف البصرية الإدراكية. 27 | -------------------------------------------------------------------------------- /content/ar/1.docs/1.getting-started/4.training-config.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: إعداد التدريب 3 | description: كيفية إعداد جلسات تدريب فعالة 4 | --- 5 | 6 | ## نظرة عامة 7 | 8 | يسمح تدريب BlueScript للمستخدمين بتخصيص إعدادات التدريب. تؤثر درجة صعوبة التدريب بشكل كبير على نجاحه. إذا كانت الصعوبة مرتفعة جدًا، يصبح التدريب مرهقًا وأقل فعالية. وعلى العكس، إذا كانت الصعوبة منخفضة جدًا، فقد يصبح التدريب رتيبًا، مما يقلل من فعاليته أيضًا. لذلك، يعد ضبط مستوى الصعوبة بشكل مناسب أمرًا أساسيًا لإجراء جلسات تدريب فعّالة. 9 | 10 | ## ضبط الصعوبة 11 | 12 | قم بزيارة صفحة [التدريب](/ar/train) لاختيار وحدة تدريبية. يمكنك أيضًا النقر على زر **المساعدة** لمعرفة كيفية استخدام كل وحدة تدريبية. 13 | 14 | ![select-procedure](/select-procedure.png){width="1024" height="576"} 15 | 16 | بمجرد اختيار وحدة تدريبية، يمكنك تكوين إعداداتها كما هو موضح في الصورة أدناه. تحتوي جميع الوحدات التدريبية على إعدادات لـ **الوقت** و**نوع الحروف**، وهي لا تؤثر على مستوى الصعوبة. بالإضافة إلى ذلك، تتضمن كل وحدة إعدادات فريدة. **الإعدادات الموجودة في الأعلى لها تأثير أكبر على مستوى الصعوبة مقارنةً بالإعدادات الموجودة أدناه.** 17 | 18 | ![setting-example](/setting-example.png){width="1024" height="576"} 19 | 20 | على سبيل المثال، في وحدة الإدراك البصري السريع، يؤدي تعديل **طول الحرف** بمقدار خطوة واحدة باستخدام الأسهم الجانبية إلى تأثير أكبر على مستوى الصعوبة مقارنةً بتغيير **وقت العرض** بمقدار خطوة واحدة. راجع توثيق كل وحدة تدريبية للحصول على تفاصيل حول إعداداتها المحددة. 21 | 22 | ## نتائج التدريب 23 | 24 | تعد نتائج التدريب مؤشرات مهمة لضبط صعوبة الجلسات التالية. استخدم النتائج لضبط مستوى الصعوبة كما يلي: 25 | -------------------------------------------------------------------------------- /content/ar/1.docs/1.getting-started/_dir.yml: -------------------------------------------------------------------------------- 1 | title: الشروع في العمل 2 | navigation.icon: i-ph-rocket-launch 3 | -------------------------------------------------------------------------------- /content/ar/1.docs/2.training/_dir.yml: -------------------------------------------------------------------------------- 1 | title: التدريب 2 | navigation.icon: i-ph-yin-yang 3 | -------------------------------------------------------------------------------- /content/ar/1.docs/2.training/visual/1.rapid-visual-perception.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: الإدراك البصري السريع 3 | description: تدريب على التعرف بسرعة على الحروف المعروضة لفترة وجيزة على الشاشة وإدخالها 4 | --- 5 | 6 | ## نظرة عامة 7 | 8 | يهدف تدريب الإدراك البصري السريع إلى تعزيز القدرة على التعرف على المحفزات البصرية وإعادة إنتاجها، والتي تُعرض عادةً لمدة تقل عن 0.25 ثانية. يساعد هذا التدريب على تحسين سرعة معالجة المعلومات البصرية، وتوسيع النطاق البصري، وتعزيز سرعة الإدراك، والذاكرة البصرية، والتصور البصري، والمعالجة البصرية الزمنية. 9 | 10 | يتبع كل محاولة تدريبية هذا التسلسل وتكرر حتى ينتهي وقت التدريب المحدد: 11 | 12 | 1. تُعرض الحروف لفترة وجيزة على الشاشة. 13 | ![rapid-visual-perception-1](/rapid-visual-perception-1.png){width="1024" height="576"} 14 | 2. بعد اختفاء الحروف، يقوم المتدرب بإدخال الحروف التي يتذكرها والتحقق من الإجابات. 15 | ![rapid-visual-perception-2](/rapid-visual-perception-2.png){width="1024" height="576"} 16 | 17 | ## إعدادات التدريب 18 | 19 | ### المدة (بالدقائق) 20 | 21 | ينتهي التدريب بعد انتهاء المحاولة الحالية إذا تم تجاوز مدة التدريب المحددة مسبقًا. يُوصى بأن تكون مدة التدريب حوالي 5 دقائق، ولا يُنصح بجلسات تتجاوز 10 دقائق. 22 | 23 | ### نوع الحروف 24 | 25 | يحدد نوع الحروف المستخدمة في التدريب. يُفضل استخدام الحروف من لغة المتدرب الأم لتحقيق فعالية أكبر. الأنواع المتاحة من الحروف هي: 26 | 27 | - **الأرقام**: الأرقام من 0 إلى 9 28 | - **الأبجدية**: الأحرف الكبيرة من A إلى Z 29 | - **الأبجدية + الأرقام**: الأحرف الكبيرة (A-Z) والأرقام (0-9) 30 | - **الكورية**: الحروف الساكنة الكورية (مثل ㄱ, ㄴ, ㄷ) والحروف المتحركة (مثل ㅏ, ㅑ, ㅓ) 31 | 32 | **لتقليل الصعوبة**، اختر أنواعًا أبسط من الحروف (مثل: من `الأبجدية + الأرقام` إلى `الأبجدية` أو `الأرقام`). 33 | 34 | **لزيادة الصعوبة**، اختر أنواعًا أكثر تعقيدًا من الحروف (مثل: من `الأرقام` إلى `الأبجدية + الأرقام`). 35 | 36 | ### طول الحروف 37 | 38 | يحدد طول سلسلة الحروف المستخدمة في التدريب. يمكن ضبط الطول من `1` إلى `10`. الأطوال الأطول تزيد **الصعوبة بشكل كبير**. 39 | 40 | ### وقت العرض (بالثواني) 41 | 42 | يحدد مدة عرض الحروف على الشاشة. يمكن ضبط وقت العرض من `0.05` إلى `1` ثانية. تقليل وقت العرض **يزيد الصعوبة قليلاً**. النطاق الموصى به هو من `0.05` إلى `0.5` ثانية. إذا كانت هناك حاجة لمزيد من تعديل الصعوبة، قم بتغيير طول الحروف بدلًا من ذلك. 43 | 44 | ## ضبط صعوبة التدريب 45 | 46 | بناءً على نتائج التدريب، يمكنك تحديد ما إذا كانت الإعدادات الحالية مناسبة: 47 | 48 | ### الدقة/متوسط الدقة 49 | 50 | - **أقل من 70%**: الصعوبة مرتفعة جدًا. إذا استمرت الدقة المنخفضة (2-3 جلسات)، قم بتقليل الصعوبة للجلسة التالية. 51 | - **70%-80%**: الصعوبة مناسبة. استمر بالإعدادات الحالية للجلسة التالية. 52 | - **أعلى من 80%**: الصعوبة منخفضة جدًا. قم بزيادة الصعوبة للجلسة التالية. 53 | 54 | بعد تقييم الصعوبة باستخدام المعايير أعلاه، قم بضبط إعدادات التدريب ضمن النطاقات الموصى بها. 55 | -------------------------------------------------------------------------------- /content/ar/1.docs/2.training/visual/2.sequential-visual-memory.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: الذاكرة البصرية التسلسلية 3 | description: تدريب على تذكر وإدخال الحروف المعروضة بشكل متسلسل 4 | --- 5 | 6 | ## نظرة عامة 7 | 8 | يتضمن تدريب الذاكرة البصرية التسلسلية التعرف على سلسلة من الحروف المعروضة بشكل متسلسل وتذكرها بعد فترة زمنية محددة. يعزز هذا التدريب الذاكرة البصرية التسلسلية، والذاكرة العاملة، وسرعة الإدراك، والدقة البصرية الحركية، والقدرة على معالجة التسلسل. 9 | 10 | يتبع كل محاولة تدريبية هذا التسلسل وتكرر حتى ينتهي وقت التدريب المحدد: 11 | 12 | 1. تُعرض الحروف واحدًا تلو الآخر بترتيب معين على الشاشة. 13 | ![sequential-visual-memory-1](/sequential-visual-memory-1.png){width="1024" height="576"} 14 | 2. بعد عرض جميع الحروف، تظهر على الشاشة نمط عشوائي (يمكن تعطيله بضبط الوقت على 0 ثانية). 15 | ![sequential-visual-memory-2](/sequential-visual-memory-2.png){width="1024" height="576"} 16 | 3. بعد اختفاء النمط، يقوم المتدرب بإدخال الحروف التي يتذكرها والتحقق من الإجابات. 17 | ![sequential-visual-memory-3](/sequential-visual-memory-3.png){width="1024" height="576"} 18 | 19 | ## إعدادات التدريب 20 | 21 | ### المدة (بالدقائق) 22 | 23 | ينتهي التدريب بعد انتهاء المحاولة الحالية إذا تم تجاوز مدة التدريب المحددة مسبقًا. يُوصى بأن تكون مدة التدريب حوالي 5 دقائق، ولا يُنصح بجلسات تتجاوز 10 دقائق. 24 | 25 | ### نوع الحروف 26 | 27 | يحدد نوع الحروف المستخدمة في التدريب. يُفضل استخدام الحروف من لغة المتدرب الأم لتحقيق فعالية أكبر. الأنواع المتاحة من الحروف هي: 28 | 29 | - **الأرقام**: الأرقام من 0 إلى 9 30 | - **الأبجدية**: الأحرف الكبيرة من A إلى Z 31 | - **الأبجدية + الأرقام**: الأحرف الكبيرة (A-Z) والأرقام (0-9) 32 | - **الكورية**: الحروف الساكنة الكورية (مثل ㄱ, ㄴ, ㄷ) والحروف المتحركة (مثل ㅏ, ㅑ, ㅓ) 33 | 34 | **لتقليل الصعوبة**، اختر أنواعًا أبسط من الحروف (مثل: من `الأبجدية + الأرقام` إلى `الأبجدية` أو `الأرقام`). 35 | 36 | **لزيادة الصعوبة**، اختر أنواعًا أكثر تعقيدًا من الحروف (مثل: من `الأرقام` إلى `الأبجدية + الأرقام`). 37 | 38 | ### طول الحروف 39 | 40 | يحدد طول سلسلة الحروف المستخدمة في التدريب. يمكن ضبط الطول من `1` إلى `6`. الأطوال الأطول تزيد **الصعوبة بشكل كبير**. 41 | 42 | ### وقت التأخير (بالثواني) 43 | 44 | يحدد الوقت الذي يُعرض فيه النمط العشوائي بعد الحروف. يمكن ضبط وقت التأخير من `0` إلى `25` ثانية. الأوقات الأطول تزيد **الصعوبة قليلاً**. النطاق الموصى به هو من `0` إلى `15` ثانية. إذا كان تعديل وقت التأخير غير كافٍ لضبط الصعوبة، قم بتغيير طول الحروف بدلًا من ذلك. 45 | 46 | ## ضبط صعوبة التدريب 47 | 48 | بناءً على نتائج التدريب، يمكنك تحديد ما إذا كانت الإعدادات الحالية مناسبة: 49 | 50 | ### الدقة/متوسط الدقة 51 | 52 | - **أقل من 70%**: الصعوبة مرتفعة جدًا. إذا استمرت الدقة المنخفضة (2-3 جلسات)، قم بتقليل الصعوبة للجلسة التالية. 53 | - **70%-80%**: الصعوبة مناسبة. استمر بالإعدادات الحالية للجلسة التالية. 54 | - **أعلى من 80%**: الصعوبة منخفضة جدًا. قم بزيادة الصعوبة للجلسة التالية. 55 | 56 | بعد تقييم الصعوبة باستخدام المعايير أعلاه، قم بضبط إعدادات التدريب ضمن النطاقات الموصى بها. 57 | -------------------------------------------------------------------------------- /content/ar/1.docs/2.training/visual/3.character-sequencing.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: ترتيب الحروف 3 | description: تدريب على تحديد وإدخال الحروف بترتيب معين 4 | --- 5 | 6 | ## نظرة عامة 7 | 8 | يتضمن تدريب ترتيب الحروف تحديد وإدخال الحروف المعروضة على الشاشة بترتيب معين باستخدام مفتاح السهم الأيمن وشريط المسافة. يساعد هذا التدريب على تحسين المعالجة البصرية الزمنية، والانتباه البصري، والتمييز البصري، والتفكير المكاني، وسرعة الإدراك البصري. 9 | 10 | يتبع كل محاولة تدريبية هذا التسلسل وتكرر حتى ينتهي وقت التدريب المحدد: 11 | 12 | 1. في بداية المحاولة، يتم عرض تسلسل من الحروف في الأعلى، ويظهر حقل إدخال أسفله. 13 | ![character-sequencing-1](/character-sequencing-1.png){width="1024" height="576"} 14 | 2. استخدم مفتاح السهم الأيمن لتحريك المؤشر في حقل الإدخال. عندما يتطابق المؤشر مع حرف في التسلسل، اضغط على شريط المسافة. إذا تخطيت حرفًا أو ضغطت على شريط المسافة عند حرف خاطئ، يُحتسب ذلك كخطأ، وينتقل المؤشر إلى أقرب حرف صحيح في التسلسل. 15 | ![character-sequencing-2](/character-sequencing-2.png){width="1024" height="576"} 16 | على سبيل المثال، في الصورة أعلاه، تم تحديد الحروف ㅔ، ㅐ، ㄷ، وㅑ بالفعل. الحرف التالي لإدخاله هو ㅜ. إذا فاتك الحرف ㅜ أو ضغطت على شريط المسافة عند حرف خاطئ، ينتقل المؤشر إلى الحرف التالي في التسلسل، وهو ㅈ. 17 | 3. تنتهي المحاولة عندما يصل المؤشر إلى الحرف الأخير في التسلسل. 18 | 19 | ## إعدادات التدريب 20 | 21 | ### المدة (بالدقائق) 22 | 23 | ينتهي التدريب بعد انتهاء المحاولة الحالية إذا تم تجاوز مدة التدريب المحددة مسبقًا. يُوصى بأن تكون مدة التدريب حوالي 5 دقائق، ولا يُنصح بجلسات تتجاوز 10 دقائق. 24 | 25 | ### نوع الحروف 26 | 27 | يحدد نوع الحروف المستخدمة في التدريب. يُفضل استخدام الحروف من لغة المتدرب الأم لتحقيق فعالية أكبر. الأنواع المتاحة من الحروف هي: 28 | 29 | - **الأرقام**: الأرقام من 0 إلى 9 30 | - **الأبجدية**: الأحرف الكبيرة من A إلى Z 31 | - **الأبجدية + الأرقام**: الأحرف الكبيرة (A-Z) والأرقام (0-9) 32 | - **الكورية**: الحروف الساكنة الكورية (مثل ㄱ, ㄴ, ㄷ) والحروف المتحركة (مثل ㅏ, ㅑ, ㅓ) 33 | 34 | **لتقليل الصعوبة**، اختر أنواعًا أبسط من الحروف (مثل: من `الأبجدية + الأرقام` إلى `الأبجدية` أو `الأرقام`). 35 | 36 | **لزيادة الصعوبة**، اختر أنواعًا أكثر تعقيدًا من الحروف (مثل: من `الأرقام` إلى `الأبجدية + الأرقام`). 37 | 38 | ### نوع التسلسل 39 | 40 | يحدد نوع التسلسل المستخدم في التدريب. الخيارات المتاحة هي: 41 | 42 | - **تسلسلي**: يتم عرض التسلسل بترتيب (مثل: `ABCD`, `ㄱㄴㄷㄹ`, `1234`). 43 | - **عشوائي**: يتم عرض التسلسل بشكل عشوائي (مثل: `HOEB`, `ㅐㅎㅍㅓ`, `0584`). 44 | 45 | استخدام التسلسل التسلسلي **يقلل بشكل كبير** من الصعوبة، بينما يزيد التسلسل العشوائي **بشكل كبير** من الصعوبة. 46 | 47 | ::callout{color="primary" icon="i-ph-lightbulb"} 48 | عند استخدام تسلسل عشوائي، شجع المتدرب على حفظ أكبر عدد ممكن من الحروف مرة واحدة وتحديد مواقعها بناءً على الذاكرة. 49 | :: 50 | 51 | ### طول التسلسل 52 | 53 | يحدد طول التسلسل المستخدم في التدريب. يمكن ضبط الطول من `1` إلى `25`، مع زيادة الأطوال الأطول **الصعوبة بشكل كبير**. 54 | 55 | ## ضبط صعوبة التدريب 56 | 57 | بناءً على نتائج التدريب، يمكنك تحديد ما إذا كانت الإعدادات الحالية مناسبة: 58 | 59 | ### الدقة/متوسط الدقة 60 | 61 | - **أقل من 70%**: الصعوبة مرتفعة جدًا. إذا استمرت الدقة المنخفضة (2-3 جلسات)، قم بتقليل الصعوبة للجلسة التالية. 62 | - **70%-80%**: الصعوبة مناسبة. استمر بالإعدادات الحالية للجلسة التالية. 63 | - **أعلى من 80%**: الصعوبة منخفضة جدًا. قم بزيادة الصعوبة للجلسة التالية. 64 | 65 | ### متوسط وقت المحاولة 66 | 67 | - **أكثر من 40 ثانية**: الصعوبة مرتفعة جدًا. إذا استمر هذا (2-3 جلسات)، قم بتقليل الصعوبة للجلسة التالية. 68 | - **30-40 ثانية**: الصعوبة مناسبة. استمر بالإعدادات الحالية للجلسة التالية. 69 | - **أقل من 30 ثانية**: الصعوبة منخفضة جدًا. قم بزيادة الصعوبة للجلسة التالية. 70 | 71 | قم بضبط الإعدادات ضمن النطاقات الموصى بها بناءً على المعايير المذكورة أعلاه لتحسين فعالية التدريب. 72 | -------------------------------------------------------------------------------- /content/ar/1.docs/2.training/visual/4.character-matching.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: مطابقة الحروف 3 | description: تدريب على تحديد والنقر على الحروف المتطابقة من بين خيارات متشابهة بصريًا 4 | --- 5 | 6 | ## نظرة عامة 7 | 8 | يتضمن تدريب مطابقة الحروف النقر على سلاسل الحروف التي تتطابق بصريًا مع المثال المعطى. يساعد هذا التدريب على تحسين التخطيط البصري، سرعة الإدراك، إدراك الأشكال، الذاكرة البصرية، مهارات حركة العين، الاتجاهية، والمعالجة البصرية الزمنية. 9 | 10 | يتبع كل محاولة تدريبية هذا التسلسل وتكرر حتى ينتهي وقت التدريب المحدد: 11 | 12 | 1. في بداية المحاولة، يتم عرض سلسلة المثال في الأعلى. 13 | ![character-matching-1](/character-matching-1.png){width="1024" height="576"} 14 | 2. باستخدام الماوس، حدد وانقر على السلاسل في حقل الإدخال أدناه التي تتطابق مع المثال. يحتوي حقل الإدخال على 30% إجابات صحيحة و70% إجابات خاطئة، حيث تختلف السلاسل الخاطئة عن المثال بحرف واحد فقط. يتم عرض عدد الإجابات الصحيحة المتبقية أيضًا في الأسفل. 15 | ![character-matching-2](/character-matching-2.png){width="1024" height="576"} 16 | 3. بمجرد تحديد جميع السلاسل الصحيحة، ينتقل التدريب إلى المحاولة التالية. 17 | 18 | ## إعدادات التدريب 19 | 20 | ### المدة (بالدقائق) 21 | 22 | ينتهي التدريب بعد انتهاء المحاولة الحالية إذا تم تجاوز مدة التدريب المحددة مسبقًا. يُوصى بأن تكون مدة التدريب حوالي 5 دقائق، ولا يُنصح بجلسات تتجاوز 10 دقائق. 23 | 24 | ### نوع الحروف 25 | 26 | يحدد نوع الحروف المستخدمة في التدريب. يُفضل استخدام الحروف من لغة المتدرب الأم لتحقيق فعالية أكبر. الأنواع المتاحة من الحروف هي: 27 | 28 | - **الأرقام**: الأرقام من 0 إلى 9 29 | - **الأبجدية**: الأحرف الكبيرة من A إلى Z 30 | - **الأبجدية + الأرقام**: الأحرف الكبيرة (A-Z) والأرقام (0-9) 31 | - **الكورية**: الحروف الساكنة الكورية (مثل ㄱ, ㄴ, ㄷ) والحروف المتحركة (مثل ㅏ, ㅑ, ㅓ) 32 | 33 | **لتقليل الصعوبة**، اختر أنواعًا أبسط من الحروف (مثل: من `الأبجدية + الأرقام` إلى `الأبجدية` أو `الأرقام`). 34 | 35 | **لزيادة الصعوبة**، اختر أنواعًا أكثر تعقيدًا من الحروف (مثل: من `الأرقام` إلى `الأبجدية + الأرقام`). 36 | 37 | ### طول الإجابة 38 | 39 | يحدد طول السلاسل المستخدمة في التدريب. يمكن ضبط الطول بين 2 و6. زيادة عدد الحروف **تزيد الصعوبة بشكل كبير**. 40 | 41 | ### عدد الإجابات 42 | 43 | يحدد عدد الإجابات الصحيحة المعروضة في حقل الإدخال. يمكن ضبط هذا العدد بين 15 و60. زيادة عدد الإجابات الصحيحة **تزيد الصعوبة بشكل طفيف**. 44 | 45 | ## ضبط صعوبة التدريب 46 | 47 | بناءً على نتائج التدريب، يمكنك تحديد ما إذا كانت الإعدادات الحالية مناسبة: 48 | 49 | ### الدقة/متوسط الدقة 50 | 51 | - **أقل من 70%**: الصعوبة مرتفعة جدًا. إذا استمرت الدقة المنخفضة (2-3 جلسات)، قم بتقليل الصعوبة للجلسة التالية. 52 | - **70%-80%**: الصعوبة مناسبة. استمر بالإعدادات الحالية للجلسة التالية. 53 | - **أعلى من 80%**: الصعوبة منخفضة جدًا. قم بزيادة الصعوبة للجلسة التالية. 54 | 55 | ### متوسط وقت المحاولة 56 | 57 | - **أكثر من 40 ثانية**: الصعوبة مرتفعة جدًا. إذا استمر هذا (2-3 جلسات)، قم بتقليل الصعوبة للجلسة التالية. 58 | - **30-40 ثانية**: الصعوبة مناسبة. استمر بالإعدادات الحالية للجلسة التالية. 59 | - **أقل من 30 ثانية**: الصعوبة منخفضة جدًا. قم بزيادة الصعوبة للجلسة التالية. 60 | 61 | قم بضبط الإعدادات ضمن النطاقات الموصى بها بناءً على المعايير المذكورة أعلاه لتحسين فعالية التدريب. 62 | -------------------------------------------------------------------------------- /content/ar/1.docs/2.training/visual/5.character-guesstimate.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: تخمين الحروف 3 | description: تدريب على توقع وإدخال الحروف التي تظهر تدريجيًا على الشاشة 4 | --- 5 | 6 | ## نظرة عامة 7 | 8 | يتضمن تدريب تخمين الحروف الكشف الجزئي عن حرف معين وتحديده بأسرع ما يمكن قبل ظهوره بالكامل. يساعد هذا التدريب على تحسين إدراك الأشكال، والتعرف البصري، والوعي المكاني، وسرعة معالجة المعلومات، والقدرة على المعالجة المتزامنة. 9 | 10 | يتبع كل محاولة تدريبية هذا التسلسل وتكرر حتى ينتهي وقت التدريب المحدد: 11 | 12 | 1. في بداية المحاولة، يظهر مستطيل فارغ ويبدأ الحرف في الظهور تدريجيًا بداخله. 13 | ![character-guesstimate-1](/character-guesstimate-1.png){width="1024" height="576"} 14 | 2. حدد الحرف بأسرع ما يمكن واضغط على المفتاح المقابل. يظهر شريط تقدم أزرق أسفل المستطيل يوضح مقدار الحرف الذي تم الكشف عنه. 15 | ![character-guesstimate-2](/character-guesstimate-2.png){width="1024" height="576"} 16 | 3. بعد الضغط على مفتاح، يتم الكشف عن الحرف بالكامل ويتم مقارنة النتيجة بإدخالك. يتم تمييز الإجابات الصحيحة باللون الأخضر، بينما تظهر الإجابات الخاطئة باللون الأحمر. 17 | ![character-guesstimate-3](/character-guesstimate-3.png){width="1024" height="576"} 18 | ![character-guesstimate-4](/character-guesstimate-4.png){width="1024" height="576"} 19 | 20 | ## إعدادات التدريب 21 | 22 | ### المدة (بالدقائق) 23 | 24 | ينتهي التدريب بعد انتهاء المحاولة الحالية إذا تم تجاوز مدة التدريب المحددة مسبقًا. يُوصى بأن تكون مدة التدريب حوالي 5 دقائق، ولا يُنصح بجلسات تتجاوز 10 دقائق. 25 | 26 | ### نوع الحروف 27 | 28 | يحدد نوع الحروف المستخدمة في التدريب. يُفضل استخدام الحروف من لغة المتدرب الأم لتحقيق فعالية أكبر. الأنواع المتاحة من الحروف هي: 29 | 30 | - **الأرقام**: الأرقام من 0 إلى 9 31 | - **الأبجدية**: الأحرف الكبيرة من A إلى Z 32 | - **الأبجدية + الأرقام**: الأحرف الكبيرة (A-Z) والأرقام (0-9) 33 | - **الكورية**: الحروف الساكنة الكورية (مثل ㄱ, ㄴ, ㄷ) والحروف المتحركة (مثل ㅏ, ㅑ, ㅓ) 34 | 35 | **لتقليل الصعوبة**، اختر أنواعًا أبسط من الحروف (مثل: من `الأبجدية + الأرقام` إلى `الأبجدية` أو `الأرقام`). 36 | 37 | **لزيادة الصعوبة**، اختر أنواعًا أكثر تعقيدًا من الحروف (مثل: من `الأرقام` إلى `الأبجدية + الأرقام`). 38 | 39 | ### حجم الكتل 40 | 41 | يحدد حجم "الكتل" التي تشكل الحروف أثناء ظهورها. الكتل الأصغر تجعل التدريب أسهل. 42 | 43 | - **صغير**: 20×20 كتلة 44 | - **متوسط**: 15×15 كتلة 45 | - **كبير**: 10×10 كتلة 46 | 47 | ## ضبط صعوبة التدريب 48 | 49 | بناءً على نتائج التدريب، يمكنك تحديد ما إذا كانت الإعدادات الحالية مناسبة: 50 | 51 | ### الدقة/متوسط الدقة 52 | 53 | - **أقل من 70%**: الصعوبة مرتفعة جدًا. إذا استمرت الدقة المنخفضة (2-3 جلسات)، قم بتقليل الصعوبة للجلسة التالية. 54 | - **70%-80%**: الصعوبة مناسبة. استمر بالإعدادات الحالية للجلسة التالية. 55 | - **أعلى من 80%**: الصعوبة منخفضة جدًا. قم بزيادة الصعوبة للجلسة التالية. 56 | 57 | ### متوسط نسبة الكشف 58 | 59 | - **أقل من 30%**: الصعوبة منخفضة جدًا. قم بزيادة الصعوبة للجلسة التالية. 60 | - **30%-50%**: الصعوبة مناسبة. استمر بالإعدادات الحالية للجلسة التالية. 61 | - **أكثر من 50%**: الصعوبة مرتفعة جدًا. إذا استمر هذا (2-3 جلسات)، قم بتقليل الصعوبة للجلسة التالية. 62 | 63 | اضبط إعدادات التدريب ضمن النطاقات الموصى بها بناءً على هذه المعايير. 64 | 65 | ::callout{color="primary" icon="i-ph-lightbulb"} 66 | إذا كانت نسبة الكشف منخفضة ولكن الدقة منخفضة أيضًا، شجع المتدربين على التركيز على تحسين الدقة بدلاً من الإسراع أثناء التدريب. 67 | :: 68 | 69 | ::callout{color="primary" icon="i-ph-lightbulb"} 70 | يمكن اعتبار هذا التدريب مكتملًا عند استخدام كتل "كبيرة"، وتحقيق معدل دقة يتجاوز 90%، والحفاظ على متوسط نسبة كشف أقل من 30%. 71 | :: 72 | -------------------------------------------------------------------------------- /content/ar/1.docs/2.training/visual/_dir.yml: -------------------------------------------------------------------------------- 1 | title: مرئي 2 | navigation.icon: i-ph-eye 3 | -------------------------------------------------------------------------------- /content/ar/1.docs/3.Policies/_dir.yml: -------------------------------------------------------------------------------- 1 | title: السياسات 2 | navigation.icon: i-ph-book-bookmark 3 | -------------------------------------------------------------------------------- /content/ar/1.docs/_dir.yml: -------------------------------------------------------------------------------- 1 | navigation.icon: i-ph-book 2 | title: التوثيق 3 | -------------------------------------------------------------------------------- /content/ar/_dir.yml: -------------------------------------------------------------------------------- 1 | navigation.icon: i-ph-book 2 | title: العربية 3 | -------------------------------------------------------------------------------- /content/de/1.docs/1.getting-started/2.installation.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Installation 3 | description: So installieren und nutzen Sie BlueScript 4 | navigation: Installation 5 | --- 6 | 7 | ## Für allgemeine Nutzer 8 | 9 | BlueScript wird als Webanwendung bereitgestellt, sodass Sie es ganz einfach von überall aus mit nur einem **Browser** nutzen können, ohne einen Installationsprozess durchführen zu müssen. Besuchen Sie die offizielle Webanwendung und nutzen Sie alle Funktionen von BlueScript direkt. 10 | 11 | ## Selbst-Hosting 12 | 13 | Zusätzlich zur offiziellen Webanwendung können Sie **BlueScript** auf Ihrem eigenen Server hosten. Diese Option eignet sich für Personen mit Kenntnissen im Servermanagement oder für diejenigen, die eine angepasste Umgebung bevorzugen. 14 | 15 | ### Hosting mit Docker 16 | 17 | BlueScript kann einfach mit dem [offiziellen Docker-Image](ar/https://hub.docker.com/r/suhjae/bluescript) gehostet werden. Folgen Sie den untenstehenden Schritten, um Docker zu installieren und den BlueScript-Server auszuführen. 18 | 19 | #### **1. Docker installieren** 20 | 21 | Falls Docker noch nicht installiert ist, laden Sie Docker für Ihre Plattform von der [offiziellen Docker-Website](https://www.docker.com/) herunter und installieren Sie es. 22 | 23 | #### **2. BlueScript-Docker-Image herunterladen** 24 | 25 | Nachdem Docker installiert ist, laden Sie das offizielle BlueScript-Image herunter, indem Sie den folgenden Befehl in Ihrem Terminal ausführen: 26 | 27 | ```bash 28 | docker pull suhjae/bluescript 29 | ``` 30 | 31 | #### **3. BlueScript ausführen** 32 | 33 | Nach dem Herunterladen des Docker-Images starten Sie den Container mit dem folgenden Befehl: 34 | 35 | ```bash 36 | docker run -d -p 80:3000 --name bluescript suhjae/bluescript 37 | ``` 38 | 39 | Dabei gilt: 40 | 41 | - `-d` startet den Container im Hintergrund. 42 | - `-p 80:3000` mappt Port 80 auf Ihrem lokalen Rechner auf Port 3000 innerhalb des Containers. 43 | 44 | #### **4. Auf BlueScript zugreifen** 45 | 46 | Öffnen Sie Ihren Browser und navigieren Sie zu `http://localhost`, um auf BlueScript zuzugreifen. 47 | 48 | #### **5. Einstellungen konfigurieren** 49 | 50 | Für zusätzliche Konfigurationen können Sie die Datei `docker-compose.yml` anpassen oder Docker-Umgebungsvariablen verwenden, um BlueScript zu individualisieren. Beispielsweise können Sie einen Web-Proxy wie [Traefik](https://traefik.io/traefik/) in der Datei `docker-compose.yml` einrichten, um Ihre Domain zu verbinden und eine fortschrittlichere Einrichtung zu erstellen. 51 | -------------------------------------------------------------------------------- /content/de/1.docs/1.getting-started/3.requirements.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Vorbereitung auf das Training 3 | description: Einrichtung der Umgebung für das Training mit BlueScript 4 | --- 5 | 6 | ## Hardware 7 | 8 | BlueScript ist eine Webanwendung, die auf jedem Betriebssystem genutzt werden kann. Für ein effektives Training wird jedoch empfohlen, ein Gerät zu verwenden, das die folgenden Kriterien erfüllt. 9 | 10 | ### Geräteanforderungen 11 | 12 | - Ein Computer, Laptop oder Tablet mit einer physischen Tastatur. 13 | - Ein Display mit einer Größe von mindestens 7 Zoll (17,78 cm). 14 | 15 | ### Nützliche Hilfsmittel 16 | 17 | - Ein Notizbuch, um den Trainingsfortschritt zu dokumentieren (Kontofunktionalität zum Speichern von Trainingsaufzeichnungen wird bald hinzugefügt). 18 | - Ohrstöpsel oder Kopfhörer, um Geräusche in einer ablenkenden Umgebung auszublenden. 19 | 20 | ## Trainingshaltung 21 | 22 | Halten Sie während des Trainings einen Abstand von etwa 30 cm zu Ihrem Monitor ein. Dies entspricht ungefähr der diagonalen Länge eines A4-Blattes. 23 | 24 | Legen Sie Ihre Hände nicht auf die Tastatur, wenn Sie keine Antworten eingeben. In Trainingseinheiten, die kurzfristiges Memorieren von Eingabeaufforderungen erfordern, kann das Vorpositionieren der Hände auf der Tastatur oder das frühzeitige Vorbereiten zum Tippen die Effektivität des Trainings verringern. 25 | 26 | Vermeiden Sie es, während des Trainings mit sich selbst zu sprechen oder zu murmeln. Das laute Wiederholen oder Murmeln der Eingabeaufforderungen kann sich negativ auf die Verbesserung der visuellen kognitiven Funktionen auswirken. 27 | -------------------------------------------------------------------------------- /content/de/1.docs/1.getting-started/4.training-config.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Training konfigurieren 3 | description: So richten Sie effektive Trainingseinheiten ein 4 | --- 5 | 6 | ## Überblick 7 | 8 | Das BlueScript-Training ermöglicht es Benutzern, ihre Trainingseinstellungen individuell anzupassen. Der Schwierigkeitsgrad des Trainings hat einen erheblichen Einfluss auf dessen Erfolg. Ist der Schwierigkeitsgrad zu hoch, wird das Training zu anspruchsvoll und weniger effektiv. Andererseits kann ein zu niedriger Schwierigkeitsgrad das Training monoton machen, was ebenfalls die Effektivität verringert. Daher ist es entscheidend, den Schwierigkeitsgrad angemessen einzustellen, um effektive Trainingseinheiten durchzuführen. 9 | 10 | ## Schwierigkeitsgrad anpassen 11 | 12 | Besuchen Sie die [Training](/de/train)-Seite, um ein Trainingsmodul auszuwählen. Sie können auch auf die Schaltfläche **Hilfe** klicken, um zu erfahren, wie jedes Trainingsmodul verwendet wird. 13 | 14 | ![select-procedure](/select-procedure.png){width="1024" height="576"} 15 | 16 | Nachdem Sie ein Modul für das Training ausgewählt haben, können Sie dessen Einstellungen wie im folgenden Bild gezeigt konfigurieren. Alle Trainingsmodule verfügen über Einstellungen für **Zeit** und **Zeichentyp**, die den Schwierigkeitsgrad nicht beeinflussen. Zusätzlich enthält jedes Modul einzigartige Einstellungen. **Einstellungen oben haben einen stärkeren Einfluss auf den Schwierigkeitsgrad als solche unten.** 17 | 18 | ![setting-example](/setting-example.png){width="1024" height="576"} 19 | 20 | Beispielsweise hat im Modul „Schnelle visuelle Wahrnehmung“ das Anpassen der **Zeichenlänge** um eine Stufe mit den Seitenpfeilen einen stärkeren Einfluss auf den Schwierigkeitsgrad als das Ändern der **Anzeigezeit** um eine Stufe. Informationen zu den spezifischen Einstellungen jedes Moduls finden Sie in der jeweiligen Moduldokumentation. 21 | 22 | ## Trainingsergebnisse 23 | 24 | Die Trainingsergebnisse sind wichtige Indikatoren, um den Schwierigkeitsgrad für folgende Sitzungen anzupassen. Verwenden Sie die Ergebnisse, um den Schwierigkeitsgrad wie folgt zu optimieren: 25 | -------------------------------------------------------------------------------- /content/de/1.docs/1.getting-started/_dir.yml: -------------------------------------------------------------------------------- 1 | title: Erste Schritte 2 | navigation.icon: i-ph-rocket-launch 3 | -------------------------------------------------------------------------------- /content/de/1.docs/2.training/_dir.yml: -------------------------------------------------------------------------------- 1 | title: Ausbildung 2 | navigation.icon: i-ph-yin-yang 3 | -------------------------------------------------------------------------------- /content/de/1.docs/2.training/visual/1.rapid-visual-perception.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Training konfigurieren 3 | description: So richten Sie effektive Trainingseinheiten ein 4 | --- 5 | 6 | ## Überblick 7 | 8 | Das BlueScript-Training ermöglicht es Benutzern, ihre Trainingseinstellungen individuell anzupassen. Der Schwierigkeitsgrad des Trainings hat einen erheblichen Einfluss auf dessen Erfolg. Ist der Schwierigkeitsgrad zu hoch, wird das Training zu anspruchsvoll und weniger effektiv. Andererseits kann ein zu niedriger Schwierigkeitsgrad das Training monoton machen, was ebenfalls die Effektivität verringert. Daher ist es entscheidend, den Schwierigkeitsgrad angemessen einzustellen, um effektive Trainingseinheiten durchzuführen. 9 | 10 | ## Schwierigkeitsgrad anpassen 11 | 12 | Besuchen Sie die [Training](ar/train)-Seite, um ein Trainingsmodul auszuwählen. Sie können auch auf die Schaltfläche **Hilfe** klicken, um zu erfahren, wie jedes Trainingsmodul verwendet wird. 13 | 14 | ![select-procedure](/select-procedure.png){width="1024" height="576"} 15 | 16 | Nachdem Sie ein Modul für das Training ausgewählt haben, können Sie dessen Einstellungen wie im folgenden Bild gezeigt konfigurieren. Alle Trainingsmodule verfügen über Einstellungen für **Zeit** und **Zeichentyp**, die den Schwierigkeitsgrad nicht beeinflussen. Zusätzlich enthält jedes Modul einzigartige Einstellungen. **Einstellungen oben haben einen stärkeren Einfluss auf den Schwierigkeitsgrad als solche unten.** 17 | 18 | ![setting-example](/setting-example.png){width="1024" height="576"} 19 | 20 | Beispielsweise hat im Modul „Schnelle visuelle Wahrnehmung“ das Anpassen der **Zeichenlänge** um eine Stufe mit den Seitenpfeilen einen stärkeren Einfluss auf den Schwierigkeitsgrad als das Ändern der **Anzeigezeit** um eine Stufe. Informationen zu den spezifischen Einstellungen jedes Moduls finden Sie in der jeweiligen Moduldokumentation. 21 | 22 | ## Trainingsergebnisse 23 | 24 | Die Trainingsergebnisse sind wichtige Indikatoren, um den Schwierigkeitsgrad für folgende Sitzungen anzupassen. Verwenden Sie die Ergebnisse, um den Schwierigkeitsgrad wie folgt zu optimieren: 25 | -------------------------------------------------------------------------------- /content/de/1.docs/2.training/visual/_dir.yml: -------------------------------------------------------------------------------- 1 | title: Visuell 2 | navigation.icon: i-ph-eye 3 | -------------------------------------------------------------------------------- /content/de/1.docs/3.Policies/_dir.yml: -------------------------------------------------------------------------------- 1 | title: Richtlinien 2 | navigation.icon: i-ph-book-bookmark 3 | -------------------------------------------------------------------------------- /content/de/1.docs/_dir.yml: -------------------------------------------------------------------------------- 1 | navigation.icon: i-ph-book 2 | title: Hilfe 3 | -------------------------------------------------------------------------------- /content/de/_dir.yml: -------------------------------------------------------------------------------- 1 | navigation.icon: i-ph-book 2 | title: Deutsch 3 | -------------------------------------------------------------------------------- /content/es/1.docs/1.getting-started/2.installation.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Instalación 3 | description: Cómo instalar y usar BlueScript 4 | navigation: Instalación 5 | --- 6 | 7 | ## Para Usuarios Generales 8 | 9 | BlueScript se proporciona como una aplicación web, lo que te permite usarlo fácilmente desde cualquier lugar con solo un **navegador**, sin necesidad de realizar ningún proceso de instalación. Visita la aplicación web oficial y comienza a utilizar todas las funciones de BlueScript de inmediato. 10 | 11 | ## Auto-Hospedaje 12 | 13 | Además de la aplicación web oficial, puedes hospedar **BlueScript** en tu propio servidor. Esta opción es adecuada para aquellos con habilidades en gestión de servidores o que prefieren un entorno personalizado. 14 | 15 | ### Hospedaje con Docker 16 | 17 | BlueScript puede ser fácilmente hospedado utilizando la [imagen oficial de Docker](https://hub.docker.com/r/suhjae/bluescript). Sigue los pasos a continuación para instalar Docker y ejecutar el servidor de BlueScript. 18 | 19 | #### **1. Instalar Docker** 20 | 21 | Si Docker aún no está instalado, descárgalo e instálalo para tu plataforma desde el [sitio web oficial de Docker](https://www.docker.com/). 22 | 23 | #### **2. Descargar la Imagen de Docker de BlueScript** 24 | 25 | Una vez instalado Docker, descarga la imagen oficial de BlueScript ejecutando el siguiente comando en tu terminal: 26 | 27 | ```bash 28 | docker pull suhjae/bluescript 29 | ``` 30 | 31 | #### **3. Ejecutar BlueScript** 32 | 33 | Después de descargar la imagen de Docker, inicia el contenedor usando el siguiente comando: 34 | 35 | ```bash 36 | docker run -d -p 80:3000 --name bluescript suhjae/bluescript 37 | ``` 38 | 39 | Aquí: 40 | 41 | - `-d` ejecuta el contenedor en segundo plano. 42 | - `-p 80:3000` asigna el puerto 80 de tu máquina local al puerto 3000 dentro del contenedor. 43 | 44 | #### **4. Acceder a BlueScript** 45 | 46 | Abre tu navegador y navega a `http://localhost` para acceder a BlueScript. 47 | 48 | #### **5. Configurar Ajustes** 49 | 50 | Para configuraciones adicionales, puedes modificar el archivo `docker-compose.yml` o usar variables de entorno de Docker para personalizar BlueScript. Por ejemplo, puedes configurar un proxy web como [Traefik](https://traefik.io/traefik/) dentro del archivo `docker-compose.yml` para conectar tu dominio y crear una configuración más avanzada. 51 | -------------------------------------------------------------------------------- /content/es/1.docs/1.getting-started/3.requirements.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Preparándose para el Entrenamiento 3 | description: Configuración del entorno para entrenar con BlueScript 4 | --- 5 | 6 | ## Hardware 7 | 8 | BlueScript es una aplicación web que puede usarse en cualquier sistema operativo. Sin embargo, para un entrenamiento efectivo, se recomienda utilizar un dispositivo que cumpla con los siguientes criterios. 9 | 10 | ### Requisitos del Dispositivo 11 | 12 | - Una computadora, portátil o tableta equipada con un teclado físico. 13 | - Una pantalla de al menos 7 pulgadas (17.78 cm). 14 | 15 | ### Herramientas Útiles 16 | 17 | - Un cuaderno para registrar el progreso del entrenamiento (próximamente se añadirá una funcionalidad de cuenta para guardar registros de entrenamiento). 18 | - Tapones para los oídos o auriculares para bloquear el ruido en entornos distractores. 19 | 20 | ## Postura para el Entrenamiento 21 | 22 | Mantén una distancia de aproximadamente 30 cm de tu monitor durante el entrenamiento. Esto equivale aproximadamente a la longitud diagonal de una hoja de papel A4. 23 | 24 | No apoyes las manos en el teclado cuando no estés ingresando respuestas. En sesiones de entrenamiento que requieren la memorización a corto plazo de estímulos, posicionar tus manos en el teclado o prepararte para escribir respuestas prematuramente puede reducir la efectividad del entrenamiento. 25 | 26 | Evita hablar contigo mismo o murmurar durante el entrenamiento. Repetir estímulos en voz alta o murmurarlos puede afectar negativamente la mejora de las funciones cognitivas visuales. 27 | -------------------------------------------------------------------------------- /content/es/1.docs/1.getting-started/4.training-config.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Configuración del Entrenamiento 3 | description: Cómo configurar sesiones de entrenamiento efectivas 4 | --- 5 | 6 | ## Descripción General 7 | 8 | El entrenamiento con BlueScript permite a los usuarios personalizar sus configuraciones. El nivel de dificultad del entrenamiento tiene un impacto significativo en su éxito. Si la dificultad es demasiado alta, el entrenamiento se vuelve demasiado desafiante y menos efectivo. Por el contrario, si la dificultad es demasiado baja, el entrenamiento puede volverse monótono, reduciendo también su efectividad. Por lo tanto, ajustar la dificultad de manera adecuada es clave para realizar sesiones de entrenamiento efectivas. 9 | 10 | ## Ajuste de la Dificultad 11 | 12 | Visita la página de [Entrenamiento](/es/train) para seleccionar un módulo de entrenamiento. También puedes hacer clic en el botón **Ayuda** para aprender cómo usar cada módulo de entrenamiento. 13 | 14 | ![select-procedure](select-procedure.png){width="1024" height="576"} 15 | 16 | Una vez que selecciones un módulo para el entrenamiento, puedes configurar sus ajustes como se muestra en la imagen a continuación. Todos los módulos de entrenamiento tienen configuraciones para **tiempo** y **tipo de carácter**, las cuales no afectan la dificultad. Además de estas, cada módulo incluye configuraciones únicas. **Las configuraciones en la parte superior tienen un mayor impacto en la dificultad que las de abajo.** 17 | 18 | ![setting-example](setting-example.png){width="1024" height="576"} 19 | 20 | Por ejemplo, en el módulo de Percepción Visual Rápida, ajustar la **longitud de los caracteres** un paso usando las flechas laterales tiene un mayor impacto en la dificultad que cambiar el **tiempo de visualización** un paso. Consulta la documentación de cada módulo para obtener detalles sobre sus configuraciones específicas. 21 | 22 | ## Resultados del Entrenamiento 23 | 24 | Los resultados del entrenamiento son indicadores cruciales para ajustar la dificultad de las sesiones subsecuentes. Usa los resultados para ajustar la dificultad de la siguiente manera: 25 | -------------------------------------------------------------------------------- /content/es/1.docs/1.getting-started/_dir.yml: -------------------------------------------------------------------------------- 1 | title: Primeros pasos 2 | navigation.icon: i-ph-rocket-launch 3 | -------------------------------------------------------------------------------- /content/es/1.docs/2.training/_dir.yml: -------------------------------------------------------------------------------- 1 | title: Entrenamiento 2 | navigation.icon: i-ph-yin-yang 3 | -------------------------------------------------------------------------------- /content/es/1.docs/2.training/visual/1.rapid-visual-perception.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Percepción Visual Rápida 3 | description: Entrenamiento para reconocer e ingresar rápidamente letras mostradas brevemente en la pantalla 4 | --- 5 | 6 | ## Descripción General 7 | 8 | El entrenamiento de Percepción Visual Rápida mejora la capacidad de identificar y reproducir estímulos visuales presentados, típicamente, en menos de 0.25 segundos. Este entrenamiento ayuda a aumentar la velocidad del procesamiento de información visual, amplía el rango visual y mejora la velocidad de percepción, la memoria visual, la visualización y el procesamiento visual temporal. 9 | 10 | Cada intento de entrenamiento sigue esta secuencia y se repite hasta que se exceda el tiempo de entrenamiento asignado: 11 | 12 | 1. Las letras se muestran brevemente en la pantalla. 13 | ![rapid-visual-perception-1](/rapid-visual-perception-1.png){width="1024" height="576"} 14 | 2. Después de que las letras desaparecen, el usuario ingresa las letras que recuerda y verifica sus respuestas. 15 | ![rapid-visual-perception-2](/rapid-visual-perception-2.png){width="1024" height="576"} 16 | 17 | ## Configuración del Entrenamiento 18 | 19 | ### Duración (Minutos) 20 | 21 | El entrenamiento finaliza después de completar el intento actual si se supera la duración preestablecida. La duración recomendada para el entrenamiento es de unos 5 minutos, y no se aconsejan sesiones que excedan los 10 minutos. 22 | 23 | ### Tipo de Caracteres 24 | 25 | Define el tipo de caracteres utilizados en el entrenamiento. Usar caracteres del idioma nativo del usuario es lo más efectivo. Los tipos de caracteres disponibles son: 26 | 27 | - **Números**: Dígitos del 0 al 9 28 | - **Alfabetos**: Letras mayúsculas de la A a la Z 29 | - **Alfabetos + Números**: Letras mayúsculas (A-Z) y números (0-9) 30 | - **Coreano**: Consonantes coreanas (p. ej., ㄱ, ㄴ, ㄷ) y vocales (p. ej., ㅏ, ㅑ, ㅓ) 31 | 32 | **Para reducir la dificultad**, selecciona tipos de caracteres más simples (por ejemplo, de `Alfabetos + Números` a `Alfabetos` o `Números`). 33 | 34 | **Para aumentar la dificultad**, selecciona tipos de caracteres más complejos (por ejemplo, de `Números` a `Alfabetos + Números`). 35 | 36 | ### Longitud del Carácter 37 | 38 | Establece la longitud de la cadena de caracteres utilizada en el entrenamiento. La longitud puede configurarse de `1` a `10`. Longitudes más largas **incrementan significativamente la dificultad**. 39 | 40 | ### Tiempo de Visualización (Segundos) 41 | 42 | Define la duración durante la cual los caracteres se muestran en la pantalla. El tiempo de visualización puede ajustarse de `0.05` a `1` segundo. Tiempos de visualización más cortos **aumentan ligeramente la dificultad**. El rango recomendado es de `0.05` a `0.5` segundos. Si se necesita un ajuste adicional de la dificultad, modifica la longitud del carácter en su lugar. 43 | 44 | ## Ajuste de la Dificultad del Entrenamiento 45 | 46 | Con base en los resultados del entrenamiento, puedes determinar si la configuración actual es adecuada: 47 | 48 | ### Precisión/Precisión Promedio 49 | 50 | - **Menor al 70%**: La dificultad es demasiado alta. Si la baja precisión persiste (2–3 sesiones), reduce la dificultad para la próxima sesión. 51 | - **70%–80%**: La dificultad es adecuada. Continúa con la configuración actual para la próxima sesión. 52 | - **Mayor al 80%**: La dificultad es demasiado baja. Aumenta la dificultad para la próxima sesión. 53 | 54 | Después de evaluar la dificultad utilizando los criterios anteriores, ajusta la configuración del entrenamiento dentro de los rangos recomendados. 55 | -------------------------------------------------------------------------------- /content/es/1.docs/2.training/visual/_dir.yml: -------------------------------------------------------------------------------- 1 | title: Visual 2 | navigation.icon: i-ph-eye 3 | -------------------------------------------------------------------------------- /content/es/1.docs/3.Policies/_dir.yml: -------------------------------------------------------------------------------- 1 | title: Políticas 2 | navigation.icon: i-ph-book-bookmark 3 | -------------------------------------------------------------------------------- /content/es/1.docs/_dir.yml: -------------------------------------------------------------------------------- 1 | navigation.icon: i-ph-book 2 | title: Documentación 3 | -------------------------------------------------------------------------------- /content/es/_dir.yml: -------------------------------------------------------------------------------- 1 | navigation.icon: i-ph-book 2 | title: Español 3 | -------------------------------------------------------------------------------- /content/fr/1.docs/1.getting-started/2.installation.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Installation 3 | description: Comment installer et utiliser BlueScript 4 | navigation: Installation 5 | --- 6 | 7 | ## Pour les utilisateurs généraux 8 | 9 | BlueScript est fourni sous forme d'application web, ce qui vous permet de l'utiliser facilement depuis n'importe où avec simplement un **navigateur**, sans aucun processus d'installation. Rendez-vous sur l'application web officielle et commencez à utiliser toutes les fonctionnalités de BlueScript immédiatement. 10 | 11 | ## Auto-hébergement 12 | 13 | En plus de l'application web officielle, vous pouvez héberger **BlueScript** sur votre propre serveur. Cette option convient à ceux ayant des compétences en gestion de serveurs ou à ceux qui préfèrent un environnement personnalisé. 14 | 15 | ### Hébergement avec Docker 16 | 17 | BlueScript peut être facilement hébergé en utilisant [l'image Docker officielle](https://hub.docker.com/r/suhjae/bluescript). Suivez les étapes ci-dessous pour installer Docker et exécuter le serveur BlueScript. 18 | 19 | #### **1. Installer Docker** 20 | 21 | Si Docker n'est pas encore installé, téléchargez et installez Docker pour votre plateforme depuis le [site officiel de Docker](https://www.docker.com/). 22 | 23 | #### **2. Télécharger l'image Docker de BlueScript** 24 | 25 | Une fois Docker installé, téléchargez l'image officielle de BlueScript en exécutant la commande suivante dans votre terminal : 26 | 27 | ```bash 28 | docker pull suhjae/bluescript 29 | ``` 30 | 31 | #### **3. Exécuter BlueScript** 32 | 33 | Après avoir téléchargé l'image Docker, démarrez le conteneur en exécutant la commande suivante : 34 | 35 | ```bash 36 | docker run -d -p 80:3000 --name bluescript suhjae/bluescript 37 | ``` 38 | 39 | Voici les détails : 40 | 41 | - `-d` exécute le conteneur en arrière-plan. 42 | - `-p 80:3000` mappe le port 80 de votre machine locale au port 3000 à l'intérieur du conteneur. 43 | 44 | #### **4. Accéder à BlueScript** 45 | 46 | Ouvrez votre navigateur et naviguez vers `http://localhost` pour accéder à BlueScript. 47 | 48 | #### **5. Configurer les paramètres** 49 | 50 | Pour une configuration supplémentaire, vous pouvez modifier le fichier `docker-compose.yml` ou utiliser les variables d'environnement Docker pour personnaliser BlueScript. Par exemple, vous pouvez configurer un proxy web comme [Traefik](https://traefik.io/traefik/) dans le fichier `docker-compose.yml` pour connecter votre domaine et créer une configuration plus avancée. 51 | -------------------------------------------------------------------------------- /content/fr/1.docs/1.getting-started/3.requirements.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Préparation pour l'entraînement 3 | description: Préparer l'environnement pour l'entraînement avec BlueScript 4 | --- 5 | 6 | ## Matériel 7 | 8 | BlueScript est une application web utilisable sur n'importe quel système d'exploitation. Cependant, pour un entraînement efficace, il est recommandé d'utiliser un appareil répondant aux critères suivants. 9 | 10 | ### Exigences de l'appareil 11 | 12 | - Un ordinateur, un ordinateur portable ou une tablette équipée d'un clavier physique. 13 | - Un écran d'au moins 7 pouces (17,78 cm). 14 | 15 | ### Outils utiles 16 | 17 | - Un carnet pour enregistrer les progrès de l'entraînement (la fonctionnalité de compte pour sauvegarder les enregistrements d'entraînement sera bientôt ajoutée). 18 | - Des bouchons d'oreilles ou un casque pour bloquer les bruits dans un environnement distrayant. 19 | 20 | ## Posture pendant l'entraînement 21 | 22 | Maintenez une distance d'environ 30 cm entre vous et votre écran pendant l'entraînement. Cela correspond à peu près à la longueur diagonale d'une feuille de papier A4. 23 | 24 | Ne reposez pas vos mains sur le clavier lorsque vous n'entrez pas de réponses. Lors des sessions d'entraînement nécessitant une mémorisation à court terme des invites, positionner vos mains sur le clavier ou vous préparer à taper des réponses prématurément peut réduire l'efficacité de l'entraînement. 25 | 26 | Évitez de parler à voix haute ou de marmonner pendant l'entraînement. Répéter les invites à haute voix ou les murmurer peut avoir un impact négatif sur l'amélioration des fonctions cognitives visuelles. 27 | -------------------------------------------------------------------------------- /content/fr/1.docs/1.getting-started/4.training-config.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Configuration de l'entraînement 3 | description: Comment configurer des sessions d'entraînement efficaces 4 | --- 5 | 6 | ## Vue d'ensemble 7 | 8 | L'entraînement BlueScript permet aux utilisateurs de personnaliser leurs paramètres d'entraînement. Le niveau de difficulté de l'entraînement a un impact significatif sur son succès. Si la difficulté est trop élevée, l'entraînement devient trop difficile et moins efficace. À l'inverse, si la difficulté est trop faible, l'entraînement peut devenir monotone, réduisant également son efficacité. Ainsi, ajuster la difficulté de manière appropriée est essentiel pour conduire des sessions d'entraînement efficaces. 9 | 10 | ## Ajuster la difficulté 11 | 12 | Rendez-vous sur la page [Entraînement](/fr/train) pour sélectionner un module d'entraînement. Vous pouvez également cliquer sur le bouton **Aide** pour apprendre à utiliser chaque module d'entraînement. 13 | 14 | ![select-procedure](/select-procedure.png){width="1024" height="576"} 15 | 16 | Une fois que vous avez sélectionné un module d'entraînement, vous pouvez configurer ses paramètres comme indiqué dans l'image ci-dessous. Tous les modules d'entraînement disposent de paramètres pour le **temps** et le **type de caractère**, qui n'affectent pas la difficulté. En plus de cela, chaque module inclut des paramètres spécifiques. **Les paramètres en haut ont un impact plus important sur la difficulté que ceux situés plus bas.** 17 | 18 | ![setting-example](/setting-example.png){width="1024" height="576"} 19 | 20 | Par exemple, dans le module Perception Visuelle Rapide, ajuster la **longueur des caractères** d'un seul cran à l'aide des flèches latérales a un impact plus important sur la difficulté que de modifier le **temps d'affichage** d'un cran. Référez-vous à la documentation de chaque module pour obtenir des détails sur ses paramètres spécifiques. 21 | 22 | ## Résultats de l'entraînement 23 | 24 | Les résultats de l'entraînement sont des indicateurs cruciaux pour ajuster la difficulté des sessions suivantes. Utilisez les résultats pour ajuster la difficulté comme suit : 25 | -------------------------------------------------------------------------------- /content/fr/1.docs/1.getting-started/_dir.yml: -------------------------------------------------------------------------------- 1 | title: Pour commencer 2 | navigation.icon: i-ph-rocket-launch 3 | -------------------------------------------------------------------------------- /content/fr/1.docs/2.training/_dir.yml: -------------------------------------------------------------------------------- 1 | title: Entraînement 2 | navigation.icon: i-ph-yin-yang 3 | -------------------------------------------------------------------------------- /content/fr/1.docs/2.training/visual/1.rapid-visual-perception.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Perception Visuelle Rapide 3 | description: Entraînement pour reconnaître rapidement et saisir des lettres affichées brièvement à l'écran 4 | --- 5 | 6 | ## Vue d'ensemble 7 | 8 | L'entraînement de Perception Visuelle Rapide améliore la capacité à identifier et reproduire des stimuli visuels présentés généralement en moins de 0,25 seconde. Cet entraînement aide à améliorer la vitesse de traitement des informations visuelles, élargit le champ visuel, et renforce la vitesse de perception, la mémoire visuelle, la visualisation et le traitement visuel temporel. 9 | 10 | Chaque tentative d'entraînement suit cette séquence et se répète jusqu'à ce que le temps d'entraînement alloué soit dépassé : 11 | 12 | 1. Les lettres sont brièvement affichées à l'écran. 13 | ![rapid-visual-perception-1](/rapid-visual-perception-1.png){width="1024" height="576"} 14 | 2. Après la disparition des lettres, l'utilisateur saisit les lettres qu'il se souvient et vérifie ses réponses. 15 | ![rapid-visual-perception-2](/rapid-visual-perception-2.png){width="1024" height="576"} 16 | 17 | ## Paramètres de l'entraînement 18 | 19 | ### Durée (Minutes) 20 | 21 | L'entraînement se termine après la fin de la tentative en cours si la durée d'entraînement prédéfinie est dépassée. La durée d'entraînement recommandée est d'environ 5 minutes, et les sessions dépassant 10 minutes ne sont pas conseillées. 22 | 23 | ### Type de caractères 24 | 25 | Définit le type de caractères utilisés pendant l'entraînement. L'utilisation de caractères provenant de la langue maternelle de l'utilisateur est la plus efficace. Les types de caractères disponibles sont : 26 | 27 | - **Nombres** : Chiffres de 0 à 9 28 | - **Alphabets** : Lettres majuscules de A à Z 29 | - **Alphabets + Nombres** : Lettres majuscules (A-Z) et chiffres (0-9) 30 | - **Coréen** : Consonnes coréennes (ex. : ㄱ, ㄴ, ㄷ) et voyelles (ex. : ㅏ, ㅑ, ㅓ) 31 | 32 | **Pour réduire la difficulté**, sélectionnez des types de caractères plus simples (ex. : de `Alphabets + Nombres` à `Alphabets` ou `Nombres`). 33 | 34 | **Pour augmenter la difficulté**, sélectionnez des types de caractères plus complexes (ex. : de `Nombres` à `Alphabets + Nombres`). 35 | 36 | ### Longueur des caractères 37 | 38 | Définit la longueur de la chaîne de caractères utilisée dans l'entraînement. La longueur peut être définie de `1` à `10`. Des longueurs de caractères plus grandes **augmentent considérablement la difficulté**. 39 | 40 | ### Temps d'affichage (Secondes) 41 | 42 | Définit la durée pendant laquelle les caractères sont affichés à l'écran. Le temps d'affichage peut être ajusté de `0,05` à `1` seconde. Des temps d'affichage plus courts **augmentent légèrement** la difficulté. La plage recommandée est de `0,05` à `0,5` seconde. Si un ajustement supplémentaire de la difficulté est nécessaire, modifiez plutôt la longueur des caractères. 43 | 44 | ## Ajuster la difficulté de l'entraînement 45 | 46 | Sur la base des résultats de l'entraînement, vous pouvez déterminer si les paramètres actuels sont appropriés : 47 | 48 | ### Précision / Précision moyenne 49 | 50 | - **Inférieure à 70 %** : La difficulté est trop élevée. Si la précision reste faible (2 à 3 sessions), réduisez la difficulté pour la prochaine session. 51 | - **70 %–80 %** : La difficulté est appropriée. Continuez avec les paramètres actuels pour la prochaine session. 52 | - **Supérieure à 80 %** : La difficulté est trop faible. Augmentez la difficulté pour la prochaine session. 53 | 54 | Après avoir évalué la difficulté à l'aide des critères ci-dessus, ajustez les paramètres d'entraînement dans les plages recommandées. 55 | -------------------------------------------------------------------------------- /content/fr/1.docs/2.training/visual/_dir.yml: -------------------------------------------------------------------------------- 1 | title: Visuel 2 | navigation.icon: i-ph-eye 3 | -------------------------------------------------------------------------------- /content/fr/1.docs/3.Policies/_dir.yml: -------------------------------------------------------------------------------- 1 | title: Politiques 2 | navigation.icon: i-ph-book-bookmark 3 | -------------------------------------------------------------------------------- /content/fr/1.docs/_dir.yml: -------------------------------------------------------------------------------- 1 | navigation.icon: i-ph-book 2 | title: Documentation 3 | -------------------------------------------------------------------------------- /content/fr/_dir.yml: -------------------------------------------------------------------------------- 1 | navigation.icon: i-ph-book 2 | title: Français 3 | -------------------------------------------------------------------------------- /content/ja/1.docs/1.getting-started/1.index.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: はじめに 3 | description: BlueScriptへようこそ。 4 | --- 5 | 6 | ## BlueScript とは？ 7 | 8 | BlueScript は、ディスレクシア（読字障害）を持つ個人を支援するために設計されたオープンソースプロジェクトです。その名前は、「Blue」（ポジティブな変化を象徴）と「Script」（文字やテキストを象徴）の 2 つの要素を組み合わせたものです。このプロジェクトは、従来の言語学的アプローチを超え、神経科学の手法を活用してディスレクシアのある人々に効果的なトレーニングを提供します。 9 | 10 | ディスレクシアのある人々がどこでも自由にトレーニングを受けられるようにするために、BlueScript はウェブアプリケーションとして開発されました。このアプリケーションは、脳内の神経接続を強化し、ディスレクシアによって引き起こされる非効率性に対処するためのさまざまなトレーニングモジュールを提供します。 11 | 12 | ### BlueScript の始まり：Suh Jae 13 | 14 | このプロジェクトは、[Suh Jae](https://github.com/SuhJae)によって開始されました。彼は子供の頃、ディスレクシアの課題や苦痛を経験しました。読む速度が遅く、識字能力が限られていた彼は、これらの困難を克服するために懸命に努力しました。幸いにも、中学校時代に受けたトレーニングのおかげで、彼の読解力は向上しました。しかし、この経験は、多くの人々にとってディスレクシアを克服することがいかに困難であるかを深く理解するきっかけとなりました。 15 | 16 | 自身の経験に触発されて、Suh Jae は**BlueScript**を開発し、ディスレクシアを持つ他の人々が直面する困難を軽減することを目指しました。経済的な負担がディスレクシア克服を困難にしていることを認識し、経済的な制約なしに克服の機会を提供するための無料トレーニングプログラムを作成する決意を固めました。 17 | 18 | ## オープンソースプロジェクト 19 | 20 | BlueScript は、誰でも無料で利用・貢献できるオープンソースプロジェクトです。ユーザーや開発者は、トレーニングプログラムの改善に積極的に参加することを奨励されています。現在、BlueScript は 9 つの言語で利用可能であり、継続的にバグ修正や UI の改善が行われています（[BlueScript GitHub](https://github.com/BlueScript-NPO)）。 21 | 22 | ## トレーニングモジュール 23 | 24 | BlueScript は、ディスレクシアを持つ個人の読解力を向上させるために、脳のニューロンを刺激するさまざまなトレーニングモジュールを提供します。主なトレーニングモジュールは以下の通りです： 25 | 26 | 1. [**迅速な視覚認知**](/ja/docs/training/visual/rapid-visual-perception): 短時間表示される文字を素早く認識して入力するトレーニングモジュール。 27 | 2. [**順次的な視覚記憶**](/ja/docs/training/visual/sequential-visual-memory): 文字が 1 つずつ表示され、ユーザーがそれを記憶して入力するモジュール。 28 | 3. [**文字の並び替え**](/ja/docs/training/visual/character-sequencing): 指定された順序で文字を識別し、入力するトレーニング。 29 | 4. [**文字のマッチング**](/ja/docs/training/visual/character-matching): 視覚的に似た文字の中から、指定されたプロンプトに一致する文字を識別するモジュール。 30 | 5. [**文字の推測**](/ja/docs/training/visual/character-guesstimate): 文字が徐々に現れる中、できるだけ早く予測して入力するモジュール。 31 | 32 | これらのモジュールは、脳をさまざまな方法で刺激し、ユーザーが飽きずにトレーニングを続けられるように設計されています。 33 | -------------------------------------------------------------------------------- /content/ja/1.docs/1.getting-started/2.installation.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: インストール 3 | description: BlueScriptのインストールと使用方法 4 | navigation: インストール 5 | --- 6 | 7 | ## 一般ユーザー向け 8 | 9 | BlueScript はウェブアプリケーションとして提供されており、**ブラウザ**さえあれば、どこからでも簡単に利用できます。インストールの必要はありません。公式ウェブアプリケーションにアクセスして、すぐに BlueScript のすべての機能を活用してください。 10 | 11 | ## 自分でホスティングする 12 | 13 | 公式ウェブアプリケーションに加えて、**BlueScript**を自分のサーバーにホストすることもできます。このオプションは、サーバー管理スキルを持つ方やカスタマイズされた環境を好む方に適しています。 14 | 15 | ### Docker を使ったホスティング 16 | 17 | [公式 Docker イメージ](https://hub.docker.com/r/suhjae/bluescript)を使用することで、BlueScript を簡単にホスティングできます。以下の手順に従って、Docker をインストールし、BlueScript サーバーを起動してください。 18 | 19 | #### **1. Docker のインストール** 20 | 21 | Docker がまだインストールされていない場合は、[公式 Docker ウェブサイト](https://www.docker.com/)から、お使いのプラットフォームに適した Docker をダウンロードしてインストールしてください。 22 | 23 | #### **2. BlueScript Docker イメージの取得** 24 | 25 | Docker をインストールしたら、以下のコマンドをターミナルで実行して、公式 BlueScript イメージをダウンロードしてください： 26 | 27 | ```bash 28 | docker pull suhjae/bluescript 29 | ``` 30 | 31 | #### **3. BlueScript の起動** 32 | 33 | Docker イメージをダウンロードしたら、以下のコマンドを実行してコンテナを起動します： 34 | 35 | ```bash 36 | docker run -d -p 80:3000 --name bluescript suhjae/bluescript 37 | ``` 38 | 39 | ここで： 40 | 41 | - `-d` はコンテナをバックグラウンドで実行します。 42 | - `-p 80:3000` はローカルマシンのポート 80 をコンテナ内部のポート 3000 にマッピングします。 43 | 44 | #### **4. BlueScript へのアクセス** 45 | 46 | ブラウザを開いて、`http://localhost`にアクセスすると、BlueScript を利用できます。 47 | 48 | #### **5. 設定のカスタマイズ** 49 | 50 | 追加の設定を行う場合は、`docker-compose.yml`ファイルを編集するか、Docker の環境変数を使用して BlueScript をカスタマイズできます。たとえば、`docker-compose.yml`ファイル内で[Traefik](https://traefik.io/traefik/)のようなウェブプロキシを設定して、ドメインに接続し、より高度なセットアップを構築することができます。 51 | -------------------------------------------------------------------------------- /content/ja/1.docs/1.getting-started/3.requirements.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: トレーニング準備 3 | description: BlueScriptでのトレーニング環境の準備 4 | --- 5 | 6 | ## ハードウェア 7 | 8 | BlueScript は、どのオペレーティングシステムでも使用できるウェブアプリケーションです。ただし、効果的なトレーニングを行うために、以下の条件を満たすデバイスを使用することをお勧めします。 9 | 10 | ### デバイス要件 11 | 12 | - 物理的なキーボードを備えたコンピュータ、ラップトップ、またはタブレット。 13 | - 少なくとも 7 インチ（17.78 cm）のディスプレイ。 14 | 15 | ### 便利なツール 16 | 17 | - トレーニングの進捗を記録するためのノート（トレーニング記録を保存するアカウント機能は近日中に追加予定）。 18 | - 気が散る環境でのノイズを遮断するための耳栓やヘッドフォン。 19 | 20 | ## トレーニング時の姿勢 21 | 22 | トレーニング中は、モニターから約 30 cm 離れて座ってください。これは、A4 用紙の対角線の長さにほぼ相当します。 23 | 24 | 回答を入力していないときは、キーボードに手を置かないようにしてください。短期的なプロンプト記憶が求められるトレーニングセッションでは、キーボードに手を置いたり、回答を入力する準備を事前に整えたりすると、トレーニングの効果が低下する可能性があります。 25 | 26 | トレーニング中に自分で話したり、独り言を言ったりするのは避けてください。プロンプトを声に出して繰り返したり、ぶつぶつとつぶやいたりすると、視覚的な認知機能の改善に悪影響を及ぼす可能性があります。 27 | -------------------------------------------------------------------------------- /content/ja/1.docs/1.getting-started/4.training-config.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: トレーニング設定 3 | description: 効果的なトレーニングセッションを設定する方法 4 | --- 5 | 6 | ## 概要 7 | 8 | BlueScript のトレーニングでは、ユーザーがトレーニング設定をカスタマイズすることができます。トレーニングの難易度は、その成功に大きな影響を与えます。難易度が高すぎる場合、トレーニングが困難になり、効果が低下します。一方で、難易度が低すぎると、トレーニングが単調になり、これも効果を減少させる可能性があります。そのため、適切に難易度を調整することが、効果的なトレーニングセッションを実現する鍵となります。 9 | 10 | ## 難易度の調整 11 | 12 | [トレーニング](/ja/train)ページにアクセスして、トレーニングモジュールを選択してください。各トレーニングモジュールの使い方を知りたい場合は、**ヘルプ**ボタンをクリックすることもできます。 13 | 14 | ![select-procedure](/select-procedure.png){width="1024" height="576"} 15 | 16 | トレーニングモジュールを選択すると、以下の画像のように設定を構成することができます。すべてのトレーニングモジュールには、難易度に影響しない**時間**と**文字タイプ**の設定があります。それに加えて、各モジュールにはユニークな設定が含まれています。**設定項目の上部にあるものほど、難易度に大きな影響を与えます。** 17 | 18 | ![setting-example](/setting-example.png){width="1024" height="576"} 19 | 20 | 例えば、「迅速な視覚認知」モジュールでは、**文字の長さ**をサイドの矢印で 1 ステップ調整することは、**表示時間**を 1 ステップ調整するよりも難易度に大きな影響を与えます。各モジュールの詳細な設定については、そのモジュールのドキュメントを参照してください。 21 | 22 | ## トレーニング結果 23 | 24 | トレーニング結果は、次回以降のセッションの難易度を調整するための重要な指標です。結果を利用して、以下のように難易度を調整してください： 25 | -------------------------------------------------------------------------------- /content/ja/1.docs/1.getting-started/_dir.yml: -------------------------------------------------------------------------------- 1 | title: はじめに 2 | navigation.icon: i-ph-rocket-launch 3 | -------------------------------------------------------------------------------- /content/ja/1.docs/2.training/_dir.yml: -------------------------------------------------------------------------------- 1 | title: トレーニング 2 | navigation.icon: i-ph-yin-yang 3 | -------------------------------------------------------------------------------- /content/ja/1.docs/2.training/visual/1.rapid-visual-perception.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: 迅速な視覚認知 3 | description: 短時間表示される文字を素早く認識して入力するトレーニング 4 | --- 5 | 6 | ## 概要 7 | 8 | 迅速な視覚認知トレーニングは、通常 0.25 秒以内に提示される視覚刺激を認識して再現する能力を向上させます。このトレーニングは、視覚情報処理速度を改善し、視野を拡大し、知覚速度、視覚記憶、イメージ化、そして時間的視覚処理を強化します。 9 | 10 | 各トレーニング試行は以下の手順に従い、設定されたトレーニング時間を超えるまで繰り返されます： 11 | 12 | 1. 文字が画面に短時間表示されます。 13 | ![rapid-visual-perception-1](/rapid-visual-perception-1.png){width="1024" height="576"} 14 | 2. 文字が消えた後、訓練者は覚えた文字を入力し、答えを確認します。 15 | ![rapid-visual-perception-2](/rapid-visual-perception-2.png){width="1024" height="576"} 16 | 17 | ## トレーニング設定 18 | 19 | ### 時間（分） 20 | 21 | 設定されたトレーニング時間を超えた場合、現在の試行が終了するとトレーニングも終了します。推奨トレーニング時間は約 5 分で、10 分を超えるセッションは推奨されません。 22 | 23 | ### 文字タイプ 24 | 25 | トレーニングで使用される文字の種類を設定します。訓練者の母語の文字を使用することが最も効果的です。利用可能な文字タイプは以下の通りです： 26 | 27 | - **数字**: 0 から 9 の数字 28 | - **アルファベット**: A から Z の大文字 29 | - **アルファベット + 数字**: 大文字（A-Z）と数字（0-9） 30 | - **韓国語**: 子音（例：ㄱ、ㄴ、ㄷ）と母音（例：ㅏ、ㅑ、ㅓ） 31 | 32 | **難易度を下げる場合**は、より単純な文字タイプを選択します（例：`アルファベット + 数字`から`アルファベット`や`数字`）。 33 | 34 | **難易度を上げる場合**は、より複雑な文字タイプを選択します（例：`数字`から`アルファベット + 数字`）。 35 | 36 | ### 文字の長さ 37 | 38 | トレーニングで使用される文字列の長さを設定します。長さは`1`から`10`まで設定可能です。長い文字列は難易度を大幅に**上昇**させます。 39 | 40 | ### 表示時間（秒） 41 | 42 | 画面に文字が表示される時間を設定します。表示時間は`0.05`秒から`1`秒まで調整可能です。短い表示時間は難易度を**やや**上昇させます。推奨範囲は`0.05`秒から`0.5`秒です。それ以上の難易度調整が必要な場合は、文字の長さを変更してください。 43 | 44 | ## トレーニング難易度の調整 45 | 46 | トレーニング結果に基づいて、現在の設定が適切かどうかを判断できます： 47 | 48 | ### 正確性/平均正確性 49 | 50 | - **70%未満**: 難易度が高すぎます。低い正確性が続く場合（2 ～ 3 セッション）、次回のセッションでは難易度を下げてください。 51 | - **70%～ 80%**: 難易度が適切です。次回のセッションでも現在の設定を継続してください。 52 | - **80%以上**: 難易度が低すぎます。次回のセッションでは難易度を上げてください。 53 | 54 | 上記の基準を使用して難易度を評価した後、推奨範囲内でトレーニング設定を調整してください。 55 | -------------------------------------------------------------------------------- /content/ja/1.docs/2.training/visual/2.sequential-visual-memory.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: 順次的な視覚記憶 3 | description: 順次表示される文字を記憶して入力するトレーニング 4 | --- 5 | 6 | ## 概要 7 | 8 | 順次的な視覚記憶トレーニングでは、順番に表示される一連の文字を認識し、一定の遅延時間後に記憶して再現する能力を向上させます。このトレーニングは、順次的な視覚記憶、作業記憶、知覚速度、視覚-運動の正確性、および順次処理能力を強化します。 9 | 10 | 各トレーニング試行は以下の手順に従い、設定されたトレーニング時間を超えるまで繰り返されます： 11 | 12 | 1. 文字が順番に 1 つずつ画面に表示されます。 13 | ![sequential-visual-memory-1](/sequential-visual-memory-1.png){width="1024" height="576"} 14 | 2. すべての文字が表示された後、（0 秒に設定すると無効化可能な）ランダムなパターンが画面に表示されます。 15 | ![sequential-visual-memory-2](/sequential-visual-memory-2.png){width="1024" height="576"} 16 | 3. パターンが消えた後、訓練者は記憶した文字を入力し、答えを確認します。 17 | ![sequential-visual-memory-3](/sequential-visual-memory-3.png){width="1024" height="576"} 18 | 19 | ## トレーニング設定 20 | 21 | ### 時間（分） 22 | 23 | 設定されたトレーニング時間を超えた場合、現在の試行が終了するとトレーニングも終了します。推奨トレーニング時間は約 5 分で、10 分を超えるセッションは推奨されません。 24 | 25 | ### 文字タイプ 26 | 27 | トレーニングで使用される文字の種類を設定します。訓練者の母語の文字を使用することが最も効果的です。利用可能な文字タイプは以下の通りです： 28 | 29 | - **数字**: 0 から 9 の数字 30 | - **アルファベット**: A から Z の大文字 31 | - **アルファベット + 数字**: 大文字（A-Z）と数字（0-9） 32 | - **韓国語**: 子音（例：ㄱ、ㄴ、ㄷ）と母音（例：ㅏ、ㅑ、ㅓ） 33 | 34 | **難易度を下げる場合**は、より単純な文字タイプを選択します（例：`アルファベット + 数字`から`アルファベット`や`数字`）。 35 | 36 | **難易度を上げる場合**は、より複雑な文字タイプを選択します（例：`数字`から`アルファベット + 数字`）。 37 | 38 | ### 文字列の長さ 39 | 40 | トレーニングで使用される文字列の長さを設定します。長さは`1`から`6`まで設定可能です。長い文字列は難易度を大幅に**上昇**させます。 41 | 42 | ### 遅延時間（秒） 43 | 44 | 文字の後にランダムパターンが表示される時間を設定します。遅延時間は`0`秒から`25`秒まで調整可能です。長い遅延時間は難易度を**やや**上昇させます。推奨範囲は`0`秒から`15`秒です。遅延時間の調整だけでは難易度を十分に調整できない場合は、文字列の長さを変更してください。 45 | 46 | ## トレーニング難易度の調整 47 | 48 | トレーニング結果に基づいて、現在の設定が適切かどうかを判断できます： 49 | 50 | ### 正確性/平均正確性 51 | 52 | - **70%未満**: 難易度が高すぎます。低い正確性が続く場合（2 ～ 3 セッション）、次回のセッションでは難易度を下げてください。 53 | - **70%～ 80%**: 難易度が適切です。次回のセッションでも現在の設定を継続してください。 54 | - **80%以上**: 難易度が低すぎます。次回のセッションでは難易度を上げてください。 55 | 56 | 上記の基準を使用して難易度を評価した後、推奨範囲内でトレーニング設定を調整してください。 57 | -------------------------------------------------------------------------------- /content/ja/1.docs/2.training/visual/3.character-sequencing.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: 文字の並び替え 3 | description: 画面上に表示された文字を順序通りに見つけて入力するトレーニング 4 | --- 5 | 6 | ## 概要 7 | 8 | 文字の並び替えトレーニングは、画面上に表示された文字を特定の順序で見つけ、右矢印キーとスペースバーを使用して入力するトレーニングです。このトレーニングは、時間的視覚処理、視覚的注意力、視覚的識別能力、空間的推論、および視覚速度を向上させます。 9 | 10 | 各トレーニング試行は以下の手順に従い、設定されたトレーニング時間を超えるまで繰り返されます： 11 | 12 | 1. 試行の開始時に、一連の文字が画面上部に表示され、入力フィールドが下部に表示されます。 13 | ![character-sequencing-1](/character-sequencing-1.png){width="1024" height="576"} 14 | 2. 右矢印キーを使用して、入力フィールド内のカーソルを移動します。カーソルが順序内の文字と一致したら、スペースバーを押してください。文字をスキップしたり、誤った文字でスペースバーを押した場合、それはミスとしてカウントされ、カーソルは順序内の最も近い正しい文字に移動します。 15 | ![character-sequencing-2](/character-sequencing-2.png){width="1024" height="576"} 16 | 例：上の画像では、ㅔ、ㅐ、ㄷ、ㅑの文字がすでに見つかっています。次に入力する文字はㅜです。もしㅜを見逃したり、誤った文字でスペースバーを押した場合、カーソルは次の文字であるㅈに移動します。 17 | 3. カーソルが順序内の最後の文字に到達すると試行が終了します。 18 | 19 | ## トレーニング設定 20 | 21 | ### 時間（分） 22 | 23 | 設定されたトレーニング時間を超えた場合、現在の試行が終了するとトレーニングも終了します。推奨トレーニング時間は約 5 分で、10 分を超えるセッションは推奨されません。 24 | 25 | ### 文字タイプ 26 | 27 | トレーニングで使用される文字の種類を設定します。訓練者の母語の文字を使用することが最も効果的です。利用可能な文字タイプは以下の通りです： 28 | 29 | - **数字**: 0 から 9 の数字 30 | - **アルファベット**: A から Z の大文字 31 | - **アルファベット + 数字**: 大文字（A-Z）と数字（0-9） 32 | - **韓国語**: 子音（例：ㄱ、ㄴ、ㄷ）と母音（例：ㅏ、ㅑ、ㅓ） 33 | 34 | **難易度を下げる場合**は、より単純な文字タイプを選択します（例：`アルファベット + 数字`から`アルファベット`や`数字`）。 35 | 36 | **難易度を上げる場合**は、より複雑な文字タイプを選択します（例：`数字`から`アルファベット + 数字`）。 37 | 38 | ### シーケンスタイプ 39 | 40 | トレーニングで使用される文字列の並び順を設定します。選択肢は以下の通りです： 41 | 42 | - **順次**: 順序通りに表示される（例：`ABCD`、`ㄱㄴㄷㄹ`、`1234`）。 43 | - **ランダム**: ランダムに表示される（例：`HOEB`、`ㅐㅎㅍㅓ`、`0584`）。 44 | 45 | 順次シーケンスは**難易度を大幅に低下**させ、ランダムシーケンスは**難易度を大幅に上昇**させます。 46 | 47 | ::callout{color="primary" icon="i-ph-lightbulb"} 48 | ランダムシーケンスを使用する場合、訓練者が可能な限り多くの文字を一度に記憶し、その記憶に基づいて文字を見つけるよう奨励してください。 49 | :: 50 | 51 | ### シーケンス長 52 | 53 | トレーニングで使用されるシーケンスの長さを設定します。長さは`1`から`25`まで調整可能で、長いシーケンスは難易度を大幅に**上昇**させます。 54 | 55 | ## トレーニング難易度の調整 56 | 57 | トレーニング結果に基づいて、現在の設定が適切かどうかを判断できます： 58 | 59 | ### 正確性/平均正確性 60 | 61 | - **70%未満**: 難易度が高すぎます。低い正確性が続く場合（2 ～ 3 セッション）、次回のセッションでは難易度を下げてください。 62 | - **70%～ 80%**: 難易度が適切です。次回のセッションでも現在の設定を継続してください。 63 | - **80%以上**: 難易度が低すぎます。次回のセッションでは難易度を上げてください。 64 | 65 | ### 平均試行時間 66 | 67 | - **40 秒以上**: 難易度が高すぎます。これが続く場合（2 ～ 3 セッション）、次回のセッションでは難易度を下げてください。 68 | - **30 ～ 40 秒**: 難易度が適切です。次回のセッションでも現在の設定を継続してください。 69 | - **30 秒未満**: 難易度が低すぎます。次回のセッションでは難易度を上げてください。 70 | 71 | 上記の基準に基づいて設定を調整し、トレーニング効果を最適化してください。 72 | -------------------------------------------------------------------------------- /content/ja/1.docs/2.training/visual/4.character-matching.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: 文字のマッチング 3 | description: 視覚的に似た選択肢から一致する文字を見つけてクリックするトレーニング 4 | --- 5 | 6 | ## 概要 7 | 8 | 文字のマッチングトレーニングは、与えられた例と視覚的に一致する文字列をクリックするトレーニングです。このトレーニングは、視覚的計画、知覚速度、形状認識、視覚記憶、眼球運動スキル、方向感覚、および時間的視覚処理を向上させます。 9 | 10 | 各トレーニング試行は以下の手順に従い、設定されたトレーニング時間を超えるまで繰り返されます： 11 | 12 | 1. 試行の開始時に、例となる文字列が上部に表示されます。 13 | ![character-matching-1](/character-matching-1.png){width="1024" height="576"} 14 | 2. マウスを使って、例と一致する文字列を下部の入力フィールドから見つけてクリックします。この入力フィールドには、30%の正しい回答と 70%の誤った回答が含まれています。誤った文字列は、例と 1 文字だけ異なるものです。残りの正しい回答数も下部に表示されます。 15 | ![character-matching-2](/character-matching-2.png){width="1024" height="576"} 16 | 3. すべての正しい文字列を見つけると、次の試行に進みます。 17 | 18 | ## トレーニング設定 19 | 20 | ### 時間（分） 21 | 22 | 設定されたトレーニング時間を超えた場合、現在の試行が終了するとトレーニングも終了します。推奨トレーニング時間は約 5 分で、10 分を超えるセッションは推奨されません。 23 | 24 | ### 文字タイプ 25 | 26 | トレーニングで使用される文字の種類を設定します。訓練者の母語の文字を使用することが最も効果的です。利用可能な文字タイプは以下の通りです： 27 | 28 | - **数字**: 0 から 9 の数字 29 | - **アルファベット**: A から Z の大文字 30 | - **アルファベット + 数字**: 大文字（A-Z）と数字（0-9） 31 | - **韓国語**: 子音（例：ㄱ、ㄴ、ㄷ）と母音（例：ㅏ、ㅑ、ㅓ） 32 | 33 | **難易度を下げる場合**は、より単純な文字タイプを選択します（例：`アルファベット + 数字`から`アルファベット`や`数字`）。 34 | 35 | **難易度を上げる場合**は、より複雑な文字タイプを選択します（例：`数字`から`アルファベット + 数字`）。 36 | 37 | ### 答えの長さ 38 | 39 | トレーニングで使用される文字列の長さを設定します。長さは 2 から 6 の間で設定可能です。文字数を増やすと、難易度が**大幅に上昇**します。 40 | 41 | ### 答えの数 42 | 43 | 入力フィールドに表示される正しい答えの数を設定します。この数は 15 から 60 の間で設定可能です。正しい答えの数を増やすと、難易度が**やや上昇**します。 44 | 45 | ## トレーニング難易度の調整 46 | 47 | トレーニング結果に基づいて、現在の設定が適切かどうかを判断できます： 48 | 49 | ### 正確性/平均正確性 50 | 51 | - **70%未満**: 難易度が高すぎます。低い正確性が続く場合（2 ～ 3 セッション）、次回のセッションでは難易度を下げてください。 52 | - **70%～ 80%**: 難易度が適切です。次回のセッションでも現在の設定を継続してください。 53 | - **80%以上**: 難易度が低すぎます。次回のセッションでは難易度を上げてください。 54 | 55 | ### 平均試行時間 56 | 57 | - **40 秒以上**: 難易度が高すぎます。これが続く場合（2 ～ 3 セッション）、次回のセッションでは難易度を下げてください。 58 | - **30 ～ 40 秒**: 難易度が適切です。次回のセッションでも現在の設定を継続してください。 59 | - **30 秒未満**: 難易度が低すぎます。次回のセッションでは難易度を上げてください。 60 | 61 | 上記の基準に基づいて設定を調整し、トレーニング効果を最適化してください。 62 | -------------------------------------------------------------------------------- /content/ja/1.docs/2.training/visual/5.character-guesstimate.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: 文字の推測 3 | description: 徐々に表示される文字を予測して入力するトレーニング 4 | --- 5 | 6 | ## 概要 7 | 8 | 文字の推測トレーニングは、文字を部分的に表示し、完全に表示される前にできるだけ早くそれを特定するトレーニングです。このトレーニングは、形状認識、視覚認識、空間認識、情報処理速度、および同時処理能力を向上させます。 9 | 10 | 各トレーニング試行は以下の手順に従い、設定されたトレーニング時間を超えるまで繰り返されます： 11 | 12 | 1. 試行の開始時に、空の長方形が表示され、その中に文字が徐々に現れ始めます。 13 | ![character-guesstimate-1](/character-guesstimate-1.png){width="1024" height="576"} 14 | 2. できるだけ早く文字を特定し、対応するキーを押します。長方形の下に表示される青い進行バーは、文字がどの程度表示されたかを示します。 15 | ![character-guesstimate-2](/character-guesstimate-2.png){width="1024" height="576"} 16 | 3. キーを押した後、完全な文字が表示され、その結果が入力と比較されます。正解は緑色で、間違いは赤色で表示されます。 17 | ![character-guesstimate-3](/character-guesstimate-3.png){width="1024" height="576"} 18 | ![character-guesstimate-4](/character-guesstimate-4.png){width="1024" height="576"} 19 | 20 | ## トレーニング設定 21 | 22 | ### 時間（分） 23 | 24 | 設定されたトレーニング時間を超えた場合、現在の試行が終了するとトレーニングも終了します。推奨トレーニング時間は約 5 分で、10 分を超えるセッションは推奨されません。 25 | 26 | ### 文字タイプ 27 | 28 | トレーニングで使用される文字の種類を設定します。訓練者の母語の文字を使用することが最も効果的です。利用可能な文字タイプは以下の通りです： 29 | 30 | - **数字**: 0 から 9 の数字 31 | - **アルファベット**: A から Z の大文字 32 | - **アルファベット + 数字**: 大文字（A-Z）と数字（0-9） 33 | - **韓国語**: 子音（例：ㄱ、ㄴ、ㄷ）と母音（例：ㅏ、ㅑ、ㅓ） 34 | 35 | **難易度を下げる場合**は、より単純な文字タイプを選択します（例：`アルファベット + 数字`から`アルファベット`や`数字`）。 36 | 37 | **難易度を上げる場合**は、より複雑な文字タイプを選択します（例：`数字`から`アルファベット + 数字`）。 38 | 39 | ### ブロックサイズ 40 | 41 | 文字が表示される際の「ブロック」のサイズを設定します。ブロックが小さいほどトレーニングが簡単になります。 42 | 43 | - **小**: 20×20 ブロック 44 | - **中**: 15×15 ブロック 45 | - **大**: 10×10 ブロック 46 | 47 | ## トレーニング難易度の調整 48 | 49 | トレーニング結果に基づいて、現在の設定が適切かどうかを判断できます： 50 | 51 | ### 正確性/平均正確性 52 | 53 | - **70%未満**: 難易度が高すぎます。低い正確性が続く場合（2 ～ 3 セッション）、次回のセッションでは難易度を下げてください。 54 | - **70%～ 80%**: 難易度が適切です。次回のセッションでも現在の設定を継続してください。 55 | - **80%以上**: 難易度が低すぎます。次回のセッションでは難易度を上げてください。 56 | 57 | ### 平均表示率 58 | 59 | - **30%未満**: 難易度が低すぎます。次回のセッションでは難易度を上げてください。 60 | - **30%～ 50%**: 難易度が適切です。次回のセッションでも現在の設定を継続してください。 61 | - **50%以上**: 難易度が高すぎます。これが続く場合（2 ～ 3 セッション）、次回のセッションでは難易度を下げてください。 62 | 63 | これらの指標に基づいてトレーニング設定を調整し、トレーニング効果を最適化してください。 64 | 65 | ::callout{color="primary" icon="i-ph-lightbulb"} 66 | 平均表示率が低い場合でも、正確性が低い場合は、トレーニング中に急がず、正確性の向上に集中するように訓練者を奨励してください。 67 | :: 68 | 69 | ::callout{color="primary" icon="i-ph-lightbulb"} 70 | 「大」ブロックを使用し、正確性が 90%以上で平均表示率が 30%未満の場合、このトレーニングは習得済みと見なせます。 71 | :: 72 | -------------------------------------------------------------------------------- /content/ja/1.docs/2.training/visual/_dir.yml: -------------------------------------------------------------------------------- 1 | title: ビジュアル 2 | navigation.icon: i-ph-eye 3 | -------------------------------------------------------------------------------- /content/ja/1.docs/3.Policies/1.tos.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: 利用規約 3 | description: "最終更新日: 2025年2月4日" 4 | --- 5 | 6 | ## 法的規約への同意 7 | 8 | 私たちは **BlueScript NPO**（「**当社**」、「**私たち**」、「**弊社**」）です。 9 | 10 | 当社は、ウェブサイト [https://bluescript.app](https://bluescript.app)（「**本サイト**」）および、これらの法的規約（「**法的規約**」）に言及またはリンクする関連する製品・サービス（総称して「**本サービス**」）を運営しています。 11 | 12 | 当社へのお問い合わせは、**[support@bluescript.app](mailto:support@bluescript.app)** までお願いいたします。 13 | 14 | 本法的規約は、お客様（個人または法人を含む、「**お客様**」）と **BlueScript NPO** との間で、本サービスの利用に関する法的拘束力のある契約を構成します。本サービスにアクセスすることで、お客様は本規約に同意したものとみなされます。同意いただけない場合は、直ちに本サービスの利用を中止してください。 15 | 16 | お客様の居住地域において未成年（通常18歳未満）の場合、保護者の許可と直接的な監督が必要です。 17 | 18 | 本法的規約のコピーを印刷して保存することを推奨します。 19 | 20 | ## 1. 本サービスについて 21 | 22 | 本サービスを利用する際に提供される情報は、法令や規制に違反する地域・国では配布または利用することを意図していません。他の地域からアクセスするユーザーは、現地の法令を遵守する責任を負います。 23 | 24 | 本サービスは、HIPAA（医療保険の相互運用性と説明責任に関する法律）や FISMA（連邦情報セキュリティ管理法）などの業界特有の規制に準拠するよう設計されていません。これらの法律の適用を必要とする場合、本サービスを利用することはできません。 25 | 26 | ## 2. 知的財産権 27 | 28 | ### 当社の知的財産 29 | 30 | 本サービスにおけるすべての知的財産権（ソースコード、データベース、ソフトウェア、ウェブサイトデザイン、音声、動画、テキスト、グラフィック、商標など、「**コンテンツ**」）は、当社が所有またはライセンスを受けています。これらは著作権および商標法によって保護されています。 31 | 32 | お客様は、本サービスを個人の非営利目的でのみ利用できます。事前の書面による許可なしに、本サービスの一部をコピー、複製、再配布することはできません。 33 | 34 | ### お客様の投稿 35 | 36 | お客様が当社にフィードバック、提案、または本サービスに関する情報を提供する場合、それらの知的財産権はすべて当社に譲渡されるものとします。 37 | 38 | お客様は、自身が投稿またはアップロードするコンテンツに責任を負い、違法、嫌がらせ、不正確な内容を投稿しないことに同意するものとします。 39 | 40 | ## 3. ユーザーの表明 41 | 42 | 本サービスを利用することにより、お客様は以下に同意するものとします。 43 | 44 | - 正確な情報を提供し、必要に応じて更新すること 45 | - 法的能力を有し、本規約を遵守すること 46 | - 本サービスを違法または無許可の目的で使用しないこと 47 | 48 | ## 4. ユーザー登録 49 | 50 | 本サービスを利用するには、アカウント登録が必要になる場合があります。お客様は、パスワードを機密に保ち、アカウントの使用について責任を負います。 51 | 52 | ## 5. 禁止行為 53 | 54 | お客様は、以下の行為を行わないことに同意するものとします。 55 | 56 | - 違法な方法で本サービスを利用すること 57 | - 許可なく本サービスの内容をコピー、再配布すること 58 | - 詐欺的、欺瞞的、または有害な行為を行うこと 59 | 60 | ## 6. ユーザー生成コンテンツ 61 | 62 | お客様は、テキスト、画像、動画などのコンテンツを投稿できます。コンテンツを投稿することにより、お客様は当社に対し、コンテンツの使用、変更、配布のライセンスを付与するものとします。 63 | 64 | ## 7. 投稿ライセンス 65 | 66 | お客様は投稿コンテンツの所有権を保持しますが、当社はそのコンテンツを使用する権利を有します。 67 | 68 | ## 8. サードパーティのウェブサイトとコンテンツ 69 | 70 | 本サービスには、サードパーティのウェブサイトへのリンクが含まれる場合があります。当社は、サードパーティのコンテンツについて責任を負いません。 71 | 72 | ## 9. サービス管理 73 | 74 | 当社は、本サービスへのアクセスを監視、制限、または停止する権利を有します。 75 | 76 | ## 10. プライバシーポリシー 77 | 78 | 当社は、データのプライバシーとセキュリティを重視しています。詳しくは、**[プライバシーポリシー](/ja/docs/policies/privacy)** をご覧ください。 79 | 80 | ## 11. 契約の期間と終了 81 | 82 | 当社は、いつでも理由の如何を問わず、お客様の本サービスへのアクセスを停止または終了する権利を有します。 83 | 84 | ## 12. 変更および中断 85 | 86 | 当社は、予告なしに本サービスを変更または中断する権利を有します。 87 | 88 | ## 13. 準拠法 89 | 90 | 本規約は、**大韓民国** の法律に準拠します。 91 | 92 | ## 14. 紛争解決 93 | 94 | 紛争は、**韓国・ソウル** での仲裁を通じて解決されます。 95 | 96 | ## 15. 修正 97 | 98 | 当社は、本サービスの誤りや脱漏を修正する権利を有します。 99 | 100 | ## 16. 免責事項 101 | 102 | 本サービスは、**「現状のまま」** 提供され、いかなる保証もありません。 103 | 104 | ## 17. 責任の制限 105 | 106 | 当社は、本サービスの利用に起因する損害について一切責任を負いません。 107 | 108 | ## 18. 補償 109 | 110 | お客様は、本サービスの利用に関連する請求から当社を保護し、免責することに同意するものとします。 111 | 112 | ## 19. ユーザーデータ 113 | 114 | 当社は、ユーザーデータの損失に対して責任を負いません。 115 | 116 | ## 20. 電子通信、取引、署名 117 | 118 | お客様は、本サービスの利用により、電子通信および取引に同意するものとします。 119 | 120 | ## 21. カリフォルニア州のユーザーおよび居住者 121 | 122 | カリフォルニア州の居住者は、**[カリフォルニア消費者保護局]** に苦情を申し立てることができます。 123 | 124 | ## 22. 雑則 125 | 126 | 本規約は、お客様と当社との間の完全な合意を構成します。 127 | 128 | ## 23. お問い合わせ 129 | 130 | ご質問がある場合は、**[support@bluescript.app](mailto:support@bluescript.app)** までご連絡ください。 131 | -------------------------------------------------------------------------------- /content/ja/1.docs/3.Policies/_dir.yml: -------------------------------------------------------------------------------- 1 | title: ポリシー 2 | navigation.icon: i-ph-book-bookmark 3 | -------------------------------------------------------------------------------- /content/ja/1.docs/_dir.yml: -------------------------------------------------------------------------------- 1 | navigation.icon: i-ph-book 2 | title: ドキュメント 3 | -------------------------------------------------------------------------------- /content/ja/_dir.yml: -------------------------------------------------------------------------------- 1 | navigation.icon: i-ph-book 2 | title: 日本語 3 | -------------------------------------------------------------------------------- /content/ko/1.docs/1.getting-started/1.index.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: 소개 3 | description: BlueScript에 오신걸 환영합니다. 4 | --- 5 | 6 | ## BlueScript는 무엇인가요?? 7 | 8 | BlueScript는 난독증을 겪는 사람들을 돕기 위한 오픈 소스 프로젝트로, '긍정적인 변화를 상징하는 파란색(Blue)'과 '글자(Script)'라는 두 가지 요소의 조합에서 그 이름을 따왔습니다. 이 프로젝트는 기존의 언어학적 접근 방식을 뛰어 넘어, 뇌 과학적 방법론을 통해 난독증인들에게 효과적인 훈련을 제공합니다. 9 | 10 | 난독증을 겪는 사람들이 어디서나 자유롭게 훈련을 받을 수 있도록, BlueScript는 웹 애플리케이션 형태로 제작되었습니다. 이 애플리케이션은 다양한 훈련 모듈을 제공하여 사용자의 뇌 뉴런 연결을 효율적으로 강화하고, 난독증으로 인한 비효율성을 개선하는 것을 목표로 합니다. 11 | 12 | ### BlueScript의 시작, 서재 13 | 14 | 이 프로젝트를 시작한 [서재](https://github.com/SuhJae)는 어린 시절 난독증으로 고통과 어려움을 겪었습니다. 난독증으로 인해 읽기 속도가 느렸고 문해력이 부족했던 그는, 이를 극복하기 위해 많은 노력을 기울였습니다. 다행히도 중학교 시절부터 받은 훈련 덕분에 그의 읽기 능력은 개선되었지만, 이 경험을 통해 난독증이 얼마나 많은 사람들에게 극복하기 어려운 장애인지를 절실히 깨닫게 되었습니다. 15 | 16 | 서재는 자신의 경험을 바탕으로, 다른 난독증 환자들이 겪는 고통을 덜어주고자 하는 의도를 가지고 **BlueScript**를 개발하게 되었습니다. 특히, 그는 난독증 극복이 비용 문제로 인해 많은 사람들에게 어려운 현실임을 인식하고, 누구나 무료로 사용할 수 있는 난독증 훈련 프로그램을 만들어야겠다는 결심을 하게 되었습니다. 이를 통해, 더 많은 사람들이 경제적 부담 없이 난독증을 극복할 수 있는 기회를 제공하고자 한 것입니다. 17 | 18 | ## 오픈 소스 프로젝트 19 | 20 | BlueScript는 누구나 무료로 사용하고 기여할 수 있는 오픈 소스 프로젝트입니다. 사용자와 개발자 모두가 프로젝트에 참여하여 훈련 프로그램을 개선할 수 있으며, 현재 BlueScript는 9개 언어로 번역되었으며 다양한 버그 수정 및 UI 개선 작업이 이루어지고 있습니다 ([BlueScript GitHub](https://github.com/BlueScript-NPO)). 21 | 22 | ## 훈련 모듈 23 | 24 | BlueScript는 난독증 극복을 위한 다양한 훈련 모듈을 제공합니다. 각각의 훈련 모듈은 뇌의 뉴런을 자극하고 난독증 환자의 읽기 능력을 향상시키기 위해 설계되었습니다. 주요 훈련 모듈은 다음과 같습니다: 25 | 26 | 1. [**빠른 시각 인지**](/docs/training/visual/rapid-visual-perception): 화면에 짧게 표시되는 글자를 빠르게 인식하고 입력하는 훈련입니다. 27 | 2. [**순차적 시각 기억**](/docs/training/visual/sequential-visual-memory): 한 글자씩 보여지는 글자를 기억한 후 입력하는 방식의 훈련입니다. 28 | 3. [**문자 순차 처리**](/docs/training/visual/character-sequencing): 보기를 순서대로 찾고 입력하는 훈련입니다. 29 | 4. [**문자 매칭**](/docs/training/visual/character-matching): 시각적으로 유사한 글자들 사이에서 주어진 프롬프트와 일치하는 문자를 찾는 훈련입니다. 30 | 5. [**문자 추정**](/docs/training/visual/character-guesstimate): 서서히 나타나는 글자를 보고 가능한 빨리 예측해 입력하는 훈련입니다. 31 | 32 | 이 모든 모듈들은 사용자가 반복된 자극에 무뎌지지 않도록 다양한 방법으로 뇌를 자극합니다. 33 | -------------------------------------------------------------------------------- /content/ko/1.docs/1.getting-started/2.installation.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: 설치하기 3 | description: BlueScript를 설치하고 사용하는 방법 4 | navigation: 설치하기 5 | --- 6 | 7 | ## 일반 사용자 8 | 9 | BlueScript는 웹 애플리케이션 형태로 제공되므로, 별도의 설치 과정 없이 **브라우저**만 있으면 언제 어디서나 손쉽게 사용할 수 있습니다. 공식 웹 애플리케이션에 접속하여, 바로 BlueScript의 모든 기능을 활용해 보세요. 10 | 11 | ## 셀프 호스팅 12 | 13 | 공식 웹 애플리케이션 이외에도, 개인 서버에서 **BlueScript**를 직접 호스팅하여 사용할 수 있습니다. 이 옵션은 서버 관리 능력이 있거나 개인 맞춤형 환경을 원하시는 분들에게 적합합니다. 14 | 15 | ### Docker로 호스팅하기 16 | 17 | BlueScript는 [공식 Docker 이미지](https://hub.docker.com/r/suhjae/bluescript)를 통해 간편하게 호스팅할 수 있습니다. 아래 절차에 따라 Docker를 설치하고 BlueScript 서버를 실행해보세요. 18 | 19 | #### **1. Docker 설치** 20 | 21 | 먼저, Docker가 설치되어 있지 않다면, [Docker 공식 사이트](https://www.docker.com/)에서 플랫폼에 맞는 Docker를 설치하세요. 22 | 23 | #### 2. **BlueScript Docker 이미지 가져오기** 24 | 25 | Docker가 설치된 후, BlueScript의 공식 이미지를 다운로드합니다. 터미널에서 아래 명령어를 실행하세요: 26 | 27 | ```bash 28 | docker pull suhjae/bluescript 29 | ``` 30 | 31 | #### 3. **BlueScript 실행** 32 | 33 | Docker 이미지가 다운로드되면, 다음 명령어로 컨테이너를 실행합니다: 34 | 35 | ```bash 36 | docker run -d -p 80:3000 --name bluescript suhjae/bluescript 37 | ``` 38 | 39 | 여기서, `-d`는 백그라운드에서 실행, `-p 80:3000`은 로컬 머신의 포트 80을 컨테이너의 포트 3000에 매핑하는 옵션입니다. 40 | 41 | #### 4. **접속하기** 42 | 43 | 브라우저를 열고 `http://localhost`으로 접속하여 BlueScript에 접근할 수 있습니다. 44 | 45 | #### 5. **환경 설정** 46 | 47 | 추가적인 환경 설정이 필요한 경우, `docker-compose.yml` 파일을 수정하거나 Docker 환경 변수 설정을 활용하여 BlueScript를 맞춤형으로 구성할 수 있습니다. 또한, [traefik](https://traefik.io/traefik/)과 같은 웹 프록시를 `docker-compse.yml` 에 함께 구성하여 도메인을 연결하는 등 다양하게 구성할 수 있습니 48 | -------------------------------------------------------------------------------- /content/ko/1.docs/1.getting-started/3.requirements.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: 훈련 준비하기 3 | description: BlueScript로 훈련하기 위한 환경 4 | --- 5 | 6 | ## 하드웨어 7 | 8 | BlueScript는 웹 애플리케이션으로 운영체제에 구애받지 않고 사용할 수 있습니다. 다만 다음과 같은 조건을 만족하는 기기에서 사용하여야 효과적인 훈련을 할 수 있습니다. 9 | 10 | ### 디바이스 11 | 12 | - 물리적 키보드가 있는 컴퓨터, 노트북, 테블릿등의 기기 13 | - 7인치 (17.78cm) 이상의 디스플레이 14 | 15 | ### 유용한 도구 16 | 17 | - 훈련 기록을 적을 수 있는 메모장 (곧 훈련 기록을 저장할 수 있는 계정 기능이 추가될 예정입니다.) 18 | - 주변이 산만한 경우 소음을 차단할 수 있는 귀마개 또는 헤드폰 19 | 20 | ## 훈련 자세 21 | 22 | 모니터로부터 30cm 가량의 거리에서 훈련을 진행하세요. 30cm는 A4용지의 대각선 길이와 유사합니다. 23 | 24 | 답안을 입력하지 않을 경우에는 키보드에 손을 미리 올리지 마세요. 특히 단기간 프롬프트를 암기해야 하는 훈련에서 미리 키보드에 손을 올려 답안을 표시하는 등의 행위는 훈련의 효과를 저하시킬 수 있습니다. 25 | 26 | 훈련 도중 혼잣말을 하거나 중얼거리지 마세요. 프롬프트를 입으로 중얼거리며 반복하는 등의 행위는 시각 인지 기능 향상에 부정적인 영향을 줍니다. 27 | -------------------------------------------------------------------------------- /content/ko/1.docs/1.getting-started/4.training-config.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: 훈련 설정하기 3 | description: 효과적인 훈련을 위한 설정 방법 4 | --- 5 | 6 | ## 개요 7 | 8 | BlueScript훈련은 사용자가 직접 훈련의 설정을 변경할 수 있도록 설계되어 있습니다. 훈련의 난이도는 훈련의 성공률에 큰 영향을 미칩니다. 난이도가 너무 높으면 훈련이 어려워져 효과적인 훈련이 어렵고, 난이도가 너무 낮으면 훈련이 지루해져 효과적인 훈련이 어렵습니다. 따라서, 훈련의 난이도를 적절하게 조절해야 효과적인 훈련을 진행할 수 있습니다. 9 | 10 | ## 난이도 조정하기 11 | 12 | [훈련](/train) 페이지를 방문하면 훈련 모듈을 선택할 수 있습니다. 또한 **도움말** 버튼을 클릭하면 각 훈련 모듈에 대한 사용법을 확인할 수 있습니다. 13 | 14 | ![select-procedure](/select-procedure.png){width="1024" height="576"} 15 | 16 | 훈련을 하고자 하는 모듈을 선택하면 아래 이미지와 같이 훈련을 설정할 수 있습니다. 훈련 모듈 모두 공통적으로 **시간**과 **문자 종류**에 대한 설정이 있습니다. 이 둘은 훈련의 난이도와 연관이 없습니다. 이 두 설정 외 각 훈련 모듈 마다 추가적인 설정값이 있으며, **위에 있는 설정이 아래 설정보다 난이도에 더욱 큰 영향**을 줍니다. 17 | 18 | ![setting-example](/setting-example.png){width="1024" height="576"} 19 | 20 | 예를 들어, 빠른 시각 인지에서 **문자 길이**를 옆에 있는 화살표로 한 단계 변경 하는 것이 **표시 시간**을 한 단계 변경하는 것 보다 난이도에 더 큰 영향을 줍니다. 21 | 각 훈련 모듈의 설정값은 각 훈련 모듈의 문서를 참고해 주세요. 22 | 23 | ## 훈련 결과 24 | 25 | 훈련 결과는 다음 훈련의 난이도를 조정하는데 중요한 지표 입니다. 훈련 결과값을 이용하여 다음과 같이 난이도를 조정할 수 있습니다: 26 | -------------------------------------------------------------------------------- /content/ko/1.docs/1.getting-started/_dir.yml: -------------------------------------------------------------------------------- 1 | title: 시작하기 2 | navigation.icon: i-ph-rocket-launch 3 | -------------------------------------------------------------------------------- /content/ko/1.docs/2.training/_dir.yml: -------------------------------------------------------------------------------- 1 | title: 훈련 2 | navigation.icon: i-ph-yin-yang 3 | -------------------------------------------------------------------------------- /content/ko/1.docs/2.training/visual/1.rapid-visual-perception.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: 빠른 시각 인지 3 | description: 화면에 짧게 표시되는 글자를 빠르게 인식하고 입력하는 훈련 4 | --- 5 | 6 | ## 개요 7 | 8 | 빠른 시각 인지는 일반적으로 0.25초보다 빠르게 제시되는 시각 자극을 식별하고 재현하는 능력을 향상시키는 훈련입니다. 이 훈련은 시각적 정보를 빠르게 처리하고 시각적 범위를 확장하는 데 도움이 됩니다. 빠른 시각 인지 훈련은 지각 속도, 시각 기억, 시각화 및 시간적 시각 처리를 향상시키는 데 도움이 됩니다. 9 | 10 | 훈련의 각 시도는 다음과 같은 순서로 진행되며, 훈련 시간이 초과될 때까지 반복됩니다. 11 | 12 | 1. 화면에 짧은 시간 동안 글자들이 표시됩니다. 13 | ![rapid-visual-perception-1](/rapid-visual-perception-1.png){width="1024" height="576"} 14 | 1. 글자들이 표시 된 후 훈련자는 기억하는 글자들을 입력하고 답안을 확인합니다. 15 | ![rapid-visual-perception-2](/rapid-visual-perception-2.png){width="1024" height="576"} 16 | 17 | ## 훈련 설정 18 | 19 | ### 시간 (분) 20 | 21 | 설정된 훈련 시간이 초과되면 현재 진행중인 시도가 끝난 후 훈련이 종료됩니다. 권장되는 훈련 시간은 5분 내외이며 10분 이상 훈련하는 것은 권장되지 않습니다. 22 | 23 | ### 문자 종류 24 | 25 | 휸련에 사용되는 문자의 종류를 설정합니다. 문자 종류는 훈련 대상의 모국어로 설정하는 것이 가장 효과적입니다. 문자 종류는 다음과 같습니다: 26 | 27 | - **숫자**: 0부터 9까지의 숫자 28 | - **알파벳**: A부터 Z까지의 대문자 알파벳 29 | - **알파벳 + 숫자**: A부터 Z까지의 대문자 알파벳과 0부터 9까지의 숫자 30 | - **한글**: ㄱㄴㄷ와 같은 한글 자음과 ㅏㅑㅓ와 같은 한글 모음 31 | 32 | **간단한 문자 종류를 선택하여 난이도를 낮출** 수 있습니다. (예: `알파벳 + 숫자` -> `알파벳` 또는 `숫자`) 33 | 34 | 반대로 **복잡한 문자 종류를 설정하여 난이도를 올릴** 수도 있습니다. (예: `숫자` -> `알파벳 + 숫자`) 35 | 36 | ### 문자 길이 37 | 38 | 훈련에 사용되는 문자의 길이를 설정합니다. 문자 길이는 `1`부터 `10`까지 설정할 수 있으며, 길이가 길수록 훈련의 난이도가 **많이** 증가합니다. 39 | 40 | ### 표시 시간 (초) 41 | 42 | 문자가 화면에 표시되는 시간을 설정합니다. 표시 시간은 `0.05`초부터 `1`초까지 설정할 수 있으며, 시간이 짧을수록 훈련의 난이도가 **소폭** 증가합니다. 권장되는 범위는 `0.05`초 부터 `0.5`초 까지 이며, 표시 시간으로 난이도 조정이 부족할 경우 문자 길이를 이용해 난이도를 추가적으로 조정하세요. 43 | 44 | ## 훈련 난이도 조정 45 | 46 | 다음과 같이 훈련 결과값을 통하여 현재 훈련 설정의 난이도에 대해 알 수 있습니다. 47 | 48 | ### 정확도/평균 정확도 49 | 50 | - **70% 이하**: 난이도가 너무 높습니다. 지속적으로 (2\~3번) 낮은 난이도를 기록한다면 다음 훈련 때 난이도를 진행하세요. 51 | - **70%\~80%**: 난이도가 적당합니다. 현재 값대로 다음 훈련도 진행하세요. 52 | - **80% 이상**: 난이도가 너무 낮습니다. 다음 훈련 때 난이도를 올려서 진행하세요. 53 | 54 | 위와 같이 난이도를 파악한 후 위의 훈련 설정을 권장되는 범위 내 변경하세요. 55 | -------------------------------------------------------------------------------- /content/ko/1.docs/2.training/visual/2.sequential-visual-memory.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: 순차적 시각 기억 3 | description: 한 글자씩 보여지는 글자를 기억한 후 입력하는 방식의 훈련 4 | --- 5 | 6 | ## 개요 7 | 8 | 순차적 시각 인지는 일련의 문자를 순차적으로 식별하고 기억한 후, 일정 시간이 지난 후에 다시 입력하는 훈련입니다. 이 훈련은 시각적 순차 기억, 작업 기억, 지각 속도, 시각 운동 정확도 및 순차적 처리 능력을 향상시키는 데 도움이 됩니다. 9 | 10 | 훈련의 각 시도는 다음과 같은 순서로 진행되며, 훈련 시간이 초과될 때까지 반복됩니다. 11 | 12 | 1. 화면에 한 글자씩 문자들이 순서대로 표시됩니다. 13 | ![sequential-visual-memory-1](/sequential-visual-memory-1.png){width="1024" height="576"} 14 | 1. 모든 문자들이 표시 된 이후 지연 시간동안 (0초로 비활성화 가능) 화면에 임의의 패턴이 표시됩니다. 15 | ![sequential-visual-memory-2](/sequential-visual-memory-2.png){width="1024" height="576"} 16 | 1. 패턴이 사라진 후 훈련자는 기억하는 문자들을 입력하고 답안을 확인합니다. 17 | ![sequential-visual-memory-3](/sequential-visual-memory-3.png){width="1024" height="576"} 18 | 19 | ## 훈련 설정 20 | 21 | ### 시간 (분) 22 | 23 | 설정된 훈련 시간이 초과되면 현재 진행중인 시도가 끝난 후 훈련이 종료됩니다. 권장되는 훈련 시간은 5분 내외이며 10분 이상 훈련하는 것은 권장되지 않습니다. 24 | 25 | ### 문자 종류 26 | 27 | 휸련에 사용되는 문자의 종류를 설정합니다. 문자 종류는 훈련 대상의 모국어로 설정하는 것이 가장 효과적입니다. 문자 종류는 다음과 같습니다: 28 | 29 | - **숫자**: 0부터 9까지의 숫자 30 | - **알파벳**: A부터 Z까지의 대문자 알파벳 31 | - **알파벳 + 숫자**: A부터 Z까지의 대문자 알파벳과 0부터 9까지의 숫자 32 | - **한글**: ㄱㄴㄷ와 같은 한글 자음과 ㅏㅑㅓ와 같은 한글 모음 33 | 34 | **간단한 문자 종류를 선택하여 난이도를 낮출** 수 있습니다. (예: `알파벳 + 숫자` -> `알파벳` 또는 `숫자`) 35 | 36 | 반대로 **복잡한 문자 종류를 설정하여 난이도를 올릴** 수도 있습니다. (예: `숫자` -> `알파벳 + 숫자`) 37 | 38 | ### 문자 길이 39 | 40 | 훈련에 사용되는 문자의 길이를 설정합니다. 문자 길이는 `1`부터 `6`까지 설정할 수 있으며, 길이가 길수록 훈련의 난이도가 **많이** 증가합니다. 41 | 42 | ### 지연 시간 (초) 43 | 44 | 문자가 화면에 표시된 후 패턴이 표시되는 시간을 설정합니다. 지연 시간은 `0`초부터 `25`초까지 설정할 수 있으며, 시간이 길수록 훈련의 난이도가 **조금** 증가합니다. 권장되는 범위는 `0`초 부터 `15`초 까지 이며, 지연 시간으로 난이도 조정이 부족할 경우 문자 길이를 이용해 난이도를 추가적으로 조정하세요. 45 | 46 | ## 훈련 난이도 조정 47 | 48 | 다음과 같이 훈련 결과값을 통하여 현재 훈련 설정의 난이도에 대해 알 수 있습니다. 49 | 50 | ### 정확도/평균 정확도 51 | 52 | - **70% 이하**: 난이도가 너무 높습니다. 지속적으로 (2\~3번) 낮은 난이도를 기록한다면 다음 훈련 때 난이도를 내려서 진행하세요. 53 | - **70%\~80%**: 난이도가 적당합니다. 현재 값대로 다음 훈련도 진행하세요. 54 | - **80% 이상**: 난이도가 너무 낮습니다. 다음 훈련 때 난이도를 올려서 진행하세요. 55 | 56 | 위와 같이 난이도를 파악한 후 위의 훈련 설정을 권장되는 범위 내 변경하세요. 57 | -------------------------------------------------------------------------------- /content/ko/1.docs/2.training/visual/3.character-sequencing.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: 문자 순차 처리 3 | description: 주어진 글자를 순서대로 찾아 입력하는 훈련 4 | --- 5 | 6 | ## 개요 7 | 8 | 화면 위에 표시된 보기를 순서대로 찾고, 오른쪽 화살표 키와 스페이스바를 사용하여 문자를 입력하는 훈련입니다. 시간적 시각 처리, 시각 주의력, 시각 변별력, 시각적 그림 근거 및 시각 속도를 향상시킵니다. 9 | 10 | 훈련의 각 시도는 다음과 같은 순서로 진행되며, 훈련 시간이 초과될 때까지 반복됩니다. 11 | 12 | 1. 시도가 시작되면 위에 보기가 표시되고 아래에 입력란이 표시됩니다. 13 | ![character-sequencing-1](/character-sequencing-1.png){width="1024" height="576"} 14 | 2. 오른쪽 화살표 키를 사용하여 아래 정답란에 커서를 오른쪽으로 이동시킬 수 있습니다. 커서가 보기에 있는 문자와 일치하면 스페이스바를 눌러야 합니다. 만일 놓치거나 잘못된 문자 위에서 스페이스바를 누르면 오답으로 처리되고 가장 가까운 정답으로 이동합니다. 15 | ![character-sequencing-2](/character-sequencing-2.png){width="1024" height="576"} 16 | 예를 들어 위 이미지에서 이미 ㅔ, ㅐ, ㄷ, ㅑ를 찾았기에 다음으로 스페이스바를 눌러야 하는 문자는 ㅜ 입니다. 만일 ㅜ를 놓치거나 다른 문자에 스페이스바를 누르게 된다면 마지막 정답인 ㅑ 바로 다음 문자인 ㅈ으로 커서가 이동합니다. 17 | 3. 커서가 마지막 문자에 도달하면 시도가 종료됩니다. 18 | 19 | ## 훈련 설정 20 | 21 | ### 시간 (분) 22 | 23 | 설정된 훈련 시간이 초과되면 현재 진행중인 시도가 끝난 후 훈련이 종료됩니다. 권장되는 훈련 시간은 5분 내외이며 10분 이상 훈련하는 것은 권장되지 않습니다. 24 | 25 | ### 문자 종류 26 | 27 | 휸련에 사용되는 문자의 종류를 설정합니다. 문자 종류는 훈련 대상의 모국어로 설정하는 것이 가장 효과적입니다. 문자 종류는 다음과 같습니다: 28 | 29 | - **숫자**: 0부터 9까지의 숫자 30 | - **알파벳**: A부터 Z까지의 대문자 알파벳 31 | - **알파벳 + 숫자**: A부터 Z까지의 대문자 알파벳과 0부터 9까지의 숫자 32 | - **한글**: ㄱㄴㄷ와 같은 한글 자음과 ㅏㅑㅓ와 같은 한글 모음 33 | 34 | **간단한 문자 종류를 선택하여 난이도를 낮출** 수 있습니다. (예: `알파벳 + 숫자` -> `알파벳` 또는 `숫자`) 35 | 36 | 반대로 **복잡한 문자 종류를 설정하여 난이도를 올릴** 수도 있습니다. (예: `숫자` -> `알파벳 + 숫자`) 37 | 38 | ### 보기 종류 39 | 40 | 훈련에 사용되는 보기의 종류를 설정합니다. 보기 종류는 다음과 같습니다: 41 | 42 | - **순차적**: 보기가 순차적으로 표시됩니다. (예: `ABCD`, `ㄱㄴㄷㄹ`, `1234`) 43 | - **임의**: 보기가 무작위로 표시됩니다. (예: `HOEB`, `ㅐㅎㅍㅓ`, `0584`) 44 | 45 | 순차적 보기를 사용하면 난이도를 **매우 낮출** 수 있습니다. 반대로 임의 보기를 사용하면 난이도를 **매우 높일** 수 있습니다. 46 | 47 | ::callout{color="primary" icon="i-ph-lightbulb"} 48 | 임의 보기를 사용한다면 훈련자에게 한번에 최대한 많은 글자를 보기에서 암기하고, 암기를 기반으로 입력란에서 문자를 찾을 수 있도록 유도해 주세요. 49 | :: 50 | 51 | ### 보기 길이 52 | 53 | 훈련에 사용되는 보기의 길이를 설정합니다. 보기 길이는 `1`부터 `25`까지 설정할 수 있으며, 길이가 길수록 훈련의 난이도가 **많이** 증가합니다. 54 | 55 | ## 훈련 난이도 조정 56 | 57 | 다음과 같이 훈련 결과값을 통하여 현재 훈련 설정의 난이도에 대해 알 수 있습니다. 58 | 59 | ### 정확도/평균 정확도 60 | 61 | - **70% 이하**: 난이도가 너무 높습니다. 지속적으로 (2\~3번) 낮은 난이도를 기록한다면 다음 훈련 때 난이도를 내려서 진행하세요. 62 | - **70%\~80%**: 난이도가 적당합니다. 현재 값대로 다음 훈련도 진행하세요. 63 | - **80% 이상**: 난이도가 너무 낮습니다. 다음 훈련 때 난이도를 올려서 진행하세요. 64 | 65 | ### 평균 시도 시간 66 | 67 | - **40초 초과**: 난이도가 너무 높습니다. 지속적으로 (2\~3번) 낮은 난이도를 기록한다면 다음 훈련 때 난이도를 내려서 진행하세요. 68 | - **40초\~30초**: 난이도가 적당합니다. 현재 값대로 다음 훈련도 진행하세요. 69 | - **30초 미만**: 난이도가 너무 낮습니다. 다음 훈련 때 난이도를 올려서 진행하세요. 70 | 71 | 위와 같이 난이도를 파악한 후 위의 훈련 설정을 권장되는 범위 내 변경하세요. 72 | -------------------------------------------------------------------------------- /content/ko/1.docs/2.training/visual/4.character-matching.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: 문자 대조 3 | description: 주어진 글자를 순서대로 찾아 입력하는 훈련 4 | --- 5 | 6 | ## 개요 7 | 8 | 보기와 시각적으로 비슷한 문자열들 중에서 일치하는 문자열을 클릭하는 훈련입니다. 문자 대조는 시각 계획, 지각 속도, 도형 지각, 시각 기억, 안구 운동성, 방향성 및 시간적 시각 처리 능력을 향상시킵니다. 9 | 10 | 훈련의 각 시도는 다음과 같은 순서로 진행되며, 훈련 시간이 초과될 때까지 반복됩니다. 11 | 12 | 1. 시도가 시작되면 위에 보기가 표시됩니다. 13 | ![character-matching-1](/character-matching-1.png){width="1024" height="576"} 14 | 2. 마우스를 이용하여 보기와 일치하는 문자를 아래 입력란에서 찾고 클릭합니다. 입력란에는 보기와 일치하는 정답이 30%, 한 글자만 보기와 다른 오답이 70% 있습니다. 또한, 아래 남은 정답의 개수가 표시됩니다. 15 | ![character-matching-2](/character-matching-2.png){width="1024" height="576"} 16 | 3. 모든 문자를 찾으면 다음 시도로 넘어갑니다. 17 | 18 | ## 훈련 설정 19 | 20 | ### 시간 (분) 21 | 22 | 설정된 훈련 시간이 초과되면 현재 진행중인 시도가 끝난 후 훈련이 종료됩니다. 권장되는 훈련 시간은 5분 내외이며 10분 이상 훈련하는 것은 권장되지 않습니다. 23 | 24 | ### 문자 종류 25 | 26 | 휸련에 사용되는 문자의 종류를 설정합니다. 문자 종류는 훈련 대상의 모국어로 설정하는 것이 가장 효과적입니다. 문자 종류는 다음과 같습니다: 27 | 28 | - **숫자**: 0부터 9까지의 숫자 29 | - **알파벳**: A부터 Z까지의 대문자 알파벳 30 | - **알파벳 + 숫자**: A부터 Z까지의 대문자 알파벳과 0부터 9까지의 숫자 31 | - **한글**: ㄱㄴㄷ와 같은 한글 자음과 ㅏㅑㅓ와 같은 한글 모음 32 | 33 | **간단한 문자 종류를 선택하여 난이도를 낮출** 수 있습니다. (예: `알파벳 + 숫자` -> `알파벳` 또는 `숫자`) 34 | 35 | 반대로 **복잡한 문자 종류를 설정하여 난이도를 올릴** 수도 있습니다. (예: `숫자` -> `알파벳 + 숫자`) 36 | 37 | ### 정답 길이 38 | 39 | 훈련에 사용되는 문자열의 길이를 설정합니다. 길이는 2에서 6 사이의 정수로 설정할 수 있습니다. 40 | 글자 수를 늘릴수록 **훈련의 난이도가 많이 올라갑니다**. 41 | 42 | ### 정답 개수 43 | 44 | 정답란에 표시되는 정답의 개수를 설정합니다. 정답 개수는 15에서 60 사이의 정수로 설정할 수 있습니다. 45 | 정답 개수를 늘릴수록 **훈련의 난이도가 조금 올라갑니다**. 46 | 47 | ## 훈련 난이도 조정 48 | 49 | 다음과 같이 훈련 결과값을 통하여 현재 훈련 설정의 난이도에 대해 알 수 있습니다. 50 | 51 | ### 정확도/평균 정확도 52 | 53 | - **70% 이하**: 난이도가 너무 높습니다. 지속적으로 (2\~3번) 낮은 난이도를 기록한다면 다음 훈련 때 난이도를 내려서 진행하세요. 54 | - **70%\~80%**: 난이도가 적당합니다. 현재 값대로 다음 훈련도 진행하세요. 55 | - **80% 이상**: 난이도가 너무 낮습니다. 다음 훈련 때 난이도를 올려서 진행하세요. 56 | 57 | ### 평균 시도 시간 58 | 59 | - **40초 초과**: 난이도가 너무 높습니다. 지속적으로 (2\~3번) 낮은 난이도를 기록한다면 다음 훈련 때 난이도를 내려서 진행하세요. 60 | - **40초\~30초**: 난이도가 적당합니다. 현재 값대로 다음 훈련도 진행하세요. 61 | - **30초 미만**: 난이도가 너무 낮습니다. 다음 훈련 때 난이도를 올려서 진행하세요. 62 | 63 | 위와 같이 난이도를 파악한 후 위의 훈련 설정을 권장되는 범위 내 변경하세요. 64 | -------------------------------------------------------------------------------- /content/ko/1.docs/2.training/visual/5.character-guesstimate.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: 문자 추정 3 | description: 서서히 나타나는 글자를 보고 가능한 빨리 예측해 입력하는 훈련 4 | --- 5 | 6 | ## 개요 7 | 8 | 문자의 일부를 보여주며, 완전히 보여지지 않은 글자를 가능한 한 빨리 식별하는 훈련입니다. 문자 추정 훈련은 형태, 지각, 지형 지각, 정보 처리 속도 및 동시 처리 능력을 향상시킵니다. 9 | 10 | 훈련의 각 시도는 다음과 같은 순서로 진행되며, 훈련 시간이 초과될 때까지 반복됩니다. 11 | 12 | 1. 시도가 시작되면 빈 사각형에 글자가 서서히 나타납니다. 13 | ![character-guesstimate-1](/character-guesstimate-1.png){width="1024" height="576"} 14 | 1. 서서히 나타나는 글자를 가능한 빠르게 식별하고 이에 해당하는 키를 눌러야 합니다. 또한 빈 사각형 아래 파란색 로딩바가 글자가 얼마나 표시되었는지 나타냅니다. 15 | ![character-guesstimate-2](/character-guesstimate-2.png){width="1024" height="576"} 16 | 1. 키를 누르면 실제 글자가 표시되며, 정답과 비교합니다. 정답일 경우 초록색으로 표시되고, 오답일 경우 빨간색으로 표시됩니다. 17 | ![character-guesstimate-3](/character-guesstimate-3.png){width="1024" height="576"} 18 | ![character-guesstimate-4](/character-guesstimate-4.png){width="1024" height="576"} 19 | 20 | ## 훈련 설정 21 | 22 | ### 시간 (분) 23 | 24 | 설정된 훈련 시간이 초과되면 현재 진행중인 시도가 끝난 후 훈련이 종료됩니다. 권장되는 훈련 시간은 5분 내외이며 10분 이상 훈련하는 것은 권장되지 않습니다. 25 | 26 | ### 문자 종류 27 | 28 | 휸련에 사용되는 문자의 종류를 설정합니다. 문자 종류는 훈련 대상의 모국어로 설정하는 것이 가장 효과적입니다. 문자 종류는 다음과 같습니다: 29 | 30 | - **숫자**: 0부터 9까지의 숫자 31 | - **알파벳**: A부터 Z까지의 대문자 알파벳 32 | - **알파벳 + 숫자**: A부터 Z까지의 대문자 알파벳과 0부터 9까지의 숫자 33 | - **한글**: ㄱㄴㄷ와 같은 한글 자음과 ㅏㅑㅓ와 같은 한글 모음 34 | 35 | **간단한 문자 종류를 선택하여 난이도를 낮출** 수 있습니다. (예: `알파벳 + 숫자` -> `알파벳` 또는 `숫자`) 36 | 37 | 반대로 **복잡한 문자 종류를 설정하여 난이도를 올릴** 수도 있습니다. (예: `숫자` -> `알파벳 + 숫자`) 38 | 39 | ### 블록 크기 40 | 41 | 글자가 나타나를 "블록"의 크기를 설정합니다. 크기가 작을수록 난이도가 감소합니다. 42 | 43 | - **소**: 20×20 블록 44 | - **중**: 15×15 블록 45 | - **대**: 10×10 블록 46 | 47 | ## 훈련 난이도 조정 48 | 49 | 다음과 같이 훈련 결과값을 통하여 현재 훈련 설정의 난이도에 대해 알 수 있습니다. 50 | 51 | ### 정확도/평균 정확도 52 | 53 | - **70% 이하**: 난이도가 너무 높습니다. 지속적으로 (2\~3번) 낮은 난이도를 기록한다면 다음 훈련 때 난이도를 내려서 진행하세요. 54 | - **70%\~80%**: 난이도가 적당합니다. 현재 값대로 다음 훈련도 진행하세요. 55 | - **80% 이상**: 난이도가 너무 낮습니다. 다음 훈련 때 난이도를 올려서 진행하세요. 56 | 57 | ### 평균 드러남 정도 58 | 59 | - 30% 이하: 난이도가 너무 낮습니다. 다음 훈련 때 난이도를 올려서 진행하세요. 60 | - 30%\~50%: 난이도가 적당합니다. 현재 값대로 다음 훈련도 진행하세요. 61 | - 50% 이상: 난이도가 너무 높습니다. 지속적으로 (2\~3번) 높은 난이도를 기록한다면 다음 훈련 때 난이도를 내려서 진행하세요. 62 | 63 | 위와 같이 난이도를 파악한 후 위의 훈련 설정을 권장되는 범위 내 변경하세요. 64 | 65 | ::callout{color="primary" icon="i-ph-lightbulb"} 66 | 만일 평균 드러남 점수가 낮으나, 평균 정확도가 낮다면 훈련 때 서두르지 말고 정확도를 높이는 것에 집중할 수 있게 유도해 주세요. 67 | :: 68 | ::callout{color="primary" icon="i-ph-lightbulb"} 69 | 지속적으로 블록 "대" 크기를 사용하고, 정답률이 90% 이상이고, 평균 드러남 정도가 30% 이하일 때 이 훈련을 마스터했다고 판단할 수 있습니다. 70 | :: 71 | -------------------------------------------------------------------------------- /content/ko/1.docs/2.training/visual/_dir.yml: -------------------------------------------------------------------------------- 1 | title: 시각 2 | navigation.icon: i-ph-eye 3 | -------------------------------------------------------------------------------- /content/ko/1.docs/3.Policies/1.tos.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: 서비스 이용약관 3 | description: "최종 업데이트: 2025년 2월 4일" 4 | --- 5 | 6 | ## 법적 약관 동의 7 | 8 | 우리는 **BlueScript NPO** ("**회사**", "**우리**", "**당사**")입니다. 9 | 10 | 당사는 [https://bluescript.app](https://bluescript.app) (이하 "**사이트**")를 운영하며, 이 법적 약관(이하 "**약관**")에 언급되거나 연결된 관련 제품 및 서비스를 제공합니다(이하 "**서비스**"). 11 | 12 | 문의 사항이 있으면 이메일 **[support@bluescript.app](mailto:support@bluescript.app)** 로 연락하실 수 있습니다. 13 | 14 | 본 약관은 개인 또는 법인(이하 "**귀하**")이 서비스에 액세스하고 사용하는 것과 관련하여 **BlueScript NPO**와 체결하는 법적 구속력이 있는 계약입니다. 서비스를 이용함으로써 귀하는 본 약관에 동의하는 것으로 간주됩니다. 동의하지 않는 경우, 즉시 이용을 중단해야 합니다. 15 | 16 | 거주 지역에서 미성년자로 간주되는 사용자는(일반적으로 만 18세 미만) 부모 또는 보호자의 허락과 직접적인 감독 하에서만 서비스를 이용할 수 있습니다. 17 | 18 | 본 약관의 사본을 인쇄하여 보관하실 것을 권장합니다. 19 | 20 | ## 1. 우리의 서비스 21 | 22 | 서비스를 통해 제공되는 정보는 법률 또는 규정을 위반하는 국가 또는 관할권에서는 배포 또는 사용되지 않습니다. 다른 지역에서 서비스에 액세스하는 사용자는 해당 지역의 법률을 준수할 책임이 있습니다. 23 | 24 | 서비스는 **HIPAA** 또는 **FISMA**와 같은 산업별 규정을 준수하도록 설계되지 않았습니다. 귀하의 활동이 해당 법률을 준수해야 하는 경우, 서비스를 이용할 수 없습니다. 25 | 26 | ## 2. 지식재산권 27 | 28 | ### 우리의 지식재산권 29 | 30 | 서비스의 소스 코드, 데이터베이스, 소프트웨어, 웹사이트 디자인, 오디오, 비디오, 텍스트, 그래픽 및 상표(이하 "**콘텐츠**")는 당사의 소유이거나 사용 라이선스를 보유하고 있으며, 저작권 및 상표법에 의해 보호됩니다. 31 | 32 | 귀하는 서비스를 개인적이고 비상업적인 목적으로만 사용할 수 있습니다. 사전 서면 허가 없이 서비스의 일부를 복사, 재생산 또는 배포할 수 없습니다. 33 | 34 | ### 귀하의 제출물 35 | 36 | 귀하가 피드백, 제안 또는 기타 정보를 당사에 제공하는 경우, 귀하는 해당 제출물에 대한 모든 지식재산권을 당사에 양도하는 것으로 간주됩니다. 37 | 38 | 귀하는 귀하가 게시하거나 업로드한 콘텐츠에 대한 책임을 지며, 불법적이거나 괴롭힘을 유발하거나 허위 정보를 게시하지 않을 것에 동의합니다. 39 | 40 | ## 3. 사용자 진술 41 | 42 | 귀하는 서비스를 이용함으로써 다음 사항에 동의합니다. 43 | 44 | - 귀하는 정확한 정보를 제공하고 필요 시 이를 업데이트할 것입니다. 45 | - 귀하는 법적 능력을 갖추고 있으며, 본 약관을 준수할 것입니다. 46 | - 귀하는 서비스를 불법적이거나 승인되지 않은 목적으로 사용하지 않을 것입니다. 47 | 48 | ## 4. 사용자 계정 등록 49 | 50 | 일부 서비스 이용 시 계정을 등록해야 할 수도 있습니다. 귀하는 비밀번호를 기밀로 유지해야 하며, 계정 사용에 대한 모든 책임이 귀하에게 있습니다. 51 | 52 | ## 5. 금지된 활동 53 | 54 | 귀하는 다음을 수행하지 않을 것에 동의합니다. 55 | 56 | - 불법적인 방식으로 서비스를 사용하지 않습니다. 57 | - 허가 없이 서비스를 복사하거나 재배포하지 않습니다. 58 | - 사기, 기만 또는 유해한 행위를 하지 않습니다. 59 | 60 | ## 6. 사용자 생성 콘텐츠 61 | 62 | 사용자는 텍스트, 이미지 및 동영상을 포함한 콘텐츠를 제출할 수 있습니다. 콘텐츠를 제출함으로써 귀하는 당사가 이를 사용, 수정 및 배포할 수 있는 라이선스를 부여합니다. 63 | 64 | ## 7. 기여 라이선스 65 | 66 | 귀하는 귀하의 기여물에 대한 소유권을 유지하지만, 당사는 이를 사용할 수 있는 권리를 갖습니다. 67 | 68 | ## 8. 제3자 웹사이트 및 콘텐츠 69 | 70 | 당사의 서비스에는 제3자 웹사이트로 연결되는 링크가 포함될 수 있습니다. 당사는 제3자 사이트의 콘텐츠에 대해 책임을 지지 않습니다. 71 | 72 | ## 9. 서비스 관리 73 | 74 | 당사는 서비스 액세스를 모니터링, 제한 또는 종료할 권리를 보유합니다. 75 | 76 | ## 10. 개인정보 보호정책 77 | 78 | 당사는 데이터 보호 및 보안을 중요하게 생각합니다. **[개인정보 보호정책](/ko/docs/policies/privacy)**을 검토해 주세요. 79 | 80 | ## 11. 이용 기간 및 해지 81 | 82 | 당사는 귀하의 서비스 이용을 언제든지 어떤 이유로든 중단하거나 종료할 수 있습니다. 83 | 84 | ## 12. 변경 및 중단 85 | 86 | 당사는 서비스의 내용을 사전 통지 없이 수정하거나 중단할 권리를 보유합니다. 87 | 88 | ## 13. 준거법 89 | 90 | 본 약관은 **대한민국 법률**에 따라 해석되고 적용됩니다. 91 | 92 | ## 14. 분쟁 해결 93 | 94 | 모든 분쟁은 **대한민국 서울**에서 중재를 통해 해결됩니다. 95 | 96 | ## 15. 수정 사항 97 | 98 | 당사는 서비스 내 오류 또는 누락 사항을 수정할 권리를 보유합니다. 99 | 100 | ## 16. 면책 조항 101 | 102 | 서비스는 **"있는 그대로"** 제공되며, 어떠한 보증도 포함되지 않습니다. 103 | 104 | ## 17. 책임 제한 105 | 106 | 당사는 서비스 이용으로 인해 발생하는 어떠한 손해에도 책임을 지지 않습니다. 107 | 108 | ## 18. 배상 109 | 110 | 귀하는 서비스 사용과 관련하여 발생하는 청구로부터 당사를 보호하고 면책하는 것에 동의합니다. 111 | 112 | ## 19. 사용자 데이터 113 | 114 | 당사는 사용자 데이터의 손실에 대해 책임을 지지 않습니다. 115 | 116 | ## 20. 전자 커뮤니케이션, 거래 및 서명 117 | 118 | 귀하는 서비스를 이용함으로써 전자 커뮤니케이션 및 거래에 동의합니다. 119 | 120 | ## 21. 캘리포니아 사용자 및 거주자 121 | 122 | 캘리포니아 거주자는 **캘리포니아 소비자 보호국**에 불만을 제기할 수 있습니다. 123 | 124 | ## 22. 기타 조항 125 | 126 | 본 약관은 귀하와 당사 간의 완전한 계약을 구성합니다. 127 | 128 | ## 23. 문의하기 129 | 130 | 문의 사항이 있으면 **[support@bluescript.app](mailto:support@bluescript.app)** 로 연락해 주세요. 131 | -------------------------------------------------------------------------------- /content/ko/1.docs/3.Policies/_dir.yml: -------------------------------------------------------------------------------- 1 | title: 정책 2 | navigation.icon: i-ph-book-bookmark 3 | -------------------------------------------------------------------------------- /content/ko/1.docs/_dir.yml: -------------------------------------------------------------------------------- 1 | navigation.icon: i-ph-book 2 | title: 도움말 3 | -------------------------------------------------------------------------------- /content/ko/_dir.yml: -------------------------------------------------------------------------------- 1 | navigation.icon: i-ph-book 2 | title: 한국어 3 | -------------------------------------------------------------------------------- /content/ru/1.docs/1.getting-started/1.index.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Введение 3 | description: Добро пожаловать в BlueScript. 4 | --- 5 | 6 | ## Что такое BlueScript? 7 | 8 | BlueScript — это проект с открытым исходным кодом, созданный для помощи людям с дислексией. Его название объединяет два элемента: «Blue», символизирующий положительные изменения, и «Script», представляющий буквы или текст. Этот проект выходит за рамки традиционных лингвистических подходов, используя методы нейробиологии для предоставления эффективного обучения людям с дислексией. 9 | 10 | Чтобы люди с дислексией могли свободно проходить обучение в любом месте, BlueScript был разработан как веб-приложение. Приложение предлагает разнообразные обучающие модули, направленные на укрепление нейронных связей в мозге и устранение неэффективностей, вызванных дислексией. 11 | 12 | ### Истоки BlueScript: Су Джэ 13 | 14 | Этот проект был инициирован [Су Джэ](https://github.com/SuhJae), который в детстве столкнулся с трудностями и болью, связанными с дислексией. Испытывая трудности с медленным чтением и ограниченной грамотностью, Су Джэ упорно работал, чтобы преодолеть эти проблемы. К счастью, обучение, пройденное в средней школе, помогло улучшить его навыки чтения. Однако этот опыт оставил глубокое понимание того, насколько трудно многим людям преодолеть дислексию. 15 | 16 | Мотивированный своим личным опытом, Су Джэ разработал **BlueScript** с целью облегчить страдания других людей с дислексией. Он осознал, что финансовые трудности часто делают преодоление дислексии недоступным для многих. Это осознание привело к его решению создать бесплатную программу обучения дислексии, предоставляющую людям возможность преодолеть её без экономических ограничений. 17 | 18 | ## Проект с открытым исходным кодом 19 | 20 | BlueScript — это проект с открытым исходным кодом, который может использовать и улучшать каждый. Пользователи и разработчики приглашаются к участию в улучшении обучающих программ. В настоящее время BlueScript доступен на девяти языках, продолжаются исправления ошибок и улучшение пользовательского интерфейса ([GitHub BlueScript](https://github.com/BlueScript-NPO)). 21 | 22 | ## Обучающие модули 23 | 24 | BlueScript предоставляет разнообразные обучающие модули, разработанные для стимуляции нейронов мозга и улучшения навыков чтения у людей с дислексией. Основные обучающие модули включают: 25 | 26 | 1. [**Быстрое зрительное восприятие**](/ru/docs/training/visual/rapid-visual-perception): Обучающий модуль, где пользователи быстро распознают и вводят буквы, кратковременно отображаемые на экране. 27 | 2. [**Последовательная зрительная память**](/ru/docs/training/visual/sequential-visual-memory): Модуль, где буквы отображаются по одной, и пользователи должны запомнить и ввести их. 28 | 3. [**Последовательность символов**](/ru/docs/training/visual/character-sequencing): Обучение, включающее идентификацию и ввод букв в заданном порядке. 29 | 4. [**Сопоставление символов**](/ru/docs/training/visual/character-matching): Модуль, где пользователи идентифицируют буквы, соответствующие заданному примеру среди визуально похожих символов. 30 | 5. [**Угадать символ**](/ru/docs/training/visual/character-guesstimate): Модуль, где буквы постепенно появляются, и пользователи должны предсказать и ввести их как можно быстрее. 31 | 32 | Эти модули разработаны для стимуляции мозга различными способами, чтобы пользователи оставались вовлечёнными и не утратили интереса из-за повторяющихся стимулов. 33 | -------------------------------------------------------------------------------- /content/ru/1.docs/1.getting-started/2.installation.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Установка 3 | description: Как установить и использовать BlueScript 4 | navigation: Установка 5 | --- 6 | 7 | ## Для обычных пользователей 8 | 9 | BlueScript предоставляется как веб-приложение, что позволяет вам легко использовать его из любого места, имея только **браузер**, без необходимости установки. Посетите официальное веб-приложение и начните использовать все возможности BlueScript прямо сейчас. 10 | 11 | ## Самостоятельный хостинг 12 | 13 | Помимо официального веб-приложения, вы можете разместить **BlueScript** на своём собственном сервере. Этот вариант подходит для тех, кто обладает навыками управления серверами, или для тех, кто предпочитает настроенную среду. 14 | 15 | ### Хостинг с помощью Docker 16 | 17 | BlueScript можно легко разместить, используя [официальный образ Docker](https://hub.docker.com/r/suhjae/bluescript). Следуйте инструкциям ниже, чтобы установить Docker и запустить сервер BlueScript. 18 | 19 | #### **1. Установите Docker** 20 | 21 | Если Docker ещё не установлен, загрузите и установите Docker для вашей платформы с [официального сайта Docker](https://www.docker.com/). 22 | 23 | #### **2. Загрузите образ Docker BlueScript** 24 | 25 | После установки Docker загрузите официальный образ BlueScript, выполнив следующую команду в вашем терминале: 26 | 27 | ```bash 28 | docker pull suhjae/bluescript 29 | ``` 30 | 31 | #### **3. Запустите BlueScript** 32 | 33 | После загрузки образа Docker запустите контейнер, используя следующую команду: 34 | 35 | ```bash 36 | docker run -d -p 80:3000 --name bluescript suhjae/bluescript 37 | ``` 38 | 39 | Здесь: 40 | 41 | - `-d` запускает контейнер в фоновом режиме. 42 | - `-p 80:3000` связывает порт 80 на вашем локальном устройстве с портом 3000 внутри контейнера. 43 | 44 | #### **4. Доступ к BlueScript** 45 | 46 | Откройте браузер и перейдите на `http://localhost`, чтобы получить доступ к BlueScript. 47 | 48 | #### **5. Настройка параметров** 49 | 50 | Для дополнительной настройки вы можете изменить файл `docker-compose.yml` или использовать переменные среды Docker для кастомизации BlueScript. Например, вы можете настроить веб-прокси, такой как [Traefik](https://traefik.io/traefik/), в файле `docker-compose.yml`, чтобы подключить ваш домен и создать более продвинутую конфигурацию. 51 | -------------------------------------------------------------------------------- /content/ru/1.docs/1.getting-started/3.requirements.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Подготовка к обучению 3 | description: Настройка среды для обучения с BlueScript 4 | --- 5 | 6 | ## Аппаратное обеспечение 7 | 8 | BlueScript — это веб-приложение, которое можно использовать на любой операционной системе. Однако для эффективного обучения рекомендуется использовать устройство, соответствующее следующим критериям. 9 | 10 | ### Требования к устройству 11 | 12 | - Компьютер, ноутбук или планшет, оснащённый физической клавиатурой. 13 | - Дисплей размером не менее 7 дюймов (17.78 см). 14 | 15 | ### Полезные инструменты 16 | 17 | - Блокнот для записи прогресса в обучении (функциональность учётной записи для сохранения результатов тренировок будет добавлена в ближайшее время). 18 | - Беруши или наушники для блокировки шума в отвлекающей среде. 19 | 20 | ## Поза для обучения 21 | 22 | Поддерживайте расстояние примерно 30 см от монитора во время обучения. Это примерно соответствует диагонали листа формата A4. 23 | 24 | Не кладите руки на клавиатуру, если вы не вводите ответы. В тренировочных сессиях, требующих краткосрочного запоминания, предустановка рук на клавиатуру или подготовка к набору ответов заранее может снизить эффективность обучения. 25 | 26 | Избегайте разговаривать с собой или бормотать во время обучения. Повторение подсказок вслух или их проговаривание может отрицательно сказаться на улучшении зрительных когнитивных функций. 27 | -------------------------------------------------------------------------------- /content/ru/1.docs/1.getting-started/4.training-config.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Настройка обучения 3 | description: Как настроить эффективные тренировочные сессии 4 | --- 5 | 6 | ## Обзор 7 | 8 | Обучение с BlueScript позволяет пользователям настраивать параметры тренировок. Уровень сложности имеет значительное влияние на успех тренировок. Если сложность слишком высокая, тренировки становятся слишком сложными и менее эффективными. Напротив, если сложность слишком низкая, тренировки могут стать монотонными, что также снижает их эффективность. Поэтому правильная настройка сложности является ключом к проведению эффективных тренировочных сессий. 9 | 10 | ## Настройка сложности 11 | 12 | Посетите страницу [Тренировка](/ru/train), чтобы выбрать модуль тренировки. Вы также можете нажать кнопку **Помощь**, чтобы узнать, как использовать каждый модуль тренировки. 13 | 14 | ![select-procedure](/select-procedure.png){width="1024" height="576"} 15 | 16 | После выбора модуля для тренировки вы можете настроить его параметры, как показано на изображении ниже. Все модули тренировки имеют настройки для **времени** и **типа символов**, которые не влияют на сложность. Помимо этого, каждый модуль включает уникальные параметры. **Параметры в верхней части оказывают большее влияние на сложность, чем параметры ниже.** 17 | 18 | ![setting-example](/setting-example.png){width="1024" height="576"} 19 | 20 | Например, в модуле "Быстрое зрительное восприятие" изменение **длины символов** на один шаг с помощью боковых стрелок оказывает большее влияние на сложность, чем изменение **времени отображения** на один шаг. Ознакомьтесь с документацией каждого модуля для получения подробной информации о его специфических настройках. 21 | 22 | ## Результаты тренировки 23 | 24 | Результаты тренировок являются важным показателем для настройки сложности последующих сессий. Используйте результаты для корректировки сложности следующим образом: 25 | -------------------------------------------------------------------------------- /content/ru/1.docs/1.getting-started/_dir.yml: -------------------------------------------------------------------------------- 1 | title: Начало работы 2 | navigation.icon: i-ph-rocket-launch 3 | -------------------------------------------------------------------------------- /content/ru/1.docs/2.training/_dir.yml: -------------------------------------------------------------------------------- 1 | title: Тренировка 2 | navigation.icon: i-ph-yin-yang 3 | -------------------------------------------------------------------------------- /content/ru/1.docs/2.training/visual/1.rapid-visual-perception.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Быстрое зрительное восприятие 3 | description: Обучение быстрому распознаванию и вводу букв, отображаемых кратковременно на экране 4 | --- 5 | 6 | ## Обзор 7 | 8 | Тренировка быстрого зрительного восприятия улучшает способность распознавать и воспроизводить визуальные стимулы, которые обычно отображаются менее чем за 0.25 секунды. Эта тренировка помогает повысить скорость обработки визуальной информации, расширить визуальный диапазон, улучшить скорость восприятия, зрительную память, визуализацию и временную обработку зрительных данных. 9 | 10 | Каждая попытка тренировки следует следующей последовательности и повторяется, пока не будет превышено заданное время тренировки: 11 | 12 | 1. Буквы кратковременно отображаются на экране. 13 | ![rapid-visual-perception-1](/rapid-visual-perception-1.png){width="1024" height="576"} 14 | 2. После исчезновения букв обучающийся вводит запомнившиеся буквы и проверяет свои ответы. 15 | ![rapid-visual-perception-2](/rapid-visual-perception-2.png){width="1024" height="576"} 16 | 17 | ## Настройки тренировки 18 | 19 | ### Продолжительность (в минутах) 20 | 21 | Тренировка заканчивается после завершения текущей попытки, если превышена заданная продолжительность. Рекомендуемая продолжительность тренировки составляет около 5 минут, и сессии, превышающие 10 минут, не рекомендуются. 22 | 23 | ### Тип символов 24 | 25 | Определяет тип символов, используемых в тренировке. Использование символов на родном языке обучающегося наиболее эффективно. Доступные типы символов: 26 | 27 | - **Числа**: Цифры от 0 до 9 28 | - **Алфавит**: Прописные буквы от A до Z 29 | - **Алфавит + Числа**: Прописные буквы (A-Z) и цифры (0-9) 30 | - **Корейский**: Корейские согласные (например, ㄱ, ㄴ, ㄷ) и гласные (например, ㅏ, ㅑ, ㅓ) 31 | 32 | **Чтобы уменьшить сложность**, выберите более простые типы символов (например, от `Алфавит + Числа` к `Алфавит` или `Числа`). 33 | 34 | **Чтобы увеличить сложность**, выберите более сложные типы символов (например, от `Числа` к `Алфавит + Числа`). 35 | 36 | ### Длина строки символов 37 | 38 | Определяет длину строки символов, используемой в тренировке. Длина может быть установлена от `1` до `10`. Увеличение длины строки значительно **повышает сложность**. 39 | 40 | ### Время отображения (в секундах) 41 | 42 | Определяет продолжительность, в течение которой символы отображаются на экране. Время отображения можно настроить в диапазоне от `0.05` до `1` секунды. Сокращение времени отображения **незначительно** увеличивает сложность. Рекомендуемый диапазон — от `0.05` до `0.5` секунды. Если требуется дальнейшая настройка сложности, измените длину строки символов. 43 | 44 | ## Настройка сложности тренировки 45 | 46 | На основе результатов тренировки вы можете определить, подходят ли текущие настройки: 47 | 48 | ### Точность/Средняя точность 49 | 50 | - **Менее 70%**: Сложность слишком высокая. Если низкая точность сохраняется (2–3 сессии), уменьшите сложность для следующей тренировки. 51 | - **70%–80%**: Сложность подходящая. Продолжайте использовать текущие настройки для следующей тренировки. 52 | - **Более 80%**: Сложность слишком низкая. Увеличьте сложность для следующей тренировки. 53 | 54 | После оценки сложности по указанным критериям настройте параметры тренировки в пределах рекомендуемых диапазонов. 55 | -------------------------------------------------------------------------------- /content/ru/1.docs/2.training/visual/2.sequential-visual-memory.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Последовательная зрительная память 3 | description: Тренировка запоминания и ввода символов, отображаемых последовательно 4 | --- 5 | 6 | ## Обзор 7 | 8 | Тренировка последовательной зрительной памяти включает идентификацию и запоминание серии символов, отображаемых поочерёдно, с последующим их воспроизведением после заданной задержки. Эта тренировка улучшает последовательную зрительную память, рабочую память, скорость восприятия, визуально-моторную точность и способность к последовательной обработке информации. 9 | 10 | Каждая попытка тренировки следует следующей последовательности и повторяется, пока не будет превышено заданное время тренировки: 11 | 12 | 1. Символы отображаются по одному в порядке на экране. 13 | ![sequential-visual-memory-1](/sequential-visual-memory-1.png){width="1024" height="576"} 14 | 2. После отображения всех символов на экране появляется случайный узор на заданное время (можно отключить, установив задержку в 0 секунд). 15 | ![sequential-visual-memory-2](/sequential-visual-memory-2.png){width="1024" height="576"} 16 | 3. После исчезновения узора обучающийся вводит запомнившиеся символы и проверяет свои ответы. 17 | ![sequential-visual-memory-3](/sequential-visual-memory-3.png){width="1024" height="576"} 18 | 19 | ## Настройки тренировки 20 | 21 | ### Продолжительность (в минутах) 22 | 23 | Тренировка заканчивается после завершения текущей попытки, если превышена заданная продолжительность. Рекомендуемая продолжительность тренировки составляет около 5 минут, и сессии, превышающие 10 минут, не рекомендуются. 24 | 25 | ### Тип символов 26 | 27 | Определяет тип символов, используемых в тренировке. Использование символов на родном языке обучающегося наиболее эффективно. Доступные типы символов: 28 | 29 | - **Числа**: Цифры от 0 до 9 30 | - **Алфавит**: Прописные буквы от A до Z 31 | - **Алфавит + Числа**: Прописные буквы (A-Z) и цифры (0-9) 32 | - **Корейский**: Корейские согласные (например, ㄱ, ㄴ, ㄷ) и гласные (например, ㅏ, ㅑ, ㅓ) 33 | 34 | **Чтобы уменьшить сложность**, выберите более простые типы символов (например, от `Алфавит + Числа` к `Алфавит` или `Числа`). 35 | 36 | **Чтобы увеличить сложность**, выберите более сложные типы символов (например, от `Числа` к `Алфавит + Числа`). 37 | 38 | ### Длина строки символов 39 | 40 | Определяет длину последовательности символов, используемой в тренировке. Длина может быть установлена от `1` до `6`. Увеличение длины последовательности значительно **повышает сложность**. 41 | 42 | ### Время задержки (в секундах) 43 | 44 | Определяет время отображения случайного узора после символов. Время задержки можно настроить в диапазоне от `0` до `25` секунд. Увеличение времени задержки **незначительно** повышает сложность. Рекомендуемый диапазон — от `0` до `15` секунд. Если настройка времени задержки недостаточна для тонкой настройки сложности, измените длину строки символов. 45 | 46 | ## Настройка сложности тренировки 47 | 48 | На основе результатов тренировки вы можете определить, подходят ли текущие настройки: 49 | 50 | ### Точность/Средняя точность 51 | 52 | - **Менее 70%**: Сложность слишком высокая. Если низкая точность сохраняется (2–3 сессии), уменьшите сложность для следующей тренировки. 53 | - **70%–80%**: Сложность подходящая. Продолжайте использовать текущие настройки для следующей тренировки. 54 | - **Более 80%**: Сложность слишком низкая. Увеличьте сложность для следующей тренировки. 55 | 56 | После оценки сложности по указанным критериям настройте параметры тренировки в пределах рекомендуемых диапазонов. 57 | -------------------------------------------------------------------------------- /content/ru/1.docs/2.training/visual/_dir.yml: -------------------------------------------------------------------------------- 1 | title: Визуальный 2 | navigation.icon: i-ph-eye 3 | -------------------------------------------------------------------------------- /content/ru/1.docs/3.Policies/_dir.yml: -------------------------------------------------------------------------------- 1 | title: Policies 2 | navigation.icon: i-ph-book-bookmark 3 | -------------------------------------------------------------------------------- /content/ru/1.docs/_dir.yml: -------------------------------------------------------------------------------- 1 | navigation.icon: i-ph-book 2 | title: Помощь 3 | -------------------------------------------------------------------------------- /content/ru/_dir.yml: -------------------------------------------------------------------------------- 1 | navigation.icon: i-ph-book 2 | title: Русский 3 | -------------------------------------------------------------------------------- /content/zh/1.docs/1.getting-started/1.index.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: 简介 3 | description: 欢迎使用 BlueScript。 4 | --- 5 | 6 | ## 什么是 BlueScript？ 7 | 8 | BlueScript 是一个旨在帮助阅读障碍者的开源项目。它的名字结合了两个元素：“Blue”，象征积极的改变，以及“Script”，代表文字或文本。本项目超越了传统的语言学方法，采用神经科学的方法，为阅读障碍者提供有效的训练。 9 | 10 | 为了让阅读障碍者能随时随地自由地进行训练，BlueScript 被开发成一个 Web 应用程序。该应用程序提供多种训练模块，旨在强化大脑中的神经连接，从而解决因阅读障碍引起的效率问题。 11 | 12 | ### BlueScript 的起源：Suh Jae 13 | 14 | 该项目由 [Suh Jae](https://github.com/SuhJae) 发起，他在童年时期亲身经历了阅读障碍带来的挑战与痛苦。面对阅读速度缓慢和识字能力有限的困难，Suh Jae 不懈努力地克服这些问题。幸运的是，在中学时期接受的训练帮助他改善了阅读能力。然而，这段经历让他深刻认识到，许多人要克服阅读障碍是多么困难。 15 | 16 | 受个人经历的启发，Suh Jae 开发了 **BlueScript**，以减轻其他阅读障碍者所面临的困难。他意识到经济负担往往使得克服阅读障碍变得遥不可及。因此，他决心创建一个免费的阅读障碍训练项目，让人们能够在没有经济压力的情况下克服阅读障碍。 17 | 18 | ## 开源项目 19 | 20 | BlueScript 是一个任何人都可以免费使用和贡献的开源项目。无论是用户还是开发者，都被鼓励参与改进训练程序。目前，BlueScript 提供九种语言版本，并持续修复漏洞和优化用户界面（[BlueScript GitHub](https://github.com/BlueScript-NPO)）。 21 | 22 | ## 训练模块 23 | 24 | BlueScript 提供多种训练模块，旨在刺激大脑神经元并增强阅读障碍者的阅读能力。主要训练模块包括： 25 | 26 | 1. [**快速视觉感知**](/zh/docs/training/visual/rapid-visual-perception)：一个训练模块，用户需要快速识别并输入屏幕上短暂显示的字母。 27 | 2. [**顺序视觉记忆**](/zh/docs/training/visual/sequential-visual-memory)：一个模块，按顺序显示字母，用户需记住并输入这些字母。 28 | 3. [**字符排序**](/zh/docs/training/visual/character-sequencing)：一个训练模块，用户需要按指定顺序识别并输入字母。 29 | 4. [**字符匹配**](/zh/docs/training/visual/character-matching)：一个模块，用户需在视觉上相似的字符中识别出与提示匹配的字母。 30 | 5. [**字符预测**](/zh/docs/training/visual/character-guesstimate)：一个模块，字母逐渐显示，用户需尽快预测并输入它们。 31 | 32 | 这些模块旨在通过多种方式刺激大脑，确保用户始终保持参与度，并避免对重复刺激产生免疫。 33 | -------------------------------------------------------------------------------- /content/zh/1.docs/1.getting-started/2.installation.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: 安装指南 3 | description: 如何安装和使用 BlueScript 4 | navigation: 安装指南 5 | --- 6 | 7 | ## 针对普通用户 8 | 9 | BlueScript 作为一个 Web 应用程序提供，您只需要一个 **浏览器** 就可以随时随地轻松使用，无需进行任何安装过程。访问官方 Web 应用程序，即可立即使用 BlueScript 的所有功能。 10 | 11 | ## 自行托管 12 | 13 | 除了官方 Web 应用程序，您还可以在自己的服务器上托管 **BlueScript**。此选项适合具备服务器管理技能或希望定制环境的用户。 14 | 15 | ### 使用 Docker 托管 16 | 17 | BlueScript 可以通过 [官方 Docker 镜像](https://hub.docker.com/r/suhjae/bluescript) 轻松托管。按照以下步骤安装 Docker 并运行 BlueScript 服务器。 18 | 19 | #### **1. 安装 Docker** 20 | 21 | 如果尚未安装 Docker，请从 [Docker 官网](https://www.docker.com/) 下载并安装适合您平台的 Docker。 22 | 23 | #### **2. 拉取 BlueScript Docker 镜像** 24 | 25 | Docker 安装完成后，在终端中运行以下命令下载官方 BlueScript 镜像： 26 | 27 | ```bash 28 | docker pull suhjae/bluescript 29 | ``` 30 | 31 | #### **3. 启动 BlueScript** 32 | 33 | 下载 Docker 镜像后，运行以下命令启动容器： 34 | 35 | ```bash 36 | docker run -d -p 80:3000 --name bluescript suhjae/bluescript 37 | ``` 38 | 39 | 这里： 40 | 41 | - `-d` 表示在后台运行容器。 42 | - `-p 80:3000` 将本地计算机的 80 端口映射到容器内部的 3000 端口。 43 | 44 | #### **4. 访问 BlueScript** 45 | 46 | 打开浏览器并访问 `http://localhost` 即可使用 BlueScript。 47 | 48 | #### **5. 配置设置** 49 | 50 | 如需其他配置，可以修改 `docker-compose.yml` 文件或使用 Docker 环境变量来自定义 BlueScript。例如，您可以在 `docker-compose.yml` 文件中设置一个像 [Traefik](https://traefik.io/traefik/) 这样的 Web 代理，将您的域名连接到容器，并创建一个更高级的部署环境。 51 | -------------------------------------------------------------------------------- /content/zh/1.docs/1.getting-started/3.requirements.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: 训练准备 3 | description: 设置 BlueScript 训练环境 4 | --- 5 | 6 | ## 硬件要求 7 | 8 | BlueScript 是一个可以在任何操作系统上使用的 Web 应用程序。然而，为了更高效地进行训练，建议使用符合以下标准的设备。 9 | 10 | ### 设备要求 11 | 12 | - 配备物理键盘的电脑、笔记本电脑或平板电脑。 13 | - 至少 7 英寸（17.78 厘米）的显示屏。 14 | 15 | ### 实用工具 16 | 17 | - 用于记录训练进度的笔记本（账户功能将很快上线，以便保存训练记录）。 18 | - 在嘈杂环境中屏蔽噪音的耳塞或耳机。 19 | 20 | ## 训练姿势 21 | 22 | 在训练期间，与显示器保持约 30 厘米的距离。这大约相当于一张 A4 纸的对角线长度。 23 | 24 | 在未输入答案时，不要将双手放在键盘上。在需要短期提示记忆的训练中，将手提前放在键盘上或提前准备输入答案，可能会降低训练的效果。 25 | 26 | 避免在训练期间自言自语或喃喃自语。大声重复提示或低声念叨可能会对视觉认知功能的提升产生负面影响。 27 | -------------------------------------------------------------------------------- /content/zh/1.docs/1.getting-started/4.training-config.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: 配置训练 3 | description: 如何设置高效的训练课程 4 | --- 5 | 6 | ## 概述 7 | 8 | BlueScript 的训练允许用户自定义训练设置。训练的难度对其效果有显著影响。如果难度过高，训练会变得过于困难，效果也会降低。相反，如果难度过低，训练可能变得单调乏味，同样会降低效果。因此，适当调整难度是开展高效训练课程的关键。 9 | 10 | ## 调整难度 11 | 12 | 访问 [训练](/zh/train) 页面以选择训练模块。您还可以点击 **帮助** 按钮，了解如何使用每个训练模块。 13 | 14 | ![select-procedure](/select-procedure.png){width="1024" height="576"} 15 | 16 | 一旦选择了一个训练模块，您可以根据下图中的设置对其进行配置。所有训练模块都有 **时间** 和 **字符类型** 的设置，这些设置不会影响难度。此外，每个模块还有独特的设置。**顶部的设置对难度的影响大于下方的设置。** 17 | 18 | ![setting-example](/setting-example.png){width="1024" height="576"} 19 | 20 | 例如，在快速视觉感知模块中，使用侧边箭头将 **字符长度** 调整一级，对难度的影响大于将 **显示时间** 调整一级。请参阅每个模块的文档，了解其具体设置的详细信息。 21 | 22 | ## 训练结果 23 | 24 | 训练结果是调整后续课程难度的重要指标。根据结果来调整难度，具体方法如下： 25 | -------------------------------------------------------------------------------- /content/zh/1.docs/1.getting-started/_dir.yml: -------------------------------------------------------------------------------- 1 | title: 入门 2 | navigation.icon: i-ph-rocket-launch 3 | -------------------------------------------------------------------------------- /content/zh/1.docs/2.training/_dir.yml: -------------------------------------------------------------------------------- 1 | title: 训练 2 | navigation.icon: i-ph-yin-yang 3 | -------------------------------------------------------------------------------- /content/zh/1.docs/2.training/visual/1.rapid-visual-perception.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: 快速视觉感知 3 | description: 训练快速识别和输入短时间内显示在屏幕上的字母 4 | --- 5 | 6 | ## 概述 7 | 8 | 快速视觉感知训练增强了识别和重现视觉刺激的能力，通常这些刺激在不到 0.25 秒内呈现。该训练有助于提高视觉信息处理速度、扩大视觉范围，并增强感知速度、视觉记忆、可视化能力和时间视觉处理能力。 9 | 10 | 每次训练尝试按照以下步骤进行，并重复直到超过设定的训练时间： 11 | 12 | 1. 字母会短暂显示在屏幕上。 13 | ![rapid-visual-perception-1](/rapid-visual-perception-1.png){width="1024" height="576"} 14 | 2. 字母消失后，学员输入记住的字母并检查答案。 15 | ![rapid-visual-perception-2](/rapid-visual-perception-2.png){width="1024" height="576"} 16 | 17 | ## 训练设置 18 | 19 | ### 时长（分钟） 20 | 21 | 当超过设定的训练时长后，当前训练尝试结束时训练自动终止。推荐的训练时长约为 5 分钟，不建议超过 10 分钟。 22 | 23 | ### 字符类型 24 | 25 | 设置训练中使用的字符类型。使用学员的母语字符最为有效。可选的字符类型包括： 26 | 27 | - **数字**：从 0 到 9 的数字 28 | - **字母**：从 A 到 Z 的大写字母 29 | - **字母 + 数字**：大写字母（A-Z）和数字（0-9） 30 | - **韩文**：韩文字母的辅音（如 ㄱ, ㄴ, ㄷ）和元音（如 ㅏ, ㅑ, ㅓ） 31 | 32 | **降低难度**：选择更简单的字符类型（例如，从 `字母 + 数字` 切换到 `字母` 或 `数字`）。 33 | 34 | **提高难度**：选择更复杂的字符类型（例如，从 `数字` 切换到 `字母 + 数字`）。 35 | 36 | ### 字符长度 37 | 38 | 设置训练中使用的字符串长度。长度范围为 `1` 到 `10`。更长的字符长度会显著**增加难度**。 39 | 40 | ### 显示时间（秒） 41 | 42 | 设置字符在屏幕上显示的时间。显示时间范围为 `0.05` 到 `1` 秒。较短的显示时间会**略微**增加难度。推荐范围为 `0.05` 到 `0.5` 秒。如需进一步调整难度，请修改字符长度。 43 | 44 | ## 调整训练难度 45 | 46 | 根据训练结果，可以判断当前设置是否合适： 47 | 48 | ### 准确率/平均准确率 49 | 50 | - **低于 70%**：难度过高。如果低准确率持续 2–3 次训练，请降低下次训练的难度。 51 | - **70%–80%**：难度适中。下次训练可继续使用当前设置。 52 | - **高于 80%**：难度过低。请提高下次训练的难度。 53 | 54 | 根据以上标准评估难度后，在推荐范围内调整训练设置。 55 | -------------------------------------------------------------------------------- /content/zh/1.docs/2.training/visual/2.sequential-visual-memory.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: 顺序视觉记忆 3 | description: 训练回忆并输入按顺序显示的字母 4 | --- 5 | 6 | ## 概述 7 | 8 | 顺序视觉记忆训练涉及识别并记住按顺序显示的一系列字符，并在设置的延迟后回忆这些字符。该训练可以增强顺序视觉记忆、工作记忆、感知速度、视觉与动作的准确性以及顺序处理能力。 9 | 10 | 每次训练尝试遵循以下顺序，并重复直到超过设定的训练时间： 11 | 12 | 1. 字符按顺序一个接一个地显示在屏幕上。 13 | ![sequential-visual-memory-1](/sequential-visual-memory-1.png){width="1024" height="576"} 14 | 2. 所有字符显示完毕后，屏幕上会显示一个随机图案（可以通过将延迟时间设置为 0 秒来禁用）。 15 | ![sequential-visual-memory-2](/sequential-visual-memory-2.png){width="1024" height="576"} 16 | 3. 当图案消失后，学员输入记住的字符并检查答案。 17 | ![sequential-visual-memory-3](/sequential-visual-memory-3.png){width="1024" height="576"} 18 | 19 | ## 训练设置 20 | 21 | ### 时长（分钟） 22 | 23 | 当超过设定的训练时长后，当前训练尝试结束时训练自动终止。推荐的训练时长约为 5 分钟，不建议超过 10 分钟。 24 | 25 | ### 字符类型 26 | 27 | 设置训练中使用的字符类型。使用学员的母语字符最为有效。可选的字符类型包括： 28 | 29 | - **数字**：从 0 到 9 的数字 30 | - **字母**：从 A 到 Z 的大写字母 31 | - **字母 + 数字**：大写字母（A-Z）和数字（0-9） 32 | - **韩文**：韩文字母的辅音（如 ㄱ, ㄴ, ㄷ）和元音（如 ㅏ, ㅑ, ㅓ） 33 | 34 | **降低难度**：选择更简单的字符类型（例如，从 `字母 + 数字` 切换到 `字母` 或 `数字`）。 35 | 36 | **提高难度**：选择更复杂的字符类型（例如，从 `数字` 切换到 `字母 + 数字`）。 37 | 38 | ### 字符长度 39 | 40 | 设置训练中使用的字符序列的长度。长度范围为 `1` 到 `6`，更长的字符序列会显著**增加难度**。 41 | 42 | ### 延迟时间（秒） 43 | 44 | 设置字符显示完毕后随机图案的显示时间。延迟时间范围为 `0` 到 `25` 秒。较长的延迟时间会**略微**增加难度。推荐范围为 `0` 到 `15` 秒。如果通过调整延迟时间无法细化难度，请修改字符长度。 45 | 46 | ## 调整训练难度 47 | 48 | 根据训练结果，可以判断当前设置是否合适： 49 | 50 | ### 准确率/平均准确率 51 | 52 | - **低于 70%**：难度过高。如果低准确率持续 2–3 次训练，请降低下次训练的难度。 53 | - **70%–80%**：难度适中。下次训练可继续使用当前设置。 54 | - **高于 80%**：难度过低。请提高下次训练的难度。 55 | 56 | 根据以上标准评估难度后，在推荐范围内调整训练设置。 57 | -------------------------------------------------------------------------------- /content/zh/1.docs/2.training/visual/3.character-sequencing.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: 字符排序 3 | description: 训练按顺序定位并输入字符 4 | --- 5 | 6 | ## 概述 7 | 8 | 字符排序训练要求学员通过使用右箭头键和空格键按屏幕上显示的特定顺序定位并输入字符。该训练旨在提高时间视觉处理能力、视觉注意力、视觉辨别力、空间推理能力以及视觉速度。 9 | 10 | 每次训练尝试按照以下顺序进行，并重复直到超过设定的训练时间： 11 | 12 | 1. 在尝试开始时，一组字符序列显示在顶部，并在下方显示一个输入框。 13 | ![character-sequencing-1](/character-sequencing-1.png){width="1024" height="576"} 14 | 2. 使用右箭头键在输入框中移动光标。当光标与序列中的字符匹配时，按下空格键。如果跳过了一个字符或在错误的字符上按下空格键，将被计为错误，光标会移动到序列中最近的正确字符。 15 | ![character-sequencing-2](/character-sequencing-2.png){width="1024" height="576"} 16 | 例如，上图中，字符 ㅔ、ㅐ、ㄷ 和 ㅑ 已经被找到。下一个需要输入的字符是 ㅜ。如果跳过 ㅜ 或在错误的字符上按空格键，光标将移动到序列中的下一个字符 ㅈ。 17 | 3. 当光标到达序列中的最后一个字符时，尝试结束。 18 | 19 | ## 训练设置 20 | 21 | ### 时长（分钟） 22 | 23 | 当超过设定的训练时长后，当前训练尝试结束时训练自动终止。推荐的训练时长约为 5 分钟，不建议超过 10 分钟。 24 | 25 | ### 字符类型 26 | 27 | 设置训练中使用的字符类型。使用学员的母语字符最为有效。可选的字符类型包括： 28 | 29 | - **数字**：从 0 到 9 的数字 30 | - **字母**：从 A 到 Z 的大写字母 31 | - **字母 + 数字**：大写字母（A-Z）和数字（0-9） 32 | - **韩文**：韩文字母的辅音（如 ㄱ, ㄴ, ㄷ）和元音（如 ㅏ, ㅑ, ㅓ） 33 | 34 | **降低难度**：选择更简单的字符类型（例如，从 `字母 + 数字` 切换到 `字母` 或 `数字`）。 35 | 36 | **提高难度**：选择更复杂的字符类型（例如，从 `数字` 切换到 `字母 + 数字`）。 37 | 38 | ### 序列类型 39 | 40 | 设置训练中使用的序列类型。可选项包括： 41 | 42 | - **顺序**：序列按顺序显示（例如，`ABCD`、`ㄱㄴㄷㄹ`、`1234`）。 43 | - **随机**：序列以随机顺序显示（例如，`HOEB`、`ㅐㅎㅍㅓ`、`0584`）。 44 | 45 | 使用顺序序列会**显著降低**难度，而使用随机序列会**显著增加**难度。 46 | 47 | ::callout{color="primary" icon="i-ph-lightbulb"} 48 | 如果使用随机序列，鼓励学员尽可能多地记住字符，并根据记忆定位它们。 49 | :: 50 | 51 | ### 序列长度 52 | 53 | 设置训练中使用的序列的长度。长度范围为 `1` 到 `25`，更长的序列会显著**增加难度**。 54 | 55 | ## 调整训练难度 56 | 57 | 根据训练结果，可以判断当前设置是否合适： 58 | 59 | ### 准确率/平均准确率 60 | 61 | - **低于 70%**：难度过高。如果低准确率持续 2–3 次训练，请降低下次训练的难度。 62 | - **70%–80%**：难度适中。下次训练可继续使用当前设置。 63 | - **高于 80%**：难度过低。请提高下次训练的难度。 64 | 65 | ### 平均尝试时间 66 | 67 | - **超过 40 秒**：难度过高。如果这种情况持续 2–3 次训练，请降低下次训练的难度。 68 | - **30–40 秒**：难度适中。下次训练可继续使用当前设置。 69 | - **低于 30 秒**：难度过低。请提高下次训练的难度。 70 | 71 | 根据以上标准评估难度后，在推荐范围内调整设置，以优化训练效果。 72 | -------------------------------------------------------------------------------- /content/zh/1.docs/2.training/visual/4.character-matching.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: 字符匹配 3 | description: 训练从视觉上相似的选项中定位并点击匹配的字符 4 | --- 5 | 6 | ## 概述 7 | 8 | 字符匹配训练要求学员点击与给定示例视觉上匹配的字符串。该训练旨在增强视觉规划、感知速度、形状感知、视觉记忆、眼动技能、方向感以及时间视觉处理能力。 9 | 10 | 每次训练尝试按照以下顺序进行，并重复直到超过设定的训练时间： 11 | 12 | 1. 在尝试开始时，示例字符串显示在顶部。 13 | ![character-matching-1](/character-matching-1.png){width="1024" height="576"} 14 | 2. 使用鼠标在下方输入框中找到并点击与示例匹配的字符串。输入框包含 30% 的正确答案和 70% 的错误答案，错误字符串仅与示例相差一个字符。剩余正确答案的数量也会显示在下方。 15 | ![character-matching-2](/character-matching-2.png){width="1024" height="576"} 16 | 3. 当所有正确字符串被找到后，训练将进入下一次尝试。 17 | 18 | ## 训练设置 19 | 20 | ### 时长（分钟） 21 | 22 | 当超过设定的训练时长后，当前训练尝试结束时训练自动终止。推荐的训练时长约为 5 分钟，不建议超过 10 分钟。 23 | 24 | ### 字符类型 25 | 26 | 设置训练中使用的字符类型。使用学员的母语字符最为有效。可选的字符类型包括： 27 | 28 | - **数字**：从 0 到 9 的数字 29 | - **字母**：从 A 到 Z 的大写字母 30 | - **字母 + 数字**：大写字母（A-Z）和数字（0-9） 31 | - **韩文**：韩文字母的辅音（如 ㄱ, ㄴ, ㄷ）和元音（如 ㅏ, ㅑ, ㅓ） 32 | 33 | **降低难度**：选择更简单的字符类型（例如，从 `字母 + 数字` 切换到 `字母` 或 `数字`）。 34 | 35 | **提高难度**：选择更复杂的字符类型（例如，从 `数字` 切换到 `字母 + 数字`）。 36 | 37 | ### 答案长度 38 | 39 | 设置训练中使用的字符串长度。长度范围为 `2` 到 `6`。增加字符数量会显著**提高难度**。 40 | 41 | ### 答案数量 42 | 43 | 设置输入框中显示的正确答案数量。可设置范围为 `15` 到 `60`。增加正确答案的数量会**略微提高难度**。 44 | 45 | ## 调整训练难度 46 | 47 | 根据训练结果，可以判断当前设置是否合适： 48 | 49 | ### 准确率/平均准确率 50 | 51 | - **低于 70%**：难度过高。如果低准确率持续 2–3 次训练，请降低下次训练的难度。 52 | - **70%–80%**：难度适中。下次训练可继续使用当前设置。 53 | - **高于 80%**：难度过低。请提高下次训练的难度。 54 | 55 | ### 平均尝试时间 56 | 57 | - **超过 40 秒**：难度过高。如果这种情况持续 2–3 次训练，请降低下次训练的难度。 58 | - **30–40 秒**：难度适中。下次训练可继续使用当前设置。 59 | - **低于 30 秒**：难度过低。请提高下次训练的难度。 60 | 61 | 根据以上标准评估难度后，在推荐范围内调整设置，以优化训练效果。 62 | -------------------------------------------------------------------------------- /content/zh/1.docs/2.training/visual/5.character-guesstimate.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: 字符预测 3 | description: 训练预测并输入逐渐显示在屏幕上的字母 4 | --- 5 | 6 | ## 概述 7 | 8 | 字符预测训练要求学员在字母被部分显示时尽快识别并输入。这项训练可以提高形状感知、视觉识别、空间意识、信息处理速度以及同时处理能力。 9 | 10 | 每次训练尝试按照以下顺序进行，并重复直到超过设定的训练时间： 11 | 12 | 1. 在尝试开始时，一个空白矩形显示在屏幕上，字母开始逐渐出现在其中。 13 | ![character-guesstimate-1](/character-guesstimate-1.png){width="1024" height="576"} 14 | 2. 尽快识别字母并按下相应的键。矩形下方的蓝色进度条显示字母的显现进度。 15 | ![character-guesstimate-2](/character-guesstimate-2.png){width="1024" height="576"} 16 | 3. 按键后，完整字母会被显示，结果与您的输入进行比较。正确答案以绿色标注，错误答案以红色标注。 17 | ![character-guesstimate-3](/character-guesstimate-3.png){width="1024" height="576"} 18 | ![character-guesstimate-4](/character-guesstimate-4.png){width="1024" height="576"} 19 | 20 | ## 训练设置 21 | 22 | ### 时长（分钟） 23 | 24 | 当超过设定的训练时长后，当前训练尝试结束时训练自动终止。推荐的训练时长约为 5 分钟，不建议超过 10 分钟。 25 | 26 | ### 字符类型 27 | 28 | 设置训练中使用的字符类型。使用学员的母语字符最为有效。可选的字符类型包括： 29 | 30 | - **数字**：从 0 到 9 的数字 31 | - **字母**：从 A 到 Z 的大写字母 32 | - **字母 + 数字**：大写字母（A-Z）和数字（0-9） 33 | - **韩文**：韩文字母的辅音（如 ㄱ, ㄴ, ㄷ）和元音（如 ㅏ, ㅑ, ㅓ） 34 | 35 | **降低难度**：选择更简单的字符类型（例如，从 `字母 + 数字` 切换到 `字母` 或 `数字`）。 36 | 37 | **提高难度**：选择更复杂的字符类型（例如，从 `数字` 切换到 `字母 + 数字`）。 38 | 39 | ### 块大小 40 | 41 | 设置组成字母的“块”的大小。较小的块使训练更容易。 42 | 43 | - **小**：20×20 块 44 | - **中**：15×15 块 45 | - **大**：10×10 块 46 | 47 | ## 调整训练难度 48 | 49 | 根据训练结果，可以判断当前设置是否合适： 50 | 51 | ### 准确率/平均准确率 52 | 53 | - **低于 70%**：难度过高。如果低准确率持续 2–3 次训练，请降低下次训练的难度。 54 | - **70%–80%**：难度适中。下次训练可继续使用当前设置。 55 | - **高于 80%**：难度过低。请提高下次训练的难度。 56 | 57 | ### 平均显现百分比 58 | 59 | - **低于 30%**：难度过低。请提高下次训练的难度。 60 | - **30%–50%**：难度适中。下次训练可继续使用当前设置。 61 | - **高于 50%**：难度过高。如果这种情况持续 2–3 次训练，请降低下次训练的难度。 62 | 63 | 根据这些指标在推荐范围内调整训练设置。 64 | 65 | ::callout{color="primary" icon="i-ph-lightbulb"} 66 | 如果平均显现百分比较低但准确率也较低，建议学员专注于提高准确率，而不是在训练中追求速度。 67 | :: 68 | 69 | ::callout{color="primary" icon="i-ph-lightbulb"} 70 | 当使用“块大小：大”、准确率超过 90%、平均显现百分比低于 30% 时，可视为掌握了该训练。 71 | :: 72 | -------------------------------------------------------------------------------- /content/zh/1.docs/2.training/visual/_dir.yml: -------------------------------------------------------------------------------- 1 | title: 视觉 2 | navigation.icon: i-ph-eye 3 | -------------------------------------------------------------------------------- /content/zh/1.docs/3.Policies/1.tos.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: 服务条款 3 | description: "最后更新：2025年2月4日" 4 | --- 5 | 6 | ## 同意我们的法律条款 7 | 8 | 我们是 **BlueScript NPO**（“**公司**”、“**我们**”、“**我们的**”）。 9 | 10 | 我们运营网站 [https://bluescript.app](https://bluescript.app)（“**网站**”），以及任何其他引用或链接到这些法律条款（“**法律条款**”）的相关产品和服务（统称“**服务**”）。 11 | 12 | 您可以通过电子邮件联系我们：**[support@bluescript.app](mailto:support@bluescript.app)**。 13 | 14 | 这些法律条款构成您（无论是个人还是代表某个实体）（“**您**”）与 **BlueScript NPO** 之间具有法律约束力的协议，涉及您对服务的访问和使用。访问服务即表示您同意这些条款。如果您不同意，必须立即停止使用。 15 | 16 | 在其居住司法管辖区内为未成年人的用户（通常指未满 18 岁）必须获得父母或监护人的许可，并在其直接监督下使用服务。 17 | 18 | 我们建议您打印一份法律条款的副本以供记录。 19 | 20 | ## 1. 我们的服务 21 | 22 | 使用本服务时提供的信息不适用于任何法律或法规禁止的司法管辖区或国家/地区。用户从其他地区访问服务时，须自行负责遵守当地法律。 23 | 24 | 本服务不符合特定行业法规（如 HIPAA 或 FISMA）。如果您的操作需要符合这些法规，则不得使用本服务。 25 | 26 | ## 2. 知识产权 27 | 28 | ### 我们的知识产权 29 | 30 | 我们是本服务的知识产权所有者或被许可方，包括源代码、数据库、软件、网站设计、音频、视频、文本、图形和商标（“**内容**”）。这些受版权和商标法保护。 31 | 32 | 您仅可将本服务用于个人、非商业用途。未经事先书面许可，不得复制、传播或重新分发本服务的任何部分。 33 | 34 | ### 您的提交内容 35 | 36 | 您向我们提交的反馈、建议或其他关于服务的信息，其所有知识产权归我们所有。 37 | 38 | 您须对自己发布或上传的内容负责，并同意不发布非法、骚扰或虚假的内容。 39 | 40 | ## 3. 用户声明 41 | 42 | 使用本服务即表示您同意： 43 | 44 | - 提供准确的信息，并在必要时更新。 45 | - 具有合法行为能力，并同意遵守本条款。 46 | - 不会以非法或未经授权的方式使用本服务。 47 | 48 | ## 4. 用户注册 49 | 50 | 您可能需要注册账户。您须对您的密码保密，并对您的账户使用行为负责。 51 | 52 | ## 5. 禁止的活动 53 | 54 | 您同意不： 55 | 56 | - 以任何非法方式使用本服务。 57 | - 未经授权复制或重新分发本服务。 58 | - 参与欺诈、误导或有害行为。 59 | 60 | ## 6. 用户生成内容 61 | 62 | 用户可以提交内容，包括文本、图片和视频。提交内容即表示您授予我们使用、修改和分发的许可。 63 | 64 | ## 7. 内容许可 65 | 66 | 您保留对提交内容的所有权，但授予我们使用权。 67 | 68 | ## 8. 第三方网站与内容 69 | 70 | 我们的服务可能包含指向第三方网站的链接。我们不对第三方网站的内容负责。 71 | 72 | ## 9. 服务管理 73 | 74 | 我们保留监控、限制或终止您访问本服务的权利。 75 | 76 | ## 10. 隐私政策 77 | 78 | 我们重视数据隐私和安全。请查看我们的 **[隐私政策](/zh/docs/policies/privacy)**。 79 | 80 | ## 11. 期限与终止 81 | 82 | 我们可随时因任何原因暂停或终止您的服务访问权限。 83 | 84 | ## 12. 变更与中断 85 | 86 | 我们保留随时修改或终止本服务的权利，恕不另行通知。 87 | 88 | ## 13. 适用法律 89 | 90 | 本条款受 **韩国** 法律管辖。 91 | 92 | ## 14. 争议解决 93 | 94 | 所有争议均通过 **韩国首尔** 的仲裁解决。 95 | 96 | ## 15. 更正 97 | 98 | 我们保留更正服务中的任何错误或遗漏的权利。 99 | 100 | ## 16. 免责声明 101 | 102 | 本服务按 **"原样"** 提供，不附带任何形式的担保。 103 | 104 | ## 17. 责任限制 105 | 106 | 我们不对因使用本服务导致的任何损害负责。 107 | 108 | ## 18. 赔偿 109 | 110 | 您同意就因使用本服务引起的任何索赔向我们提供赔偿，并使我们免受损害。 111 | 112 | ## 19. 用户数据 113 | 114 | 我们不对任何用户数据的丢失负责。 115 | 116 | ## 20. 电子通信、交易与签名 117 | 118 | 使用我们的服务即表示您同意电子通信和交易的合法性。 119 | 120 | ## 21. 加利福尼亚用户和居民 121 | 122 | 加利福尼亚州居民可联系 **[加州消费者保护办公室]** 提交投诉。 123 | 124 | ## 22. 其他条款 125 | 126 | 本条款构成您与我们之间的完整协议。 127 | 128 | ## 23. 联系我们 129 | 130 | 如果您有任何问题，请联系 **[support@bluescript.app](mailto:support@bluescript.app)**。 131 | -------------------------------------------------------------------------------- /content/zh/1.docs/3.Policies/2.privacy.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: 隐私政策 3 | description: "最后更新：2025年2月4日" 4 | --- 5 | 6 | ## 隐私政策 7 | 8 | 本隐私声明适用于 **BlueScript NPO**（“**我们**”、“**我们的**”），描述了我们如何以及为何可能访问、收集、存储、使用和/或共享（“**处理**”）您的个人信息，当您使用我们的服务（“**服务**”）时，包括但不限于： 9 | 10 | - 访问我们的网站 [https://bluescript.app/](https://bluescript.app/)，或任何链接至本隐私声明的网站。 11 | - 通过其他相关方式与我们互动，包括销售、营销或活动。 12 | 13 | ### 问题或疑虑？ 14 | 15 | 阅读本隐私声明将帮助您了解您的隐私权利和选择。如果您不同意我们的政策和做法，请不要使用我们的服务。如果您有任何问题或疑虑，请通过 [support@bluescript.app](mailto:support@bluescript.app) 联系我们。 16 | 17 | ### 关键要点摘要 18 | 19 | _以下是隐私声明的关键要点，您可以在完整政策中找到详细信息。_ 20 | 21 | - **我们处理哪些个人信息？** 我们收集的个人信息取决于您如何与我们及服务互动。了解更多 [您向我们披露的个人信息](#_1-我们收集哪些信息)。 22 | - **我们是否处理敏感个人信息？** 不，我们不处理敏感个人信息。 23 | - **我们是否从第三方收集信息？** 不，我们不会从第三方收集任何信息。 24 | - **我们如何处理您的信息？** 我们处理您的信息以提供、改进和管理我们的服务。了解更多 [我们如何处理您的信息](#_2-我们如何处理您的信息)。 25 | - **我们何时以及与谁共享个人信息？** 我们可能在特定情况下共享信息。了解更多 [我们何时以及与谁共享您的个人信息](#_4-我们何时以及与谁共享您的个人信息)。 26 | - **我们如何保护您的信息安全？** 我们采取了安全措施，但任何传输方式都不能保证 100% 安全。了解更多 [我们如何保护您的信息安全](#_9-我们如何保护您的信息安全)。 27 | - **您的权利是什么？** 根据您的位置，您可能拥有关于个人信息的权利。了解更多 [您的隐私权](#_11-您的隐私权)。 28 | - **您如何行使您的权利？** 您可以访问 [我们的隐私页面](/zh/docs/policies/privacy) 或直接联系我们。 29 | 30 | --- 31 | 32 | ## 1. 我们收集哪些信息？ 33 | 34 | ### 您向我们披露的个人信息 35 | 36 | 当您： 37 | 38 | - 在服务上注册账户 39 | - 表达对我们产品或服务的兴趣 40 | - 参与服务上的活动 41 | - 直接联系我们 42 | 43 | 我们可能会收集您的个人信息。 44 | 45 | **收集的个人信息包括：** 46 | 47 | - 电子邮件地址 48 | - 用户名 49 | 50 | 我们不处理敏感个人信息。 51 | 52 | ## 2. 我们如何处理您的信息？ 53 | 54 | 我们出于以下目的处理您的信息： 55 | 56 | - **账户管理**：创建和维护您的用户账户。 57 | - **安全与欺诈防范**：确保安全性并遵守合规要求。 58 | - **服务改进**：增强用户体验和功能。 59 | 60 | ## 3. 我们依赖哪些法律依据？ 61 | 62 | 如果您位于 **欧盟或英国**，我们处理您的个人信息的法律依据包括： 63 | 64 | - **同意**：您已授权我们处理您的信息。 65 | - **法律义务**：履行法律义务的需要。 66 | - **重大利益**：保护个人权益的需要。 67 | 68 | 如果您位于 **加拿大**，我们仅在获得明示或暗示的同意后处理您的个人信息，除非法律另有规定。 69 | 70 | ## 4. 我们何时以及与谁共享您的个人信息？ 71 | 72 | 我们仅在有限情况下共享个人信息，例如： 73 | 74 | - **业务转让**：如果我们涉及合并、收购或资产出售。 75 | 76 | ## 5. 我们是否使用 Cookie 及其他跟踪技术？ 77 | 78 | 是的，我们使用 Cookie 及类似技术，但仅用于功能性目的。这些包括存储语言偏好、主题设置和身份验证令牌，以增强用户体验。我们不会使用 Cookie 进行跟踪。 79 | 80 | ## 6. 我们如何处理您的社交媒体登录信息？ 81 | 82 | 您可以使用第三方社交媒体账户（例如 Facebook、X）登录。如果您这样做，我们可能会收到该提供商提供的基本个人资料数据。 83 | 84 | ## 7. 您的信息是否会被跨境传输？ 85 | 86 | 我们的服务器位于 **韩国**。如果您从其他国家/地区访问我们的服务，您的数据可能会被跨境传输和存储。 87 | 88 | ## 8. 我们会保留您的信息多久？ 89 | 90 | 我们会在满足本隐私声明所述目的所需的时间内保留您的个人信息。 91 | 92 | ## 9. 我们如何保护您的信息安全？ 93 | 94 | 我们采取合理的安全措施，包括安全身份验证和账户管理，以保护用户数据。尽管我们已采取预防措施，但没有任何系统能够 100% 防止网络威胁。 95 | 96 | ## 10. 我们是否会收集未成年人的信息？ 97 | 98 | 我们不会有意收集或向 18 岁以下的儿童提供营销内容。但是，如果未成年人自行创建账户，我们仅收集他们的用户名（一个选择的昵称）和电子邮件地址。他们的内容仅对账户所有者可见。我们优先保护未成年人隐私，确保他们的数据安全。 99 | 100 | ## 11. 您的隐私权 101 | 102 | 根据您的所在地，您可能拥有以下权利： 103 | 104 | - 访问您的数据 105 | - 请求删除您的数据 106 | - 反对数据处理 107 | 108 | 如需行使您的权利，请通过 [support@bluescript.app](mailto:support@bluescript.app) 联系我们。 109 | 110 | ## 12. Do-Not-Track（DNT）功能 111 | 112 | 目前，由于缺乏标准化实现，我们不响应 DNT 信号。 113 | 114 | ## 13. 美国居民的隐私权 115 | 116 | 如果您是 **美国居民**，您可能根据州法律拥有额外的隐私权。 117 | 118 | ## 14. 我们是否会更新本隐私声明？ 119 | 120 | 是的，我们可能会不定期更新本政策。 121 | 122 | ## 15. 如何联系我们？ 123 | 124 | 您可以通过电子邮件联系我们：[support@bluescript.app](mailto:support@bluescript.app)。 125 | 126 | ## 16. 如何查看、更新或删除您的数据？ 127 | 128 | 请访问 [https://bluescript.app/dashboard/settings](https://bluescript.app/zh/docs/dashboard/settings) 管理您的数据。 129 | -------------------------------------------------------------------------------- /content/zh/1.docs/3.Policies/_dir.yml: -------------------------------------------------------------------------------- 1 | title: 政策 2 | navigation.icon: i-ph-book-bookmark 3 | -------------------------------------------------------------------------------- /content/zh/1.docs/_dir.yml: -------------------------------------------------------------------------------- 1 | navigation.icon: i-ph-book 2 | title: 帮助 3 | -------------------------------------------------------------------------------- /content/zh/_dir.yml: -------------------------------------------------------------------------------- 1 | navigation.icon: i-ph-book 2 | title: 中文 3 | -------------------------------------------------------------------------------- /crowdin.yml: -------------------------------------------------------------------------------- 1 | files: 2 | - source: /locales/en/*.json 3 | translation: /locales/%two_letters_code%/%original_file_name% 4 | -------------------------------------------------------------------------------- /docs/banner.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BlueScript-NPO/frontend/4db2d8f44f260da8c7b259647ba37571756c321e/docs/banner.png -------------------------------------------------------------------------------- /error.vue: -------------------------------------------------------------------------------- 1 | 8 | 9 | 12 | -------------------------------------------------------------------------------- /i18n.config.ts: -------------------------------------------------------------------------------- 1 | export default defineI18nConfig(() => ({ 2 | legacy: false, 3 | locale: "en", 4 | fallbackLocale: "en", 5 | })); 6 | -------------------------------------------------------------------------------- /layouts/dashboard.vue: -------------------------------------------------------------------------------- 1 | 18 | 19 | 30 | -------------------------------------------------------------------------------- /layouts/default.vue: -------------------------------------------------------------------------------- 1 | 10 | 11 | 27 | -------------------------------------------------------------------------------- /layouts/train.vue: -------------------------------------------------------------------------------- 1 | 4 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "bluescript", 3 | "private": true, 4 | "scripts": { 5 | "build": "NODE_OPTIONS='--max-old-space-size=8192' nuxt build", 6 | "dev": "nuxt dev", 7 | "generate": "nuxt generate", 8 | "preview": "nuxt preview", 9 | "postinstall": "nuxt prepare", 10 | "sync:translations": "node syncTranslations.js" 11 | }, 12 | "dependencies": { 13 | "@nuxt/ui": "^2.21.0", 14 | "@nuxt/ui-pro": "^1.7.0", 15 | "@nuxtjs/i18n": "^8.5.6", 16 | "axios": "^1.7.9", 17 | "sitemap": "^8.0.0", 18 | "vue": "^3.5.13", 19 | "vue-router": "^4.5.0", 20 | "vue3-smooth-dnd": "^0.0.6" 21 | }, 22 | "devDependencies": { 23 | "@iconify-json/heroicons": "^1.2.2", 24 | "@iconify-json/logos": "^1.2.4", 25 | "@iconify-json/ph": "^1.2.2", 26 | "@iconify-json/simple-icons": "^1.2.23", 27 | "@nuxt/content": "^2.13.4", 28 | "@nuxt/fonts": "^0.10.3", 29 | "@nuxt/image": "^1.9.0", 30 | "@nuxtjs/seo": "2.0.2", 31 | "@nuxtjs/supabase": "1.4.6", 32 | "nuxt": "^3.15.4" 33 | }, 34 | "packageManager": "pnpm@9.15.3+sha512.1f79bc245a66eb0b07c5d4d83131240774642caaa86ef7d0434ab47c0d16f66b04e21e0c086eb61e62c77efc4d7f7ec071afad3796af64892fae66509173893a" 35 | } 36 | -------------------------------------------------------------------------------- /pages/auth.vue: -------------------------------------------------------------------------------- 1 | 21 | 22 | 42 | -------------------------------------------------------------------------------- /pages/confirm.vue: -------------------------------------------------------------------------------- 1 | 16 | 19 | -------------------------------------------------------------------------------- /pages/dashboard/index.vue: -------------------------------------------------------------------------------- 1 | 8 | 9 | 18 | -------------------------------------------------------------------------------- /pages/dashboard/result.vue: -------------------------------------------------------------------------------- 1 | 2 | 3 | 8 | -------------------------------------------------------------------------------- /pages/docs.vue: -------------------------------------------------------------------------------- 1 | 13 | -------------------------------------------------------------------------------- /pages/docs/[...slug].vue: -------------------------------------------------------------------------------- 1 | 42 | 43 | 64 | -------------------------------------------------------------------------------- /pages/index.vue: -------------------------------------------------------------------------------- 1 | 53 | 54 | 82 | -------------------------------------------------------------------------------- /public/_robots.txt: -------------------------------------------------------------------------------- 1 | User-agent: * 2 | 3 | Allow: / 4 | -------------------------------------------------------------------------------- /public/audio/backspace.wav: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BlueScript-NPO/frontend/4db2d8f44f260da8c7b259647ba37571756c321e/public/audio/backspace.wav -------------------------------------------------------------------------------- /public/audio/click.wav: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BlueScript-NPO/frontend/4db2d8f44f260da8c7b259647ba37571756c321e/public/audio/click.wav -------------------------------------------------------------------------------- /public/audio/correct.wav: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BlueScript-NPO/frontend/4db2d8f44f260da8c7b259647ba37571756c321e/public/audio/correct.wav -------------------------------------------------------------------------------- /public/audio/countdown.wav: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BlueScript-NPO/frontend/4db2d8f44f260da8c7b259647ba37571756c321e/public/audio/countdown.wav -------------------------------------------------------------------------------- /public/audio/finish.wav: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BlueScript-NPO/frontend/4db2d8f44f260da8c7b259647ba37571756c321e/public/audio/finish.wav -------------------------------------------------------------------------------- /public/audio/incorrect.wav: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BlueScript-NPO/frontend/4db2d8f44f260da8c7b259647ba37571756c321e/public/audio/incorrect.wav -------------------------------------------------------------------------------- /public/audio/ready.wav: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BlueScript-NPO/frontend/4db2d8f44f260da8c7b259647ba37571756c321e/public/audio/ready.wav -------------------------------------------------------------------------------- /public/audio/start.wav: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BlueScript-NPO/frontend/4db2d8f44f260da8c7b259647ba37571756c321e/public/audio/start.wav -------------------------------------------------------------------------------- /public/character-guesstimate-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BlueScript-NPO/frontend/4db2d8f44f260da8c7b259647ba37571756c321e/public/character-guesstimate-1.png -------------------------------------------------------------------------------- /public/character-guesstimate-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BlueScript-NPO/frontend/4db2d8f44f260da8c7b259647ba37571756c321e/public/character-guesstimate-2.png -------------------------------------------------------------------------------- /public/character-guesstimate-3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BlueScript-NPO/frontend/4db2d8f44f260da8c7b259647ba37571756c321e/public/character-guesstimate-3.png -------------------------------------------------------------------------------- /public/character-guesstimate-4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BlueScript-NPO/frontend/4db2d8f44f260da8c7b259647ba37571756c321e/public/character-guesstimate-4.png -------------------------------------------------------------------------------- /public/character-matching-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BlueScript-NPO/frontend/4db2d8f44f260da8c7b259647ba37571756c321e/public/character-matching-1.png -------------------------------------------------------------------------------- /public/character-matching-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BlueScript-NPO/frontend/4db2d8f44f260da8c7b259647ba37571756c321e/public/character-matching-2.png -------------------------------------------------------------------------------- /public/character-sequencing-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BlueScript-NPO/frontend/4db2d8f44f260da8c7b259647ba37571756c321e/public/character-sequencing-1.png -------------------------------------------------------------------------------- /public/character-sequencing-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BlueScript-NPO/frontend/4db2d8f44f260da8c7b259647ba37571756c321e/public/character-sequencing-2.png -------------------------------------------------------------------------------- /public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BlueScript-NPO/frontend/4db2d8f44f260da8c7b259647ba37571756c321e/public/favicon.ico -------------------------------------------------------------------------------- /public/flags/de.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | -------------------------------------------------------------------------------- /public/flags/fr.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | -------------------------------------------------------------------------------- /public/flags/hi.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | -------------------------------------------------------------------------------- /public/flags/ja.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Japan@2x 5 | Created with Sketch. 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /public/flags/ru.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | -------------------------------------------------------------------------------- /public/naverced8fb46d449aa0c88c8f7d57e64ca7a.html: -------------------------------------------------------------------------------- 1 | naver-site-verification: naverced8fb46d449aa0c88c8f7d57e64ca7a.html -------------------------------------------------------------------------------- /public/procedure/Character Guesstimate.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BlueScript-NPO/frontend/4db2d8f44f260da8c7b259647ba37571756c321e/public/procedure/Character Guesstimate.png -------------------------------------------------------------------------------- /public/procedure/Character Matching.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BlueScript-NPO/frontend/4db2d8f44f260da8c7b259647ba37571756c321e/public/procedure/Character Matching.png -------------------------------------------------------------------------------- /public/procedure/Character Sequencing.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BlueScript-NPO/frontend/4db2d8f44f260da8c7b259647ba37571756c321e/public/procedure/Character Sequencing.png -------------------------------------------------------------------------------- /public/procedure/Rapid Visual Perception.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BlueScript-NPO/frontend/4db2d8f44f260da8c7b259647ba37571756c321e/public/procedure/Rapid Visual Perception.png -------------------------------------------------------------------------------- /public/procedure/Sequential Visual Memory.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BlueScript-NPO/frontend/4db2d8f44f260da8c7b259647ba37571756c321e/public/procedure/Sequential Visual Memory.png -------------------------------------------------------------------------------- /public/rapid-visual-perception-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BlueScript-NPO/frontend/4db2d8f44f260da8c7b259647ba37571756c321e/public/rapid-visual-perception-1.png -------------------------------------------------------------------------------- /public/rapid-visual-perception-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BlueScript-NPO/frontend/4db2d8f44f260da8c7b259647ba37571756c321e/public/rapid-visual-perception-2.png -------------------------------------------------------------------------------- /public/select-procedure.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BlueScript-NPO/frontend/4db2d8f44f260da8c7b259647ba37571756c321e/public/select-procedure.png -------------------------------------------------------------------------------- /public/sequential-visual-memory-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BlueScript-NPO/frontend/4db2d8f44f260da8c7b259647ba37571756c321e/public/sequential-visual-memory-1.png -------------------------------------------------------------------------------- /public/sequential-visual-memory-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BlueScript-NPO/frontend/4db2d8f44f260da8c7b259647ba37571756c321e/public/sequential-visual-memory-2.png -------------------------------------------------------------------------------- /public/sequential-visual-memory-3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BlueScript-NPO/frontend/4db2d8f44f260da8c7b259647ba37571756c321e/public/sequential-visual-memory-3.png -------------------------------------------------------------------------------- /public/setting-example.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BlueScript-NPO/frontend/4db2d8f44f260da8c7b259647ba37571756c321e/public/setting-example.png -------------------------------------------------------------------------------- /server/api/search.json.get.ts: -------------------------------------------------------------------------------- 1 | import { serverQueryContent } from "#content/server"; 2 | 3 | export default eventHandler(async (event) => { 4 | return serverQueryContent(event) 5 | .where({ _type: "markdown", navigation: { $ne: false } }) 6 | .find(); 7 | }); 8 | -------------------------------------------------------------------------------- /server/routes/sitemap.xml.ts: -------------------------------------------------------------------------------- 1 | import { serverQueryContent } from "#content/server"; 2 | import { SitemapStream, streamToPromise } from "sitemap"; 3 | 4 | export default defineEventHandler(async (event) => { 5 | // Fetch all documents 6 | const docs = await serverQueryContent(event).find(); 7 | const sitemap = new SitemapStream({ 8 | hostname: "https://example.com", 9 | }); 10 | 11 | for (const doc of docs) { 12 | sitemap.write({ 13 | url: doc._path, 14 | changefreq: "monthly", 15 | }); 16 | } 17 | sitemap.end(); 18 | 19 | return streamToPromise(sitemap); 20 | }); 21 | -------------------------------------------------------------------------------- /server/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../.nuxt/tsconfig.server.json", 3 | "compilerOptions": { 4 | "paths": { 5 | "~/*": ["./*"], 6 | "@/*": ["./*"] 7 | } 8 | } 9 | } 10 | -------------------------------------------------------------------------------- /syncTranslations.js: -------------------------------------------------------------------------------- 1 | const fs = require("fs"); 2 | const path = require("path"); 3 | 4 | const localesDir = path.join(__dirname, "locales"); 5 | const enFilePath = path.join(localesDir, "en.json"); 6 | const logFilePath = path.join(__dirname, "translation-sync.log"); 7 | 8 | function readJSON(filePath) { 9 | return JSON.parse(fs.readFileSync(filePath, "utf8")); 10 | } 11 | 12 | function writeJSON(filePath, data) { 13 | fs.writeFileSync(filePath, JSON.stringify(data, null, 2), "utf8"); 14 | } 15 | 16 | function logAction(action) { 17 | fs.appendFileSync(logFilePath, action + "\n", "utf8"); 18 | } 19 | 20 | function syncTranslations() { 21 | const enTranslations = readJSON(enFilePath); 22 | const localeFiles = fs 23 | .readdirSync(localesDir) 24 | .filter((file) => file !== "en.json"); 25 | 26 | localeFiles.forEach((file) => { 27 | const filePath = path.join(localesDir, file); 28 | const translations = readJSON(filePath); 29 | let updated = false; 30 | 31 | Object.keys(enTranslations).forEach((key) => { 32 | if (!(key in translations)) { 33 | translations[key] = `[NOT TRANSLATED] ${enTranslations[key]}`; 34 | logAction(`Added missing key '${key}' to ${file}`); 35 | updated = true; 36 | } 37 | }); 38 | 39 | if (updated) { 40 | writeJSON(filePath, translations); 41 | logAction(`Updated file: ${file}`); 42 | } 43 | }); 44 | 45 | logAction("Translation sync completed"); 46 | } 47 | 48 | syncTranslations(); 49 | console.log( 50 | "Translation sync completed. Check translation-sync.log for details." 51 | ); 52 | -------------------------------------------------------------------------------- /tailwind.config.ts: -------------------------------------------------------------------------------- 1 | import type { Config } from "tailwindcss"; 2 | import defaultTheme from "tailwindcss/defaultTheme"; 3 | 4 | export default >{ 5 | content: [ 6 | "./app.vue", 7 | "./components/**/*.vue", 8 | "./layouts/**/*.vue", 9 | "./pages/**/*.vue", 10 | "docs/content/**/*.md", 11 | ], 12 | theme: { 13 | extend: { 14 | colors: { 15 | blueScriptBlue: { 16 | "50": "#ebf5ff", 17 | "100": "#daecff", 18 | "200": "#bddbff", 19 | "300": "#95c1ff", 20 | "400": "#6b9cff", 21 | "500": "#4876ff", 22 | "600": "#284dff", 23 | "700": "#1d3ce5", 24 | "800": "#1a34b9", 25 | "900": "#192b77", // Base 26 | "950": "#121d54", 27 | }, 28 | }, 29 | gridTemplateColumns: { 30 | "16": "repeat(16, minmax(0, 1fr))", 31 | "20": "repeat(20, minmax(0, 1fr))", 32 | }, 33 | }, 34 | fontFamily: { 35 | sans: ["Interop", ...defaultTheme.fontFamily.sans], 36 | // serif: ["Nanum Myeongjo", ...defaultTheme.fontFamily.serif], 37 | }, 38 | }, 39 | }; 40 | -------------------------------------------------------------------------------- /tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | // https://nuxt.com/docs/guide/concepts/typescript 3 | "extends": "./.nuxt/tsconfig.json" 4 | } 5 | -------------------------------------------------------------------------------- /utils/playSound.ts: -------------------------------------------------------------------------------- 1 | // playSound.ts 2 | 3 | // Declare variables for AudioContext and cache 4 | let audioContext: AudioContext | null = null; 5 | const audioBufferCache: { [key: string]: AudioBuffer } = {}; 6 | 7 | // List of audio files to preload (without extension) 8 | export const audioFiles = [ 9 | "backspace", 10 | "click", 11 | "correct", 12 | "countdown", 13 | "finish", 14 | "incorrect", 15 | "ready", 16 | "start", 17 | ]; 18 | 19 | // Check if the code is running on the client side 20 | const isClient = typeof window !== "undefined"; 21 | 22 | // Initialize AudioContext only in the browser 23 | if (isClient) { 24 | try { 25 | audioContext = new (window.AudioContext || window.webkitAudioContext)(); 26 | } catch (error) { 27 | console.error("Failed to initialize AudioContext:", error); 28 | } 29 | } 30 | 31 | // Function to preload all audio files 32 | export async function preloadAudioFiles( 33 | onProgress?: (loaded: number, total: number) => void 34 | ): Promise { 35 | if (!isClient || !audioContext) { 36 | console.error( 37 | "AudioContext is not available. Ensure this code runs in the browser." 38 | ); 39 | return; 40 | } 41 | 42 | const totalFiles = audioFiles.length; 43 | let loadedFiles = 0; 44 | 45 | // Load each audio file and cache it 46 | await Promise.all( 47 | audioFiles.map(async (filename) => { 48 | if (!audioBufferCache[filename]) { 49 | try { 50 | const response = await fetch(`/audio/${filename}.wav`); 51 | const arrayBuffer = await response.arrayBuffer(); 52 | const audioBuffer = await audioContext.decodeAudioData(arrayBuffer); 53 | audioBufferCache[filename] = audioBuffer; 54 | loadedFiles++; 55 | if (onProgress) { 56 | onProgress(loadedFiles, totalFiles); 57 | } 58 | } catch (error) { 59 | console.error(`Error loading ${filename}:`, error); 60 | throw error; 61 | } 62 | } else { 63 | loadedFiles++; 64 | if (onProgress) { 65 | onProgress(loadedFiles, totalFiles); 66 | } 67 | } 68 | }) 69 | ); 70 | } 71 | 72 | // Function to play a sound using the cached audio buffer 73 | export async function playSound(filename: string, volume = 100) { 74 | if (!isClient || !audioContext) { 75 | console.error("AudioContext is not supported or not available."); 76 | return; 77 | } 78 | 79 | try { 80 | if (!audioBufferCache[filename]) { 81 | console.error( 82 | `Audio buffer for ${filename} not found. Make sure to preload the audio files.` 83 | ); 84 | return; 85 | } 86 | 87 | const audioBuffer = audioBufferCache[filename]; 88 | const source = audioContext.createBufferSource(); 89 | source.buffer = audioBuffer; 90 | 91 | const gainNode = audioContext.createGain(); 92 | gainNode.gain.value = volume / 100; 93 | 94 | source.connect(gainNode); 95 | gainNode.connect(audioContext.destination); 96 | 97 | source.start(); 98 | } catch (error) { 99 | console.error("Error playing sound:", error); 100 | } 101 | } 102 | -------------------------------------------------------------------------------- /utils/util.ts: -------------------------------------------------------------------------------- 1 | export const stimuliCharactorSets: Record = { 2 | Numbers: "0123456789", 3 | Alphabet: "ABCDEFGHIJKLMNOPQRSTUVWXYZ", 4 | Korean: "ㄱㄴㄷㄹㅁㅂㅅㅇㅈㅊㅋㅌㅍㅎㅏㅑㅓㅕㅗㅛㅜㅠㅡㅣㅐㅔ", 5 | Alphanumeric: "ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789", 6 | }; 7 | 8 | // utility functions 9 | 10 | // function that converts QWERTY keyboard strokes to Korean characters 11 | export class KeyboardUtil { 12 | charMap: Map; 13 | 14 | constructor() { 15 | this.charMap = new Map([ 16 | ["A", "ㅁ"], 17 | ["B", "ㅠ"], 18 | ["C", "ㅊ"], 19 | ["D", "ㅇ"], 20 | ["E", "ㄷ"], 21 | ["F", "ㄹ"], 22 | ["G", "ㅎ"], 23 | ["H", "ㅗ"], 24 | ["I", "ㅑ"], 25 | ["J", "ㅓ"], 26 | ["K", "ㅏ"], 27 | ["L", "ㅣ"], 28 | ["M", "ㅡ"], 29 | ["N", "ㅜ"], 30 | ["O", "ㅐ"], 31 | ["P", "ㅔ"], 32 | ["Q", "ㅂ"], 33 | ["R", "ㄱ"], 34 | ["S", "ㄴ"], 35 | ["T", "ㅅ"], 36 | ["U", "ㅕ"], 37 | ["V", "ㅍ"], 38 | ["W", "ㅈ"], 39 | ["X", "ㅌ"], 40 | ["Y", "ㅛ"], 41 | ["Z", "ㅋ"], 42 | ["0", "0"], 43 | ["1", "1"], 44 | ["2", "2"], 45 | ["3", "3"], 46 | ["4", "4"], 47 | ["5", "5"], 48 | ["6", "6"], 49 | ["7", "7"], 50 | ["8", "8"], 51 | ["9", "9"], 52 | ]); 53 | } 54 | 55 | strokeToKorean(char: string): string { 56 | if (this.charMap.has(char)) { 57 | return this.charMap.get(char)!; 58 | } 59 | return char; 60 | } 61 | } 62 | --------------------------------------------------------------------------------