203 lines
7.7 KiB
HTML
203 lines
7.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Jupyter — Nexus One AI Portal</title>
|
|
<link rel="stylesheet" href="style.css?v=4">
|
|
</head>
|
|
<body>
|
|
|
|
<header class="topnav">
|
|
<a href="index.html" class="brand">Nexus One <span>AI</span></a>
|
|
<nav>
|
|
<a href="index.html">Home</a>
|
|
<a href="quickstart.html">Quick Start</a>
|
|
<a href="prompts.html">Prompt Library</a>
|
|
<a href="usecases.html">Use Cases</a>
|
|
<span class="nav-sep"></span>
|
|
<div class="nav-dropdown">
|
|
<button class="nav-drop-btn">Help ▾</button>
|
|
<div class="nav-drop-menu">
|
|
<span class="nav-drop-cat">LEARN /</span>
|
|
<a href="quickstart.html">Quick Start</a>
|
|
<a href="models.html">Models</a>
|
|
<span class="nav-drop-cat">SUPPORT /</span>
|
|
<a href="troubleshooting.html">Troubleshoot</a>
|
|
<a href="faq.html">FAQ</a>
|
|
<span class="nav-drop-cat">MORE /</span>
|
|
<a href="glossary.html">Glossary</a>
|
|
<a href="whats-new.html">What's New</a>
|
|
</div>
|
|
</div>
|
|
<div class="nav-dropdown">
|
|
<button class="nav-drop-btn">Admin ▾</button>
|
|
<div class="nav-drop-menu nav-drop-menu-wide">
|
|
<span class="nav-drop-cat">DOCS /</span>
|
|
<a href="security.html">Security & Privacy</a>
|
|
<a href="admin.html">Admin Guide</a>
|
|
<span class="nav-drop-cat">MONITOR /</span>
|
|
<a href="dashboard.html">Dashboard</a>
|
|
<a href="analytics.html">Usage Analytics</a>
|
|
<a href="audit.html">Audit Log</a>
|
|
<a href="feedback.html">Feedback & Ratings</a>
|
|
<span class="nav-drop-cat">MANAGE /</span>
|
|
<a href="users.html">Users</a>
|
|
<a href="teams.html">Teams</a>
|
|
<a href="models-admin.html">Model Manager</a>
|
|
<a href="training.html">Training</a>
|
|
<a href="knowledge.html">Knowledge Base</a>
|
|
<span class="nav-drop-cat">TOOLS /</span>
|
|
<a href="apikeys.html">API Keys</a>
|
|
<a href="benchmark.html">Benchmarking</a>
|
|
<a href="model-compare.html">Model Compare</a>
|
|
<a href="api-playground.html">API Playground</a>
|
|
<a href="guardrails.html">Guardrails</a>
|
|
<a href="rag-quality.html">RAG Quality</a>
|
|
<a href="router.html">Model Router</a>
|
|
<a href="connectors.html">Connectors</a>
|
|
<span class="nav-drop-cat">SYSTEM /</span>
|
|
<a href="console.html">Console</a>
|
|
<a href="settings.html">Settings</a>
|
|
</div>
|
|
</div>
|
|
<div class="nav-dropdown">
|
|
<button class="nav-drop-btn">AI Tools ▾</button>
|
|
<div class="nav-drop-menu">
|
|
<span class="nav-drop-cat">INTELLIGENCE /</span>
|
|
<a href="documents.html">Document Intelligence</a>
|
|
<a href="chat-multi.html">Multimodal Chat</a>
|
|
<a href="prompt-studio.html">Prompt Studio</a>
|
|
<a href="meeting.html">Meeting Assistant</a>
|
|
<span class="nav-drop-cat">AUTOMATION /</span>
|
|
<a href="agents.html">Agent Builder</a>
|
|
<a href="schedules.html">Scheduled Jobs</a>
|
|
<a href="workflows.html">Workflow Automation</a>
|
|
<span class="nav-drop-cat">QUALITY /</span>
|
|
<a href="evals.html">AI Eval Suite</a>
|
|
<a href="chatrooms.html">Chat Rooms</a>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
<a href="notifications.html" style="position:relative">🔔</a>
|
|
<span class="badge" data-brand="tier">Basic Tier</span>
|
|
<div id="nav-org-logo" class="nav-org-logo"></div>
|
|
</header>
|
|
|
|
<div class="tool-hero">
|
|
<div class="tool-icon">📓</div>
|
|
<div class="tool-meta">
|
|
<a href="index.html#tools" class="back-link">← All Tools</a>
|
|
<h1>Jupyter Notebook</h1>
|
|
<div class="tagline">Write and run Python code in your browser — the development environment for AI experimentation and automation.</div>
|
|
<div class="hero-actions">
|
|
<a href="http://ai.local:8888" target="_blank" class="btn-primary">Open Jupyter ↗</a>
|
|
<span class="access-pill">🌐 http://ai.local:8888</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="content">
|
|
|
|
<div class="section-title">What is it?</div>
|
|
<div class="info-grid">
|
|
<div class="info-card">
|
|
<h4>In plain terms</h4>
|
|
<p>Jupyter Notebook lets you write Python code in your browser and run it cell by cell, seeing the output immediately. It's designed for data exploration, AI prototyping, and building workflows step-by-step — without needing to set up a full Python environment on your computer.</p>
|
|
</div>
|
|
<div class="info-card">
|
|
<h4>What you can do</h4>
|
|
<ul>
|
|
<li>Write AI code and run it on the server's GPU</li>
|
|
<li>Test LangChain pipelines interactively</li>
|
|
<li>Process and analyse datasets</li>
|
|
<li>Run fine-tuning jobs (QLoRA / Unsloth)</li>
|
|
<li>Save your work as a reusable notebook file</li>
|
|
<li>Mix code, results, charts, and explanations in one document</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="section-title">How to access it</div>
|
|
<div class="access-box">
|
|
<h4>Open in your browser</h4>
|
|
<div class="access-row">
|
|
<span class="label">URL</span>
|
|
<span class="value">http://ai.local:8888</span>
|
|
</div>
|
|
<div class="access-row">
|
|
<span class="label">Or via IP</span>
|
|
<span class="value">http://[server-ip]:8888</span>
|
|
</div>
|
|
<div class="access-row">
|
|
<span class="label">Token</span>
|
|
<span class="value">Ask your administrator</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="notice">
|
|
💡 Code you run in Jupyter executes on the server, not your computer. This means it has full access to the GPU, all installed models, and the full AI stack.
|
|
</div>
|
|
|
|
<div class="section-title">Getting started</div>
|
|
<div class="steps">
|
|
<div class="step">
|
|
<div class="step-num">1</div>
|
|
<div>
|
|
<h4>Open Jupyter in your browser</h4>
|
|
<p>Go to <code>http://ai.local:8888</code>. You'll see the file browser showing notebooks saved on the server.</p>
|
|
</div>
|
|
</div>
|
|
<div class="step">
|
|
<div class="step-num">2</div>
|
|
<div>
|
|
<h4>Create a new notebook</h4>
|
|
<p>Click <strong>New → Python 3</strong> to create a new notebook. A blank notebook opens with one empty cell.</p>
|
|
</div>
|
|
</div>
|
|
<div class="step">
|
|
<div class="step-num">3</div>
|
|
<div>
|
|
<h4>Write and run code</h4>
|
|
<p>Click into a cell, type your Python code, then press <strong>Shift + Enter</strong> to run it. The output appears directly below the cell.</p>
|
|
</div>
|
|
</div>
|
|
<div class="step">
|
|
<div class="step-num">4</div>
|
|
<div>
|
|
<h4>Try calling Ollama from Python</h4>
|
|
<p>Paste this into a cell and run it:</p>
|
|
<p><code>import ollama</code><br>
|
|
<code>response = ollama.chat(model="llama3.1:8b", messages=[{"role": "user", "content": "Explain RAG in one sentence"}])</code><br>
|
|
<code>print(response["message"]["content"])</code></p>
|
|
</div>
|
|
</div>
|
|
<div class="step">
|
|
<div class="step-num">5</div>
|
|
<div>
|
|
<h4>Save your work</h4>
|
|
<p>Press <strong>Ctrl + S</strong> (or Cmd + S on Mac) to save your notebook. It's saved on the server and will be there next time you open Jupyter.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="section-title">Works with</div>
|
|
<div class="works-with">
|
|
<a href="tool-ollama.html">🦙 Ollama</a>
|
|
<a href="tool-langchain.html">🔗 LangChain</a>
|
|
<a href="tool-chromadb.html">🗂️ ChromaDB</a>
|
|
<a href="tool-qlora.html">🎯 QLoRA / Unsloth</a>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<footer>
|
|
<p>Nexus One AI · Powered by Cezen · Basic Tier</p>
|
|
<p>Questions? <a href="mailto:support@cezentech.com">support@cezentech.com</a></p>
|
|
</footer>
|
|
|
|
<script src="auth.js"></script>
|
|
<script src="branding.js"></script>
|
|
</body>
|
|
</html>
|