Báo cáo chuyên đề học phần đồ án lập trình web nâng cao

Bên cạnh đó, cũng đã có khá nhiều các trang web động tên thương mại là Dynamic Website với nhiều hình thức tổ chức khác nhau về giao diện, bố cục cũng như về cách thức quản lý, tiêu biểu

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 ĐỒ ÁN LẬP TRÌNH WEB NÂNG

CAO

ĐỀ TÀI: Website Bán Hàng Quần Áo

Sinh viên thực hiện : VŨ XUÂN LINH

PHẠM NGỌC MINH Giảng viên hướng dẫn : PHƯƠNG VĂN CẢNH

Hà Nội, tháng 01 năm 2022

PHIẾU CHẤM ĐIỂM

Giảng viên chấm 1 :

Giảng viên chấm 2 :

Họ Và Tên Công Việc

Code font-end

Phạm Ngọc Minh Khảo Sát + Báo Cáo+Code Back-end

CHƯƠNG 1 : KHẢO SÁT

I Khảo sát hiện trạng :

Hiện nay, khác với các nước đã có nền công nghệ thông tin phổ biến và phát triển, tại Việt Nam, đại đa số vẫn là các website tĩnh, có cấu trúc và tổ chức thông tin cố định, không thay đổi hoặc rất ít thay đổi, chủ yếu mang tính chất giới thiệu công ty và sản phẩm dịch vụ của nó

Bên cạnh đó, cũng đã có khá nhiều các trang web động (tên thương mại là

Dynamic Website) với nhiều hình thức tổ chức khác nhau về giao diện, bố cục cũng như về cách thức quản lý, tiêu biểu như website kinh doanh địa ốc của Công

ty Hoàng Quân, website đặt phòng khách sạn trực tuyến của Công ty Thương mại điện tử Việt, website của Ngân hàng Cổ phần thương mại ABC…

Tuy nhiên, một thực tế cần nhìn nhận rằng: đa số các website đều do công ty sở hữu thuê các nhà thiết kế (thường là các công ty thiết kế website) đảm nhận việc thiết kế ban đầu, điều này là hợp lý, bởi vì chỉ với một chi phí ban đầu cho dù có hơi cao – đối với các trang web động – thì một website được thiết lập mang tính chuyên nghiệp và hoạt động ổn định là điều hết sức cần thiết; nhưng để website đó hoạt động thực sự hiệu quả thì không thể thiếu bàn tay của chính những người chủ,của chính công ty sở hữu nó quản lý và điều hành Thực tế là, ở Việt Nam hiện nay,vai trò của người quản trị website dường như chưa được đánh giá đúng, đa phần người quản trị trang web của các công ty chỉ đảm đương công việc này sau khi hoàn tất các công việc khác, vấn đề làm mới thông tin website còn bị xem nhẹ, khiến cho những khách hàng thường xuyên của website cảm thấy nhàm chán và từ

từ rời bỏ thói quen vào thăm trang web!

Sự hoạt động hiệu quả của một số trang web nói trên là những minh chứng cho vai trò của người quản trị website doanh nghiệp Các công ty sở hữu các

website này đều có một bộ phận riêng đảm đương việc quản lý thông tin website, nhằm đáp ứng kịp thời và hiệu quả các yêu cầu của các vị “thượng đế” thông qua mạng internet, có như vậy thì mới khai thác hết giá trị của website, và nguồn kháchhàng tiềm năng trên mạng

Vì thế, theo chúng tôi, các công ty đã, đang và có ý định xây dựng website riêng cho mình thì dù ít, dù nhiều cũng đã quan tâm đến vai trò của công nghệ

thông tin và các khách hàng tiềm năng trên mạng, nên có kế hoạch và cắt đặt ngườiquản trị để website của công ty mình luôn mới mẻ, thu hút khách hàng đến với website, đến với công ty.

II Giới thiệu đề tài :

1 Mục tiêu của đề tài :

- Hiểu biết hình thức kinh doanh thương mại điện tử

- Hiểu biết về các giải pháp xây dựng một website thương mại điện tử

- Xây dựng một website mang lại thuận tiện cho người dùng, tiết kiệm thời gian khi có nhu cầu mua một sản phẩm

- Xây dựng Website giúp cho nhân viên quản lý thông tin một cách trực quan, thuận tiện

- Nắm được cách thức bảo mật website với SSL

2 Yêu cầu của đề tài :

2.1 Yêu cầu

2.1.1 Yêu cầu chung

- Tìm hiểu về hoạt động kinh doanh thương mại điện tử

- Tìm hiểu các giải pháp xây dựng một website thương mại điện tử như thế nào

- Xây dựng một website mang tính thương mại hóa

- Xây dựng một trang web với đầy đủ các tính năng phục vụ cho việc bán hàng trực tuyến và giới thiệu sản phẩm

- Xây dựng các chức năng giúp người quản trị dễ dàng quản lý nội dung trang web

2.1.2 Xây dựng website thương mại điện tử.

- Webiste thương mại điện tử có một số chức năng như sau:

+ Đối với khách hàng: Xem danh sách các sản phẩm, Xem thông tin chi tiết một sản phẩm, Tìm kiếm sản phẩm, Đưa sản phẩm vào giỏ hàng, Đặt mua, Thanh toán, Góp ý, Liên hệ, Xem các tin tức…

+ Đối với quản trị: Quản trị sản phẩm, quản trị nhân viên, Quản trị đơn hàng, Quảntrị khách hàng, Quản trị tin tức, góp ý…

2.2 Các chức năng chính

- Website bán hàng được xây dựng với tiêu chí phục vụ cho tất cả mọi người với mong muốn đáp ứng đầy đủ các mặt hàng, các chức năng của một website bán hàng trực tuyến

- Website bao gồm các loại người dùng chính: Khách hàng viếng thăm, Khách hàng thành viên, Nhân viên, Giám đốc:

+ Đối với Khách hàng viếng thăm: Xem danh sách sản phẩm, Xem chi tiết sản phẩm, Đưa sản phẩm vào giỏ hàng, cập nhật giỏ hàng, Tìm kiếm, Đăng Ký…

+ Đối với Khách hàng thành viên: Ngoài những chức năng như khách hàng viếng thăm còn có thêm một số chức năng như Đặt mua, Xem danh sách đơn hàng, Quản

lý đơn hàng, Thanh Toán, Đăng nhập…

+ Đối với nhân viên: Được xem như là một khách hàng thành viên và còn có chức năng quản lý tùy thuộc vào chức năng như Quản lý sản phẩm, đơn hàng, khách hàng, quản lý thông tin khác Ngoài ra còn tư vấn khách hàng, giải đáp thắc mắc, phản hồi ý kiến cho khách hàng

+ Đối với Giám đốc: Toàn quyền trong hệ thống và người có quyền quyết định đối với nhân viên của mình

2.3 Đối tượng và phạm vi nguyên cứu

- Website bán hàng được xây dựng với tiêu chí phục vụ cho tất cả mọi người với mong muốn đáp ứng đầy đủ các mặt hàng, các chức năng của một website bán hàng trực tuyến

- Với khoảng thời gian có hạn nên em đã giới hạn phạm vi nguyên cứu ở một mức

độ hợp lý cho mình

+ Xây dựng các chức năng cho khách hàng

+ Xây dựng các chức năng cho nhân viên quản trị.

+ Tìm hiểu một vài công nghệ mới ứng dụng trên ASP.NET

3 Giải pháp thực hiện :

3.1 Tìm hiểu thông tin :

Cuộc sống phát triển đi cùng với đó là nhu cầu hoạt động mạng xã hội.Việc kinh doanh, buôn bán ngày càng tăng cao với các hình thức kinh doanh khác nhau Bên cạnh việc mở các hệ thống cửa hàng kinh doanh theo kiểu truyền thống với lợithế về mặt bằng, ngày càng có nhiều doanh nghiệp đi theo hướng phát triển hoạt bán hàng

Trong bối cảnh dịch bệnh COVID-19 diễn biến phức tạp, ảnh hưởng nhiều đến cuộc sống hằng ngày của người dân khi không được ra ngoài Việc áp dụng hình thức bán hang trực tuyến lại càng được đẩy mạnh để có thể kinh danh buôn bán thuận lợi trong điều kiện phòng trống dịch ngày càng siết chặt Việc làm này giúp khách hàng mua sắm online không lo dịch bệnh, đồng thời giúp tiểu thương duy trì chi trả được các phí sử dụng, sinh hoạt hàng tháng, cũng giúp tiểu thương kết nối, tìm kiếm thêm nhiều khách hàng, duy trì kinh doanh

Từ những thông tin tìm hiểu , yêu cầu đặt ra : Để phục vụ tốt cho nhu cầu mua bán giao thương trước tình hình dịch bệnh phức tạp Từ đó em xây dựng website bán hàng quần áo nam đáp ứng nhu cầu trên

3.2 Môi trường phát triển và triển khai :

- Môi trường phát triển ứng dụng :

+ Công cụ xây dựng cơ sở dữ liệu SQL

+ Công cụ dùng để phân tích, thiết kế :Rational Rose Enterprise Edition

+ Công cụ đã dùng để xây dựng ứng dụng : Visual Studio Code

- Môi trường triển khai ứng dụng :

+ Hệ điều hành Windows 10

+ Để chạy được Website yêu cầu máy phải cài ít nhất một trình duyệt web.

CHƯƠNG 2: PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG

3.1 Xác định các Actor và Use Case tổng quát hệ thống

3.1.2 Các User Case tổng quát của hệ thống

Hình 3.1 use case tổng quan

3.2 Phân tích thiết kế chức năng hệ thống 3.2.1 Chức năng đăng nhập

3.2.1.1 Biểu đồ use case đăng nhập

Hình 3.2.1.1 use case đăng nhập

-Đặc tả use case đăng nhập:

Mô tả Cho phép người dùng đăng nhập vào hệ thống đểthực hiện các

chức năng của mình

Điều kiện Truy cập link ứng dụng nhưng chưa đăng nhậphoặc sau khi đăng xuất

Tiền điều kiện Người dùng có tài khoản trên hệ thống

Đăng xuất thành công

Luồng sự kiện - Hiển thị màn hình đăng nhập - Người dùng nhập user và password

- Hệ thống kiểm tra thông tin đăng nhập - Nếu thành công thì chuyển sang trang dashboard

- Kết thúc use-case

Ngoại lệ • Hiển thị trang login kèm thông báo đăng nhập - Đăng nhập sai user và password

không thành công

• Quay lại bước 2 trong luồng sự kiện

- Click nút Quên mật khẩu

• Hệ thống sẽ gửi email chứa link reset mật khẩu thông qua mail server

• Gửi tin nhắn chứa mật khẩu mới tới số điện thoại

để người dùng đăng nhập và đổi mật khẩu

3.2.1.2 Biểu đồ hoạt động đăng nhập

Hình 3.2.1.2 Biểu đồ hoạt động đăng nhập

3.2.1.3 Biểu đồ trình tự chức năng đăng nhập

Hình 3.2.1.3 Biểu đồ trình tự chức năng đăng nhập

3.2.1.4 Biểu đồ cộng tác chức năng đăng nhập

Hình 3.2.1.4 Biểu đồ cộng tác đăng nhập

Downloaded by Vu Vu (quangchinhlas199@gmail.com)

3.2.2 Chức năng quản lí hàng hóa

3.2.2.1 Biểu đồ use case quản lí hàng hóa

Hình 3.2.3.1 Quản lí hàng hóa-Đặc tả use case quản lí hàng hóa:

Downloaded by Vu Vu (quangchinhlas199@gmail.com)

Actor Người dùng

Tiền điều kiện Người dùng đăng nhập thành công Cóchức năng quản lý hàng hóa

Luồng sự kiện - Yêu cầu chức năng quản lý hàng hóa -Nhập thông tin đơn hàng hóa(mã hàng hóa, tên hàng hóa,

kích cỡ, ) -Xác nhận thông tin hàng hóa -Đóng chức năng quản lý hàng hóa -Hiển thị danh sách hàng hóa -Kết thúc usecase

Ngoại lệ -Mã hàng hóa, tên hàng hóa không hợp lệ Quaylại bước 2

-Click nút hủy quản lý hàng hóa Đóng chức năng thêm đơn hàng nhập

Downloaded by Vu Vu (quangchinhlas199@gmail.com)

3.2.3.2 Biểu đồ hoạt động quản lí hàng hóa

Hình 3.2.3.2 Biểu đồ hoạt động quản lí hàng hóa

Downloaded by Vu Vu (quangchinhlas199@gmail.com)

3.2.3.3 Biểu đồ trình tự quản lí hàng hóa:

Hình 3.2.3.3 Biểu đồ trình tự quản lí hàng hóa:

3.2.3.4 Biểu đồ cộng tác quản lí hàng hóa:

Downloaded by Vu Vu (quangchinhlas199@gmail.com)

Hình 3.2.3.4 Biểu đồ cộng tác quản lý hàng hóa.

3.2.3 Chức năng quản lí danh mục hàng hóa

3.2.3.1 Biểu đồ use case quản lí danh mục

Hình 3.2.3.1 Biểu đồ use case danh mục

Downloaded by Vu Vu (quangchinhlas199@gmail.com)

3.2.3.2 Biểu đồ trình tự quản lý danh mục

: Nhan vien : W:Quan ly danh

muc : W:Quan ly danh muc

: Quan ly danh muc : Quan ly danh muc

: W:danh sach danh muc : W:danh sach danh muc

: database danh muc : database danh muc chon quan ly danh muc

them/sua/xoa danh muc

luu du lieu

truyen du lieu

thong bao thong bao thanh cong

3.2.3.3 Biểu đồ cộng tác quản lý danh mục

: Nhan vien : W:Quan ly danh muc : Quan ly danh muc

: database danh muc : W:danh sach danh muc

1: chon quan ly danh muc 2: them/sua/xoa danh muc

3: luu du lieu

4: truyen du lieu

5: thong bao 6: thong bao thanh cong

Hình 3.2.3.3 Biểu đồ cộng tác quản lí danh mục

Downloaded by Vu Vu (quangchinhlas199@gmail.com)

3.2.3.4 Biểu đồ trạng thái quản lí danh mục

Dang nhap nhap tai khoan, mat khau Hien thi trang

quan tri

Quan ly danh muc lua chon quan ly danh muc

Them/sua/

xoa

Luu thong tin

Hình 3.2.3.4 Biểu đồ trạng thái quản lí danh mục

Downloaded by Vu Vu (quangchinhlas199@gmail.com)

3.3 Biểu đồ lớp

Hình 3.3 Biểu đồ lớpCác lớp được mô tả :

-Lớp user gồm những thông tin :

+ user_id : Mã người dùng

+ user_name : Tên người dùng

+ email : Email cá nhân

+ password : Mật khẩu người dùng

-Lớp danh mục gồm những thông tin :

+ Cat_id : mã danh mục

+ Cat_name : tên danh mục

+ Status : Trạng thái danh mục

+ Date_create : Ngày tạo

-Lớp sản phẩm trung tâm gồm các thông tin :

3.4 Biểu đồ thành phần

Hình 3.3 Biểu đồ thành phần

Downloaded by Vu Vu (quangchinhlas199@gmail.com)

3.4 Biểu đồ triển khai

Hình 3.4 Biểu đồ triển khai

Downloaded by Vu Vu (quangchinhlas199@gmail.com)

Downloaded by Vu Vu (quangchinhlas199@gmail.com)

Downloaded by Vu Vu (quangchinhlas199@gmail.com)

Giao diện giỏ hang

Downloaded by Vu Vu (quangchinhlas199@gmail.com)