ИНТЕГРАЦИЯ СОЦИАЛЬНЫХСЕТЕЙ В WEB-ПРИЛОЖЕНИЯВыполнил:Студент 2 курса 9 группыПутинцев Дмитрий ВячеславовичРуководитель:Доце...
Суть курсовой работы• Показать необходимость в использованииинтеграции с социальными сетями.• Показать технологии, использ...
Процентное соотношение зарегистрированныхпользователей в социальных сетях к количествупользователей в интернете44.00%20.00...
Популярные социальные сети в БеларусиВконтактеFacebookОдноклассникиTwitterМой Мир@Mail.RuGoogle Plus
Интеграция с социальными сетями.Что можно сделать?• Плагины• Авторизация• Персонализация
Плагины
Кнопка «Нравится» (Like)FacebookTwitterВконтактеОдноклассникиGoogle PlusМой Мир@Mail.RuСети:Внедрение:1 час
Плагин рекомендацийFacebookВконтактеМой Мир@Mail.RuСети:Внедрение:1 час
Плагин комментариевFacebookВконтактеСети:Внедрение:4 часа
Авторизация
Традиционная Регистрация
Традиционная Регистрация: подтвеждение e-mail
118 нажатий клавиш4 клика мыши
Улучшаем взаимодействие с пользователем спомощью OpenID
Улучшаем взаимодействие с пользователем спомощью OpenID
Улучшаем взаимодействие с пользователем спомощью OpenID
0 нажатий клавиш2 клика мыши
Авторизация и аутентификацияOpenID используется для аутентификациипользователей посещающих сайтOAuth используется для полу...
OpenID: Как это выглядит?Mike Myspace
Myspace, я хочуиспользоватьмой Google аккаунтдля авторизацииMike Myspace GoogleOpenID: Как это выглядит?
Myspace, я хочуиспользоватьмой Google аккаунтдля авторизацииMike Myspace GoogleGoogle,кто это?OpenID: Как это выглядит?
Myspace, я хочуиспользоватьмой Google аккаунтдля авторизацииMike Myspace GoogleGoogle,кто это?Myspace,это Mike!OpenID: Как...
Какие данные мы получаем?• ФИО• Пол• Возраст• Фото• Друзья• Email (Google+, Facebook,Мой Мир)
Персонализация
OAuth: Регистрация приложенияРазработчик регистрирует приложение, и получаетApp ID и App secret
OAuth: Предоставление доступаПриложение перенаправляет пользователя к Google,с указанием:client_id получившим при регистра...
OAuth: Получение Access Token и Refresh TokenGoogle перенаправляет пользователя обратно на redirect_uriприложения и включа...
OAuth: Получение Access Token и Refresh TokenПриложение делает HTTP GET или HTTP POST запросы к API,включая access_token в...
Публикуйте ваш контентПубликуйте фотографии, записи в гостевые,уведомленияПубликуйте все то, что может заинтересоватьдрузе...
Алгоритм интеграцииЧто Как СколькоПривлечениепользователей«Нравится» 1 деньСнижение порогавходаАвторизация 1 неделяВовлече...
Сравнение возможностейFacebook Twitter Google+ ВКонтактеОдноклассники Мой МирНравится + + + + + +Рекомендации + + +Коммент...
Немного о проекте
Немного о проекте
Где можно почитать в деталях?http://developers.facebook.comhttps://dev.twitter.comhttp://vk.com/developers.phphttp://dev.o...
А еще?
Вопросы?
Интеграция социальных сетей в веб приложения
Интеграция социальных сетей в веб приложения
Upcoming SlideShare
Loading in …5
×

Интеграция социальных сетей в веб приложения

931 views

Published on

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

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
931
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
6
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Интеграция социальных сетей в веб приложения

  1. 1. ИНТЕГРАЦИЯ СОЦИАЛЬНЫХСЕТЕЙ В WEB-ПРИЛОЖЕНИЯВыполнил:Студент 2 курса 9 группыПутинцев Дмитрий ВячеславовичРуководитель:Доцент Суздаль Станислав Валерьевич
  2. 2. Суть курсовой работы• Показать необходимость в использованииинтеграции с социальными сетями.• Показать технологии, использумые при интеграции.• Показать возможности интеграции.• Показать перспективы веб приложений прииспользовании интеграции с социальными сетями.
  3. 3. Процентное соотношение зарегистрированныхпользователей в социальных сетях к количествупользователей в интернете44.00%20.00%1100 6.88%4.80%3%
  4. 4. Популярные социальные сети в БеларусиВконтактеFacebookОдноклассникиTwitterМой Мир@Mail.RuGoogle Plus
  5. 5. Интеграция с социальными сетями.Что можно сделать?• Плагины• Авторизация• Персонализация
  6. 6. Плагины
  7. 7. Кнопка «Нравится» (Like)FacebookTwitterВконтактеОдноклассникиGoogle PlusМой Мир@Mail.RuСети:Внедрение:1 час
  8. 8. Плагин рекомендацийFacebookВконтактеМой Мир@Mail.RuСети:Внедрение:1 час
  9. 9. Плагин комментариевFacebookВконтактеСети:Внедрение:4 часа
  10. 10. Авторизация
  11. 11. Традиционная Регистрация
  12. 12. Традиционная Регистрация: подтвеждение e-mail
  13. 13. 118 нажатий клавиш4 клика мыши
  14. 14. Улучшаем взаимодействие с пользователем спомощью OpenID
  15. 15. Улучшаем взаимодействие с пользователем спомощью OpenID
  16. 16. Улучшаем взаимодействие с пользователем спомощью OpenID
  17. 17. 0 нажатий клавиш2 клика мыши
  18. 18. Авторизация и аутентификацияOpenID используется для аутентификациипользователей посещающих сайтOAuth используется для полученияавторизированного доступа к даннымпользователя, хранящихся в другом месте
  19. 19. OpenID: Как это выглядит?Mike Myspace
  20. 20. Myspace, я хочуиспользоватьмой Google аккаунтдля авторизацииMike Myspace GoogleOpenID: Как это выглядит?
  21. 21. Myspace, я хочуиспользоватьмой Google аккаунтдля авторизацииMike Myspace GoogleGoogle,кто это?OpenID: Как это выглядит?
  22. 22. Myspace, я хочуиспользоватьмой Google аккаунтдля авторизацииMike Myspace GoogleGoogle,кто это?Myspace,это Mike!OpenID: Как это выглядит?
  23. 23. Какие данные мы получаем?• ФИО• Пол• Возраст• Фото• Друзья• Email (Google+, Facebook,Мой Мир)
  24. 24. Персонализация
  25. 25. OAuth: Регистрация приложенияРазработчик регистрирует приложение, и получаетApp ID и App secret
  26. 26. OAuth: Предоставление доступаПриложение перенаправляет пользователя к Google,с указанием:client_id получившим при регистрацииredirect_uri для пользователей, чтобы вернуть их назад
  27. 27. OAuth: Получение Access Token и Refresh TokenGoogle перенаправляет пользователя обратно на 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"}
  28. 28. 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>
  29. 29. Публикуйте ваш контентПубликуйте фотографии, записи в гостевые,уведомленияПубликуйте все то, что может заинтересоватьдрузей пользователя
  30. 30. Алгоритм интеграцииЧто Как СколькоПривлечениепользователей«Нравится» 1 деньСнижение порогавходаАвторизация 1 неделяВовлечение Персонализация 1 месяцВирусноераспространениеПубликацияконтента1 неделя
  31. 31. Сравнение возможностейFacebook Twitter Google+ ВКонтактеОдноклассники Мой МирНравится + + + + + +Рекомендации + + +Комментарии + +Авторизация OAuth 2 OAuth 1 OAuth 2,OpenIDOAuth 2 OAuth 2 OAuth 2Email + + +
  32. 32. Немного о проекте
  33. 33. Немного о проекте
  34. 34. Где можно почитать в деталях?http://developers.facebook.comhttps://dev.twitter.comhttp://vk.com/developers.phphttp://dev.odnoklassniki.ruhttps://developers.google.comhttp://api.mail.ru
  35. 35. А еще?
  36. 36. Вопросы?

×