Этот удобный калькулятор производит элементарные арифметичиеские операции (сложение, вычитание, умножение, деление) с положительными и отрицательными целыми числами и дробями. Доступны действия с процентами, возведение в степень, вычисление корня из числа, а также логарифм.
Для всех возможных действий приведены примеры. Если вам нужны дополнительные функции, то откройте инженерный калькулятор.
Арифметические операции
Сложение
Сложение объединяет два числа (слагаемые) в одно (сумму чисел).
Вычитание
Вычитание является обратной операцией к сложению. Вычитание находит разность между двумя числами (уменьшаемое число минус вычитаемое).
Умножение
Умножение объединяет два числа в одно число – произведение чисел. Два исходных числа называются множимым и множителем.
Деление
Деление является обратной операцией к умножению. Деление находит частное от двух чисел (делимого, поделенного на делитель). Деление любого числа на 0 не определено.
Действия с дробями
Дробь представляет собой часть целого или, в более общем смысле, любое количество равных частей. Обычная (простая) дробь состоит из числителя, отображаемого над чертой (или перед косой чертой), и ненулевого знаменателя, отображаемого ниже (или после) черты. Действия с дробями производятся так же, как и с целыми числами.
Десятичные дроби
Нахождение обратного числа
Действия с процентами
Процент — сотая часть (обозначается знаком %), используется для обозначения доли чего-либо по отношению к целому.
Нахождение процента от числа
Увеличение (уменьшение) числа на процент
Возведение в степень
Возведение числа в квадрат
Возведение числа в куб
Возведение в степень числа 10
Возведение в степень с основанием 10 используется для обозначения больших или малых чисел. Например, 299792458 м/с (скорость света в вакууме в метрах в секунду) можно записать как 2,99792458 × 10 8 м/с, а затем округлить до 2,998 × 10 8 м/с.
Мнимая единица
Мнимая единица i определяется только тем свойством, что её квадрат равен −1.
Корень из числа
Квадратный корень
Кубический корень
Вычисление логарифма
Логарифм заданного числа x является показателем степени, в которую должно быть возведено другое фиксированное число (основание) y, чтобы получить это число x.
Десятичный логарифм
Десятичным логарифмом является логарифм с основанием 10.
Как сделать калькулятор или форму для сайта: обзор 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 у нужного элемента.
