Table of Contents

1. Introduction — Create & Publish From Any Browser

The AoK AI-Tutoring Web App gives you full Professor access — Create Interface, Co-Professor Agent, Import Wizard, and Publishing — directly in a browser. No installation required.

Figure 1: The Professor Creator Interface running in a browser at tutor.academyofknowledge.org

Everything you can do in the desktop app is available in the browser — with one exception: Google Sites import requires the desktop app's embedded browser engine. All other import sources (Google Drive, Public URL, File Upload, and AI Skeleton) are fully supported.

Your professor account, courses, and XP are fully shared between the desktop and web apps. Changes saved or published in the web app are immediately visible in the desktop app and to your students.

1.1 Desktop vs Web App — Professor Feature Comparison

2. Logging In as a Professor

Open your browser and navigate to tutor.academyofknowledge.org. The login portal appears automatically.

Figure 2: The Professor login portal in the browser — select Professor role before signing in

1. Click Professor in the role toggle at the top of the login card.
2. Confirm the Sign In tab is active.
3. Enter your professor username and password.
4. Click Sign In.

The Creator Interface loads directly. There is no Professor Selection Screen in the web app — your course library is loaded automatically from the server.

2.1 First-Time Registration

Professor accounts require an invite code from the system administrator.

1. Click Create Account and select the Professor role.
2. Enter a username, password, and email address.
3. Enter your invite code in the Invite Code field.
4. Click Register. Your account is active immediately.

3. The Web Creator Interface

The Creator Interface in the web app has the same three-panel layout as the desktop version. It is accessed immediately after login — there is no separate Selection Screen.

Figure 3: The Web Creator Interface — Hierarchy Architect (left), Media Preview (centre), Co-Professor Agent (right)

Panel 1 — Hierarchy Architect (Left Sidebar): Build and organise your course hierarchy. Right-click any node for the full context menu including reordering and reparenting.

Panel 2 — Media Preview (Centre): Click any attached file, YouTube link, or Google Doc to preview it instantly.

Panel 3 — Co-Professor Agent (Right): Chat with your AI collaborator, propose and approve structural changes, or generate lecture notes.

3.1 The Web Toolbar

Figure 4: The Web Creator toolbar — Save, Compile, Publish, Import Wizard, Cloud Browser, and AI toggle

All professor actions are available from the toolbar across the top of the screen:

• Save — saves the current authoring state to the server.
• Compile — runs AI semantic summarisation across all lesson content.
• Publish — packages and syncs the course to the cloud for students.
• Import Wizard — opens the web import wizard.
• Cloud Browser — browse and download published courses.
• AI button — toggle the Co-Professor Agent panel open/closed.
• Avatar — access profile settings.

4. Building Course Structure

Course structure in the web app works identically to the desktop app. Courses follow the four-level hierarchy: Course → Module → Topic → Lesson.

4.1 Creating Nodes

1. Right-click on a parent node (or empty space for a new course).
2. Select Add Child from the context menu.
3. Enter the node name and press Enter.
4. The new node appears immediately in the tree.

4.2 The Context Menu

Figure 5: Right-click context menu — reorder and reparent options highlighted in teal

Right-clicking any tree node opens the full context menu with all available actions:

• Rename — edit the node name in place.
• Add Child Node — add a new child at the correct hierarchy level.
• Move Up / Move Down — reorder within siblings (NEW).
• Move To... — relocate to a different parent (NEW).
• Attach Video / Attach PDF / Add Supplement — content attachment.
• Delete Node — permanently removes the node and all children.

4.3 Reordering Nodes ⬆️⬇️

Move any sibling node up or down within its parent using the context menu:

1. Right-click the node you want to move.
2. Select ⬆️ Move Up or ⬇️ Move Down.
3. The tree refreshes immediately.
4. Click Save to persist the change.

4.4 Reparenting Nodes 📁 Move To

Figure 6: Move To dialog — select a compatible destination parent

1. Right-click the node you want to relocate.
2. Select 📁 Move To... from the context menu.
3. The Move To dialog shows all valid destination parents.
4. Click the target parent, then click Move Here.
5. The tree refreshes with the node in its new location.
6. Click Save to persist.

5. Web Import Wizard

The Web Import Wizard supports four content sources. It cannot import from Google Sites (which requires the desktop app's embedded browser engine) but supports all other sources.

Figure 7: Web Import Wizard — File Upload tab selected (drag-and-drop zone)

1. Click Import Wizard in the toolbar.
2. Select a source tab at the top of the wizard.
3. Follow the steps for your chosen source (see below).
4. Review the file list and mapping.
5. Click Import Selected Files.

Source 1: Google Drive Folder

Import directly from a Google Drive folder you share with the system.

• Click the Google Drive tab.
• Paste your Google Drive folder link in the URL field.
• Click Connect. The wizard lists all files in the folder.
• Review the mapping, then click Import.

Source 2: Public URL

Import content from any publicly accessible web page.

• Click the Public URL tab.
• Paste the URL and click Fetch.
• A content preview appears. Review and click Import.

Source 3: File Upload

Upload files directly from your computer.

• Click the File Upload tab.
• Drag files onto the drop zone, or click Browse to select them.
• Supported formats: PDF, DOCX, PPTX, MP4, JPEG, PNG, and more.
• Review the file list, then click Import Selected Files.

Source 4: AI Skeleton 🤖

After importing any source, trigger AI analysis to auto-generate course structure.

• Click the AI Skeleton tab.
• Click Generate Skeleton.
• The Co-Professor proposes a full hierarchy in the Action Panel.
• Review, then Approve & Execute or Reject & Modify.

5.1 Import Progress

Figure 8: Import progress dialog — do not close the window until import completes

A live progress bar and log appear while files are being processed. Wait until the confirmation message appears before closing the wizard.

6. Using the AI Co-Professor Agent

The Co-Professor Agent in the web app is identical to the desktop version — it can discuss pedagogy, propose course structure, generate lecture notes, and compile semantic summaries. All actions require your explicit approval before execution.

6.1 Conversational Mode

Type any question or request in the Co-Professor chat panel. Examples:

• "What are the most important topics to cover in Fluid Statics?"
• "Review my Module 2 structure and suggest improvements."
• "Are there any missing lessons in Topic 1.1?"

6.2 Creating Nodes via the Agent

1. Ask the agent to create nodes: "Add 3 lessons on Bernoulli's equation under Topic 2.1"
2. The agent proposes an action plan in the Action Panel.
3. Review the proposed structure and click Approve & Execute.

6.3 Generating PDF Lecture Notes

1. Type: "Generate notes for Lesson: Introduction to Bernoulli's Principle"
2. The agent proposes a note-generation action.
3. Click Approve & Execute.
4. A PDF is generated, saved on the server, and linked to the lesson automatically.

6.4 Compiling Semantic Summaries

1. Click Compile in the toolbar.
2. The system processes all lessons, extracts PDF content, and generates AI summaries.
3. A progress bar shows compilation status.
4. When complete, the course is ready for publishing.

7. Cloud Course Browser

Figure 9: Cloud Course Browser in the web app — browse and download published courses

Click Cloud Browser in the toolbar to browse all published courses on the platform.

1. Click any row to select a course.
2. Click Download to Workspace to add it to your course library.
3. The course appears in your Hierarchy Architect under its own node.

8. Sharing Courses

Share any course you own with other professors using the Share Course option in the right-click context menu on the Course node (identical to the desktop app). See the Professor Desktop Manual §7 for full sharing instructions.

9. Saving, Publishing & Cloud Sync

9.1 Saving

1. Click Save in the toolbar.
2. All current tree state and attachments are saved to the server.

9.2 Publishing

1. Click Publish in the toolbar.
2. The system saves your state and begins the upload process.

Figure 10: Publish progress dialog — live log of file uploads

1. A live log shows each file being uploaded. Wait for the success message.
2. Click Close when publishing completes.
3. Students can now access the updated course immediately.

10. Recommended Workflow

Figure 11: Web App course creation workflow — steps 4 and 5 represent new v3 features

11. Desktop vs Web App — When to Use Which

Both apps are fully capable. Here is a quick reference:

• Use the web app when: you are on a shared computer, travelling, making quick edits, or have no desktop app installed.
• Use the desktop app when: you need to import from Google Sites, you expect unreliable internet, or you prefer working offline.
• Use either for: all day-to-day course management, Co-Professor conversations, compiling, and publishing.

12. Troubleshooting & FAQ

Q: I cannot see the Import Wizard button.

A: Ensure you are logged in as a Professor (not Student). The Import Wizard is only available in the Professor Creator Interface.

Q: Google Sites import is not available. How do I ingest a Google Sites course?

A: Google Sites import requires the desktop app's embedded browser engine and is not available in the web app. Install the desktop app and use the Import Wizard there.

Q: The Co-Professor Agent is slow to respond.

A: The Co-Professor uses a deep reasoning AI model. Complex structural requests may take 30–90 seconds. Do not close the browser tab while it is thinking.

Q: Students say they cannot see my changes.

A: Ensure you clicked Publish after your last save. Students sync when they open the course — they may need to close and reopen it.

Q: Can I undo a Move To operation?

A: Use Move To again to move the node back to its original parent. The change is only permanent after clicking Save.

Q: Compiling seems to take a long time.

A: First-time compilation of a large course can take several minutes. Smart caching speeds up subsequent compiles significantly.

Q: Can I have both the desktop app and web app open at the same time?

A: Yes, but avoid editing the same course in both simultaneously — the last Save or Publish wins. For best results, work in one at a time.

Q: Are my course files stored on the server?

A: Yes. All course content uploaded via the web app is stored on the AoK AI cloud server (Google Drive). Nothing is stored on your local computer.

Q: The media preview is blank for a video I attached.

A: Check that the video was uploaded successfully. Use the Cloud Browser to verify the file exists in the course folder on Google Drive.

Q: I lost my session (browser crashed or tab closed).

A: Reopen the browser, navigate to tutor.academyofknowledge.org, and sign in. Your last saved state will be restored. Any changes made after the last Save are lost.