Exchanges shown newest first. Click a prompt to expand the response.
You're right - "perform" is too technical. Here are some tightened, clarified options:
## Option 1 (Action-focused): A tool used in browsers on ordinary laptops, or hosted on servers, to **work with** large language models stored locally on your hard drive (offline) or accessed via the Internet through APIs.
## Option 2 (User-focused): A tool used in browsers on ordinary laptops, or hosted on servers, to **interact with** large language models stored locally on your hard drive (offline) or accessed via the Internet through APIs.
## Option 3 (Purpose-focused): A tool used in browsers on ordinary laptops, or hosted on servers, **enabling you to query** large language models stored locally on your hard drive (offline) or accessed via the Internet through APIs.
## For the policy sentence:
**Original:** Policy configurations ensure responsibility and security, and manage users
**Tightened options:**
1. **Policy configurations ensure security, control access, and manage users**
2. **Built-in policies ensure responsible use, secure data, and manage user permissions**
3. **Configurable policies control security, usage, and user management**
4. **Policy settings ensure data security, responsible AI use, and user access control**
Which direction feels right to you? And where in the presentation are these going - in the Slide 3 definition section?
--- Powered by [Claude Exporter](https://www.claudexporter.com)
# AIXworkbench Presentation - Full Slide Text (Markdown)
---
## Slide 1: Title Slide
# AIXworkbench
## Working WITH AI, Not Just Using It
### Workshop Invitation for Nigerian Scholars
Artificial Intelligence Exploration (AIX) Center SUNY Polytechnic Institute, Utica, NY, USA
---
## Slide 2: From Using AI to Working WITH AI
### The Problem
_"Wait, let me ask ChatGPT"_
Too many of us **ask ChatGPT**. Not enough of us **manage it**.
### The Solution
- **Ready for AI** β learned the essentials - **Better at AI** β learned to prompt - **Working with AI** β reproduce & share
---
## Slide 3: AIXworkbench: Built on Four Principles
An **open-source workspace** built on OpenWebUI that runs on ordinary laptops in familiar browsers. Use AI without the internet or through APIs.
### π Security Your data stays in your environment, not someone else's cloud
### βοΈ Responsibility You control how AI is used, not a corporate algorithm
### π Replicability Your workflows can be reproduced and verified by others
### π€ Shareability Pass techniques to your team, students, and community
---
## Slide 4: Feature 1 - Knowledge Bases
### Build Your Research Library
- Upload PDFs, documents, and research papers - Connect to external document repositories - Organize materials by course, project, or topic - Keep institutional knowledge secure and accessible
**Why it matters:** Build custom AI assistants trained on your curriculum, research corpus, or institutional documents.
---
## Slide 5: Feature 2 - Prompting Knowledge Bases
### Query Your Documents
- Ask questions directly to your uploaded materials - Get citations and references to source documents - Compare answers across multiple documents - Create study guides from course readings
**Why it matters:** Students and researchers can interact with primary sources, generate literature reviews, and verify information against trusted materials.
---
## Slide 6: Feature 3 - Multiple Model Selection
### Compare AI Models Side-by-Side
- Access local models (Ollama) and API models (ChatGPT, Claude, Gemini) - Send the same prompt to multiple models simultaneously - Compare response quality, style, and accuracy - Choose the best model for specific tasks
**Why it matters:** Teach students critical AI literacy by comparing models. Conduct research on model performance and bias.
---
## Slide 7: Feature 4 - Shared Reusable Prompts
### Build and Share Prompt Templates
- Create standardized prompts for common tasks - Share prompts with your team, class, or department - Access community-contributed prompt libraries - Ensure consistency across research or teaching
**Why it matters:** _This is shareability in action._ Students can use proven prompts. Researchers can replicate experiments. Institutions can standardize AI use.
---
## Slide 8: Feature 5 - Model Parameters
### Control Inference Settings
- Adjust temperature for creativity vs. precision - Modify token limits for response length - Set top-p, top-k, and other advanced parameters - Document parameter settings for reproducibility
**Why it matters:** _This is replicability in action._ Record exact conditions of AI interactions. Enable peer review of AI-assisted research. Teach students how models actually work.
---
## Slide 9: Two Deployment Options
### π» Personal AIXworkbench **For individual faculty and researchers**
- Runs on your laptop or desktop - Works offline with local models - Connect to APIs when needed - Complete control over your data - Perfect for personal research and course prep
### π₯ Team AIXworkbench **For classrooms, labs, and small organizations**
- Serves 2-25 users via web app - Shared knowledge bases and prompts - Centralized model access - User management and permissions - Ideal for courses, research groups, departments
---
## Slide 10: Join Our International Community
### Current Partnerships
πΊπΈ United States π¬π Ghana π±π· Liberia π³π¬ **Nigeria (You!)**
### What Collaboration Means
- Share experiences and best practices - Co-develop educational materials - Joint research opportunities - Cultural exchange of AI applications - Building a global AI education network
**Help us build the next generation of literate AI users.**
---
## Slide 11: Get Involved: Two Pathways
### ποΈ Pathway 1: Host a Workshop
Bring AIXworkbench training to your institution
**What You Get:** - 4-week structured workshop program - Installation support for participants - Training on local and API models - Administrative guidance for multi-user setup - Access to all materials and recordings - Ongoing community support
π **Complete Our Workshop Hosting Form** [Form URL Here]
### π Pathway 2: Start Today
Get hands-on immediately with self-guided tutorials
**Follow the Tutorial:** - Visit **DigitalBrainBase.com** - Step-by-step installation guides - Video walkthroughs - Troubleshooting support - Download for Mac, Windows, or Linux - Join our community Discord
π **DigitalBrainBase.com** Start learning in minutes
### π§ Questions?
Professor Steve Schneider **steve@sunypoly.edu**
---
# AIXworkbench Presentation - Full Text of All Slides
## Slide 1: Title Slide **Title:** AIXworkbench
**Subtitle:** Working WITH AI, Not Just Using It
**Body:** - Workshop Invitation for Nigerian Scholars - Artificial Intelligence Exploration (AIX) Center - SUNY Polytechnic Institute, Utica, NY, USA
---
## Slide 2: From Using AI to Working WITH AI
**Header:** From Using AI to Working WITH AI
**The Problem:** "Wait, let me ask ChatGPT"
Too many of us ask ChatGPT. Not enough of us manage it.
**The Solution:** - Ready for AI β learned the essentials - Better at AI β learned to prompt - Working with AI β reproduce & share
---
## Slide 3: AIXworkbench: Built on Four Principles
**Header:** AIXworkbench: Built on Four Principles
**Introduction:** An open-source workspace built on OpenWebUI that runs on ordinary laptops in familiar browsers. Use AI without the internet or through APIs.
**Four Principles:**
**Security** Your data stays in your environment, not someone else's cloud
**Responsibility** You control how AI is used, not a corporate algorithm
**Replicability** Your workflows can be reproduced and verified by others
**Shareability** Pass techniques to your team, students, and community
---
## Slide 4: Feature 1 - Knowledge Bases
**Header:** Feature 1: Knowledge Bases
**Build Your Research Library** - Upload PDFs, documents, and research papers - Connect to external document repositories - Organize materials by course, project, or topic - Keep institutional knowledge secure and accessible
**Why it matters:** Build custom AI assistants trained on your curriculum, research corpus, or institutional documents.
---
## Slide 5: Feature 2 - Prompting Knowledge Bases
**Header:** Feature 2: Prompting Knowledge Bases
**Query Your Documents** - Ask questions directly to your uploaded materials - Get citations and references to source documents - Compare answers across multiple documents - Create study guides from course readings
**Why it matters:** Students and researchers can interact with primary sources, generate literature reviews, and verify information against trusted materials.
---
## Slide 6: Feature 3 - Multiple Model Selection
**Header:** Feature 3: Multiple Model Selection
**Compare AI Models Side-by-Side** - Access local models (Ollama) and API models (ChatGPT, Claude, Gemini) - Send the same prompt to multiple models simultaneously - Compare response quality, style, and accuracy - Choose the best model for specific tasks
**Why it matters:** Teach students critical AI literacy by comparing models. Conduct research on model performance and bias.
---
## Slide 7: Feature 4 - Shared Reusable Prompts
**Header:** Feature 4: Shared Reusable Prompts
**Build and Share Prompt Templates** - Create standardized prompts for common tasks - Share prompts with your team, class, or department - Access community-contributed prompt libraries - Ensure consistency across research or teaching
**Why it matters:** This is shareability in action. Students can use proven prompts. Researchers can replicate experiments. Institutions can standardize AI
**AIXworkbench Workshop Presentation** β Version 3
````html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>AIXworkbench Presentation</title> <style> * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background: #1a1a1a; color: #333; overflow: hidden; } .presentation { width: 100vw; height: 100vh; display: flex; flex-direction: column; } .slide { display: none; width: 100%; height: 100%; background: white; position: relative; } .slide.active { display: flex; flex-direction: column; } .slide-content { flex: 1; padding: 60px 80px; display: flex; flex-direction: column; } .slide-header { background: linear-gradient(135deg, #1e3a8a 0%, #3b82f6 100%); color: white; padding: 30px 80px; min-height: 120px; display: flex; align-items: center; } .slide-header h1 { font-size: 2.5em; font-weight: 600; } .slide-number { position: absolute; bottom: 20px; right: 40px; color: #666; font-size: 0.9em; } .controls { position: absolute; bottom: 40px; left: 50%; transform: translateX(-50%); display: flex; gap: 20px; z-index: 100; } button { background: #3b82f6; color: white; border: none; padding: 12px 24px; border-radius: 8px; cursor: pointer; font-size: 1em; transition: background 0.3s; } button:hover { background: #2563eb; } button:disabled { background: #cbd5e1; cursor: not-allowed; } .title-slide { background: linear-gradient(135deg, #1e3a8a 0%, #3b82f6 100%); color: white; justify-content: center; align-items: center; text-align: center; padding: 80px; } .title-slide h1 { font-size: 3.5em; margin-bottom: 20px; font-weight: 700; } .title-slide h2 { font-size: 2em; margin-bottom: 40px; font-weight: 300; } .title-slide p { font-size: 1.3em; margin-bottom: 10px; opacity: 0.9; } .two-column { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; flex: 1; } .left-column { display: flex; flex-direction: column; justify-content: center; } .right-column { display: flex; align-items: center; justify-content: center; } .image-placeholder { width: 100%; height: 100%; background: #f1f5f9; border: 3px dashed #cbd5e1; border-radius: 12px; display: flex; align-items: center; justify-content: center; color: #94a3b8; font-size: 1.2em; text-align: center; padding: 40px; min-height: 400px; } .shirt-image { width: 100%; max-width: 400px; height: auto; border-radius: 12px; } h2 { font-size: 2em; color: #1e3a8a; margin-bottom: 30px; } h3 { font-size: 1.5em; color: #3b82f6; margin-bottom: 20px; margin-top: 20px; } p, li { font-size: 1.2em; line-height: 1.6; color: #334155; margin-bottom: 15px; } ul { list-style: none; padding-left: 0; } ul li { padding-left: 30px; position: relative; margin-bottom: 15px; } ul li:before { content: "β"; position: absolute; left: 0; color: #3b82f6; font-weight: bold; } .principle-box { background: #f8fafc; border-left: 5px solid #3b82f6; padding: 20px; margin-bottom: 20px; border-radius: 8px; } .principle-box h3 { margin-top: 0; font-size: 1.3em; } .principle-box p { margin-bottom: 0; font-size: 1em; } .feature-description { background: #f8fafc; padding: 30px; border-radius: 12px; border-left: 5px solid #3b82f6; } .feature-description h3 { margin-top: 0; color: #1e3a8a; } .highlight { color: #3b82f6; font-weight: 600; } .emphasis { background: linear-gradient(120deg, #fef3c7 0%, #fde68a 100%); padding: 2px 8px; border-radius: 4px; font-weight: 600; } .screenshot-placeholder { background: #f1f5f9; border: 3px dashed #cbd5e1; border-radius: 12px; height: 100%; min-height: 500px; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #64748b; font-size: 1.1em; padding: 40px; } .screenshot-placeholder .label { font-weight: 600; font-size: 1.3em; margin-bottom: 10px; } .cta-box { background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%); padding: 40px; border-radius: 12px; margin-top: 20px; border: 2px solid #3b82f6; } .cta-box h3 { margin-top: 0; } .deployment-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; margin-top: 30px; } .deployment-card { background: #f8fafc; padding: 30px; border-radius: 12px; border: 2px solid #3b82f6; } .deployment-card h3 { color: #1e3a8a; margin-top: 0; } .partners-section { margin-top: 30px; } .partner-list { display: flex; gap: 20px; flex-wrap: wrap; margin-top: 20px; } .partner-badge { background: #3b82f6; color: white; padding: 15px 30px; border-radius: 25px; font-size: 1.1em; font-weight: 600; } .partner-badge.new { background: #10b981; } </style> </head> <body> <div class="presentation"> <!-- Slide 1: Title --> <div class="slide active title-slide"> <h1>AIXworkbench</h1> <h2>Working WITH AI, Not Just Using It</h2> <div style="margin-top: 60px;"> <p style="font-size: 1.5em; font-weight: 600;">Workshop Invitation for Nigerian Scholars</p> <p style="margin-top: 40px;">Artificial Intelligence Exploration (AIX) Center</p> <p>SUNY Polytechnic Institute, Utica, NY, USA</p> </div> </div>
<!-- Slide 2: The Problem & Solution --> <div class="slide"> <div class="slide-header"> <h1>From Using AI to Working WITH AI</h1> </div> <div class="slide-content"> <div class="two-column"> <div class="left-column"> <h2>The Problem</h2> <p style="font-size: 1.4em; font-style: italic; color: #1e3a8a; margin-bottom: 30px;">"Wait, let me ask ChatGPT"</p> <p>Too many of us <span class="highlight">ask ChatGPT</span>.</p> <p>Not enough of us <span class="highlight">manage it</span>.</p> <h2 style="margin-top: 50px;">The Solution</h2> <ul style="font-size: 1.3em; margin-top: 20px;"> <li><span class="emphasis">Ready for AI</span> β learned the essentials</li> <li><span class="emphasis">Better at AI</span> β learned to prompt</li> <li><span class="emphasis">Working with AI</span> β reproduce & share</li> </ul> </div> <div class="right-column"> <img src="https://i.imgur.com/shirt-placeholder.jpg" alt="Wait Let Me Ask ChatGPT shirt" class="shirt-image" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';"> <div class="image-placeholder" style="display: none;"> <div> <div style="font-size: 3em; margin-bottom: 20px;">π</div> <div>"Wait, Let Me Ask ChatGPT" Shirt Image</div> </div> </div> </div> </div> </div> <div class="slide-number">2 / 11</div> </div>
<!-- Slide 3: What is AIXworkbench + Four Principles --> <div class="slide"> <div class="slide-header"> <h1>AIXworkbench: Built on Four Principles</h1> </div> <div class="slide-content"> <div class="two-column"> <div class="left-column"> <p style="font-size: 1.3em; margin-bottom: 40px;">An <span class="highlight">open-source workspace</span> built on OpenWebUI that runs on ordinary laptops in familiar browsers. Use AI without the internet or through APIs.</p> <div class="principle-box"> <h3>π Security</h3> <p>Your data stays in your environment, not someone else's cloud</p> </div> <div class="principle-box"> <h3>βοΈ Responsibility</h3> <p>You control how AI is used, not a corporate algorithm</p> </div> <div class="principle-box"> <h3>π Replicability</h3> <p>Your workflows can be reproduced and verified by others</p> </div> <div class="principle-box"> <h3>π€ Shareability</h3> <p>Pass techniques to your team, students, and community</p> </div> </div> <div class="right-column"> <div class="image-placeholder"> <div> <div style="font-size: 3em; margin-bottom: 20px;">π₯οΈ</div> <div>AIXworkbench Interface Screenshot</div> <div style="font-size: 0.9em; margin-top: 10px; opacity: 0.7;">Dashboard showing principles in action</div> </div> </div> </div> </div> </div> <div class="slide-number">3 / 11</div> </div>
<!-- Slide 4: Feature 1 - Knowledge Bases --> <div class="slide"> <div class="slide-header"> <h1>Feature 1: Knowledge Bases</h1> </div> <div class="slide-content"> <div class="two-column"> <div class="left-column"> <div class="feature-description"> <h3>Build Your Research Library</h3> <ul style="margin-top: 20px;"> <li>Upload PDFs, documents, and research papers</li> <li>Connect to external document repositories</li> <li>Organize materials by course, project, or topic</li> <li>Keep institutional knowledge secure and accessible</li> </ul> <p style="margin-top: 30px; padding-top: 30px; border-top: 2px solid #e2e8f0;"><strong>Why it matters:</strong> Build custom AI assistants trained on your curriculum, research corpus, or institutional documents.</p> </div> </div> <div class="right-column"> <div class="screenshot-placeholder"> <div> <div class="label">π Knowledge Base Interface</div> <div>Screenshot: Uploading PDFs and organizing documents</div> </div> </div> </div> </div> </div> <div class="slide-number">4 / 11</div> </div>
<!-- Slide 5: Feature 2 - Prompting Knowledge Bases --> <div class="slide"> <div class="slide-header"> <h1>Feature 2: Prompting Knowledge Bases</h1> </div> <div class="slide-content"> <div class="two-column"> <div class="left-column"> <div class="feature-description"> <h3>Query Your Documents</h3> <ul style="margin-top: 20px;"> <li>Ask questions directly to your uploaded materials</li> <li>Get citations and references to source documents</li> <li>Compare answers across multiple documents</li> <li>Create study guides from course readings</li> </ul> <p style="margin-top: 30px; padding-top: 30px; border-top: 2px solid #e2e8f0;"><strong>Why it matters:</strong> Students and researchers can interact with primary sources, generate literature reviews, and verify information against trusted materials.</p> </div> </div> <div class="right-column"> <div class="screenshot-placeholder"> <div> <div class="label">π¬ Querying Documents</div> <div>Screenshot: Asking questions to a knowledge base with cited responses</div> </div> </div> </div> </div> </div> <div class="slide-number">5 / 11</div> </div>
<!-- Slide 6: Feature 3 - Multiple Model Selection --> <div class="slide"> <div class="slide-header"> <h1>Feature 3: Multiple Model Selection</h1> </div> <div class="slide-content"> <div class="two-column"> <div class="left-column"> <div class="feature-description"> <h3>Compare AI Models Side-by-Side</h3> <ul style="margin-top: 20px;"> <li>Access local models (Ollama) and API models (ChatGPT, Claude, Gemini)</li> <li>Send the same prompt to multiple models simultaneously</li> <li>Compare response quality, style, and accuracy</li> <li>Choose the best model for specific tasks</li> </ul> <p style="margin-top: 30px; padding-top: 30px; border-top: 2px solid #e2e8f0;"><strong>Why it matters:</strong> Teach students critical AI literacy by comparing models. Conduct research on model performance and bias.</p> </div> </div> <div class="right-column"> <div class="screenshot-placeholder"> <div> <div class="label">π€ Model Comparison</div> <div>Screenshot: Multiple AI models responding to the same prompt</div> </div> </div> </div> </div> </div> <div class="slide-number">6 / 11</div> </div>
<!-- Slide 7: Feature 4 - Shared Reusable Prompts --> <div class="slide"> <div class="slide-header"> <h1>Feature 4: Shared Reusable Prompts</h1> </div> <div class="slide-content"> <div class="two-column"> <div class="left-column"> <div class="feature-description"> <h3>Build and Share Prompt Templates</h3> <ul style="margin-top: 20px;"> <li>Create standardized prompts for common tasks</li> <li>Share prompts with your team, class, or department</li> <li>Access community-contributed prompt libraries</li> <li>Ensure consistency across research or teaching</li> </ul> <p style="margin-top: 30px; padding-top: 30px; border-top: 2px solid #e2e8f0;"><strong>Why it matters:</strong> <span class="emphasis">This is shareability in action.</span> Students can use proven prompts. Researchers can replicate experiments. Institutions can standardize AI use.</p> </div> </div> <div class="right-column"> <div class="screenshot-placeholder"> <div> <div class="label">π Prompt Library</div> <div>Screenshot: Accessing and using shared prompt templates</div> </div> </div> </div> </div> </div> <div class="slide-number">7 / 11</div> </div>
<!-- Slide 8: Feature 5 - Model Parameters --> <div class="slide"> <div class="slide-header"> <h1>Feature 5: Model Parameters</h1> </div> <div class="slide-content"> <div class="two-column"> <div class="left-column"> <div class="feature-description"> <h3>Control Inference Settings</h3> <ul style="margin-top: 20px;"> <li>Adjust temperature for creativity vs. precision</li> <li>Modify token limits for response length</li> <li>Set top-p, top-k, and other advanced parameters</li> <li>Document parameter settings for reproducibility</li> </ul> <p style="margin-top: 30px; padding-top: 30px; border-top: 2px solid #e2e8f0;"><strong>Why it matters:</strong> <span class="emphasis">This is replicability in action.</span> Record exact conditions of AI interactions. Enable peer review of AI-assisted research. Teach students how models actually work.</p> </div> </div> <div class="right-column"> <div class="screenshot-placeholder"> <div> <div class="label">βοΈ Parameter Controls</div> <div>Screenshot: Adjusting model parameters during inference</div> </div> </div> </div> </div> </div> <div class="slide-number">8 / 11</div> </div>
<!-- Slide 9: Two Deployment Options --> <div class="slide"> <div class="slide-header"> <h1>Two Deployment Options</h1> </div> <div class="slide-content"> <div class="deployment-grid"> <div class="deployment-card"> <h3>π» Personal AIXworkbench</h3> <p style="margin-top: 20px;"><strong>For individual faculty and researchers</strong></p> <ul style="margin-top: 20px;"> <li>Runs on your laptop or desktop</li> <li>Works offline with local models</li> <li>Connect to APIs when needed</li> <li>Complete control over your data</li> <li>Perfect for personal research and course prep</li> </ul> </div> <div class="deployment-card"> <h3>π₯ Team AIXworkbench</h3> <p style="margin-top: 20px;"><strong>For classrooms, labs, and small organizations</strong></p> <ul style="margin-top: 20px;"> <li>Serves 2-25 users via web app</li> <li>Shared knowledge bases and prompts</li> <li>Centralized model access</li> <li>User management and permissions</li> <li>Ideal for courses, research groups, departments</li> </ul> </div> </div> <div class="image-placeholder" style="margin-top: 40px; min-height: 200px;"> <div> <div style="font-size: 2em; margin-bottom: 10px;">π</div> <div>Deployment Architecture Diagram</div> </div> </div> </div> <div class="slide-number">9 / 11</div> </div>
<!-- Slide 10: International Collaboration --> <div class="slide"> <div class="slide-header"> <h1>Join Our International Community</h1> </div> <div class="slide-content"> <div class="two-column"> <div class="left-column"> <h2>Current Partnerships</h2> <div class="partner-list"> <div class="partner-badge">πΊπΈ United States</div> <div class="partner-badge">π¬π Ghana</div> <div class="partner-badge">π±π· Liberia</div> <div class="partner-badge new">π³π¬ Nigeria (You!)</div> </div> <div class="partners-section"> <h3 style="margin-top: 40px;">What Collaboration Means</h3> <ul> <li>Share experiences and best practices</li> <li>Co-develop educational materials</li> <li>Joint research opportunities</li> <li>Cultural exchange of AI applications</li> <li>Building a global AI education network</li> </ul> </div> <p style="margin-top: 40px; font-size: 1.4em; color: #1e3a8a; font-weight: 600;">Help us build the next generation of literate AI users.</p> </div> <div class="right-column"> <div class="image-placeholder"> <div> <div style="font-size: 3em; margin-bottom: 20px;">π</div> <div>Global Partnership Map</div> <div style="font-size: 0.9em; margin-top: 10px; opacity: 0.7;">Showing AIXworkbench collaborations worldwide</div> </div> </div> </div> </div> </div> <div class="slide-number">10 / 11</div> </div>
<!-- Slide 11: Get Involved --> <div class="slide"> <div class="slide-header"> <h1>Get Involved: Two Pathways</h1> </div> <div class="slide-content"> <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 40px; flex: 1;"> <div> <div class="cta-box"> <h3>ποΈ Pathway 1: Host a Workshop</h3> <p style="margin-top: 20px;">Bring AIXworkbench training to your institution</p> <h4 style="margin-top: 30px; color: #1e3a8a;">What You Get:</h4> <ul> <li>4-week structured workshop program</li> <li>Installation support for participants</li> <li>Training on local and API models</li> <li>Administrative guidance for multi-user setup</li> <li>Access to all materials and recordings</li> <li>Ongoing community support</li> </ul> <div style="margin-top: 30px; padding: 20px; background: white; border-radius: 8px; text-align: center;"> <p style="font-weight: 600; font-size: 1.2em; color: #1e3a8a;">π Complete Our Workshop Hosting Form</p> <p style="margin-top: 10px; font-size: 0.95em;">[Form URL Here]</p> </div> </div> </div> <div> <div class="cta-box"> <h3>π Pathway 2: Start Today</h3> <p style="margin-top: 20px;">Get hands-on immediately with self-guided tutorials</p> <h4 style="margin-top: 30px; color: #1e3a8a;">Follow the Tutorial:</h4> <ul> <li>Visit <strong style="color: #1e3a8a;">DigitalBrainBase.com</strong></li> <li>Step-by-step installation guides</li> <li>Video walkthroughs</li> <li>Troubleshooting support</li> <li>Download for Mac, Windows, or Linux</li> <li>Join our community Discord</li> </ul> <div style="margin-top: 30px; padding: 20px; background: white; border-radius: 8px; text-align: center;"> <p style="font-weight: 600; font-size: 1.3em; color: #1e3a8a;">π DigitalBrainBase.com</p> <p style="margin-top: 10px; font-size: 0.95em;">Start learning in minutes</p> </div> </div> <div style="margin-top: 30px; padding: 25px; background: #f8fafc; border-radius: 12px; border: 2px solid #3b82f6;"> <h4 style="margin: 0; color: #1e3a8a;">π§ Questions?</h4> <p style="margin-top: 15px;">Professor Steve Schneider</p> <p style="margin: 0;"><strong>steve@sunypoly.edu</strong></p> </div> </div> </div> </div> <div class="slide-number">11 / 11</div> </div>
<div class="controls"> <button id="prevBtn" onclick="changeSlide(-1)">β Previous</button> <button id="nextBtn" onclick="changeSlide(1)">Next β</button> </div> </div>
<script> let currentSlide = 0; const slides = document.querySelectorAll('.slide'); const prevBtn = document.getElementById('prevBtn'); const nextBtn = document.getElementById('nextBtn');
function showSlide(n) { slides[currentSlide].classList.remove('active'); currentSlide = (n + slides.length) % slides.length; slides[currentSlide].classList.add('active'); prevBtn.disabled = currentSlide === 0; nextBtn.disabled = currentSlide === slides.length - 1; }
function changeSlide(direction) { showSlide(currentSlide + direction); }
// Keyboard navigation document.addEventListener('keydown', (e) => { if (e.key === 'ArrowLeft' && currentSlide > 0) { changeSlide(-1); } else if (e.key === 'ArrowRight' && currentSlide < slides.length - 1) { changeSlide(1); } });
// Initialize showSlide(0); </script> </body> </html> ````
**AIXworkbench Workshop Presentation** β Version 2
````html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>AIXworkbench Presentation</title> <style> * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background: #1a1a1a; color: #333; overflow: hidden; } .presentation { width: 100vw; height: 100vh; display: flex; flex-direction: column; } .slide { display: none; width: 100%; height: 100%; background: white; position: relative; } .slide.active { display: flex; flex-direction: column; } .slide-content { flex: 1; padding: 60px 80px; display: flex; flex-direction: column; } .slide-header { background: linear-gradient(135deg, #1e3a8a 0%, #3b82f6 100%); color: white; padding: 30px 80px; min-height: 120px; display: flex; align-items: center; } .slide-header h1 { font-size: 2.5em; font-weight: 600; } .slide-number { position: absolute; bottom: 20px; right: 40px; color: #666; font-size: 0.9em; } .controls { position: absolute; bottom: 40px; left: 50%; transform: translateX(-50%); display: flex; gap: 20px; z-index: 100; } button { background: #3b82f6; color: white; border: none; padding: 12px 24px; border-radius: 8px; cursor: pointer; font-size: 1em; transition: background 0.3s; } button:hover { background: #2563eb; } button:disabled { background: #cbd5e1; cursor: not-allowed; } .title-slide { background: linear-gradient(135deg, #1e3a8a 0%, #3b82f6 100%); color: white; justify-content: center; align-items: center; text-align: center; padding: 80px; } .title-slide h1 { font-size: 3.5em; margin-bottom: 20px; font-weight: 700; } .title-slide h2 { font-size: 2em; margin-bottom: 40px; font-weight: 300; } .title-slide p { font-size: 1.3em; margin-bottom: 10px; opacity: 0.9; } .two-column { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; flex: 1; } .left-column { display: flex; flex-direction: column; justify-content: center; } .right-column { display: flex; align-items: center; justify-content: center; } .image-placeholder { width: 100%; height: 100%; background: #f1f5f9; border: 3px dashed #cbd5e1; border-radius: 12px; display: flex; align-items: center; justify-content: center; color: #94a3b8; font-size: 1.2em; text-align: center; padding: 40px; min-height: 400px; } .shirt-image { width: 100%; max-width: 400px; height: auto; border-radius: 12px; } h2 { font-size: 2em; color: #1e3a8a; margin-bottom: 30px; } h3 { font-size: 1.5em; color: #3b82f6; margin-bottom: 20px; margin-top: 20px; } p, li { font-size: 1.2em; line-height: 1.6; color: #334155; margin-bottom: 15px; } ul { list-style: none; padding-left: 0; } ul li { padding-left: 30px; position: relative; margin-bottom: 15px; } ul li:before { content: "β"; position: absolute; left: 0; color: #3b82f6; font-weight: bold; } .principle-box { background: #f8fafc; border-left: 5px solid #3b82f6; padding: 20px; margin-bottom: 20px; border-radius: 8px; } .principle-box h3 { margin-top: 0; font-size: 1.3em; } .principle-box p { margin-bottom: 0; font-size: 1em; } .feature-description { background: #f8fafc; padding: 30px; border-radius: 12px; border-left: 5px solid #3b82f6; } .feature-description h3 { margin-top: 0; color: #1e3a8a; } .highlight { color: #3b82f6; font-weight: 600; } .emphasis { background: linear-gradient(120deg, #fef3c7 0%, #fde68a 100%); padding: 2px 8px; border-radius: 4px; font-weight: 600; } .screenshot-placeholder { background: #f1f5f9; border: 3px dashed #cbd5e1; border-radius: 12px; height: 100%; min-height: 500px; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #64748b; font-size: 1.1em; padding: 40px; } .screenshot-placeholder .label { font-weight: 600; font-size: 1.3em; margin-bottom: 10px; } .cta-box { background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%); padding: 40px; border-radius: 12px; margin-top: 20px; border: 2px solid #3b82f6; } .cta-box h3 { margin-top: 0; } .deployment-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; margin-top: 30px; } .deployment-card { background: #f8fafc; padding: 30px; border-radius: 12px; border: 2px solid #3b82f6; } .deployment-card h3 { color: #1e3a8a; margin-top: 0; } .partners-section { margin-top: 30px; } .partner-list { display: flex; gap: 20px; flex-wrap: wrap; margin-top: 20px; } .partner-badge { background: #3b82f6; color: white; padding: 15px 30px; border-radius: 25px; font-size: 1.1em; font-weight: 600; } .partner-badge.new { background: #10b981; } </style> </head> <body> <div class="presentation"> <!-- Slide 1: Title --> <div class="slide active title-slide"> <h1>AIXworkbench</h1> <h2>Working WITH AI, Not Just Using It</h2> <div style="margin-top: 60px;"> <p style="font-size: 1.5em; font-weight: 600;">Workshop Invitation for Nigerian Scholars</p> <p style="margin-top: 40px;">Artificial Intelligence Exploration (AIX) Center</p> <p>SUNY Polytechnic Institute, Utica, NY, USA</p> </div> </div>
<!-- Slide 2: The Problem & Solution --> <div class="slide"> <div class="slide-header"> <h1>From Using AI to Working WITH AI</h1> </div> <div class="slide-content"> <div class="two-column"> <div class="left-column"> <h2>The Problem</h2> <p style="font-size: 1.4em; font-style: italic; color: #1e3a8a; margin-bottom: 30px;">"Wait, let me ask ChatGPT"</p> <p>Too many of us <span class="highlight">ask ChatGPT</span>.</p> <p>Not enough of us <span class="highlight">manage it</span>.</p> <h2 style="margin-top: 50px;">The Solution</h2> <ul style="font-size: 1.3em; margin-top: 20px;"> <li><span class="emphasis">Ready for AI</span> β learned the essentials</li> <li><span class="emphasis">Better at AI</span> β learned to prompt</li> <li><span class="emphasis">Working with AI</span> β reproduce & share</li> </ul> </div> <div class="right-column"> <img src="https://i.imgur.com/shirt-placeholder.jpg" alt="Wait Let Me Ask ChatGPT shirt" class="shirt-image" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';"> <div class="image-placeholder" style="display: none;"> <div> <div style="font-size: 3em; margin-bottom: 20px;">π</div> <div>"Wait, Let Me Ask ChatGPT" Shirt Image</div> </div> </div> </div> </div> </div> <div class="slide-number">2 / 11</div> </div>
<!-- Slide 3: What is AIXworkbench + Four Principles --> <div class="slide"> <div class="slide-header"> <h1>AIXworkbench: Built on Four Principles</h1> </div> <div class="slide-content"> <div class="two-column"> <div class="left-column"> <p style="font-size: 1.3em; margin-bottom: 40px;">An <span class="highlight">open-source workspace</span> built on OpenWebUI that runs on ordinary laptops in familiar browsers. Use AI without the internet or through APIs.</p> <div class="principle-box"> <h3>π Security</h3> <p>Your data stays in your environment, not someone else's cloud</p> </div> <div class="principle-box"> <h3>βοΈ Responsibility</h3> <p>You control how AI is used, not a corporate algorithm</p> </div> <div class="principle-box"> <h3>π Replicability</h3> <p>Your workflows can be reproduced and verified by others</p> </div> <div class="principle-box"> <h3>π€ Shareability</h3> <p>Pass techniques to your team, students, and community</p> </div> </div> <div class="right-column"> <div class="image-placeholder"> <div> <div style="font-size: 3em; margin-bottom: 20px;">π₯οΈ</div> <div>AIXworkbench Interface Screenshot</div> <div style="font-size: 0.9em; margin-top: 10px; opacity: 0.7;">Dashboard showing principles in action</div> </div> </div> </div> </div> </div> <div class="slide-number">3 / 11</div> </div>
<!-- Slide 4: Feature 1 - Knowledge Bases --> <div class="slide"> <div class="slide-header"> <h1>Feature 1: Knowledge Bases</h1> </div> <div class="slide-content"> <div class="two-column"> <div class="left-column"> <div class="feature-description"> <h3>Build Your Research Library</h3> <ul style="margin-top: 20px;"> <li>Upload PDFs, documents, and research papers</li> <li>Connect to external document repositories</li> <li>Organize materials by course, project, or topic</li> <li>Keep institutional knowledge secure and accessible</li> </ul> <p style="margin-top: 30px; padding-top: 30px; border-top: 2px solid #e2e8f0;"><strong>Why it matters:</strong> Build custom AI assistants trained on your curriculum, research corpus, or institutional documents.</p> </div> </div> <div class="right-column"> <div class="screenshot-placeholder"> <div> <div class="label">π Knowledge Base Interface</div> <div>Screenshot: Uploading PDFs and organizing documents</div> </div> </div> </div> </div> </div> <div class="slide-number">4 / 11</div> </div>
<!-- Slide 5: Feature 2 - Prompting Knowledge Bases --> <div class="slide"> <div class="slide-header"> <h1>Feature 2: Prompting Knowledge Bases</h1> </div> <div class="slide-content"> <div class="two-column"> <div class="left-column"> <div class="feature-description"> <h3>Query Your Documents</h3> <ul style="margin-top: 20px;"> <li>Ask questions directly to your uploaded materials</li> <li>Get citations and references to source documents</li> <li>Compare answers across multiple documents</li> <li>Create study guides from course readings</li> </ul> <p style="margin-top: 30px; padding-top: 30px; border-top: 2px solid #e2e8f0;"><strong>Why it matters:</strong> Students and researchers can interact with primary sources, generate literature reviews, and verify information against trusted materials.</p> </div> </div> <div class="right-column"> <div class="screenshot-placeholder"> <div> <div class="label">π¬ Querying Documents</div> <div>Screenshot: Asking questions to a knowledge base with cited responses</div> </div> </div> </div> </div> </div> <div class="slide-number">5 / 11</div> </div>
<!-- Slide 6: Feature 3 - Multiple Model Selection --> <div class="slide"> <div class="slide-header"> <h1>Feature 3: Multiple Model Selection</h1> </div> <div class="slide-content"> <div class="two-column"> <div class="left-column"> <div class="feature-description"> <h3>Compare AI Models Side-by-Side</h3> <ul style="margin-top: 20px;"> <li>Access local models (Ollama) and API models (ChatGPT, Claude, Gemini)</li> <li>Send the same prompt to multiple models simultaneously</li> <li>Compare response quality, style, and accuracy</li> <li>Choose the best model for specific tasks</li> </ul> <p style="margin-top: 30px; padding-top: 30px; border-top: 2px solid #e2e8f0;"><strong>Why it matters:</strong> Teach students critical AI literacy by comparing models. Conduct research on model performance and bias.</p> </div> </div> <div class="right-column"> <div class="screenshot-placeholder"> <div> <div class="label">π€ Model Comparison</div> <div>Screenshot: Multiple AI models responding to the same prompt</div> </div> </div> </div> </div> </div> <div class="slide-number">6 / 11</div> </div>
<!-- Slide 7: Feature 4 - Shared Reusable Prompts --> <div class="slide"> <div class="slide-header"> <h1>Feature 4: Shared Reusable Prompts</h1> </div> <div class="slide-content"> <div class="two-column"> <div class="left-column"> <div class="feature-description"> <h3>Build and Share Prompt Templates</h3> <ul style="margin-top: 20px;"> <li>Create standardized prompts for common tasks</li> <li>Share prompts with your team, class, or department</li> <li>Access community-contributed prompt libraries</li> <li>Ensure consistency across research or teaching</li> </ul> <p style="margin-top: 30px; padding-top: 30px; border-top: 2px solid #e2e8f0;"><strong>Why it matters:</strong> <span class="emphasis">This is shareability in action.</span> Students can use proven prompts. Researchers can replicate experiments. Institutions can standardize AI use.</p> </div> </div> <div class="right-column"> <div class="screenshot-placeholder"> <div> <div class="label">π Prompt Library</div> <div>Screenshot: Accessing and using shared prompt templates</div> </div> </div> </div> </div> </div> <div class="slide-number">7 / 11</div> </div>
<!-- Slide 8: Feature 5 - Model Parameters --> <div class="slide"> <div class="slide-header"> <h1>Feature 5: Model Parameters</h1> </div> <div class="slide-content"> <div class="two-column"> <div class="left-column"> <div class="feature-description"> <h3>Control Inference Settings</h3> <ul style="margin-top: 20px;"> <li>Adjust temperature for creativity vs. precision</li> <li>Modify token limits for response length</li> <li>Set top-p, top-k, and other advanced parameters</li> <li>Document parameter settings for reproducibility</li> </ul> <p style="margin-top: 30px; padding-top: 30px; border-top: 2px solid #e2e8f0;"><strong>Why it matters:</strong> <span class="emphasis">This is replicability in action.</span> Record exact conditions of AI interactions. Enable peer review of AI-assisted research. Teach students how models actually work.</p> </div> </div> <div class="right-column"> <div class="screenshot-placeholder"> <div> <div class="label">βοΈ Parameter Controls</div> <div>Screenshot: Adjusting model parameters during inference</div> </div> </div> </div> </div> </div> <div class="slide-number">8 / 11</div> </div>
<!-- Slide 9: Two Deployment Options --> <div class="slide"> <div class="slide-header"> <h1>Two Deployment Options</h1> </div> <div class="slide-content"> <div class="deployment-grid"> <div class="deployment-card"> <h3>π» Personal AIXworkbench</h3> <p style="margin-top: 20px;"><strong>For individual faculty and researchers</strong></p> <ul style="margin-top: 20px;"> <li>Runs on your laptop or desktop</li> <li>Works offline with local models</li> <li>Connect to APIs when needed</li> <li>Complete control over your data</li> <li>Perfect for personal research and course prep</li> </ul> </div> <div class="deployment-card"> <h3>π₯ Team AIXworkbench</h3> <p style="margin-top: 20px;"><strong>For classrooms, labs, and small organizations</strong></p> <ul style="margin-top: 20px;"> <li>Serves 2-25 users via web app</li> <li>Shared knowledge bases and prompts</li> <li>Centralized model access</li> <li>User management and permissions</li> <li>Ideal for courses, research groups, departments</li> </ul> </div> </div> <div class="image-placeholder" style="margin-top: 40px; min-height: 200px;"> <div> <div style="font-size: 2em; margin-bottom: 10px;">π</div> <div>Deployment Architecture Diagram</div> </div> </div> </div> <div class="slide-number">9 / 11</div> </div>
<!-- Slide 10: International Collaboration --> <div class="slide"> <div class="slide-header"> <h1>Join Our International Community</h1> </div> <div class="slide-content"> <div class="two-column"> <div class="left-column"> <h2>Current Partnerships</h2> <div class="partner-list"> <div class="partner-badge">πΊπΈ United States</div> <div class="partner-badge">π¬π Ghana</div> <div class="partner-badge">π±π· Liberia</div> <div class="partner-badge new">π³π¬ Nigeria (You!)</div> </div> <div class="partners-section"> <h3 style="margin-top: 40px;">What Collaboration Means</h3> <ul> <li>Share experiences and best practices</li> <li>Co-develop educational materials</li> <li>Joint research opportunities</li> <li>Cultural exchange of AI applications</li> <li>Building a global AI education network</li> </ul> </div> <p style="margin-top: 40px; font-size: 1.4em; color: #1e3a8a; font-weight: 600;">Help us build the next generation of literate AI users.</p> </div> <div class="right-column"> <div class="image-placeholder"> <div> <div style="font-size: 3em; margin-bottom: 20px;">π</div> <div>Global Partnership Map</div> <div style="font-size: 0.9em; margin-top: 10px; opacity: 0.7;">Showing AIXworkbench collaborations worldwide</div> </div> </div> </div> </div> </div> <div class="slide-number">10 / 11</div> </div>
<!-- Slide 11: Get Involved --> <div class="slide"> <div class="slide-header"> <h1>Get Involved: Two Pathways</h1> </div> <div class="slide-content"> <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 40px; flex: 1;"> <div> <div class="cta-box"> <h3>ποΈ Pathway 1: Host a Workshop</h3> <p style="margin-top: 20px;">Bring AIXworkbench training to your institution</p> <h4 style="margin-top: 30px; color: #1e3a8a;">What You Get:</h4> <ul> <li>4-week structured workshop program</li> <li>Installation support for participants</li> <li>Training on local and API models</li> <li>Administrative guidance for multi-user setup</li> <li>Access to all materials and recordings</li> <li>Ongoing community support</li> </ul> <div style="margin-top: 30px; padding: 20px; background: white; border-radius: 8px; text-align: center;"> <p style="font-weight: 600; font-size: 1.2em; color: #1e3a8a;">π Complete Our Workshop Hosting Form</p> <p style="margin-top: 10px; font-size: 0.95em;">[Form URL Here]</p> </div> </div> </div> <div> <div class="cta-box"> <h3>π Pathway 2: Start Today</h3> <p style="margin-top: 20px;">Get hands-on immediately with self-guided tutorials</p> <h4 style="margin-top: 30px; color: #1e3a8a;">Follow the Tutorial:</h4> <ul> <li>Visit <strong style="color: #1e3a8a;">DigitalBrainBase.com</strong></li> <li>Step-by-step installation guides</li> <li>Video walkthroughs</li> <li>Troubleshooting support</li> <li>Download for Mac, Windows, or Linux</li> <li>Join our community Discord</li> </ul> <div style="margin-top: 30px; padding: 20px; background: white; border-radius: 8px; text-align: center;"> <p style="font-weight: 600; font-size: 1.3em; color: #1e3a8a;">π DigitalBrainBase.com</p> <p style="margin-top: 10px; font-size: 0.95em;">Start learning in minutes</p> </div> </div> <div style="margin-top: 30px; padding: 25px; background: #f8fafc; border-radius: 12px; border: 2px solid #3b82f6;"> <h4 style="margin: 0; color: #1e3a8a;">π§ Questions?</h4> <p style="margin-top: 15px;">Professor Steve Schneider</p> <p style="margin: 0;"><strong>steve@sunypoly.edu</strong></p> </div> </div> </div> </div> <div class="slide-number">11 / 11</div> </div>
<div class="controls"> <button id="prevBtn" onclick="changeSlide(-1)">β Previous</button> <button id="nextBtn" onclick="changeSlide(1)">Next β</button> </div> </div>
<script> let currentSlide = 0; const slides = document.querySelectorAll('.slide'); const prevBtn = document.getElementById('prevBtn'); const nextBtn = document.getElementById('nextBtn');
function showSlide(n) { slides[currentSlide].classList.remove('active'); currentSlide = (n + slides.length) % slides.length; slides[currentSlide].classList.add('active'); prevBtn.disabled = currentSlide === 0; nextBtn.disabled = currentSlide === slides.length - 1; }
function changeSlide(direction) { showSlide(currentSlide + direction); }
// Keyboard navigation document.addEventListener('keydown', (e) => { if (e.key === 'ArrowLeft' && currentSlide > 0) { changeSlide(-1); } else if (e.key === 'ArrowRight' && currentSlide < slides.length - 1) { changeSlide(1); } });
// Initialize showSlide(0); </script> </body> </html> ````
Perfect! I've created your 11-slide presentation for Nigerian scholars. Here's what's included:
**Slide Structure:** 1. **Title Slide** - AIXworkbench branding with invitation 2. **Problem & Solution** - The "ChatGPT shirt" concept + progression from using to working with AI 3. **What is AIXworkbench + Four Principles** - Definition with Security, Responsibility, Replicability, Shareability 4. **Feature 1: Knowledge Bases** - Upload PDFs and documents 5. **Feature 2: Prompting Knowledge Bases** - Query your materials 6. **Feature 3: Multiple Model Selection** - Compare AI models 7. **Feature 4: Shared Reusable Prompts** - Team collaboration 8. **Feature 5: Model Parameters** - Control inference settings 9. **Two Deployment Options** - Personal vs Team 10. **International Collaboration** - Current partnerships + Nigeria invitation 11. **Get Involved** - Two pathways: Host a workshop (form) OR Start at DigitalBrainBase.com
**Features:** - Navigate with arrow buttons or keyboard (left/right arrows) - Image placeholders on most slides for you to replace with actual screenshots - Professional blue gradient design - 20-minute presentation timing - Clear calls-to-action on final slide
**Next Steps:** 1. You'll need to add your actual screenshots to replace the placeholders 2. Add the workshop hosting form URL on slide 11 3. You can replace the shirt image URL on slide 2 with the actual image
Would you like me to adjust any slide content or layout?
**AIXworkbench Workshop Presentation**
````html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>AIXworkbench Presentation</title> <style> * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background: #1a1a1a; color: #333; overflow: hidden; } .presentation { width: 100vw; height: 100vh; display: flex; flex-direction: column; } .slide { display: none; width: 100%; height: 100%; background: white; position: relative; } .slide.active { display: flex; flex-direction: column; } .slide-content { flex: 1; padding: 60px 80px; display: flex; flex-direction: column; } .slide-header { background: linear-gradient(135deg, #1e3a8a 0%, #3b82f6 100%); color: white; padding: 30px 80px; min-height: 120px; display: flex; align-items: center; } .slide-header h1 { font-size: 2.5em; font-weight: 600; } .slide-number { position: absolute; bottom: 20px; right: 40px; color: #666; font-size: 0.9em; } .controls { position: absolute; bottom: 40px; left: 50%; transform: translateX(-50%); display: flex; gap: 20px; z-index: 100; } button { background: #3b82f6; color: white; border: none; padding: 12px 24px; border-radius: 8px; cursor: pointer; font-size: 1em; transition: background 0.3s; } button:hover { background: #2563eb; } button:disabled { background: #cbd5e1; cursor: not-allowed; } .title-slide { background: linear-gradient(135deg, #1e3a8a 0%, #3b82f6 100%); color: white; justify-content: center; align-items: center; text-align: center; padding: 80px; } .title-slide h1 { font-size: 3.5em; margin-bottom: 20px; font-weight: 700; } .title-slide h2 { font-size: 2em; margin-bottom: 40px; font-weight: 300; } .title-slide p { font-size: 1.3em; margin-bottom: 10px; opacity: 0.9; } .two-column { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; flex: 1; } .left-column { display: flex; flex-direction: column; justify-content: center; } .right-column { display: flex; align-items: center; justify-content: center; } .image-placeholder { width: 100%; height: 100%; background: #f1f5f9; border: 3px dashed #cbd5e1; border-radius: 12px; display: flex; align-items: center; justify-content: center; color: #94a3b8; font-size: 1.2em; text-align: center; padding: 40px; min-height: 400px; } .shirt-image { width: 100%; max-width: 400px; height: auto; border-radius: 12px; } h2 { font-size: 2em; color: #1e3a8a; margin-bottom: 30px; } h3 { font-size: 1.5em; color: #3b82f6; margin-bottom: 20px; margin-top: 20px; } p, li { font-size: 1.2em; line-height: 1.6; color: #334155; margin-bottom: 15px; } ul { list-style: none; padding-left: 0; } ul li { padding-left: 30px; position: relative; margin-bottom: 15px; } ul li:before { content: "β"; position: absolute; left: 0; color: #3b82f6; font-weight: bold; } .principle-box { background: #f8fafc; border-left: 5px solid #3b82f6; padding: 20px; margin-bottom: 20px; border-radius: 8px; } .principle-box h3 { margin-top: 0; font-size: 1.3em; } .principle-box p { margin-bottom: 0; font-size: 1em; } .feature-description { background: #f8fafc; padding: 30px; border-radius: 12px; border-left: 5px solid #3b82f6; } .feature-description h3 { margin-top: 0; color: #1e3a8a; } .highlight { color: #3b82f6; font-weight: 600; } .emphasis { background: linear-gradient(120deg, #fef3c7 0%, #fde68a 100%); padding: 2px 8px; border-radius: 4px; font-weight: 600; } .screenshot-placeholder { background: #f1f5f9; border: 3px dashed #cbd5e1; border-radius: 12px; height: 100%; min-height: 500px; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #64748b; font-size: 1.1em; padding: 40px; } .screenshot-placeholder .label { font-weight: 600; font-size: 1.3em; margin-bottom: 10px; } .cta-box { background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%); padding: 40px; border-radius: 12px; margin-top: 20px; border: 2px solid #3b82f6; } .cta-box h3 { margin-top: 0; } .deployment-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; margin-top: 30px; } .deployment-card { background: #f8fafc; padding: 30px; border-radius: 12px; border: 2px solid #3b82f6; } .deployment-card h3 { color: #1e3a8a; margin-top: 0; } .partners-section { margin-top: 30px; } .partner-list { display: flex; gap: 20px; flex-wrap: wrap; margin-top: 20px; } .partner-badge { background: #3b82f6; color: white; padding: 15px 30px; border-radius: 25px; font-size: 1.1em; font-weight: 600; } .partner-badge.new { background: #10b981; } </style> </head> <body> <div class="presentation"> <!-- Slide 1: Title --> <div class="slide active title-slide"> <h1>AIXworkbench</h1> <h2>Working WITH AI, Not Just Using It</h2> <div style="margin-top: 60px;"> <p style="font-size: 1.5em; font-weight: 600;">Workshop Invitation for Nigerian Scholars</p> <p style="margin-top: 40px;">Artificial Intelligence Exploration (AIX) Center</p> <p>SUNY Polytechnic Institute, Utica, NY, USA</p> </div> </div>
<!-- Slide 2: The Problem & Solution --> <div class="slide"> <div class="slide-header"> <h1>From Using AI to Working WITH AI</h1> </div> <div class="slide-content"> <div class="two-column"> <div class="left-column"> <h2>The Problem</h2> <p style="font-size: 1.4em; font-style: italic; color: #1e3a8a; margin-bottom: 30px;">"Wait, let me ask ChatGPT"</p> <p>Too many of us <span class="highlight">ask ChatGPT</span>.</p> <p>Not enough of us <span class="highlight">manage it</span>.</p> <h2 style="margin-top: 50px;">The Solution</h2> <ul style="font-size: 1.3em; margin-top: 20px;"> <li><span class="emphasis">Ready for AI</span> β learned the essentials</li> <li><span class="emphasis">Better at AI</span> β learned to prompt</li> <li><span class="emphasis">Working with AI</span> β reproduce & share</li> </ul> </div> <div class="right-column"> <img src="https://i.imgur.com/shirt-placeholder.jpg" alt="Wait Let Me Ask ChatGPT shirt" class="shirt-image" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';"> <div class="image-placeholder" style="display: none;"> <div> <div style="font-size: 3em; margin-bottom: 20px;">π</div> <div>"Wait, Let Me Ask ChatGPT" Shirt Image</div> </div> </div> </div> </div> </div> <div class="slide-number">2 / 11</div> </div>
<!-- Slide 3: What is AIXworkbench + Four Principles --> <div class="slide"> <div class="slide-header"> <h1>AIXworkbench: Built on Four Principles</h1> </div> <div class="slide-content"> <div class="two-column"> <div class="left-column"> <p style="font-size: 1.3em; margin-bottom: 40px;">An <span class="highlight">open-source workspace</span> built on OpenWebUI that runs on ordinary laptops in familiar browsers. Use AI without the internet or through APIs.</p> <div class="principle-box"> <h3>π Security</h3> <p>Your data stays in your environment, not someone else's cloud</p> </div> <div class="principle-box"> <h3>βοΈ Responsibility</h3> <p>You control how AI is used, not a corporate algorithm</p> </div> <div class="principle-box"> <h3>π Replicability</h3> <p>Your workflows can be reproduced and verified by others</p> </div> <div class="principle-box"> <h3>π€ Shareability</h3> <p>Pass techniques to your team, students, and community</p> </div> </div> <div class="right-column"> <div class="image-placeholder"> <div> <div style="font-size: 3em; margin-bottom: 20px;">π₯οΈ</div> <div>AIXworkbench Interface Screenshot</div> <div style="font-size: 0.9em; margin-top: 10px; opacity: 0.7;">Dashboard showing principles in action</div> </div> </div> </div> </div> </div> <div class="slide-number">3 / 11</div> </div>
<!-- Slide 4: Feature 1 - Knowledge Bases --> <div class="slide"> <div class="slide-header"> <h1>Feature 1: Knowledge Bases</h1> </div> <div class="slide-content"> <div class="two-column"> <div class="left-column"> <div class="feature-description"> <h3>Build Your Research Library</h3> <ul style="margin-top: 20px;"> <li>Upload PDFs, documents, and research papers</li> <li>Connect to external document repositories</li> <li>Organize materials by course, project, or topic</li> <li>Keep institutional knowledge secure and accessible</li> </ul> <p style="margin-top: 30px; padding-top: 30px; border-top: 2px solid #e2e8f0;"><strong>Why it matters:</strong> Build custom AI assistants trained on your curriculum, research corpus, or institutional documents.</p> </div> </div> <div class="right-column"> <div class="screenshot-placeholder"> <div> <div class="label">π Knowledge Base Interface</div> <div>Screenshot: Uploading PDFs and organizing documents</div> </div> </div> </div> </div> </div> <div class="slide-number">4 / 11</div> </div>
<!-- Slide 5: Feature 2 - Prompting Knowledge Bases --> <div class="slide"> <div class="slide-header"> <h1>Feature 2: Prompting Knowledge Bases</h1> </div> <div class="slide-content"> <div class="two-column"> <div class="left-column"> <div class="feature-description"> <h3>Query Your Documents</h3> <ul style="margin-top: 20px;"> <li>Ask questions directly to your uploaded materials</li> <li>Get citations and references to source documents</li> <li>Compare answers across multiple documents</li> <li>Create study guides from course readings</li> </ul> <p style="margin-top: 30px; padding-top: 30px; border-top: 2px solid #e2e8f0;"><strong>Why it matters:</strong> Students and researchers can interact with primary sources, generate literature reviews, and verify information against trusted materials.</p> </div> </div> <div class="right-column"> <div class="screenshot-placeholder"> <div> <div class="label">π¬ Querying Documents</div> <div>Screenshot: Asking questions to a knowledge base with cited responses</div> </div> </div> </div> </div> </div> <div class="slide-number">5 / 11</div> </div>
<!-- Slide 6: Feature 3 - Multiple Model Selection --> <div class="slide"> <div class="slide-header"> <h1>Feature 3: Multiple Model Selection</h1> </div> <div class="slide-content"> <div class="two-column"> <div class="left-column"> <div class="feature-description"> <h3>Compare AI Models Side-by-Side</h3> <ul style="margin-top: 20px;"> <li>Access local models (Ollama) and API models (ChatGPT, Claude, Gemini)</li> <li>Send the same prompt to multiple models simultaneously</li> <li>Compare response quality, style, and accuracy</li> <li>Choose the best model for specific tasks</li> </ul> <p style="margin-top: 30px; padding-top: 30px; border-top: 2px solid #e2e8f0;"><strong>Why it matters:</strong> Teach students critical AI literacy by comparing models. Conduct research on model performance and bias.</p> </div> </div> <div class="right-column"> <div class="screenshot-placeholder"> <div> <div class="label">π€ Model Comparison</div> <div>Screenshot: Multiple AI models responding to the same prompt</div> </div> </div> </div> </div> </div> <div class="slide-number">6 / 11</div> </div>
<!-- Slide 7: Feature 4 - Shared Reusable Prompts --> <div class="slide"> <div class="slide-header"> <h1>Feature 4: Shared Reusable Prompts</h1> </div> <div class="slide-content"> <div class="two-column"> <div class="left-column"> <div class="feature-description"> <h3>Build and Share Prompt Templates</h3> <ul style="margin-top: 20px;"> <li>Create standardized prompts for common tasks</li> <li>Share prompts with your team, class, or department</li> <li>Access community-contributed prompt libraries</li> <li>Ensure consistency across research or teaching</li> </ul> <p style="margin-top: 30px; padding-top: 30px; border-top: 2px solid #e2e8f0;"><strong>Why it matters:</strong> <span class="emphasis">This is shareability in action.</span> Students can use proven prompts. Researchers can replicate experiments. Institutions can standardize AI use.</p> </div> </div> <div class="right-column"> <div class="screenshot-placeholder"> <div> <div class="label">π Prompt Library</div> <div>Screenshot: Accessing and using shared prompt templates</div> </div> </div> </div> </div> </div> <div class="slide-number">7 / 11</div> </div>
<!-- Slide 8: Feature 5 - Model Parameters --> <div class="slide"> <div class="slide-header"> <h1>Feature 5: Model Parameters</h1> </div> <div class="slide-content"> <div class="two-column"> <div class="left-column"> <div class="feature-description"> <h3>Control Inference Settings</h3> <ul style="margin-top: 20px;"> <li>Adjust temperature for creativity vs. precision</li> <li>Modify token limits for response length</li> <li>Set top-p, top-k, and other advanced parameters</li> <li>Document parameter settings for reproducibility</li> </ul> <p style="margin-top: 30px; padding-top: 30px; border-top: 2px solid #e2e8f0;"><strong>Why it matters:</strong> <span class="emphasis">This is replicability in action.</span> Record exact conditions of AI interactions. Enable peer review of AI-assisted research. Teach students how models actually work.</p> </div> </div> <div class="right-column"> <div class="screenshot-placeholder"> <div> <div class="label">βοΈ Parameter Controls</div> <div>Screenshot: Adjusting model parameters during inference</div> </div> </div> </div> </div> </div> <div class="slide-number">8 / 11</div> </div>
<!-- Slide 9: Two Deployment Options --> <div class="slide"> <div class="slide-header"> <h1>Two Deployment Options</h1> </div> <div class="slide-content"> <div class="deployment-grid"> <div class="deployment-card"> <h3>π» Personal AIXworkbench</h3> <p style="margin-top: 20px;"><strong>For individual faculty and researchers</strong></p> <ul style="margin-top: 20px;"> <li>Runs on your laptop or desktop</li> <li>Works offline with local models</li> <li>Connect to APIs when needed</li> <li>Complete control over your data</li> <li>Perfect for personal research and course prep</li> </ul> </div> <div class="deployment-card"> <h3>π₯ Team AIXworkbench</h3> <p style="margin-top: 20px;"><strong>For classrooms, labs, and small organizations</strong></p> <ul style="margin-top: 20px;"> <li>Serves 2-25 users via web app</li> <li>Shared knowledge bases and prompts</li> <li>Centralized model access</li> <li>User management and permissions</li> <li>Ideal for courses, research groups, departments</li> </ul> </div> </div> <div class="image-placeholder" style="margin-top: 40px; min-height: 200px;"> <div> <div style="font-size: 2em; margin-bottom: 10px;">π</div> <div>Deployment Architecture Diagram</div> </div> </div> </div> <div class="slide-number">9 / 11</div> </div>
<!-- Slide 10: International Collaboration --> <div class="slide"> <div class="slide-header"> <h1>Join Our International Community</h1> </div> <div class="slide-content"> <div class="two-column"> <div class="left-column"> <h2>Current Partnerships</h2> <div class="partner-list"> <div class="partner-badge">πΊπΈ United States</div> <div class="partner-badge">π¬π Ghana</div> <div class="partner-badge">π±π· Liberia</div> <div class="partner-badge new">π³π¬ Nigeria (You!)</div> </div> <div class="partners-section"> <h3 style="margin-top: 40px;">What Collaboration Means</h3> <ul> <li>Share experiences and best practices</li> <li>Co-develop educational materials</li> <li>Joint research opportunities</li> <li>Cultural exchange of AI applications</li> <li>Building a global AI education network</li> </ul> </div> <p style="margin-top: 40px; font-size: 1.4em; color: #1e3a8a; font-weight: 600;">Help us build the next generation of literate AI users.</p> </div> <div class="right-column"> <div class="image-placeholder"> <div> <div style="font-size: 3em; margin-bottom: 20px;">π</div> <div>Global Partnership Map</div> <div style="font-size: 0.9em; margin-top: 10px; opacity: 0.7;">Showing AIXworkbench collaborations worldwide</div> </div> </div> </div> </div> </div> <div class="slide-number">10 / 11</div> </div>
<!-- Slide 11: Get Involved --> <div class="slide"> <div class="slide-header"> <h1>Get Involved: Two Pathways</h1> </div> <div class="slide-content"> <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 40px; flex: 1;"> <div> <div class="cta-box"> <h3>ποΈ Pathway 1: Host a Workshop</h3> <p style="margin-top: 20px;">Bring AIXworkbench training to your institution</p> <h4 style="margin-top: 30px; color: #1e3a8a;">What You Get:</h4> <ul> <li>4-week structured workshop program</li> <li>Installation support for participants</li> <li>Training on local and API models</li> <li>Administrative guidance for multi-user setup</li> <li>Access to all materials and recordings</li> <li>Ongoing community support</li> </ul> <div style="margin-top: 30px; padding: 20px; background: white; border-radius: 8px; text-align: center;"> <p style="font-weight: 600; font-size: 1.2em; color: #1e3a8a;">π Complete Our Workshop Hosting Form</p> <p style="margin-top: 10px; font-size: 0.95em;">[Form URL Here]</p> </div> </div> </div> <div> <div class="cta-box"> <h3>π Pathway 2: Start Today</h3> <p style="margin-top: 20px;">Get hands-on immediately with self-guided tutorials</p> <h4 style="margin-top: 30px; color: #1e3a8a;">Follow the Tutorial:</h4> <ul> <li>Visit <strong style="color: #1e3a8a;">DigitalBrainBase.com</strong></li> <li>Step-by-step installation guides</li> <li>Video walkthroughs</li> <li>Troubleshooting support</li> <li>Download for Mac, Windows, or Linux</li> <li>Join our community Discord</li> </ul> <div style="margin-top: 30px; padding: 20px; background: white; border-radius: 8px; text-align: center;"> <p style="font-weight: 600; font-size: 1.3em; color: #1e3a8a;">π DigitalBrainBase.com</p> <p style="margin-top: 10px; font-size: 0.95em;">Start learning in minutes</p> </div> </div> <div style="margin-top: 30px; padding: 25px; background: #f8fafc; border-radius: 12px; border: 2px solid #3b82f6;"> <h4 style="margin: 0; color: #1e3a8a;">π§ Questions?</h4> <p style="margin-top: 15px;">Professor Steve Schneider</p> <p style="margin: 0;"><strong>steve@sunypoly.edu</strong></p> </div> </div> </div> </div> <div class="slide-number">11 / 11</div> </div>
<div class="controls"> <button id="prevBtn" onclick="changeSlide(-1)">β Previous</button> <button id="nextBtn" onclick="changeSlide(1)">Next β</button> </div> </div>
<script> let currentSlide = 0; const slides = document.querySelectorAll('.slide'); const prevBtn = document.getElementById('prevBtn'); const nextBtn = document.getElementById('nextBtn');
function showSlide(n) { slides[currentSlide].classList.remove('active'); currentSlide = (n + slides.length) % slides.length; slides[currentSlide].classList.add('active'); prevBtn.disabled = currentSlide === 0; nextBtn.disabled = currentSlide === slides.length - 1; }
function changeSlide(direction) { showSlide(currentSlide + direction); }
// Keyboard navigation document.addEventListener('keydown', (e) => { if (e.key === 'ArrowLeft' && currentSlide ````
Perfect! Final streamlined version:
## Final Outline (11 slides for 20 minutes)
**Section 1: The Problem & Solution (2 slides)** 1. **Title Slide** - AIXworkbench: Working WITH AI, Not Just Using It 2. **The Problem & Solution** - "Wait, let me ask ChatGPT" shirt β Moving from using AI to **working with AI** (readyβbetterβworking)
**Section 2: What is AIXworkbench + Four Principles (1 slide)** β COMBINED 3. **AIXworkbench: Open-Source Workspace Built on Four Principles** - Brief definition + Security, Responsibility, Replicability, Shareability
**Section 3: SEE IT IN ACTION - Key Features (5 slides)** 4. **Feature 1: Knowledge Bases** - Upload PDFs, connect documents | Screenshot placeholder 5. **Feature 2: Prompting Knowledge Bases** - Query your uploaded documents | Screenshot placeholder 6. **Feature 3: Multiple Model Selection** - Compare responses across models | Screenshot placeholder 7. **Feature 4: Shared Reusable Prompts** - Access team/community prompt templates | Screenshot placeholder 8. **Feature 5: Model Parameters** - Adjust inference settings | Screenshot placeholder
**Section 4: Deployment Models (1 slide)** β CONDENSED 9. **Two Deployment Options** - Personal AIXworkbench + Team AIXworkbench (2-25 users)
**Section 5: Join Us (2 slides)** β SPLIT 10. **International Collaboration** - Current partnerships (US, Ghana, Liberia) + invitation to Nigeria scholars 11. **Get Involved: Two Pathways** - (A) Host a workshop at your institution [details + form] (B) Join our next workshop [details + registration]
**Total: 11 slides**
**Ready to generate?**
Perfect! Streamlined:
## Final Outline (13 slides for 20 minutes)
**Section 1: The Problem & Solution (4 slides)** 1. **Title Slide** - AIXworkbench: Working WITH AI, Not Just Using It 2. **The Problem** - "Wait, let me ask ChatGPT" (the shirt concept) 3. **The Solution** - Moving from "ready for AI" β "better at AI" β **"working with AI"** 4. **What is AIXworkbench?** - Brief definition
**Section 2: The Four Principles (1 slide)** β CONDENSED 5. **Four Principles of Working with AI** - Security, Responsibility, Replicability, Shareability (brief description of each)
**Section 3: SEE IT IN ACTION - Key Features (5 slides)** 6. **Feature 1: Knowledge Bases** - Upload PDFs, connect documents | Screenshot placeholder 7. **Feature 2: Prompting Knowledge Bases** - Query your uploaded documents | Screenshot placeholder 8. **Feature 3: Multiple Model Selection** - Compare responses across models | Screenshot placeholder 9. **Feature 4: Shared Reusable Prompts** - Access team/community prompt templates | Screenshot placeholder 10. **Feature 5: Model Parameters** - Adjust inference settings | Screenshot placeholder
**Section 4: Deployment & Collaboration (3 slides)** 11. **Two Deployment Models** - Personal vs Team 12. **International Partnership** - Current collaborations + Nigeria 13. **Why for Education & Research** - Benefits
**Section 5: Join Us (1 slide)** β CONDENSED 14. **Get Involved Today** - Workshop hosting option [FORM] + DigitalBrainBase.com self-start + Contact info
**Total: 14 slides**
Ready to generate now?
Excellent! So we're doing a **5-slide feature showcase** with left side = feature description, right side = screenshot placeholder.
## Final Revised Outline (19-20 slides for 20 minutes)
**Section 1: The Problem & Solution (4 slides)** 1. **Title Slide** - AIXworkbench: Working WITH AI, Not Just Using It 2. **The Problem** - "Wait, let me ask ChatGPT" (the shirt concept) 3. **The Solution** - Moving from "ready for AI" β "better at AI" β **"working with AI"** 4. **What is AIXworkbench?** - Brief definition
**Section 2: The Four Principles (4 slides)** 5. **Principle 1: Security** - Your data stays in your environment 6. **Principle 2: Responsibility** - You control AI use 7. **Principle 3: Replicability** - Your workflows can be reproduced 8. **Principle 4: Shareability** - Pass techniques to others
**Section 3: SEE IT IN ACTION - Key Features (5 slides)** β REVISED 9. **Feature 1: Knowledge Bases** - Upload PDFs, connect documents | Screenshot placeholder 10. **Feature 2: Prompting Knowledge Bases** - Query your uploaded documents | Screenshot placeholder 11. **Feature 3: Multiple Model Selection** - Compare responses across models | Screenshot placeholder 12. **Feature 4: Shared Reusable Prompts** - Access team/community prompt templates | Screenshot placeholder 13. **Feature 5: Model Parameters** - Adjust inference settings (temperature, tokens, etc.) | Screenshot placeholder
**Section 4: Deployment & Collaboration (3 slides)** 14. **Two Deployment Models** - Personal vs Team 15. **International Partnership** - Current collaborations + Nigeria 16. **Why for Education & Research** - Benefits
**Section 5: Workshop & Action (4 slides)** 17. **Workshop Model** - What happens in a workshop 18. **Workshop Outcomes** - What you gain 19. **Two Ways to Participate** - (A) Host workshop [FORM] (B) Start at digitalbrainbase.com 20. **Join Our Community / Contact** - Next steps
**Layout for Feature Slides (9-13):** - Left 40%: Feature name (header), bullet points describing capability & why it matters - Right 60%: Screenshot placeholder with caption
**Ready to generate?** Any final tweaks to structure or emphasis?
Perfect addition! Let me revise the outline:
## Revised Slide Outline (17-19 slides for 20 minutes)
**Section 1: The Problem & Solution (4 slides)** 1. **Title Slide** - AIXworkbench: Working WITH AI, Not Just Using It 2. **The Problem** - "Wait, let me ask ChatGPT" (the shirt concept) 3. **The Solution** - Moving from "ready for AI" β "better at AI" β **"working with AI"** 4. **What is AIXworkbench?** - Brief definition
**Section 2: The Four Principles (5 slides)** 5. **Principle 1: Security** - Your data stays in your environment 6. **Principle 2: Responsibility** - You control AI use 7. **Principle 3: Replicability** - Your workflows can be reproduced 8. **Principle 4: Shareability** - Pass techniques to others
**Section 3: SEE IT IN ACTION (3-4 slides) β NEW** 9. **The Workbench Interface** - Screenshot(s) of OpenWebUI interface 10. **Building Knowledge Bases** - Screenshot showing how to create/upload knowledge bases 11. **Creating Reusable Prompts** - Screenshot of prompt templates/sharing 12. **Sharing & Collaboration** - How prompts/knowledge bases get shared with team/students
**Section 4: Deployment & Collaboration (3 slides)** 13. **Two Deployment Models** - Personal vs Team 14. **International Partnership** - Current collaborations + Nigeria 15. **Why for Education & Research** - Benefits
**Section 5: Workshop & Action (4-5 slides)** 16. **Workshop Model** - What happens 17. **Workshop Outcomes** - What you gain 18. **Two Ways to Participate** - Host workshop [FORM] or Start at digitalbrainbase.com 19. **Join Our Community / Contact** - Next steps
**Questions:** 1. Do you have screenshots I should use, or should I create placeholder descriptions for you to replace? 2. For the knowledge base slide - do you want to show specific examples (like uploading PDFs, connecting to documents)? 3. For reusable prompts - are there example prompt templates you want featured?
Ready to build this?
Excellent! That elevator pitch is compelling and gives me the core message. Let me synthesize everything:
## Proposed Slide Outline (15-17 slides for 20 minutes)
**Section 1: The Problem & Solution (4 slides)** 1. **Title Slide** - AIXworkbench: Working WITH AI, Not Just Using It 2. **The Problem** - "Wait, let me ask ChatGPT" (the shirt concept - we use AI but don't manage it) 3. **The Solution** - Moving from "ready for AI" β "better at AI" β **"working with AI"** 4. **What is AIXworkbench?** - Brief definition: Open-source workspace on OpenWebUI, runs on laptops, works offline or via API
**Section 2: The Four Principles (5 slides)** 5. **Principle 1: Security** - Your data stays in your environment 6. **Principle 2: Responsibility** - You control AI use, not corporate algorithms 7. **Principle 3: Replicability** - Your workflows can be reproduced and verified 8. **Principle 4: Shareability** - Pass techniques to team, students, community
**Section 3: Deployment & Collaboration (3 slides)** 9. **Two Deployment Models** - Personal (individual) vs Team (2-25 users for classrooms/labs) 10. **International Partnership** - Current collaborations (US, Ghana, Liberia) + Nigeria invitation 11. **Why for Education & Research** - Specific benefits for teaching, experimentation, institutional control
**Section 4: Workshop & Action (4-5 slides)** 12. **Workshop Model** - What happens in a workbench workshop (based on Summer 2025) 13. **Workshop Outcomes** - Functioning system, skills, community, resources 14. **Two Ways to Participate** - (A) Host a workshop [FORM] (B) Start now at digitalbrainbase.com 15. **Get Started Today** - DigitalBrainBase.com tutorial steps preview 16. **Join Our Community / Contact** - Email, form, next steps
**Optional Add:** - Technical requirements slide (if needed) - Success story/testimonial slide (if available)
## Tone Balance: - **Professional**: Data-driven, principled approach (4 principles) - **Invitational**: "Join our community" language, partnership framing - **Collaborative**: International nature, sharing knowledge, building together
**Questions before I generate:** 1. Do you have the workshop hosting form URL? 2. Should I include technical specs (minimum requirements)? 3. Any specific success stories from Summer 2025 to mention? 4. For the DigitalBrainBase slide - should I show actual steps or just direct them there?
Ready to generate when you give the green light! π¦
Perfect! This clarifies a lot. So we're talking to AI-savvy folks about **partnership opportunities** and **actionable next steps**.
**Proposed Structure:**
1. **Title Slide** - AIXworkbench Workshop Opportunity
2. **AIX Center Introduction** - Brief intro to SUNY Poly's AIX Center as education/research partner
3. **What is AIXworkbench?** - Quick overview (they know AI, so focus on what makes this different)
4. **Why AIXworkbench for Education?** - Benefits for teaching, research, and institutional use
5. **Two Deployment Options** - Personal AIXworkbench (individual faculty/researchers) - Team AIXworkbench (classrooms, labs, 2-25 users)
6. **Our International Collaboration** - Current partnerships (US, Ghana, Liberia) + invitation to Nigeria
7. **Workshop Model** - What a workshop looks like (based on Summer 2025 experience)
8. **Workshop Outcomes** - What participants gain (functioning OpenWebUI, skills, resources)
9. **Two Ways to Participate:** - **Option 1:** Host a workshop at your institution (with form link) - **Option 2:** Get started now via DigitalBrainBase tutorials
10. **Get Started Today** - digitalbrainbase.com walkthrough steps
11. **Partnership Benefits** - What hosting institution gets (training, support, community)
12. **Contact & Next Steps** - Email, form, resources
**Questions:** - Does this flow work? - Should we include a slide about technical requirements/specifications? - Any success stories or testimonials from Summer 2025 participants we should mention? - What's the form URL for workshop hosting interest?
Good idea! Let's plan this out before I create the slides.
**Questions to help us structure the presentation:**
1. **Audience & Purpose:** - Are these scholars/educators familiar with AI tools already, or is this an introduction? - What's the main goal: recruitment for the workshop? Information about capabilities? Both?
2. **Presentation Length:** - How many slides are you thinking? (10-15? 20+?) - How long will the presentation be?
3. **Key Messages - which are most important?** - The workshop opportunity and how to participate? - What AIXworkbench can do for education/research? - The collaborative international nature of the project? - Technical capabilities?
4. **Structure - what flow makes sense?** Here's my initial thought: - Welcome/Title - What is AIXworkbench? - Why it matters for education/research - Two deployment models (Personal vs Team) - Workshop details (dates, format, outcomes) - What participants will learn/gain - How to participate - Contact/Questions
5. **Tone & Style:** - Professional/academic? - Welcoming/invitational? - Focus on collaboration and partnership?
What are your thoughts on these points?
I'll create a presentation about the AIXworkbench tailored for Nigerian scholars, focusing on invitation and participation opportunities.
**AIXworkbench Workshop Presentation**
````jsx import React, { useState } from 'react'; import { ChevronLeft, ChevronRight } from 'lucide-react';
const Presentation = () => { const [currentSlide, setCurrentSlide] = useState(0);
const slides = [ // Title Slide { title: "AIXworkbench", subtitle: "Open-Source AI Interface for Education & Research", content: ( <div className="text-center space-y-6"> <p className="text-2xl font-semibold text-blue-600">Workshop Invitation</p> <p className="text-xl">For Nigerian Scholars & Educators</p> <div className="mt-12 text-lg text-gray-600"> <p>Artificial Intelligence Exploration (AIX) Center</p> <p>SUNY Polytechnic Institute, Utica, NY, USA</p> </div> </div> ) },
// What is AIXworkbench { title: "What is the AIXworkbench?", content: ( <div className="space-y-6"> <p className="text-xl leading-relaxed"> An open-source AI interface designed for flexible deployment on personal computers and multi-user servers </p> <div className="grid grid-cols-2 gap-6 mt-8"> <div className="bg-blue-50 p-6 rounded-lg"> <h3 className="font-bold text-lg mb-3 text-blue-800">Local Models</h3> <p>Leverage AI models for offline inference on your own device</p> </div ````
Yes, I can create PowerPoint presentations! I can make slides in PPTX format by creating an HTML-based presentation that you can then save or convert to PowerPoint.
When you need slides, I can help you with: - **Structured content** with titles, bullet points, and sections - **Visual layouts** with different slide designs - **Multiple slides** covering your topic comprehensively - **Professional formatting** appropriate for presentations
For example, I could create a presentation about the AIXworkbench project covering its goals, features, deployment models, and use cases.
Would you like me to create a PowerPoint presentation? If so, let me know: - What topic or content you need - How many slides (approximately) - Any specific style preferences (professional, educational, minimal, etc.) - Who the audience is
I'll create an HTML presentation artifact that renders like slides, which you can then use directly or export to PPTX format.
# AIXworkbench: An Overview
The **AIXworkbench** is an ambitious project designed to democratize access to advanced AI tools by making OpenWebUIβa powerful but technically demanding platformβaccessible to users with modest technical expertise.
## Core Mission
The project addresses a fundamental challenge: while OpenWebUI offers sophisticated AI interaction capabilities, it typically requires moderate to advanced technical skills including development tools, command-line proficiency, and system configuration knowledge. AIXworkbench bridges this gap by creating streamlined installation processes and providing community support for learning and implementation.
## Two Deployment Models
**Personal AIXworkbench**: Enables a single user on one device to query multiple AI models, whether stored locally for