С чего начать создавать онлайн калькулятор расчета стоимости продуктов?

Question

[Сергей Коваль]

На сколько я знаю сам калькулятор делается на основе PHP + JS. Но в данной ситуации все учить нету времени.
Буду очень благодарен за конкретные разделы данных языков программирования, изучив которые я "смогу" сделать калькулятор.
Вот пример: www.plastok.ru/windows/calculator.html
Прошел уже не мало уроков по JS, но как написать калькулятор с его помощью так и не представляю.

Comments

[Yustas Alexu]

Может Вам показать код калькулятора на js в 600 строк, который я писал для проекта или код моего коллеги в 1000 строк для вдохновления?

[Yustas Alexu]

И что значит "разделы языков программирования"? Вы серьезно думаете, что можно изучить программирование прочитав "вон ту книжку", после "вон той" главы?

[Сергей Коваль]

@Yuxus Ну я о том что уже учу JS не мало времени, а толку то нет. Задачи решал на УРА, но написать калькулятор не могу. За пример кода буду благодарен если с php файлом. JS сам могу вытянуть.
Мне нужно понять саму структуру связи JS с php.

[Сергей Коваль]

@Yuxus учу здесь learn.javascript.ru

Answer 1

[nooze]

Наткнулся на вопрос ) так вышло что я по большей части автор этого калькулятора на plastok.ru. К сожалению что-то подобное сделать без очень хороших знаний JS и AJAX невозможно. PHP тоже требуется, но в меньшей степени, может понадобится и Mysql.
Если делать самостоятельно - нужно начинать с чего-то попроще. Ну типа www.oknadomkom.ru/kalkulyator/1311309307.html или www.moscow-plastic.ru/products/KBE/calculator
Это что-то ближе к реальности для написания с нуля. Минимум JS, без AJAX и немного PHP.
Всё еще сильно зависит от метода расчета цены - она может быть очень замороченной и не описываемой какой-то универсальной формулой. В принципе на фрилансе смогут сделать что-то начального уровня а потом это можно допилить по своему желанию.

Comments

[Сергей Коваль]

Здравствуйте ) Как видите Земля круглая ))
Очень хороший калькулятор!
Мне не нужно чтобы цена выводилась, нужно только отправлять на почту все размеры. Но чтобы клиенту было приятно это оформлять.
Мне нравятся оба примера что вы предложили. Что понадобится знать для их реализации кроме php,html,css,js ?

[nooze]

Да в общем то этого будет достаточно. Ну еще какие-то базовые навыки верстки и дизайна (либо дизайнера со стороны) чтобы было приятно оформлять ). Если речь не идет о расчете стоимости то php будет минимальный, в основном html и css с хорошей версткой, немного JS

[Сергей Коваль]

@nooze а от чего зависит динамическая смена картинки(когда мы по пунктах выбираем, а в центре образуется наглядный пример будущего заказа ) ?

[nooze]

Это все JavaScript. Конкретно в моем случае с помощью jQuery что существенно упрощает и ускоряет процесс. Ну и конечно нужны сами картинки - окна собираются "по кускам" наложенным друг на друга. Тут уже вступает в дело верстка и художник

[Сергей Коваль]

а сколько будет стоить такой калькулятор как вы оказывали в примерах ?

[nooze]

Сложно сказать, все зависит от исполнителя и набора требований: количество окон, типов открываний, дополнительных опций и других возможных параметров. Ну и конечно внешний вид - чем лучше нужно тем дороже будет стоить. Наверно от 10тыс за что-то простое, 30-50 за приличное и 100+ за полный функционал с рассчетом и хорошим дизайном

[Сергей Коваль]

@nooze а не дадите несколько подсказок ?

[Сергей Коваль]

@nooze Ну как вам ??? serega.edief.com/calculator.html ))))

[nooze]

@Shadow_wayfarer ну примерно как копия www.moscow-plastic.ru/products/KBE/calculator ))
Если вашим требованием удовлетворяет - то для старта очень даже пойдет (у многих нет и такого). Ну а дальше совершенствовать

[Сергей Коваль]

@nooze копия усовершенствованна присутствием красивого менеджера(девушки). Но огромное вам спасибо ) У меня уже опустились руки, а так хоть как-то да сделал )))

[Илья Лесных]

@Shadow_wayfarer не плохо, но кликать нужно не только по маленькой радио кнопке, но и по большому изображению окошка (тег label вам в помощь).

[Сергей Коваль]

@Aliance фишка в том что я смог сделать с помощью label кликабельный текст(Область, Винница) рядом с кнопкой, а вот картинку не могу.

[Сергей Коваль]

@Aliance картинка преобразовывается в кликабельную, но при нажатии ничего не происходит

[Сергей Коваль]

@Aliance а ещё есть баг в том, что при обновлении страницы, формы для ввода размера окна, спадают...а потом становятся на место.

[Сергей Коваль]

@Aliance извините, с label уже все работает, ошибка была в том что я указывал схожий id с id блока, а не input.... А вот баг с формой ввода данных так и не работает.

Answer 2

[mindnomind]

ruseller.com/lessons.php?rub=32&id=889

Answer 3

[Андрей Алёшин]

Уже год прошёл почти с момента написания вопроса, но, думаю, найдутся люди с таким же. Поэтому (* на правах рекламы) могу посоветовать сервис CalcCreator. Это конструктор калькуляторов, здесь бесплатно вы сможете создать калькулятор даже с формой обратной связи. Если возникнут вопросы - пишите нам в поддержку - поможем.

Comments

[abbrakadabbra]

Интересный проект! Оформляют люди платные калькуляторы?

[Андрей Алёшин]

abbrakadabbra: на BMW пока не хватает))

[abbrakadabbra]

Андрей Алёшин: хочу подобное реализовать на для другого языка.

[Андрей Алёшин]

abbrakadabbra: Рекомендую заморские сервисы тогда посмотреть. На нашем тоже грядут изменения. Пока есть проблемы с UX и не только...

Answer 4

[Юрий Лобанов]

Объясните, зачем пытаться написать такое самому, если нет необходимых знаний? Это все равно что взяться шить самому себе рубашку, ничего не понимая в шитье. Закажите на фриланс-бирже.

Comments

[Сергей Коваль]

в том то и дело, что учить собираюсь. JS учу уже недели две, но знаний чтобы написать калькулятор так и не получил. Не представляю как его реализовать. Буду даже за пример благодарен.

[Алексей Кулешов]

Пример: www.plastok.ru/js/calculator.js ))

[Сергей Коваль]

вы меня не поняли ) я и сам мог вытянуть JS файл. Мне нужно понять связь JS и PHP документов.

[Eugene Burmakin]

@Shadow_wayfarer гуглите ajax + php

Answer 5

[Илья Лесных]

Ответ на вопрос (который почему-то в заголовке) - составить ТЗ и план действий по нему.

Comments

[Сергей Коваль]

извините ,я первый раз здесь. Я не верно оформил вопрос ?