Поиск

Офлайн-HTML-инструменты для учёта в малом бизнесе: Трекер №027 и Трекер №056

Офлайн-HTML-инструменты для учёта в малом бизнесе: Трекер №027 и Трекер №056

Малому бизнесу часто не хватает простого и надёжного способа вести учёт: тетрадки теряются, таблицы разрастаются до нечитаемых монстров, а полноценные ERP-системы требуют денег, времени на внедрение и постоянного интернета. В этой статье разбираем альтернативу — автономные HTML-файлы, которые открываются в браузере как обычные документы, но внутри содержат полноценные приложения для складского учёта и расчёта себестоимости.

Проблема учёта в малом бизнесе: тетрадки, таблицы и избыточные программы

Типичные сценарии хаоса

Остатки товара записаны в блокноте, цены посчитаны «на глаз», часть данных лежит в Excel на компьютере, а другая — в заметках телефона. При этом нет единой картины: сколько именно материала на полке, когда пришла последняя партия, какая маржа реально получается после всех комиссий. В итоге предприниматель работает в режиме «я и так всё помню» до первой серьезной путаницы — пропавшего заказа или убыточной сделки.

Почему крупные системы не подходят

Классные учётные программы (1С, МойСклад, облачные сервисы) решают задачи масштабного бизнеса: многопользовательский доступ, интеграции, сложные права доступа. Для мастерской на 1–3 человека это избыточно: нужна установка, настройка, оплата подписки, обучение персонала. Таблицы гибче, но быстро превращаются в лабиринт листов и формул, понятных только автору. Ошибка в одной ячейке ломает весь расчёт, а история изменений не ведётся.

Трекер №027: склад без тетрадки

Что такое офлайн-инструмент в браузере: принцип работы HTML-файла

Как это работает технически

Браузер (Chrome, Яндекс Браузер, Edge, Safari) умеет открывать не только сайты из интернета, но и локальные файлы. Офлайн-инструмент — это один файл с расширением

  1. .html
. Внутри него уже заложены HTML-разметка, CSS-стили и JavaScript-логика: интерфейс, кнопки, расчёты, хранение данных. Никакого сервера, бэкенда или установки не требуется — достаточно дважды кликнуть по файлу.

Ключевые свойства подхода

  • Нет установки — файл запускается сразу.
  • Интернет не нужен — вся логика выполняется на устройстве.
  • Данные остаются у вас — они записываются в
    1. localStorage
    браузера на этом компьютере или телефоне и никуда не уходят.
  • Нет регистрации и личного кабинета — нечего забывать, не от чего терять пароль.

Трекер №027: склад без тетрадки

Структура и разделы

Инструмент содержит шесть разделов: Сводка, Товары, Операции, Категории, Поставщики и Настройки. У каждого товара есть карточка с артикулом (внутренним номером), штрихкодом и привязкой к поставщику. Сводка показывает общую стоимость склада на текущий момент.

Категории с настраиваемыми полями

Главная гибкость — категории со своими атрибутами. Для тканей можно добавить поля «Цвет» и «Ширина», для фурнитуры — «Размер» и «Тип застежки». Эти поля автоматически появляются в карточке товара соответствующей категории, не требуя правки кода или структуры базы.

Журнал операций и выгрузка в CSV

Каждый приход и расход фиксируется в журнале операций с датой, количеством и комментарием. Это позволяет видеть не только текущий остаток, но и историю движений: когда товар пришёл, когда ушёл, на какой заказ. При необходимости данные выгружаются в CSV — простой табличный формат, открываемый в Excel, LibreOffice Calc или Google Таблицах для дальнейшей аналитики или передачи бухгалтеру.

Трекер №056: калькулятор себестоимости и маржи

Учёт скрытых расходов

Себестоимость — это не только закупочная цена. Калькулятор заставляет учесть всё, что обычно упускают: НДС при закупке, доставку до склада и таможенные пошлины на партию, стоимость хранения за месяц, упаковку, доставку клиенту, комиссию маркетплейса, процент возвратов, рекламный бюджет и накладные расходы (аренда, зарплата, связь). Все статьи вводятся отдельно для каждой расчётной единицы или партии.

Показатели и подбор цены

После ввода цифр сразу отображаются: себестоимость единицы, маржа в рублях и процентах, наценка, окупаемость вложений и прибыль с партии. Есть визуальная разбивка, на что уходят деньги, и текстовая подсказка по результату. Если маржа подсвечивается красным (убыточно), можно перейти на вкладку ценообразования и подобрать продажную цену, чтобы достичь целевой рентабельности.

История расчётов и мультивалютность

Удачный расчёт сохраняется в историю — так можно сравнивать варианты закупки, менять поставщиков или логистику и видеть динамику. Поддерживается выбор валюты: рубли, доллары, евро и другие; пересчёт происходит по заданному курсу.

Пример применения: мастерская сумок

Товарная матрица и фурнитура

Представим мастера Ольгу: она шьёт сумки, закупает ткани, фурнитуру, нитки, упаковку. В Трекере №027 она создаёт категории «Ткани» (поля: состав, ширина, цвет), «Фурнитура» (поля: тип, размер, материал), «Готовые изделия». Каждая рулон ткани и пачка молний получают артикул и штрихкод. Приход записывается операцией — сразу видно остаток в метрах и штуках.

Маркетплейс, комиссии и доставка

Ольга продаёт через соцсети и маркетплейс. В Трекере №056 она вводит закупочную цену ткани с НДС, доставку до мастерской, стоимость хранения материалов месяц, стоимость коробки и пакета, тариф доставки до клиента, комиссию площадки, средний процент возвратов и долю рекламного бюджета на единицу. Калькулятор выдаёт реальную себестоимость одной сумки и показывает, при какой цене маржа будет положительной. История расчётов позволяет сравнить: выгоднее ли закупать ткань у нового поставщика с доставкой или у старого с самовывозом.

Пример применения: мастерская сумок

Запуск на разных платформах

Windows и Android

На компьютере с Windows и на смартфоне с Android файл

  1. .html
открывается прямо в браузере после скачивания — достаточно нажать на него в файловом менеджере или в папке «Загрузки». Никаких дополнительных действий не требуется.

Особенности iOS

На iPhone и iPad политика безопасности Safari запрещает прямой запуск локального HTML-файла с доступом к

  1. localStorage
. Файл сначала нужно загрузить на любой статический хостинг (GitHub Pages, Netlify, свой сайт) и открывать по HTTPS-ссылке. Это ограничение самой операционной системы, а не инструмента. После открытия по ссылке приложение работает офлайн, данные хранятся в браузере телефона.

Хранение данных в localStorage: риски и привязка к устройству

Все данные — товары, операции, расчёты, история — сохраняются в

  1. localStorage
конкретного браузера на конкретном устройстве. Это означает:

  • Учёт привязан к браузеру: если открыть файл в другом браузере на том же компьютере, данные не подтянутся.
  • Очистка кэша/данных сайта в настройках браузера удалит базу безвозвратно, если не сделан экспорт в CSV.
  • Перенос на другой компьютер возможен только через выгрузку CSV и ручной ввод, либо копированием профиля браузера (сложно для обычного пользователя).

Поэтому важно регулярно выгружать данные в CSV и хранить копии в надёжном месте.

Область применимости: когда это достаточно, а когда нужны другие решения

Офлайн-HTML-инструменты идеально подходят для:

  • Мастерских, небольших магазинов, домашнего производства.
  • Работы одного человека или малой команды (2–3 человека), которые могут передавать файл флешкой или через облако и по очереди вносить правки.
  • Ситуаций, когда интернет нестабилен или конфиденциальность данных критична.

Они не подходят, если:

  • В деле десятки сотрудников, которым нужен одновременный доступ к единой базе из разных мест.
  • Требуется сложная ролевая модель доступа, аудит изменений, интеграция с онлайн-кассой, ЭДО или банком.
  • Нужна автоматическая синхронизация между устройствами без ручных действий.

В таких случаях честнее сразу смотреть в сторону серверных решений. Но для огромного пласта микробизнеса файл, который просто открывается и работает, часто оказывается удобнее и дешевле очередного сервиса с ежемесячной подпиской.

Вопросы и ответы

Можно ли работать с Трекером №027 и Трекером №056 одновременно на разных устройствах?

Нет. Данные хранятся в localStorage конкретного браузера на конкретном устройстве. Синхронизация между устройствами не предусмотрена; для переноса базы нужно выгрузить CSV и вручную завести данные на другом компьютере.

Что произойдёт с данными, если очистить кэш браузера?

Очистка данных сайта или кэша в настройках браузера удалит всю базу безвозвратно. Единственный способ сохранить информацию — регулярно выгружать её в CSV и хранить копии файлов отдельно.

Почему на iPhone файл не открывается сразу после скачивания?

Safari на iOS блокирует доступ к localStorage для локальных HTML-файлов (file://). Чтобы инструмент заработал, файл нужно разместить на статическом хостинге (GitHub Pages, Netlify и др.) и открывать по HTTPS-ссылке. После загрузки приложение работает офлайн.

Читайте также на сайте

—
15:59
24
Нет комментариев. Ваш будет первым!