Team BASK

By: Amir Sezavar Keshavarz

We investigate about the domain and our use case diagram and we come up with a general schema of our database which we published the result and the schema in previous posts. We decided to choose MySQL Server database as our main database. The main reasons are following:

• Open Source
• Performance

However, we are concerned about followings which MySQL Server seems to have short-commings:

• Recovery

We generate all the SQL codes necessary to have our database and import them in the MySQL Database Server. We consider all the primary keys and data types as well. However there are some improvements that we can consider them later, such as:

• One of the tables which are responsible for storing user personal data has way too many columns and all the focus are on this table which is like a main table with a lot of links. Later in the way, we can divide this table into two tables. Half of columns will go with table 1 and the rest will be stored in the second table. We could also mirror the table and store records in more than one table ordered alphabetically.
• We do not consider index in our SQL code which might be essential later for the sake of performance and search speed. Later, it would be a good idea to add index to all tables.

By: Amir Sezavar Keshavarz

In this phase, we are going to be more concerned about the implementation of the project.

From project analysis, we understand about UML diagrams. Use Case Diagrams help us to capture all the requirements and assure that we are going to implement all the features and needs. Furthermore Class Diagram and Sequence Diagram will help us in implementation. All the UML diagram will be uploaded in the website as soon as possible.

We also analyse the database domain. The database schema gives us a general view to the database and all the tables that we are going to implement.

We also have three prototypes which base on our survey and interview, we are going to design one of them. All the questionnaire, interviews and survey and their result will be uploaded in the website.

This document, Prototype Version 3, is available to download from DropBox. In case of any modification, please update all the versions. You have to update word document, PDF document in DropBox Folder and Also this post.

By Boton Li
Posted By Amir Sezavar Keshavarz

This document, Idea Development Version 2, is available to download from DropBox. In case of any modification, please update all the versions. You have to update word document, PDF document in DropBox Folder and Also this post.

Idea Development Document – Version 2

After our meetings with our mentor and different group meetings, we agree upon the problem domain and what we are going to do exactly. We did all the review literature and we checked some relevant similar project in order to see how they propose a solution and whether we can any weakness there.

After that, we started working on different sections such as Questionnaire, Prototype Design, Use Case, and Database Design. At this stage, we have a good overview of the structure of the system. The following diagram depicted our first general architectural diagram:

Architecture Diagram

The first thing we did and agreed was the distinction between 3-Tier and 3-Layer Architecture. Tiers indicate a physical separation of components on the same server or multiple servers,  but layers refers to a logical separation of components, such as having distinct namespaces and classes for the Database Access Layer (DAL), Business Logic Layer (BLL) and User Interface Layer (UIL). Therefore, tier is about physical separation and units of deployment, and layers are about logical separation and units of design. Due to estimated future use of this system, we decided to develop our system in different tiers so later load balancing, request-response management and database transaction would not be a problem.

We have three different tiers here:

1. Presentation Tier
   1. Topmost level of the application
   2. Displays information
   3. Communicates with other tiers.
   4. Technologies involved: HTML, CSS, jQuery, Ajax
2. Logic Tier
   1. Business Logic
   2. Controls an application’s functionality
   3. Detailed data processing
   4. Technologies involved: JSP, Servlet, Tag Libraries
3. Data Tier
   1. Database servers
   2. Stored and Retrieved
   3. Keeps data neutral and independent from application servers or business logic
   4. Improves scalability and performance.
   5. Technologies involved: MySQL, Hibernate

In next diagram, and in the next Idea Development document, we will be more specific about the details of this architecture so later we have a bright road map. We will be also more specific about the future technologies that we are going to utilize in this project.

This document, Prototype Version 2, is available to download from DropBox. In case of any modification, please update all the versions. You have to update word document, PDF document in DropBox Folder and Also this post.

Introduction

This artefact is aimed to discuss different aspects and rationale of the proposed GUI prototype for the SOTON Student Connect application.

There are three part of explanation.

Main page, Personal profile and Accommodation,

Main page is the only we can see before we logged in. and the others are similar page but following which option we choose after log in.

Screen shots

1. Main Page

Main

Features.

From the top, There is a logo but it has not been chosen the placement. Possibly left side or middle side, But not good for right side.

Main menu bar has 6 menu which we discussed before,

Main login page is placed on the left side.  If we are connected with School Database then we do not need join button in Login form otherwise, we will need.

Notice board page is placed on the right side.

This will construct with frameworks so after coding, We just need to modify the middle section

Where Login page and notice page.

2. Personal Profile (After Login Page)

Personal Profile

Features

As you can read above in main page. Top side is same as before.

After login, You could see personal information on the Left side. You can log out,

Read a message, possibly can see the friends.

The right side is more detail for Personal Profile, Name, Hobbies, Introducing.

The thing is if we are conneced with school database it will come up automatically, and we will modify or add information on our projcect site.

3. Accommodation (After Login Page)

Accommodation

Features

This is another page of menu.

Left side is same as the other page.(of course if we need to modify this page, easily re coding fot only this side)

Right side is information about accommodation.

As you can see, if we choose one of the option of menu then we could see where we are through between menu and main section. This is same as other option of menu.

Strengths

The strengths of the proposed prototype can be listed as follows:

1. Taking advantage of the rich user interface design

2. Easy to use.

3. Easy to coding because of separated page with frameworks

4. quick and instant access to the most important features of the system

Weaknesses

A number of weaknesses can be listed for the offered prototypes as below:

1. Design cannot be changed by user.

2. Administrator should be mange at least a day

This document, Prototype Version 1, is available to download from DropBox. In case of any modification, please update all the versions. You have to update word document, PDF document in DropBox Folder and Also this post.

Introduction

This artefact is aimed to discuss different aspects and rationale of the proposed GUI prototype for the SOTON Student Connect application.

The document will start by including the main screen shots of the prototype along with a full discussion on the rationale for each section and then proceeds to offer the rationale of the design by discussing a number of typical user stories. Finally the strengths and weaknesses of the design will be listed.

Screen shots

1. Home Page

Index

Figure 1

Highlights

Figure 1 depicts the starting page of the system. The design includes a three column paradigm with a banner at the top and a footer to indicate the end of the page. The banner includes the system’s logo, application’s name and the status of the user currently viewing the page. From the status bar user can see whether she has signed in to the system or if the user has not created a account for herself, the system indicates that the current user is viewing the site as a guest and offers her the option to sign up to the system.

The body of the page consists of three columns. The left most column illustrates a picture to graphically indicate the purpose of the system. The middle column offers a textual description of the site highlighting the features and benefits of the system. Finally the right hand side column provides the login facility for users who have already created an account in the system.

The main page follows the traditional page based Web application’s paradigm as it does not include high degrees of interaction and in addition, the conventional types provides more security regarding users sensitive data such as login credential compared to rich technologies for which security remains an unsolved concern.

2. User Home Page

User Main Page

Figure 2

Highlights

Figure 2 depicts a registered user’s home page which acts as a portal giving access to all the features and facilities of the site in a single page. This page is essentially a mix of rich and traditional user interface paradigm in that the main and frequently used features of the application has been included as widgets which update dynamically upon user’s interactions which does not require the page to be refreshed. This way the performance of the system will be highly improved and the interface would be more compact and user friendly.

The top banner remain enact to maintain the consistency of the system. The status bar however will be updated to show the status of the user as logged in and providing a sign out facility.  The footer also still present the indicate the end of the page.

The left hand side navigation bar contain the profile picture of the user along with a list of links to less frequently used features of the system or to pages which should be opened in a new window or as a front layer to the current page.

The main content pane includes a number of widgets which could be managed, closed, minimised or being replaced by other widgets available. Default widgets includes the user’s calender which is one of the most important and most frequently used feature of the system, enrolled modules list which present to the user the full list of the modules she has currently enrolled and contains links to each module’s resources and discussion pages. The notifications and actions widget lists all the recent activities, post, tags, friend’s statuses etc which are relevant to the user. The finder widget offer the facility for the user to search for people, friends, groups, events and activities through the system. The suggestion menu offers friend suggestions which is based on the system’s recommender system. Other widgets which can be included to the system would be accommodation section widget, each of the enrolled groups or activities widget, rss feed of subscribed friends, events or groups widget and so forth.

Please note that these are only the two so called landing pages of the system. If the design is accepted in the prototype review sessions, the prototype will be extended to cover the full details of the system.

Strengths

The strengths of the proposed prototype can be listed as follows:

1. Taking advantage of the rich user interface design
2. improved performance
3. ease of use
4. ease of navigation through the system
5. highly customisable user pages
6. quick and instant access to the most important features of the system
7. high level of user interaction
8. clear and intuitive interface design
9. light weight widget based minimalistic design

Weaknesses

A number of weaknesses can be listed for the offered prototypes as below:

1. lacks accessibility features
2. implementation and coding challenges
3. lack of standardised methodologies for implementation

Prototype to be expanded upon acceptance

This document, Finalized Use Cases, is available to download from DropBox. In case of any modification, please update all the versions. You have to update word document, PDF document in DropBox Folder and Also this post.

This is the finalize version of our use case diagram. Some changes have been made to the use case diagram:

• GroupCreator actor has been added to the actor section. Once a student creates a group, his role will be changed to GroupCreator and will have more features.
• Some use cases have been also added to the diagram considering our initial vision and requirements.

SOTON Student Connect Finalise Use Case Diagram

The general outline of this use case has been accepted by the team. In the next phase, I will write a documentation explaining all the use cases as our use case document.

This document, Use Case Version 2, is available to download from DropBox. In case of any modification, please update all the versions. You have to update word document, PDF document in DropBox Folder and Also this post.

This is the second version of our use case diagram. In this use case, I add the System and Admin role and made some modifications to use cases.

SOTON Student Connect Use Case Diagram Version 2

Upon acceptance, a document explaining all the use cases will be provided.

This document, Use Case Version 1, is available to download from DropBox. In case of any modification, please update all the versions. You have to update word document, PDF document in DropBox Folder and Also this post.

This is the first version of our use case diagram. For the next phase, we have to add use cases for system and admin actor and make any necessary modifications to this one as well.

SOTON Student Connect Use Case Diagram Version 1

Upon acceptance, a document explaining all the use cases will be provided.

This document, Idea Development Version 1, is available to download from DropBox. In case of any modification, please update all the versions. You have to update word document, PDF document in DropBox Folder and Also this post.

Idea Development Document – Version 1

Through our meetings, everyone came up with an idea. Almost all the ideas seemed to be interesting and they had some new elements. However after a lot of brainstorming and thinking about the project, its advantages, possible effects on social life, we decided to work more on SOTON Student Connect (SSC).

At first, we were very ambitious about the requirements of the project. We wanted to design and implement a complete social portal for the University of Southampton. However due to time limitations, we decided to divide the project into different phases. The first phase is about the most important features and requirements that we have to think about. At first we thought about a system like this:

General Overview

Due to time limitation, we decided to work on some of the most important items that new comers to the university might feel necessary. Hence, we decided to work on these items:

Overview

These factors seem to be very important and probably will have a strong positive influence on students’ social life.

After identifying these items, we worked on a brief explanation for each of them, so we could agree on them and then we can start searching more for each of them.

Overview : Detailed View

By now, we now about the boundaries of our project and we know what we should do. The next step for clarification is literature review and also finding any existing similar tools.