Báo cáo chuyên đề: Xây dựng Website bán cây quả - Cơ sở lập trình web | Đại học Điện lực

lOMoARcPSD| 59149108
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
CƠ SỞ LẬP TRÌNH WEB ĐỀ TÀI:
XÂY DỰNG WEBSITE BÁN CÂY QUẢ
Sinh viên thực hiện
: DOÃN MINH TÚ PHẠM NGHĨA VINH
NGUYỄN VIẾT TIẾN
Giảng viên hướng dẫn : ĐẶNG QUỐC HỮU Ngành
: CÔNG NGHỆ THÔNG TIN Chuyên ngành
: CÔNG NGHỆ PHẦN MỀM Khóa : 2021
Hà Nội, tháng 05 năm 2023 PHIẾU CHẤM ĐIỂM lOMoAR cPSD| 59149108 STT Họ và tên sinh
Nội dung thực hiện Điểm Chữ viên ký 1 DOÃN MINH TÚ- 21810310342 2 PHẠM NGHĨA VINH- 21810310189 3 NGUYỄN VIẾT TIẾN21810310518
Họ và tên giảng viên Chữ ký Ghi chú Giảng viên chấm 1: Giảng viên chấm 2: MỤC LỤC
DANH MỤC HÌNH ẢNH.....................................................................................5
LỜI NÓI ĐẦU.......................................................................................................6
CHƯƠNG 1: TỔNG QUAN VỀ ĐỀ TÀI.............................................................7
1.1. Tổng quan về bài toán.................................................................................7
1.1.1. Khảo sát hiện trạng...............................................................................7
1.1.2. Mô tả bài toán.......................................................................................7
1.1.3. Ưu điểm của website bán cây quả........................................................7
1.1.4. Nhược điểm của website bán cây quả..................................................7 lOMoAR cPSD| 59149108
1.2. Xác lập dự án..............................................................................................8
1.2.1. Mục tiêu của dự án...............................................................................8
1.2.2. Yêu cầu của trang web.........................................................................8
CHƯƠNG 2: PHÂN TÍCH HỆ THỐNG..............................................................9
2.1. Yêu cầu chi tiết về trang web......................................................................9
2.2. Xác định các thực thể..................................................................................9
2.3. Xác định các use case.................................................................................9
2.4. Các nhóm chức năng.................................................................................10
CHƯƠNG 3: CÀI ĐẶT GIAO DIỆN HỆ THỐNG............................................11
3.1. Cấu trúc của cá trang web.........................................................................11
3.1.1. Tiêu đề (header)..................................................................................11
3.1.2. Thân bố cục (main).............................................................................12
3.1.3. Phần chân trang..................................................................................12
3.2. Giao diện...................................................................................................13
3.2.1. Giao diện trang chủ............................................................................13
3.2.2. Giao diện sản phẩm............................................................................15
3.3.3. Giao diện giới thiệu............................................................................16
KẾT LUẬN.........................................................................................................18 lOMoARcPSD| 59149108
DANH MỤC HÌNH ẢNHHình 3. 1. Bố cục header ................. Error! Bookmark not defined.
Hình 3. 2. Bố cục main ................................................................................................................ 10
Hình 3. 3. Bố cục footer .............................................................................................................. 11
Hình 3. 4. Giao diện trang chủ .................................................................................................... 12
Hình 3. 5. Giao diện sản phẩm .................................................................................................... 14
Hình 3. 6. Giao diện giới thiệu..................................................................................................17 lOMoARcPSD| 59149108 LỜI NÓI ĐẦU
Hiện nay, với thời đại 4.0, công nghệ phát triển thì ứng dụng công nghệ
thông tin và tin học vào đời sống được xem là một trong những yếu tố mang tính
quyết định trong hoạt động của các chính phủ, tổ chức cũng như các công ty. Cùng
với sự phát triển không ngừng của kĩ thuật máy tính và mạng điện tử, công nghệ
thông tin đã lần lượt chinh phục hết đỉnh cao này đến đỉnh cao khác và có một vị
trí nhất định. Mạng Internet là một trong những sản phẩm có giá trị hết sức to lớn
và là công cụ không thể thiếu, là nền tảng chính cho sự truyền tải, trao đổi thông
tin trên toàn cầu trong thời đại công nghệ 4.0.
Cùng với sự phát triển vượt bậc của công nghệ thông tin, con người đã xây
dựng, phát triển và bảo trì các trang web được lưu trữ trên internet dưới hình thức
lập trình web. Một trang web đơn giản có thể được viết bằng ngôn ngữ HTML,
CSS và chỉ chứa vài trăm dòng lệnh. Chính vì vậy, để đáp ứng những nhu cầu đó
trên sơ sở kế thừa những trang web bán hàng khác nên em đã thực hiện đề tài
“Xây dựng Website bán cây quả” để phục vụ cho nhu cầu tất yếu của cuộc sống và ưu chuộng cái đẹp.
Trong thời gian thiết kế website, dưới sự giúp đỡ, hướng dẫn tận tình của
thầy Đặng Quốc Hữu,chúng em đã tiến hành tìm hiểu và xây dựng website thương
mại. Website này đã giúp chúng em phát huy được tính sáng tạo, khả năng vận
dụng kiến thức đã học để có thể hoàn thành tốt báo cáo.
Mặc dù đã có nhiều cố gắng trong quá trình làm báo cáo, tuy nhiên do kiến
thức còn hạn chế và thời gian có hạn nên dự án này còn nhiều thiếu sót, chúng em
rất mong được sự giúp đỡ, góp ý, sửa chữa của thầy cô để báo cáo của chúng em hoàn thiện hơn.
Chúng em xin chân thành cảm ơn quý thầy cô!
CHƯƠNG 1: TỔNG QUAN VỀ ĐỀ TÀI
1.1. Tổng quan về bài toán
1.1.1. Khảo sát hiện trạng
Thực hiện tìm hiểu, khảo sát hệ thống, cụ thể là một số website bán cây quả
trên internet, đánh giá hiện trạng của cửa hàng, xác định các mặt hạn chế của hệ
thống cũ, từ đó đề xuất khắc phục. lOMoARcPSD| 59149108
Quản lý danh sách cũng như số lượng cây quả trong một cửa hàng là vấn
đề cần phải đề cập đến. Việc quản lý không tốt sẽ ảnh hưởng rất lớn đến việc tìm
kiếm,của khách hàng và của người mua hàng. Quản lý thông tin trái cây sẽ giúp
chúng ta biết được thông tin về nội dung cũng như vị trí của trái cây một cách nhanhchóng.
Khi chúng ta muốn biết thông tin về trái cây nào thì chúng ta có thể tìm kiếm
nhanh chóng được cây đó thông qua Website. Ví dụ như: Tên cây, trái cây thuộc
khu vực nào của đất nước cũng như nước nào của thế giới, tình trạng trái cây còn hay đã hết hàng 1.1.2. Mô tả bài toán
Đề tài tập trung vào việc nghiên cứu các vấn đề liên quan như tìm hiểu hệ
thống bán hàng, cách thức phân loại các loại trái cây, tìm hiểu yêu cầu của
khách hàng về các loại cây quả.
Đề tài Website bán cây quả được xầy dựng dựa trên nhu cầu thực tế của khách
hàng về việc tiếp cận đến công nghệ thông tin một cách nhanh nhất .Đưa đến
cho người sử dụng những trái cây ngon thông qua phương pháp bán hàng trực
tuyến giúp người tiêu dùng sẽ được biết đến những loại cây quả mới, tươi
ngon.Hệ thống được xây dựng nhằm giảm tối đa chi phí hoạt động, nâng cao
chất lượng của việc bán hàng cũng như quản lý việc nhập hàng và xuất
hàng.Việc quản lý và lưu trữ thông tin không qua giấy tờ sổ sách sẽ làm giảm
chi phí và công sức làm việc của các nhân viên, cũng như tránh được các sai
sót trong quá trình làm việc.
1.1.3. Ưu điểm của websize bán cây quả
Vốn đầu tư ít tốn kém hơn, các thiết bị tin học, các phần mềm cho tin học cho
việc quản lý không cần phải đầu tư
1.1.4. Nhược điểm của websize bán cây quả
Việc lưu trữ thông tin phải thông qua nhiều giấy tờ sổ sách rất mất thời gian và
công sức cho công việc này,việc lưu trữ thông tin dễ thất thoát trong trường hợp
rủi ro và cần phải có nhiều nhân viên cho việc quản lý và lưu trữ thông tin dẫn
đến tăng chi phí lao động.
Việc tìm kiếm thông tin cần phải mất nhiều thời gian vì phải tìm trong sổ sách
giấy tờ và tìm trong cửa hàng
Phương pháp thủ công không phù hợp cho việc quản lý và tìm kiếm trái cây
trong cửa hàng đặc biệt là cửa hàng lớn nhiều hàng hóa.Vì quản lý bằng ph ơngƣ
pháp thủ công rất phức tạp hệ thống cần phải có nhiều nhân viên quản lý nhiều
mục trong công việc. Do đó sẽ tạo ra bộ máy cồng kềnh, kém hiệu quả. Khả năng đáp ứng không cao lOMoARcPSD| 59149108 1.2. Xác lập dự án
1.2.1. Mục tiêu của dự án
- Xây dựng các chức năng cơ bản của một trang web bán hàng thương mại.
Websize có khả năng tự tương thích trên các thiết bị hiện đại và có thể nâng cấp trong tương lai.
- Websize hiển thị sinh động, đẹp mắt và đơn giản để cho mọi người đề có
thể sử dụng. Hỗ trợ người sửa dụng một cách nhanh nhất.
- Nắm bắt được công nghệ thiết kế web bằng các ngôn ngữ như: ngôn ngữ
đánh dấu siêu văn bản HTML, CSS, JAVASCRIPT giúp cho website sinh động và hấp dẫn hơn.
1.2.2. Yêu cầu của trang web
- Hình thức thông tin đa dạng và sống động.
- Giao diện thân thiện, dễ nhìn, an toàn dữ liệu.
- Cung cấp thông tin và phát triển hoạt động 24/24.
- Thông tin được cập nhật và sửa đổi thường xuyên.
- Đảm bảo an toàn dữ liệu khi chạy website trực tuyến.
- Website có dung lựng không quá lớn, tốc độ xử lý nhanh.
CHƯƠNG 2: PHÂN TÍCH HỆ THỐNG
2.1. Yêu cầu chi tiết về trang web
- Hiển thị danh mục sản phẩm như sản phẩm bán chạy, sản phẩm đang hạ giá
và một số sản phẩm khác.
- Hiển thị kết quả thông tin của việc tìm kiếm sản phẩm
- Hiển thị thông tin chi tiết của sản phẩm có trong danh sách bao gồm tên sản
phẩm, giá hiện tại của sản phẩm ( giá đã được sale nếu có).
2.2. Xác định các thực thể
- Người quản lí: Là người điều hành, quản lí và theo dõi mọi hoạt động của
hệ thống cũng như quản lý nhân viên có mặt tại cửa hàng.
- Thành viên: Bao gồm người quản lí. Sau khi đăng nhập để trở thành thành
viên, ngoài những chức năng chung của người sử dụng, còn có một số chức
năng khác phục vụ cho công việc cụ thể của từng đối tượng.
- Khách hàng: là người giao dịch với hệ thống, có thể đăng ký làm thành viên
của hệ thống để nhận các ưu đãi đặc biệt. lOMoARcPSD| 59149108
2.3. Xác định các use case
Thực thể khách hàng có các use case sau: - Xem thông tin sản phẩm -
Chọn sản phẩm cần mua và thực hiện việc mua hàng.
Thực thể người quản lí có các use case sau: -
Tiếp nhận các thông tin đăng kí thành viên từ khách hàng. -
Tiếp nhận các sản phẩm đăng lên Website. -
Quản lí danh sách thành viên. -
Quản lí danh mục sản phẩm. -
Bảo hành lại hệ thống bán hàng. -
Đăng thông tin chi tiết sản phẩm lên Website. -
Kiểm tra các hoạt động của thành viên. -
Cập nhật lại các thông tin sản phẩm. -
Phản hồi lại ý kiến của các User.
2.4. Các nhóm chức năng
Hệ thống websize bao gồm trang: - Trang chủ - Sản phẩm - Giới thiệu lOMoARcPSD| 59149108
CHƯƠNG 3: CÀI ĐẶT GIAO DIỆN HỆ THỐNG
3.1. Cấu trúc của cá trang web
Muốn xây dựng một trang web hoàn chỉnh thì người lập trình không thể
thiếu tư duy về bố cục trang web, khi đã xác định được mình sẽ thiết kế những gì,
xây dựng được bố cục hoàn chỉnh thì lúc đó việc lập trình trở nên dễ dàng hơn.
Chúng em xác định bố cục cho trang web của mình gồm 3 phần chính: header,
main, footer bằng cách xây dựng màu và khi lập trình đưa các thông tin lên sẽ tẩy
màu đi và phối màu lại.
3.1.1. Tiêu đề (header)
Header là phần đầu trang, chủ yếu chứa các thông tin tiêu đề, logo, menu,
liên hệ,... Một trang web không thể không có phần header, nó giữ vị trí khá quan
trọng, giúp người dùng có thể dựa vào đó để biết được toàn bộ nội dung trong
trang web này có những gì.
Một header chuẩn thường kết hợp với các yếu tố: logo, slogan, menu, phần
tìm kiếm, banner quảng cáo. Những điều này giúp những cỗ máy tìm kiếm đánh
giá được dộ uy tín trên website.
Hình 3. 1. Bố cục header
3.1.2. Thân bố cục (main)
Main là phần quan trọng nhất của một trang web, nó dùng để xác định
những nội dung ở trang web có những gì. Phần main dùng để đưa, bày bán, hiện
thị tất cả nhưng nội dụng của trang web lên. lOMoARcPSD| 59149108 3 . 1 . 3 .
Hình 3. 2. Bố cục main Phần chân trang
Footer là phần chân trang nó chứa những thông tin bản quyền, liên hệ,... lOMoARcPSD| 59149108
Hình 3. 3. Bố cục footer 3.2. Giao diện
3.2.1. Giao diện trang chủ lOMoARcPSD| 59149108
Hình 3. 4. Giao diện trang chủ lOMoARcPSD| 59149108
3.2.2. Giao diện sản phẩm lOMoARcPSD| 59149108
Hình 3. 5. Giao diện sản phẩm lOMoARcPSD| 59149108
3.3.3. Giao diện giới thiệu KẾT LUẬN
Nhìn chung, giao diện website đáp ứng được nhu cầu của người dùng và đạt được những tiêu chí sau:
• Hoàn thiện được ý tưởng và nội dung của trang web
• Thiết kế giao diện đơn giản, đáp ứng nhu cầu với người dùng
• Thao tác trên trang web dễ dàng lOMoAR cPSD| 59149108
• Dễ hoạt động trên nền tảng công nghệ
Tuy nhiên, do hạn chế về trình độ nên giao diện website vẫn còn nhiều vấn đề:
• Do thời gian nghiên cứu có hạn và khả năng còn hạn chế nên một số vấn
đề vẫn chỉ còn trên ý tưởng, chưa được thực thi
• Chương trình có tính chuyên nghiệp chưa cao
• Chưa giải quyết trọn vẹn các vấn đề nảy sinh trong quá trình xử lý Do những
hạn chế về trình độ, thời gian nên em không khỏi có những thiếu sót trong
quá trình tìn hiểu, nghiên cứu cũng như thực hiện. Em rất mong nhận được
sự thông cảm cũng như những đánh giá và chỉnh sửa từ thấy cô.