Шаблон пользовательского интерфейса для редактирования временных таблиц - PullRequest
0 голосов
/ 12 июля 2010

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

Пользователь должен иметь возможность добавлять новые значения, изменять предыдущие, изменять даты между периодами и так далее. Я хорошо владею Ajax / YUI и прочим, но мне не хватает дизайна пользовательского интерфейса.

Я не могу вспомнить подобное приложение сейчас, и я не удовлетворен бумажными прототипами.

Это одна таблица - больше таблиц - временная шкала - сколько магии там и где ..

Вам известен какой-либо описанный или реализованный шаблон, на который можно посмотреть?

Редактировать : это то, что я сделал.

обычный вид

[edit]
 from |  to  |  role       | department | contract   | level | ....
------+------+-------------+------------+------------+-------+----
 2005 |  ∞   | guru        | Buzz       | consultant |   4   |
 2002 | 2004 | ninja       | Bar        | employee   |   2   |
 2000 | 2002 | code monkey | Foo        | temp       |   1   |

Даты представлены только для краткости в годах.

Самая распространенная операция - нажать [править] и добавить новый набор значений:

[edit]
 from |  to  |  role       | department | contract   | level | ....
------+------+-------------+------------+------------+-------+----
 ____ |      | _______     | _______    | _______    | _____ |
[2005]|  ∞   | guru        | Buzz       | consultant |   4   |
 2002 | 2004 | ninja       | Bar        | employee   |   2   |
 2000 | 2002 | code monkey | Foo        | temp       |   1   |

При нажатии [2005] строка текущих значений становится редактируемой с помощью меню выбора и виджетов календаря.

[edit]
 from |  to  |  role       | department | contract   | level | ....
------+------+-------------+------------+------------+-------+----
 ____ |      | _______     | _______    | _______    | _____ |
_2005_| ____ | _guru__     | _Buzz__    |_consultant_|  _4_  |
 2002 | 2004 | ninja       | Bar        | employee   |   2   |
 2000 | 2002 | code monkey | Foo        | temp       |   1   |

Сервер получает значения в два ряда. Для редактирования предыдущих периодов удалите текущий (приемлемый компромисс).

Здесь у меня уже есть несколько проблем.

  • значение "from" строки и значение "to" предыдущей строки связаны и будут изменяться в унисон, если (и только если) они одинаковы. Пользователь должен сразу увидеть, есть ли отверстия между рядами. (Я не отображаю «to», если оно совпадает с последующим «from», но отображаю стрелку, как это ↖ - это ужасно)

  • не ясно, как завершить текущий период (=> нажмите на 2005, введите значение в «to»)

  • Непонятно, как удалить текущий период (=> нажать на 2005, удалить значение «с»)

  • символ "бесконечный" уродлив и неясен

  • проверка роли, отдела и т. Д. Зависит от контракта, но с точки зрения пользователей они фактически ортогональны. Другие вещи еще менее связаны (например, еженедельные часы), но все равно должны быть проверены вместе

  • Метинкс, редактирующий таблицу, должен быть немодальным ..

1 Ответ

0 голосов
/ 12 июля 2010

Предполагая, что каждый редактирует только детали одного сотрудника за один раз, можно отобразить последние текущие редактируемые данные вверху страницы.За этим могут следовать истории изменений в списке, где можно выделить только изменения из предыдущей версии.Когда кто-то нажимает на один из этих элементов истории, этот элемент можно развернуть и сделать редактируемым, а текущий редактируемый свернуть.Например, вы можете обернуть все в <li> элементах в <ol> и развернуть / свернуть <li> s в зависимости от того, какой из них редактируется.

Извините за общий ответ :) Если вы можете предоставить более подробную информацию (возможно, вы сделали сканирование бумажного прототипа), мы можем углубиться в это.

...