1
00:13:01,100 --> 00:13:07,100
Якшо ви на попередніх предметах займалися 
теж якимись проектами, вам треба просто продумати

2
00:13:07,200 --> 00:13:12,800
чи ви продовжите цей мікропроект, і вже продумати 
з точки зору людської взаємодії

3
00:13:12,900 --> 00:13:18,500
як люди будуть працювати з вашими майбутніми 
програмками чи там з якимись пристроями

4
00:13:18,600 --> 00:13:30,800
І відповідно по аналогії до лекцій, по аналогії 
до лабораторок спробувати зробити так само 
опис у вигляді документації до вашого майбутнього 
проекту

5
00:13:31,000 --> 00:13:39,300
так само друкувати нам нічого не буде потрібно, 
ви потім протягом роботи над своїми проектами 
будете записувати окремі відео

6
00:13:39,400 --> 00:13:45,200
потім змонтуєте це всьо разом в одне велике 
відео, знову ж таки, над проектом колись 
вам краще думається

7
00:13:45,300 --> 00:13:49,500
колись вам тяжче думається, відповідно графік 
ви робите свій

8
00:13:49,600 --> 00:13:54,600
Звітуєте свої хвилини, ну, зрозуміло, що 
над своїм проектом, як правило, хвилин йде 
набагато більше

9
00:13:54,700 --> 00:13:59,500
ніж пропонується Політехнікою, напевно у 
вас там будуть зашкалювати хвилини.

10
00:13:59,600 --> 00:14:05,500
Знову ж таки, то як ви розробили свій інтерфейс 
для свого проекта, ми зробимо відео

11
00:14:05,600 --> 00:14:09,700
Викладач так само є в аудиторії і ви спокійно 
можете спілкуватись

12
00:14:09,800 --> 00:14:16,400
ну і дехто мені казали, шо у вас є люди, 
які достроково мають здати сесію

13
00:14:16,500 --> 00:14:21,500
з ними ще ми до кінця так і не обговорили, 
шо вони хочуть робити швидко, екстрено

14
00:14:21,600 --> 00:14:29,800
Зелена лінія, як на митниці, пріоритет любих 
розглядів ваших робіт, Welcome-стайл

15
00:14:29,900 --> 00:14:35,400
я розумію, що за місяць, за два встигнути 
зробити всьо, шо треба весь семестр майже 
неможливо

16
00:14:35,500 --> 00:14:44,500
по скороченій програмі йдемо, мікрозавдання: 
лаби, розрахункова, онлайн-звіти, паперовка, 
відеозаписи, свій графік, викладач завжди 
є

17
00:14:44,600 --> 00:14:50,100
Тобто ті, хто планують за місяць, за півтора 
швидше здати семестр

18
00:14:50,200 --> 00:15:04,400
Лабораторки. Еее, вже у нас будуть 6 лаб, 
перша лабораторка: методичка у вас вже в 
онлайні є, PDF-ка, в папці Classic вона лежить.

19
00:15:04,500 --> 00:15:09,900
Суть в чому: ви вибираєте якийсь програмний 
продукт, ну тут в даному випадку WinRar, 
на приклад, скрін є

20
00:15:10,000 --> 00:15:17,500
і потім по всіх меню, по всіх кнопочках, 
всі можливі стилі ви обходите, записуєте 
відео, скріните то всьо

21
00:15:17,600 --> 00:15:25,700
і у вас получається якби дослідження чужого 
інтерфейса, які компоненти там розміщенні, 
і по методичці виконуєте завдання

22
00:15:25,800 --> 00:15:38,800
друга лабораторка, ми оті всі скріни які 
ви поробили вже готові, будемо переробляти 
у вигляді так званих, в айфрейми, в моки, 
ескізні проекти

23
00:15:38,900 --> 00:15:46,000
можна це робити вручну, а є купа спеціалізованих 
програмних продуктів, які дають можливість 
такі ескізи на екрані малювати

24
00:15:46,100 --> 00:15:55,800
І там у вас пропонується два... в дві, якби, 
дві реалізації. Одна: ви будете використовувати 
десктопні програмні продукти для малювання

25
00:15:55,900 --> 00:16:02,500
там список їхній запропонований вам в методичці, 
і так само онлайнівські, в яких теж можна 
малювати

26
00:16:02,600 --> 00:16:09,700
Звичайно шо в різних програмних продуктах 
вот ці інтерактивні прототипи, ну, тяжко 
зробити, бо не всі там компоненти є

27
00:16:09,800 --> 00:16:18,500
ніж в вашому програмному продукті, відповідно 
треба буде підібрати чим то можна реалізувати 
в цих ескізних проектах

28
00:16:18,600 --> 00:16:25,200
В третій лабораторній ми будемо брати моделі 
GOMS, вона дає можливість розрахувати часові 
параметри

29
00:16:25,300 --> 00:16:35,500
як людина реагує на ці інтерфейси, які вікна 
будуть витребувати більше часу на аналіз 
користувачем

30
00:16:35,600 --> 00:16:42,600
можливо ті вікна прийдеться порізати, зменшити, 
скоротити, і поробити, на приклад, штук 5 
різних вікон замість одного

31
00:16:42,700 --> 00:16:50,000
шоб людина менше витрачала час на пошук рішення, 
як натиснути якусь кнопочку чи кудась переміститися

32
00:16:50,100 --> 00:16:55,100
Методичка ще у вас буде, як це рахується 
теж вам в методичці покажуть.

33
00:16:55,200 --> 00:17:03,400
Після того, як ви проаналізуєте часові витрати, 
ви зрозумієте, шо деякі вікна є неефективними, 
варто їх удосконалити

34
00:17:03,500 --> 00:17:13,000
і в четвертій лабораторній ми спробуємо ті 
стандартні інтерфейси існуючого програмного 
переробити на інші взірці

35
00:17:13,100 --> 00:17:20,200
шоб воно у вас могло працювати і на десктопах, 
і на планшетах, і на телефонах, тобто для 
різних роздільчих здатностей екранів

36
00:17:20,300 --> 00:17:30,900
і для різних, якби, візуальних відображень, 
де скоротити кнопки, де добавити. Знову ж 
таки сценарна схема у вас трошечки зменшиться 
або розшириться

37
00:17:31,000 --> 00:17:39,100
відповідно, ви, якби, ті ескізи наново переробляєте, 
тільки вже під різні пристрої, шоб воно працювало 
максимально більше

38
00:17:39,200 --> 00:17:49,000
Далі у нас дві лабораторних роботи - це є 
робота зі спеціалізованими мовами, які якраз 
розроблені для опису інтерфейсів, вони XML-подібні 
мови

39
00:17:49,100 --> 00:18:01,000
Відповідно мова XUL, вона міжнародна мова, 
вона...  під Мозілу йдуть, під веб, там XML-подібні 
команди є

40
00:18:01,100 --> 00:18:06,500
і так само майкрософівська платформа... так 
само можна це робити

41
00:18:06,600 --> 00:18:14,400
реалізований момент, що ви на екрані малюєте 
форми, виставляєте оті всі наново придумані 
інтерфейси

42
00:18:14,500 --> 00:18:23,100
і воно вам генерить автоматично оті вот всі 
елементи, хіба шо в ручному режимі підкоректувати 
якісь там кольори, розміри, відступи і так 
далі

43
00:18:23,200 --> 00:18:30,400
Ви потім експортуєте це все в програмний 
код, чіпляєте його до свого звіта, робите 
скріни

44
00:18:30,500 --> 00:18:38,000
шо у вас з тими мовами воно змогло згенерувати 
на екрані, ту інтерфейсну складову, і ваші 
звіти готові

45
00:18:38,100 --> 00:18:47,000
Функціонал працездатний ядра нам в даному 
предметі не потрібний, нас цікавить тільки 
зовнішня оболонка, те, шо стосується самої 
людини

46
00:18:47,100 --> 00:18:56,000
Чи воно буде натискатися на якусь там кнопочку 
і нікуди далі не вести, а просто вот активувалася 
кнопочка і слава Богу - це нормально

47
00:18:56,100 --> 00:19:05,800
Тобто ми просто імітуємо роботу оцих технологій. 
І отаким вот чином ми 6 лабораторок з вами 
закрили, вивчили методики

48
00:19:05,900 --> 00:19:14,000
вивчили способи і це все разом у нас буде 
комплексна розрахункова, просто в певній 
послідовності розкладена

49
00:19:14,100 --> 00:19:22,000
Ви протягом цих всіх лаб будете записувати 
свої відео, тіпа як ви програмували, як ви 
там розставляли, як ви там міняли

50
00:19:22,100 --> 00:19:28,300
тобто по чучуть собі записуєте відеофайлик 
і потім собі змонтуєте це все разом в один 
великий файл

51
00:19:28,400 --> 00:19:34,900
і ви потім виставите фінальний рендер, так 
званий фінальний прискорений темп Timelapse

52
00:19:35,000 --> 00:19:42,100
Тобто так ніби воно там рєзко, швидесенько 
бігає, ви там шось набираєте на екрані, воно 
коди всякі робить і так далі

53
00:19:42,200 --> 00:19:43,500
*кашляє*

54
00:19:43,600 --> 00:19:52,300
І потім цей вот приклад ми покладемо на наш 
YouTube канал, щоби і ви, і наступні студенти 
бачили як це реалізовується

55
00:19:52,400 --> 00:19:55,700
Відео в (назва програми) можна записувати, 
тільки екран?

56
00:19:55,800 --> 00:20:00,000
Воно, по моєму, логотип поверх має. Це погано