Make Your Application Social
-
Upload
hueseyin-babal -
Category
Technology
-
view
248 -
download
0
description
Transcript of Make Your Application Social
![Page 1: Make Your Application Social](https://reader034.fdocuments.net/reader034/viewer/2022052619/5570069dd8b42ac0178b4591/html5/thumbnails/1.jpg)
MAKE YOUR APPLICATION SOCIAL
Hüseyin BABALSoftware Developer @Sony
Sep 2013
![Page 2: Make Your Application Social](https://reader034.fdocuments.net/reader034/viewer/2022052619/5570069dd8b42ac0178b4591/html5/thumbnails/2.jpg)
● Simple web app● Boring register forms● Lost in the internet world● How can be popular?
Non-social Apps
![Page 3: Make Your Application Social](https://reader034.fdocuments.net/reader034/viewer/2022052619/5570069dd8b42ac0178b4591/html5/thumbnails/3.jpg)
Non-social Apps
![Page 4: Make Your Application Social](https://reader034.fdocuments.net/reader034/viewer/2022052619/5570069dd8b42ac0178b4591/html5/thumbnails/4.jpg)
Non-social Apps
![Page 5: Make Your Application Social](https://reader034.fdocuments.net/reader034/viewer/2022052619/5570069dd8b42ac0178b4591/html5/thumbnails/5.jpg)
● How can user know about your app?● Anyone register to your app?● Different username/pass for each app?
Non-social Apps
![Page 6: Make Your Application Social](https://reader034.fdocuments.net/reader034/viewer/2022052619/5570069dd8b42ac0178b4591/html5/thumbnails/6.jpg)
● Facebook 665 million user● Instagram 45 million photo per day● Linkedin 2 user registers per second● Youtube 100 hours video per minute
Social Network Power
![Page 7: Make Your Application Social](https://reader034.fdocuments.net/reader034/viewer/2022052619/5570069dd8b42ac0178b4591/html5/thumbnails/7.jpg)
● You can also use social network power● How? By using social network users
Social Network Power
![Page 8: Make Your Application Social](https://reader034.fdocuments.net/reader034/viewer/2022052619/5570069dd8b42ac0178b4591/html5/thumbnails/8.jpg)
● Social network Sign-in● Social network Share● Social network built-in plugins● Social network advanced integration
Integration Methods
![Page 9: Make Your Application Social](https://reader034.fdocuments.net/reader034/viewer/2022052619/5570069dd8b42ac0178b4591/html5/thumbnails/9.jpg)
Oauth
![Page 10: Make Your Application Social](https://reader034.fdocuments.net/reader034/viewer/2022052619/5570069dd8b42ac0178b4591/html5/thumbnails/10.jpg)
Example app:
SocialAuth
SocialAuth Wordpress Plugin
Social network Sign-in
![Page 11: Make Your Application Social](https://reader034.fdocuments.net/reader034/viewer/2022052619/5570069dd8b42ac0178b4591/html5/thumbnails/11.jpg)
Share your content on popular networks.
Popular tool AddThis
Social network share
![Page 12: Make Your Application Social](https://reader034.fdocuments.net/reader034/viewer/2022052619/5570069dd8b42ac0178b4591/html5/thumbnails/12.jpg)
Social network built-in plugins
![Page 13: Make Your Application Social](https://reader034.fdocuments.net/reader034/viewer/2022052619/5570069dd8b42ac0178b4591/html5/thumbnails/13.jpg)
Facebook● Like Button● Send Button● Follow ButtonTwitter● Follow Button● Tweet Button● Embedded Timeline
Social network built-in plugins
![Page 14: Make Your Application Social](https://reader034.fdocuments.net/reader034/viewer/2022052619/5570069dd8b42ac0178b4591/html5/thumbnails/14.jpg)
● Imagine a site that is fully integrated with Twitter
LongTweet
Social network advanced integration
![Page 15: Make Your Application Social](https://reader034.fdocuments.net/reader034/viewer/2022052619/5570069dd8b42ac0178b4591/html5/thumbnails/15.jpg)
● What if user do not want to grant permission for social integration?
● Email Login!!!● User enters email addres and click sign-
in
Different concept
![Page 16: Make Your Application Social](https://reader034.fdocuments.net/reader034/viewer/2022052619/5570069dd8b42ac0178b4591/html5/thumbnails/16.jpg)
1. User enters email address2. An email sent entered email address with
preconstructed url3. User clicks url and login
Example here
Email login workflow
![Page 17: Make Your Application Social](https://reader034.fdocuments.net/reader034/viewer/2022052619/5570069dd8b42ac0178b4591/html5/thumbnails/17.jpg)
For oauth implementation example with node.js you can have a look at here
For online oauth test apigee is the best
Useful things
![Page 18: Make Your Application Social](https://reader034.fdocuments.net/reader034/viewer/2022052619/5570069dd8b42ac0178b4591/html5/thumbnails/18.jpg)
Any Questions?