Бросил вызов бумаге и карандашу: как я сделал свой сервис для подсчета электропроводки
Так он выглядит
Привет! Недавно настал в моей жизни ремонт и подошел этап электрики. Я хоть и закончил радиотехнический институт, но всегда чувствовал себя чужаком в мире домашней электропроводки. Перед встречей с электриком начал искать информацию об устройстве сетей. Натыкался на ресурсы разной полезности и в целом вроде бы ликвидировал безграмотность до определенной степени.
В разговоре с электриком, конечно, мои знания подверглись жестокму реалити чеку, и на следующий день я полез снова пополнять знания уже о более конкретных предметах – кабелях, дифавтоматах и УЗО.
Когда настал этап оценки, и составления сметы сюрпризом для меня стало то, что электрик рассчитывает длину проводов при помощи карандаша и листка бумаги. Я потом еще проверил эту информацию у другого знакомого электрика – оказалось правда, многие так и делают. Это натолкнуло меня на мысль о приложении для расчета проводки.
Идея заключалась в том, чтобы автоматизировать составление сметы по электрике. Я хотел создать сайт, который повторит функционал карандаша и листа бумаги, но при этом посчитает все, что ты там нарисовал, и выдаст итоговую сумму.
Сайт назвал Проводка-онлайн. На сегодняшний день он позволяет делать две вещи: рисовать план и составлять смету. Причем при желании смету можно составить для чего угодно, не только для проводки.
План проекта
По центру экрана располагается основная рабочая зона. На ней можно рисовать комнаты, прокладывать кабель и устанавливать электроприборы. Сейчас доступны розетки, выключатели, освещение, распред. коробки и электро щиты. Эти инструменты расположены внизу экрана в блоке “Инструменты”
Вот они слева направо кабель, комната, дверной проем, розетка, выключатель, распределительная коробка, щиток и освещение.
Когда пользователь начинает “тянуть” кабель, то программа предлагает выбрать сечение и высоту спуска – расстояние по вертикали от точки на стене до потолка. Предполагается что проводка тянется по потолку.
Например, если вы хотите проложить кабель от розетки на высоте 900мм (от пола), а высота потолка у вас 2700мм, то высота спуска составит 1800мм.
Сделал авторасчет мощности, напряжения и сечения кабеля
Также я сделал автоподсчет максимальной мощности, которую выдержит кабель в зависимости от сечения и напряжения в сети. Это поможет правильно подобрать провод и в дальнейшем автомат.
Из фичей, которым я особенно рад, что они получились, - это возможность загрузить подложку. Если у вас есть реальный план квартиры в jpg или другом формате, то вы можете загрузить его на сайт, масштабировать, настроить прозрачность и прямо по нему рисовать проводку.
Смета проекта
Так мы протягиваем кабели по нашей квартире и переходим ко второй функциональной части сайта – смете. Ее блоки расположены справа. Смета автоматически синхронизируется с нарисованными на плане элементами.
Еще я подумал, что пользователь может и не захотеть рисовать какой-то план (понимаю, что сейчас UX далек от совершенства), но смета ему будет полезна. Для таких случаев я предусмотрел ручной ввод. Это значит, что значения в таблице можно записать любые.
Если пользователь начинает вводить длины проводов вручную, система просто уведомит его, что данные расходятся с тем, что на плане. Никаких ограничений. Так что рисовать провода не обязательно – можно на пустом проекте сделать все необходимые вычисления.
Таблица сметы сделана в компактном и большом варианте. Для кабелей я также добавил колонку "Запас", которую можно настроить вручную.
Помимо этого я добавил полностью кастомную таблицу “Доп. позиции”. В нее можно записать любые стройматериалы, указать количество и цену – система все посчитает.
Ну и, так как я перелопатил кучу информации при подготовке к ремонту, то я решил оформить ее в виде справки по основным терминам электропроводки. На сайте я добавил статьи про УЗО, автоматы и кабели. Чтобы все это дело можно было нагуглить немного добавил SEO, так что за псевдорекламные заголовки не судите строго)
Сервис бесплатный, работает локально в браузере, есть автосохранение и эспорт сметы в xlsx. Информация хранится в IndexedDB (на компьютере пользователя). В будущем есть планы по выведению этого сервиса полностью в оффлайн, чтобы можно было пользоваться без интернета. Буду рад, если кому-то мой труд пригодится. Фидбэк тоже будет крайне полезен, потому что уже есть планы по улучшению. Спасибо.