Есть ли достойные компоненты пользовательского интерфейса для веб-приложений с сенсорным экраном?

Question

По разным причинам веб-приложение лучше всего подходит для проекта, над которым я работаю, но меня беспокоит пользовательский интерфейс. Будет много вариантов выбора, которые могут обрабатываться контрольными списками, комбинированными списками и т. Д., И в меньшей степени это будут свободные текстовые поля. Однако меня беспокоит удобство использования стандартных компонентов, поскольку пользователям придется обращаться к приложению с компьютеров с сенсорным экраном, которые будут монтироваться на стене в производственной среде (то есть они будут очень грязными и в плохом состоянии).

Answer 1

В настоящее время мы разрабатываем приложение, которое точно соответствует вашему описанию. Есть ряд проблем, с которыми вы можете столкнуться.

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

Если вы хотите реализовать какую-либо кнопку нажатия клавиш, которая записывает текст в другой элемент управления, вы должны иметь возможность вызывать метод SetStyle (), чтобы убедиться, что фокус не изменяется. Мы обнаружили, что элементы управления кнопки «Янус» не позволили нам внести это изменение, поэтому мы вернулись к стандартной кнопке winforms.

Я не видел ни одной существующей библиотеки компонентов, разработанной специально для сенсорных экранов. Мы использовали комбинацию стандартных элементов управления winforms и компонентов пользовательского интерфейса Janus.

Если бы я начал сейчас снова, я бы начал с WPF. Это такое огромное улучшение по сравнению с Winforms, что это был бы легкий выбор для меня.

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

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

Answer 2

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

Однако я сам искал клавиатуру для сенсорного экрана. Дэррил, где бы ты предложил мне начать, если бы мне пришлось написать один?

Удачи вам обоим!

Answer 3

Поскольку прикосновение переводится в щелчок, вы, вероятно, можете использовать в основном стандартные компоненты, возможно, дополненные javascript. Т.е. должно быть легко реализовать событие onClick для каждой метки, которая переключает связанный флажок.

Я бы больше беспокоился о вводе текста. Сенсорный набор текста (особенно при настенном креплении) звучит скучно.

Answer 4

Возможно, вы захотите взглянуть на сенсорный экран с открытым исходным кодом Baobab Health . Это делает хорошую работу, преобразовывая html-форму во взаимодействие с сенсорным экраном, используя только javascript. Документация немного легкая, но, по крайней мере, может быть хорошей отправной точкой.