02:36.6
02:42.9
або проведення язиком вправо/вліво, так, це можуть бути елементи керування інтерфейсом
02:42.9
02:52.8
ну і тут ви бачите деякі приклади, як людина робила оці мімічні вигляди обличчя
02:52.8
03:00.7
різноманітні види підморгувань: висовування язика, надування щок, вдягування щоки
03:00.7
03:08.6
хмурення, концетрація як би зору в одну точку і це можуть бути як елементи керування
03:08.7
03:14.9
так само як ви пальцями керуєте жестами на тачскрінах або на панельках
03:14.9
03:20.9
так само і на екрані можна. Звичайно таких кількостей емоцій можна зробити більше
03:20.9
03:29.5
більшу зробити класифікацію, розробити такі дії і занести їх в базу даних вашої програми
03:29.5
03:31.1
і це будуть елементами керування
03:31.1
03:39.0
оце є збільшені кадри, яким чином пробували робити керування браузером
03:39.0
03:45.5
там не так вже й багато дій: скролінг зробити, вернутись на сторінку, наступну сторінку завантажити
03:45.5
03:50.9
десь збільшити зумінг, зменшити зумінг тої сторінки
03:50.9
04:07.8
ну і зараз подивимось демонстрацію, яким чином пробували робити керування такою програмою
04:07.9
04:10.8
тобто закріплена камера або вмонтована у ваш ноутбук
04:10.8
04:20.7
і іде розпізнавання потоку, є бібліотека, наприклад, OpenCV, вона дає можливість деякі рухи
04:20.7
04:30.6
тулоба теж розпізнавати, робити оцифровку, триангуляцію робити в прямому потоці відео
04:30.6
04:35.9
і треба буде просто задати оті вот дії і прописати всі параметри
04:35.9
04:41.1
принципі як елемент курсової роботи, чи навіть на дипломну роботу
04:41.1
04:45.0
можливо навіть на команду можна поділити такий спосіб
04:45.0
04:50.6
і це був би завершений якийсь бипроект у вас
04:50.6
04:58.3
лизнули,то це скорше всього цю сторінку лайкнули, так, занесли собі в улюблені
04:58.3
05:06.9
це відео ми поки що закрили, перейдемо до наступного
05:08.9
05:16.5
так, ще один з варіантів створення інтерфейсу, один з підходів із метафор
05:16.5
05:18.8
це так званий маштабований інтерфейс
05:18.9
05:22.1
він дуже добре проявляється на таких картах
05:22.2
05:28.5
тобто коли є, наприклад, дуже великий маштаб, ви, наприклад, частину інтерфейсу не бачите
05:28.5
05:36.2
він є укрупнений і всього є дві кнопки - збільшення маштабу, зменшення маштабу
05:36.2
05:38.8
і можливо ще є переміщення вправо/вліво/вверх/вниз
05:38.8
05:41.6
і чим більше зуму ви робити,
05:41.6
05:47.9
тим більш деталізовано у вас з'являються параметри інформаційні, які є на карті
05:47.9
05:56.8
і відповідно ви можете обирати чи вулицю, чи магазин, чи якісь там загальногромадські місця
05:56.8
06:00.5
і для них буде відображатись певний параметр, певні елементи
06:00.6
06:07.3
оцей зумінг інтерфейс є, наприклад, для картиночок, для фотографій
06:07.3
06:13.2
так само, коли ви фотографію приближуєте у вас з'являються певно параметри
06:13.2
06:17.6
що ви можете картинку повернути, обернути, відредагувати частину зображення
06:17.6
06:21.0
або, наприклад, зум-інтерфейс для фото галереї
06:21.0
06:26.9
ви можете стягнути, зменшити - будуть іконочки тільки фотографій
06:26.9
06:32.4
і воно, наприклад, групує по місяцях, по днях, по тижнях, по роках,або по подіях
06:32.4
06:36.6
якщо ви збільшуєте зумінг, то воно відображає тільки сьогоднішній день
06:36.6
06:39.4
а інші дні, місяці згортає
06:39.4
06:43.6
тобто це такий теж цікавий підхід в реалізації
06:43.6
06:52.2
і, наприклад, де ще можна використати: дехто з вас там почав робити проект інтерфейсів для інтернет-мазину одежі
06:52.2
06:56.5
теж можна попробувати підключити стиль зумінга
06:56.5
07:02.1
тобто, коли ви зменшуєте зум, то людина вдівається у верхній одяг
07:02.1
07:08.0
якщо ви збільшуєте зум - відповідно верхня одежа залишається тільки нижня білизна
07:08.0
07:13.9
і теж можна було б добавити, як елемент керування і збільшити можливості інтерфейсу
07:14.0
07:21.3
це якраз для 4-ї лабораторної, одна з ідей, як можна реалізувати цей підхід в своєму проекті
07:21.3
07:26.1
отже, що треба запам'ятати для зумінг-інтерфейсу
07:26.1
07:32.0
в даному випадку, весь робочий простір, який дається користувачу
07:32.0
07:35.3
оцей весь простір вважається як би нескінченним
07:35.3
07:42.2
тобто у вас нема ніякого обмеження по кількості інформації, яка буде відображатись
07:42.2
07:47.4
і відповідно, чим більший ви робите зумінг, тим детальніше
07:47.4
07:49.8
ви наближаєтесь як би до вмісту,
07:49.8
07:56.9
тобто тут саме головне це найближення і деталізації тої інформація, яка буде доступна
07:56.9
07:59.2
на певних як би глибинних рівнях
07:59.2
08:03.0
чим глибше ви йдете, тим більше інформації вам відображається
08:03.0
08:05.3
і тим детальніші є елементи
08:05.3
08:09.5
ну от у вас зараз так само є предмет візуалізації даних
08:09.6
08:15.2
маштабований інтерфейс теж було би цікаво там застосувати, в тому предметі
08:15.2
08:19.0
тобто ви обробляєте якісь масиви даних, ви робите якусь кластеризацію даних
08:19.0
08:25.3
і от якраз кількість кластерів вкладеності можна вважати було би от тими глибинними рівнями
08:25.3
08:32.0
відповідно відображати це більшими діаграмами, графіками, анімацію добавити і так далі
08:32.0
08:36.3
ну самий більший такий приклад це звичайно з картографією
08:36.3
08:42.1
тому що картографія найбільше показує вам розкриття інформації
08:42.1
08:48.4
ще один підвид це так званий фізично трансофрмований інтерфейс
08:48.4
08:51.9
буквально ще кілька років назад це була тільки концепція
08:52.0
08:57.2
тут в нас навіть ви бачите концепція розкладного телефона
08:57.2
09:03.8
вже ви бачили, буквально місяць чи два назад, вже це було навіть в прототипах реалізовано
09:03.9
09:08.9
на виставках було представлено, одна з ідей, що є у вас телефон
09:09.0
09:20.6
він при зміні габаритів повністю міняє інтерфейс, який стає доступним для користувача
09:20.6
09:24.3
і відповідно деякі елементи можна знімати, наприклад, в даному випадку
09:24.3
09:30.7
оцей-от кружечок - це є гарнітура вушна, вона надівається на ваш телефон
09:30.7
09:34.7
він стає в звичайному вигляді, ви можете гарнітуру зняти
09:34.7
09:40.5
вона стає така само як би джойстиком, яка керує тим вмістом, який відображається у вас на екрані
09:40.5
09:45.9
це була, буквально лише кілька років назад, лише концепцією
09:45.9
09:52.0
а реалізація вже є, зараз ми подивимось відео для самої концепції
09:52.0
10:02.4
оце була концепція компанії Nokia колись
10:02.4
10:11.1
яким чином вони хотіли зробити формування інтерфейсу
10:11.1
10:19.9
так, гарнітуру можна вдягнути і гарнітура є елементом керування вмістом самого телефона
10:19.9
10:30.7
закріпили на браслеті, теж на виставках вже бачили відео,там де є реальний прототип
10:30.7
10:39.8
а це ще наступне відео, трошки пізніше до нього повернусь
10:39.8
11:16.8
і приклад прототипу фірми Huawei ви теж бачили
11:16.9
11:25.0
з фізично трансформованим ми розібрались, так, тобто частина фізичної
11:25.0
11:29.3
частина програмно доповнена і міняється
11:29.3
11:34.0
отже, що саме важливо при фізично трансформованому інтерфейсі
11:34.1
11:41.2
що всі дані та елементи, вони автоматично змінюються, при зміні зовнішньої форми
11:41.2
11:45.3
тобто тут головне, щоб були всі датчики підключені
11:45.3
11:48.6
які реагують на зміну конфігурації якраз пристрою
11:48.6
11:51.8
чи він розбирається, чи він доповнюється, чи підключаються якісь плагіни
11:51.8
11:55.8
відповідно, з'являються якісь нові елементи на інтерфейсі
