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ả

LỜI NÓI ĐẦUHiệ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 độ

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Ả

PHẠM NGHĨA VINH NGUYỄN VIẾT TIẾN Giảng viên hướng dẫn : ĐẶNG QUỐC HỮU

Hà Nội, tháng 05 năm 2023

PHIẾU CHẤM ĐIỂM

1 DOÃN MINH

TÚ-21810310342

2 PHẠM NGHĨA

VINH-21810310189

3 NGUYỄN VIẾT

TIẾN-21810310518

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

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

DANH MỤC HÌNH ẢNH

Hình 3 1 Bố cục header 11

Hình 3 2 Bố cục main 12

Hình 3 3 Bố cục footer 12

Hình 3 4 Giao diện trang chủ 13

Hình 3 5 Giao diện sản phẩm 16

Hình 3 6 Giao diện giới thiệu 17

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

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

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

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

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

3 1 3

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ệ,

Hình 3 2 Bố cục main

Hình 3 3 Bố cục footer

3.2 Giao diện

3.2.1 Giao diện trang chủ

3.2.2 Giao diện sản phẩm

Hình 3 5 Giao diện sản phẩm

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

 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ô