MyPT Application: Real time member management application for trainers

Application layout

1. Trainer

Tab 1:

Trainee information attrievement by two methods:

1. By specific date
2. By specific name

retreive selected trainee’s exercise info according to aforementioned method

exercise information contains:

1. name
2. time
3. weight
4. set
5. number
6. current state (whether one had finished)

Tab 2:

Create private chatting room with every trainee

Tab 3:

Community available for all users including trainees and trainers

1. uploading image with comment
2. reply message for each feed

2. Trainee

Tab 1:

Create exercise information for each date in the calender provided

main calender

adding exercise

item inserted

Tab 2:

Chatting room with trainer

Tab 3:

above mentioned community

Tab 4:

Timer with number input for the ease of trainees’ training

Application specification

• Naver Login SDK (네아로);
  • Support login using naver Id;

• Nodejs server with mysql databases:

  • login_information databases;
  • user_information databases;
  • exercise_information for each users databases;
  • Chat room information for each users;
  • Chatting log history for each chat room;
  • feed information for the community;
  • upload feed image by (bitmap -> String) convertion and following (String -> bitmap).
  • Reply message history for each feed;

• The followings are set of mysql databases;

  Users

Exercises

Feed information

Feed reply information

Chat_log information

• Socket io connection for real time chat connection for individual trainees;

  • Exploit join to create individaul room for socket system
  • use io.to(room).emit() to send socket event to specific room

• Calender view to store information for each dates;

  • data stored with calender view date information

• Recycler view to maintain and show information dynamically

  • feed information
  • replies for feed
  • exercise information for each dates
  • chat messages
  • trainee lists in trainer tab

Application Design

• Used Dialog and chips for concise exercise selection.
• Check boxs and Delete icon in each items in exercise list for concise state insertion and deletion.
• Use nine patch image for natural chat box.
• Use type recycler view to distinguish message from trainer and message sent from me.

GitHub

View Github