Đ án Môn h c: Qu n lý D án Công ngh thông tin ồọảựệThe achievement of the thesis is researching the basic components of MERNstack tech-nology: MongoDB, ExpressJS framework, ReactJS libra
Trang 1TR ƯỜ NG Đ I H C TH D U M T Ạ Ọ Ủ Ầ Ộ
BÌNH DƯƠNG
Trang 2Đ án Môn h c: Qu n lý D án Công ngh thông tin ồ ọ ả ự ệ
BÌNH DƯƠNG3/2023
Trang 3Đ án Môn h c: Qu n lý D án Công ngh thông tin ồ ọ ả ự ệ
Summary
The achievement of the thesis is researching the basic components of MERNstack tech-nology: MongoDB, ExpressJS framework, ReactJS library and NodeJSplatform Using MERN stack technology to build an ecommerce web application withpayment gateway
The report structure is divided into 5 parts:
Trang 4Đ án Môn h c: Qu n lý D án Công ngh thông tin ồ ọ ả ự ệ
4 Phân tích tài chính NPV (Net Present Value) 17
5 Mô hình trọng số WSM (Weighted Scoring Model) 17
Trang 5Đ án Môn h c: Qu n lý D án Công ngh thông tin ồ ọ ả ự ệ
Trang 6Đ án Môn h c: Qu n lý D án Công ngh thông tin ồ ọ ả ự ệ
và hi u qu nh t.ệ ả ấ
- Qu n lý shop qu n áo là m t trong nh ng công vi c tả ầ ộ ữ ệ ương đ i t n nhi uố ố ề
th i gian và t n công s c Mu n qu n lý t t thì c n ph i có đờ ố ứ ố ả ố ầ ả ược trang web
t t, trang web ph i đ m b o đố ả ả ả ượ ộ ảc đ b o m t cao, d s d ng và nhi u ti nậ ễ ử ụ ề ệích S lố ượng hóa đ n nhi u vì v y thông tin c n nh p vào là r t nhi u, ch cơ ề ậ ầ ậ ấ ề ắ
ch n s gây nhi u khó khăn trong vi c qu n lý hóa đ n, qu n lý tài kho n,ắ ẽ ề ệ ả ơ ả ả
qu n lý s n ph m , c a nhân viên cũng nh là ch ti m ả ả ẩ ủ ư ủ ệ
- D án Xây d ng Website bán đ th i trang cho DuckShop v i hàng ngàn s nự ự ồ ờ ớ ả
ph m th i trang đ p và theo xu hẩ ờ ẹ ướng th i trang d ki n s đờ ự ế ẽ ược hoàn thànhtrong th i gian kho ng 2 tháng.ờ ả
2 Ph m vi d án ạ ự
- Tên d án: Xây d ng Website bán đ th i trang cho DuckShop.ự ự ồ ờ
- M c đích d án: D án đụ ự ự ược xây d ng v i m c đích nh m ph c v nhu c uự ớ ụ ằ ụ ụ ầmua s m tr c tuy n c a khách hàng m t cách thu n ti n và d dàng đ ngắ ự ế ủ ộ ậ ệ ễ ồ
th i tăng doanh thu bán hàng.ờ
Trang 7Đ án Môn h c: Qu n lý D án Công ngh thông tin ồ ọ ả ự ệ
- Yêu c u v s n ph m: thông tin chi ti t rõ ràng, có hình m u vv.ầ ề ả ẩ ế ẫ
- Giao di n thân thi n d s d ng cho khách hàng.ệ ệ ễ ử ụ
- Công ngh th c hi n: ệ ự ệ
• Ngôn ng l p trình: JavaScriptữ ậ
• Ngôn ng đ nh d ng siêu văn b n: HTML, CSSữ ị ạ ả
• Trình biên t p l p trình code: Visual Studio Code 2019ậ ậ
• Phân tích thi t k h th ng b ng Website: Draw.ioế ế ệ ố ằ
H qu n tr c s d li u: MongoDB (NoSQL)ệ ả ị ơ ở ữ ệ
- D án đự ược th c hi n trong kho ng th i gian t 26/12/2022 – 31/3/2023.ự ệ ả ờ ừ
- Chi phí th c hi n ự ệ ước tính kho ng 140.000.000đ bao g m:ả ồ
• Lương nhân viên
• Ti n chi tr các ng d ng đ xây d ng trang web (PTS, Word, vv) ề ả ứ ụ ể ự
• Các chi phí phát sinh
• D tr : 8%ự ữ
- S thành viên tham gia d án: 8 ngố ự ười
Quản lý dự án
(Project Manager)
Người quyết định, đưa racác vai trò tham gia, cáctài nguyên cho dự án
Hoàng Quốc Việt
Nhân viên phân tích
nghiệp vụ
(Business Analyst)
Phân tích các yêu cầunghiệp vụ dựa trên nhữngyêu cầu của khách hàngsau đó mô tả lại cho giámđốc dự án
Lê Nguyễn Đình Hưng
Designer Phân tích thiết kế, thực thi
hệ thống
Nguyễn Huỳnh QuốcHuyNguyễn Hữu ThanhTùng
Trang 8Đ án Môn h c: Qu n lý D án Công ngh thông tin ồ ọ ả ự ệ
Developer Xây dựng và phát triển
phần mềm
Tất cả thành viênTester Chịu trách nhiệm kiểm thử
hệ thống
Nguyễn Phú QuýPhạm Thị Phương Thùy
Kỹ thuật viên
(Technical)
Triển khai hệ thống tớikhách hàng, chịu tráchnhiệm cài đặt
hệ thống, hướng dẫn sửdụng
Nguyễn Minh Thiện
Lê Thanh Tuấn
3 C u trúc phân rã công vi c (WBS) ấ ệ
4 K ho ch t ng quan c a d án ế ạ ổ ủ ự
4.1 Kh o sát ả
- Người xét duy t: Hoàng Qu c Vi tệ ố ệ
- Người th c hi n: Lê Nguy n Đình H ngự ệ ễ ư
- Người tham gia đóng góp: Nguy n Minh Thi nễ ệ
Trang 9Đ án Môn h c: Qu n lý D án Công ngh thông tin ồ ọ ả ự ệ
4.2 Phân tích
- Người xét duy t: Hoàng Qu c Vi tệ ố ệ
- Người th c hi n: Nguy n Huỳnh Qu c Huy, Nguy n H u Thanh Tùngự ệ ễ ố ễ ữ
- Danh sách công vi c:ệ
+ T báo cáo thu th p thông tin phân tích, xác đ nh yêu c u nghi p v , yêu c uừ ậ ị ầ ệ ụ ầ
h th ng.ệ ố
+ Phân rã yêu c u đ phân tích yêu c u nghi p v chi ti t.ầ ể ầ ệ ụ ế
+ Lên ý tưởng v d án d a vào nh ng yêu c u đã phân tích r i xây d ng hề ự ự ữ ầ ồ ự ệ
th ng cho d án.ố ự
+ L p k ho ch t ng quan cho toàn b d án.ậ ế ạ ổ ộ ự
+ Lên l ch chi ti t công vi c và nhi m v c n ph i làm.ị ế ệ ệ ụ ầ ả
4.3 Thi t k ế ế
- Người xét duy t: Hoàng Qu c Vi tệ ố ệ
- Người th c hi n: Nguy n Huỳnh Qu c Huy, Nguy n H u Thanh Tùngự ệ ễ ố ễ ữ
- Người tham gia đóng góp: Hoàng Qu c Vi tố ệ
- Người xét duy t: Hoàng Qu c Vi tệ ố ệ
- Người th c hi n: Hoàng Qu c Vi t, Lê Thanh Tu nự ệ ố ệ ấ
- Người tham gia đóng góp: Nguy n Huỳnh Qu c Huy, Nguy n Minh Thi nễ ố ễ ệ
- Danh sách công vi c:ệ
+ T lừ ượ ồ ơ ở ữ ệc đ c s d li u xây d ng c s d li u cho website.ự ơ ở ữ ệ
+ T o d ng thi t k giao di n cung ch c năng mô ph ng theo yêu c u c aạ ự ế ế ệ ứ ỏ ầ ủkhách hàng cùng v i nghi p v ớ ệ ụ
+ Th o lu n v i khách hàng đ th o lu n v các tính năng và giao di n đ điả ậ ớ ể ả ậ ề ệ ể
t i thi t k th ng nh t 2 bên.ớ ế ế ố ấ
+ T nh ng ban thi t k đã đừ ữ ế ế ược th ng nh t, th c hi n l p trình các trang giaoố ấ ự ệ ậ
di n và xây d ng ch c năng cho toàn b website.ệ ự ứ ộ
4.5 Ki m th ể ử
- Người xét duy t: Hoàng Qu c Vi tệ ố ệ
Trang 10Đ án Môn h c: Qu n lý D án Công ngh thông tin ồ ọ ả ự ệ
- Người th c hi n: Ph m Th Phự ệ ạ ị ương Thùy, Nguy n Phú Quýễ
- Danh sách công vi c:ệ
+ Sinh các Test Case trong h th ng.ệ ố
+ //Cài đ t h th ng lên máy ch (host) đ ch y.ặ ệ ố ủ ể ạ
+ S d ng t t c các Test Case đã th c hi n cho ch y tìm l i.ử ụ ấ ả ự ệ ạ ỗ
Trang 11Đ án Môn h c: Qu n lý D án Công ngh thông tin ồ ọ ả ự ệ
2 C nh tranh gay g t v iạ ắ ớnhi u đ i th ề ố ủ
3 Lương tr cho nhân viên,ả
- Phía qu n tr viên th c hi n đả ị ự ệ ược các ch c năng:ứ
Trang 12Đ án Môn h c: Qu n lý D án Công ngh thông tin ồ ọ ả ự ệ
+ Th c hi n xem, tìm ki m toàn b thông tin s n ph m.ự ệ ế ộ ả ẩ
+ Th c hi n c p nh t, ch nh s a thông tin s n ph m.ự ệ ậ ậ ỉ ử ả ẩ
+ Th c hi n xem đ n đ t hàng và x lý đ n hàng.ự ệ ơ ặ ử ơ
+ Liên h v i khách hàng.ệ ớ
- Phía người dung th c hi n đự ệ ược các ch c năng:ứ
+ Đăng ký thành viên trên website thông qua m ng xã h iạ ộ
+ Đăng nh p vào website thông qua MXH.ậ
+ Lương nhân viên
+ Ti n chi tr các ng d ng đ xây d ng trang web (PTS, Word, vv) ề ả ứ ụ ể ự+ Các chi phí phát sinh
+ D tr : 8%ự ữ
- Nhân s :ự T ng s thành viên c a đ i d án: 8 ngổ ố ủ ộ ự ười
- Th i gian:ờ 26/12/2022 – 31/3/2023
- Bàn giao s n ph m:ả ẩ
+ Website bán đ th i trang DuckShop.ồ ờ
+ Tài li u hệ ướng d n s d ng cùng ngẫ ử ụ ườ ưới h ng d n.ẫ
+ Trang thi t b liên quan t i h th ng.ế ị ớ ệ ố
- Công ngh th c hi n:ệ ự ệ
+ Ngôn ng l p trình: JavaScriptữ ậ
+ Ngôn ng đ nh d ng siêu văn b n: HTML, CSSữ ị ạ ả
+ Trình biên t p l p trình code: Visual Studio Code 2019ậ ậ
+ Phân tích thi t k h th ng b ng Website: Draw.ioế ế ệ ố ằ
+ H qu n tr c s d li u: MongoDB (NoSQL)ệ ả ị ơ ở ữ ệ
- Công c l p k ho ch:ụ ậ ế ạ
+ MS Project 2019: Công c xây d ng l p l ch qu n lý d án.ụ ự ậ ị ả ự
+ Word 2019: Công c so n th o văn b n.ụ ạ ả ả
Trang 13Đ án Môn h c: Qu n lý D án Công ngh thông tin ồ ọ ả ự ệ
+ C p nh t thông tin s n ph m, các chậ ậ ả ẩ ương trình khuy n m i Cóế ạ
th đăng nh p b ng tài kho n Facebook ho c Gmailể ậ ằ ả ặ
+ Có các ch c năng nh tìm ki m, xem, xóa gi hàng, thanh toánứ ư ế ỏ
+ Tương thích v i nhi u Browser khác nhau.ớ ề
+ T c đ truy c p nhanh, chính xác cho phép nhi u ngố ộ ậ ề ười dùngtruy c p s d ng cùng m t lúc.ậ ử ụ ộ
- Yêu c u khác: ầ
+ Đ m b o tính h p pháp, b n quy n.ả ả ợ ả ề
+ B o trì s n ph m trong quá trình s d ng và s a l i h th ngả ả ẩ ử ụ ử ỗ ệ ốkhi có s c ự ố
+ Hoàn thành trước ngày 31/3/2023
nhitruong@gmail.com
Trang 14Đ án Môn h c: Qu n lý D án Công ngh thông tin ồ ọ ả ự ệ
Ng ườ i s ử
d ng ụ
Người truy c pậWebsite và ban
viethq@gmail.com
Các ch ký: ư
Nguy n Th Trễ ị ương Nhi,
Hoàng Qu c Vi tố ệ
Trang 15Đ án Môn h c: Qu n lý D án Công ngh thông tin ồ ọ ả ự ệ
3 B ng kê công vi c ả ệ
WBS Task Name Duration Predecessor
-1.1 Thăm dò nhu c uầ 2 days
3.2.4 Thi t k giao di nế ế ệ 4 days 3.2.3
3.2.4.1 Giao di n trang chệ ủ 0.5 days -
Trang 16Đ án Môn h c: Qu n lý D án Công ngh thông tin ồ ọ ả ự ệ
2.3.4.2 Giao di n đăng ký/ ệ
đăng nh pậ
0.5 days 3.2.4.13.2.4.3 Giao di n chi ti t s n ệ ế ả
ph mẩ 0.5 days 3.2.4.2
3.2.4.4 Giao di n gi hàngệ ỏ 0.5 days 3.2.4.3
3.2.4.5 Giao di n Adminệ 2 days 3.2.4.4
4 Xây d ng website ự 18 days 3
4.1 Code Frontend 8 days
-4.1.1 Giao di n trang chệ ủ 2 days
-4.1.2 Giao di n đăng ký/ ệ
đăng nh pậ
1 days 4.1.14.1.3 Giao di n chi ti t s n ệ ế ả
ph mẩ 2 days 4.1.2
4.1.4 Giao di n gi hàngệ ỏ 1 days 4.1.3
4.1.5 Giao di n Adminệ 2 days 4.1.4
4.2 Code Backend 10 days 4.1
4.2.1 Code trang chủ 2.5 days
-4.2.2 Code đăng ký/đăng
nh pậ 1 day 4.2.1
4.2.3 Code trang chi ti t s n ế ả
ph mẩ
1.5 days 4.2.24.2.4 Code gi hàng/đ t ỏ ặ
hàng
2 days 4.2.34.2.5 Code trang Admin 3 days 4.2.4
5.1 Vi t testcaseế 3 days
-5.2 Test module 2 days 5.1
5.3 Test tích h pợ 2 days 5.2
Trang 17Đ án Môn h c: Qu n lý D án Công ngh thông tin ồ ọ ả ự ệ
4 Phân tích tHi chính NPV (Net Present Value).
- D đ nh đ u t 140 tri u đ ng vào d án, trong th i gian kéo dài 5 năm.ự ị ầ ư ệ ồ ự ờ
- Trong đó, d đ nh nh n đự ị ậ ược 100 tri u đ ng vào 5 năm liên ti p.ệ ồ ế
- Lãi su t th trấ ị ường theo t ng năm là 10%/1 năm và s không thay đ i trongừ ẽ ổ
su t th i gian 5 năm đ u t ố ờ ầ ư
5 Mô hình tr ng s WSM (Weighted Scoring Model) ọ ố
Trang 18Đ án Môn h c: Qu n lý D án Công ngh thông tin ồ ọ ả ự ệ
2 Ướ ượ c l ng PERT
- ML: Ướ ược l ng kh dĩ nh t (Most likely) th i gianả ấ ờ
c n đ hoàn thành công vi c trong đi u ki n h p lý.ầ ể ệ ề ệ ợ
- MO: Ướ ược l ng l c quan nh t (Most Optimistic) th iạ ấ ờ
gian c n đ hoàn thành công vi c trong đi u ki n lýầ ể ệ ề ệ
tưởng nh t (không có tr ng i nào).ấ ở ạ
- MP: Ướ ược l ng bi quan nh t (Most Pessimistic) th iấ ờ
gian c n đ hoàn thành công vi c trong đi u ki n t iầ ể ệ ề ệ ồ
Trang 19Đ án Môn h c: Qu n lý D án Công ngh thông tin ồ ọ ả ự ệ
Trang 20Đ án Môn h c: Qu n lý D án Công ngh thông tin ồ ọ ả ự ệ
4.2.1 Code API CRUD 2 2.5 3 2.5
4.2.2 Code đăng ký/đăng
Trang 21Đ án Môn h c: Qu n lý D án Công ngh thông tin ồ ọ ả ự ệ
6.1 Vi t báo cáoế 1.5 2 2.5 2
6.2 Vi t tài li u s n ế ệ ả
2.7 Ướ ượ c l ng PERT t ng h p ổ ợ
- T ng th i gian hoàn thành d án theo PERT ~ 64 ngàyổ ờ ự
- M i công vi c tăng 10 % th i gian lãng phí gi a ch ng EST cu i cùng là: 71ỗ ệ ờ ữ ừ ốngày
3 B ng ho t đ ng công vi c ả ạ ộ ệ
WBS Task Name Duration Start Finish
1 Khảo sát 3 days Mon 12/26/22 Wed 12/28/221.1 Thăm dò nhu cầu 2 days Mon 12/26/22 Tue 12/27/221.2 Báo cáo 1 days Wed 12/28/22 Wed 12/28/22
2 Phân tích 13 days Thu 12/29/22 Thu 1/12/232.1 Xác định yêu cầu 4 days Thu 12/29/22 Mon 1/2/232.1.1 Xác định yêu cầu nghiệp 2 days Thu 12/29/22 Fri 12/30/22
Trang 22Đ án Môn h c: Qu n lý D án Công ngh thông tin ồ ọ ả ự ệvụ
2.1.2 Xác định yêu cầu hệ
thống
2 days Sat 12/31/22 Mon 1/2/23
2.3 Xây dựng ý tưởng và nêu
vấn đề
3 days Thu 1/5/23 Sat 1/7/23
2.4 Lập kế hoạch tổng quan 2 days Mon 1/9/23 Tue 1/10/232.5 Lập bảng chi tiết công
việc
2 days Wed 1/11/23 Thu 1/12/23
3 Thiết kế 15 days Fri 1/13/23 Mon 2/13/233.1 Thiết kế kiến trúc hệ
thống
2 days Fri 1/13/23 Sat 1/14/233.2 Thiết kế chi tiết 13 days Mon 1/30/23 Mon 2/13/233.2.1 Xây dựng biểu đồ lớp 3 days Mon 1/30/23 Wed 2/1/233.2.2 Xây dựng kịch bản 2 days Thu 2/2/23 Fri 2/3/233.2.3 Xây dựng csdl 4 days Sat 2/4/23 Wed 2/8/233.2.4 Thiết kế giao diện 4 days Thu 2/9/23 Mon 2/13/233.2.4.1 Giao diện trang chủ 0.5 days Thu 2/9/23 Thu 2/9/232.3.4.2 Giao diện đăng ký/
đăng nhập 0.5 days Thu 2/9/23 Thu 2/9/233.2.4.3 Giao diện chi tiết sản
phẩm
0.5 days Fri 2/10/23 Fri 2/10/233.2.4.4 Giao diện giỏ hàng 0.5 days Fri 2/10/23 Fri 2/10/233.2.4.5 Giao diện Admin 2 days Sat 2/11/23 Mon 2/13/23
4 Xây dựng website 18 days Tue 2/14/23 Mon 3/6/234.1 Code Frontend 8 days Tue 2/14/23 Wed 2/22/234.1.1 Giao diện trang chủ 2 days Tue 2/14/23 Wed 2/15/234.1.2 Giao diện đăng ký/ 1 days Thu 2/16/23 Thu 2/16/23
Trang 23Đ án Môn h c: Qu n lý D án Công ngh thông tin ồ ọ ả ự ệ
nhập 1 day Sat 2/25/23 Mon 2/27/234.2.3 Code đánh giá sp 1.5 days Mon 2/27/23 Tue 2/28/234.2.4 Code giỏ hàng/đặt hàng 2 days Wed 3/1/23 Thu 3/2/234.2.5 Code tìm kiếm, lọc sp 3 days Fri 3/3/23 Mon 3/6/23
5 Kiểm thử 12 days Tue 3/7/23 Mon 3/20/235.1 Viết testcase 3 days Tue 3/7/23 Thu 3/9/235.2 Test module 2 days Fri 3/10/23 Sat 3/11/235.3 Test tích hợp 2 days Mon 3/13/23 Tue 3/14/235.4 Sửa lỗi 4 days Wed 3/15/23 Sat 3/18/235.5 Báo cáo kiểm thử 1 days Mon 3/20/23 Mon 3/20/23
6 Kết thúc dự án 5 days Tue 3/21/23 Thu 3/23/236.1 Viết báo cáo 2 days Tue 3/21/23 Wed 3/22/236.2 Viết tài liệu sản phẩm 3 days Thu 3/23/23 Thu 3/23/23
Trang 24Đ án Môn h c: Qu n lý D án Công ngh thông tin ồ ọ ả ự ệ
4 Bi u đ Gantt ể ồ
Trang 25Đ án Môn h c: Qu n lý D án Công ngh thông tin ồ ọ ả ự ệ
5 CPM
Trang 26Đ án Môn h c: Qu n lý D án Công ngh thông tin ồ ọ ả ự ệ
No-3 JavaScript [Internet] Mozilla.org Available from: oper.mozilla.org/en-US/docs/Web/JavaScript
https://devel-4 NodeJS Introduction [Internet] Tutorialspoint.com Availablefrom: https://www.tutorialspoint.com/nodejs/nodejs_introduction.htm
5 NodeJS Pros and Cons [Internet] Mindinventory.com Available from:https://www.mindinventory.com/blog/pros-and-cons-of-node-js-web-app-devel- opment/
6 NodeJS use cases [Internet] Credencys.com Available from: dencys.com/blog/node-js-development-use-cases/
https://www.cre-7 Express.js Introduction [Internet] Mozilla.org Available from: oper.mozilla.org/en-US/docs/Learn/Server-side/Express_Nodejs/Introduction
https://devel-8 MongoDB [Internet] Mongodb.com Available from: