Prototype Report

Lingggo

Team number 03

Chicheng Ren --- Software Architect

Dahai Li --- Quality Focal Point

Dashun Wen --- Life Cycle Planner

Kraingkrai Bumroungruksa --- Prototyper

Siming Ye --- Feasibility Analyst

Shiqi Wei --- Operational Concepts Engineer

Yiting Xiao --- Project Manager

<10/10/2015

v

Version History

/ Date / Author / Version / Changes made / Rationale /
10/10/15 / ShiqiWei / 1.0 / ·  Original for CS577a; Tailored from CSSE PRO Template / ·  To fit CS577a course content
11/30/15 / ShiqiWei / 1.1 / ·  Modify the prototype part / ·  The design of message system is updated
·  / · 

Table of Contents

Prototype Report i

Version History ii

Table of Contents iii

Table of Tables iv

Table of Figures v

1. Introduction 1

2. Navigation Flow 2

3. Prototype 3

v

Table of Tables

Table 1: Match User 3

Table 2: Selected user’s profile 4

Table 3: Profile Page 5

Table 4: Message Box 6

Table 5: Message Details 7

Table of Figures

Figure 1: Navigation Flow of Lingggo 2

Figure 2: Match User 3

Figure 3: Selected user’s profile 4

Figure 4: Profile Page 5

Figure 5: Message Box 6

Figure 6: Message Details 7

v

1.  Introduction

This report provides a description and evaluation of lingggo, a website for providing chances of improving languages and communicating with people from other countries. And a report about navigation flow and UI prototype, providing an assessment on whether or not the prototype has met requirement, is also included. Compared to the previous version, this version modify the message system. The message is shown by user group.

2.  Navigation Flow

Figure 1: Navigation Flow of Lingggo

3.  Prototype

Table 1: Match User

Description / List the users who matched with you
Related Capability / CR-1: Matching System
Pre-condition / The user logged in and click the match button
Post condition / After selecting Chat/ Send message button, the page will be redirect to Message page.
After selecting View profile button, the page will be redirect to Profile page.

Figure 2: Match User

Table 2: Selected user’s profile

Description / View the profile of selected user
Related Capability / CR-2: Profile Management
Pre-condition / User matched with other users and selected View profile button.
Post condition / If the user has some comments on the selected user, he can review or report the user.

Figure 3: Selected user’s profile

Table 3: Profile Page

Description / View and change the profile of user himself
Related Capability / CR-2: Profile Management
Pre-condition / User logged in and selected profile button.
Post condition / If the user modifies and submits his profile and the profile will be updated.

Figure 4: Profile Page

Table 4: Message Box

Description / View the message box
Related Capability / CR-3: Message Management
Pre-condition / User logged in and selected the message button.
Post condition / He can view and send messages.

Figure 5: Message Box

Table 5: Message Details

Description / View the message details
Related Capability / CR-3: Message Management
Pre-condition / User logged in and selected the user who have communicated by messages.
Post condition / If the user writes the message and click send button. The message will be sent and the message details will be updated.

Figure 6: Message Details

6