Новый квант

News — Sun, 24 Aug 2025 20:14:00 +0000

import React, { useMemo, useState } from "react"; // Quantum Control Panel — single file React component // Tailwind classes are used for styling (no setup needed in canvas) // This UI lets you draft a "quantum" event with metadata, symbols, links, versions, // score preview, counter-projection, and simple export. Use it as a designer-ready mock. function Section({ title, children, right }) { return (

{title}

{right}

{children}

) } const defaultQuantum = { title: "", body: "", media: [], time_from: "", time_to: "", place: "", tags: [], symbols: [], links: [], // {id, title, type} sources: [], versions: [], } const symbolLibrary = [ { name: "Яблоко", icon: "🍎", scope: "global" }, { name: "Память", icon: "🧠", scope: "global" }, { name: "Круг", icon: "⭕", scope: "global" }, { name: "Звезда", icon: "⭐", scope: "global" }, ] function computeScore(q) { // A = validity from metadata and sources const metaFields = [q.time_from, q.place] const A = metaFields.filter(Boolean).length * 10 + Math.min(q.sources.length, 3) * 6 // C = consistency via links and symbols const C = Math.min(q.links.length, 6) * 5 + Math.min(q.symbols.length, 3) * 6 // K = complexity penalty for long unstructured body const words = q.body.trim().split(/\s+/).filter(Boolean).length const K = Math.max(0, Math.floor((words - 180) / 60)) * 4 // penalty after ~180 words // S = symbol bonus if symbols are in library const S = q.symbols.reduce((acc, s) => acc + (symbolLibrary.find(x => x.name === s)?.scope === "global" ? 4 : 2), 0) // R = network reach proxy via tags + media const R = Math.min(q.tags.length, 5) * 2 + Math.min(q.media.length, 3) * 3 let total = A + C + S + R - K total = Math.max(0, Math.min(100, total)) return { A, C, S, R, K, total } } function Chip({ children, onRemove }) { return ( {children} {onRemove && ( )} ) } function GraphPreview({ quantum }) { // simple pseudo-graph: central node + symbols + links const width = 560, height = 280 const center = { x: width / 2, y: height / 2 } const symbolNodes = quantum.symbols.map((s, i) => ({ x: 140 + i * 90, y: 60, label: s })) const linkNodes = quantum.links.map((l, i) => ({ x: 120 + i * 110, y: 220, label: l.title || l.id, type: l.type })) return ( )} } export default function App() { const [q, setQ] = useState({ ...defaultQuantum }) const [newTag, setNewTag] = useState("") const [newSymbol, setNewSymbol] = useState("") const [newLink, setNewLink] = useState({ id: "", title: "", type: "cites" }) const [newSource, setNewSource] = useState("") const [banner, setBanner] = useState("") const score = useMemo(() => computeScore(q), [q]) function addTag() { if (!newTag.trim()) return setQ(prev => ({ ...prev, tags: Array.from(new Set([...prev.tags, newTag.trim()])) })) setNewTag("") } function addSymbol(name) { const val = name || newSymbol if (!val.trim()) return setQ(prev => ({ ...prev, symbols: Array.from(new Set([...prev.symbols, val.trim()])) })) setNewSymbol("") } function addLink() { if (!newLink.id && !newLink.title) return setQ(prev => ({ ...prev, links: [...prev.links, newLink] })) setNewLink({ id: "", title: "", type: "cites" }) } function addSource() { if (!newSource.trim()) return setQ(prev => ({ ...prev, sources: [...prev.sources, newSource.trim()] })) setNewSource("") } function saveVersion(msg = "Черновик") { const stamp = new Date().toISOString() const v = { timestamp: stamp, message: msg, snapshot: JSON.parse(JSON.stringify(q)) } setQ(prev => ({ ...prev, versions: [...prev.versions, v] })) setBanner(`Сохранено: ${msg}`) setTimeout(() => setBanner(""), 2000) } function restoreVersion(idx) { const v = q.versions[idx] if (!v) return setQ({ ...v.snapshot }) setBanner(`Восстановлена версия: ${v.message}`) setTimeout(() => setBanner(""), 2200) } function exportJSON() { const blob = new Blob([JSON.stringify(q, null, 2)], { type: "application/json" }) const url = URL.createObjectURL(blob) const a = document.createElement("a") a.href = url a.download = `quantum_${Date.now()}.json` a.click() URL.revokeObjectURL(url) } function printPDF() { window.print() } function addMedia(file) { if (!file) return const reader = new FileReader() reader.onload = () => { setQ(prev => ({ ...prev, media: [...prev.media, { name: file.name, dataURL: reader.result }] })) } reader.readAsDataURL(file) } const disabledPublish = !(q.title && q.body && q.time_from) return (

Пульт управления квантами

Создавайте кванты времени, добавляйте символы, связывайте события и управляйте видимостью истории.

{banner && (

{banner}

)} {/* Grid */}

{/* Left column */}

Заголовок setQ({ ...q, title: e.target.value })} className="w-full mt-1 rounded-xl border px-3 py-2" placeholder="Например: Яблоко как начало и будущее" />

Метки

setNewTag(e.target.value)} className="flex-1 rounded-xl border px-3 py-2" placeholder="#тег" />

{q.tags.map(t => ( setQ(prev => ({ ...prev, tags: prev.tags.filter(x => x!==t) }))}>{t} ))}

Текст события

setQ({ ...q, body: e.target.value })} rows={6} className="w-full mt-1 rounded-xl border px-3 py-2" placeholder="Короткий, структурированный текст. Добавьте источники ниже." />
              </div>
              <div className="mt-3">
                <label className="text-sm">Источники</label>
                <div className="flex gap-2 mt-1">
                  <input value={newSource} onChange={e => setNewSource(e.target.value)} className="flex-1 rounded-xl border px-3 py-2" placeholder="URL или описание" />
                  <button onClick={addSource} className="px-3 py-2 rounded-xl bg-slate-900 text-white">Добавить</button>
                </div>
                <div className="mt-2">
                  {q.sources.map((s, i) => (
                    <Chip key={i} onRemove={() => setQ(prev => ({ ...prev, sources: prev.sources.filter((_,k) => k!==i) }))}>{s}</Chip>
                  ))}
                </div>
              </div>
              <div className="mt-3">
                <label className="text-sm">Медиа</label>
                <input type="file" accept="image/*,video/*" onChange={e => addMedia(e.target.files?.[0])} className="mt-1" />
                {q.media.length>0 && (
                  <div className="mt-2 grid grid-cols-3 gap-2">
                    {q.media.map((m, i) => (
                      <div key={i} className="relative group">
                        {/* eslint-disable-next-line @next/next/no-img-element */}
                        
                        <button onClick={() => setQ(prev => ({ ...prev, media: prev.media.filter((_,k)=>k!==i) }))} className="absolute top-1 right-1 bg-white/80 rounded-full px-2">✕</button>
                      </div>
                    ))}
                  </div>
                )}
              </div>
            </Section>

<Section title="Ссылки и контекст">
              <div className="grid grid-cols-1 md:grid-cols-4 gap-3">
                <div className="md:col-span-2">
                  <label className="text-sm">ID или заголовок</label>
                  <input value={newLink.title} onChange={e => setNewLink({ ...newLink, title: e.target.value })} className="w-full mt-1 rounded-xl border px-3 py-2" placeholder="ID или название кванта" />
                </div>
                <div>
                  <label className="text-sm">Тип связи</label>
                  <select value={newLink.type} onChange={e => setNewLink({ ...newLink, type: e.target.value })} className="w-full mt-1 rounded-xl border px-3 py-2">
                    <option value="cites">цитирует</option>
                    <option value="extends">расширяет</option>
                    <option value="contradicts">противоречит</option>
                    <option value="same_event">тот же контекст</option>
                  </select>
                </div>
                <div className="flex items-end">
                  <button onClick={addLink} className="w-full px-3 py-2 rounded-xl bg-slate-900 text-white">Добавить</button>
                </div>
              </div>
              <div className="mt-2">
                {q.links.map((l, i) => (
                  <Chip key={i} onRemove={() => setQ(prev => ({ ...prev, links: prev.links.filter((_,k)=>k!==i) }))}>{l.type}: {l.title || l.id}</Chip>
                ))}
              </div>
              <div className="mt-4">
                <GraphPreview quantum={q} />
              </div>
            </Section>
          </div>

{/* Right column */}
          <div className="space-y-5">
            <Section title="Метаданные">
              <div className="space-y-3">
                <div>
                  <label className="text-sm">Дата начала</label>
                  <input type="datetime-local" value={q.time_from} onChange={e => setQ({ ...q, time_from: e.target.value })} className="w-full mt-1 rounded-xl border px-3 py-2" />
                </div>
                <div>
                  <label className="text-sm">Дата конца (опц.)</label>
                  <input type="datetime-local" value={q.time_to} onChange={e => setQ({ ...q, time_to: e.target.value })} className="w-full mt-1 rounded-xl border px-3 py-2" />
                </div>
                <div>
                  <label className="text-sm">Место</label>
                  <input value={q.place} onChange={e => setQ({ ...q, place: e.target.value })} className="w-full mt-1 rounded-xl border px-3 py-2" placeholder="Город, координаты" />
                </div>
              </div>
            </Section>

<Section title="Символы" right={<button onClick={() => addSymbol()} className="px-3 py-1.5 rounded-lg bg-slate-900 text-white">Добавить</button>}>
              <div className="flex gap-2 items-center">
                <input value={newSymbol} onChange={e => setNewSymbol(e.target.value)} className="flex-1 rounded-xl border px-3 py-2" placeholder="Например: Яблоко" />
                <div className="flex gap-1">
                  {symbolLibrary.slice(0,4).map(s => (
                    <button key={s.name} onClick={() => addSymbol(s.name)} className="px-2 py-1 rounded-lg bg-white border hover:bg-slate-50" title={s.name}>{s.icon}</button>
                  ))}
                </div>
              </div>
              <div className="mt-2">
                {q.symbols.map(s => (
                  <Chip key={s} onRemove={() => setQ(prev => ({ ...prev, symbols: prev.symbols.filter(x => x!==s) }))}>{s}</Chip>
                ))}
              </div>
            </Section>

<Section title="Счёт видимости">
              <div className="flex items-center justify-between">
                <div className="text-3xl font-bold">{score.total}</div>
                <div className="flex-1 ml-4">
                  <div className="w-full h-3 bg-slate-200 rounded-full overflow-hidden">
                    <div className="h-3 bg-gradient-to-r from-sky-400 to-indigo-500" style={{ width: `${score.total}%` }} />
                  </div>
                  <div className="text-xs text-slate-600 mt-2">
                    +A {score.A}  +C {score.C}  +S {score.S}  +R {score.R}  −K {score.K}
                  </div>
                </div>
              </div>
              <p className="text-sm mt-3 text-slate-600">Подсказка: добавьте дату, место, 1–2 источника, 1–3 символа и 2–3 связи. Избегайте слишком длинного текста без структуры.</p>
            </Section>

<Section title="Версии">
              <div className="flex gap-2 mb-2">
                <button onClick={() => saveVersion("Метка версии") } className="px-3 py-2 rounded-xl bg-white border hover:bg-slate-50">Сохранить версию</button>
                <button onClick={() => setQ({ ...defaultQuantum })} className="px-3 py-2 rounded-xl bg-white border hover:bg-slate-50">Очистить</button>
              </div>
              {q.versions.length === 0 && <p className="text-sm text-slate-500">Версий пока нет.</p>}
              <ul className="max-h-44 overflow-auto divide-y">
                {q.versions.map((v, i) => (
                  <li key={i} className="py-2 flex items-center justify-between text-sm">
                    <div>
                      <div className="font-medium">{v.message}</div>
                      <div className="text-slate-500">{new Date(v.timestamp).toLocaleString()}</div>
                    </div>
                    <div className="flex gap-2">
                      <button onClick={() => restoreVersion(i)} className="px-2 py-1 rounded-lg bg-slate-900 text-white">Восстановить</button>
                    </div>
                  </li>
                ))}
              </ul>
            </Section>

<Section title="Публикация">
              <div className="flex flex-col gap-2">
                <button disabled={disabledPublish} onClick={() => setBanner("Опубликовано") } className={`px-4 py-2 rounded-xl text-white ${disabledPublish ? "bg-slate-300" : "bg-emerald-600 hover:bg-emerald-500"}`}>Опубликовать</button>
                {disabledPublish && <p className="text-xs text-slate-500">Для публикации укажите заголовок, текст и дату начала.</p>}
                <button onClick={() => setBanner("Создана контр-проекция (черновик)") } className="px-4 py-2 rounded-xl bg-white border hover:bg-slate-50">Контр-проекция</button>
              </div>
            </Section>
          </div>
        </div>

<footer className="mt-8 text-xs text-slate-500">
          Сделано как дизайнерский прототип пульта управления квантами. Экспортируйте JSON или печатью сохраните в PDF.
        </footer>
      </div>
    </div>
  )
}
</article>
<article>
<h1>Валентин Борщевский, заместитель заведующего лабораторией перспективных исследований мембранных белков МФТИ, признан «Молодым ученым года» Европейским центром синхротронных исследований (ESRF).</h1>
<p>News — Thu, 11 Feb 2021 18:20:00 +0000</p>
<div>
	<a href="https://mipt.id.page/resources/000/000/000/005/689/5689368.jpg" target="_blank"></a><br />
	 </div>
<div>
	 </div>
<div>
	Эта премия была присуждена за значительный вклад в исследования мембранных белков — мишеней для более чем половины всех лекарств и участников важнейших клеточных и физиологических процессах. Валентин и его команда работают на станциях структурной биологии в ESRF для исследования структуры белков. В дальнейшем планируется изменение их свойств и разработка лекарств, в частности, от меланомы. </div>
<div>
	 </div>
<div>
	Поздравляем Валентина Борщевского с яркой победой и желаем новых достижений!</div>
</article>
<article>
<h1>Поздравляем Андрея Иващенко,  Председателя Совета директоров НП ЦВТ «ХимРар» с днем  рождения!</h1>
<p>News — Thu, 29 Oct 2020 12:55:00 +0000</p>
Желаем быть сильнее и мудрее любых обстоятельств, всегда  с оптимизмом смотреть в будущее и трудиться в окружении верных друзей и соратников! Будьте здоровы!<br />
<br />
<a href="https://mipt.id.page/resources/000/000/000/005/659/5659428.jpg" target="_blank"></a><br />
<br />
</article>
<article>
<h1>Математики НГУ приняли участие в международном мероприятии по формированию команд ученых с технологическими предпринимателями</h1>
<p>News — Tue, 27 Oct 2020 20:41:00 +0000</p>
<div>
	<p>
		 </p>
</div>
<div>
	<div>
		<div>
			<div>
				В Риге в смешанном режиме онлайн-оффлайн прошло 16-е мероприятие по формирование проектов и команд ученых с технологическими предпринимателями — Ignition Event Реактора Коммерциализации, с которым Центр трансфера технологий и коммерциализации НГУ сотрудничает уже третий год. </div>
		</div>
	</div>
	<div>
		<br />
		Реактор Коммерциализации в течение 10 лет привлекает технологических предпринимателей и финансовые средства для коммерциализации фундаментальных разработок ученых университетов и институтов, занимается поиском рыночных приложений результатов фундаментальных исследований и ускорением коммерциализации, организует поддержку и сопровождение стартапов, а также привлекает отраслевых лидеров в проекты коммерциализации технологий. Реактор Коммерциализации сотрудничает с более чем 50 университетами мира, взаимодействует с 60 крупными индустриальными партнерами, запустил 90 проектов, из которых созданы 50 стартапов, привлекших 7 млн. евро в форме предпосевного капитала. <br />
		<br />
		<p>
			</p>
		<br />
		На 16-м мероприятии Ignition Event были представлены две разработки математиков Новосибирского государственного университета. Рене ван Беверн, заведующий лабораторией алгоритмики <a href="https://www.nsu.ru/n/mathematics-mechanics-department/" target="_blank">Механико-математического факультета НГУ</a> и научный сотрудник <a href="https://www.nsu.ru/n/mca/index.php?sphrase_id=613117" target="_blank">Математического центра в Академородке (МЦА),</a> представил разработки своей группы по редукции данных с гарантиями качества для труднорешаемых задач оптимизации. <br />
		<br />
		— Разумеется, на данный момент нельзя сказать, во что это все выльется, но положительный эффект от мероприятия, безусловно, есть. Само общение с предпринимателями и инвесторами для меня было очень полезно. Я стал лучше понимать, как доносить суть наших научных разработок до представителей разных отраслей экономики, которые, как кажется, очень далеки от академической науки и тем более от математики. Кроме того, во время работы с экспертами реактора мне раскрылись новые варианты применения наших результатов, что мотивирует меня на продолжение дальнейших исследований редукции данных, — прокомментировал участник мероприятия Рене ван Беверн.<br />
		<br />
		Антон Колонин, старший преподаватель МЦА и сотрудник Центра трансфера технологий и коммерциализации НГУ, представил проект «Aigents — Ассистенты на основе персонального искусственного интеллекта». <br />
		<br />
		— Было интересно увидеть множество столь разнообразных представлений высокотехнологических разработок в самых различных областях. Приятно удивил динамичный и позитивный стиль проведения мероприятия Реактором Коммерциализации. Я представлял свою разработку по созданию персонального искусственного интеллекта для онлайн-пользователей — <a href="https://aigents.com/" target="_blank">https://aigents.com/</a> — рассчитываю на успешное продвижение проекта вместе с Реактором и партнерами-предпринимателями. Было бы крайне интересно и полезно привлечь к участию в проекте студентов НГУ, в том числе — обучающихся в магистратуре BDA&AI на ММФ, — рассказал Антон Колонин.<br />
		<br />
		Кроме этого, на мероприятии были представлены еще 10 проектов, в том числе из Великобритании, Малайзии, Индии, Италии и Латвии.</div>
</div>
<br />
<a href="https://www.nsu.ru/n/media/news/search/?tags=%D0%9C%D0%B5%D1%85%D0%B0%D0%BD%D0%B8%D0%BA%D0%BE-%D0%BC%D0%B0%D1%82%D0%B5%D0%BC%D0%B0%D1%82%D0%B8%D1%87%D0%B5%D1%81%D0%BA%D0%B8%D0%B9+%D1%84%D0%B0%D0%BA%D1%83%D0%BB%D1%8C%D1%82%D0%B5%D1%82" target="_blank">Механико-математический факультет</a><a href="https://www.nsu.ru/n/media/news/search/?tags=%D0%9C%D0%B0%D1%82%D0%B5%D0%BC%D0%B0%D1%82%D0%B8%D1%87%D0%B5%D1%81%D0%BA%D0%B8%D0%B9+%D1%86%D0%B5%D0%BD%D1%82%D1%80" target="_blank">Математический центр</a><br />
<br />
</article>
</main></body></html>

POPULAR SCIENCE

Новый квант

{title}