34 trang 9 lượt tải

Báo cáo ngôn ngữ kịch bản | Đại học Điện lực

17

Internet đang là là một phương tiện gắn kết nhiều lĩnh vực và đang ngày càng
phổ biến trên khắp thế giới và đóng vai trò quan trọng trong đời sống con người.
Internet đem lại những lợi ích to lớn cho con người hơn bất kỳ nền công nghiêp̣
truyền thống nào khác cũng như nguồn lợi khổng lồ mà người dùng có thể mang
lại cho các nhà đầu tư.

Môn: Công nghệ thông tin(CNTT350) 109 tài liệu

Trường: Trường Đại học Điện lực 460 tài liệu

Tác giả:

Profile

Sang

11 tháng trước
Tải xuống Chia sẻ Báo cáo
Danh sách Quiz
Tải xuống
/34
Bao Cao Cuoi Ki Ngon Ngu Kich Ban
Cong nghe thong tin (Đại học Điện lực)
Scan to open on Studocu
Studocu is not sponsored or endorsed by any college or university
Bao Cao Cuoi Ki Ngon Ngu Kich Ban
Cong nghe thong tin (Đại học Điện lực)
Scan to open on Studocu
Studocu is not sponsored or endorsed by any college or university
Downloaded by B?p Tr??ng Thành (baptruongthanh@gmail.com)
lOMoARcPSD|50662567




 !"#$%&#
'()*+(,)-*./*(0) !12
345 
(6)7+(,)*89)7:;) !*'<=45
7>)* !
*?@,))7>)* !33
9A !$BC3C
*DE !FGFGHFGFC

Downloaded by B?p Tr??ng Thành (baptruongthanh@gmail.com)
lOMoARcPSD|50662567
1I3J3

    !"
#$%&
'()*
!+,
  !"
!+  ,

!+  ,

Downloaded by B?p Tr??ng Thành (baptruongthanh@gmail.com)
lOMoARcPSD|50662567
3KK
$-(
./!01234$56$78!)9:4#;<=>40000000000000000000000000
00#?*@A000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000
001+*BCDE00000000000000000000000000000000000000000000000000000000000000000000000000000
00&F000000000000000000000000000000000000000000000000000000000000000000000000000000000000000
0G0HIJKL-MH@DNBO?I0000000000000000000000000000000000000000000000000
0P0!QRHJKL-M*?ST0000000000000000000000000000000000000000000000000000000000000
0U0!QRA7S(TB000000000000000000000000000000000000000000000000000000000000000000000000000000000000000
0V0!QRWR+-XEBY?JR'**=Z'[\#0000000000000000000000000000000
./!0<]$^)9$5_$1_6$`!00000000000000000000000000000000000000000G
00Z*@a-(0000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000G
00E@b&0000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000P
00<cF&LI00000000000000000000000000000000000000000000000000000000000000000000000U
000KL0000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000U
000Z R@b*a@&*(WR+000000000000000000000000000000000000000000000d
000Z R@b*e@H
f
&BO(*(WR+000000000000000000000000000000000000000000000000g
00G0Z R@b*e@H
f
&hi(*(WR+000000000000000000000000000000000000000000000
00P0Z R@b*e@H
f
&M%*(WR+0000000000000000000000000000000000000
0G0$%%EBY?JR000000000000000000000000000000000000000000000000000000000000000000000000000000000000
0G00Z+Dj?k0000000000000000000000000000000000000000000000000000000000000000000000000000000000000
0G00Z+B+Llm*(WR+n00000000000000000000000000000000000000000000000000000000000000000000000
0G00Z+LcWR[A0000000000000000000000000000000000000000000000000000000000000000000000000000000000000G
0G0G0Z+%i(@E000000000000000000000000000000000000000000000000000000000000000000000000000000G
0G0P0Z+i(@E000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000G
0G0U0Z+ J*e0000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000P
0G0V0=(-(000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000P
<o0!525<4<)995p$0000000000000000000000000000000000000000000000000000000000000000000000U
00!+LLHJ(00000000000000000000000000000000000000000000000000000000000000000000000U
00@a(*?00000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000U
000!(*?@KL00000000000000000000000000000000000000000000000000000000000000000000000000000000U
Downloaded by B?p Tr??ng Thành (baptruongthanh@gmail.com)
lOMoARcPSD|50662567
000!(*?-(q000000000000000000000000000000000000000000000000000000000000000000000000000000000V
000!(*?@F000000000000000000000000000000000000000000000000000000000000000000000000000000000000V
00G0!(*?*(\R+0000000000000000000000000000000000000000000000000000000000000000000000000000000000d
00G00!(*?,+*(WR+00000000000000000000000000000000000000000000000000000000000000000000d
00G00!(*?*(WR(-*DQ00000000000000000000000000000000000000000000000000000000000g
00G00!(*?*(WR+*DQ0000000000000000000000000000000000000000000000000000000000
00G0G0!(*?%*(WR+00000000000000000000000000000000000000000000000000000000000000000
00P0!(*?@KL(?000000000000000000000000000000000000000000000000000000000000000000000
00U0!(*?(?00000000000000000000000000000000000000000000000000000000000000000000000000000000000000
00V0!(*?(?WR+J*(WR+00000000000000000000000000000000000000000000000000000000000
00d0!(*?(?J*e*(WR+000000000000000000000000000000000000000000000000000000000
00g0!(*?(?BO(J*e*(WR+00000000000000000000000000000000000000000000000000000000000
000!(*?(?hi(J*e*(WR+000000000000000000000000000000000000000000000000000000000G
<oG01_$\r2000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000P
G001%WR+@e@DN0000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000P
G00?Re%000000000000000000000000000000000000000000000000000000000000000000000000000000000000P
G00DQL- 0000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000P
Downloaded by B?p Tr??ng Thành (baptruongthanh@gmail.com)
lOMoARcPSD|50662567
$3KL
$-(
M00E@b&0000000000000000000000000000000000000000000000000000000000000000000000000000000000P
M00KLC0000000000000000000000000000000000000000000000000000000000000000000000000000V
M00Z R@b*e@&B+Ll0000000000000000000000000000000000000d
M00Z R@b*e@&BO(*(WR+000000000000000000000000000000000000000000g
M0G0Z R@b*e@&hi(*(WR+000000000000000000000000000000000000000
M0P0Z R@b*e@&M%*(WR+0000000000000000000000000000000
M0U01%C=(-(00000000000000000000000000000000000000000000000000000000000000000000000000000000P
M00!(*?@KL00000000000000000000000000000000000000000000000000000000000000000000000000U
M00!(*?-(q000000000000000000000000000000000000000000000000000000000000000000000000000V
M00!(*?@F000000000000000000000000000000000000000000000000000000000000000000000000000000V
M0G0!(*?,+*(WR+00000000000000000000000000000000000000000000000000000000000000000000d
M0P0!(*?*(WR(-*DQ00000000000000000000000000000000000000000000000000000000000g
M0U0!(*?*(WR+*DQ00000000000000000000000000000000000000000000000000000000000
M0V0!(*?%*(WR+000000000000000000000000000000000000000000000000000000000000000000
M0d0!(*?(?00000000000000000000000000000000000000000000000000000000000000000000000000000000
M0g0!(*?(?00000000000000000000000000000000000000000000000000000000000000000000000000000000
M00!(*?(?WR+J*(WR+000000000000000000000000000000000000000000000000000
M00!(*?(?*(WR+00000000000000000000000000000000000000000000000000000000
M00!(*?(?BO(*(WR+0000000000000000000000000000000000000000000000000000000000
M00!(*?(?hi(J*e*(WR+000000000000000000000000000000000000000000000000000G
Downloaded by B?p Tr??ng Thành (baptruongthanh@gmail.com)
lOMoARcPSD|50662567
$3KJ
$-(
Z+00Z+Dj?k000000000000000000000000000000000000000000000000000000000000000000000000000000
Z+00Z+B+Llm*(WR+n00000000000000000000000000000000000000000000000000000000000000000
Z+00Z+LcWR[A000000000000000000000000000000000000000000000000000000000000000000000000000000G
Z+0G0Z+%i(@E00000000000000000000000000000000000000000000000000000000000000000000000G
Z+0P0Z+i(@E000000000000000000000000000000000000000000000000000000000000000000000000000000000000G
Z+0U0Z+ J*e0000000000000000000000000000000000000000000000000000000000000000000000000000000000000P
Downloaded by B?p Tr??ng Thành (baptruongthanh@gmail.com)
lOMoARcPSD|50662567
M
)QBsktq(H
f
H5S-SJeiu(WR(
-05S-Si WR+*Q
f
RB+Ll?XIq(MLts%
EQLF,LEJ*
f
EH%LXWR+*Q

f
RB+Ll?XIq(MQDjR?kv@e@DNJN%e
-((*-X-Dj0
5S-S@(JJLDEw%ARJu@([
Lts%-wL%Q@i(-xWR(--*@jBC*Dj0
5S-S@SJeJNF*JQ**DjEs,yAH
f
L
-R[AC*zDRbJNtJbDj?ki (
Je*@{RD0
c
f
&@DN{WR(-@iiS@|M R&RWR[%
@X@A}:c[?~SsBS*(WR+•QI@FJ*
f
E
HWR+*%LXB+Ll?XIq(?*(
f
LQDjR
?k0
Downloaded by B?p Tr??ng Thành (baptruongthanh@gmail.com)
lOMoARcPSD|50662567
=B<'4 "N$
B<B<O:P/*Q)RS->(
[([-*sC+*{Ri(QBL- DNsKq(*(
uRKAR?XIH-R[AH-(@jv@L&R{R[
(*q(*Dj0'-*?XI-R[AH@e"@{R
([J5S-S@asJeh|0
=}'eh|%CDjE(S<J([€S•e*-(~SsBS
[v(@%*Dj?k@+s%sMJRKs[•+h"
QDj?khRWR(0*-(CiFN*Dj
?kDjikBYFBDE@b@ E(S%seQ
(R0
B<F<*6PTU-*0-*V)7-8W)7-.
([hRDQR(BwWR(5S-S@([-YLts%
jBL- q(5S-S@|(JeAREL- Q05S-S[
L- HxJ@ARh(Je-YLDE-R[AH
@DNARDjBO?I,-%Q05S-SH‚JHI@ -(*
@tH+-FhS&M%HxJH-Dj
?*(*ARJ*eMƒi(ƒ@b?k(@M,*@%
Ll0
$-*sC+@e?X*?„ghRDQR(Bw*JSe@(
-YLts%0-(€SsR(Bw-R[%-YJN*
DjR?k01‚{(*JRJi BYR(
B+Ll*RC-*@ii+*(WR+DEJ*eLl?
?D…MC*B&•S0
*(WR+H‚JRbR,L??D…xJRb+&
HK*BBe*-*,R-(-F0"Js RDNq(B&•S
BLbXJ*RBCq("(-Y@(?eL*L"
E0
=(-%&@DNJR(+*"S@|tNL
%&@ hc[?-(€Ss†~SsBS*(WR+*JS†0$-(€Ss[
@DN%%@ FNL&WR(-"LDj?k?‡?M
%R(Bw*(WR+RK0
B<X<U//*Y/)Z)7/*[)*
KL
F
\R+J*(WR+
$*(WR+
O(*(WR+
$M%*(WR+
Downloaded by B?p Tr??ng Thành (baptruongthanh@gmail.com)
lOMoARcPSD|50662567
:i(*(WR+
B<\<])7/^_`A-ab)*+>)7]))7cR8d/Te:^)7
„WR+-XEBY?JR'\#J*R?0
„HIJKL-M)BR(JR?**?S0
„HJKL-M*?ST7S(T0
B<C<(9(-*(0?)7]))7c_`A-ab)*P:fg'
*?STJA+LF([q@DNhc[?-HIT((-Lq(
!**JS-*Sm)dˆSn0*?S0‰B@DNL- sY7[(=(J-*
gLs+Q,q(iJ00U0Xu(q(*?S0‰B@DNR
,LsYLBŠŠ*?S‰B0*-
*?S0‰BJH-Djj(e[@(A+RbY@ L- 
&?IeLF([q0&?I*?S0‰B@DN%svT((-L
i e[-3:'-*B*‹~?*€B#Rh0
*?S0‰BzR,LDL*L"bARH„@RT((-L
(R"L@E+i(L- &?I€SssvBO?I
*?S0‰B@%&@JQ0
*?S0‰BŒ7RSˆ-*S•T((-L#s-(-[
B<h<(9(-*(0?+SfE/-gT
7S(TJHDT((-L|RbY@ hc[?L{
(*?i BO?IQhRDQJS<(SŽLLJ(*-*
@a@ R*&?IJHBO?I=3'+*
m)-R(J =3'n0 i @DN e* -( sY T*-?(~(JS  u BD L{ A e
•(Ss**07S(J{@{R@DNBO?I*&?IS€B‹SS?q(•(Ss**
B(R@i@DN- (*5B(-(0
'IRq(-S(FJ@E+@ L- 0$,+-e@AR@DN
KL-Rej@ sv((*?Dj?kKLNL
L{m*L*SBn0
B<i<(9(-*(0?*0j?6)-ak/WTl:c_(0?3P)7P$m3@'n
'**=ZJDE-MEBY?JR|RbY@DN%%S*
 RDQ@CDN-*@is+@DN,R-"J*e*L•L
?JRJDR-s+H{L+RcS*?e,R-",@X*0
F?*,R-"J*e['**=Zi @DN?k@ JDR-?
JRi,R-"L&eL@(?eHC@Xm([xJZ=((n0
'**=ZJEBY?JR?(-=*RS-*@i*JJS*
=*RS(R0C-Dj?RF…q(=*RS[
i Q=*RS0D•-(S€*-‘-N0
Downloaded by B?p Tr??ng Thành (baptruongthanh@gmail.com)
lOMoARcPSD|50662567
'[\#S-S-J [ F ([   [ F  @a L{A
'[\#?*BS-S-@ "LseJDR-?JR-@i@ [i
-R[KL*WR+J0=JR[@DN@a-*s+s+iCJ
Q(R0'[\#BS-S-((*@K[0<{A'[\#z
‡LF@DNL- LcLC‘-NsY3-(JS*-L*-(*0
'[\#~*-sSFJDE-M"L*DjJKL-Mi
(*%LQEBY?JR'[\#([ML+BO?IJ*(?„JS
L&eL,j(0'[\#~*-sS@DN%%@E+?‡BO?I
i F&QAR@ARDJ'-*B*‹~?*€B'(h3
#Rh([rsRR0
Downloaded by B?p Tr??ng Thành (baptruongthanh@gmail.com)
lOMoARcPSD|50662567
=F<#o4 11p
F<B<>(-PU)Rq-aE
{hc[?-(€Ss*(WR+*JSEs+
Es+s(*b
KL
1
Ž?
aF
$-(B+Llm*(WR+n
%*(WR+
$*(WR+
O(H*(WR+
:i(*(WR+
$M%*(WR+
<cJ*eDj?k
<cJ*e*(WR+
$-*DQ
*DQ
G
Downloaded by B?p Tr??ng Thành (baptruongthanh@gmail.com)
lOMoARcPSD|50662567
F<F<'WRr/*Y/)Z)7
F<F<B<s)7j?U-/*Y/)Z)7/tE*0-*V)7
Hình 1.1. Sơ đồ chức năng
P
Downloaded by B?p Tr??ng Thành (baptruongthanh@gmail.com)
lOMoARcPSD|50662567
F<F<F<3]-6/*Y/)Z)7
a?@/`A*0-*V)7!Dj?ki @KL@hR,@*
•C
n?6)_O!DjWR+Ji WR+J*(WR+LcJ*e*(WR+*(WR+
-*DQ*a*(WR+KL'’-bKLKHWR+J&-
-(s0
8W)7-U/u*U/**>)7!1i -R[KL-(€SshS(
aM%J*e*(WR+RC
F<X<*v)-[/*/*Y/)Z)7)7*(0A+^
#DR+LlY@c[J}*(WR+•
F<X<B<Z)7)*`A
89/B@KLC
89/F! XM(*?@KL
89/XAH@cLb
$*+
'KlR
89/\!1 -(H@|KLs(*b
$*+
'KlR
89/C!@KL
$HNLJ@KLH X(*?&
q(C0
$HHNLJHs*@KL,se•@KLJe0
@KLJeB“WR([Je(*ƒsDQ
89/h!&@hR,B“*•C
89/i!1%"
U
Downloaded by B?p Tr??ng Thành (baptruongthanh@gmail.com)
lOMoARcPSD|50662567
Hình 2.1. Đăng nhập hệ thống
V
Downloaded by B?p Tr??ng Thành (baptruongthanh@gmail.com)
lOMoARcPSD|50662567
F<X<F<(w?Rr*Pq-Rx)7/*Y/)Z)7-*,y*PEj?6
Hình 2.2. Biểu đồ hoạt động chức năng thêm s!n ph"m
3]-6/*(-(z-{(w?Rr*P|-Rx)7/*Y/)Z)7-*,y*PEj?6
ZDQ\R+J&*(WR+
ZDQC XH{KL
ZDQKLH*(WR+
ZDQGC -(HB+LlbH@|RY
ZDQP
$HNLJJDRH*(WR+*EBY?JR@bs X
Hs**,*(WR+ X%H*(WR+@DN0
$HHNLJ$Hs*J‘WR([Je X(*ƒsDQ
ZDQU\R+J@i&WR+J*(WR+
ZDQV1%"
d
Downloaded by B?p Tr??ng Thành (baptruongthanh@gmail.com)
lOMoARcPSD|50662567
F<X<X<(w?Rr*P|-R]
}
)7/*Y/)Z)7TeE*PEj?6
Hình 2.3. Biểu đồ hoạt động chức năng s$a hoa qu!
g
Downloaded by B?p Tr??ng Thành (baptruongthanh@gmail.com)
lOMoARcPSD|50662567
3]-6/*(-(z-{(w?Rr*P|-Rx)7/*Y/)Z)7TeE*PEj?6
ZDQ\R+J&BO(*(WR+
ZDQ\R+JKLH*(WR+{BO(
ZDQC -(HKL*
$HNLJC XH%*(WR+M%
$HHNLJHs*J‘WR([Je(*sDQ
ZDQGKLJeH*(WR+
ZDQPC -(HKL*
$HNLJJDRH*(WR+*EBY?JR@bs X
H*(WR+B(RBO(
$HHNLJ$Hs*J‘WR([Je X(*ƒsDQG
ZDQU\R+J@i&WR+J*(WR+
ZDQV1%"

Downloaded by B?p Tr??ng Thành (baptruongthanh@gmail.com)
lOMoARcPSD|50662567
F<X<\<(w?Rr*P|-R]
}
)7/*Y/)Z)7~DE*PEj?6
Hình 2.4. Biểu đồ hoạt động chức năng xóa hoa qu!

Downloaded by B?p Tr??ng Thành (baptruongthanh@gmail.com)
lOMoARcPSD|50662567
3]-6/*(-(z-{(w?Rr*P|-Rx)7/*Y/)Z)7~DE*PEj?6!
ZDQ\R+J&hi(*(WR+
ZDQC XH*(WR+
ZDQqO(*(WR+{hi(
ZDQGC -(H*(WR+@|
$HNLJhi(H•?JRHs*hi(H
$HHNLJ$Hs*J‘WR([Je X(*ƒsDQ
ZDQP\R+J@i&WR+J*(WR+
ZDQU1%"
F<X<C<(w?Rr*P|-R]
}
)7/*Y/)Z)7-byu(zy*PEj?6
Hình 2.5. Biểu đồ hoạt động chức năng tìm ki,m hoa qu!

Downloaded by B?p Tr??ng Thành (baptruongthanh@gmail.com)
lOMoARcPSD|50662567

Tài liệu khác của Trường Đại học Điện lực

Preview text:

lOMoARcPSD|50662567
Bao Cao Cuoi Ki Ngon Ngu Kich Ban
Cong nghe thong tin (Đại học Điện lực) Scan to open on Studocu
Studocu is not sponsored or endorsed by any college or university
Downloaded by B?p Tr??ng Thành (baptruongthanh@gmail.com) lOMoARcPSD|50662567
TRƯỜNG ĐẠI HỌC ĐIỆN LỰC
KHOA CÔNG NGHỆ THÔNG TIN
BÁO CÁO CHUYÊN ĐỀ HỌC PHẦN
NGÔN NGỮ KỊCH BẢN
ĐỀ TÀI: XÂY DỰNG TRANG WEB BLOG CÁ NHÂN
Sinh viên thực hiện : LÊ THẾ ĐỨC MAI VĂN ĐOÀN
Giảng viên hướng dẫn
: ThS. PHƯƠNG VĂN CẢNH Ngành
: CÔNG NGHỆ THÔNG TIN Chuyên ngành
: CÔNG NGHỆ PHẦN MỀM Lớp : D15CNPM5 Khóa : 2020-2025 Hà Nội, tháng 11 năm 2023
Downloaded by B?p Tr??ng Thành (baptruongthanh@gmail.com) lOMoARcPSD|50662567 PHIẾU CHẤM ĐIỂM Sinh viên thực hiện: Họ và tên Chữ ký Điểm Ghi chú Lê Thế Đức Mai Văn Đoàn Giảng viên chấm: Họ và tên Chữ ký Ghi chú Giảng viên chấm 1: Giảng viên chấm 2:
Downloaded by B?p Tr??ng Thành (baptruongthanh@gmail.com) lOMoARcPSD|50662567 MỤC LỤC Trang
CHƯƠNG 1. KHẢO SÁT HIỆN TRẠNG VÀ XÁC LẬP DỰ ÁN.........................1
1.1. Lý do chọn đề tài.............................................................................................1
1.2. Khảo sát hệ thống tương tự.............................................................................1
1.3. Các chức năng chính.......................................................................................1
1.4. Công cụ lập trình và ngôn ngữ được sử dụng.................................................2
1.5. Giới thiệu ngôn ngữ lập trình NodeJS.............................................................2
1.6. Giới thiệu về ReactJs.......................................................................................2
1.7. Giới thiệu hệ quản trị cơ sở dữ liệu MongoDB, MySQL,...............................2
CHƯƠNG 2. PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG.........................................4
2.1. Bài toán đặt ra.................................................................................................4
2.2. Sơ đồ chức năng..............................................................................................5
2.3. Phân tích chức năng nghiệp vụ.......................................................................6
2.3.1. Đăng nhập.................................................................................................6
2.3.2. Biểu đồ hoặt động chức năng thêm hoa quả.............................................8
2.3.3. Biểu đồ hoạt đô ̣ng chức năng sửa hoa quả................................................9
2.3.4. Biểu đồ hoạt đô ̣ng chức năng xóa hoa quả.............................................11
2.3.5. Biểu đồ hoạt đô ̣ng chức năng tìm kiếm hoa quả.....................................12
2.4. Thiết kế cơ sở dữ liệu....................................................................................13
2.4.1. Bảng người dùng.....................................................................................13
2.4.2. Bảng sản phẩm (Hoa quả).......................................................................13
2.4.3. Bảng phân quyền.....................................................................................14
2.4.4. Bảng Chi tiết hóa đơn..............................................................................14
2.4.5. Bảng hóa đơn..........................................................................................14
2.4.6. Bảng thể loại...........................................................................................15
2.4.7. Diagram...................................................................................................15
PHẦN 3. GIẢI PHÁP VÀ CÀI ĐẶT......................................................................16
3.1. Giải pháp công nghệ lựa chọn.......................................................................16
3.2. Cài đặt giao diện............................................................................................16
3.2.1. Giao diện đăng nhập................................................................................16
Downloaded by B?p Tr??ng Thành (baptruongthanh@gmail.com) lOMoARcPSD|50662567
3.2.2. Giao diện trang chủ.................................................................................17
3.2.3. Giao diện đăng kí....................................................................................17
3.2.4. Giao diện Hoa Quả..................................................................................18
3.2.4.1. Giao diện tất cả hoa quả....................................................................18
3.2.4.2. Giao diện hoa qua trong nước...........................................................19
3.2.4.3. Giao diện hoa quả ngoài nước..........................................................20
3.2.4.4. Giao diện chi tiết hoa quả.................................................................21
3.2.5. Giao diện đăng nhập admin.....................................................................21
3.2.6. Giao diện admin......................................................................................22
3.2.7. Giao diện admin quản lý Hoa quả...........................................................22
3.2.8. Giao diện admin thêm loại hoa quả.........................................................23
3.2.9. Giao diện admin sửa loại hoa quả...........................................................23
3.2.10. Giao diện admin xóa loại hoa quả.........................................................24
PHẦN 4. KẾT QUẢ................................................................................................25
4.1. Kết quả đạt được...........................................................................................25
4.2. Các nội dung hạn chế....................................................................................25
4.3. Hướng phát triển...........................................................................................25
Downloaded by B?p Tr??ng Thành (baptruongthanh@gmail.com) lOMoARcPSD|50662567 DANH MỤC HÌNH ẢNH Trang
Hình 1.1. Sơ đồ chức năng..................................................................................5
Hình 2.1. Đăng nhập hệ thống............................................................................7
Hình 2.2. Biểu đồ hoạt động chức năng thêm sản phẩm.....................................8
Hình 2.3. Biểu đồ hoạt động chức năng sửa hoa quả..........................................9
Hình 2.4. Biểu đồ hoạt động chức năng xóa hoa quả.......................................11
Hình 2.5. Biểu đồ hoạt động chức năng tìm kiếm hoa quả...............................12
Hình 2.6. Kết nối Diagram................................................................................15
Hình 3.1. Giao diện đăng nhập..........................................................................16
Hình 3.2. Giao diện trang chủ...........................................................................17
Hình 3.3. Giao diện đăng kí..............................................................................17
Hình 3.4. Giao diện tất cả hoa quả....................................................................18
Hình 3.5. Giao diện hoa qua trong nước...........................................................19
Hình 3.6. Giao diện hoa quả ngoài nước...........................................................20
Hình 3.7. Giao diện chi tiết hoa quả..................................................................21
Hình 3.8. Giao diện admin................................................................................21
Hình 3.9. Giao diện admin................................................................................22
Hình 3.10. Giao diện admin quản lý Hoa quả...................................................22
Hình 3.11. Giao diện admin thêm hoa quả........................................................23
Hình 3.12. Giao diện admin sửa hoa quả..........................................................23
Hình 3.13. Giao diện admin xóa loại hoa quả...................................................24
Downloaded by B?p Tr??ng Thành (baptruongthanh@gmail.com) lOMoARcPSD|50662567
DANH MỤC BẢNG BIỂU Trang
Bảng 2.1. Bảng người dùng..............................................................................13
Bảng 2.2. Bảng sản phẩm (Hoa quả).................................................................13
Bảng 2.3. Bảng phân quyền..............................................................................14
Bảng 2.4. Bảng Chi tiết hóa đơn.......................................................................14
Bảng 2.5. Bảng hóa đơn....................................................................................14
Bảng 2.6. Bảng thể loại.....................................................................................15
Downloaded by B?p Tr??ng Thành (baptruongthanh@gmail.com) lOMoARcPSD|50662567 LỜI NÓI ĐẦU
Với sự bùng nổ của công nghê ̣ thông tin, Internet lại càng có ý nghĩa quan
trọng . Internet có thể quảng cáo, giới thiê ̣u sản phẩm, dịch vụ của mình phổ biến
hơn với chi phí thấp hơn và làm hoàn thiê ̣n hơn công tác tiếp thị, quảng cáo, giới
thiê ̣u sản phẩm, dịch vụ của mình tới người tiêu dùng nhằm đạt được lợi thế cạnh
tranh cao trên thị trường.
Internet đang là là một phương tiện gắn kết nhiều lĩnh vực và đang ngày càng
phổ biến trên khắp thế giới và đóng vai trò quan trọng trong đời sống con người.
Internet đem lại những lợi ích to lớn cho con người hơn bất kỳ nền công nghiê ̣p
truyền thống nào khác cũng như nguồn lợi khổng lồ mà người dùng có thể mang
lại cho các nhà đầu tư.
Nhâ ̣n thức được tầm quan trọng đó nhóm em đã tìm hiểu, nghiên cứu và quyết
định chọn đề tài: “Xây dựng Website hoa quả” với mục đích làm hoàn thiê ̣n hơn
công tác quảng cáo , tiếp thị sản phẩm, dịch vụ của các doanh nghiê ̣p tới người tiêu dùng.
Downloaded by B?p Tr??ng Thành (baptruongthanh@gmail.com) lOMoARcPSD|50662567
CHƯƠNG 1. KHẢO SÁT HIỆN TRẠNG VÀ XÁC LẬP DỰ ÁN
1.1. Lý do chọn đề tài
Ngày nay trong bối cảnh toàn cầu hóa với sự phát triển vượt bậc của khoa học
kĩ thuật, nhiều dịch vụ công nghệ truyền thông ra đời nhằm đáp ứng nhu cầu ngày
càng cao của con người. Một trong những dịch vụ truyền thông đại chúng hàng đầu
hiện nay là Internet và đặc biệt là mạng xã hội.
Dự án “Mạng xã hội kết nối người chơi game: Play with me” tạo ra Website
này nhằm mang đến cho người dùng đăng tải bài viết, bình luận, bày tỏ cảm xúc
với những người dùng xung quanh. Ngoài ra hệ thống có tính năng gợi ý cho người
dùng những người có cùng sở thích, sự tương đồng để chơi game, kết bạn với nhau.
1.2. Khảo sát hệ thống tương tự
Hiện nay, xu hướng mua sắm qua Internet đang ngày càng trở nên phổ biến,
nhờ sự phát triển của Internet đã mang lại nhiều cơ hội phát triển mới. Internet ngày
càng phát triển và không còn là điều xa lạ, mà trở thành phương tiện truyền thông
được nhiều người sử dụng nhất trên thế giới. Internet không chỉ là công cụ để trao
đổi thông tin, giải trí, xem tin tức, tìm kiếm thông tin mà còn là môi trường kinh
doanh cho nhiều loại hình từ hàng hóa từ đồ dùng gia đình, nội thất cho đến thực phẩm.
Trong bối cảnh đại dịch Covid-19, xu hướng mua sắm online và tại nhà đang
trở nên phổ biến. Các trang web mua sắm trực tuyến càng trở nên tiện lợi cho
người tiêu dùng. Khách hàng chỉ cần một vài thao tác click chuột là có thể sở mua
những sản phẩm mong muốn, trong đó có cả hoa quả tươi loại thực phẩm dinh
dưỡng và cực kì tốt cho sức khỏe.
Hoa quả không chỉ là nguồn cung cấp dinh dưỡng mà còn là nguồn cảm hứng
vô tận cho sự sáng tạo trong nấu ăn và trang trí. Chúng là biểu tượng của sức khỏe,
sự phồn thịnh, và làm cho cuộc sống của chúng ta trở nên đa dạng và phong phú hơn.
Dựa trên kiến thức được học và tài liệu tham khảo, chúng em đã tổng hợp
kiến thức để xây dựng một trang web "Website hoa quả online". Trang web này
được thiết kế để tích hợp các chức năng quan trọng, giúp người dùng dễ dàng tìm
kiếm và mua sắm hoa quả một cách thuận tiện.
1.3. Các chức năng chính  Đăng nhập  Đăng kí  Quản lý hoa quả  Thêm hoa quả  Sửa hoa quả  Tìm kiếm hoa quả 1
Downloaded by B?p Tr??ng Thành (baptruongthanh@gmail.com) lOMoARcPSD|50662567  Xóa hoa quả
1.4. Công cụ lập trình và ngôn ngữ được sử dụng
- Hệ quản trị cơ sở dữ liệu: MýQL Cloud .
- Công cụ lập trình: Visual Studio Code.
- Ngôn ngữ lập trình: NodeJS, ReactJS.
1.5. Giới thiệu ngôn ngữ lập trình NodeJS
NodeJS là nền tảng phía máy chủ được xây dựng trên công cụ JavaScript của
Google Chrome (V8 Engine). Node.js được phát triển bởi Ryan Dahl trong năm
2009 và phiên bản mới nhất của nó là v0.10.36. Định nghĩa của Node.js được cung cấp bởi https://nodejs.org
Node.js là môi trường thời gian chạy đa nền tảng nguồn mở để phát triển các
ứng dụng mạng và phía máy chủ. Các ứng dụng Node.js được viết bằng JavaScript
và có thể chạy trên OS X, Microsoft Windows và Linux.
Node.js cũng cung cấp một thư viên phong phú gồm nhiều mô-đun JavaScript
khác nhau giúp đơn giản hóa việc phát triển các ứng dụng web bằng cách sử dụng
Node.js đến một mức độ lớn.
Node.js = Runtime Environment + JavaScript Library
1.6. Giới thiệu về ReactJs
ReactJS là môt thư viện JavaScript mã nguồn mở để xây dựng các thành phần
giao diện có thể tái sử dụng với xu hướng Single PageApplication, một trong
những đặc điểm tăng hiệu năng cho ứng dụng là công nghệ sử dụng DOM ảo
(Virtual DOM). Nó được tạo ra bởi JordanWalke, một kĩ sư phần mềm tại
Facebook. React lần đầu được sử dụngcho ứng dụng Newsfeed của Facebook năm
2011 sau đó được triển khai cho Instagram.
Mục tiêu của react chính là đơn giản để phát triển. Tất cả trạng thái đều được
tập trung tại một thời điểm, bằng cách chia giao diện người dùng thành tập hợp các thành phần (components).
1.7. Giới thiệu hệ quản trị cơ sở dữ liệu MongoDB, MySQL
MongoDB là một chương trình cơ sở dữ liệu mã nguồn mở đượcthiết kế theo
kiểu hướng đối tượng trong đó các bảng được cấu trúc mộtcách linh hoạt cho phép
các dữ liệu lưu trên bảng không cần phải tuântheo một dạng cấu trúc nhất định nào.
Chính do cấu trúc linh hoạt này nênMongoDB có thể được dùng để lưu trữ các dữ
liệu có cấu trúc phức tạp vàđa dạng và không cố định (hay còn gọi là Big Data).
MongoDB là một cơ sở dữ liệu dựa trên Document, trong đó mộtCollection
giữ các Document khác nhau. Số trường, nội dung và kích cỡcủa Document này
có thể khác với Document khác. Các thư viện vàFramework hỗ trợ. 2
Downloaded by B?p Tr??ng Thành (baptruongthanh@gmail.com) lOMoARcPSD|50662567
MySQL Server là máy tính hay một hệ các máy tính cài đặt phầnmềm
MySQL dành cho server để giúp bạn lưu trữ dữ liệu trên đó, đểmáy khách có thể
truy cập vào quản lý. Dữ liệu này được đặt trong cácbảng, và các bảng có mối liên
hệ với nhau. MySQL server nhanh, an toàn, đáng tin cậy. Phần mềm MySQL cũng
miễn phí và được phát triển, phân phối và hỗ trợ bởi Oracle Corporation.
MySQL Workbench chính là một chương trình giúp cho người lậptrình có thể
giao tiếp với hệ cơ sở dữ liệu MySQL thay vì phải sử dụngcác lệnh Command-line
phức tạp và mất thời gian. MySQL Workbenchđược thiết kế đơn giản, dễ sử dụng
và có thể thích ứng với nhiều hệ điềuhành như là Microsoft Windowns, Max OS, Linux hay Ubuntu. 3
Downloaded by B?p Tr??ng Thành (baptruongthanh@gmail.com) lOMoARcPSD|50662567
CHƯƠNG 2. PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG
2.1. Bài toán đặt ra
Cần xây dựng một trang web hoa quả online cơ bản Cơ bản bao gồm Đăng nhập Khách hàng Admin Đặng kí Trang sản phẩm (Hoa quả) Chi tiết hoa quả Thêm hoa quả Sửa thông tin hoa quả Xóa hoa quả Tìm kiếm hoa quả Phân loại người dùng Phân loại hoa quả Trong nước Ngoài nước 4
Downloaded by B?p Tr??ng Thành (baptruongthanh@gmail.com) lOMoARcPSD|50662567 2.2. Sơ đồ chức năng
2.2.1. Tổng quát chức năng của hệ thống
Hình 1.1. Sơ đồ chức năng 5
Downloaded by B?p Tr??ng Thành (baptruongthanh@gmail.com) lOMoARcPSD|50662567
2.2.2. Mô tả chức năng
Truy cập hệ thống: Người dùng có thể đăng nhập, đăng xuất, đăng ký, thoát khỏi hệ thống
Quản lý: Người quản lý có thể quản lý hoa quả, phân loại hoa quả: Hoa quả
trong nước hoặc hoa quả nhập Mỹ, rồi cập nhật thông tin và quản lý tin tức trên trang bán hàng.
Tương tác khách hàng: Khách hàng có thể truy cập trang web và xem cac
mặt hàng và tìm kiếm các loại hoa quả mà khách hàng muốn
2.3. Phân tích chức năng nghiệp vụ
Lưu ý: Sản phẩm ở đây là “hoa quả” 2.3.1. Đăng nhập
Bước 1: Chọn đăng nhập hệ thống
Bước 2: Hiển thị màn hình giao diện đăng nhập
Bước 3: Điền thông tin đăng nhâp gồm: Tài khoản Mật khẩu
Bước 4: Kiểm tra thông tin đã nhập bao gồm: Tài khoản Mật khẩu
Bước 5: Chọn đăng nhập
Thông tin hợp lệ, đăng nhập thành công, hiển thị giao diện các chức năng của hệ thống.
Thông tin không hợp lệ, thông báo đăng nhập thất bại, hỏi đăng nhập lại.
Chọn đăng nhập lại sẽ quay lại thao tác từ bước 2
Bước 6: Chọn chức năng đăng xuất sẽ thoát khỏi hệ thống Bước 7: Kết thúc 6
Downloaded by B?p Tr??ng Thành (baptruongthanh@gmail.com) lOMoARcPSD|50662567
Hình 2.1. Đăng nhập hệ thống 7
Downloaded by B?p Tr??ng Thành (baptruongthanh@gmail.com) lOMoARcPSD|50662567
2.3.2. Biểu đồ hoặt động chức năng thêm hoa quả
Hình 2.2. Biểu đồ hoạt động chức năng thêm sản phẩm
Mô tả chi tiết biểu đồ hoạt động chức năng thêm hoa quả
Bước 1: Quản lý chọn chức năng thêm hoa quả
Bước 2: Hệ thống hiển thị thông tin cần nhập
Bước 3: Nhập thông tin hoa quả
Bước 4: Hệ thống kiểm tra thông tin thêm sản phẩm gồm các thông tin đã nêu ở Bước 5:
Thông tin hợp lệ: lưu thông tin hoa quả vào cơ sở dữ liệu và đồng bộ, hiển thị
thông báo hoàn tất thêm hoa quả và hiển thị chi tiết thông tin hoa quả được thêm.
Thông tin không hợp lệ: Thông báo lỗi và quay lại hiển thị thao tác từ bước 3
Bước 6: Quản lý đóng chức năng quản lý hoa quả Bước 7: Kết thúc 8
Downloaded by B?p Tr??ng Thành (baptruongthanh@gmail.com) lOMoARcPSD|50662567
2.3.3. Biểu đồ hoạt đô ̣ng chức năng sửa hoa quả
Hình 2.3. Biểu đồ hoạt động chức năng sửa hoa quả 9
Downloaded by B?p Tr??ng Thành (baptruongthanh@gmail.com) lOMoARcPSD|50662567
Mô tả chi tiết biểu đồ hoạt động chức năng sửa hoa quả
Bước 1: Quản lý chọn chức năng sửa hoa quả
Bước 2: Quản lý Nhập thông tin hoa quảcần sửa
Bước 3: Hệ thống kiểm tra thông tin nhập vào
Thông tin hợp lệ, hệ thống hiển thị thông tin chi tiết hoa quảtìm kiếm
Thông tin không hợp lệ, thông báo lỗi và quay lại thao tác bước 2
Bước 4: Nhập lại thông tin hoa quả
Bước 5: Hệ thống kiểm tra thông tin nhập vào
Thông tin hợp lệ: lưu thông tin hoa quả vào cơ sở dữ liệu và đồng bộ, hiển thị
thông tin hoa quả sau khi sửa
Thông tin không hợp lệ: Thông báo lỗi và quay lại hiển thị thao tác từ bước 4
Bước 6: Quản lý đóng chức năng quản lý hoa quả Bước 7: Kết thúc 10
Downloaded by B?p Tr??ng Thành (baptruongthanh@gmail.com) lOMoARcPSD|50662567
2.3.4. Biểu đồ hoạt đô ̣ng chức năng xóa hoa quả
Hình 2.4. Biểu đồ hoạt động chức năng xóa hoa quả 11
Downloaded by B?p Tr??ng Thành (baptruongthanh@gmail.com) lOMoARcPSD|50662567
Mô tả chi tiết biểu đồ hoạt động chức năng xóa hoa quả:
Bước 1: Quản lý chọn chức năng xóa hoa quả
Bước 2: Hệ thống hiển thị thông tin các hoa quả
Bước 3: Chủ cửa hàng chọn hoa quả cần xóa
Bước 4: Hệ thống kiểm tra thông tin thêm hoa quả đã chọn
Thông tin hợp lệ: xóa thông tin khỏi dữ liệu và thông báo xóa thành công
Thông tin không hợp lệ: Thông báo lỗi và quay lại hiển thị thao tác từ bước 3
Bước 5: Quản lý đóng chức năng quản lý hoa quả Bước 6: Kết thúc
2.3.5. Biểu đồ hoạt đô ̣ng chức năng tìm kiếm hoa quả
Hình 2.5. Biểu đồ hoạt động chức năng tìm kiếm hoa quả 12
Downloaded by B?p Tr??ng Thành (baptruongthanh@gmail.com)

Tài liệu liên quan: