Đồ Án Học Phần Xây Dựng Website Thời Trang.pdf

Trịnh Công Nhựt - ThiIt kI giao diện kh.ch h>ng - ThiIt kI giao diện admin - Đăng ký, đăng nhập, đăng xuất bên người dùng - Quản lý t>i khoản người dùng - Validate form - Trang gio h>ng

TTNG QUAN

Giới thiê u đề tài

Việc kinh doanh mua b.n l> nhu cầu không thI thiIu với mỗi ch@ng ta Trong thời đại cạnh tranh hiện nay việc giới thiệu sản phẩm đIn từng c nhân với chi phí thấp,hiệu quả cao l> một vấn đề nan giải của người kinh doanh cùng với nhu cầu mua sắm với những sản phẩm đa chủng loại, đạt chất lượng năng suất cao với nhiều mẫu mã đa dạng v> hợp t@i tiền của kh.ch h>ng vì vậy thương mại điện tử đã ra đời v> ph.t triển mạnh trên to>n thI giới.

Việc phổ biIn c.c sản phẩm của cửa h>ng kinh doanh đIn kh.ch h>ng thông qua c.c bảng b.o gi tuy nhiên chi phí kh cao vì số lượng sản phẩm ng>y một đa dạng v> gi cả thay đổi liên tục v> tính phổ biIn không cao chưa đ.p ứng được nhu cầu người dùng Mặt kh.c cửa h>ng còn gặp nhiều khB khăn như chưa quản lý được người dùng, thông tin nh> sản xuất, cập nhật gi sản phẩm, quản lý sản phẩm…

Nắm bắt tình hình trên em tiIn h>nh thiIt kI trang web mua b.n h>ng online để mong sao gi@p cho c.c cửa h>ng ph triển hơn,gi@p quản lý cửa h>ng 1 c.ch dx d>ng hơn m> vẫn đạt hiệu quả như mong đợi.

- Giao diện người dùng đơn giản, dx sử dụng Dx d>ng thao t.c, đ.p ứng được những chứng năng đơn giản cho người dùng.

- Tối ưu trong việc buôn b.n quản lý sản phẩm, dx d>ng trong việc liên hệ chăm sBc kh.ch h>ng.

- Đa dạng về mặt h>ng, phong ph@ về kiểu loại sản phẩm v> dx d>ng quản lý.

- Giao diện quản trị đơn giản, dx quản lý v> cB thể thay đổi c.c thông tin hệ thống

- Hệ thống phân quyền rõ r>ng giữa Admin, employee, customer(sẽ không thể đăng nhập trang quản trị).

- Tính năng quên mật khẩu chưa được tốt.

- Chưa cB chức năng tìm kiIm sản phẩm.

- Hình thức thanh to.n giới hạn D mức thanh to.n bằng tiền mặt

- Chưa thể upload trang web lên hosting một c.ch ho>n chỉnh

Nhiê m vu đô án

Website kinh doanh quần o,thời trang được xây dựng hướng đIn c.c đối tượng: 1.2.1.1 Người dùng – kh.ch h>ng (customer)

Kh.ch h>ng cB thể v>o trang web sẽ cB thể xem c.c thể loại sản phẩm đang b.n, xem đ.nh gi của kh.ch h>ng kh.c đã đặt mua sản phẩm đB, phải đăng nhập để cB thể mua h>ng.

Người dùng (kh.ch h>ng) nIu chưa cB t>i khoản đăng nhập v>o website thì cần v>o phần đăng ký t>i khoản để tạo t>i khoản.

Sau khi người dùng cB t>i khoản đăng nhập thì sau cB thể đăng nhập v>o trang web để tiIp tục sử dụng c.c tính năng chỉ sau khi đăng nhập mới sử dụng được l>: đặt mua sản phẩm, thay đổi đơn đặt sản phẩm,thanh to.n đặt sản phẩm.

1.2.1.2 Nhân viên cửa h>ng (employee)

Nhân viên cần phải đăng nhập v>o trang web để cB thể sử dụng c.c chức năng của nhân viên: quản lý t>i khoản c nhân, quản lý thông tin sản phẩm, quản lý thông tin đơn h>ng của kh.ch h>ng.

1.2.1.3 Người quản trị hệ thống (admin)

Quản trị viên cần phải đăng nhập v>o trang web để cB thể sử dụng c.c chức năng của quản trị viên , nhân viên: quản lý danh mục sản phẩm, quản lý thông tin sản phẩm, quản lý thông tin nhân viên, phân quyền sử dụng website, thay đổi thông tin hệ thống, quản lý t>i khoản c nhân.

1.2.2 Cc ch%c năng c'a hê * thng

1.2.2.1 Người dùng – kh.ch h>ng a) Đăng ky

- Nhập số điện thoại (SĐT d>i 10 hoặc 11 số, chỉ cB thể đăng ký một lần).

- Nhập t>i khoản l> email để đăng ký(mỗi email chỉ cB thể đăng ký một lần).

- Nhập mật khẩu đăng ký(MK d>i tối thiểu 6 ký tự).

- Nhập mật khẩu x.c nhận. b) Đăng nhâ p

- Nhập mật khẩu. c) Đăng xuYt d) Thêm sản phẩm vào giỏ hàng e) Quản ly giỏ hàng

- XBa sản phẩm khoi gio h>ng.

- Thêm sản phẩm v>o gio h>ng.

- Cập nhật sản phẩm trong gio h>ng. f) Quản ly đơn hàng

- Hủy đặt mua sản phẩm.

- Xem đơn đặt sản phẩm. g) Đánh giá sản phẩm h) Sắp xhp sản phẩm

- Nhập mật khẩu b) Quản ly đơn hàng

- Xem thông tin sản phẩm đã đặt

- X.c nhận c.c đơn đặt sản phẩm đã giao c) Quản ly tài khoản

- Xem v> chỉnh sửa thông tin t>i khoản.

1.2.2.3 Quản trị viên a) Đăng nhâ p

- Nhập tên người quản trị.

- Nhập mật khẩu. b) Quản ly danh muc sản phẩm

- Thay đổi v> cập nhật danh mục sản phẩm. c) Quản ly sản phẩm

- Xem v> cập nhật thông tin sản phẩm. d) Phân quyền ngư]i dùng e) Quản ly khách hàng f) Quản ly nhân viên

- Thay đổi thông tin nhân viên.

- Thêm v> xBa thông tin nhân viên.

CYu trZc đô án

- Giới thiệu đề t>i: Khảo s.t thực tI v> xây dựng đề t>i “Website Thời Trang Coloshop”

- Nhiệm vụ đồ n: Xây dựng mục tiêu nghiên cứu, đối tượng sử dụng v> phạm vi của đề t>i.

- Cấu tr@c đồ n: Trình b>y cấu tr@c của đồ n gồm c.c chương v> tBm tắt từng chương.

Chương 2: Cơ sm ly thuyht

- C.c kh.i niệm v> phương ph.p bao gồm c.c công nghệ, hệ thống, c.c r>ng buô 6c, mô hình đồ n.

Chương 3: Kht quả thực nghiê m

- Giao diện, đặc điểm v> c.c chức năng của chương trình.

Chương 4: Kht luâ n và kihn nghị

- Những kIt luận chung, kIt quả đạt được v> hướng mD rô 6ng ph.t triển sản phẩm.

CƠ SƠ LY THUYẾT

Ngôn ngư và môi trư]ng lâ p tr nh

2.1.1 Ngôn ngư lâ *p tr4nh

HTML (viIt tắt của từ Hypertext Markup Language, hay l> “Ngôn ngữ Đ.nh dấu Siêu văn bản”) l> mô 6t ngôn ngữ đ.nh dấu được thiIt kI ra để tạo nên c.c trang web trên World Wide Web NB cB thể được trợ gi@p bDi c.c công nghệ như CSS v> c.c ngôn ngữ kịch bản giống như JavaScript. Cấu tr@c của HTML

 : khai b.o kiểu dữ liệu hiển thị.

 v> : cặp thẻ bắt buô 6c, element cấp cao nhất, cB nhiệm vụ đBng gBi tất cả nô 6i dung của trang HTML.

 v> : khai b.o c.c thông tin meta của trang web như: tiêu đề trang, charset.

 v> : cặp thẻ nằm bên trong thẻ , dùng để khai b.o tiêu đề của trang.

 v> : cặp thẻ dùng để đBng gBi tất cả c.c nô 6i dung sẽ hiển thị trên trang.

 ,

l> cấp đô 6 heading cao nhất v> l> cấp đô 6 heading thấp nhất.



v>

CSS l> chữ viIt tắt của Cascading Style Sheets, nB l> mô 6t ngôn ngữ được sử dụng để tìm v> định dạng lại c.c phần tử được tạo ra bDi c.c ngôn ngữ đ.nh dấu (ví dụ như HTML) Bạn cB thể hiểu đơn giản rằng, nIu HTML đBng vai trò định dạng c.c phần tử trên website như việc tạo ra c.c đoạn văn bản, c.c tiêu đề, bảng,…thì CSS sẽ gi@p ch@ng ta cB thể thêm mô 6t ch@t “phong c.ch” v>o c.c phần tử HTML đB như đổi m>u sắc trang, đổi m>u chữ, thay đổi cấu tr@c,…

Phương thức hoạt đô 6ng của CSS l> nB sẽ tìm dựa v>o c.c vùng chon, vùng chon cB thể l> tên mô 6t thẻ HTML, tên mô 6t ID, class hay nhiều kiểu kh.c Sau đB l> nB sẽ p dụng c.c thuô 6 c tính cần thay đổi lên vùng chon đB.

- Hạn chI tối thiểu việc l>m rối mã HTML của trang Web bằng c.c thẻ quy định kiểu d.ng (chữ đậm, chữ in nghiêng, chữ cB gạch chân, chữ m>u), khiIn mã nguồn của trang Web được gon g>ng hơn, t.ch nô 6 i dung của trang Web v> định dạng hiển thị, dx d>ng cho việc cập nhật nô 6i dung.

- Tạo ra c.c kiểu d.ng cB thể p dụng cho nhiều trang Web, gi@p tr.nh phải lặp lại việc định dạng cho c.c trang Web giống nhau.

C# (hay C sharp) l> mô 6t ngôn ngữ lập trình đơn giản, được ph.t triển bDi đô6i ngu kỹ sư của Microsoft v>o năm 2000 C# l> ngôn ngữ lập trình hiện đại, hướng đối tượng v> được xây dựng trên nền tảng của hai ngôn ngữ mạnh nhất l> C++ v> Java.

C# được ph.t triển bDi Anders Hejlsberg v> team của ông trong khi ph.t triển Net Framework.

C# được thiIt kI cho Common Language Infrastructure (CLI), m> gồm Executable Code v> Runtime Environment, cho phép ch@ng ta sử dụng c.c ngôn ngữ high-level đa dạng trên c.c nền tảng v> cấu tr@c m.y tính kh.c nhau.

C# l> ngôn ngữ đơn giản, mạnh mẽ: Được dựng trên nền tảng C++ v> Java, ảnh hưDng bDi Delphi, VisualBasic nên ngôn ngữ C# được thừa hưDng c.c ưu điểm v>o loại bo c.c yIu điểm của c.c ngôn ngữ trên, vì vậy nB kh đơn giản, đồng thời loại bo c.c c@ ph.p dư thừa v> thêm v>o đB c.c c@ ph.p cải tiIn hơn.

C# l> ngôn ngữ đa năng v> hiện đại: C# phù hợp cho việc ph.t triển trong thời đại 4.0, bao gồm việc ph.t triển web, mobile app, game, hoc m.y v> trí tuệ nhân tạo, ph.t triển đ.m mây, IoT, blockchain, microservices C# l> mô 6t ngôn ngữ lập trình hướng đối tượng đồng thời hỗ trợ lâp trình chức năng: C# hỗ trợ mạnh mẽ cho phương ph.p lâp trình hướng đối tượng, ngo>i ra C# còn hỗ trợ c.c phương ph.p lập trình chức năng thông qua c.c biểu thức lamba, khớp mẫu, functions, c.c thuô 6 c tính bất biIn.

C# l> ngôn ngữ gõ tĩnh, định kiểu mạnh, hỗ trợ gõ đô 6ng: C# được gõ tĩnh nên nB mang đầy đủ c.c ưu việt của phương ph.p gõ tĩnh như bảo đảm an to>n kiểu, tự đô 6ng phân tích v> nhận biIt lỗi c@ ph.p ngay trong qu. trình viIt mã

Javascript l> mô 6t ngôn ngữ lập trình website, được tích hợp v> nh@ng trong HTML v> gi@p cho website trD nên sống đô 6ng hơn Đây l> dạng ngôn ngữ theo kịch bản, được hình th>nh dựa trên chi•nh đối tượng ph.t triển cB sẵn hoặc đơn giản l> tự định nghĩa ra Javascript cho phép bạn kiểm so.t c.c h>nh vi của trang web tốt hơn so với việc chỉ sử dụng mỗi HTML.

- Xây dựng ứng dụng cho website m.y chủ.

- Ứng dụng di đô 6ng, app, trò chơi.

Cụ thể hơn, khi bạn tải mô 6t trang web, trình duyệt sẽ phân tích c@ ph.p HTML v> tiIn h>nh tạo ra mô 6t loại dữ liệu goi l> DOM từ nô 6 i dung DOM sẽ thể hiện chI đô 6 xem trực tiIp của trang web với mã Javascript Đoạn mã n>y sẽ thực hiện cập nhật cho DOM v> được trình b>y ngay lập tức trước mắt người dùng.

ASP.NET l> mô 6t nền tảng ứng dụng web (web application framework) được ph.t triển v> cung cấp bDi Microsoft, cho phép những người lập trình tạo ra những trang web đô 6ng, những ứng dụng web v> những dịch vụ web.

Mô h4nh Model – View – Controller

ASP.NET MVC l> mô 6t framework tuyệt vời hỗ trợ pattern MVC cho ASP.NET MVC l> cụm từ viIt tắt của Model-View-Controller, nB phân chia pattern của ứng dụng th>nh 3 phần - model, controller v> view.

Model gi@p lưu trữ dữ liệu của ứng dụng v> trạng th.i của nB NB l> mô 6t cơ sD dữ liệu hoặc cung cB thể chỉ l> mô 6t tập tin XML.

View được coi l> mô 6t giao diện người dùng được sử dụng bDi kh.ch truy cập trang web của bạn để nhìn thấy c.c dữ liệu C.c trang ASPX thường được sử dụng để hiển thị view trong c.c ứng dụng ASP.NET MVC.

Controller chịu tr.ch nhiệm xử lý c.c tương t.c của người dùng với trang web NB được sử dụng để x.c định loại view n>o cần phải được hiển thị Controller cung được sử dụng cho mục đích giao tiIp với model. 2.1.2.2 Jquery jQuery l> mô 6t thư viện của Javascript, ra đời nhằm gi@p lập trình viên xây dựng những chức năng cB sử dụng Javascript trD nên dx d>ng hơn.jQuery được tích hợp nhiều module kh.c nhau, từ hiệu ứng cho đIn truy vấn selector.

- Ajax - Gi@p xử lý Ajax tiện lợi hơn.

- Atributes - Xử lý c.c thuô 6c tính của DOM object.

- Effect - Xử lý c.c hiệu ứng giữa HTML v> CSS.

- Event - Xử lý c.c sự kiện như click, hover

- Form - Xử lý sự kiện liên quan tới form như submit form

- DOM - Truy vấn DOM trong jQuery dx d>ng hơn rất nhiều.

- Selector - Dùng để truy vấn đIn c.c thẻ HTML thông qua c@ ph.p selector của CSS.

Xác định yêu cu

- Người dùng sử dụng trang web cB thể đăng kí hoặc đăng nhập Tại trang đăng kí, người dùng tạo mới t>i khoản bằng c.ch nhập c.c thông tin yêu cầu.

- Thực hiện xem tất cả c.c danh mục sản phẩm v> cB khả năng loc theo thể loại đồng thời cB thể xem chi tiIt sản phẩm.

- Chức năng gio h>ng để lưu trữ thông tin c.c sản phẩm đang mua.

- Người dùng cB thể thay đổi địa chỉ thanh to.n trước khi thanh to.n đơn đặt h>ng đã mua.

2.2.1.2 Chức năng nhân viên – quản trị viên

- Nhân viên – Quản trị viên cB thể quản lý danh mục hBa đơn đặt h>ng của kh.ch h>ng, x.c nhận v> sử lý hBa đơn đặt h>ng.

- Quản trị viên cB khả năng quản lý nhân viên, quản lý người dùng, quản lý. danh mục sản phẩm, quản lý thông tin sản phẩm v> đầy đủ c.c chức năng chỉnh sửa thông tin, xBa dữ liệu, chi tiIt dữ liệu, thêm mới dữ liệu.

- CB thể phân quyền quản lý cho nhân viên l>m việc.

- Quản trị viên cB thể thay đổi cập nhật thông tin về quy định website.

2.2.2 Yêu cầu hê * thng

- Hệ thống sử dụng hệ quản trị cơ sD dữ liệu đủ để đ.p ứng số lượng người dùng vừa v> nho.

- M.y chủ cB khả năng lưu trữ, sử dụng dữ liệu lâu d>i.

- Cập nhật dữ liệu nhanh v> tự đô 6ng.

- Thông tin cB tính đồng bô6, phân quyền quản lý chặt chẽ.

Mô h nh giải pháp

Mô h4nh ch%c năng Coloshop website

2.3.1.2 Mô tả use case a) Công việc người dùng

Kh.ch h>ng đăng ký t>i khoản để đăng nhập mua h>ng v> cB thể thực hiện việc liên hệ với quản trị website khi ho cB câu hoi hay c.c vấn đề mua h>ng cụ thể như:

Bảng mô tả chức năng c•a ngư]i dùng

STT Công việc Mô tả

Use case 1 Sắp xIp Sắp xIp sản phẩm theo tên v> gi.

Use case 2 Thêm v>o gio h>ng Đăng nhập v>o t>i khoản Chon sản phẩm v>o gio h>ng hoặc xBa khoi gio h>ng.

Use case 3 Thanh to.n Thanh to.n sau khi nhận h>ng

Use case 4 Cập nhật gio h>ng Cập nhật lại gio h>ng khi đã thêm số lượng hoặc xBa sản phẩm khoi gio h>ng. b) Công việc nhân viên – quản lý

Người quản trị cB quyền kiềm so.t moi hoạt đô 6ng của hệ thống, nB đòi hoi sự vận h>nh hợp lý của quản trị Đối với nhân viên chỉ được phép kiểm so.t quản lý đơn h>ng v> b.o c.o doanh thu. Quản trị viên v> nhân viên được cấp username v> password để đăng nhập hệ thống thực hiện c.c chức năng của mình như:

Bảng mô tả chức năng c•a nhân viên

Use case 7 Quản lý đơn h>ng X.c nhận c.c đơn đặt h>ng.

Use case 8 Quản lý sản phẩm Xem hoặc chỉnh sửa s.ch

Use case 9 Quản lý kh.ch h>ng Xem hoặc chỉnh sửa kh.ch h>ng.

Bảng mô tả chức năng c•a quản trị viên

10 Phân quyền sử dụng Phân quyền sử dụng c.c chức năng của nhân viên

11 Quản lý danh mục Xem hoặc chỉnh sửa danh mục sản phẩm.

12 Quản lý nhân viên Xem hoặc chỉnh sửa, phân quyền cho t>i khoản nhân viên

2.3.2 Mô h4nh biểu đô tr4nh t (Sequence Diagram)

Mô h4nh Sequence Coloshop website 2.3.3 Mô h4nh hot đô *ng (Activity Diagram)

2.3.3.1 Mô hình hoạt đô 6ng của quản trị viên

Mô h4nh Activity c'a ngư]i qun trY

Quản trị viên sẽ phải đăng nhập để cB thể truy cập v>o hệ thống cửa h>ng Sau khi đăng nhập th>nh công thì quản trị viên cB thể lựa chon c.c chức năng để quản lý v> hệ thống sẽ hiện danh s.ch theo chức năng m> người quản trị lựa chon Khi người quản trị thay đổi nô 6i dung quy định của website, hệ thống sẽ lưu lại v> cập nhật lên giao diện người dùng.

Sau khi ho>n tất công việc người quản trị cB thể đăng xuất hoặc tiIp tục lựa chon c.c chức năng quản lý để thực hiện công việc.

2.3.3.2 Mô hình hoạt đô 6ng của người dùng

Mô h4nh Activity c'a ngư]i d^ng

Trước khi mua h>ng kh.ch h>ng phải đăng nhập để cB thể mua h>ng, nIu chưa cB t>i khoản thì sẽ đăng ký để tạo t>i khoản Sau khi đăng nhập hoặc đăng ký th>nh công kh.ch h>ng cB thể chon mua ngay hay thêm v>o gio h>ng, hệ thống sẽ kiểm tra xem sản phẩm n>y đã cB trong gio h>ng hay chưa để tăng hoặc thêm sản phẩm v>o gio h>ng.

Kh.ch h>ng cB thể xem gio h>ng rồi tiIp tục mua sắm những sản phẩm m> mình ưa thích.

2.3.4 Mô h4nh lớp (Class Diagram)

Mô h4nh Class Coloshop website

2.3.5 Mô h4nh quan niê *m dư liê *u

2.3.5.1 Mô hình liên kIt thực thể (ERD – Entity Relationship Diagram)

Mô h4nh ERD Coloshop website

2.3.5.2 Danh s.ch c.c thực thể a) Thực thn users (ngư]i dùng)

Users(userid, FullName, UserName, Phone, Email, EmailConfirmed, Password,). Dixn giải : Mỗi người dùng được x.c định bằng mô 6 t mã duy nhất cùng với c.c thuô 6c tính tên, tên người dùng, mật khẩu, điện thoại,email. b) Thực thn orders (đơn hàng)

Order(orderid, Code, CustomerName, Phone, Address, TotalAmount, Quantity, CreatedBy, CreatedDate, ModifiedDate, ModifiedBy, TypePayment).

Dixn giải : Mỗi đơn h>ng đều cB mô 6t mã duy nhất v> thuô 6c mô 6t kh.ch h>ng nhất định Mỗi gio h>ng còn được x.c định bDi kiểu thanh to.n, số lượng, ng>y đặt h>ng, ng>y nhận h>ng. c) Thực thn ProductCategory (loii sản phẩm)

ProductCategory(ProductCategoryId, title, description, Icon, SeoTitle, SeoDescription , SeoKeywords, CreatedBy, CreatedDate, ModifiedDate, ModifiedBy, Alias)

Dixn giải : Mỗi loại sản phẩm đều được x.c định bằng mô 6 t mã duy nhất.Mỗi loại sản phẩm còn được x.c định bDi tên loại sản phẩm, nô 6 i dung, hình ảnh,ng>y lập…. d) Thực thn Category (thn loii)

Category(Categoryid, title, description, Position, SeoTitle, SeoDescription , SeoKeywords, CreatedBy, CreatedDate, ModifiedDate, ModifiedBy, Alias). Dixn giải: Mỗi thể loại đều được x.c định bDi mô 6 t mã duy nhất cùng với c.c thuô 6c tính tên thể loại, mô tả thể loại e) Thực thn Product (sản phẩm)

Product(Productid, ProductCategoryId, Title , Productcode, Description, Detail,

Image, Price, Pricesale, Quantity, IsHome, IsSale, IsFeature, IsHot, SeoTitle, SeoDescription , SeoKeywords, CreatedBy, CreatedDate, ModifiedDate, ModifiedBy, Alias, IsActive).

Dixn giải: Mỗi sản phẩm được x.c định bDi mã sản phẩm duy nhất.Mỗi sản phẩm còn được x.c định bDi loại sản phẩm, tên, thông tin, hình ảnh, gi., ng>y lập…. f) Thực thn Orderdetail (chi tiht đơn hàng)

Orderdetail (Id,Productid, Orderid , price, Quantity).

Dixn giải: Mỗi chi tiIt đơn h>ng được x.c định bDi mã sản phẩm v> mã đơn h>ng duy nhất cùng c.c thuô 6 c tính số lượng đặt h>ng, gi tiền. g) Thực thn Roles(quyền)

Dixn giải: Mỗi quyền được x.c định bDi mã quyền duy nhất cùng thuô6 c tính tên quyền. h) Thực thn UsersRoles (quyền ngư]i dùng)

Dixn giải: Mỗi quyền người dùng được x.c định bDi mã quyền v> mã người dùng duy nhất.

2.3.5.3 Mối liên kIt c.c thực thể a) Xˆt hai thực thn Product và ProductCategory

Mô tả: Mỗi loại h>ng đều cB mô 6t hoặc nhiều sản phẩm v> mỗi sản phẩm chỉ thuô 6c mô 6t loại h>ng Quan hệ 1-n (mô 6t – nhiều). b) Xˆt hai thực thn Order và Books

Mô tả: Mỗi hBa đơn đều cB mô 6t hoặc nhiều sản phẩm v> mô 6t sản phẩm đều cB mô 6t hoặc nhiều hBa đơn Quan hệ n – n (nhiều – nhiều). c) Xˆt hai thực thn Users và Roles

Mô tả : Mỗi người dùng cB thể cB mô6t hoặc nhiều quyền v> mỗi quyền cB mô 6t hoặc nhiều người dùng Quan hệ n-n (nhiều – nhiều).

2.3.6 Mô h4nh quan hê * dư liê *u

Mô h4nh cơ sơ dư liê *u Coloshop website

2.3.6.2 Chi tiIt cơ sD dữ liệu a) Bảng ngư]i dùng (user)

STT Tên thuô c tính Kinu dư liê u Ràng buô c

12 AccessFailedCount int b) Bảng loii sản phẩm (Productcategory) c) Bảng đơn hàng (orders)

12 TypePayment int d) Bảng sản phẩm (Product)

23 IsActive bit e) Bảng chi tiht đơn hàng (orderdetail) f) Bảng loii (category)

13 IsActive bit g)Bảng quyền (Roles) h)Bảng quyền ngư]i dùng (UserRoles)

KẾT QUA TH+C NGHIỆM

Giao diê n ngư]i dùng

Cấu tạo trang web ColoShop của nhBm cB bố cục gồm 3 bô6 phận: Header, Container, Footer.

- Header (tiêu đề): Chứa logo website, thanh tìm kiIm sản phẩm, gio h>ng, đăng nhập, thông tin website Ebook v> trang chủ.

- Container: chứa danh sản phẩm c.c danh mục sản phẩm điều hướng kh.ch h>ng xem c.c sản phẩm dx hơn, v> dx tìm sản phẩm để mua hơn.

- Footer (chân trang): giới thiệu thông tin liên hệ, hỗ trợ kh.ch h>ng, về ch@ng tôi v> c.c thông tin kh.c.

Bên tr.i l> logo ColoShop đại diện cho cho website b.n h>ng chứa liên kIt đIn trang chủ của website, bên cạnh l> trang chủ rồi lần lượt l> tin tức, sản phẩm, khuyIn mãi, liên hệ, tìm kiIm, t>i khoản v> gio h>ng. Đăng nhâ *p vW đăng ky tWi khon 3.1.3 Danh m$c thể loi sn phẩm

To>n bô 6 Danh mục sản phẩm được hiển thị bên phần Menu, trên mỗi mục điều cB liên kIt đIn trang sản phẩm theo danh mục gi@p kh.ch lựa chon sản phẩm.

Gi sn phẩm từ th`p đUn cao

Ngo>i ra kh.ch h>ng cung cB thể lựa chon những cuốn sản phẩm với mức gi theo mong muốn của kh.ch h>ng Kh.ch h>ng cB thể chon mức gi từ thấp đIn cao.

Chân trang sẽ hiển thị c.c liên kIt đIn c.c trang phụ của website, c.c thông tin thêm về website.

Trang sản phẩm theo loại chứa c.c sản phẩm theo từng danh mục thể hiện được c.c sản phẩm trong mục mô 6t c.ch rõ r>ng v> cụ thể.

Trang chi tiIt sản phẩm sẽ hiển thị đầy đủ thông tin của sản phẩm m> kh.ch h>ng click v>o liên kIt đIn Tại trang bao gồm tiêu đề gi b.n v> tất cả c.c hình ảnh của sản phẩm, mô tả, gi tiền.

Thêm sn phẩm vWo trang gio hWng

Xóa sn phẩm khoi trang gio hWng

Tăng gim s lư!ng đặt mua

Kh.ch h>ng truy cập v>o gio h>ng, trang gio h>ng sẽ liệt kê ra tất cả c.c sản phẩm sau khi c.c sản phẩm được kh.ch h>ng lựa chon mua Tại trang n>y hiển thị đầy đủ thông tin gio h>ng bao gồm gi b.n số lượng sản phẩm ho đặt Số lượng sản phẩm NIu kh.ch h>ng muốn tiIp tục lựa sản phẩm thì quay lại v> tiIp tục mua h>ng Lựa chon xong kh.ch h>ng cB thể tiIn h>nh thanh to.n bằng c.ch chon v>o n@t “Thanh To.n”.

Trang thông tin thanh ton

Sau khi hoWn thWnh thanh ton

Giao diê n quản ly

Trang đăng nhâ *p qun ly website

Chỉ cB nhân viên v> quản trị viên mới được phép đăng nhập v>o trang quản lý website, mỗi nhân viên v> quản trị viên sẽ dược cấp mô 6t t>i khoản để v>o hệ thống quản trị, chỉ cần nhập đ@ng t>i khoản v> mật khẩu sẽ đăng nhập v>o trong NIu nhập sai thì sẽ thông b.o sai đăng nhập v> người dùng phải nhập lại.

Nhân viên sau khi đăng nhập thì được phép sử dụng c.c chức năng:

- Xem tổng số sản phẩm đang b>y b.n, tổng số thể loại.

- Quản lý sản phẩm: quản lý sản phẩm, quản lý thể loại.

3.1.3 Giao diê *n qun trY viên

Ngo>i những chức năng của nhân viên thì đối với quản lý thì sẽ được sử dụng thêm chức năng quản lý t>i khoản gồm: quản lý thông tin kh.ch h>ng, quản lý nhân viên.

Danh sch cc đơn đặt hWng

Trang quản lý đơn h>ng cho biIt thông tin về tất cả đơn h>ng của shop, được sắp xIp theo thứ tự cu nhất đIn mới nhất Thông tin cho biIt tên kh.ch h>ng, ng>y đặt, số lượng sản phẩm,tổng tiền phải trả cho đơn h>ng.

3.1.5 Qun ly thể loi sn phẩm

Trang sn phẩm qun ly thể loi

Trang quản lý thể loại sản phẩm sẽ liệt kê tất cả những thể loại sản phẩm hiện đang kinh doanh gồm : Tên thể loại v> mô tả thể loại.

Ngo>i ra , nhân viên cB thể thêm thể loại sản phẩm mới trong form thể loại.

Trang quản lý sản phẩm sẽ liệt kê tất cả những loại sản phẩm đang được kinh doanh tại shop.

Thay đổi thông tin sn phẩm

Quản trị viên cB thể phân trang danh s.ch sản phẩm.Tại trang danh mục sản phẩm cB c.c chức năng như: thêm mới, cập nhật, xo sản phẩm.

Phân trang qun ly sn phẩm 3.1.7 Qun ly tWi khon

Trang qun ly nhân viên

Thêm tWi khon nhân viên

KẾT LUÂN VÀ KIẾN NGHI

Kht quả đit đưjc

- Xem sản phẩm đang trưng b>y.

- Xem sản phẩm theo thể loại.

- Xem sản phẩm theo gi tăng dần

- Xem thông tin chi tiIt sản phẩm.

- Xem đơn h>ng đã đặt mua.

- Chon số lượng sản phẩm đặt mua.

- Thêm sản phẩm v>o gio h>ng.

- XBa sản phẩm khoi gio h>ng.

- Mua sản phẩm trực tiIp.

4.1.2 Giao diê *n ngư]i qun trY

- Đăng nhập v> đăng xuất v>o trang quản trị.

- Cập nhật thông tin t>i khoản c nhân.

- Trang dashboard, tổng danh mục, số đơn đặt h>ng chờ xử lý,.

- Quản lý thông tin đơn đặt h>ng (X.c nhận đơn h>ng đang xử lý, xem đơn h>ng, xBa đơn h>ng).

- Quản lý danh mục thể loại sản phẩm (Thêm danh mục, mô tả danh mục, xem c.c danh mục, chỉnh sửa danh mục, xBa danh mục).

- Quản lý thông tin sản phẩm (Xem danh s.ch sản phẩm, thêm sản phẩm, chỉnh sửa thông tin sản phẩm, xBa sản phẩm).

- Quản lý thông tin nhân viên (Xem danh s.ch nhân viên, thêm nhân viên).

- Phân quyền sử dụng cho nhân viên.

Đánh giá website

4.2.1.1 Người dùng – kh.ch h>ng

- TiIt kiệm thời gian mua sắm của kh.ch h>ng.

- Giao diện thân thiện với người dùng Thao t.c đơn giản dx sử dụng.

- Sản phẩm được trưng b>y v> sắp xIp theo thể loại gi@p cho kh.ch h>ng dx d>ng lựa chon sản phẩm theo mong muốn.

- Sản phẩm cB đầy đủ thông tin chi tiIt để người dùng cB thể cân nhắc khi đặt mua.

- Chức năng gio h>ng cho phép người dùng mua được nhiều sản phẩm hơn, thuận tiện hơn trong việc thanh to.n.

- Trang thông tin cửa h>ng gi@p người dùng cB thể hiểu hơn về thông tin quy định của website.

- Tạo sự tiện dụng, nhanh chBng cho việc quản lý vận h>nh cửa h>ng.

- Cung cấp c.c thể loại mới v> sản phẩm mới, nổi bật cho kh.ch h>ng.

- CB khả năng phân quyền sử dụng d>nh cho nhân viên để quản lý nô 6i bô 6.

- CB khả năng thay đổi cập nhật nô6i dung thông tin, quy định về cửa h>ng.

- Chưa cB chức năng khôi phục mật khẩu cho người dùng cung như người quản trị.

- Chưa cB nhiều phương thức thanh to.n d>nh cho người dùng.

- Việc loading (khDi đô6ng lại, tải trang mới) trang gây trải nghiệm khB chịu cho người dùng.

- Chưa cB chức năng thông kê doanh thu theo thời gian.

- Chưa cB chức năng đ.nh gi., bình luận để phản nh chất lượng sản phẩm.

- Chưa cB chức năng giảm gi., khuyIn mãi để thu h@t kh.ch h>ng.

- Chưa cB chức năng gợi ý tìm kiIm để tìm kiIm s.ch nhanh hơn.

- Chat giao diện chưa được ho>n thiện gây khB khăn trong việc trải nghiệm.

Hướng mm rô ng và phát trinn

4.3.1 Ngư]i d^ng – khch hWng

- Thêm chức năng đăng nhập bên thứ ba (Facebook, Google…).

- Bổ sung v> cải thiện chức năng tìm kiIm v> gợi ý s.ch.

- Xây dựng tính năng khôi phục mật khẩu người dùng.

- Thêm c.c hình thức thanh to.n mới như VNPAY, ViettelPay, …

- Xây dựng quảng c.o để tiIp cận người dùng.

- Nghiên cứu mô 6t số tính năng bảo mật cơ bản.

- Chức năng bình luận, đ.nh gi s.ch.

4.3.2 Nhân viên – qun trY viên

- Xây dựng chức năng quảng c.o sản phẩm.

- Xây dựng chức năng thống kê doanh thu theo thời gian.

- Cải thiện chức năng cập nhật trạng th.i đơn h>ng, xem lịch sử giao dịch trên to>n hệ thống.

- Thêm chức năng thông b.o cho người dùng.

L]i Kht

Thông qua việc tìm hiểu v> xây dựng website về thương mại điện tử, nhBm đã biIt được c.ch thiIt kI v> vận h>nh website, mục đích khi ph.t triển mô 6 t trang web cung như l> yêu cầu của người dùng về website của mình Trong đB, mô 6t website bao gồm phần giao diện người dùng, giao diện quản trị v> phần xử lý dữ liệu được liên kIt với nhau để hoạt đô 6ng mô 6t c.ch trơn tru nhất, để đạt được th>nh quả đB thì cần phải cB khoảng thời gian nghiên cứu, tìm kiIm t>i liệu v> môn hocLập trình web đã đem đIn điều đB mô 6t c.ch ho>n hảo nhất. Để ho>n th>nh tốt trang web Kinh doanh s.ch ColoShop bằng công nghệ ASP.NET MVC, nhBm đã d>nh ra mô 6t khoảng thời gian để nghiên cứu, tìm kiIm tất cả thông tin t>i liệu về quy trình l>m việc của c.c cửa h>ng s.ch cung như tìm hiểu c.c trang web thương mại điện tử trước đB để cB thêm thông tin cơ sD khi l>m về mô 6t trang web kinh doanh s.ch ColoShop Sau đB tiIn h>nh phân tích yêu cầu nghiệp vụ, xây dựng c.c sơ đồ, mô hình hệ thống, cơ sD dữ liệu cung như thiIt kI giao diện như thI n>o để cB thể cuốn h@t người dùng, đồng thời đem lại c.c tiện ích cho người dùng cB mô 6t trải nghiệm tốt nhất đặc biệt l> d>nh cho người dùng chưa cB kiIn thức chuyên sâu về công nghệ Việc thiIt kI cơ sD dữ liệu cung l> yIu tố gi@p cho việc xây dựng v> vận h>nh trang web của nhBm, phân tích c.c yêu cầu nghiệp vụ ngay từ đầu tạo mô 6t nền mBng vững chắc cho việc xây dựng website cung như th@c đẩy thời gian ho>n th>nh dự n mô 6 t c.ch nhanh chBng. Mặc dù sản phẩm vẫn còn nhiều thiIu sBt m> nhBm em vẫn chưa kịp khắc phục v> cải thiện, nhưng qua lần thực hiện đồ n n>y, nhBm cung nắm bắt rõ sự quan trong trong việc l>m việc nhBm, xử lý những bất đồng quan điểm trong nô6i bô 6 nhBm, hoc thêm những kiIn thức mới về xây dựng trang web v> từ đB cho ra mô 6t kIt quả h>i lòng nhất.

NhBm em xin chân th>nh cảm ơn!

- https://vietnix.vn/c-sharp-la-gi/

- https://itnavi.com.vn/blog/sql-server

- https://techmaster.vn/posts/33728/aspnet-mvc-la-gi-and-tai-sao-ban-nen-su- dung-no

- https://ww w.uml-diagrams.org/examples/onli -shopping-use-case-diagram-ne example.html

- https://creately.com/diagram/example/i3069s4u1/sequence-diagram-online-shopping

- https://itsourcecode.com/uml/online-shopping-system-activity-diagram/

- https://creately.com/diagram/example/ihjredre2/copy-of-online-shopping-system- class-diagram https://dotnet.microsoft.com/en-us/apps/aspnet

Tiêu đề	Xây Dựng Website Thời Trang
Tác giả	Huỳnh Quốc Trung, Nguyễn Minh Hùng
Người hướng dẫn	ThS. Trịnh Công Nhựt
Trường học	Trường Đại Học Công Nghệ TP. HCM
Chuyên ngành	Lập Trình Web
Thể loại	Đồ Án Học Phần
Năm xuất bản	2023
Thành phố	TP. Hồ Chí Minh

Định dạng
Số trang	70
Dung lượng	7,97 MB