Як зробити презентацію інтерактивної

Кожен з нас хоч раз виступав перед великою аудиторією, багато хто робить це постійно. У всіх з нас є свої страхи перед виступом і, звичайно, кращі практики. Нижче ви дізнаєтеся, як взаємодіяти з аудиторією в інтерактивному режимі.

Примітка: далі матеріал буде від імені автора.
Коли ми провели аналіз, що є основою успішного виступу, що робить з простих спікерів увлекающих за собою ораторів ми прийшли до висновку, що секрети успішної презентації три:
  1. Це ваші презентаційні навички. Виступаючий повинен викликати емоції у слухачів інтерес, радість, може навіть і незгоду. Навички виступів всі ми розвиваємо постійною практикою і самовдосконаленням (тренінги, книги, коучинг тощо).
  2. Це суть виступу. Тема і зміст доповіді повинні враховувати інтереси аудиторії, давати відповіді на питання, з якими люди прийшли на ваш виступ або відкривати для них нові горизонти
  3. І це, звичайно, залучення аудиторії. Слухачі повинні приєднатися до вашої доповіді і відчувати, що ваш доповідь враховує їх потреби, їх думку і емоції.
Давайте поговоримо про третій секрет успішного виступу.
Для залучення аудиторії багато оратори застосовують такі «фішки», як запитання з зали, сторитэйлинг з питанням вигадка це або брехня, відповіді на питання по ходу виступу, намагаючись перетворити доповідь в живе спілкування.
Це не завжди продуктивно, тому що вимагає додаткового часу і навичок. Тому і народилася ідея створити сервіс для Powerpoint, який дозволить доповнювати презентацію крутими інтерактивними елементами, взаємодіючими з аудиторією. Назвали ми його INPRES — від INteractive PRESentation.
Як влаштований сервіс?
Сервіс складається з трьох модулів — кабінету спискера, де користувач створює інтерактивні елементи, модуль Add-in для PowerPoint, щоб інтегрувати інтерактивність в презентацію і інтерфейси учасників презентації для взаємодії зі спікером. Крос-платформенне взаємодія у проекті тісно інтегровано з Office.js, який 2 роки тому на ринок випустила компанія Microsoft. Більш детально про процес розробки та інтеграції я розповім трохи пізніше.
Які можливості спікеру дає цей сервіс:
  1. Дізнаватися думку і емоції аудиторії з допомогою різних опитувань — від простих з варіантами відповідей до прикольних Emoji голосувань або складних 2D голосувань.



  2. Відображати думку аудиторії на слайдах презентації в режимі онлайн (більше 30 варіантів звітів — від інфографіки до сегментованих по підлозі/віком звітів).



  3. Отримувати питання з аудиторії При цьому учасники презентації можуть обирати кращі, а спікер — відображати їх онлайн на слайдах презентації.



  4. Збирати реальну зворотний зв'язок аудиторії результатами презентації у вигляді оцінок і коментарів.



  5. Краще знати аудиторію і її переваги — проводити анкетування за результатами презентації, в т. ч. з предзаполнением анкет даними з профілів соц мереж учасників презентації.



  6. Надати легкий доступ до файлів свого виступу — вбудований File Bot з можливістю завантажувати або надсилати матеріали на пошту.
Як влаштовано додаток для PowerPoint?
Додаток INPRES (надбудова add-in) для PowerPoint являє собою файл маніфесту з доступом до виділеного розділу веб сервісу. Маніфест це XML-файл, у якому зберігається деяка інформація про програму. Веб сторінки, на які посилається маніфест відповідають безпосередньо за основну логіку і інтерфейс програми. Вони взаємодіють з файлом вашої Powerpoint презентації через спеціально наданий API.
Важливим моментом було інтегрувати дії спікера з запуском інтерактивних елементів, їх завершенням і відображенням результатів на слайдах. В цьому напрямку команда розробила JS бібліотеки, які спілкуються онлайн з API файлу презентації. Багато функцій, такі як отримання слайдів з розміщеними віджетами, зміна статусів опитувань довелося писати з нуля.
Всі інші модулі сервісу розроблені на технології .Net Core і працюють на серверах MS Azure. Для візуалізації результатів опитувань та інших інтерактивних елементів використовувалася SVG графіка і бібліотеки JS графіків.
Особливості реалізації
В сервіс INPRES закладався принцип «бесфрикционности» — спікер тільки перегортає слайди презентації, сервіс робить все інше — запускає інтерактивний елемент (опитування, анкетування тощо), нагадує про нього учасникам презентації з допомогою PUSH нотифікації, сам переводить учасника на сторінку інтерактивного елемента, відображає дії учасників в режимі онлайн (наприклад, результати голосування).
Для цього прописувалася сценарії дії спікера, а обробка подій спікера відбувається через перехоплення подій розробленої JS бібліотекою.

Ще одним наслідком роботи з подіями в презентації стала можливість створювати сценарій звітів. Наприклад, слідом за загальними результатами голосування ви можете показати — сегментовані за статтю або віком результати.
Коли ми створювали сервіс, ми вивчали ринок «голосовалок» і систем конференцій і намагалися перевершити кожного з наших конкурентів. Так народилася мультиязчность — зараз у нас
14 мовних пакетів, в т. ч. і українська. Ми зробили точне налаштування колірних схем інтерфейсів — можна выбраль будь HEX код кольору для фону, графіків, шрифту. Добавли бібліотеку з понад 10 шрифтів
Крім цього сервіс INPRES має графіки, вбудовані в контент презентації, щоб відразу отримувати думку аудиторії саме про ту інформацію, яку показує спікер, а не відводити на опитування окремий слайд.

Складності
У цілому, Office JS API для PowerPoint має більш спрощений функионал, ніж API для Word або microsoft Outlook. Це було основною складністю створення Add-in. Як і написано раніше — багато бібліотек доводилося писати самостійно і шукати walkarround.
Друга складність, з якою, по-моєму стикаються всі — це дозвіл інтегрувати ваш сайт у фрйэме вашого Add-ins. Ми створювали сервіс .Net core і питання як правильно налаштувати X-Frame-Options HTTP-заголовку був не документований і сильно відрізнявся від аналогічного процесу .Net 4*.
Щоб зробити це необхідно вказати у файлі startup.cs вашого проекту можливість змінювати X-Frame-Options властивості:
services.Configure<AntiforgeryOptions> (options =>
{
options.SuppressXFrameOptionsHeader = true;
});

І встановити значення X-Frame-Options для всіх сторінок у файлі web.config:
<customHeaders>
<add name="Access Control-Allow-Origin" value=".*" />
<add name="X-Frame-Options" value="ALLOWALL" />
<add name="X-Rack-Cache" value="fresh" />
</customHeaders>

Також велику изыскательскую роботу ми провели по отриманню даних учасників презентації, коли вони реєструються через соц мережа (ця можливість настроюється в нашому сервісі). З ім'ям, имэйлом проблем не було — це стандартна функціональність фрэймворка AspNetCore.Authentication.
Питання виникло з отриманням даних про стать і вік людини. Особливо з облікового запису Google.
Щоб це зробити в тому ж файлі startup.cs необхідно промэппить поля на відповідні Claim фрйэмворка авторизації:
Events = new OAuthEvents
{
OnCreatingTicket = context => {
var gender = context.User.Value<string>("gender");
context.Identity.AddClaim(new Claim(ClaimTypes.Gender, gender));
var birthday = context.User.Value<string>("birthday");
context.Identity.AddClaim(new Claim(ClaimTypes.DateOfBirth, birthday));

return Task.FromResult(0);
}
}

Те, що сьєло у нас значний час — це узгодження Add-in перед його публікацією в MS Store. Важливо підійти до цього етапу з максимально оттестированным функціоналом. Також, т. к. напрямок Add-In для офісу знаходиться у стадії бурхливого розвитку — готуйтеся до того, що кожна ітерація погодження триватиме від 2 до 5 днів. На щастя, з пощью колег з Московського, Ірландського та Датського офісів Microsoft ми отримували зворотній зв'язок досить оперативно.
Наступні кроки
В кінці листопада компанія планує запустити модуль для PowerPoint для MAC, до кінця року — вбудовані в сервіс вікторини та тестування співробітників.
У рамках співпраці компанія Microsoft прийняла рішення про надання компанії INPRES розширеного гранту для розвитку бізнесу Bizspark +, а також використовувати сервіс у конференціях Microsoft.
Висновки
INPRES буде корисний людям які беруть участь у публічних виступах, конференціях, нарадах, які продають презентаціях, в тренінгах, WorkShop-ах, навчальних заходах і на поточний момент є унікальним сервісом, що надає спікерам весь пакет інструментів інтерактивної взаємодії з аудиторією.


Про автора

Денис Попов — ведучий розробник компанії INRPES.
Джерело: Хабрахабр

0 коментарів

Тільки зареєстровані та авторизовані користувачі можуть залишати коментарі.