ĐỒ ÁN LẬP TRÌNH WEB NÂNG CAO ĐỀ TÀI: XÂY DỰNG WEBSITE BÁN ĐỒ CÔNG NGHỆ

Untitled TRƯỜNG ĐẠI HỌC ĐIỆN LỰC KHOA CÔNG NGHỆ THÔNG TIN ĐỒ ÁN LẬP TRÌNH WEB NÂNG CAO ĐỀ TÀI XÂY DỰNG WEBSITE BÁN ĐỒ CÔNG NGHỆ Sinh viên thực hiện NGUYỄN VŨ THÀNH NAM NGUYỄN ĐỒNG QUÂN Giảng viên h[.]

TRƯỜNG ĐẠI HỌC ĐIỆN LỰC

KHOA CÔNG NGHỆ THÔNG TIN

ĐỒ ÁN LẬP TRÌNH WEB NÂNG CAO ĐỀ TÀI:

XÂY DỰNG WEBSITE BÁN ĐỒ CÔNG NGHỆ

NGUYỄN ĐỒNG QUÂN Giảng viên hướng dẫn : PHƯƠNG VĂN CẢNH

2 Nguyễn Đồng Quân Chương 1

Giảng viên chấm 1:

Giảng viên chấm 2:

LỜI CẢM ƠN

Trong lời đầu tiên của đồ án “Xây dựng website bán đồ công nghệ”,nhóm chúng em muốn gửi những lời cám ơn và biết ơn chân thành nhất củamình tới tất cả những người đã hỗ trợ, giúp đỡ chúng em về kiến thức và tinhthần trong quá trình thực hiện bài làm

Nhóm em xin chân thành gửi lời cảm ơn tới các thầy cô giáo trongTrường Đại học Điện Lực nói chung và các thầy cô giáo trong Khoa Công nghệthông tin nói riêng đã tận tình giảng dạy, truyền đạt cho em những kiến thứccũng như kinh nghiệm quý báu trong suốt quá trình học tập

Đặc biệt, em xin gửi lời cảm ơn đến giảng viên hướng dẫn Phương VănCảnh giảng viên Khoa Công nghệ thông tin- Trường Đại học Điện Lực Thầy đãtận tình theo sát giúp đỡ, trực tiếp chỉ bảo, hướng dẫn trong suốt quá trìnhnghiên cứu và học tập của nhóm em Trong thời gian học tập với thầy, nhóm emkhông những tiếp thu thêm nhiều kiến thức bổ ích mà còn học tập được tinhthần làm việc, thái độ nghiên cứu khoa học nghiêm túc, hiệu quả Đây là nhữngđiều rất cần thiết cho chúng em trong quá trình học tập và công tác sau này

Do thời gian thực hiện có hạn kiến thức còn nhiều hạn chế nên bài làmcủa nhóm chúng em chắc chắn không tránh khỏi những thiếu sót nhất định.Chúng em rất mong nhận được ý kiến đóng góp của thầy cô giáo và các bạn đểchúng em có thêm kinh nghiệm và tiếp tục hoàn thiện đồ án của mình

Chúng em xin chân thành cảm ơn!

MỤC LỤC

LỜI MỞ ĐẦU 1

CHƯƠNG I KHẢO SÁT VÀ XÁC LẬP DỰ ÁN 2

1.1 Khảo sát dự án 2

1.2 Xác lập dự án 2

1.2.1 Mục đích 2

1.2.2 Các bước tiến hàn khảo sát 2

1.2.3 Khảo sát, tìm hiểu hệ thống hiện tại 2

1.2.4 Phác họa giải pháp và cân nhắc tính khả thi 3

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

2.1 Phân tích hệ thống 4

2.1.1 Các chức năng của hệ thống 4

2.1.2.Các tác nhân của hệ thống 4

2.2 Thiết kế hệ thống 4

2.2.1 UseCase Diagram 5

2.2.2 Sequence Diagram 6

2.2.3 Class Diagram 10

CHƯƠNG 3: GIAO DIỆN TRANG WEB 11

3.1 Giao diện webuser 11

3.1.1 Giao diện trang chủ 11

3.1.2 Giao diện theo danh mục sản phẩm 12

3.1.3 Giao diện chi tiết sản phẩm 13

3.1.4 Giao diện đăng ký khách hàng 14

3.1.5 Giao diện đăng nhập khách hàng 14

3.1.6 Giao diện giỏ hàng 15

3.2 Giao diện trang quản trị 16

3.2.1 Giao diện đăng nhập 16

3.2.2 Giao diện thống kê doanh thu 16

3.2.3 Giao diện quản lý danh mục sản phẩm 17

3.2.4 Giao diện quản lý sản phẩm 17

3.2.5 Giao diện quản lý bài viết 18

3.2.6 Giao diện danh sách đơn hàng 18

KẾT LUẬN 19 TÀI LIỆU THAM KHẢO 20

DANH MỤC HÌNH ẢN

Hình 2.1 Biểu đồ Usecase Tổng quát 5

Hình 2.2 Biểu đồ Sequence Diagram - Đăng nhập 6

Hình 2.3 Biểu đồ Sequence Diagram – Quản lý sản phẩm 7

Hình 2.4 Biểu đồ Sequence Diagram – Quản lý đơn hàng 8

Hình 2.5 Biểu đồ Sequence Diagram – Quản lý bài viết 9

Hình 2.6 Class Diagram 10

Hình 3.1 Giao diện trang chủ 11

Hình 3.2 Giao diện theo danh mục sản phẩm 12

Hình 3.3 Giao diện chi tiết sản phẩm 13

Hình 3.4 Giao diện đăng ký khách hàng 14

Hình 3.5 Giao diện đăng nhập khách hàng 14

Hình 3.6 Giao diện trang giỏ hàng 15

Hình 3.7 Giao diện đăng nhập trang quản trị 16

Hình 3.8 Giao diện thống kê doanh thu 16

Hình 3.9 Giao diện quản lý danh mục sản phẩm 17

Hình 3.10 Quản diện quản lý sản phẩm 17

Hình 3.11 Giao diện quản lý bài viết 18

Hình 3.12 Giao diện danh sách đơn hàng 18

LỜI MỞ ĐẦU

Trong sự phát triển mạnh mẽ của khoa học công nghệ thế giới, có thể nóirằng ngành công nghệ thông tin phát triển với tốc độ nhanh nhất và ngày càngthể hiện được vai trò to lớn, hết sức quan trọng đối với toàn bộ đời sống conngười Hầu hết các lĩnh vực trong xã hội đều ứng dụng công nghệ thông tin,nhiều phần mềm đã mang lại hiệu quả không thể phụ nhận Song thực tiễn luônđặt ra những yêu cầu mới đòi hỏi ngành công nghệ thông tin không ngừng pháttriển để thỏa mãn và đáp ứng những thay đổi của cuộc sống

Ngày nay, ứng dụng công nghệ thông tin và việc tin học hóa đượ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ínhphủ, 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ẽ Việc xây dựng các trang web để phục

vụ cho các nhu cầu riêng của các tổ chức, công ty thậm chí các cá nhân, ngàynay, không lấy gì làm xa lạ Một người bất kì có thể trở thành chủ của mộtwebsite giới thiệu về bất cứ gì anh ta quan tâm: một website giới thiệu về bảnthân và gia đình anh ta, hay là một website trình bày các bộ sưu tập hình ảnh cácloại xe hơi mà anh ta thích chẳng hạn

Hoạt động của một công ty thời trang có quy mô khá lớn sẽ càng đượctăng cường và mở rộng nếu xây dựng được một website có khả năng giới thiệuđược công ty và cho phép quản lý các sản phẩm một cách nhanh chóng và chínhxác nhất Vì những lí do trên nhóm chúng em chọn đề tài cho đồ án là “Xâydựng website bán đồ công nghệ”

CHƯƠNG I KHẢO SÁT VÀ XÁC LẬP DỰ ÁN 1.1 Khảo sát dự án.

Việc buôn bán gấu bông ngày càng trở nên đa dạng với nhiều cách thức bánhàng khác nhau Hiện nay có hai kiểu bán hàng trực tuyến và bán hàng trực tiếp.Đối với việc bán hàng trực tuyến thì lại càng đa dạng hơn với nhiều kiểu cáchkhác nhau như là bán trên các trang mạng xã hội như facebook, zalo, Tuynhiên có một cách nữa đó chính là tạo ra một trang web bán hàng Việc này sẽ

có lợi hơn đối với chủ cửa hàng cũng như khách hàng Chủ cửa hàng sẽ có trangweb bán hàng của riêng mình dễ dàng đưa sản phẩm lên và dễ dàng đưa sảnphẩm đến gần hơn với khách hàng Đối với khách hàng thì việc tiếp cận với sảnphẩm sẽ trở nên dễ dàng hơn Và việc tạo nên một website như vậy sẽ giúp choviệc mua bán thanh toán trở nên dễ dàng hơn bao giờ hết Chỉ cần với một chiếcđiện thoại bạn có thể mua một chú gấu bông dễ thương rất dễ dàng Vậy nênchúng em quyết định xây dựng “ Website bán đồ công nghệ”

1.2 Xác lập dự án.

1.2.1 Mục đích

Là quá trình khảo sát từ sơ bộ đến chi tiết, hiện tại ta cần phải có đầy đủ

về các thông tin, để từ đó làm thế nào xây dựng được dự án mang tính khả thinhất

1.2.2 Các bước tiến hàn khảo sát.

- Khảo sát và đánh giá hiện trạng hoạt động của hệ thống cũ

- Xác định phạm vi vủa hệ thống mới

-Vạch kế hoạch cho dự án cùng với dự trù tổng quát

1.2.3 Khảo sát, tìm hiểu hệ thống hiện tại.

1.2.3.1 Quan sát, tìm hiểu hệ thống hiện tại.

Việc quan sát, tìm hiểu cũng như đánh gái hệ thống phải theo cách nhìncủa nhà tin học

+ Phương pháp nghiên cứu tài liệu

1.2.3.2 Tập hợp và phân loại thông tin.

Phân loại dựa theo một số tiêu chuẩn sau:

- Hiện tại và tương lai

- Phân loại theo thông tin tĩnh, động, thông tin biến đổi

2

- Phân loại dựa vào nội bộ môi trường.

- Tập hợp lại tất cả những thông tin đã được phân loại

1.2.3.3 Phát hiện yếu kém của hiện trạng và các yêu cầu trong tương lai.

- Phát hiện yếu kém: Là tìm hiểu các yếu kém về một số mặt như: Sựthiếu vắng thông tin xử lý, thiếu nhan lực, kếm hiệu quả trong tổ chức quản lý,

ùn tắc thông tin, phức tạp và tổn phí cao…

- Phương pháp phát hiện: Trên cơ sở đã xác định rõ nguyên nhân kém để

đề ra các biện pháp khắc phục những yếu kém đó

1.2.4 Phác họa giải pháp và cân nhắc tính khả thi.

- Xác định phạm vi: Phạm vi của bài toán đặt ra cho dự án trong kế hoạchtổng thể và lâu dài của tổ chức

+Mang lại lợi ích sử dụng: Nhanh chóng, thuận tiện

+Khác phục yếu kém của hệ thống cũ, hỗ trợ chiến lược lâu dài, đáp ứngcác ưu tiên, hạn chế áp đặt

- Phác họa giải pháp

+Chỉ cho người dung thấy triển vọng cụ thể của dự án

+ Có một định hướng trong triển khai dự án

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

2.1 Phân tích hệ thống

2.1.1 Các chức năng của hệ thống

- Webadmin:

+ Thêm, sửa, xóa danh mục sản phẩm

+ Thêm, sửa, xóa sản phẩm

+ Thêm, sửa, xóa bài viết

+ Đăng ký tài khoản admin (Với đặc quyền là admin)

+ Xem thông tin tài khoản khách hàng

+ Xem thông tin đơn hàng

+ Xem chi tiết đơn hàng

+ Thống kê doanh thu

+ Quản lý ý kiến phản hồi

- Webuser:

+ Trang chủ

+ Hiển thị danh sách sản phẩm theo nhóm

+ Hiển thị chi tiết sản phẩm

+ Hiện thị các bài viết

+ Hiển thị chi tiết bài viết

+ Đăng nhập, Đăng ký, đổi mật khẩu tài khoản khách hàng (Với đặc quyền làkhách hàng)

+ Thêm, sửa, xóa giỏ hàng

Tác nhân K hách hàng : có thể thực hiện các chức năng như đăng ký tàikhoản, đăng nhập Tìm kiếm sản phẩm, xem sản phẩm, xem bài viết, đặt hàng,xem giỏ hàng,

2.2 Thiết kế hệ thống

4

2.2.1 UseCase Diagram

* Usecase Tổng quát

Hình 2.1 Biểu đồ Usecase Tổng quát

Web bán đồ công nghệ Tên Tổng quan hệ thống

đơn hàng, quản lý danh mục sản phẩm, quản lý ý kiến phản hồi, thống kê doanh thu, thanh toán, đặt hàng

Dòng sự kiện chính - Khách hàng, Admin đăng nhập vào hệ thống và thao

tác với các chức năng thuộc quyền quản lý của mình

- Hệ thống đưa ra các chức năng để người dùng thao tác

1 Thành công Vào trong hệ thống

2 Không thành công Hệ thống báo tài khản/mật khẩu chưa đúng

2 Quản lý

1 Thao tác với hệ thống

2 Hệ thống cập nhật dữ liệu mới

3 Thêm, sửa, xóa, tìm kiếm

1 Thêm, sửa, xóa, tìm kiếm thông tin sản phẩm

2 Hệ thống hiển thị thông tin sản phẩm

4 Đặt hàng

1 Thêm hàng vào giỏ hàng

2 Sửa, xóa sản phẩm trong giỏ hàng

5 Thống kê doanh thu

Biểu đồ Sequence Diagram – Đăng nhập

Hình 2.2 Biểu đồ Sequence Diagram - Đăng nhập

6

Biểu đồ Sequence Diagram - Quản lý sản phẩm

Hình 2.3 Biểu đồ Sequence Diagram – Quản lý sản phẩm

Biểu đồ Sequence Diagram - Quản lý đơn hàng

Hình 2.4 Biểu đồ Sequence Diagram – Quản lý đơn hàng

8

2.2.3 Class Diagram

Hình 2.6 Class Diagram

CHƯƠNG 3: GIAO DIỆN TRANG WEB

3.1 Giao diện webuser

3.1.1 Giao diện trang chủ

Hình 3.1 Giao diện trang chủ

10

3.1.2 Giao diện theo danh mục sản phẩm

Hình 3.2 Giao diện theo danh mục sản phẩm

3.1.3 Giao diện chi tiết sản phẩm

Hình 3.3 Giao diện chi tiết sản phẩm

12

Downloaded by Quang Quang (khoa31141020806@gmail.com)

3.1.6 Giao diện giỏ hàng

Hình 3.6 Giao diện trang giỏ hàng

13

3.2 Giao diện trang quản trị

3.2.1 Giao diện đăng nhập

Hình 3.7 Giao diện đăng nhập trang quản trị

14

Downloaded by Quang Quang (khoa31141020806@gmail.com)

3.2.3 Giao diện quản lý danh mục sản phẩm

Hình 3.9 Giao diện quản lý danh mục sản phẩm 3.2.4 Giao diện quản lý sản phẩm

Hình 3.10 Quản diện quản lý sản phẩm

15

3.2.5 Giao diện quản lý bài viết

Hình 3.11 Giao diện quản lý bài viết 3.2.6 Giao diện danh sách đơn hàng

Hình 3.12 Giao diện danh sách đơn hàng

16

Downloaded by Quang Quang (khoa31141020806@gmail.com)

KẾT LUẬN

Để làm được đồ án chúng em đã vận dụng các kiến thức được thầy cô giảngdạy qua các môn học cùng với các tài liệu trên mạng để tìm hiểu thêm

Nhóm cũng đã nắm bắt các quá trình nghiệp vụ của quá trình phân tích thiết

kế một hệ thống quản lý website bán quần áo nam và có thể nhìn nhận các thànhphần của hệ thống một cách chi tiết

Nhóm đã rút ra một số kinh nghiệm khi xây dựng các biểu đồ biểu diễn hoạtđộng của hệ thống, có thể hiểu một cách khái quát về cơ sở dữ liệu của hệthống

Tuy nhiên do trình độ và thời gian hạn chế nhóm chúng em vẫn còn nhiềuvấn đề của hệ thống chưa giải quyết được kính mong nhận được sự góp ý củacác thầy cô Chúng em xin chân thành cảm ơn

17

TÀI LIỆU THAM KHẢO