Курсовая работа 2012 года.

1. ИНТЕГРАЦИЯ СОЦИАЛЬНЫХ
СЕТЕЙ В WEB-ПРИЛОЖЕНИЯ
Выполнил:
Студент 2 курса 9 группы
Путинцев Дмитрий Вячеславович
Руководитель:
Доцент Суздаль Станислав Валерьевич

2. Суть курсовой работы
• Показать необходимость в использовании
интеграции с социальными сетями.
• Показать технологии, использумые при интеграции.
• Показать возможности интеграции.
• Показать перспективы веб приложений при
использовании интеграции с социальными сетями.

3. Процентное соотношение зарегистрированных
пользователей в социальных сетях к количеству
пользователей в интернете
44.00%
20.00%
1100 6.88%
4.80%
3%

4. Популярные социальные сети в Беларуси
Вконтакте
Facebook
Одноклассники
Twitter
Мой Мир@Mail.Ru
Google Plus

5. Интеграция с социальными сетями.
Что можно сделать?
• Плагины
• Авторизация
• Персонализация

6. Плагины

7. Кнопка «Нравится» (Like)
Facebook
Twitter
Вконтакте
Одноклассники
Google Plus
Мой Мир@Mail.Ru
Сети:
Внедрение:
1 час

8. Плагин рекомендаций
Facebook
Вконтакте
Мой Мир@Mail.Ru
Сети:
Внедрение:
1 час

9. Плагин комментариев
Facebook
Вконтакте
Сети:
Внедрение:
4 часа

10. Авторизация

11. Традиционная Регистрация

12. Традиционная Регистрация: подтвеждение e-mail

13. 118 нажатий клавиш
4 клика мыши

15. Улучшаем взаимодействие с пользователем с
помощью OpenID

16. Улучшаем взаимодействие с пользователем с
помощью OpenID

17. Улучшаем взаимодействие с пользователем с
помощью OpenID

18. 0 нажатий клавиш
2 клика мыши

20. Авторизация и аутентификация
OpenID используется для аутентификации
пользователей посещающих сайт
OAuth используется для получения
авторизированного доступа к данным
пользователя, хранящихся в другом месте

21. OpenID: Как это выглядит?
Mike Myspace

22. Myspace, я хочу
использовать
мой Google аккаунт
для авторизации
Mike Myspace Google
OpenID: Как это выглядит?

23. Myspace, я хочу
использовать
мой Google аккаунт
для авторизации
Mike Myspace Google
Google,
кто это?
OpenID: Как это выглядит?

24. Myspace, я хочу
использовать
мой Google аккаунт
для авторизации
Mike Myspace Google
Google,
кто это?
Myspace,
это Mike!
OpenID: Как это выглядит?

25. Какие данные мы получаем?
• ФИО
• Пол
• Возраст
• Фото
• Друзья
• Email (Google+, Facebook,
Мой Мир)

26. Персонализация

27. OAuth: Регистрация приложения
Разработчик регистрирует приложение, и получает
App ID и App secret

28. OAuth: Предоставление доступа
Приложение перенаправляет пользователя к Google,
с указанием:
client_id получившим при регистрации
redirect_uri для пользователей, чтобы вернуть их назад

29. OAuth: Получение Access Token и Refresh Token
Google перенаправляет пользователя обратно на redirect_uri
приложения и включает authorization_code в URL.
http://conect.by/oauth/?code = <authorization_code>
Приложение выполняет HTTP POST запрос к Google, в том
числе включая client_id, client_secret и code. Google возвращает
access_token и refresh_token.
{
"access_token": "1/fFAGRNJru1FTz70BzhT3Zg"
"expires_in": 3920,
"refresh_token": "1/6BMfW9j53gdGX-tqf8JXQ"
}

30. OAuth: Получение Access Token и Refresh Token
Приложение делает HTTP GET или HTTP POST запросы к API,
включая access_token в качестве параметра запроса или
заголовка.
Приложение делает HTTP POST запрос к Google, включая
client_id, client_secret и refresh_token. Google возращает
access_token. Refresh token остается таким же на
неопределенное время.
{
"access_token":"1/fFAGRNJru1FTz70BzhT3Zg",
"expires_in":3920
}
Пример:
https://www.google.com/calendar/feeds/default/private/full?oauth_token=<access_token>
Заголовок:
Authorization: OAuth <access_token>

31. Публикуйте ваш контент
Публикуйте фотографии, записи в гостевые,
уведомления
Публикуйте все то, что может заинтересовать
друзей пользователя

32. Алгоритм интеграции
Что Как Сколько
Привлечение
пользователей
«Нравится» 1 день
Снижение порога
входа
Авторизация 1 неделя
Вовлечение Персонализация 1 месяц
Вирусное
распространение
Публикация
контента
1 неделя

33. Сравнение возможностей
Facebook Twitter Google+ ВКонтакт
е
Одноклассники Мой Мир
Нравится + + + + + +
Рекомендации + + +
Комментарии + +
Авторизация OAuth 2 OAuth 1 OAuth 2,
OpenID
OAuth 2 OAuth 2 OAuth 2
Email + + +

34. Немного о проекте

35. Немного о проекте

36. Где можно почитать в деталях?
http://developers.facebook.com
https://dev.twitter.com
http://vk.com/developers.php
http://dev.odnoklassniki.ru
https://developers.google.com
http://api.mail.ru

37. А еще?

38. Вопросы?