Improving a Simple, Facebook-like Social Media Environment for Research

We are seeking to work with a freelancer who is highly experienced in Java Script programming and graphical user interfaces. We have a Java Script-based online task (attached) that is used in scientific research. The task is a pretend social media environment. Users are led to believe that they are interacting with others via a platform that is similar to facebook, however all of the other “players” are actually controlled by a computer. Users believe their task is to “like” other people’s profiles, and they believe that the other “players” are “liking” their own profile. We would like to change the appearance of this task, add a few pages to the task, and change some aspects of the way that the program randomly assigns the other “players.” We require a freelancer who can download the program as it exists and learn how it operates. We did not develop it and so we cannot provide any guidance; the freelancer must learn about the program his or herself. Then we would like the freelancer to revise the task in the following ways: 1st Milestone: 1) Randomize the location of other “players’” profiles on the screen: Currently, there are a total 12 profiles of other players in the task. And currently, the position of each player is fixed, not random. The revised program should randomize the location of each player in real time so that each time each user logs into the task, the user sees the other 12 people’s online profiles in a random location. 2) A notification when other ‘Players” are “liked:” Revise the program so that a notification to appears each time another player’s profile is “liked.” Currently, only the user’s likes activate a notification, via green notification pop-up window at the bottom right corner. The revised program should highlight the other players’ likes in the same way. In addition, make the number of likes glow whenever anyone receives a LIKE. 3) Add a guide page before the program starts: Add a GUIDE page before connecting with other players. This page will explain how to play the task by showing an example image and brief descriptions for each unique feature. We will provide the text. 4) Revise the data that are saved for each user: The revised program should record (1) the total number of likes for all players, and who clicked it (most of these will be randomly set by the computer); (2) the total number of LIKES that the user developed; (3) participant ID which is an embedded data field in the incoming url. We would like to add these variables using QueryString in the Java Script. 2nd Milestone: 5) Add a bar that displays the rank order of players’ likes: To emphasize who is getting the highest or lowest number of LIKEs at a given time, the revised program should display a real time RANKING that ranks all players while they are viewing others’ profiles. Ideally, this can go below the timer (right corner of the task space). See attached mock-up. The revised version should display (1) ranking number, (2) the player’s name initials, and (3) total number of likes, in real. The attached zip file includes all the key syntax and image source files that are necessary to run and revise the task. And this is the original version of the task link: [login to view URL] These are online manuals for programming guidelines: [login to view URL] [login to view URL] Thank you!!