一键填成绩

October 08, 2023

更新说明（2025-08-27） — 工具地址：shishiapcs.github.io/thinkwave

1. 自动明暗主题：新增自动适配浅/深色主题，并提供手动切换，整体界面更干净易读。
2. 抓取脚本托管到 GitHub：把用于获取 ThinkWave 数据的 JS 抓取脚本（bookmarklet 书签脚本）放到 GitHub，便于长期维护与更新。
3. 一键获取全校班级与学生：用书签脚本在 ThinkWave 页面一键抓取所有班级与学生名单，形成标准 JSON 数据。
4. 一键导入到工具：抓取到的 JSON 可一次性导入到网站；只要学期内学生名单和顺序不变，通常整个学期只需导入一次。

5. 更稳的自动填写逻辑：不再靠“序号/行号”去对齐，而是根据姓名关键字集合匹配（对大小写、空格、标点、变音符不敏感），示例：

   • Tom Z 能匹配：Tom Z、TomZ、Tom Zhang 等。 这样即使页面排序变化或夹杂其他行，仍能稳定找到对应学生并填入分数。

6. 更宽松的姓名匹配：

   • 大小写不敏感（joe = JOE）；
   • 去除空格/标点/引号（支持 “昵称”、逗号分隔的“姓, 名”格式）；
   • 支持缩写/首字母（如 Tom Z、TomZ）；
   • 支持多种组合（英文名、昵称、名+姓、姓+名、名+姓首字母等多种键）。
7. 导出 CSV：组织好的“姓名,分数”可以直接预览与下载 CSV，便于归档或导入到其他系统。

---

Update Notes (2025-08-27) — Tool: RosterFlow — ThinkWave Organizer

1. Auto light/dark theme: The UI now adapts to your system theme with a manual toggle for a cleaner, more readable layout.
2. Script on GitHub: The ThinkWave scraping JS (bookmarklet) is hosted on GitHub for easy access and maintenance.
3. One-click data grab: Use the bookmarklet on ThinkWave to download all classes and students into a standard JSON file.
4. One-click import: Import that JSON into the tool once; unless the roster order changes, you typically only need to import once per semester.

5. More robust autofill: Instead of relying on row positions, the tool matches by a set of name keys (case/space/punctuation/diacritics insensitive). Examples:

   • Tom Z matches Tom Z, TomZ, Tom Zhang, etc. This stays reliable even if the page order changes or extra rows appear.

6. Flexible name matching:

   • Case-insensitive (joe = JOE),
   • Ignores spaces/punctuation/quotes (supports nicknames in quotes and “Last, First” formats),
   • Initials and concatenations (Tom Z, TomZ),
   • Multiple combinations (English name, nickname, given+family, family+given, given+family-initial, etc.).
7. CSV export: Preview and download CSV (“Name,Score”) for records or downstream tools.

书签脚本（Bookmarklet）简明使用说明

1. 复制下面整段代码：

javascript:(function(){var s=document.createElement('script');s.src='https://shishiapcs.github.io/thinkwave/tw-scraper.js?ts='+Date.now();document.body.appendChild(s);})();

1. 在浏览器里新建书签：

• Chrome/Edge：在书签栏空白处点右键 → 添加页面（或“添加到书签”）。
• 名称随意（如：TW抓取），把上面的代码粘贴到 URL/网址 输入框 → 保存。

1. 打开 ThinkWave 的班级/成绩页面。
2. 点击刚才的书签 TW抓取 → 按提示保存生成的 JSON 文件。
3. 打开工具网站 https://shishiapcs.github.io/thinkwave/ → 点击 Import JSON 导入即可。

小提示：若浏览器拦截下载/弹窗，请允许本页面的下载或弹窗。

---

Bookmarklet — Super Short How-To

1. Copy the code below:

javascript:(function(){var s=document.createElement('script');s.src='https://shishiapcs.github.io/thinkwave/tw-scraper.js?ts='+Date.now();document.body.appendChild(s);})();

1. Create a new bookmark:

• Chrome/Edge: right-click the bookmarks bar → Add page.
• Name it (e.g., TW Scraper), paste the code into the URL field → Save.

1. Go to your ThinkWave class/gradebook page.
2. Click the TW Scraper bookmark → save the generated JSON file.
3. Open https://shishiapcs.github.io/thinkwave/ → click Import JSON to load it.

Tip: If the browser blocks downloads/pop-ups, allow them for this page.

Tutorial ▼

Using the Automated Score Entry System

Purpose:

This system is designed for efficient management of student scores, allowing for easy organization of names and scores, conversion of TOEFL scores to GPA, and use of preset class lists.

Step-by-Step Guide:

Entering Data:

1. In the "Class List" textbox, enter the names of students, one per line.
2. In the "Score List" textbox, input the student names followed by their scores, separated by a space. Each entry should be on a new line.

Tip: The format should be like this:

            John 85
            Jane 90
                

Using Preset Class Lists:

Click on one of the preset buttons (e.g., ESL Lion, ESL Dragon) to load a predefined list of student names into the "Class List" textbox.

Generating the Student Scores List:

1. Select from the function buttons:
   • Organize Names and Scores: Organizes scores according to the class list and identifies missing scores.
   • Convert TOEFL to GPA: Converts TOEFL scores to a GPA format for each student.
2. A list in the format const studentScores = [...]; is generated after clicking a button.

Accessing Google Chrome's Console:

Instructions on how to open and use the Chrome Developer Console.

If you're unfamiliar with the Chrome Developer Console, it's a tool built right into Chrome that developers use to debug their websites. Here's how to open it:

1. Right-click on any part of a webpage.
2. From the context menu, select "Inspect" or "Inspect Element".
3. A window will pop up at the bottom or side of your screen. From the top menu of this window, select "Console".

Congratulations! You've accessed the console.

Pasting the Data into ThinkWave:

1. Copy the generated list and accompanying code.
2. Paste both into the console and press Enter.
3. The scores are automatically filled into ThinkWave.

Note: Ensure you are on the ThinkWave webpage when pasting the data and code.

Copying Data to Clipboard:

The system now automatically copies the generated data to the clipboard for easy pasting.

Error Handling:

The system includes error handling for the TOEFL to GPA conversion, ensuring data integrity.

---

---