Môn lập trình web Đề tài website laptop

Vì thế hệ thống sẽ cung cấp các chức năng sau: - Hiển thị danh sách các mặt hàng của cửa hàng để khách hàng xem, lựa chọn và mua.. Nhân viên cửa hàng là những cá nhân theo làm tại cửa hà

BỘ THÔNG TIN VÀ TRUYỀN THÔNG HỌC VIỆN CÔNG NGHỆ BƯU CHÍNH VIỄN THÔNG

CƠ SỞ TẠI THÀNH PHỐ HỒ CHÍ MINH

MÔN : LẬP TRÌNH WEB

ĐỀ TÀI: WEBSITE LAPTOP

Giảng viên hướng dẫn : ThS NGUYỄN TRUNG HIẾU

Sinh viên thực hiện:

N18DCCN165 – PHẠM MINH QUỐC.

Hồ Chí Minh ngày 7 tháng 12 năm 2021

NHẬN XÉT CỦA GIẢNG VIÊN

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

MỤC LỤC CHƯƠNG 1 GIỚI THIỆU ĐỀ TÀI 4

1.1 Sơ lược đề tài 4

1.2 Lý do chọn đề tài 5

1.3 Công cụ sử dụng làm đề tài 5

1.4 Chức năng, yêu cầu của chương trình 6

CHƯƠNG 2 PHÂN TÍCH 9

2.1 Khảo sát hiện trạng và xây dựng hệ thống 9

2.2 Phân tích hệ thống 9

CHƯƠNG 3 CHỨC NĂNG 14

3.1 Chức năng nghiệp vụ 14

3.2 Chức năng hệ thống 17

CHƯƠNG 4 THIẾT KẾ HỆ THỐNG 18

4.1 Giao diện dành cho người dùng: 18

4.2 Giao diện dành cho người quản trị: 21

CHƯƠNG 1 GIỚI THIỆU ĐỀ TÀI

1.1

Sơ lược đề tài

Ngày nay, ứng dụng công nghệ thông tin và việc tin học hóa đượcxem là một trong những yếu tố mang tính quyết định trong hoạt độngcủa các chính phủ, tổ chức, cũng như của các công ty, nó đóng vai tròhết sức quan trọng, có thể tạo ra những bước đột phá mạnh mẽ.Cùng với sự phát triển không ngừng về kỹ thuật máy tính và mạngđiện tử, công nghệ thông tin cũng được những công nghệ có đẳng cấpcao và lần lượt chỉnh phục hết đỉnh cao này đến đỉnh cao khác MạngInternet là một trong những sản phẩm có giá trị hết sức lớn lao vàngày càng trở nên một 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

Giờ đây, mọi việc liên quan đến thông tin trở nên thật dễ dàng chongười sử dụng Chỉ cần có một máy tính kết nối internet và một dòng

dữ liệu truy tìm thì gần như lập tức cả thể giới về vấn đề mà bạn đangquan tâm sẽ hiện ra, có đầy đủ thông tin, hình ảnh và thậm chí đôi lúc

có cả những âm thanh nếu bạn cần

Bằng internet, chúng ta đã thực hiện được nhiều công việc với tốc độnhanh hơn và chi phí thấp hơn nhiều so với cách thức truyền thống.Chính điều này, đã thúc đầy sự khai sinh và phát triển của thương mạiđiện tử và chính phủ điện tử trên khắp thể giới làm biến đỏi đáng kể

bộ mặt văn hóa, nâng cao chất lượng cuộc sống con người

Trong hoạt động sản xuất, kinh doanh, giờ đây, thương mại điện tử đãkhẳng định được vai trò xúc tiến và thúc đẩy sự phát triển của doanhnghiệp Đối với một cửa hàng hay shop, việc quảng bá và giới thiệuđến khách hàng các sản phẩm mới đáp ứng được nhu cầu của kháchàng sẽ là cần thiết Vậy phải quảng bá thế nào đó là xây dựng được

Lý do chọn đề tài :

Trong thời đại mà độ phủ song của Internet cũng như IOT đang ngàycàng mở rộng cho mọi mặt của đời sống, kể cả nhu cầu mua sắm cũngvậy Thì việc kinh doanh online đã không còn quá xa lạ với mọi lứatuổi

Có rất nhiều chủ đề để thực hiện, tuy nhiên sự tò mò, đam mê cácthiết bị máy tính nói chung cùng với nguồn cảm hứng xây dựng đồ án

từ Spring MVC từ giáo viên bộ môn đã thôi thúc em làm đề tài này

1.3

Công cụ sử dụng làm đề tài

- Ngôn ngữ lập trình: Java web

- Công cụ: Phần mềm IDE Eclipse + server Tomcat 9.0 + Maven

- Hệ quản trị cơ sở dữ liệu: SQL server

- Dùng Word để soạn thảo văn bản báo cáo

- Framework:

o Spring:

o Là một open source framework dành cho Java Enterprise.Core feature của Spring có thể dùng để xây dựng bất cứJava application nào, các extensions của Spring có thểđược sử dụng cho việc xây dựng web application trên nềntảng Java EE Spring framework cũng hướng tới mục tiêulàm cho việc phát triển các ứng dụng trên nền tảng Java

EE dễ dàng hơn và thúc đẩy việc lập trình tốt hơn bằngmodel POJO-based

o Spring MVC

oSpring có xây dựng một cơ chế có tên Spring MVC mà ở

đó có các API cho phép việc xây dựng ứng dụng web được

dễ dàng hơn và chuẩn hơn Chuẩn hơn thể hiện ở chỗ mọithành phần được tạo ra, cài đặt và vận hành tuân theo mộtchuẩn thiết kế thống nhất

MVC lần lượt là ba chữ cái đầu tiên của ba

từ Model View , và Controller MVC là một mô hình ứng dụng

mà ở đó các thành phần được phân tách ra thành các lớp riêngbiệt với các nhiệm vụ đặc trưng

● View sẽ là lớp cho các thành phần có chức năng hiển thị,

giao tiếp trực tiếp với người dùng Nhiệm vụ của cácthành phần trong View là trình bày các dữ liệu từ Modelđến người dùng cuối

● Model là các thành phần có khả năng lưu trữ và vận

chuyển thông tin Quá trình gửi dữ liệu vào Model sẽđược thực hiện bởi Controller

● Controller là các thành phần giúp cho việc xử lý logic

các thao tác nghiệp vụ Nhiệm vụ của Controller là lấy

dữ liệu từ Model, xử lý dữ liệu, và cập nhật lại dữ liệuvào Model

- Spring Boot

Là một dự án phát triển bằng ngôn ngữ java trong hệ sinh tháiSpring framework Nó giúp cho các lập trình viên chúng ta đơngiản hóa quá trình lập trình một ứng dụng với Spring, chỉ tậptrung vào việc phát triển business cho ứng dụng

lý Mỗi đối tượng có 1 số quyền hạn sử dụng các chức năng nhất định,

và hệ thống cung cấp các chức năng sau:

 Hiển thị sản phẩm cho customer

 Hỗ trợ lọc sản phẩm theo nhu cầu ( theo hang sản xuất, theo giá tiền) cho khách hàng

 Đăng nhập, phân quyền, đăng xuất

 Toàn quyền quản trị bình luận

 Toàn quyền quản trị, xử lý đơn hàng

 Toàn quyền quản trị nhân viên làm việc

 Thống kê doanh thu theo kỳ

Cụ thể là:

Đối tượng 1: khách hàng

Khách hàng là những người có nhu cầu mua sắm hàng hóa, họ sẽ tìm kiếm các mặt hàng cần thiết từ hệ thống và đặt mua các mặt hàng này

Vì thế hệ thống sẽ cung cấp các chức năng sau:

- Hiển thị danh sách các mặt hàng của cửa hàng để khách hàng xem, lựa chọn và mua

- Khách hàng xem các thông tin tin tức mới, khuyến mãi trên trang web

- Lọc sản phẩm theo nhu cầu, thu hẹp phạm vi theo giá tiền, hang laptop cần tìm

- Xem chi tiết sản phẩm, xem bình luận , đánh giá về sản phẩm của những khách hàng trước về sản phẩm hiện hành

- Đặt hàng

- Gửi mail nhằm mục đích góp ý, hợp tác với chủ shop Thông tin

sẽ được gửi trực tiếp đến mail của shop

Đối tượng 2: Nhân viên cửa hàng

Nhân viên cửa hàng là những cá nhân theo làm tại cửa hàng, có nhữngchức năng quản trị tương ứng bên cạnh các tính năng của khách hàng:

- Quản trị các sản phẩm hiện hành của cửa hàng: Xem danh sách sản phẩm, thêm sản phẩm mới, chỉnh sửa thông tin sản phẩm, xoá ( ẩn ) sản phẩm của hệ thống

- Quản trị bình luận của khách hàng : Có thể xem các bình luận vềcác sản phẩm của cửa hàng, xoá cá bình luận thô tục, không hợplệ

- Quản trị đơn hàng : Xem danh sách đơn đặt hàng, tiếp nhận, thay đổi trạng thái đơn hàng ( chưa xử lý -> đang xử lý -> đã thanh toán / huỷ)

- Đăng nhập ,đăng xuất Chỉ các nhân viên đang làm việc mới đăng nhập được vào hệ thống và thực thi như là nhân viên cửa hàng, các nhân viên đã nghỉ việc ( enabled = false) thì sẽ không thể đăng nhập vào hệ thống

Đối tượng 3 : Quản lý cửa hàng

Quản lý cửa hàng là chức năng có role ( quyền ) cao nhất, ngoài

sở hữu các quyền của 2 role trên thì bên cạnh đó quản lý còn có quyềnthực thi các chức năng sau:

- Quản trị nhân viên: Xem danh sách các nhân viên cửa hàng ( bao gồm đã nghỉ việc và đang đi làm.), chỉnh sửa thông tin nhân viên, cấp quyền cho nhân viên

- Quản trị doanh thu : Xem các đơn hàng đã thanh toán thành công, thống kê doanh thu cửa hàng trong 1 khoảng thời gian bất

kỳ tuỳ ý

- Thêm mới 1 account với role là nhân viên, hoặc quản lý.Ngoài các chức năng trên thì trang Web phải được thiết kế sao cho dễ hiểu, giao diện mang tính dễ dùng, đẹp mắt và làm sao cho khách hàng thấy được thông tin cần tìm Cung cấp các thông tin quảng cáo hấp dẫn, các tin tức khuyến mãi để thu hút khách hàng Điều quan trọng là phải đảm bảo an toàn tuyệt đối thông tin khách hàng trong quá trình đặt mua qua mạng Đồng thời trang Web phải luôn đổi mới, hấp dẫn Bên cạnh đó, hiểu được tâm lý khách hàng nên khách hàng

sẽ không cần đăng nhập để xem sản phẩm, đặt hàng, cũng như bình luận – những thủ tục rờm rà gây khó chịu, mất thời gian cho khách hàng nhưng vẫn đảm bảo được thông tin cũng như dữ liệu cho đơn hàng của khách hàng

CHƯƠNG 2 PHÂN TÍCH

2.1

Khảo sát hiện trạng và xác định yêu cầu:

a/ Khảo sát khách hàng để nắm bắt được những yêu cầu về mặt cảm quan, phần nhìn, phần chức năng của khách hàng về website

o Giao diện : Đẹp mắt, dễ nhìn, dễ nắm bắt, đặc biệt phải tiện lợi, không tốn nhiều thời gian để tiếp cận cũng như thao tác

o Xử lý: Nhanh Không rờm rà, đảm bảo độ chính xác

o Chức năng: Đáp ứng đủ các chức năng cơ bản nhưng vẫn đảm bảo tính tiện lợi ở trên

b/ Xác định yêu cầu :

- Giao diện hệ thống: Đẹp, bắt mắt, hiển thị thông tin cần thiết rõ ràng, không bắt mắt Có bao gồm banner hiển thị ưu đãi của hàng, chương trình đặc biệt Không cần đăng nhập để sử dụng

hệ thống – tiết kiệm thời gian và tang độ tiện lợi cho khách hàng

- Xử lý : Chuẩn theo mô hình Srping MVC:

Quá trình tiếp nhận, xử lý, lưu trữ dữ liệu theo mô hình DAO trong Spring MVC sao cho tăng độ bảo mật, an toàn hệ thống:

o MAKH: Mã khách hàng – tự động tăng - INT

o HOTEN: Họ và tên khách hàng – NVARCHAR(50)

o DCHI: Địa chỉ khách hàng để giao hàng – NVARCHAR(50)

o SODT: Số điện thoại liên hệ khách hàng – NVARCHAR(11)

o NGSINH: Ngày sinh – Smalldatetime

- Bảng hoá đơn:

-Hình 2.2.3Chi tiết:

o SOHD: số hoá đơn, tự động tang – INT

o NGAYDH: Ngày đặt hàng – Smalldatetime

o MAKH: Khoá ngoại – mã khách hàng

o TRIGIA: Trị giá hoá đơn – money

o MASP: Mã sản phẩm – khoái ngoại

o STATUS: Trạng thái đơn hàng ( chưa xử lý – đã phê duyệt – đã thanh toán – đã huỷ) - INT

o SL : Số lượng sản phẩm - INT

- Bảng sản phẩm:

-Hình 2.2.4 Chi tiết:

o MASP: Mã sản phẩm – nvarchar(50)

o TENSP: Tên sản phẩm – nvarchar(50)

o HANGSX: Hãng sản xuất laptop – nvarchar(50)

o GIA: Giá sản phẩm – money

o PHOTO: Ảnh sản phẩm ( Ảnh demo)- nvarchar(250)

o RAM: Thông tin RAM sản phẩm – nvarchar(50)

o CHIP : Thông tin Chip sản phẩm – nvvarchar(50)

o OCUNG: Thông tin ổ cứng sản phẩm – nvarchar(50)

o STATUS: Trạng thái ( mới về, còn hàng hay đã hết hàng) nvarchar

-o STATUS_DEL: Trạng thái hiển thị(Có ẩn khỏi hệ thống hay không) -bigint

o MOTA: Mô tả sản phẩm – nvarchar(1000)

o PHOTO 2 : URL ảnh 2 sản phẩm – nvarchar(250)

o PHOTO3: : URL ảnh 3 sản phẩm – nvarchar(250)

o PHOTO4: : URL ảnh 4 sản phẩm – nvarchar(250)

o DISCOUNT: giảm giá - float

- Bảng bình luận của khách hàng:

Hình 2.2.5Chi tiết:

o IDCMT: Mã bình luận – tự động tang -INT

o MASP: Mã sản phẩm – khoá ngoại

o TEN: Tên người bình luận- nvarchar(25)

o EMAIL: email người bình luận – nvarchar(50)

o NOIDUNG: Nội dung bình luận - nvarchar

o CMT_TIME: thời gian bình luận - smalldatetime

- Bảng nhân viên:

Hình 2.2.6Chi tiết:

o MANV: Mã NV-nvarchar(4)

o HOTEN: Họ tên nhân viên -nvarchar(50)

o SODT: Số điện thoại liên hệ - nvarchar(11)

o NGVL: ngày vào làm - smalldatetime

o PASS: Pass đăng nhập – chứa pass đã encrypted by bcrypt – nvarchar(200)

o ID_ROLE: ID của role – khoá ngoại

o ENABLED: có còn làm việc/ hoạt động không - bigint

- Bảng Role:

Hình 2.2.7Chi tiết:

o ID : ID của role - int

o NV_ROLE: role của staff ( admin hay quản lý) -nvarchar

- Bảng Contact:

Hình 2.2.8Chi tiết:

o EMAIL_SENDER: email người gưỉ góp ý/ liên hệ -nvarchar(50)

o SDT: Số điện thoại người gửi góp ý/ liên hệ - nvarchar (50)

o NOIDUNG: Nội dung góp ý/ liên hệ - nvarchar(200)

Danh sách các Use Case

b/ Sơ đồ tuần tự tính năng đăng nhập:

Sơ đồ tuần tự của use case đăng nhập

c/ Sơ đồ diagram chức năng của hệ thống:

1 Quản trị staff Truy vấn,

quản trị

Toàn quyền xem, sửa thông tin , cấp quyền nhân viên

Role quản lý

2 Cấp tài khoản Truy vấn,

cấp quyền

Cấp tài khoản cho nhân viên, quản lý

Role quản lý

Role quản lý có thể tạo được account cùng loại + nhân viên

Bộ phận: Nhân viên Mã số: NV

STT Công việc Loại công

việc Quy định/Công thức liên quan

Biểu mẫu liên quan Ghi chú

1 Đăng nhập Truy cập,

cấp quyền Nhập đúng thông tin đăng nhập

Mã nhân viên, pass

2 Quản trị đơn

hàng

Tra cứu và quản trị Xem, thay đổi trạng thái đơn hàng

Role Nhân viên

3 Quản trị bình

luạn

Tra cứu, quản trị Xem, xoá bình luận không phù hợp

Role Nhân viên

phẩm

Tra cứu, quản trị

Xem, sửa, xoá (ẩn) sản phẩm trong hệ thống hiện hành

Role Nhân viên

Bộ phận: Khách hàng Mã số: KH

STT Công việc Loại công

việc Quy định/Công thức liên quan

Biểu mẫu liên quan Ghi chú

1 Xem, lọc thông tin

laptop Truy vấn Gửi request lên server

2 Bình luận Ghi CSDL Nhập đầy đủ tham số

Tên hiển thị, mail, nội dung

3 Contact shop Liên hệ

Nhập đầy đủ thông tin, thông tin được chuyển trực tiếp đến mail

shop

SDT, mail, nội dung

4 Đặt hàng Mua hàng

Nhập đầy đủ tham số cần thiết, shop sẽ chủ động liên hệ lại để xác nhận đơn hàng trên thông tin đơn hàng

Tên, địa chỉ, SDT, thông tin

SP, số lượng

CHƯƠNG 4 THIẾT KẾ HỆ THỐNG

4.1.

Hình ảnh sản phẩm.

Hình ảnh giao diện ưu đãi + footer

Giao diện các nút chức năng lọc sản phẩm.

Giao diện chi tiết sản phẩm + bình luận bên dưới

Giao diện đặt hàng.

Giao diện quản lý sản phẩm – admin.

Giao diện – quản lý hoá đơn -admin

Giao diện edit info sản phẩm -admin

Giao diện thêm mới sản phẩm

Giao diện quản lý staff – quản lý.

Giao diện thêm mới staff – quản lý

Giao diện thống kê doanh thu theo kỳ.