MyTweetFace<br />Integrating cam-whoring and social networking services<br />Farah Liana Binti Abu Bakar<br />1061105377<b...
INTRODUCTION<br />I was inspired to do this project by reviewing on the current issue in the society on                   ...
PROJECT PROPOSAL<br />Topic : Cam-whoring + Social Networking = Interactive Photo-installation<br />Theme : Social innovat...
PROJECT PROPOSAL<br />Problem Identification :<br />	People who like cam-whoring usually like to seek for attention and wi...
To let users share the fun with the world
To provide people a gadget that can take their picture and share it on their online profile at ease
To provide high technology experience to users
To experiment on different ways of communicating and interacting
To give users new experience of photo sharing</li></li></ul><li>PROJECT PROPOSAL<br />Motivation : <br />	Cam-whoring acti...
RESEARCH & ANALYSIS<br />Definition : <br /><ul><li>Camwhoring- generally means someone who likes taking pictures of thems...
Social networking service - a platform for people who have same interest to gather and share their information and experie...
There are a lot of applications on net that are using the webcam to capture users’ image (adapting the concept of cam-whor...
A cam-whore usually like to seek for attentions and will use online social networking services such as Facebook, MySpace a...
This trend also can be seen in Malaysian drama and movies.</li></li></ul><li>RESEARCH & ANALYSIS<br />Social Networking Se...
Launched in 2004 by Harvard University students for their university social networking.
The Web site designed to put students in touch with one another, share their photos and meet new people
Can be accessed by public on August 2005
Facebook features :</li></ul>Sharing pictures, status updating, Facebook applications, adding friends, events invitation, ...
RESEARCH & ANALYSIS<br />Data Analysis<br /><ul><li>The  questionnaires has been hosted online and 30 respondents have tak...
Their age range is varied but majority of them are teenagers and young adults.
The main reason for them to have SNS account is to be friend and socialize with others.
70% of respondents have more than 1 SNS accounts
4 main factors that make them using SNS ; friendship, family, networking and fun.
Majority of them spent 1 -6 hours on SNS to chat, playing games and observing others’ profile
They like to share pictures and video especially own self photos
Taking photo alone is their first choice, followed by with boyfriend/girlfriend and family.
Majority of them are taking and uploading the pictures in their own accounts.</li></li></ul><li>TECHNICAL STATEMENT<br />T...
IDEA DEVELOPMENT<br /><ul><li>User then will be directed to instruction page. After done and understand the instruction, u...
This intro page will provide title, basic      description, and also title to the user.</li></li></ul><li>IDEA DEVELOPMENT...
If yes, proceed to next page
If no, back to previous page</li></ul>Terms and condition are applied in order to keep this application on the right track...
Socialize people
Self-expression applications</li></ul>Social Networking + Cam-whoring<br /><ul><li>Photo booth-like application
Application on Facebook
Basic editing on the picture</li></ul>Personal Context<br /><ul><li>Very attached to SNS and cam-whoring
Gain a lot of friends
Sentimental values</li></ul>Institutional Context<br /><ul><li>Social behavior on site
How  social behave
How they react towards others on SNS</li></ul>Cultural Context<br /><ul><li>A new trend
Upcoming SlideShare
Loading in …5
×

MyTweetFace FYP2

486 views
421 views

Published on

For my final year project

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

  • Be the first to like this

No Downloads
Views
Total views
486
On SlideShare
0
From Embeds
0
Number of Embeds
103
Actions
Shares
0
Downloads
1
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

MyTweetFace FYP2

  1. 1. MyTweetFace<br />Integrating cam-whoring and social networking services<br />Farah Liana Binti Abu Bakar<br />1061105377<br />Bachelor of Multimedia (hons) in Media Art<br />Multimedia University, Malaysia<br />
  2. 2. INTRODUCTION<br />I was inspired to do this project by reviewing on the current issue in the society on cam-whoring and also social networking.<br />Cam-whoring is fast becoming a pandemic issue all over the world; the definition of Cam-whoring could be different base on geographic regions and cultures. In Malaysia where the culture is more conservative, someone who Cam-whores are refer to individuals who post pictures or videos of themselves on the Internet to gain attention. The term disparages those who post pictures of themselves at inappropriate times or places, and usually implies self-absorption. Other than that, people who enjoy Cam-whoring usually like to seek attentions and will use online social networking services such as Facebook, MySpace and Friendster as their medium.<br />Social Networking is fast becoming a day to day activity in our daily life base on the current trend of Information Communication Technology (ICT). According to a research, the most popular social networking site is Facebook.com with 250 million users and over 10 billion photos shared globally. The photo sharing feature has become the main attraction of online social networking services and proved by the statistics of 3 billion photos being uploaded every month on Facebook.<br />By combining these two main aspects, there is tendency that this application will attract more users because it is really helpful for them to update their photos in social networking site.<br />
  3. 3. PROJECT PROPOSAL<br />Topic : Cam-whoring + Social Networking = Interactive Photo-installation<br />Theme : Social innovation and new media<br />Background research : <br />An interactive photo-installation usually will works with real-time images. The aim of this installation is to bring people closer together in a playful way. Like many social networking tools on the internet, this installation enables you to connect with other people. It plays with the idea that the virtual world is replacing our social life and therefore wants people to connect in the real world again.<br />Reason : <br />Cam-whore and social networking have become new trends in Malaysia. Definition of cam-whores in Malaysia is differ from foreign country. Cam-whore means anyone who is addicted to taking countless pictures of themselves to post on the internet. Pictures range from conservative face shots to explicit nude photos complete with visible sex acts. But in Malaysia, its means someone who likes taking pictures of himself/herself in all kinds of places. Self obsession is definitely there, but skin showing is not necessary in this context.<br />
  4. 4. PROJECT PROPOSAL<br />Problem Identification :<br /> People who like cam-whoring usually like to seek for attention and will use online social network services such as Facebook, MySpace and Friendster as their medium.<br />what is a social network service?<br />"A social network service is an online service, platform, or site that focuses on building and reflecting of social networks or social relations among people, e.g., who share interests and/or activities. A social network service essentially consists of a representation of each user (often a profile), his/her social links, and a variety of additional services." –Wikipedia<br />Aim and Objectives :<br /><ul><li>To experiment how users react on camera
  5. 5. To let users share the fun with the world
  6. 6. To provide people a gadget that can take their picture and share it on their online profile at ease
  7. 7. To provide high technology experience to users
  8. 8. To experiment on different ways of communicating and interacting
  9. 9. To give users new experience of photo sharing</li></li></ul><li>PROJECT PROPOSAL<br />Motivation : <br /> Cam-whoring activity and social networking services are much related to today's trends. So, I am trying to adapt this pop cultural into my project.<br />Ideation and Concept: <br /> User need to take their picture in a photo booth. They can choose the effect that they want to apply in their picture (fish eye, fire, watery, etc). The picture taken will be immediately downloaded from the camera to the server and been shown on the screen. User then can do simple editing on their picture like change the hue and saturation, contrast as well as threshold. After done with editing, user can choose either want to save the picture through email or uploading their image which user need to log in to their Facebook (FB) account later. This application can be access through FB apps too. User can have fun while taking picture either alone or with friend and share it in their FB account.<br />Design Approach: Photographic, real-time interaction<br />
  10. 10. RESEARCH & ANALYSIS<br />Definition : <br /><ul><li>Camwhoring- generally means someone who likes taking pictures of themselves in any places or circumstances. They have high self obsession but they did not showing their flesh/skin or something unnecessary in this context. Other than that, people who enjoying camwhoring usually like to seek for attentions and will use online social networking services such as Facebook, MySpace and Friendster as their medium.
  11. 11. Social networking service - a platform for people who have same interest to gather and share their information and experiences virtually using the internet service. </li></ul>Cam-whoring : <br /><ul><li>adaptation from Japanese pop culture and innovation from sticker self-photo booth, mobile camera phone and also compact digital camera.
  12. 12. There are a lot of applications on net that are using the webcam to capture users’ image (adapting the concept of cam-whoring)
  13. 13. A cam-whore usually like to seek for attentions and will use online social networking services such as Facebook, MySpace and Friendster as their medium.
  14. 14. This trend also can be seen in Malaysian drama and movies.</li></li></ul><li>RESEARCH & ANALYSIS<br />Social Networking Services<br /><ul><li>Facebook ranks no. 1 in the world / Malaysia
  15. 15. Launched in 2004 by Harvard University students for their university social networking.
  16. 16. The Web site designed to put students in touch with one another, share their photos and meet new people
  17. 17. Can be accessed by public on August 2005
  18. 18. Facebook features :</li></ul>Sharing pictures, status updating, Facebook applications, adding friends, events invitation, grouping<br /><ul><li>Facebook applications :</li></ul>Facebook's first-party applications include photos, videos, groups, events, marketplace, posted items, notes and gifts. These are applications developed by Facebook and available to all members.<br />Facebook's third-party applications --there are hundreds of them developed by Facebook members.<br />
  19. 19. RESEARCH & ANALYSIS<br />Data Analysis<br /><ul><li>The questionnaires has been hosted online and 30 respondents have taking part.
  20. 20. Their age range is varied but majority of them are teenagers and young adults.
  21. 21. The main reason for them to have SNS account is to be friend and socialize with others.
  22. 22. 70% of respondents have more than 1 SNS accounts
  23. 23. 4 main factors that make them using SNS ; friendship, family, networking and fun.
  24. 24. Majority of them spent 1 -6 hours on SNS to chat, playing games and observing others’ profile
  25. 25. They like to share pictures and video especially own self photos
  26. 26. Taking photo alone is their first choice, followed by with boyfriend/girlfriend and family.
  27. 27. Majority of them are taking and uploading the pictures in their own accounts.</li></li></ul><li>TECHNICAL STATEMENT<br />This project is an online based system, hosted at http://www.mytweetface.net/; enabling users ease to access the application at their own convenient time. <br />At the welcoming page, users need to click on the “START” button to start using the application. Then, a screen with an image which is captured by the individual’s webcam will be shown and they can click on the image to change the effect, when they are happy with the desired outcome, they can capture the image and continue with the next step.<br /> In the next stage, the image that has been captured will be loaded, so that the User can edit the value of the brightness, hue, saturation, contrast, alpha and even the threshold. In this stage, they just need to put in the value in the box provided and proceed if they are satisfy with the result. <br />At the final stage, users need to choose the channel that they want to share their image with others. There are two channels provided; Email and Facebook, the email will be sent using the function of PHP Post via GMail SMTP Server, while to share on Facebook.com, users will need to use the Facebook connect function to link the site with Facebook.<br />In the future, the enhancement that will take place is an upgrade of this application into a Facebook Application.<br />
  28. 28. IDEA DEVELOPMENT<br /><ul><li>User then will be directed to instruction page. After done and understand the instruction, user may proceed to the next page.</li></ul>User will enter interactive area to interact with the application<br /><ul><li>User then can activate the program by clicking on "ENTER" button.
  29. 29. This intro page will provide title, basic description, and also title to the user.</li></li></ul><li>IDEA DEVELOPMENT<br /><ul><li>The image taken will be shown on the screen. User will be asked either they like the picture or not.
  30. 30. If yes, proceed to next page
  31. 31. If no, back to previous page</li></ul>Terms and condition are applied in order to keep this application on the right track. User need to agree with T&C in order to proceed to the next page.<br /><ul><li>User can click on their image to change the effect. The effect available is mirror, squeeze, fish eye and so on. If user like the effect applied, they can click on "SNAP" button.</li></li></ul><li>IDEA DEVELOPMENT<br /><ul><li>If the user choose to email it, they just need to provide the recipient's email address and a message to them. The email will be sent by MyTweetFace email.</li></ul>User then can edit their pictures with features provided :<br />brightness, saturation, contrast, color<br /><ul><li>When done with editing, they may choose either want to download the pictures via email or upload it on Facebook.</li></li></ul><li>IDEA DEVELOPMENT<br /><ul><li>The photo then will be upload upon the permission granted by user.</li></ul>If the user chose to upload their image on Facebook, they need to login on their account first.<br /><ul><li>They will be directed to MyTweetFace Facebook Application. The apps will first asked their permission to access their profile.</li></li></ul><li>CONTEXTUAL STUDIES<br />Social Context<br /><ul><li>Connect with others
  32. 32. Socialize people
  33. 33. Self-expression applications</li></ul>Social Networking + Cam-whoring<br /><ul><li>Photo booth-like application
  34. 34. Application on Facebook
  35. 35. Basic editing on the picture</li></ul>Personal Context<br /><ul><li>Very attached to SNS and cam-whoring
  36. 36. Gain a lot of friends
  37. 37. Sentimental values</li></ul>Institutional Context<br /><ul><li>Social behavior on site
  38. 38. How social behave
  39. 39. How they react towards others on SNS</li></ul>Cultural Context<br /><ul><li>A new trend
  40. 40. A new way of communication
  41. 41. Everyone have atleast 1 SNS profile</li></li></ul><li>FLOWCHART<br />START<br />Skip<br />Yes<br />No<br />Intro<br />Enter<br />Instruction<br />Rules<br />*T&C applied<br />Capturing<br />image<br />Agree<br />Like<br />Yes<br />Edit<br />Publish<br />Yes<br />No<br />No<br />*brightness, saturation, resize, rotate, etc<br />Apps<br />Download picture<br />*via Email<br />Key-in data<br />Email Sent<br />*Login profile<br />Adding caption<br />Exit<br />Share<br />No<br />Like<br />Yes<br />END<br />Upload<br />
  42. 42. FLOORPLAN<br />Keys :<br />1. Webcam<br />2. Monitor<br />3. CPU/server<br />4. mouse/keyboard<br />5. user<br />6. Interactive area<br />Floorplan for MyTweetFace Photo Booth<br />
  43. 43. INTERFACE<br />Main page<br />
  44. 44. INTERFACE<br />Capturing image – user can change the effect<br />(ActionScript 3.0)<br />
  45. 45. INTERFACE<br />Editing image – user can edit the color of the photo<br />(ActionScript 2.0)<br />
  46. 46. INTERFACE<br />Sharing images – user can choose either they want to email or post on Facebook<br />
  47. 47. INTERFACE<br />Email image – user can email their photo<br />(php)<br />
  48. 48. EFFECTS<br />The effects applied in my application<br />
  49. 49. EFFECTS<br />The effects applied in my application<br />
  50. 50. EFFECTS<br />The effects applied in my application<br />
  51. 51. EFFECTS<br />The effects applied in my application<br />
  52. 52. EFFECTS<br />The effects applied in my application<br />
  53. 53. LANGUAGE<br />I am using a few languages in this application:<br /><ul><li>ActionScript 3.0
  54. 54. Applying effects of camera
  55. 55. ActionScript 2.0
  56. 56. Editing image
  57. 57. Button linking
  58. 58. PHP
  59. 59. Saving image
  60. 60. Facebook connect
  61. 61. Email
  62. 62. HTML
  63. 63. Basic index page
  64. 64. JavaScript
  65. 65. Attached swf file on HTML page</li></li></ul><li>PROBLEM<br />Problem<br />Instruction, T&C, capturing image and like page in 4 separated pages seems to be too much and give too much task to users.<br />Solution<br />Redesign the page and combining all four elements in one page.<br />
  66. 66. PROBLEM<br />Problem<br />Flash cannot capture an image straight from webcam<br />Solution<br />Draw BitmapData and duplicate the image on it..Send the BitmapData to PHP using POST method and also Adobe JPEGEncoder. The image can be save in a folder.<br />
  67. 67. PROBLEM<br />Problem<br />Flash cannot integrate ActionScript 3.0 and ActionScript 2.0<br />Solution<br />Convert the file to .swf format and call it as a movie from ActionScript 3.0.<br />ActionScript 3.0 can load a .swf movie that contains ActionScript 2.0 and it is not working vice versa<br />
  68. 68. PROBLEM<br />Problem<br />Loading time from page to page taking so long.<br />Solution<br />Instead of load separated .swf movie, I changed them to scene in a .swf movie.<br />
  69. 69. PROBLEM<br />Problem<br />Loading external image into flash movieclip but failed to edit the image in application<br />Solution<br />Importing image using BitmapData class and it is works to edit on it. <br />
  70. 70. PROBLEM<br />Problem<br />Did not manage to attach image into email<br />Solution<br />Change the email page to tell a friend page using php.<br />(temporary solution)<br />
  71. 71. PROBLEM<br />Problem<br />Get confused with Facebook OAuth<br />Solution<br />Change the Facebook apps to Facebook Social Plugin and addthisplugin<br />
  72. 72. PROBLEM<br />Problem<br />Facebook SosialPlugin and addthisplugin need to be attached to a site using html. I did nt manage to find a way to put the html code in flash. <br />Solution<br />Redesign everything using html and css and hope it will looks better.<br />
  73. 73. PROBLEM<br />Problem<br />Managed to save the image using variable name but did not managed to call it on next page.<br />Solution<br />Still looking for a solution<br />
  74. 74. FUTURE PLANNING<br /><ul><li>Load the image using variable name
  75. 75. Trying to make the email function with image attached works.
  76. 76. Fix all the bugs.
  77. 77. Upgrading the site as Facebook apps
  78. 78. Advertise and earning from the apps</li></li></ul><li>FINAL SYNOPSIS<br />
  79. 79. THE END<br />Thanks for your time!<br />

×