HasValue and AsyncFilter

1. Шаблоны «Асинхронный фильтр» и «HasValue» в разработке desktop приложенийОлег Клинчаев,Дмитрий Ермаков

2. 2ВводнаяИтеративная разработка…

3. … пользовательского интерфейса…

4. … специализированного приложения3«Виды интерфейса»stuffthathappens.com by Eric Burke

5. 4Пара тезисовНе бывает интерфейсов без связанных друг с другом элементовТребования к интерфейсу постоянно меняются по ходу проекта

6. 5Типичное приложение.Взгляд со стороны заказчика.

7. 6Итерация 1

10. 9Типичное приложение.Взгляд со стороны разработчика.

11. 10Что внутриу версии 1.0?Работа с отображаемым спискомТаблица(«мастер»)Работа с выбранным элементомListSelИнформация(«деталь»)

12. 11Что внутриу версии 1.0?Специфика API таблицыТаблица(«мастер»)ListSelИнформация(«деталь»)Под которую мы подстраиваемся

13. 12Начинаем версию 1.1Выпадающий список вместо таблицыВыпадающийсписок(«мастер»)Реализацию «детали» пока не трогаемИнформация(«деталь»)

14. 13Начинаем версию 1.1Те же самые свойства(как у таблицы)Выпадающийсписок(«мастер»)ListSelИнформация(«деталь»)

15. 14Начинаем версию 1.1Специфика API выпад. спискаВыпадающийсписок(«мастер»)ListSelИнформация(«деталь»)Углы придется «сгладить»

16. 15«Сгладили» углыЗакончили версию 1.1Выпадающийсписок(«мастер»)ListSelИнформация(«деталь»)

17. 16А потом версия 1.2…Новая компонента…Новая специфика…Дерево(«мастер»)ListSelИнформация(«деталь»)

18. 17Что в результатеУ кода приложения богатая история

19. с примесями различного API компонент

20. с личными предпочтениями разработчиков

21. Новому разработчику всё равно не понять, что делает программа

22. Всё время тратится на «сглаживание углов»18Можно ли решить эти проблемы?

23. 19Первый шаг к улучшению.«Бизнес-Компоненты»БК «Выбор Файла»

24. Получить Выбранный файл

25. Подписаться на изменения

26. Получить Содержимое файла

27. Подписаться на изменения

28. БК «Информация о файле»

29. …

30. БК «Содержимое файла»

31. …20«Бизнес-Компоненты»Разные способы взаимодействия с состоянием компоненты«Выбор файла»«Информация о файле»«Содержимое файла»

32. 21Попробуем сделать второй шаг

33. 22«Спонсор» второго шагаGoogle Web Toolkit (в частности, доклад на Google IO 2009)Паттерн Model-View-Presenter

34. Набор классов и интерфейсов HasXXX(в GWT версии 2.2 – 97 штук)

35. HasAliases

36. HasAlignment

37. …

38. HasValue

39. …

40. HasWordWrap23Оценим ситуацию «в целом».API Таблицыкласс ТаблицаУстановитьСписокЭлементов

41. ПолучитьСписокЭлементов

42. ДобавитьСлушателяНаСписокЭлементов

43. УстановитьВыбранныйИндекс

44. ПолучитьВыбранныйИндекс

45. ДобавитьСлушателяНаВыбранныйИндекс24Оценим ситуацию «в целом».API Таблицыкласс ТаблицаУстановитьСписокЭлементов

46. ПолучитьСписокЭлементов

47. ДобавитьСлушателяНаСписокЭлементов

48. УстановитьВыбранныйИндекс

49. ПолучитьВыбранныйИндекс

50. ДобавитьСлушателяНаВыбранныйИндекс25Вынесем общую часть«за скобки»класс ТаблицаСписокЭлементов

51. Установить

52. Получить

53. ДобавитьСлушателя

54. ВыбранныйИндекс

57. ДобавитьСлушателя26класс ТаблицаСписокЭлементов

64. ДобавитьСлушателяСостояниеСостояние

65. 27класс ТаблицаСписокЭлементов

72. ДобавитьСлушателяСостояниеИнтерфейс для работы с состоянием(«HasValue»)Состояние

73. 28Интерфейс HasValueМетоды интерфейса:ПолучитьЗначение()

74. УстановитьЗначение(Значение з)

75. ДобавитьСлушателя(Слушатель с)29Итак, это было в начале…Разные способы взаимодействия с состоянием компоненты«Выбор файла»«Информация о файле»«Содержимое файла»

76. 30А это стало после HasValueОдинаковый интерфейс для взаимодействия«Выбор файла»«Информация о файле»«Содержимое файла»

77. 31БК «Выбор файла»HasValue ВыбранныйФайл()

78. HasValue СодержимоеФайла()32Тут мы незаметно перешлиот терминов компонент…класс ТаблицаФайловСписокЭлементов

85. ДобавитьСлушателя33…к бизнес-терминологиикласс ВыборФайлаСодержимоеФайла

89. ВыбранныйФайл

92. ДобавитьСлушателя34«Бизнес-API»HasValue ВыбранныйФайл()

93. HasValue СодержимоеФайла()35БК «Информация о файле»HasValue Файл()36БК «Содержимое файла»HasValue Содержимое()37Что получилосьHasValue в интерфейсе бизнес-компоненты«Выбор файла»«Содержимое файла»Осталось только связать HV друг с другом«Информация о файле»

94. 38Для более сложного интерфейса

95. 39Связывание – DSLсвязатьОт(выбор.выбранныйФайл).до(информация.файл);связатьОт(выбор.содержимоеФайла).до(содержимоеФайла.содержимое);

96. 40Связывание – DSLсвязатьОт(выбор.выбранныйФайл).до(информация.файл);связатьОт(выбор.содержимоеФайла).до(содержимоеФайла.содержимое);связатьОт(выбор.выбранныйФайл).преобразовать(взятьИмя).до(главноеОкно.заголовок);

97. 41Связывание – DSLсвязатьОт(выбор.содержимоеФайла).синхронно().до(содержимоеФайла.содержимое);

98. 42Всё-таки как это выглядит в кодеpublic interface HasValue<T> {public T getValue();public void setValue(T value);public void addChangeListener(ValueChangeListener<? super T> listener);public void removeChangeListener(ValueChangeListener<? super T> listener);}

99. 43Всё-таки как это выглядит в кодеpublic interface ValueChangeListener<T> { public void valueChanged(T newValue);}

100. 44Всё-таки как это выглядит в кодеpublic interface Function<F, T> { public T apply(F from);}

101. 45Связывание/* Первые 2 выбранных счета в таблице "Прогнозируемые остатки" должны автоматически подставлятьсяв поля "Отправитель" и "Получатель" в форме создания нового ордера */linkFrom(restReportTablePanel.getSelectedAccountsValue()).to(orderInputPanel.getAccountsValue());

102. 46Ещё не все проблемы решены Переходим к AsyncFilter

103. 47«Дозагрузка данных»Идентификатор выбранного объектаБаза данныхИнформация об объекте

104. 48Давайте разберемся…Направление связи«Выход»Объект«Вход»ID объекта

105. 49Давайте разберемся…Направление связиДанныеУсловие для загрузки данныхЗагрузка может занимать значительное время

106. 50Что мы хотим получить в интерфейсеВремя

107. 51Ожидаемое условие

108. 52Актуальное условие

109. 53Лучше посмотрим «вживую»…

110. 54Всё просто«связывание HasValue», загружающее данные в фоне«Выход»Данные«Вход»Условие для загрузки данных

111. 55Условий обычно много

112. 56Подправим схему связейAsync

113. 57Так будет проще работатьАссоциативный массивAsync

114. 58Связывание – DSLсвязатьОт(выбор.выбранныйФайл).кФильтру(табличныйФильтр, «ключ1»);…связатьОт(табличныйФильтр.результат).до(таблица.списокОбъектов);

115. 59В реальном проекте…

116. 60Требования к форме…

117. 61…не содержат ничего сложного, …

118. 62… но меняются каждые 2 недели

119. 63Проект сейчасВозраст – полтора года

120. «Пережиты» полные переработки интерфейса (каждую итерацию – новый вид приложения)

121. Вся загрузка данных выполняется в фоне

122. Изменения в интерфейсе по-прежнему реализуются за 2 недели64Заключение

123. 65Шаблон «HasValue»…HasValue – состояниеМы можем его считать

124. Мы можем его изменить

125. Мы можем подписаться на его изменения

126. Мы можем легко связать одно состояние с другим66Шаблон «Асинхронный фильтр»AsyncFilter – отложенная загрузка данных с ожидаемым условием на входе

127. и двумя состояниями на выходе:

128. результат

129. актуальное условие (для которого загрузили результат)67А также небольшой DSLДля удобного и краткого связывания всех HasValue и AsyncFilter друг с другом

130. 68Преимущества подходаHasValue + AsyncFilterПростота

131. Абстрагирование от специфичного API компонент

132. Модульность

133. все составляющие интерфейса отделены друг от друга

134. «связывание» отделено от компонент

135. Понятный исходный код69НедостаткиС чем пришлось столкнутьсяКод «связывания» получается довольно большим

136. Иногда всё-таки требуется дополнительная информация о внутреннем устройстве бизнес-компоненты70Обязательно попробуйте!Это очень легкоHasValueАсинхронный Фильтр

137. 71Вопросы ?

138. 72Спасибо за вниманиеОлег Клинчаев (oklinchaev@custis.ru),Дмитрий Ермаков (ermakov@custis.ru)http://custis.ru

HasValue and AsyncFilter

More Related Content

Similar to HasValue and AsyncFilter (20)

HasValue and AsyncFilter