GatherApp

Week 1：Preliminary An Intorduction of GatherApp:   GatherApp is a mobile-device software based on the WeChat platform, which offers social network service for oversea-students in University of Liverpool. The main purpose is to provide oversea-students  with a platform for information sharing and communicating. The functionalities are microblogging and messaging. Registered users could post, like and share the posts and send messages to the other registered users.  Objectives in Week 1:   To be familar with the syntax of Javascript, HTML and CSS.   D determine the rules of user interface (UI) desgin and draw the design diagrams.   Prepare the components and icons as public resources Outcomes: The schedule is show in below： The design diagrams are shown in below:  

Week 2：View Layers Objectives in Week 2:   Finish the view layers of welcome page, settings page, commuinity page and microblogging page, which are the basis of the software. The view layers of chatting list, chatting interface and the page of friends' specfications; the view layers of the homepage of user, user's profile and the pages of user's posts, history and favourite. The theme: dark mode and light mode. Outcomes: The wxml code of community page: The wxml of user's profile *To make the blog concise, only the crucial works are presented.  Problems and Concerns:  The theme of software would conflict with the system theme when switching between light and dark modes.

Week 3：Dynamic Data Objectives in Week 3:   Test the chatting list, chatting functionality and friend's specification pages with dynamic data. Test the community and blog releasing pages with dynamic data. Solve the problem of switching themes.   Outcomes: The javascript code for chatting functionality: The javascript code for community page: *To make the blog concise, only the crucial works are presented.   Solution to the problems in the Week 2:  Chose to ignore the change of system theme.  Problems and Concerns:  The number of likes and comments cannot be synchronised to community page after users like and comment in the blog specification page. Then number of likes and comments cannot be immediately updated in the blog specification page after the users like or comment . Sometimes the users cannot do the operation of like in community page. Chatting functionality: when the keyboard pushing up, there existed blank area between keyboard and the typing box...

Week 4：Debugging Objectives in Week 4:   Solve the problems in the previous weeks and debug each part of the software before combining them together.  Outcomes: The demonstration of chatting: The demonstration of the like and comment operations in community page and blog specification page:   Solution to the problems in the Week 3:  The problems of like and comment occurred because of the sequence of executing programme. To be specific, the programme in the components would be executed before the programme in pages. It caused problems in sychronising date between community and blog specification pages and updating the data in blog specification page. The blank between keyboard and the typing box existed since the button of style has a higher priority than the button of class. The solution is to set an absolute spacing between the bottom and the typing box which equals to the height of keyboard. Problems and Concerns:  Several bugs existed after combining each ...

  Week 5：Combination Objectives in Week 5:  Debugging The Solved Problems and Concerns in Week5:  After editing profile, the changes would not be sychronised to the homepage of users.   The information in profile cannot update immediately after editing profile .   In dark theme, the font colour is  black when editing posts. The dark theme cannot be applied in chatting list. The notice "loading" still existed after successfully sending graphs. The response time in community page was too long. The photo disappeared after uploading a new one.  An Overall Demonstration:  Improvements:  It takes too much time for uploading videos. The chating interface could be optimised, such as the feedback when reading audio, the newest messages cannot be presented when keyboard exists. A more smooth switching between community page and chatting list. Add the functionalities of cancelling like, follow and favourite. The message cannot be synchronised in the cha...