![\"\"](\"http:\/\/blog.soton.ac.uk\/g10\/files\/2015\/04\/\u87a2\u5e55\u5feb\u7167-2015-04-29-\u4e0a\u53481.40.34.png\")
<\/a>1-1 index page without login<\/p><\/div>\n
<\/a>1-2 index page with login<\/p><\/div>\n
2. Search result: The result would show the course name, and the school name will shown below.<\/p>\n
<\/a>2-1 search result without login<\/p><\/div>\n
<\/a>2-2 search result after login<\/p><\/div>\n
<\/p>\n
3. The description of module page: A module page has three parts: Description, Rating, and communication.<\/p>\n
<\/a>3-1 Description page. without login<\/p><\/div>\n
<\/a>3-2 Description page after login. If the user has enrolled\u00a0the course, the page would should the “communication” tab.<\/p><\/div>\n
4. The Rating of module: if a user<\/p>\n
<\/a>4-1 The Rating page with a enroll user. There would be a “Rate this course” button shown.<\/p><\/div>\n
<\/a>4-2 Rating page without login<\/p><\/div>\n
<\/a>4-3 A logon user but not enroll would see the page similar with user without login.<\/p><\/div>\n
5. Rate a course:<\/p>\n
<\/a>5. A enroll user could rate the course.<\/p><\/div>\n
6. communication: The system allow user to post and make comments with their classmates.<\/p>\n
<\/p>\n
<\/a>6-1 Communication page, would see all the posts on it. And user could view their post or add post.<\/p><\/div>\n
<\/a>6-2 Add a new post.<\/p><\/div>\n
<\/a>6-3 inside the post. user could make comments<\/p><\/div>\n