Quartz

1.

QUARTZ
Личная база знаний с ИИ-анализом заметок
и графом связей между идеями
Quartz • 1 / 7

2.

ДЕМОНСТРАЦИЯ
Главная страница
Таблица всех заметок пользователя: сортировка, счётчик
просмотров,
теги под заголовком и быстрый поиск сверху.
Поиск по названию и содержимому
Фильтрация по тегам в боковой панели
Сортировка по дате и просмотрам
index.html
Quartz • 2 / 7

3.

ДЕМОНСТРАЦИЯ
CRUD: просмотр → редактирование
Заметка «Django Forms и валидация»: карточка с рендером Markdown
и её форма редактирования на EasyMDE.
Просмотр
Quartz • 3 / 7
Редактирование

4.

ДЕМОНСТРАЦИЯ
Как работает поиск и фильтрация
1
Поиск
Полнотекстовый поиск по названию и содержимому
заметки — запрос уходит в Django-view через GETпараметр.
2
Теги в сайдбаре
Клик по тегу в боковой панели применяет фильтр —
показываются только заметки с этим тегом.
3
Сортировка таблицы
Клик по заголовку столбца (дата, просмотры) сортирует
список на лету.
Quartz • 4 / 7
Таблица + сайдбар

5.

ДЕМОНСТРАЦИЯ
Фишки: челлендж-функции
Граф связей
Настройки ИИ
4 провайдера: OpenAI, Gemini, Ollama, Claude (OpenRouter)
Узлы — заметки, рёбра — общие теги; толщина линии = число общих
тегов.
Quartz • 5 / 7
Список моделей подгружается напрямую у провайдера

6.

Что было самым сложным
ИИ без блокировки UI
Граф на CSS-переменных
Динамические
провайдеры ИИ
Генерация тегов запускалась через
threading.Thread +
transaction.on_commit(), а фронт
опрашивал ai_status каждые 2 секунды.
vis-network рисует на canvas и не видит
CSS custom properties — понадобился
helper cssVar() через getComputedStyle.
Список моделей нужно было получать
напрямую у каждого провайдера и
отфильтровывать нечат-модели
(эмбеддинги, TTS, image-gen).
Quartz • 6 / 7

7.

ДАЛЬНЕЙШЕЕ РАЗВИТИЕ
Что буду добавлять в будущем
1
Умное разбиение текста на заметки
Более сложная система систематизации: ИИ будет сам разбивать произвольный поток
текста пользователя на атомарные заметки.
2
Несколько хранилищ у одного
пользователя
Разделение пространств под разные цели — свои заметки, теги и граф связей в каждом
хранилище.
3
Публичные хранилища
Раздел сайта, где хранилищами можно делиться с другими — как интерактивными
расширяемыми книгами и не только.
4
Лайки, комментарии, сортировка по
популярности
Социальный слой над хранилищами: реакции, обсуждения и рейтинг для лучшего
контента.
Quartz • 7 / 7