Socket io, for installation is necessary to type the following command “npm install socket io”. Google Cloud Messaging



Download 12.65 Kb.
Date03.07.2017
Size12.65 Kb.
#22437
Installation Manual

  1. Server on Node JS:

The deployment and installation of the server will require for recommendation the Node JS environment from version 4.4.4 onwards. After the installation it is required the following libraries:

  • Socket IO, for installation is necessary to type the following command “npm install socket.io”.

  • Google Cloud Messaging, for installation is necessary to type the following command “npm install node-gcm”

For the update process of the information for the usage of the Google Cloud Messaging service. In this step is necessary to access to the Google Console Developer using the following procedure in the link. There you need to fill in with the name of the project in the console and the name of the package “it.telecomitalia.tableme”. Finally, it will create automatically the Server API Key and the Sender Id, this information must be updated in the server at the index.js with the API Key and in the application in the Quick references class updating the server id.

After that the server will deploy using the file system creating two folders, Config to save the data of the games ids, and Devices, where all the users that connect to the server will be registered.



  1. Android application and Android Wear:

For the deployment of and installation of the libraries for the Table Me application in Android and Android Wear are done in the gradle build of the application adding the following dependencies:

  • Wearable API, compile 'com.google.android.gms:play-services-wearable:8.3.0'

  • Socket IO, for this library the application contains the version 0.7.0 for Android that is compatible with the version 1.0 onwards of the JavaScript implementation. This library was developed by Naoyuki Kanezawa, if a new version is needed can be downloaded from Naoyuki repository:

    • https://github.com/socketio/socket.io-client-java

And would require the following dependency in the gradle build, where “x” is the version of the library:

    • compile('io.socket:socket.io-client:x) {

exclude group: 'org.json', module: 'json'

}

Important: If any changes are performed to the gradle of the app or the wear modules, it is necessary to update them with the same information. To be able to be compatible between the phone and the smartwatch, the gradles must provide the same configurations for the android part such as compile Sdk version, build tools version, signing configs, default config, build types and dex options.

Finally, for the interfaces developed for the smartwatch application has two layouts for the different types of watches such as the square or the round ones. For this, it has been used watch stub views that allow to set which layout will be displayed if is used in a device with a round or square screen.

2.1. Profile information on the smartwatch

After opening the application, the user can use a list of option to select about the user’s profile information and the game. The profile option shows in a similar way as in the Table Me application the basic information of the user. Firstly, the photo, the position in the leader board inside a badge, two bars that indicate proportionally the number of victories (green bar) and number of lost games (red bar). The at the end the name of the user and his/her ELO score.

profile_mockup

2.2. Gameplay on the smartwatch

After a user that will host a game organize and create the team, a notification is issued to the participants of the match will receive a notification in their phones and to their smartwatches if they have one. At the watch the following notification is displayed.

notification

Then, when the user start playing the game, the screen with the buttons where the player can interact with the score is provided, with a button to add a goal in the center, a dismiss goal button at the left bottom and an auto goal button at the right bottom. The user can interact with them and the score is displayed in the results displayed in top of the screen with its respective colors of the team.



in game

Finally, in each case the users of a team win or lose a match the following screens are displayed in the smartwatches using a base badge with their goals scored.

2.3. Match history on the smartwatch

When the match history option is selected, the user is provided with a brief list of the last ten matches that he/she was part of. Each match is signaled with a cross and the message “Lost!” if the player lost that game, or a check and the message “Won!” if the player won the game. If the player wants to know a more detailed information of the match, it is possible to click an item on the list and will provide a screen with the background color of the victorious team, the score, and the photo of the participants. If the user wants to see the players profile information, he/she can click on the image and the profile information will be displayed.

history_mockup

2.4. Leader board on the smartwatch

When the leader board is selected a list of the ten first places in the leaderboard is loaded and take between 3 to 4 seconds. After waiting, the list displays the basic information of the player in the displayed position with his photo, name and position in a badge. If the user wants to see the profile of the player in a certain position, he/she can select a player in the list and it will show the basic profile information of the player.



leader_mockup

Download 12.65 Kb.

Share with your friends:




The database is protected by copyright ©ua.originaldll.com 2024
send message

    Main page