task/index.html - master - liatana/MD

task/index.html
415 строк24 KB
liatana
Create: index.html
15 июн 2026, 18:54
15 июн 2026, 18:54884eab1
<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>МойОфис Таблица - Макрокоманды | Руководство пользователя</title>
    <!-- Bootstrap 5 CSS + Icons + Fonts -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
    <link href="https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,400;14..32,500;14..32,600;14..32,700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
    <!-- MathJax for formulas -->
    <script src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-chtml.js" id="MathJax-script" async></script>
    <style>
        :root {
            --bs-body-font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
            --bs-code-font-family: 'JetBrains Mono', 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', monospace;
        }
        body {
            background: #f8fafc;
            scroll-behavior: smooth;
        }
        /* Sidebar styling */
        .sidebar {
            position: sticky;
            top: 1rem;
            max-height: calc(100vh - 2rem);
            overflow-y: auto;
            background: white;
            border-radius: 1rem;
            box-shadow: 0 1px 3px rgba(0,0,0,0.05);
            padding: 0.75rem 0;
        }
        .sidebar .nav-link {
            color: #1e293b;
            font-size: 0.85rem;
            padding: 0.4rem 1rem;
            border-left: 3px solid transparent;
            transition: all 0.1s ease;
        }
        .sidebar .nav-link:hover {
            background-color: #f1f5f9;
            border-left-color: #3b82f6;
            color: #0f172a;
        }
        .sidebar .nav-link.active {
            background-color: #eef2ff;
            border-left-color: #3b82f6;
            color: #1e40af;
            font-weight: 500;
        }
        .sidebar .nav-item .nav-link i {
            width: 1.5rem;
            font-size: 0.9rem;
        }
        /* Main content */
        .main-content {
            background: white;
            border-radius: 1.25rem;
            box-shadow: 0 4px 20px rgba(0,0,0,0.02), 0 1px 2px rgba(0,0,0,0.03);
            padding: 2rem 2rem 3rem;
        }
        h1, h2, h3 {
            font-weight: 600;
            letter-spacing: -0.01em;
        }
        h1 {
            font-size: 2.25rem;
            border-bottom: 3px solid #3b82f6;
            display: inline-block;
            padding-bottom: 0.25rem;
            margin-bottom: 1.5rem;
        }
        h2 {
            font-size: 1.75rem;
            margin-top: 2rem;
            margin-bottom: 1rem;
            padding-bottom: 0.5rem;
            border-bottom: 1px solid #e2e8f0;
        }
        h3 {
            font-size: 1.35rem;
            margin-top: 1.5rem;
            margin-bottom: 0.75rem;
            color: #0f172a;
        }
        pre, code {
            font-family: var(--bs-code-font-family);
            font-size: 0.85rem;
        }
        pre {
            background: #0f172a;
            color: #e2e8f0;
            padding: 1rem;
            border-radius: 0.75rem;
            overflow-x: auto;
            margin: 1rem 0;
        }
        code {
            background: #f1f5f9;
            padding: 0.2rem 0.4rem;
            border-radius: 6px;
            color: #0c4a6e;
        }
        pre code {
            background: transparent;
            padding: 0;
            color: inherit;
        }
        .table-wrapper {
            overflow-x: auto;
            margin: 1rem 0;
        }
        table {
            width: 100%;
            border-collapse: collapse;
            font-size: 0.85rem;
        }
        th, td {
            border: 1px solid #e2e8f0;
            padding: 0.6rem 0.8rem;
            text-align: left;
            vertical-align: top;
        }
        th {
            background: #f8fafc;
            font-weight: 600;
        }
        .card-math {
            background: #fefce8;
            border-left: 4px solid #eab308;
            padding: 1rem 1.2rem;
            border-radius: 0.75rem;
            margin: 1.2rem 0;
        }
        .note {
            background: #eef2ff;
            border-radius: 0.75rem;
            padding: 1rem 1.2rem;
            font-size: 0.9rem;
            margin: 1rem 0;
            border-left: 4px solid #3b82f6;
        }
        .btn-copy {
            float: right;
            background: #334155;
            border: none;
            font-size: 0.7rem;
            padding: 0.2rem 0.6rem;
            border-radius: 30px;
            color: white;
            transition: 0.1s;
        }
        .btn-copy:hover {
            background: #1e293b;
        }
        footer {
            font-size: 0.8rem;
            color: #475569;
            text-align: center;
            margin-top: 2rem;
            padding-top: 1rem;
            border-top: 1px solid #e2e8f0;
        }
        @media (max-width: 768px) {
            .sidebar {
                position: relative;
                max-height: 300px;
                margin-bottom: 1.5rem;
            }
            .main-content {
                padding: 1.25rem;
            }
            h1 {
                font-size: 1.8rem;
            }
        }
        .badge-macro {
            background-color: #e6f0ff;
            color: #1e40af;
            font-weight: 500;
            font-size: 0.7rem;
            padding: 0.2rem 0.6rem;
            border-radius: 20px;
        }
    </style>
</head>
<body class="bg-light">
    <div class="container py-4">
        <div class="row g-4">
            <!-- SIDEBAR (TOC) -->
            <div class="col-lg-3 col-md-4">
                <div class="sidebar">
                    <nav class="nav flex-column">
                        <div class="px-3 pt-2 pb-2 fw-bold text-muted small text-uppercase">Содержание</div>
                        <a class="nav-link" href="#obshie-polozheniya"><i class="bi bi-journal-bookmark-fill"></i> Общие положения</a>
                        <a class="nav-link" href="#osnovnye-polozheniya"><i class="bi bi-info-circle"></i> Основные положения</a>
                        <a class="nav-link" href="#razdelitel"><i class="bi bi-dot"></i> Разделитель целой/дробной</a>
                        <a class="nav-link" href="#specifika"><i class="bi bi-code-slash"></i> Специфика макрокоманд</a>
                        <a class="nav-link" href="#matrichnye-funkcii"><i class="bi bi-grid-3x3-gap-fill"></i> Матричные функции</a>
                        <a class="nav-link" href="#analiz-dannyh"><i class="bi bi-bar-chart-steps"></i> Анализ данных</a>
                        <a class="nav-link" href="#finansy"><i class="bi bi-coin"></i> Финансовые исследования</a>
                        <a class="nav-link" href="#obuchenie"><i class="bi bi-laptop"></i> Обучение программированию</a>
                        <a class="nav-link" href="#testy"><i class="bi bi-folder-symlink"></i> Тесты</a>
                        <a class="nav-link" href="#literatura"><i class="bi bi-book"></i> Литература</a>
                    </nav>
                </div>
            </div>

            <!-- MAIN CONTENT -->
            <div class="col-lg-9 col-md-8">
                <div class="main-content">
                    <h1 class="display-5 fw-semibold">МойОфис Таблица <span class="text-primary">МАКРОКОМАНДЫ</span></h1>
                    <p class="lead text-secondary">Руководство пользователя • Киров, 2026</p>

                    <!-- ========== ОБЩИЕ ПОЛОЖЕНИЯ ========== -->
                    <section id="obshie-polozheniya">
                        <h2>📘 Общие положения</h2>
                        <h3 id="osnovnye-polozheniya">Основные положения</h3>
                        <ol>
                            <li>Макрокоманды работают в Windows и Linux (кроссплатформенный Lua). Графика — на Python, отдельное руководство.</li>
                            <li>Новый лист имеет светлую рабочую область. Результаты должны быть в её пределах, иначе ошибка (исправляется кликом за пределами).</li>
                            <li>В МойОфис макрокоманды привязаны к имени листа («Данные», «Матрица»), а не к активному листу.</li>
                        </ol>
                        <h3 id="razdelitel">Разделитель целой и дробной части</h3>
                        <p>Поддерживается точка и запятая. В Lua числа преобразуются к точке, на выходе — снова к запятой. Графики Python отображают значения с запятой.</p>
                        <h3 id="specifika">Специфика макрокоманд</h3>
                        <ul>
                            <li>Нет подпрограмм → дублирование кода (оценка значимости, QR-алгоритм).</li>
                            <li>Нет диалога с пользователем: диапазон жёстко задан в коде.</li>
                            <li>Ссылки на учебные пособия автора или внешние источники.</li>
                        </ul>
                    </section>

                    <!-- ========== МАТРИЧНЫЕ ФУНКЦИИ ========== -->
                    <section id="matrichnye-funkcii">
                        <h2>📊 Книга "Матричные функции"</h2>
                        <div class="note"><i class="bi bi-info-circle-fill me-2"></i> Все расчеты на листе <strong>"Матрица"</strong>. Исходные матрицы с A1.</div>
                        
                        <h3>МАТРИЦА В СТЕПЕНИ [4, с.4-9]</h3>
                        <pre><code>-- *******************************************************
-- Возведение матрицы в степень
-- Матрица записывается начиная с ячейки A1.
-- В последней колонке первой строки задается степень
-- *******************************************************</code></pre>
                        <div class="alert alert-secondary"><i class="bi bi-image"></i> Схема: media/image1.png</div>

                        <h3>МОБР (обратная матрица)</h3>
                        <pre><code>-- Нахождение обратной матрицы (МОБР)
-- матрица записывается начиная с ячейки A1</code></pre>
                        <div class="alert alert-secondary"><i class="bi bi-image"></i> media/image2.png</div>

                        <h3>МОПРЕД (определитель)</h3>
                        <pre><code>-- Нахождение определителя матрицы (МОПРЕД)</code></pre>
                        <h3>МУМНОЖ</h3>
                        <pre><code>-- Умножение матриц (МУМНOЖ)
-- Первая матрица (множимое), пропуск столбца, вторая (множитель). Результат под второй.</code></pre>
                        <h3>МУМНОЖ(ТРАНСП(X);X)</h3>
                        <div class="note">Необходима при расчете коэффициентов множественной регрессии (вложенность макрокоманд не предусмотрена).</div>
                        <h3>СЛУ (система линейных уравнений)</h3>
                        <pre><code>-- матрица системы с A1, сразу столбец правой части. Решение справа.</code></pre>
                        <h3>ТРАНСП</h3>
                    </section>

                    <!-- ========== АНАЛИЗ ДАННЫХ (ключевые методы) ========== -->
                    <section id="analiz-dannyh">
                        <h2>📈 Книга "Анализ данных"</h2>
                        <div class="row g-3 mb-4">
                            <div class="col-md-6">
                                <div class="card h-100 border-0 shadow-sm">
                                    <div class="card-body">
                                        <h5 class="card-title">📐 P-значения</h5>
                                        <p>F-критерий, t-критерий Стьюдента, χ². Интегральные формулы и аппроксимации.</p>
                                        <div class="card-math">
                                            $$P\text{-значение }F(x,n_1,n_2)=1-W\int_0^x t^{\frac{n_1}{2}-1}(n_2+n_1t)^{-\frac{n_1+n_2}{2}}dt$$
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="card h-100 border-0 shadow-sm">
                                    <div class="card-body">
                                        <h5 class="card-title">📊 Регрессионный анализ</h5>
                                        <p>С константой, без константы, полиномиальная, пошаговая (отбор факторов).</p>
                                        <span class="badge-macro">F-включения</span> <span class="badge-macro">t-статистика</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="card h-100 border-0 shadow-sm">
                                    <div class="card-body">
                                        <h5 class="card-title">🧬 Непараметрические критерии</h5>
                                        <p>Вилкоксона, Манна-Уитни, Крускала-Уоллиса, точный критерий Фишера.</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="card h-100 border-0 shadow-sm">
                                    <div class="card-body">
                                        <h5 class="card-title">📉 Многомерные методы</h5>
                                        <p>Факторный анализ (главные компоненты), канонические корреляции, кластеризация k-средних, дискриминантный анализ.</p>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <h3>QR-собственные значения и векторы [6, с.4-26]</h3>
                        <p>Для произвольной матрицы: QR-алгоритм → собственные значения, затем метод обратных итераций → собственные векторы. Объединены в макрокоманду "Спектр произвольной матрицы".</p>
                        
                        <h3>Декомпозиция временных рядов</h3>
                        <ul>
                            <li>Аддитивная (кварт./мес.) – тренд, сезонность, случайная компонента.</li>
                            <li>АКФ и ЧАКФ, аппроксимация сезонной компоненты рядами Фурье.</li>
                            <li>Модель Хольта, экспоненциальное сглаживание.</li>
                        </ul>

                        <h3>Критерий Крускала-Уоллиса (формула)</h3>
                        <div class="card-math">
                            $$H = \frac{12}{N(N+1)}\sum_{i=1}^{k}\frac{R_i^2}{n_i} - 3(N+1)$$
                        </div>
                        <div class="note">Непараметрический аналог однофакторного ANOVA.</div>
                    </section>

                    <!-- ========== ФИНАНСОВЫЕ ИССЛЕДОВАНИЯ ========== -->
                    <section id="finansy">
                        <h2>💰 Книга "Финансовые исследования"</h2>
                        <h3>Ипотечный калькулятор (аннуитет)</h3>
                        <p>Современная стоимость аннуитета: \( PVIFA_{i,n} = \frac{1-(1+i)^{-n}}{i} \)</p>
                        <p>Ежемесячный платёж: \( R = \frac{A}{PVIFA_{i,n}} \). Макрокоманды: <strong>ПЛТ, ПС, ОСПЛТ, ПРПЛТ, ПЕРЕПЛ</strong>.</p>
                        <pre><code>-- ПЛТ: возвращает сумму периодического платежа для аннуитета
-- Ставка, Кпер, Пс, Тип (0 — постнумерандо, 1 — пренумерандо)</code></pre>
                    </section>

                    <!-- ========== ОБУЧЕНИЕ ПРОГРАММИРОВАНИЮ ========== -->
                    <section id="obuchenie">
                        <h2>🐍 Книга "Обучение программированию"</h2>
                        <h3>Численные методы</h3>
                        <ul>
                            <li><strong>Интеграл</strong> – метод трапеций (примеры: \(\int_1^3 \frac{1}{x}dx = \ln 3\)).</li>
                            <li><strong>Квадратный корень / корень n-й степени</strong> – итерационная формула Ньютона.</li>
                            <li><strong>Половинное деление</strong> и <strong>метод итераций</strong> для решения уравнений.</li>
                            <li><strong>Календарь</strong> – день недели по дате.</li>
                        </ul>
                        <pre><code>-- Метод Ньютона для корня: x_{k} = 0.5*(x_{k-1} + a/x_{k-1})</code></pre>
                    </section>

                    <!-- ========== ТЕСТЫ ========== -->
                    <section id="testy">
                        <h2>📦 Тесты к книге "Анализ данных"</h2>
                        <div class="row row-cols-2 row-cols-md-4 g-2 mt-2">
                            <div class="col"><div class="border rounded p-2 text-center bg-light">test1.zip</div></div>
                            <div class="col"><div class="border rounded p-2 text-center bg-light">test2.zip</div></div>
                            <div class="col"><div class="border rounded p-2 text-center bg-light">test3.zip</div></div>
                            <div class="col"><div class="border rounded p-2 text-center bg-light">test4.zip</div></div>
                            <div class="col"><div class="border rounded p-2 text-center bg-light">test5.zip</div></div>
                            <div class="col"><div class="border rounded p-2 text-center bg-light">test6.zip</div></div>
                            <div class="col"><div class="border rounded p-2 text-center bg-light">test7.zip</div></div>
                            <div class="col"><div class="border rounded p-2 text-center bg-light">test8.zip</div></div>
                            <div class="col"><div class="border rounded p-2 text-center bg-light">test9.zip</div></div>
                        </div>
                        <p class="mt-3">Примеры включают: P-значения, QR-алгоритм, АКФ, выживаемость, F-тест, Z-тест, декомпозицию, дискриминантный анализ, ANOVA, кластеризацию, корреляции, критерии, регрессию, CMO, факторный анализ и др.</p>
                    </section>

                    <!-- ========== ЛИТЕРАТУРА И САЙТ ========== -->
                    <section id="literatura">
                        <h2>📚 Литература и ресурсы</h2>
                        <ul>
                            <li>Заречнев В.А. Прогнозирование на компьютере. Киров, 2004.</li>
                            <li>Заречнев В.А. Статистическое моделирование. Киров, 2004.</li>
                            <li>Заречнев В.А. Многомерный статистический анализ. ВятГУ, 2012.</li>
                            <li>Стентон Гланц. Медико-биологическая статистика. М., 1999.</li>
                            <li>Пакет STATGRAPHICS и др.</li>
                        </ul>
                        <div class="text-center mt-4">
                            <a href="http://www.zarechnevviktor.ru" target="_blank" class="btn btn-outline-primary rounded-pill px-4">
                                <i class="bi bi-globe2"></i> Сайт автора: www.zarechnevviktor.ru
                            </a>
                        </div>
                    </section>

                    <footer>
                        <i class="bi bi-c-circle"></i> МойОфис Таблица • Руководство по макрокомандам • Актуально для версий Windows/Linux.<br>
                        Для графических построений используется Python (отдельное руководство).
                    </footer>
                </div>
            </div>
        </div>
    </div>

    <!-- Bootstrap JS (для активных ссылок, но можно без) -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
    <script>
        // Активная подсветка в боковом меню при скролле
        const sections = document.querySelectorAll('section[id]');
        const navLinks = document.querySelectorAll('.sidebar .nav-link');
        function highlightNav() {
            let scrollPos = window.scrollY + 100;
            sections.forEach(section => {
                const sectionTop = section.offsetTop;
                const sectionBottom = sectionTop + section.offsetHeight;
                if (scrollPos >= sectionTop && scrollPos < sectionBottom) {
                    const id = section.getAttribute('id');
                    navLinks.forEach(link => {
                        link.classList.remove('active');
                        if (link.getAttribute('href') === '#' + id) {
                            link.classList.add('active');
                        }
                    });
                }
            });
        }
        window.addEventListener('scroll', highlightNav);
        window.addEventListener('load', highlightNav);
    </script>
</body>
</html>