Как создать сайт-конструктор?

Question

[Олег Петров]

Хочу создать сайт-конструктор в виде визуализатора фигуры человека по такому примеру как тут указывали

spoiler

Как создать конструктор для сайта?

Вкратце, если человек хочет прокачать свою определенную область, он нажимает на нее и видит, что можно предпринять.
Выглядеть должно как игра, но в реальной жизни. Это поможет подходить более структурно к своей прокачке в разных областях.
Подскажите с чего начать?
Может перспективней делать сразу приложение IOS/Android?

Comments

[Владимир]

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

[Олег Петров]

А как объединить сайт и приложение Android? Мне нравится данный пример по удобству и компактности.
Или это 2 разных продукта?

[WStanley]

Олег Петров, на codecanyon.net есть скрипт Novi - HTML Page Builder(найдите его по поиску) это готовый скрипт конструктора сайтов, берете его стилизуете под себя и допиливаете, ПРОФИТ
Ссылку на скрипт не получается прикрепить
демка - try.novibuilder.com

[Олег Петров]

WStanley, спасибо вам огромное. А возможно его потом разместить на бесплатном домене как на тильде или все же придётся платить за хостинг ?

[Олег Петров]

WStanley, а там есть возможность сделать как в вышеукащанном промере чертёж дома с отключаемыми/подключаемыми функциями ?

[WStanley]

Олег Петров, Эти вопросы вам лучше задать автору скрипта. Либо на его страничке (codecanyon.net /user /novibuilder), либо в комментариях к скрипту(на английском). Так же после покупки у вас будет 6 месяцев техподдержки в комплекте(далее техподдержка будет оплачиваться отдельно).
Я не знаю что за тильда. В принципе можно сверстать шаблон с домом и открыть через Novi. разбирайтесь со скриптом, вам понадобятся хорошие знания php и javascript как минимум.

[WStanley]

Олег Петров, если поискать, то думаю на просторах можно найти скрипт и скачать для ознакомления..

[Олег Петров]

WStanley, А можете по шагам описать как сделать такой сайт?
1. Покупаю скрипт за 16$?
2. Допиливаю своими руками?
3. Нанимаю кого-то, кто поднимает сайт?
Как сделать так, чтобы потом не платить за поддержку сайта?
Как сделать так, чтобы разместить этот сайт на бесплатном хостинге?
Возможно ли это в принципе?

[WStanley]

Олег Петров, ну если вкратце:
1. Покупаете скрипт за 16$+2$(за обработку) = 18$
2. Там в инструкции написано как его развернуть на хостинге, соответственно, покупаете хостинг(для пробы дешевый, либо пробуйте на бесплатном) и разворачиваете там скрипт(можно на фрилансе админа нанять, думаю за 500-1000 развернут легко). Кстати на хабре отличный фриланс.
3. После этого верстаете html странички(под скрипт) и добавляете их в библиотеку, несколько будет в комплекте.
В принципе все, пользователь сможет редактировать их и скачивать.
Про техподдержку вы не правильно поняли, тех поддержка на пол года это своего рода связь с автором, вы можете спросить что-то про скрипт либо попросить добавить функционал в него. Ваш сайт обслуживать они не будут.
Обновления вы сможете скачивать всегда.
Еще раз посмотрите демку - try.novibuilder.com (надеюсь вы нажали там "SKIP INTRODUCTION" и увидели функционал)

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

[WStanley]

Олег Петров, вот что включает в себя их поддержка(Гуглоперевод ):

Плюс, пункт поддержки включает в себя:
1. Наличие автора для ответа на вопросы
2. Получите помощь с сообщениями об ошибках и проблемах
3. Помощь с включенными сторонними активами

[Олег Петров]

WStanley, Спасибо за помощь

Answer 1

[Алексей Горбунов]

Самое быстрое и простое решение + неограниченные возможности кастомизации и дальнейшего совершенствования даст связка:

1. Сайт на базе CMS WordPress;
   
2. Плагин Toolset Types (или программирование на PHP);
   
3. Скачать персонажей в стоках в векторном формате.
   

Как реализовать

Просто берем нашего персонажа в формате Illustrator и разбиваем на слои - каждому слою присваиваем id (имя).

Экспортируем персонажа в файл SVG. В плагине Toolset Types создаем представление Views такое как задумано в нашей идее. Например, отображать определенные части персонажа в зависимости от значений фильтра или параметра URL или как результат заполненной формы.

Предварительно под слои SVG создать тип записи (персонаж) и групповое поле из индивидуальных полей (например: слой картинки, url, еще какой-то параметр). Групповое поле - это часть персонажа, например правая рука. Получается тип записи: "персонаж" - это результат отображения групповых полей привязанных к этому типу записи. Где каждое поле это слой нашего общего SVG.

Остается реализовать идею и запрограммировать отображение частей персонажа в представлении Toolset Types в зависимости от нужных условий и параметров. Функции плагина можно заменить коддингом в PHP. Так же: создаем тип записи: персонаж и к этому типу произвольные поля, в каждом из которых отдельный слой SVG.

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

Дальше больше - развивать и наращивать функционал. Успехов!

Comments

[Олег Петров]

Благодарю за понятный ответ. Как я понял это потом можно легко разместить на бесплатном домене Персонаж.wordpress.com ?
И еще один вопрос. Можно ли как-то интегрировать это в приложение на Android?
Или сайт и приложение придется делать как 2 отдельных продукта и поддерживать также?

[Алексей Горбунов]

С ...wordpress.com врядли можно кашу сварить. Все бесплатное имеет дикие ограничения. 250 руб\год за домен отдавать не так уж дорого и простой хостинг. Например, хорошее качество, цены и поддержку оказывает AiWebHost.com

По поводу всё в одном такая же ерунда начнется с ограничениями, так как это будут какие-то интеграторы. Лучше отдельно разрабатывать сайт и отдельно приложение. Когда создадите конструктор на сайте, тогда понятным станет функционал и идете на биржи фриланса, например на Кворк.Ру есть кворки для недорогого создания нативных приложений. Только должно быть очень внятное техническое задание.

Вордпресс чем хорош, тем, что без особых знаний можно создать прототип своей идеи (стартануть с нуля) и дальше, если идея выстрелит и начнет приносить прибыль, на основании модели заказать полноценный сайт на нормальном коде или фреймворке, + включая и единую платформу с приложениями и чат-ботами.

[Олег Петров]

Алексей Горбунов, Как я понял плагин Toolset Types взаимодействует с этим

spoiler

https://codepen.io/copist/pen/WvVRRL

Или это не потребуется, и в рамках этого плагина можно реализовать описанные мной задачи кастомизации.

[Алексей Горбунов]

Да полностью взаимодействует и можно еще добавить графики и интерактива. Еще + 350 домов и +10500 вариантов отделки! Например, накачать с Freepik иллюстраций и настроить любой интерактив, любое взаимодействие.

[Олег Петров]

Алексей Горбунов, Да, тогда это было бы здорово

Answer 2

[Robur]

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

Начать стоит с определения того что из всего этого вы можете сделать самостоятельно а для чего потребуется помощь. Дальше - по результатам

Comments

[Олег Петров]

В данный момент, я думаю, что конструктор логичней и проще делать в приложении, а сам сайт уже как инфодополнение к приложению, так как все сидят со смартфонов, и большинство молодого поколения на Android

[Алексей Горбунов]

Олег Петров, как хорошо подметил Robur самое сложное это - "...рисуете дизайн всего этого , прорабатываете интерактив, составляете требования к приложению, по требованиям и возможностям выбираете технологию на которой можно это сделать, делаете, тестируете, допиливаете, запускаете..."

И тут смотрите на свои компетенции. Ведь придется весь этот объем выгрузить на голову программиста и идти с ним бок о бок на всем протяжении запуска и тестирования. Собирать обратную связь, возможно переписывать заново код, зависеть от правил пользовательского соглашения Google, учитывать все нюансы своего стартапа. Терпеть узкий охват аудитории и т. д. При этом вкладываться и деньгами и временем и все время переделывать.

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

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

А когда конструктор заработает "как задумано", с программистом общаться станет легче легкого - "бери и делай" на раз, два и три. И не только в Андроид, но и в IOS + Windows и вот тогда, охват будет близиться к 100% пользователей.

[Олег Петров]

Алексей Горбунов, Мудрый совет, так что все же, сначала сайт.