RYAN Sports Club
Supervisor: LÊ THANH NHÂN
Semester:
Batch No: 1
Group No:
Order: T11017M0
1. 6
2.
Full name Roll No.
DƯƠNG ANH TUẤN Student1073130
PHAN VĂN TIẾN Student1073132
Month:02 Year:2018
This is to certify that
Mr. DUONG ANH TUAN
Mr. PHAN VAN TIEN
Have successfully Designed & Developed
RYAN SPORTS CLUB
Submitted by:
LE THANH NHAN
Date of Issue:
Authorized Signature:
Project Acknowledge
As we understand that the eProject is a step-by- step learning environment that closely simulates the class-
room
and Lab based learning environment into actual implementation. It is a project
implementation at your fingertips!! An electronic, live juncture on the machine that
allows you to
o Practice step by step i.e. laddered approach.
o Build a larger more robust application.
o Usage of certain utilities in applications designed by user.
o Single program to unified code leading to a complete application.
o Learn implementation of concepts in a phased manner.
o Enhance skills and add value.
o Work on real life projects.
o Give a real life scenario and help to create applications more complicated and
useful.
o Mentoring through email support.
Project Objectives
The Objective of this program we aim is to give a sample project to work on real life
projects. These applications help us build a larger more robust application.
The objective is not to teach us JavaScript/Dreamweaver but to provide us with a
real life scenario and help us create basic applications using the tools.
Hence, we can revise the chapters before we start with the project.
This project is meant for students like us who have completed the module of HTML5. These
programs should be done in the Lab sessions with assistance of the faculty if
required.
It is very essential for us that will have a clear understanding of the subject. We think we
should go through the project and solve the assignments as per requirements given.
And get back @ [email protected] as the assigned schedule.
Synposis
RYAN sports club is a sports center developed and equipped with international quality and high standards
focused on sports and health care. RYAN sports club is considered to be the best in terms of equipment and
facilities to support sports and fitness activities. In addition, image and prestige are increasingly recognized
world.
RYAN sports club is equipped with a wide variety of facilities including indoor sports, outdoor and outdoor
activities.
To build a better image and reputation, RYAN sports club needs to develop a website that shows all the infor-
mation and images important to impress the customers (who are) are and will participate. go to RYAN Sports
club.
This website needs to be based on technologies that use HTML5, Javascript, and Geolocation. And it should
work well on all popular browsers in the current trend (eg Safari, IE, Chrome, FireFox, etc.).
Design Plan: RYAN Sports Club Document Name: Problem Definition SWD/Form No.01/PD/Ver1.0
Effective Date: 05/02/2018 Version 1.0 Page No: 1/22
Problem Definition
RYAN Sports Club, an effort has been made to provide a world class facilities and infrastructure for the
promotion of sports and health. During the past time, RYAN sports club has emerged as one of the best facili-
ties in the country in the area of sports and health and also it is making strides to acquire a formidable pres-
ence in the international. The club provides the facilities like “Indoor Sports”, Outdoor Sports” and “Recre-
ation”. All this information is required to be presented in organized form for which a website is required to
be created.
Functional Descriptions
Home (HomePage):
Includes information about the club (biography, information, organization ...) must be expressed in a friendly
interface.
Navigative Bar links to the necessary content in each specific item.
Physical Facilities:
Must have links to clear and tight, easily recognizable. Mainly classified into different types depending on
the nature of the sport:
- Indoor Sports
- Outdoor Sports
- Recreation activities
About Membership Options:
There will be "Forms" for the registration of the applicant. (The form is designed based on the necessary
information such as: personal information, registration limit ...)
- In terms of the annual activities of the club (Events / Activities), there must be specific information to facili-
tate participation and consultation.
- In terms of receiving feedback from customers, there should be entries for suggestions, complaints, and
feedbacks.
- For the contact item: must include the necessary contact information such as:
- Company Address: Geolocation API integration (Example: Google Maps ...)
- Email: When you click on the email address, the user will be linked to the email compose window
from the user (To the email address of RYAN Sports Club).
- About the sports that are played at RYAN Sports Clubs: It is important to demonstrate the following struc-
tural criteria
Design Plan: RYAN Sports Club Prepared by (Student) Approved by (Falculty)
Signature Project Group No: 06 LE THANH NHAN
Date
Design Plan: RYAN Sports Club Document Name: Problem Definition SWD/Form No.01/PD/Ver1.0
Effective Date: 05/02/2018 Version 1.0 Page No: 2/22
User
- Access and refer to the information placed on the website.
- Register to become a member.
- Join the upcoming events of the club.
- Contribute ideas, feedback or suggestions to the club.
Webmaster
- Ensure the website is not enough information needed.
- Change the content, images and layout of the website.
- Manage interactive user information to website.
Integrated database connection technology (to collect, process and store user information).
Design Plan: RYAN Sports Club Prepared by (Student) Approved by (Falculty)
Signature Project Group No: 06 LE THANH NHAN
Date
Design Plan: RYAN Sports Club Document Name: SWD/Form No.01/CRS/Ver1.0
Effective Date: 05/02/2018 Customer Requirement Specifications Page No: 3/22
Version 1.0
User User
Data processing
Input
• Registration information for RYAN sports Club
members
• Member card information to register
• Contribute to the club
Process
• Search / refer to membership club membership
information
• Log in to check / update personal information in
your registered account
• Check the information provided for the club
Output
(users will receive the following notifications)
• Successful registration notice
• Notice of successful information change
• Notification of registered service packages and
expiry date.
• Notice of registration / change of information
failed.
Webmaster
Input
• Login information to administer the website
• Information to change / add or delete: Updates on price changes, features of each
service pack, articles that change seasonally ...
• Deletion of membership information that is no longer part of the club.
• Get feedback and reviews from user
Prepared by (Student) Approved by (Falculty)
Design Plan: RYAN Sports Club Project Group No: 06 LE THANH NHAN
Signature
Date
Design Plan: RYAN Sports Club Document Name: SWD/Form No.01/CRS/Ver1.0
Effective Date: 05/02/2018 Customer Requirement Specifications Page No: 4/22
Version 1.0
Process
• Change / add / remove service packs that no
longer serve
• Change / add / remove membership information
no longer joins the service
• Reply / delete comments from users
Output
(the website manager will place the following
message)
• Successful registration / change / deletion of
member account information or failure.
• Respond to success / failure suggestions
Hardware / software requirement
User
• PC: from Pentium 166 or upper
• RAM: from 64 Megabites or upper
Webmaster
• Notepad/HTML editor
• Dreamweaver
• IE 5.0/ Netscape 6.0
Design Plan: RYAN Sports Club Prepared by (Student) Approved by (Falculty)
Signature Project Group No: 06 LE THANH NHAN
Date
Design Plan: RYAN Sports Club Document Name: SWD/Form No.01/ARD/Ver1.0
Effective Date: 05/02/2018 Architecture and design of the project Page No: 5/22
Version 1.0
Server Device
Windows Platform
Client HTML
CSS
Javascript
JQuery
Boostrap
AngularJS
Design Plan: RYAN Sports Club Prepared by (Student) Approved by (Falculty)
Signature Project Group No: 06 LE THANH NHAN
Date
Design Plan: RYAN Sports Club Document Name: SWD/Form No.01/SMP/Ver1.0
Effective Date: 05/02/2018 Sitmap Page No: 6/22
Version 1.0
HOME ABOUT US
FACILITIES
MEMBERSHIP
FEEDBACK
CONTACT
Design Plan: RYAN Sports Club Prepared by (Student) Approved by (Falculty)
Signature Project Group No: 06 LE THANH NHAN
Date
Design Plan: RYAN Sports Club Document Name: SWD/Form No.05/SCS/Ver1.0
Effective Date: 05/02/2018 Screen Shot Page No: 7/22
Version 1.0
HOMEPAGE
Design Plan: RYAN Sports Club Prepared by (Student) Approved by (Falculty)
Signature Project Group No: 06 LE THANH NHAN
Date
Design Plan: RYAN Sports Club Document Name: SWD/Form No.05/SCS/Ver1.0
Effective Date: 05/02/2018 Screen Shot Page No: 8/22
Version 1.0
HOMEPAGE
Design Plan: RYAN Sports Club Prepared by (Student) Approved by (Falculty)
Signature Project Group No: 06 LE THANH NHAN
Date
Design Plan: RYAN Sports Club Document Name: SWD/Form No.05/SCS/Ver1.0
Effective Date: 05/02/2018 Screen Shot Page No: 09/22
Version 1.0
HOMEPAGE
Design Plan: RYAN Sports Club Prepared by (Student) Approved by (Falculty)
Signature Project Group No: 06 LE THANH NHAN
Date
Design Plan: RYAN Sports Club Document Name: SWD/Form No.05/SCS/Ver1.0
Effective Date: 05/02/2018 Screen Shot Page No: 12/22
Version 1.0
ABOUT US
Design Plan: RYAN Sports Club Prepared by (Student) Approved by (Falculty)
Signature Project Group No: 06 LE THANH NHAN
Date
Design Plan: RYAN Sports Club Document Name: SWD/Form No.05/SCS/Ver1.0
Effective Date: 05/02/2018 Screen Shot Page No: 13/22
Version 1.0
FACILITIES PAGE
Design Plan: RYAN Sports Club Prepared by (Student) Approved by (Falculty)
Signature Project Group No: 06 LE THANH NHAN
Date
Design Plan: RYAN Sports Club Document Name: SWD/Form No.05/SCS/Ver1.0
Effective Date: 05/02/2018 Screen Shot Page No: 14/22
Version 1.0
FACILITIES PAGE
Design Plan: RYAN Sports Club Prepared by (Student) Approved by (Falculty)
Signature Project Group No: 06 LE THANH NHAN
Date
Design Plan: RYAN Sports Club Document Name: SWD/Form No.05/SCS/Ver1.0
Effective Date: 05/02/2018 Screen Shot Page No: 15/22
Version 1.0
MEMBERSHIP PAGE
Design Plan: RYAN Sports Club Prepared by (Student) Approved by (Falculty)
Signature Project Group No: 06 LE THANH NHAN
Date
Design Plan: RYAN Sports Club Document Name: SWD/Form No.05/SCS/Ver1.0
Effective Date: 05/02/2018 Screen Shot Page No: 16/22
Version 1.0
MEMBERSHIP PAGE
Design Plan: RYAN Sports Club Prepared by (Student) Approved by (Falculty)
Signature Project Group No: 06 LE THANH NHAN
Date
Design Plan: RYAN Sports Club Document Name: SWD/Form No.05/SCS/Ver1.0
Effective Date: 05/02/2018 Screen Shot Page No: 17/22
Version 1.0
TELL US (FEEDBACKS)
Design Plan: RYAN Sports Club Prepared by (Student) Approved by (Falculty)
Signature Project Group No: 06 LE THANH NHAN
Date
Design Plan: RYAN Sports Club Document Name: SWD/Form No.05/SCS/Ver1.0
Effective Date: 05/02/2018 Screen Shot Page No: 18/22
Version 1.0
TELL US (FEEDBACKS)
Design Plan: RYAN Sports Club Prepared by (Student) Approved by (Falculty)
Signature Project Group No: 06 LE THANH NHAN
Date
Design Plan: RYAN Sports Club Document Name: SWD/Form No.05/SCS/Ver1.0
Effective Date: 05/02/2018 Screen Shot Page No: 19/22
Version 1.0
CONTACT PAGE
Design Plan: RYAN Sports Club Prepared by (Student) Approved by (Falculty)
Signature Project Group No: 06 LE THANH NHAN
Date
Design Plan: RYAN Sports Club Document Name: SWD/Form No.05/SCS/Ver1.0
Effective Date: 05/02/2018 Screen Shot Page No: 20/22
Version 1.0
CONTACT PAGE
Design Plan: RYAN Sports Club Prepared by (Student) Approved by (Falculty)
Signature Project Group No: 06 LE THANH NHAN
Date
Design Plan: RYAN Sports Club Document Name: SWD/Form No.06/CLV/Ver1.0
Effective Date: 05/02/2018 Check List Validation Page No: 21/22
Version 1.0
List of objectives Status
Yes No
Do all text links lead to the appropriate Web site ?
Do all image links lead to the appropriate Web site
Are all the images and links clearly visible on the page ?
Is the Web page opening properly in all the tested Web browsers ?
Is the Web page talking too long to load?
Is the navigation sequences correct through all the Web pages on the site?
Is the JavaScript code working as expected in all click events?
Design Plan: RYAN Sports Club Prepared by (Student) Approved by (Falculty)
Signature Project Group No: 06 LE THANH NHAN
Date
Design Plan: RYAN Sports Club Document Name: SWD/Form No.07/SCL/Ver1.0
Effective Date: 05/02/2018 Submission Checklist Page No: 22/22
Version 1.0
Series Particulars Yes No NA Comments
No
1 Are all the users able to view the images and links?
2 Have all the views, modules,and controllers been properly
intergrated and is the site function as a Single Page Appliacation?
3 Are the GUI content devoid of spelling mistakes?
4 Is the application user-friendly?
5 Is the Web site launching correctly in the browser
Design Plan: RYAN Sports Club Prepared by (Student) Approved by (Falculty)
Signature Project Group No: 06 LE THANH NHAN
Date
Design Plan: RYAN Sports Club Document Name: SWD/Form No.05/SCS/Ver1.0
Effective Date: 05/02/2018 Screen Shot Page No: 10/22
Version 1.0
ABOUT US
Design Plan: RYAN Sports Club Prepared by (Student) Approved by (Falculty)
Signature Project Group No: 06 LE THANH NHAN
Date
Design Plan: RYAN Sports Club Document Name: SWD/Form No.05/SCS/Ver1.0
Effective Date: 05/02/2018 Screen Shot Page No: 11/22
Version 1.0
ABOUT US
Design Plan: RYAN Sports Club Prepared by (Student) Approved by (Falculty)
Signature Project Group No: 06 LE THANH NHAN
Date
THANK YOU
We would like to send a great thank to our professor Nhan Le and others student for the addor-
able supports during the time in project.
Beside serveral mistakes we had made in the project, we hope to have more oppotunities to
widen our knownledge in web developing world.
We also thank you so much for your infomation and the “demo” project from India APTECH
to help us get more reality experience in this project. Since we have gained more experience
from this project, we will not stop learning any thing as much as we can to be more successful
in the future.
Your Sincerely,
Team Group 6
Leader : Duong Anh Tuan
Member: Phan Van Tien
TASKSHEET
100%
Prepared all documents
and forms (together)
Start date 05/02/2018
Working days 03 days
01
Phan Prepared all images
PAGE 05 Van Tien 02 and content to report
home.html Start date 26/02/2018
Start date 12/03/2018
Working days 03 days Working days 02 days
04 03
PAGE PAGE
tellus.html contact.html
Start date 06/03/2018 Start date 01/03/2018
Working days 03 days Working days 03 days
Prepared all documents
and forms (together)
Start date 05/02/2018
Working days 03 days
01
Duong Prepared all images
PAGE 05 Anh Tuan 02 and content to report
membership.html Start date 26/02/2018
Start date 12/03/2018
Working days 03 days Working days 02 days
04 03
PAGE PAGE
facilities.html aboutus.html
Start date 06/03/2018 Start date 01/03/2018
Working days 03 days Working days 03 days
USER GUIDE - Before you begin, please make sure that you have a working internet
connection.
- Click on Home.html locate inside the folder Source file to get start
HOME
LOGO - The logo and Website name lie on the top left corner of the page
- Click on the logo to go to the homepage.
NAVIGATION - Navigation bar contain information about all the main pages of the
website, locate right underneath the logo
BAR
- To go to a particular page, click on the page name in the navigation bar:
- To go to home page, please click on Home
- To go to “aboutus.html”, please click on About Us
- To go to “facilities.html”, please click on Facilities. There will be a
drop-down options for you to check Indoor/ Outdoor/ Recreation
activities and facilities of the sports club.
- To go to “membership.html”, please click on Membership. There will
be a drop-down option for user to check information about Types of
member package, Login (if user has already registered,), Registration if
user never registered.
- To go to “tellus.html” (this is the page that we will receive suggestion
or feedbacks from user), please click on Tell Us
- To go to “contact.html”, please click on Contact Us.
ABOUT US
In this page, we show all information in details about the club:
- HOW WE DRIVE: would let user know clearly that what
makes the club has been becoming more popular.
- Will be follow by some information about the founder and some
head important persons.
- And galleries of serving team will be shown
- FAST GALLERIES will show more up-to-date EVENTS that
the clubs have joined / ARTICLES mentioned what Ryan club’s member
contributed. Or just about nutrient news. We will be able to see more
activities of Ryan Sports Club.
FACILITIES
This page shows all kinds of sports (indoor, outdoor, recreation) in Ryan
Sports Club and with information of Rules, Timing, Definitions of the
sports with sports face going with those sports
USER GUIDE
MEMBERSHIP
This page is about presenting to user:
- Registration : if the user want to join the club
- Login: for the existing members have joined the club.
- Member packages: will show almost options of the member packages
for member to choose, optional choices will be applied.
TELL US
Is this page, user will be seeing 2 options for contacting request to Ryan
Club:
- Suggestions: Will be received the suggestions for developing or build
up new needed system to serve members day to day better.
- Feedback / complaints: Will be received the feedbacks or not good
feedbacks about using time / inconvenience in the club to help Ryan club
improve more.
CONTACT
Just scroll down, user will see the contact button on the top-left (below
the navigating menu bar), click on it, a pop-up window will be appeared
and user will have to submit all contact and content they want to tell to
Ryan Club.)
Content