Team #6 Final Report - University of Houston–Clear Lakedcm.uhcl.edu/cap683807fagp6/Team6...

31
Project Deliverables : A Social Networking and a Virtual community website for a Swim Team using Joomla CSCI 6838 Fall 2007 - Team #6 http://dcm.uhcl.edu/cap683807fagp6/ Mentors: Dr. Kwok- Bun Yue Mr. Dilhar De Silva Team members: Shital Parikh Sandeep Chavva Karunakar Reddy Pareddy Srividya Subbiah

Transcript of Team #6 Final Report - University of Houston–Clear Lakedcm.uhcl.edu/cap683807fagp6/Team6...

Page 1: Team #6 Final Report - University of Houston–Clear Lakedcm.uhcl.edu/cap683807fagp6/Team6 Final_Report.pdf12 Groups: Users of these social networking sites can form groups depending

Project Deliverables:

A Social Networking and a Virtual community website for a Swim Team using Joomla

CSCI 6838 Fall 2007 - Team #6

http://dcm.uhcl.edu/cap683807fagp6/ Mentors: Dr. Kwok- Bun Yue Mr. Dilhar De Silva Team members: Shital Parikh Sandeep Chavva Karunakar Reddy Pareddy Srividya Subbiah

Page 2: Team #6 Final Report - University of Houston–Clear Lakedcm.uhcl.edu/cap683807fagp6/Team6 Final_Report.pdf12 Groups: Users of these social networking sites can form groups depending

2

Phase 1

Page 3: Team #6 Final Report - University of Houston–Clear Lakedcm.uhcl.edu/cap683807fagp6/Team6 Final_Report.pdf12 Groups: Users of these social networking sites can form groups depending

3

� Analyze and Prototype : (First Version)

Software Design Specification draft that includes a UML 2.0 analysis model, and a working prototype of the Virtual Community software.

View News Feeds/ Event Schedules, Meet Entry Calendar

Rate contents

Post to Blogs

View and Upload Pictures/Videos

View Nutrition articles/Health Issues

Swimmers

View Swimmers News

Role of Parents

FAQs

Benefits of Swimming

Child’s training

Check In/Out

Parents

Executive/Manager/ Administrator

Public/Guest

View or download all Videos/Pictures

Maintain template design, Global configuration

Add New Articles

Read Messages, Mass Mail

Subscribe/Login

View RSS news feeds/Practice, Event Schedules, Meet Entry Calendar

View Contact Information /Map to pools

Version Control

Rate Contents

View Specific

Swimmer’s Profile,

Pictures, and Videos

FAQs

Login/ Logout

Page 4: Team #6 Final Report - University of Houston–Clear Lakedcm.uhcl.edu/cap683807fagp6/Team6 Final_Report.pdf12 Groups: Users of these social networking sites can form groups depending

4

[Use case Diagram]

View and Upload Pictures/Videos

Post to Blogs

Rate Contents

View News Feeds/ Event Schedules, Meet Entry Calendar

Coaches

View Coach Requirements

View Coach News

View Coach Information

View Olympic Related articles

View Sports Medicine

Board Members

View Nutrition articles/ Health Issues

Login/ Logout

Page 5: Team #6 Final Report - University of Houston–Clear Lakedcm.uhcl.edu/cap683807fagp6/Team6 Final_Report.pdf12 Groups: Users of these social networking sites can form groups depending

5

Sequence Diagrams

Case 1: Maintain template designs

Case 2: Add New Article

Administrator Content Content by section Section Section Items Add Articles

Display Sections ()

Select Section()

Select published articles()

Add Articles()get content()

Administrator :Site :Virtual Community SwimTeam System

Maintain Template Designs

:Template Manager :Site Template

Page 6: Team #6 Final Report - University of Houston–Clear Lakedcm.uhcl.edu/cap683807fagp6/Team6 Final_Report.pdf12 Groups: Users of these social networking sites can form groups depending

6

Case 3: Upload pictures/videos

Administrator :Mambots :Site Mambots:Virtual Community Swim

Team System

Upload Pictures/Videos

Mambot Manager :All Videos Plugin

Page 7: Team #6 Final Report - University of Houston–Clear Lakedcm.uhcl.edu/cap683807fagp6/Team6 Final_Report.pdf12 Groups: Users of these social networking sites can form groups depending

7

Phase 2

Page 8: Team #6 Final Report - University of Houston–Clear Lakedcm.uhcl.edu/cap683807fagp6/Team6 Final_Report.pdf12 Groups: Users of these social networking sites can form groups depending

8

Design and Build Beta : (Second Version) Software Design Specification final that includes a UML 2.0 design model and a beta version of the virtual community software.

� Use case Diagram:

Executive/Manager/ Administrator

View Specific

Swimmer’s Profile,

Pictures, and Videos

Check In/Out

Guest

View or download all Videos/Pictures

Maintain template design, Global configuration

Add New Articles

Read Messages, Mass Mail

Subscribe/Login

View RSS news feeds/Practice, Event Schedules, Meet Entry Calendar

View Contact Information /Map to pools

Version Control

Rate Contents

FAQs

Benefits of Swimming Articles

Public

Page 9: Team #6 Final Report - University of Houston–Clear Lakedcm.uhcl.edu/cap683807fagp6/Team6 Final_Report.pdf12 Groups: Users of these social networking sites can form groups depending

9

Login/ Logout

Swimmers

View News Feeds/ Event Schedules, Meet Entry Calendar

Rate contents

Post to Blogs

View and Upload Pictures/Videos

View Nutrition articles/ Health Issues

View Swimmers News

Role of Parents

Child’s training Parents

FAQs

Benefits of Swimming

Page 10: Team #6 Final Report - University of Houston–Clear Lakedcm.uhcl.edu/cap683807fagp6/Team6 Final_Report.pdf12 Groups: Users of these social networking sites can form groups depending

10

Login/ Logout

View and Upload Pictures/Videos

Post to Blogs

Rate Contents

View News Feeds/ Event Schedules, Meet Entry Calendar

View Nutrition articles/ Health Issues

View Coach Requirements

View Coach News

View Coach Information

View Olympic Related articles

View Sports Medicine

Coaches

Board Members

Page 11: Team #6 Final Report - University of Houston–Clear Lakedcm.uhcl.edu/cap683807fagp6/Team6 Final_Report.pdf12 Groups: Users of these social networking sites can form groups depending

11

� Following are the common features of the social networking: Common:

- Blogs - Forum - Groups - Friend’s List - Profile - Videos/Photo Sharing - Provides public commenting feature (individuals can comment on their friends

profiles by writing testimonials, guest book messages etc.)

Profile: All the social networking sites allow the users to have their own profile. After registering with the social networking sites, the user is asked to fill out forms containing series of questions. The profile of the user is generated using the answers to the questions. Typical questions that will be part of the profile will include age, Hobbies, Interest, languages, and other general questions, which will help to get an idea about the user. The visibility of the profile varies by site and according to each user. Each user can make his/ her profile public so that everyone can see, or else make the profile private and thus making it not open to public. Social Networking sites such as My Space allow users to choose whether they want their profile to be public or private. Sites such as Friendster make the user profiles public. The variations in the visibility of the user profiles are one of the primary ways Social networking sites differentiate themselves. Friend’s list: Each user in a social networking site is allowed to identify others to form a “friend’s list”. Most of these social networking sites require bidirectional confirmation, which means that both the parties agree. But there are sites that do not require bidirectional confirmation. It varies from one social networking site to another. Commenting feature: The social networking sites allow the users to leave comments on their friend’s profile. Different social networking sites give different names to this feature. Some social networking sites call it as “Scraps”; some call them “comments”; Video/Photo Sharing: The social networking sites vary in their features. But most of these sites have some common and important things, which typical characterize a social networking site such as “profile”, “friend’s list “ and “scraps”. Another feature that is common to most social networking sites are video and photo sharing. It allows users to share video and photos with other users. Blogs: Most of the social networking sites allow users to post their own blogs. The user can discuss their favorite topics in blog or they can use blogs for writing their day-to-day experiences. And other users, who are interested in blogs that a specific user writes, may subscribe to his blogs.

Forum: Another common feature found in most social networking sites are forums. In Forums, a lot of topics may be discussed by the users of these social networking sites.

Page 12: Team #6 Final Report - University of Houston–Clear Lakedcm.uhcl.edu/cap683807fagp6/Team6 Final_Report.pdf12 Groups: Users of these social networking sites can form groups depending

12

Groups: Users of these social networking sites can form groups depending upon their Interests. This is a common feature found in most social networking sites.

Plugin Document

Extensions Used For Developing the ProtoType

� Joomla has three types of extensions such as:

1. Component: A collection of files, which can be installed as an add-on to Joomla to

provide extra features, those are not available in the basic installation. 2. Mambot: A small program that is executed immediately before any content item is

displayed in the website front end.

3. Module: A 'window' or section of the screen used to present some form of content in the website front end.

We looked at 120 extensions for developing the prototype. We followed the user’s reviews and votes to decide which extension to use. We searched for the extensions by running the search for specific features. The joomla extensions can be found from www.joomla.org . There are around 2300 extensions available in joomla and the number is increasing day by day. The extensions are classified as components, modules and mambots. 1. Purpose: Community Features Extension used: Community Builder

URL: www.joomlapolis.com Key Features: community builder is a component for providing features essential for building a community.

• Efficient registration process

• Image upload

• Displays the user profile

• Integration with other components Reason for using: This component is easy to install and maintain. This is the only component in joomla, which provides all the features required to build a community. 2. Purpose: Displaying RSS Feeds Extension Used: Slick RSS 1.4 URL: http://m-net.net.nz/1339/slick-rss-2.php

Page 13: Team #6 Final Report - University of Houston–Clear Lakedcm.uhcl.edu/cap683807fagp6/Team6 Final_Report.pdf12 Groups: Users of these social networking sites can form groups depending

13

Key Features:

• Provides item description

• Provides facility for displaying images Reason for using: The main Reason for using Slick RSS module is that it displays five feeds per instance and it also gives user the flexibility to limit the words in the description. 3. Purpose: Displaying the photo gallery Extension used: Zoom media gallery URL: http://www.zoomfactory.org/index.php?option=com_frontpage&Itemid=1 Key Features:

• Ability to create multiple galleries

• Galleries can be published and un-published

• Galleries can be password protected

• The pictures can be uploaded from front end by administrator and also from backend Other Extensions tried:

1. horizontal slide show 2. x-treme pics 3. simple image gallery 4. mehdis coppermine bridge 5. couloir slideshow gallery Ajax module 6. carousel flash image gallery 7. RS gallery2 8. easy gallery 9. gallery 2 bridge 10. translideshow jp 11. dynamic flash gallery 12. rok slideshow 13. Expose4

Reason for using: We tried all the above photo gallery extensions but each extension has some or the other problems, among all the extensions I found zoom media gallery component easy to install and use. Apart from that I found the arrangement of albums in zoom media gallery component attractive compared to other gallery extensions.

4. Purpose: playing and sharing videos Extension used: Seyret video component URL: www.joomlaholic.com Key Features:

• Ability to define permissions levels fro all videos

• Can create different catogeries

• Provides video download feature

Page 14: Team #6 Final Report - University of Houston–Clear Lakedcm.uhcl.edu/cap683807fagp6/Team6 Final_Report.pdf12 Groups: Users of these social networking sites can form groups depending

14

Other extensions tried:

1. All video plug-in 2. easy tube 3. youtube video

Reason for using: Seyret video component allows user to upload and add videos. The user can manually upload video or just embed the link of the video from video hosting sites such as youtube, google videos etc. this component provides a player which allows user to play different videos. 5. Purpose: forums Extension used: fireboard URL: http://joomlacode.org/gf/project/fireboard/frs/ Key Features:

• provides favourite thread selection and management

• has various number of avtars to choose.

• Community builder compatible features

Other extensions tried: joomlaboard Reason for using: joomlaboard component is easy to install and provides bettar GUI compared to other forum extensions. 6. Purpose: google based advertisement banners Extension used: google adsense URL: http://www.joomlaspan.com/Free-Extensions/Google-AdSense-Related-Modules/index.php Extension tried:

1. stop press content module 2. advertising

Key Features:

• The code generated is fully compatible with google adsense policy

Reason for using: this is the only banner which dynamically displays the google advertisements. 7. Purpose: advertisement banners Extension used: stop press content module URL: http://www.joomlaspan.com/Free-Extensions/Google-AdSense-Related-Modules/index.php Extensions tried:

1. Ad ticker 2. Front Page banner

Page 15: Team #6 Final Report - University of Houston–Clear Lakedcm.uhcl.edu/cap683807fagp6/Team6 Final_Report.pdf12 Groups: Users of these social networking sites can form groups depending

15

Key features:

• Ability to display up to ten advertisements randomly

• Ability to assign priority for displaying advertisements Reason for using: this extension allows the administrator to create own banners to be posted on the website. We have used this extension to create and display advertisement banners on our website 8. Purpose: Writing and displaying Blogs Extension Used: Mamblog URL: http://mambo.theyard.org/ Extensions tried: myblog Key Features:

• Items can be published and un-published

• Allows users to comment on the blogs

• Items can be configured to appear on the front page Reason for using: Mamblog mambot is easy to install. It allows user to write his /her own blog and view the blogs that are published on the website. 9. Purpose: Displaying Maps Extension used: google map URL: http://joomlacode.org/gf/project/com_google_maps/frs/ Key Features:

• Ability to add google map to the joomla site with out any programming knowledge

• Features can be added or removed by the administrator through back end Reason for using: google map mambot is used for displaying google maps on the website. The google map mambot uses google API key to display maps. The main reason for using this plug-in is that it is easy to use. 10. Purpose: Displaying the practice schedule and meet schedule Extension used: JEvents URL: http://joomlacode.org/gf/project/jevents/frs/ Key Features:

• Displays the events by year, month and week.

• Provides a mini calendar, which gives quick overview of events and can be placed on nay page.

• Provides a search feature, which searches and returns the results from events calendar.

Page 16: Team #6 Final Report - University of Houston–Clear Lakedcm.uhcl.edu/cap683807fagp6/Team6 Final_Report.pdf12 Groups: Users of these social networking sites can form groups depending

16

Extensions tried: event list Reason for using: JEvent is a component, which is displayed as calendar and the administrator can add the events on the calendar. We have used this component to display practice schedule and meet schedule 11. Purpose: invitation Extension used: community builder invite URL: www.joomlapolis.com Reason for using: this plug-in allows the user to invite friend, relative, colleague etc to join the web site. This plug-in is community builder based plug-in that is it can only be used with community builder component. Dis- adv: this plug-in allows only one invitation at a time. 12. Purpose: post messages to the user Extension used: CB profile book URL: www.joomlapolis.com Reason for using: this plug-in allows the user to write a comment or message for other user. This is a community builder based plug-in. 13. Purpose: uploading photos in the user profile Extension used: CB Profile gallery URL: www.joomlapolis.com Reason for using: This plug-in allows the user to upload the pictures in his/her profile page. 14. Purpose: welcome message to a new user

Extension used: CB Auto welcome URL: www.joomlapolis.com Reason for using: when a user completes the registration process, a auto welcome message is sent to the user. This plug-in provides the flexibility to the administrator to frame his/her own message to welcome a new user.

Page 17: Team #6 Final Report - University of Houston–Clear Lakedcm.uhcl.edu/cap683807fagp6/Team6 Final_Report.pdf12 Groups: Users of these social networking sites can form groups depending

17

� Note: The extensions such as invite, CB profile gallery, CB Auto welcome, CB profile book are the community builder based plugins which only work with community builder component. We have used all the extensions for making a unique profile page for the users. There are no other extensions available in joomla that provide this features that can be integrated with community builder component.

We had to do little programming in order to integrate these extensions with the website. We did lot of analysis before installing the extensions, we made sure that the extension which we used supports the features we are looking for.

Page 18: Team #6 Final Report - University of Houston–Clear Lakedcm.uhcl.edu/cap683807fagp6/Team6 Final_Report.pdf12 Groups: Users of these social networking sites can form groups depending

18

Phase 3

Page 19: Team #6 Final Report - University of Houston–Clear Lakedcm.uhcl.edu/cap683807fagp6/Team6 Final_Report.pdf12 Groups: Users of these social networking sites can form groups depending

19

Test and Deliver GA :

Product Test Suite specified using UML 2.0 Sequence Diagrams and implemented in programming/scripting language of choice; final GA (General Availability) version of the Virtual Community software version 1.0.

Use Case Diagram: (Third Version)

Administrator/ Super Administrator

View contents about

SCA,FAQs, Swim

Info,Health Issues

Check In/Out

View or download all Videos/Pictures

Maintain template design, Global configuration

Add New Articles

Read Messages, Mass Mail

Login

View RSS news feeds/Practice, Event Schedules, Meet Entry Calendar

View Contact Information /Map to pools

Version Control

View or Update Contents

View Hot Articles,Featured Video and Latest News

Public

View Maps to Pools

Page 20: Team #6 Final Report - University of Houston–Clear Lakedcm.uhcl.edu/cap683807fagp6/Team6 Final_Report.pdf12 Groups: Users of these social networking sites can form groups depending

20

Login/ Logout

Swimmer

View Event Schedules, Meet Entry Calendar

View Articles and Swimmer News

Post Blogs

View and Upload Pictures/Videos

View Health Issues

Invite a friend

Role of Parents

Child’s training Parent

FAQs

Benefits of Swimming

Page 21: Team #6 Final Report - University of Houston–Clear Lakedcm.uhcl.edu/cap683807fagp6/Team6 Final_Report.pdf12 Groups: Users of these social networking sites can form groups depending

21

Login/ Logout

View and Upload Pictures/Videos

Post to Blogs

View Contents

View News Feeds/ Event Schedules, Meet Entry Calendar and Gallery

View Nutrition articles/ Health Issues

View Coach Requirements

View Coach News

View Coach Information

View Olympic Related articles

View Sports Medicine

Coach

Page 22: Team #6 Final Report - University of Houston–Clear Lakedcm.uhcl.edu/cap683807fagp6/Team6 Final_Report.pdf12 Groups: Users of these social networking sites can form groups depending

22

Requirements documents based on features Login/Logout This feature can be accessed by the users who would like to Login to the website. Similarly registered users use logout to exit the website.

View Pictures and Videos This feature enables registered users to view pictures and videos. Registered users include Swimmers, Coaches, and parents

Post to Blogs This feature enables registered users to post to blogs. Benefits of Swimming Benefits of swimming articles can be viewed by everyone including the public in order to attract more people to be a part of this community and take up swimming classes.

Swimmers Coaches Parents Admin Public

Login/ Logout

Coaches Parents Admin Public

Pictures and Videos

Swimmers

Post to Blogs

Swimmers Coaches Parents

Page 23: Team #6 Final Report - University of Houston–Clear Lakedcm.uhcl.edu/cap683807fagp6/Team6 Final_Report.pdf12 Groups: Users of these social networking sites can form groups depending

23

RSS News Feeds RSS news feeds can be viewed by everyone including the public in order to get the latest news related to swimming

FAQs FAQ’s can be accessed by Pubic, Swimmers and Parents.

Event Schedule/ Meet Entry Calendar This feature can be viewed by everyone including Public, Swimmers, Parents, Coaches and Board Members

Swimmers

FAQs

Parents Public

Swimmers Parents Coaches Public

Benefits of Swimming

Public Swimmers Coaches Parents

View RSS News Feeds

Page 24: Team #6 Final Report - University of Houston–Clear Lakedcm.uhcl.edu/cap683807fagp6/Team6 Final_Report.pdf12 Groups: Users of these social networking sites can form groups depending

24

Nutrition articles/ Health Issues This feature can be accessed by Coaches, Swimmers and Parents.

Coach Requirements This feature can be accessed only by Coaches.

Event Schedule/ Meet Entry Calendar

Swimmers Parents Coaches Public

Nutrition articles/ Health Issues

Coaches Swimmers Parents

Coaches

Coach Requirements

Page 25: Team #6 Final Report - University of Houston–Clear Lakedcm.uhcl.edu/cap683807fagp6/Team6 Final_Report.pdf12 Groups: Users of these social networking sites can form groups depending

25

Coach News This feature can be accessed only by Coaches. Coach Information The coach information can only be viewed by the Coaches. Olympic related news This feature can only be accessed by Coaches Sports Medicine This feature can only be accessed by Coaches

Coach News

Coaches

Coach Information

Coaches

Olympic related news

Coaches

Sports Medicine

Coaches

Page 26: Team #6 Final Report - University of Houston–Clear Lakedcm.uhcl.edu/cap683807fagp6/Team6 Final_Report.pdf12 Groups: Users of these social networking sites can form groups depending

26

Swimmers News This feature can be accessed by Swimmers and Parents

Role of Parents This feature can only be accessed by Parents

Child’s training This feature can only be accessed by Parents Version control This can only be done by the administrator

Swimmers

Child’s training

Parents

Version Control

Administrator

Swimmers News

Parents

Role of Parents

Parents

Page 27: Team #6 Final Report - University of Houston–Clear Lakedcm.uhcl.edu/cap683807fagp6/Team6 Final_Report.pdf12 Groups: Users of these social networking sites can form groups depending

27

Maintain template design/ Global Configuration

Add New Articles This can be done only by the administrator

Read Messages sent to administrator This can be done only by the administrator Mass mail This can be done only by the administrator

Administrator

Read Messages

Administrator

Template design/ Global Configuration

Add new articles

Administrator

Mass Mail

Administrator

Page 28: Team #6 Final Report - University of Houston–Clear Lakedcm.uhcl.edu/cap683807fagp6/Team6 Final_Report.pdf12 Groups: Users of these social networking sites can form groups depending

28

Subscribe This can be done only by the public, in order to register with the website

Contact Information This information can be viewed by Swimmers, Parents and administrators

Map to pools This feature can be accessed by Administrators, Swimmers, Parents and Coaches

Contact Information

Swimmers Parents Administrators

Map to pools

Coaches Parents Administrators Swimmers

Subscribe

Public

Page 29: Team #6 Final Report - University of Houston–Clear Lakedcm.uhcl.edu/cap683807fagp6/Team6 Final_Report.pdf12 Groups: Users of these social networking sites can form groups depending

29

Sequence Diagrams

1. Maintain template designs

2. Add New Article

3. Login In

4. Upload videos

5. Create Blogs

6. Create groups

7. Remove a user

1. Maintain template designs

Administrator Modules Module ManagerModule Name:Template

ChooserVirtual Community System

Select Modules menu

Site Modules

Select submenu

Select module manager

Select module name

Maintain template design

2. Add New Article

Administrator Content Content by Section Article Article Items Content Items Manager:

New

Select Content menu

Select submenu

Select sub levels

Add new article

Page 30: Team #6 Final Report - University of Houston–Clear Lakedcm.uhcl.edu/cap683807fagp6/Team6 Final_Report.pdf12 Groups: Users of these social networking sites can form groups depending

30

3. Login In

Administrator Modules Module Manager Module Name:Login Virtual Community System

Select Modules menu

Site Modules

Select submenu

Select module manager

Select module name

Login In system

4. Upload Videos

Administrator Component Categories:Videos:New

Select Componetns menu

Seyret

Select submenu

Add New videos

Page 31: Team #6 Final Report - University of Houston–Clear Lakedcm.uhcl.edu/cap683807fagp6/Team6 Final_Report.pdf12 Groups: Users of these social networking sites can form groups depending

31

5. Create Blogs

Administrator Components Mamblog Mamblog Information Mamblog Configuration Virtual Community System

Select Component menu

Select mamblog submenu

Select sub levels

Create Blog

6. Create groups

Administrator Components GroupJive GroupJive::CategoriesManager

Category:New

Select component menu

Select GroupJive submenu

Select sub level

Add Category details

Group:Category Name

Create New group

7. Remove a User

Administrator Site User Manager Username Delete

Display Registered User

Select User

Select site menu

Select User Manager Submenu

Remove user