Добавлять/выводить схему мест в кинотеатрах, как реализовать?

Question

[IceJOKER]

Здравствуйте, как лучше всего реализовать такой функционал:
возможность задать схему мест в кинотеатре (с возможностью клика на каждое место) - не статически, а динамически(то есть схемы будут разные)
задать возможность добавления отступов(как в кинотеатрах, чтоб между некими рядами был отступ по горизонтали или по вертикали)
правильно сохранить все данные
и
правильно вывести эту схему .
средства: php, mysql, html, css, js

Пока в голове такая идея:
Выводится поле:
1 ряд и рядом поле КОЛ. МЕСТ
Тут кнопка ДОБАВИТЬ РЯД( по нажатию добавится еще один блок - 2 ряд и рядом поле КОЛ. МЕСТ

потом все это дело заносим в массив/сериализуем и добавляем в базу, а далее в цикле пробегаем по массиву и рисуем места

Answer 1

[Артем Лисовский]

Возьмите идею(а возможно и реализацию) отсюда

Answer 2

[_ _]

Можно еще простенький редактор схем набросать с помощью jQuery UI Draggable.
Задал сколько рядов, сколько в каждом ряду мест. Открыл редактор диаграммы, разместил кресла, экран опять же положил куда нужно. Диваны еще могут быть.
Ну и не стоит забывать, что человеку нужно понимать, где относительно экрана он будет сидеть.
Если у вас в рядах будет разное количество мест, то возникает вопрос, а как эти ряды рсположены?
Например в заднем ряду 10 мест, когда при обычном раскладе их 20. Это просто 10 сидений справа? Или слева? Или это двухместные диваны?

Answer 3

[Евгений Петров]

Без простенькой рисовалки не обойтись.

Следует учесть, что проще сделать таблицу на количество рядов и некое количество мест. Недостающие добавить кнопкой «+», появляющейся при наведении на ряд. Лишние удалить с помощью стандартного «×», появляющегося при наведении на место.

Очевидно, что номера мест ставятся автоматически непосредственно при добавлении.

Как абсолютно верно заметил @AMar4enko, нужно дать возможность двигать по горизонтали ряд. Возможно, дискретно. К тому же нередко ряды разбиты на секции проходами. Это также следует учесть и при добавлении, и при движении (боковые секции выравниваются обычно по стене). Проходы могут быть и между рядами.

Ну а после окончания рисования жамкаем «Сохранить» и вуаля — схема готова.
Возможно, стоит ввести типовые схемы, чтобы плясать не от белого листа.

ПыСы. Не уверен, но наверняка есть и особые случаи — расположение рядов по кривым. Тут нужно поломать голову, как реализовать повороты и выравнивания. При этом часть мест может не подчиняться общим правилам...