Привет всем любителям самоделок. В данной статье я расскажу, как сделать калькулятор своими руками, в сборке которой поможет кит-набор, ссылка на него будет в конце статьи. Данный кит-набор будет полезен для начинающих радиолюбителей и тех, кто хочет попробовать себя в работе с паяльником, ну и конечно же такой калькулятор можно будет использовать по прямому назначению. Для сборки такого радиоконструктора не понадобится много инструментов, поэтому собрать его сможет каждый.
Перед тем, как прочитать статью, предлагаю посмотреть видеоролик, где подобно показан процесс сборки кит-набора и его проверка на работоспособность.
Для того, чтобы сделать калькулятор своими руками, понадобится: * Кит-набор * Паяльник, флюс, припой * Бокорезы * Крестовая отвертка
Шаг первый. В комплекте кит-набора присутствует печатная плата с металлизированными отверстиями, ее качество изготовления на высоком уровне.
Разобравшись с комплектом, переходим к самой сборке.
Шаг второй. На плату устанавливаем радиодетали. Сначала вставляем резисторы, их в комплекте шесть штук одинакового номинала, так что определять сопротивление каждого не нужно. С обратной стороны платы загинаем выводы, для того, чтобы они не выпали при пайке. После резисторов на плату устанавливаем неполярные керамические конденсаторы, их выводы также загинаем. Далее на плату ставим все 17 кнопок, а затем и семисегментные индикаторы, на них есть специальная метка в виде точке, также как и на плате, далее загибаем их ножки.
На семисегментном индикаторе должны отображать цифры при нажатии на все кнопки. После проверки платы калькулятора можно переходить к сборке его в корпус.
Шаг четвертый. Для того, чтобы защитить плату и придать калькулятору нужный вид в комплекте имеется несколько частей корпуса из оргстекла. С оргстекянных пластин удаляем защитную пленку и собираем корпусе из них, друг друга скрепляя при помощи винтов и крестовой отвертки.
Как сделать калькулятор или форму для сайта: обзор 4 специальных конструкторов
Время чтения: 25 минут Нет времени читать? Нет времени?
Еще пару лет назад создание калькулятора требовало бюджета на обращение к фрилансеру или студии, либо базового знания математических выражений и технологий, чтобы настроить модуль для своей CMS или написать его с нуля. Теперь достаточно двигать мышкой, чтобы получить желаемый результат, а цена вопроса упала до 0 рублей. Разбираемся, как можно сделать калькулятор для сайта.
Сколько стоит сделать калькулятор? Студия может запросить у вас и 25 тысяч рублей:
Спрос родил предложение: по всему миру стали появляться сервисы, предлагающие максимально упростить и удешевить создание калькулятора или формы для сайта. Отсмотрев с десяток сервисов на русском и английском языках, мы выбрали четверку, которую можно использовать для создания калькуляторов и форм для своих сайтов.
Проекты из России и стран СНГ
Общее сравнение
Тестирование проходило в два этапа.
Елена Потолицына, маркетолог в агентстве «Бьюти-Маркетинг»
Владимир Таранец, фрилансер, делает сайты-визитки за 3-5 тысяч рублей
Мария Бикбулатова, предприниматель, владелица нескольких проектов в индустрии гостеприимства
Ключевые клиенты: салоны красоты, медицинские центры и — реже, но тем не менее — строительные организации
Задача: собрать калькулятор расчета монтажа видеонаблюдения для сайта охранного предприятия
Задача: оформить калькулятор на основе шаблона для любого проекта, потратив как можно меньше времени и сил
Елена, Владимир и Мария наряду со мной опробуют отечественные конструкторы калькуляторов и поделятся впечатлениями.
1. uCalc.pro
Бесплатная версия: бессрочная, можно на время протестировать платные функции: отправку sms клиентам, прием оплаты, статистику, добавление иллюстраций к элементам калькулятора.
УТП: прием оплаты через «Яндекс.Кассу», работа в соцсетях и мессенджерах по спецссылке.
Минус: проект не дает редактировать код калькулятора.
Планы проекта по развитию: выпуск модулей для платформ WordPress, uKit (запущено во время тестов) и uCoz — чтобы калькулятор устанавливался туда автоматически, без копирования кода с сервиса. К осени заявлены первые интеграции с CRM.
Работа с калькулятором
После регистрации вы попадете на страницу, где будут храниться ваши калькуляторы. Здесь вам предложат сделать калькулятор с нуля или на основе готового шаблона. Я выберу самостоятельную сборку.
Подписи над блоками тоже можно скрыть: мне они не нужны. Просто подпишу сами галочки.
Над каждым блоком можно добавить картинку: нахожу первые попавшиеся готовые иконки в поисковике. Думаю, если использовать свои фото или любые большие и не квадратные картинки, их лучше будет предварительно обработать в условном Paint или Photoshop.
После добавления картинок лучше выровнять элементы относительно друг друга по вертикали.
Можно добавить текстовые поля с пояснениями для клиента (“Текст”) и поля сбора контактов: в настройках поля можно выбрать, какие данные мы собираем (почта, телефон, время и т.п.), будет ли поле обязательным, а также задать свои подписи-подсказки для заполнения.
В настройках кнопки также можно настроить прием оплаты, указав данные “Яндекс.Кассы”, или задать текст email или SMS-сообщения для клиента (например, высылать ему промо-код после заполнения формы).
После заполнения формулы, калькулятор можно тестировать в самом редакторе.
Дальше проверяем отображение и работу на разных устройствах в режиме “Превью”. Теперь остается лишь получить код для сайта.
Отзывы
Мнение представителя веб-студии, Елена: «Сначала было непонятно, почему одни параметры надо идти настраивать во вкладку «Формула», а другие, почти такие же – в «Дизайн» (речь о настройке ползунка). Но потом привыкаешь. Из плюсов – есть возможность выводить несколько вариантов окончательного расчета: например, цена со скидкой и без. У других конструкторов калькуляторов такого не замечено.
В целом, все красиво, удобно, хотя не хватает опции автоматической загрузки из прайс-листа — в идеале, как это делает Mailchimp».
Мнение фрилансера, Владимир: «В целом, удобный и красивый интерфейс и современный вид элементов. Работа заняла около 15 минут».
2. CalcCreator
Бесплатная версия: бессрочная, с ограничением на использование платных бизнесовых (добавление файла и т.д.) и дизайн-функций.
Платная: работает по принципу подписки на 1 аккаунт, независимо от числа созданных калькуляторов. Месячная подписка стоит — 795 рублей, при оплате на три месяца можно получить скидку 10%, при оплате на полгода — 20%. Если вы перестанете оплачивать тариф, калькуляторы продолжат работать без платных опций.
УТП: возможность прикреплять файлы и редактировать логику калькулятора, используя свой код. Также вы можете переехать с сервиса, забрав с собой код калькулятора.
Минус: за частью настроек надо обращаться к команде проекта — например, это касается установки кода «Метрики» для отслеживания целей.
Работа с калькулятором
Интерфейс напоминает AutoCAD или Photoshop. Левое меню содержит элементы калькулятора. Первым делом задаем границы рабочего поля (серая область по центру) и начинаем кидать в него элементы.
При добавлении элементов появляется правое меню — оно отвечает за настройки дизайна: то есть, наполнение правого меню будет меняться в зависимости выбранного поля. В развернутом виде меню огромно — часть настроек будут скрыты в выпадающих списках.
Попробуем добавить картинку. Сервис не дает перетаскивать элементы, чтобы поставить их рядом, — но отчасти это можно выправить в настройках правого меню в пункте “Расположение”.
Добавим место для текстового описание. На примере этого поля посмотрим, как работают настройки ширины.
Чтобы поменять размеры элемента, задаем нужные значения в пунктах “Ширина” и “Высота” в правом меню — значения лучше оставить в %. В этом же меню есть настройки фона, шрифтов и отступов (в пикселях) — отступами можно двигать элементы влево-вправо и отбивать друг от друга по вертикали.
Тут нас ждет облом… Дизайн-шаблоны элементов доступны только на тарифе. В бесплатной версии остается играться со шрифтами и цветом фона. Либо править CSS вручную.
Продолжим работу так. Добавляем кнопку: поменять надпись на ней можно в пункте “Данные” в правом меню.
В общем, несмотря на огромный потенциал по функционалу, создается впечатление, что проект ориентирован либо на “хардкорную” аудиторию, либо на подписку на готовые шаблоны, которые особо не будут править.
Посмотрим, что скажут наши тестеры.
Отзывы
Мнение представителя веб-студии, Елена: «С первого взгляда интерфейс похож на Axure [программа для прототипирования сайтов и приложений, прим.] – но как оказалось, кроме перетаскивания элементов из левого меню на рабочую поверхность между системами нет ничего общего. Возник вопрос, а как это настраивать? Справа открывается куча настроек, но это все дизайн. А как же данные? Только через несколько минут до меня дошло, что ввод данных находится в самом низу этого меню, где-то за первым экраном моего монитора. Сделав несколько попыток настроить калькулятор, я сдалась и пошла искать в библиотеку у них же на сайте – вдруг найдется что-то для меня подходящее?
Сам интерфейс показался недружелюбным, поэтому я быстро бросил попытку создать что-то с нуля, а пользоваться шаблонами мне было запрещено по условиям тестирования».
Мнение предпринимателя, Мария: «Я выбрала шаблон, но не поняла, как редактировать его. Хотя понятно, что в целом конструктор интересный, много возможностей.
Промежуточный результат тестирования
Проекты с Запада
Из-за языкового барьера наши тестировщики в сравнении не участвовали.
3. Formsite
Бесплатная версия: ограничена 10 заявками, отправленными через калькулятор. Сам период, через который сгорит лимит, не установлен.
УТП: самый большой выбор элементов и дизайнов, самый большой набор готовых интеграций среди всех сервисов в обзоре.
Работа с калькулятором:
С левым меню и будем работать в первую очередь. Верхнее меню отвечает за работу с калькулятором после сборки.
Чуть ниже можно вставить ссылки на картинки из интернета и подписать их.
Задаем значения и нажимаем “Сохранить”.
Теперь проверим готовый блок Email Address, перетащив его в область сбоку от поля для имени. Как и uCalc, Formsite позволяет ставить блоки рядом.
Наверняка вы спрашивали себя: “А где же кнопка?”
4. Calculoid
УТП: проект позволяет отправлять данные заказов в любую CRM или иную систему автоматизации бизнеса по API.
Работа с калькулятором:
На следующей странице достаточно заполнить верхнюю строчку (название калькулятора) и нажать Save: остальные поля нужны для поиска по общей базе шаблонов, их можно оставить нетронутыми.
Если мы хотим поставить несколько элементов рядом, для начала их надо “ужать”, просто потянув за границу каждого.
Когда размеры элементов позволяют уместить их в одну строку, они автоматически переползают друг другу под бок. Двигать поля также можно, зажав желтый крестик в углу любого элемента.
Собрав костяк формы, переходим к ее редактированию: если нажать на “карандашик” у любого элемента, откроется общее меню со списком полей и их настройками.
Продолжаем переименовывать поля, меняя Name и Hint в настройках каждого элемента.
Затем задаем цены: для полей, которые войдут в формулу, задаем Option Value во вкладке Option у нужного элемента.
