Как создать приложение для «Вконтакте», если ты не программист

Создать приложение «Вконтакте» можно из простой PowerPoint-презентации. Как это сделать, расскажет сертифицированный тренер Microsoft и eLearning-эксперт Дмитрий Якушев.

25 октября 2016 года «Вконтакте» сообщили, что к группам и сообществам можно подключать специальные приложения. По сути они делают паблики полноценной заменой веб-сайтов.

На страничку ВК можно установить следующие приложения:

Дмитрий Якушев,
eLearning-эксперт,
тренер по продуктам Microsoft Office

Те, кому такого арсенала мало, могут создать приложение «Вконтакте» самостоятельно. Поскольку я профессионально учу работать с продуктами Microsoft, то создал два приложения по Excel:

1. Тест для проверки знаний Excel Магистр Excel (I);
2. ТОП-20 формул Excel.

Основой для них стали простые PowerPoint-презентации. Отмечу, что в ВК существуют два типа приложений: flash и iframe. Подробнее о каждом типе можно прочитать здесь.

Я научу, как создать Flash-приложение. Поехали!

Шаг 1. Подготавливаем PowerPoint-презентацию

Рассмотрим вариант, когда у нас есть готовая презентация, и ее нужно превратить в приложение.

Что потребуется для создания приложения ВК:

1. Программа iSpring Suite версии с 7.0 по 8.7 . Пробную версию можно скачать здесь.
2. Презентация с материалом – это основа для приложения. Вы можете использовать самый разнообразный контент: видеоролики, интерактивности, опросы и т.д. Все зависит от того, что вы хотите создать: тест, глоссарий по конкретной теме или слайдовый электронный курс.

К примеру, у меня был курс с 10 Excel-уроками. Каждый урок – это видеоролик по конкретной теме. Теперь «Вконтакте» курс выглядит так.

Совет: чтобы презентация с большим количеством видеоматериалов занимала как можно меньше места, разместите видеофайлы на YouTube. Ссылке на ролики вставьте в презентацию. Как это сделать, рассказывается в уроке:

В моём случае после переноса видео на YouTube презентация в 182 Mb стала весить всего 1,7 Mb. Размер имеет значение, ведь приложения больше 12 Mb. нельзя установить «Вконтакте».

Шаг 2. Публикуем приложение на компьютер

Один из самых важных, но при этом очень простых шагов:

1. На панели инструментов iSpring Suite нажимаем Публикация.

2. Выберите вкладку СD и укажите, в какую папку сохранить приложение.
3. В разделе Выходной формат поставьте галочки напротив пунктов Для компьютера (flash) и Один Flash файл.

4. Нажмите кнопку Опубликовать.

Публикация займет несколько минут. Далее зайдите в папку, в которую сохранили приложение, и найдите файл movie.swf. Он пригодится в дальнейшем.

Шаг 3. Создаем приложение Вконтакте

По умолчанию у всех пользователей соцсети выключен режим Разработчик. Чтобы его активировать, пройдите по этой ссылке.

Если вы раньше не создавали приложений, появится такая страница:

В будущем здесь будут отображаться все ваши приложения. Дальнейшие действия таковы:

1. Кликните на Создать приложение. В появившемся окне выберите платформу Встраиваемое приложение.
2. Окно настроек станет больше. Здесь введите название приложения, описание, выберите тип и категорию. После нажмите Перейти к загрузке приложения.

3. Система попросит подтвердить действие через телефон и принять пользовательское соглашение.
4. После авторизации заполните информацию о приложении. Выберите группу, в которой будет установлено приложение, а также иконку для него. Сохраните изменения.

5. Загрузите обложку. Размер картинки должен четко совпадать с заявленными: 150х150 для квадратной обложки и 278х278 для квадратной обложки на каталог.

6. В настройках выберите состояние Приложение отключено, в строке «Тип приложения» поставьте flash. Нажмите Сохранить изменения.

7. Нажмите на кнопку Загрузить приложение. После укажите файл movie.swf., который хранится на компьютере. Нажмите кнопку Открыть.

Теперь остается лишь протестировать приложение и разместить в паблике. Дальше дело за малым: сделайте пост в группе, запустите таргетированную рекламу, если хотите, чтобы о вашем предложении узнало как можно больше пользователей.