aipackage/cezen-portal/tool-jupyter.html
Jino Jose b3eec34158 Sync cezen-portal/ from live working copy (V1.0 GA polish + search-icon ordering fix)
Brings the ISO-packaged portal copy current with the live cezen-portal/
working directory, which had drifted across the entire V1.0 GA polish
initiative (Phases 1-10) plus this session's topnav icon-order bugfix.

- 52 existing files updated, 2 new pages added (about.html, health.html)
- cgit/cezen-portal/ is now byte-identical to cezen-portal/
- Backend files (rag_ingest.py, cezen_license.py) already in sync;
  main.py intentionally left as-is (cgit is ahead there with
  workstation-category commercial-fit logic not yet backported to the
  live working copy)

Next: rebuild the ISO (bash autoinstall/build-iso.sh) to bake this in.
2026-07-09 11:11:38 +05:30

204 lines
8.0 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=12">
</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">Governance & Audit</a>
<a href="health.html">Health Center</a>
<a href="feedback.html">Feedback &amp; 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 Catalog</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">MCP & Enterprise 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">AI Workspace</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 Studio</a>
<a href="schedules.html">Scheduled Jobs</a>
<a href="workflows.html">Workflow Designer</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" class="nav-icon-btn" style="position:relative" aria-label="Notifications"><span class="icon-svg icon-sm" aria-hidden="true"><svg viewBox="0 0 24 24"><path d="M15 17h5l-1.4-1.4A2 2 0 0 1 18 14.2V11a6 6 0 1 0-12 0v3.2a2 2 0 0 1-.6 1.4L4 17h5"/><path d="M10 17a2 2 0 0 0 4 0"/></svg></span></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">Code</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 &nbsp;·&nbsp; Powered by Cezen &nbsp;·&nbsp; <span data-brand="tier">Basic Tier</span></p>
<p>Questions? <a href="mailto:support@cezentech.com">support@cezentech.com</a></p>
</footer>
<script src="auth.js"></script>
<script src="branding.js?v=3"></script>
</body>
</html>