{"id":3240,"date":"2019-03-17T16:18:31","date_gmt":"2019-03-17T16:18:31","guid":{"rendered":"http:\/\/precog.iiitd.edu.in\/blog\/?p=3240"},"modified":"2019-03-18T18:08:44","modified_gmt":"2019-03-18T18:08:44","slug":"mime-a-social-network-for-meme-enthusiasts","status":"publish","type":"post","link":"https:\/\/precog.iiit.ac.in\/blog\/?p=3240","title":{"rendered":"MIME: A Social Network for Meme Enthusiasts. A course project turned into 10,000+ Lines of Code."},"content":{"rendered":"\n<div class=\"wp-block-image\"><figure class=\"aligncenter is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/precog.iiitd.edu.in\/blog\/wp-content\/uploads\/2019\/03\/logo-final-1-1024x1024.png\" alt=\"\" class=\"wp-image-3253\" width=\"200\" height=\"200\" srcset=\"https:\/\/precog.iiit.ac.in\/blog\/wp-content\/uploads\/2019\/03\/logo-final-1-1024x1024.png 1024w, https:\/\/precog.iiit.ac.in\/blog\/wp-content\/uploads\/2019\/03\/logo-final-1-150x150.png 150w, https:\/\/precog.iiit.ac.in\/blog\/wp-content\/uploads\/2019\/03\/logo-final-1-300x300.png 300w, https:\/\/precog.iiit.ac.in\/blog\/wp-content\/uploads\/2019\/03\/logo-final-1-768x768.png 768w, https:\/\/precog.iiit.ac.in\/blog\/wp-content\/uploads\/2019\/03\/logo-final-1-1140x1140.png 1140w, https:\/\/precog.iiit.ac.in\/blog\/wp-content\/uploads\/2019\/03\/logo-final-1-75x75.png 75w, https:\/\/precog.iiit.ac.in\/blog\/wp-content\/uploads\/2019\/03\/logo-final-1.png 2000w\" sizes=\"auto, (max-width: 200px) 100vw, 200px\" \/><\/figure><\/div>\n\n\n\n<p>Memes have become a predominant means of expression in the Internet culture, they are not only used as a means of entertainment but as an important tool for advertising, spreading propaganda and even political ideologies. However, the creation of memes is limited to a niche community of content creators who are skilled in photo\/video editing software. <strong><em>MIME<\/em><\/strong> is a platform which empowers people who lack these skills to become a part of the meme conversation. We built a one-stop solution for all meme needs &#8211; a maker space where people can create memes, a personalized meme feed, and a space to connect with other meme enthusiasts. Further, we hypothesize that a person\u2019s meme interests can be an intrinsic indicator of social preferences and can form the basis of strong interpersonal connections. We aim to create a strong community by enabling users to form connections based on similar meme interests.<\/p>\n\n\n\n<p><strong>INITIAL RESEARCH<\/strong><\/p>\n\n\n\n<p>We conducted a user study with the aim to see if others felt the same and not just work on our assumptions. We conducted a survey to gauge the strength of our research and assumptions. A total of 88 people filled the survey and the result turned out as follows: 61.3% people spent at least 30 minutes every day on memes; 70.7% felt that memes they like represent their emotions and they connect with their content on a daily basis; 68% of people wanted to connect to people with similar meme interests. This research was done part of the course that Varnit took with PK in Fall 2017, CSE645: Privacy &amp; Security in Online Social Media. Varnit has been working on this from then until now.<\/p>\n\n\n\n<p>Mime is built taking care of all considerations collected through user survey, interviews, and discussions; we want to give the user a wholesome meme experience. It is a meme haven, a place where one can discover everything there is about memes. It encapsulates three aspects. First, it contains a personalized meme feed constantly calibrated to the user\u2019s latest preferences using a relevance feedback loop. Second, it provides an all-purpose maker space for uploading and creating memes using templates, free drawings, and photos uploaded from phone gallery. Lastly, there is a social corner, so to say, enabling people to connect with other people with similar meme preferences.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh5.googleusercontent.com\/OCdjqVVRupZnqKtI_rKxrGJp7ufzcqO2CNEYqA2J64W8z7-x5YxwsnO7IrJTzWrk98hkYJXFKJW2M3HI1DFFITX1glum5m5vWyTx2zL2jhCw1X1vq9LaiGSob6Dj89I0nusNhdXu\" alt=\"\"\/><figcaption>Affinity diagram that we developed from the interviews \/ discussions.<\/figcaption><\/figure>\n\n\n\n<p>We made a low-fi prototype on the basis of the affinity diagram. We then conducted a few iterations of user testing to improve the usability of the interfaces, ease of transition between interfaces and to find out if any action defined by us was not intuitive. We developed high-fidelity prototypes from the feedback we received. Below are the screens from the social network we developed. <br><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh5.googleusercontent.com\/Tgh_ytofo-JPJBrorVOzVZzsw5SqSqk0e1xFgaTd_Q1-5cpWmFPp8csogzKFBk6A8n1QxuFg6zx4aM3OWHet_VvpVuQlCJq0tYrYCuJGn-VifQDuEccNeAjghp8fsg7GpzyPVKjD\" alt=\"\"\/><figcaption>The first two screens display the two types of preview screens; the third screen displays how a customised (dynamic) user preference vector is created for each; and fourth screen shows us the memes that we&#8217;ve posted.<br><\/figcaption><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh6.googleusercontent.com\/eyeMW6y4xo_dgQi4At3oN_m7INhBz3aPkRycjaBos_ztZX-uMH8SFVb0rw15iexQwtbl_MDqFin2vXR77_UuXpyXg7jDG3DvIzRBUCLjpi4k_7sP6xZgPSEAiXukNjefzezQZ75Q\" alt=\"\"\/><figcaption>The first three screens show a meme-posting process; (1) You can use various start points from a blank page to a photo, (2) This previews gives you various options to edit the option you chose in step 1, (3) This preview allows you to add a caption and associated tags for the meme; The last screen shows that we have a customized notification section for each user.<br><\/figcaption><\/figure>\n\n\n\n<p>At first, we decided on MayMayMe. It is a combination of the words MayMay (a mispronunciation of Meme, often made fun of in the meme community) and Me. It was a modification of the phrase \u2019meet me\u2019 to \u2019meme me\u2019 as our app will help users connect based on meme interests. Additionally, it can be interpreted as Internet lingo for \u2019send me a meme\u2019. However, it was not received well by the users. It was pointed out that there were too many syllables. Finally, we switched to \u2019MIME\u2019. It was a combination of \u2019my\/mine\u2019 and \u2019meme\u2019. Our vision for this app is for the common user to be able to express his sense of humor effortlessly and claim ownership for it. Hence, \u2019my meme\u2019 sounds like an appropriate name for it. \u2019Mime\u2019 also means \u2019to use only gesture and movement to act out (a play or role)\u2019. It is an art form utilizing indirect ways of communication to express oneself, which, we feel, is the role that memes play in our community as well. <\/p>\n\n\n\n<p>We have taken a lot of care by user testing the app in multiple ways, we hope you will enjoying MIME-ing with us! Download the app <a href=\"http:\/\/bit.ly\/meme-mime\">here<\/a> and let us know your feedback. Below is a video showing you a demo of the app. <\/p>\n\n\n\n<figure class=\"wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" width=\"960\" height=\"540\" src=\"https:\/\/www.youtube.com\/embed\/E9enRV9ge28?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n<\/div><figcaption>Live demo of MIME! <\/figcaption><\/figure>\n\n\n\n<p><strong>Team<\/strong><\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/precog.iiitd.edu.in\/blog\/wp-content\/uploads\/2019\/03\/MIME-Team-1024x768.jpg\" alt=\"\" class=\"wp-image-3283\" width=\"431\" height=\"324\" srcset=\"https:\/\/precog.iiit.ac.in\/blog\/wp-content\/uploads\/2019\/03\/MIME-Team.jpg 1024w, https:\/\/precog.iiit.ac.in\/blog\/wp-content\/uploads\/2019\/03\/MIME-Team-300x225.jpg 300w, https:\/\/precog.iiit.ac.in\/blog\/wp-content\/uploads\/2019\/03\/MIME-Team-768x576.jpg 768w\" sizes=\"auto, (max-width: 431px) 100vw, 431px\" \/><\/figure><\/div>\n\n\n\n<p>Students: <a href=\"mailto:varnit15112@iiitd.ac.in\">Varnit Jain<\/a>, Chirag Jain, Sarthak Marwaha, Pranshu Bansal                                                  <\/p>\n\n\n\n<p>Faculty: <a href=\"mailto:pk@iiitd.ac.in\">Prof. Ponnurangam Kumaraguru \u201cPK\u201d<\/a><\/p>\n\n\n\n<p>For any questions \/ feedback, please drop an email at pk[at]iiitd[dot]ac[dot]in, we will be happy to help you with it. <br><\/p>\n\n\n\n<p><br><\/p>\n\n\n\n<p><br><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Memes have become a predominant means of expression in the Internet culture, they are not only used as a means of entertainment but as an important tool for advertising, spreading propaganda and even political ideologies. However, the creation of memes is limited to a niche community of content creators who are skilled in photo\/video editing software. MIME is a platform which empowers people who lack these skills to become a part of the meme conversation. We built a one-stop solution for all meme needs &#8211; a maker space where people can create memes, a personalized meme feed, and a space to connect with other meme enthusiasts. Further, we hypothesize that a person\u2019s meme interests can be an intrinsic indicator of social preferences and can form the basis of strong interpersonal connections. We aim to create a strong community by enabling users to form connections based on similar meme interests. INITIAL RESEARCH We conducted a user study with the aim to see if others felt the same and not just work on our assumptions. We conducted a survey to gauge the strength of our research and assumptions. A total of 88 people filled the survey and the result turned out as follows: 61.3% people spent at least 30 minutes every day on memes; 70.7% felt that memes they like represent their emotions and they connect with their content on a daily basis; 68% of people wanted to connect to people with similar meme interests. This research was done part of the course that Varnit took with PK in Fall 2017, CSE645: Privacy &amp; Security in Online Social Media. Varnit has been working on this from then until now. Mime is built taking care of all considerations collected through user survey, interviews, and discussions; we want to give the user a wholesome meme experience. It is a meme haven, a place where one can discover everything there is about memes. It encapsulates three aspects. First, it contains a personalized meme feed constantly calibrated to the user\u2019s latest preferences using a relevance feedback loop. Second, it provides an all-purpose maker space for uploading and creating memes using templates, free drawings, and photos uploaded from phone gallery. Lastly, there is a social corner, so to say, enabling people to connect with other people with similar meme preferences. We made a low-fi prototype on the basis of the affinity diagram. We then conducted a few iterations of user testing to improve the usability of the interfaces, ease of transition between interfaces and to find out if any action defined by us was not intuitive. We developed high-fidelity prototypes from the feedback we received. Below are the screens from the social network we developed. At first, we decided on MayMayMe. It is a combination of the words MayMay (a mispronunciation of Meme, often made fun of in the meme community) and Me. It was a modification of the phrase \u2019meet me\u2019 to \u2019meme me\u2019 as our app will help users connect based on meme interests. Additionally, it can be interpreted as Internet lingo for \u2019send me a meme\u2019. However, it was not received well by the users. It was pointed out that there were too many syllables. Finally, we switched to \u2019MIME\u2019. It was a combination of \u2019my\/mine\u2019 and \u2019meme\u2019. Our vision for this app is for the common user to be able to express his sense of humor effortlessly and claim ownership for it. Hence, \u2019my meme\u2019 sounds like an appropriate name for it. \u2019Mime\u2019 also means \u2019to use only gesture and movement to act out (a play or role)\u2019. It is an art form utilizing indirect ways of communication to express oneself, which, we feel, is the role that memes play in our community as well. We have taken a lot of care by user testing the app in multiple ways, we hope you will enjoying MIME-ing with us! Download the app here and let us know your feedback. Below is a video showing you a demo of the app. Team Students: Varnit Jain, Chirag Jain, Sarthak Marwaha, Pranshu Bansal Faculty: Prof. Ponnurangam Kumaraguru \u201cPK\u201d For any questions \/ feedback, please drop an email at pk[at]iiitd[dot]ac[dot]in, we will be happy to help you with it.<\/p>\n","protected":false},"author":71,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":true,"template":"","format":"standard","meta":{"ngg_post_thumbnail":0,"footnotes":""},"categories":[1351,1350,3],"tags":[],"class_list":["post-3240","post","type-post","status-publish","format-standard","hentry","category-building-systems","category-social-computing","category-students"],"_links":{"self":[{"href":"https:\/\/precog.iiit.ac.in\/blog\/index.php?rest_route=\/wp\/v2\/posts\/3240","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/precog.iiit.ac.in\/blog\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/precog.iiit.ac.in\/blog\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/precog.iiit.ac.in\/blog\/index.php?rest_route=\/wp\/v2\/users\/71"}],"replies":[{"embeddable":true,"href":"https:\/\/precog.iiit.ac.in\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3240"}],"version-history":[{"count":26,"href":"https:\/\/precog.iiit.ac.in\/blog\/index.php?rest_route=\/wp\/v2\/posts\/3240\/revisions"}],"predecessor-version":[{"id":3287,"href":"https:\/\/precog.iiit.ac.in\/blog\/index.php?rest_route=\/wp\/v2\/posts\/3240\/revisions\/3287"}],"wp:attachment":[{"href":"https:\/\/precog.iiit.ac.in\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3240"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/precog.iiit.ac.in\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=3240"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/precog.iiit.ac.in\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=3240"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}