Báo cáo cuối kì Agile

TRƯỜNG ĐẠI HỌC SƯ PHẠM THÀNH PHỐ HỒ CHÍ MINH
KHOA CƠNG NGHỆ THƠNG TIN
���

BÁO CÁO ĐỒ ÁN
Quy trình phát triển phần mềm Agile
2121COMP1402

TPHCM, tháng 04 năm 2021

1


ĐẠI HỌC SƯ PHẠM THÀNH PHỐ HỒ CHÍ MINH
Khoa Cơng Nghệ Thông Tin

Tên dự án : Website Bán Thiết Bị Điện Tử

Người hướng dẫn: Thầy Lương Trần Hy Hiến
Sinh viên thực hiện:
1. Lương Hoàng Quân - 4501104192
2. Võ Minh Nhựt - 4501104167
3. Nguyễn Thế Anh - 4501104008
4. Hồ Sỹ Chiến – 4501104027
5. Huỳnh Quý Thanh - 4501104212
6. Nguyễn Tuấn Phong - 4501104174
7. Trần Thanh Hiền – 4501104078
8. Thiều Quang Bảo Tín - 4501104241
9. Phạm Thị Xuân Tấn - 4501104209

TPHCM, tháng 04 năm 2022

2


Mục lục

DANH MỤC HÌNH ẢNH

LỜI CẢM ƠN
Nhóm em xin chân thành cảm ơn thầy Lương Trần Hy Hiến đã giúp nhóm
em hồn thành học phần Quy trình phát triển phần mềm Agile và hồn thành
báo cáo mơn học.
Tuy nhiên trong quá trình học cũng như quá trình thực hiện đồ án khơng
tránh khỏi những sai sót. Nhóm mong nhận được những đóng góp chân thành
của thầy để nhóm có thể phát triển và hoàn thành tốt hơn đồ án cũng như là
những dự án sau này. // mục lục bảng // mục lục các từ viết tắt
Nhóm em xin chân thành cảm ơn!

3


LỜI MỞ ĐẦU
Trong những năm gần đây với xu hướng của thời đại 4.0 thì hầu hết mọi
người đều sử dụng những thiết bị hiện đại để có thể mua sắm và sử dụng một
cách thuận tiện nhất. Đối với nhiều người thì những trang web mua sắm khá là
thân thiện và cũng như là gần gũi với mọi người,…
Gần đây do có nhiều hoạt động cũng như sự phát triển của thương mại
điện tử thì việc áp dụng những kiến thức đã học vào để tạo nên một trang web
thân thiện mà nhiều người có thể sử dụng và tin tưởng.
Vì vậy nhóm đã quyết định thực hiện dự án Xây dựng Sales Website về

thương mại điện tử về thiết bị điện tử. Đây là dự án mà mọi người đều có thể sử
dụng và gần gũi thân quen với mọi người.

4


1. Giới thiệu dự án
1.1. Mô tả sơ lược dự án

Dự án xây dựng website Thương mại điện tử Sales Website là dự án
chuyên cung cấp bán hàng về các thiết bị điện tử như là máy tính, điện thoại,…
đảm bảo tất cả các chất lượng và hỗ trợ đưa sản phẩm đến tay khách hàng một
cách nhanh chóng và an tồn nhất một cách có thể. Dự án hướng tới việc xây
dựng một website để khách hàng có thể thoải mái mua những thứ mà bản thân
thích ngồi ra hạn chế sự đi lại trong thời kì dịch bệnh covid ngày nay. Website
sẽ cung cấp tất cả những thông tin về sản phẩm như: tên sản phẩm, giá tiền, mơ
tả, thanh tốn,…
1.2. Cơng nghệ sử dụng

Đây là dự án được thực hiện bởi team Basic Agile và được sử dụng các cơng
nghệ như:
1.2.1. Quản lí source code bằng Github

GitHub là một hệ thống quản lý dự án và phiên bản code, hoạt động
giống như một mạng xã hội cho lập trình viên. Các lập trình viên có thể clone
lại mã nguồn từ một repository và Github chính là một dịch vụ máy chủ
repository cơng cộng, mỗi người có thể tạo tài khoản trên đó để tạo ra các kho
chứa của riêng mình để có thể làm việc.
GitHub có 2 phiên bản: miễn phí và trả phí. Với phiên bản có phí thường
được các doanh nghiệp sử dụng để tăng khả năng quản lý team cũng như phân

quyền bảo mật dự án. Cịn lại thì phần lớn chúng ta đều sử dụng Github với tài
khoản miễn phí để lưu trữ source code.
Github cung cấp các tính năng social networking như feeds, followers, và
network graph để các developer học hỏi kinh nghiệm của nhau thơng qua lịch
sử commit.
Có các tính năng như sau:
5


1. Wiki, issue, thống kê, đổi tên project, project được đặt vào namespace

là user.
2. Watch project: theo dõi hoạt động của project của người khác. Xem

quá trình người ta phát triển phầm mềm thế nào, project phát triển ra
sao.
3. Follow user: theo dõi hoạt động của người khác.

Có 2 cách tiếp cận GitHub: Tạo project của riêng mình Contribute cho
project có sẵn: fork project có sẵn của người khác, sửa đổi, sau đó đề nghị họ
cập nhật sửa đổi của mình (tạo pull request).
Link github: />1.2.2. Jira

Jira là gì?
Jira là một ứng dụng theo dõi và quản lý lỗi / vấn đề trong dự án, được phát
triển bởi công ty phần mềm Atlassian của Australia. Cách thức hoạt động của
JIRA dựa vào trọng tâm là kết quả cơng việc, có thể sử dụng ngay và linh hoạt
khi sử dụng.
Tính năng cơ bản của Jira
• Quản lý, theo dõi tiến độ của dự án

• Quản lý các tasks, bugs, cải tiến, tính năng mới hoặc bất kỳ vấn đề gì xảy

ra
• Tạo ra và lưu lại những bộ lọc có cấu hình cao (dynamic queries) xuyên
suốt mọi vấn đề trong hệ thống; chia sẻ bộ lọc với người sử dụng khác,
hoặc đăng ký và nhận được các kết quả qua hệ thống thư điện tử định kỳ
• Xây dựng quy trình làm việc tương thích với yêu cầu của từng dự án
• Bảng dashboard cung cấp cho mỗi người dùng một không gian riêng để
xem mọi thông tin liên quan đến cá nhân

6


• Cung cấp nhiều loại báo cáo thống kê với nhiều loại biểu đồ khác nhau

phù hợp với nhiều loại hình dự án và đối tượng người dùng
Ưu điểm của JIRA
• Jira có chức năng phân quyền cực kỳ chi tiết, khơng chỉ phân quyền trong

dự án chung, mà cịn phân quyền đối với từng nhiệm vụ, giúp team công
nghệ bảo vệ thơng tin độc quyền của mình.
• Dễ dàng tích hợp với các hệ thống khác (như Email, Excel, RSS,...)
• Hệ thống module và bộ cơng cụ phát triển bổ trợ cho phép tùy biến, mở
rộng và tích hợp Jira vào trong hệ thống hiện tại
• Jira được phát triển sử dụng chuẩn HTML và được thử nghiệm với tất cả
các trình duyệt phổ biến hiện nay.
• Có thể chạy trên hầu hết các nền tảng phần cứng, hệ điều hành và cơ sở
dữ liệu
• Mỗi màn hình trong Jira có một phiên bản có thể in đảm bảo việc ln
chuyển bản cứng một cách dễ dàng

• Có thể tích hợp trực tiếp với code trên mơi trường phát triển, là một cơng
cụ hồn tồn phù hợp với các developer.
Nhược điểm của JIRA
• Chi phí cao, sau 7 ngày dùng thử thì doanh nghiệp càng có quy mơ lớn thì

càng tốn nhiều chi phí: $10 mỗi tháng dành cho tối đa 10 tài khoản; từ 11100 tài khoản là $7/tài khoản/tháng
• Tốn nhiều thời gian và cơng sức để setup nên chỉ phát huy tối ưu hiệu quả
với dự án lớn, không phù hợp với dự án vừa và nhỏ (dưới 3 tháng)
• Ngơn ngữ tiếng Anh với nhiều thuật ngữ khó sử dụng
• Quy trình làm việc phức tạp địi hỏi phải tìm hiểu kỹ lưỡng\
Link Jira:
/>/backlog

7


1.3. Danh sách các tính năng có trong dự án
ID
BASICAGILE-7
BASICAGILE-8
BASICAGILE-22
BASICAGILE-19
BASICAGILE-11
BASICAGILE-1
BASICAGILE-5
BASICAGILE-2
BASICAGILE-18
BASICAGILE-20
BASICAGILE-21

-

BASICAGILE-23
BASICAGILE-24
BASICAGILE-25
BASICAGILE-26
BASICAGILE-27
BASICAGILE-28
BASICAGILE-29
BASICAGILE-30
BASICAGILE-31

-

Detail product layout
Top product layout
Product layout
Search layout
Cart layout
Login/Register layout
Account layout
Update Password layout
Test and feedback project

Sprint
2

-

BASICAGILE-43

BASICAGILE-47
BASICAGILE-50
BASICAGILE-44
BASICAGILE-45
BASICAGILE-51
BASICAGILE-48
BASICAGILE-49
BASICAGILE-46

-

Payment
Revenue

Sprint
3

-

Init project
Init database
Design UI/UX
Manage layout admin
Manage layout
Manage accounts
Manage products
Manage categories
Home layout
Test Project and Feedback
Support Test Project and Feedback

Sprint
Sprint
1

-

 Danh sách Backlog:

8

Name
-

Favorite product in account
Transaction history in account
layout
Purchased product in account
layout
Test project and feedback
Contact
Feedback
Manage order


hình 1 Backlog

9

2. Chi tiết hoạt động các sprint
2.1. Sprint 1

Hình 2 Sprint 1

Sprint 1: Init Project
Sprint gold: Khởi tạo giao diện người dùng, database, các trang quản lý (quản lý
tài khoản, quản lý sản phẩm, quản lý loại sản phẩm).
Link Demo Sprint 1 và Sprint 2:
/>%20Documents/BASIC%20AGILE/Recordings/BASIC%20AGILE20220405_222247-Meeting%20Recording.mp4?csf=1&web=1&e=d6GGeV
Danh sách các task:
a. BASICAGILE-7 Init project

Description:
As an online shopper, I want to have an online shopping website, to serve
consumers who can shop at home.
AC:
• Consumers want to see the new products of the day.
• Easily search product items.
• Display detailed product information and consumer reviews.

Link Jira: />10


Estimate: 2d.
Assignee: Nguyễn Thế Anh.
Status: Done.
b. BASICAGILE-8 Init database

Description:

Project database description:
1. Product database includes: product name, ID Cate, Description, Image,

Price, Count, Quantity, NewQuantity, Warranty, View, Discount, VATFee,
CreateDay, Status.
2. Account database includes: username, password, name, Address, Email,
Phone, Secret Question, Secret Answer, CreatedDay, Type, Status.
3. Product Category database: CateName, DisplayOrder, Status.
4. Order Detail database: Product ID, Quantity, Price.
5. Order database: Customer ID, Customer Name, Customer Phone,
Customer Address, Customer Email, Created Day, Status.
6. Cart database: User ID, Product ID, Product Name, Product Image,
Quantity, Max Quantity, Price.
Link Jira: />Estimate: 1d.
Assignee: Nguyễn Tuấn Phong.
Status: Done.
c. BASICAGILE-22 Design UI/UX

Description:
As an admin, I want an easy to use user interface that could manage tasks easily
AC:
• User interface: interface for ordering, purchasing, payment, shopping

cart.
• Management interface: Product management, product type, account
management.
Link Jira: />11


Estimate: 1d.

Assignee: Hồ Sỹ Chiến.
Status: Done.
d. BASICAGILE-19 Manage layout admin

Description:
As an administrator, I want the system to have management functions such as
account management, product management to easily manage work.
AC:
• Basic management functions: add, edit, delete, search, …

Link Jira: />Estimate: 1d.
Assignee: Lương Hoàng Quân.
Status: Done.
e. BASICAGILE-11 Manage layout

Description:
As a user, I want the website's homepage layout to be clearly visible so that I
can easily view and perform actions on the site.
AC:
• The website is designed in a 5-block layout style.
• Large-box scrolling banners display images of products that are on

promotion.
• The small blocks below show product images by category and contain
links to view product information.
Link Jira: />Estimate: 1d.
Assignee: Nguyễn Thế Anh.
Status: Done.
12

f. BASICAGILE-1 Manage accounts

Description:
As an admin, I want to manage all the web client accounts so that I can control
the website user accounts.
AC:
•
•
•
•
•

Only admin can edit
Admin can delete user account.
Admin can reset the password of the user account.
Admin can lock user account.
Admin can edit user account information.

Link Jira: />Estimate: 1d.
Assignee: Phạm Thị Xuân Tấn.
Status: Done.
g. BASICAGILE-5 Manage products

Description
As an admin, I want to edit the list and information of the products so that I can
update the products on the website.
AC:
•
•

•
•
•

Only admin can edit
Admin can add new products.
Admin can edit product information.
Admin can block products.
Admin can delete products from the list.

Link Jira: />Estimate: 1d.
Assignee: Võ Minh Nhựt.
Status: Done.

13


h. BASICAGILE-2 Manage categories

Description:
As an admin, I want to edit categories so that I can easily categorize and
manage product categories.
AC:
•
•
•
•

Only admin can edit.
Admin can add new categories.

Admin can edit categories.
Admin can delete categories.

Link Jira: />Estimate: 1d.
Assignee: Hồ Sỹ Chiến.
Status: Done.
i. BASICAGILE-18 Home layout

Description
As a customer, I want the interface to have a clear layout, easy to manipulate for
users to easily place orders.
AC:
• Includes navbar, search bar, display content, …

Link Jira: />Estimate: 1d.
User: Trần Thanh Hiền.
Status: Move to Sprint 2.
j. BASICAGILE-20 Test Project and Feedback

Description:
Check if the system and tasks are correct, see customer feedback to fix bugs and
complete the project
14


Link Jira: />Estimate: 1d.
Assignee: Huỳnh Quý Thanh.
Status: Done.
k. BASICAGILE-21 Support Test Project and Feedback

Description:
Support to check the shortcomings in the project, check the customer and staff
feedback about the user interface and management interface.
Link Jira: />Estimate: 1d.
Assignee: Thiều Quang Bảo Tín.
Status: Done.
Burnup chart

Hình 3 Burnup chart sprint 1

Biểu đồ burnup chart sprint 1 thể hiện số lượng công việc đã được hồn thành
và hiển thị tổng số lượng cơng việc cho một công việc.
Sprint burndown chart
15


Hình 4 Burndown chart sprint 1

Biểu đồ Burndown chart của sprint 1 thể hiện tiến độ làm việc.
Do sprint 1 còn chưa hiểu rõ jira nên còn thiếu nhiều task còn thiếu phải bổ
sung giai đoạn giữa sprint.
Một vài task bị trễ hẹn nên phải chuyển qua sprint 2.
2.2. Sprint 2

Hình 5 Sprint 2

16


Sprint gold: Hoàn thiện giao diện khách hàng gồm các chức năng: Giỏ hàng,

danh mục sản phẩm, Tìm kiếm sản phẩm, Feedback sản phẩm,….
Link Demo Sprint 1 và Sprint 2:
/>%20Documents/BASIC%20AGILE/Recordings/BASIC%20AGILE20220405_222247-Meeting%20Recording.mp4?csf=1&web=1&e=d6GGeV
a. BASICAGILE-23 Detail product layout

Description:
As a user, I want to see the product details honestly.
AC:
•
•
•
•

Check Name Product
Check Product Price
Description Product
Add to Cart

Link Jira: />Estimate: 1d.
Assignee: Lương Hoàng Quân.
Status: Done.
b. BASICAGILE-24 Top product layout

Description:
As a user, I want to understand the purpose of these pages in a customer's
purchase journey so that your product pages exist to give a potential customer
the information they need to decide to buy an item from you while doing so
clearly and effectively.
AC:
• Top view

17


• Hot product
• Sales-focused copy
• Product reviews and social proof

Link Jira: />Estimate: 1d.
Assignee: Trần Thanh Hiền.
Status: Done.
c. BASICAGILE-25 Product layout

Description:
As a user, I want to show products by product list so that users can easily search
for purchased items
AC:
• Select products
• Select with list category

Link Jira: />Estimate: 1d.
Assignee: Hồ Sỹ Chiến.
Status: Done.
d. BASICAGILE-26 Search layout

Description:
As a user, I want the interface of my sales website to have a search function so
that I made a search function by product name and product price.
AC:
• Select "Search”
• Search by name or price.

• Press enter

Link Jira: />Estimate: 1d.
18


Assignee: Võ Minh Nhựt.
Status: Done.
e. BASICAGILE-27 Cart layout

Description:
As a user, I want to add or remove or clear products in the cart to List products
to buy.
AC:
• Login account to add products to cart
• If you are not logged in, you will see a message that you are not logged in
• Manage the products in the cart

Link Jira: />Estimate: 2d.
Assignee: Nguyễn Thế Anh.
Status: Done.
f. BASICAGILE-28 Login/Register layout

Description:
As an admin, I want to have a login function so that employees can access the
product management.
AC:
• Login include: username, password.
• Registration include: username, password, confirm password.

Link Jira: />Estimate: 2d.
Assignee: Nguyễn Tuấn Phong.
Status: Done.
g. BASICAGILE-29 Account layout
19


Description:
As a user, I want my insights to have an easy-to-view layout so that I can show
my insights to others easily.
AC:
• The information is arranged vertically.

Each information has its own fill (display) box in the form of a text
frame.
• The information is subject to change and update, except for the fixed
information of the account
Link Jira: />Estimate: 1d.
Assignee: Phạm Thị Xuân Tấn.
Status: Done.
h. BASICAGILE-30 Update Password layout

Description
As a user, I want to change my account password, so I want a change password
page.
AC:
•
•
•
•

•
•

Login to the site
Select change password
Re-enter old password
Enter the password you want to change
Re-enter the new password to confirm the password you want to change
If you enter the wrong password, a message will appear...

Link Jira: />Estimate: 1d.
Assignee: Thiều Quang Bảo Tín.
Status: Done.

20


i. BASICAGILE-31 Test and feedback project

Description:
Test the project to find errors and fix them completely
Link Jira: />Estimate: 1d.
Assignee: Huỳnh Quý Thanh.
Status: Done.
Burnup chart

Hình 6 Burnup chart sprint 2

Sprint burndown chart

Hình 7 Burndown chart sprint 2

21


Sprint Retrospective Sprint 1,2

Hình 8 Giao diện chính của Retrospective Sprint 1,2

Liked









Teamwork, in-depth study of design, thinking ability (6)
Everyone in the group is enthusiastic and efforts in the shared work (1)
I like working in groups
Learn and learn about the sales web (1)
I like to divide the work into small pieces that are easy to do (1)
Easily manage time for projects with Jira (7)
group members' help
Beautiful user-friendly interface

Learnt
 How to use Jira tool, How to use github proficiently, PHP programming










ability (5)
Learning this helps me improve my coding skills (1)
Learn agile process, increase teamwork ability, how to push github
Learn MVC pattern
Learn how to work in groups
Learn how to apply agile processes in projects
Learn how to work according to the daily regimen
Learn many new things and gain experience from the project
Learn how to work in a scrum format, making it easier for the client and
team to control the project (7)

22


Lacked
 Spending too much time on small things, not making the most of group









communication (5)
My schedule is not yet in accordance with the group
The progress of completing the work is not correct (2)
Not having absolute control over the time for tasks (1)
I'm not good at English (3)
Shortcomings when using jira
No experience with naming conventions in projects
Team is not fluent in github yet

Action points





Learn more English
Spend more time on tasks
More communication among team members
More suitable working time

Link Retrospective Sprint 1,2
/>%20Documents/BASIC%20AGILE/Recordings/Sprint%20Retrospective
%201+2%20-%20BASIC%20AGILE-20220404_225147-B%E1%BA%A3n
%20ghi%20cu%E1%BB%99c%20h%E1%BB%8Dp.mp4?
csf=1&web=1&e=CnMgbi

23

2.3. Sprint 3

Hình 9 Sprint 3

Sprint gold: Complete the functions of buying and selling, managing orders ...
completing the website from customers
Link Demo Sprint 3:
/>%20Documents/BASIC%20AGILE/Recordings/Daily%20Meeting%20%20BASIC%20AGILE-20220413_215153-Meeting%20Recording.mp4?
csf=1&web=1&e=30KZ6J
a. BASICAGILE-43 Payment

Description
As a consumer, want to have an online payment function to easily pay for an
item that can be easily purchased in another city.
AC:
• Enter customer information include: full name, address, phone number,…

Link Jira: />Estimate: 1d.
Assignee: Nguyễn Tuấn Phong.
Status: Done.
b. BASICAGILE-47 Revenue
24


Description:
as a admin, I want a revenue page so that check the revenue effectively
AC:
• Sales page by year chart

• calculate revenue as % kpi (1,000,000,000) by year and show increase

and decrease
Link Jira: />Estimate: 1d.
Assignee: Hồ Sỹ Chiến.
Status: Done.
c. BASICAGILE-50 Favorite product in account

Description:
As a user, I want the website to have a favorite product selection function so
that I can re-order or search for that product quickly on my next purchase.
AC:
• When you click on the product search, there will be a “View” section
• Select View, select Add Favorites produce
• You can see your favorite products in the Favorites section.

Link Jira: />Estimate: 1d.
Assignee: Võ Minh Nhựt.
Status: Done.
d. BASICAGILE-44 Transaction history in account layout

Description
As a user, I would like to see my transaction history details in my account so
that I can manage the products I have traded easily.
AC:
25