ĐỀ tài WEBSITE QUẢN lý KHÁCH HÀNG

Từ những phần mềm quản lý giúp cho công việc quản lý khách hàng củacác doanh nghiệp trở nên nhanh chóng và dễ dàng, ngày nay công nghệ thôngtin đã phát triển mạnh mẽ hơn nữa, Website ra

TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN &

TRUYỀN THÔNG VIỆT HÀN

Khoa Khoa Học Máy Tính

BÁO CÁO ĐỒ ÁN TỐT NGHIỆP

TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN &

TRUYỀN THÔNG VIỆT HÀN

Khoa Khoa Học Máy Tính

BÁO CÁO ĐỒ ÁN TỐT NGHIỆP

NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN

LỜI CẢM ƠN

Lời đầu tiên, em xin được gửi lời cảm ơn chân thành tới các thầy cô giáo trong trường cũng như các thầy cô trong Khoa công nghệ thông tin đã truyền dạy cho emnhững kiến thức và kinh nghiệm quý báu trong quá trình học tập tại trường Trong quá trình học tập tại trường đã giúp em trưởng thành lên rất nhiều Em đã có một môi trường học tập lành mạnh, trau dồi được nhiều kiến thức, cách học tập, cách nghiên cứu và làm việc hiệu quả Những điều đó góp phần rất lớn cho em trên con đường học tập và làm việc

Do kiến thức và kinh nghiệp của bản thân còn nhiều hạn chế nên việc thực hiện không thể tránh khỏi những thiếu sót Em rất mong được sự thông cảm và góp ý kiến của quý thầy cô trong Khoa công nghệ thông tin

Em xin gửi lời cảm ơn tới Cô Trần Thu Thủy đã hết lòng hướng dẫn, chỉ bảo,

giúp đỡ em trong quá trình làm đồ án tốt nghiệp

Em cũng muốn gửi lời cảm ơn tới tập thể lớp 19I2 đã tạo môi trường học tập, trao đổi kiến thức, tạo điều kiện phát triển các kỹ năng cho mỗi thành viên

Em cũng xin gửi lời cảm ơn chân thành tới gia đình, bạn bè đã quan tâm, động viên, giúp đỡ em trong quá trình học tập, làm đồ án tốt nghiệp Và gửi lời cảm ơn đến ban giám hiệu nhà trường đã tạo điều kiện tốt nhất cho em củng như các bạn trong suốt thời gian học tập

Em xin chân thành cảm ơn!

Sinh viên,

Nguyễn Quang Quyền

MỤC LỤC

DANH MỤC CÁC TỪ VIẾT TẮT 1

DANH MỤC HÌNH VẼ 2

MỞ ĐẦU 2

1. Giới thiệu 2

2 Đặt vấn đề 2

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

4 Mục tiêu của đề tài 3

5 Nhiệm vụ và hướng giải quyết 4

6 Ý nghĩa thực tiễn của đề tài 4

7 Bố cục đề tài 5

Chương 1 CÔNG CỤ CÔNG NGHỆ SỬ DỤNG 6

1.1 Công cụ, công nghệ sử dụng 6

1.1.1 PHP 6

1.1.2 MySQL 6

1.1.3 Visual Studio Code 7

1.1.4 Javascript 8

1.1.5 Xampp 8

1.1.6 Sublime Text 3 8

Chương 2 PHÂN TÍCH MÔ HÌNH HỆ THỐNG … 10

2.1 Phân tích yêu cầu 10

2.1.1 Yêu cầu về chức năng hệ thống 10

2.1.2 Yêu cầu về hình thức 10

2.1.3 Yêu cầu về bảo mật 10

2.2 Phân tích chức năng 10

2.2.1 Sơ đồ chức năng quản lý admin 10

2.3 Sơ đồ use case 11

2.3.1 Danh sách vai trò người dùng 11

2.3.2 Sơ đồ use case admin quản lý 12

2.3.3 Sơ đồ quản lý doanh mục admin 12

2.4 Biểu đồ trạng thái 12

2.4.1 Biểu đồ trạng thái đăng nhập 12

2.4.2 Biểu đồ trạng thái thêm nhân viên 13

2.5 Phân tích cơ sở dữ liệu 13

2.5.1 Bảng người dùng 14

2.5.2 Bảng danh sách khách hàng 14

2.5.3 Bảng quản lý đại lý 14

2.5.4 Bảng danh sách nhân viên 15

Chương 3 XÂY DỰNG ỨNG DỤNG … 16

3.1.Giao diện chung 16

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

3.1.2 Giao diện chính Website (Bảng điều khiển) 16

3.2 Giao diện cho người quản trị 17

3.2.1 Giao diện danh sách quản lý khách hàng 17

3.2.2 Giao diện danh sách quản lý đại lý 17

3.2.3 Giao diện danh sách quản lý nhân viên 18

3.2.4 Giao diện tính năng thêm mới của khách hàng 19

3.2.5 Giao diện tính năng xem chi tiết 19

3.2.6 Giao diện tìm kiếm (Search) 20

KẾT LUẬN 21

1 Kết quả đạt được 21

2 Hạn chế và Hướng phát triển 21

TÀI LIỆU THAM KHẢO

DANH MỤC CÁC TỪ VIẾT TẮT

PHP Hypertext Preprocessor STEM Structured Query Lanuage

DANH MỤC HÌNH VẼ

Hình 1.1.1: Ảnh minh họa PHP

Hình 1.1.2: Ảnh minh họa My SQL

Hình 1.1.3: Ảnh minh họa Visual Studio Code

Hình 1.1.4: Ảnh minh họa Javascript

Hình 1.1.5: Ảnh minh họa Xampp

Hình 1.1.6: Ảnh minh họa Sublime Text 3

Hình 2.2.1.Sơ đồ chức năng admin

Hình 2.3.1: Ảnh admin

Hình 2.3.2 Sơ đồ use case quản lý admin

Hình 2.3.3: Sơ đồ quản lý admin

Hình 2.4.1: Biểu đồ trạng thái đăng nhập

Hình 2.4.2: Biểu đồ trạng thái thêm nhân viên

Hình 3.1.1: Giao diện đăng nhập Website

Hình 3.1.2: Giao diện chính Website

Hình 3.2.1: Ảnh về giao diện danh sách khách hàng Hình 3.2.2: Ảnh về giao diện danh sách quản lý đại lý Hình 3.2.3: Ảnh về giao diện danh sách quản lý nhân viên Hình 3.2.4: Ảnh về giao diện tính năng thêm mới

Hình 3.2.5: Ảnh về giao diện tính năng xem chi tiết

Hình 3.2.6(1): Ảnh tính năng tìm kiếm (Search)

Hình 3.2.6(2): Ảnh ví dụ tính năng tìm kiếm (Search)

MỞ ĐẦU

1 Giới thiệu:

Chúng ta đang sống trong thời đại công nghiệp hóa - hiện đại hóa đất nướcnhư ngày nay nói đến công nghệ thông tin chúng ta hình dung ngay tới một môitrường phát triển năng động được xếp vào hàng bậc nhất thế giới Công nghệthông tin được ứng dụng rộng rãi vào mọi lĩnh vực của đời sống xã hội hiện nay

Từ những phần mềm quản lý giúp cho công việc quản lý khách hàng củacác doanh nghiệp trở nên nhanh chóng và dễ dàng, ngày nay công nghệ thôngtin đã phát triển mạnh mẽ hơn nữa, Website ra đời không chỉ đáp ứng cho cáckhách hàng mà còn đến cho tất cả doanh nghiệp để có thể quản lý được nhiềuviệc hơn Không những thế, với việc quản lý khách hàng, các doanh nghiệp còn

có thể quản lý cả về nhân viên đại lý của họ và có thể giới thiệu, quảng bá hìnhảnh về của đại lý, công ty được mở rộng trên quy mô lớn giúp cho việc kinhdoanh, buôn bán, trao đổi tin tức thuận lợi hơn rất nhiều, mang lại hiệu quả kinh

tế cao hơn tạo uy tín trong khách hàng

Chính vì lợi ích mà Website mang lại mà các cửa hàng, nhiều công ty đã ápdụng nó để phát triển công việc kinh doanh giới thiệu cửa hàng của mình Trong

số đó, quản lý khách hàng và nhân viên cũng là một lĩnh vực sử dụng nhiều đếnWebsite Do vậy em lựa chọn đề tài thiết kế Website quản lý khách hàng nhằmđưa đến cho các doanh nghiệp và đại lý một chương trình có thể quản lý dễ dàng

và hiệu quả hơn

2 Đặt vấn đề:

Xuất phát từ nhu cầu quản lý khách hàng từ thực tế và nhu cầu quản lý nhân viên của doanh nghiệp Yêu cầu một phần mền quản lý để trợ giúp cho lãnh đạo và nhân viên trong doanh nghiệp để quản lý khách hàng và nhân sự Các thao táo của chương trình thân thiện với người dùng, trách được các sai sót không thể tránh khỏi khi làm việc trực tiếp, tránh làm mất mát, lộ thông tin, dễ hiểu, dễ sử dụng cho những người không được qua đào tạo về công nghệ thông tin Chính vì nhu cầu đó đã nảy sinh nhu cầu xây dựng Website áp dụng nhiều công nghệ như hiện giờ

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

Do lượng khách hàng của các công ty ngày càng lớn, nhu cầu quản lý khách hàng là cần thiết cho các tổ chức và doanh nghiệp nên việc xây dựng các phần mềm quản lý khách hàng là một cách tốt nhất cho cán bộ quản lý có thể kiểm soát được các thông tin về khách hàng và các thông tin liên quan

Ngày nay, việc áp dụng Website trong việc phát triển kinh doanh của cửahàng trở nên rất phổ biến và hiệu quả, trong số đó quản lý khách hàng cũng có

sử dụng nhiều đến Website để giới thiệu và khẳng định giá trị cửa hàng, công tymình bằng việc quản lý tất cả một cách nhanh chóng Do vậy em quyết địnhthực hiện đề tài này với mong muốn đưa đến cho đại lý một chương trình có thểgiúp ích nhiều hơn, và phát triển đại lý trên quy mô lớn hơn

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

Mục tiêu của đề tài bao gồm:

- Xây dựng một website cung cấp cho doanh nghiệp đại lý có tất cả nhữngthông tin chi tiết về khách hàng và nhân viên, thông tin liên hệ cũng nhưviệc tìm kiếm thông tin về đại lý, khách hàng, nhân viên thống kê sốlượng nhân viên và khách hàng một cách dễ dàng và nhanh chóng nhất

và được cập nhật thường xuyên

- Khách hàng có thể tin tưởng và yên tâm về mọi thông tin được lưu trữ.

- Xây dựng một website giúp người quản trị quản lý thông tin hệ thốngmột cách dễ dàng hơn, tiện lợi, nhanh chóng dễ dàng hơn

- Củng cố và bổ sung kiến thức các môn đã học Qua đó, rèn luyện kỹnăng làm việc độc lập

- Từ đề tài này có thể mở rộng ra và ứng dụng cho các đề tài khác có liênquan

5 Nhiệm vụ và hướng giải quyết:

Từ các yêu cầu đặt ra, đề tài tiến hành phân tích và đưa ra hướng giải quyết theo các bước sau:

- Tìm hiểu về các website tương tự để xây dựng các chức năng sao chophù hợp với đa phần thị hiếu của người sử dụng hiện nay

- Tiến hành tìm hiểu về các khái niệm có liên quan và từ các thông tinkhảo sát được sẽ tiến hành phân tích các chức năng dự định đưa vàowebsite.

- Tìm hiểu về các nội dung cần có của một trang web quản lý khách hàng,

và từ đó đưa ra các giải pháp để tiến hành xây dựng

- Lựa chọn và cài đặt các công cụ, phần mềm phù hợp cho việc thiết kếwebsite

- Bắt tay vào việc xây dựng website

- Tiến hành kiểm tra và chạy thử

- Thay đổi, bổ sung, khắc phục các lỗi để website hoàn chỉnh hơn

6 Ý nghĩa thực tiển của đề tài:

Ý nghĩa thực tiễn của đề tài như sau:

- Ý nghĩa đối với doanh nghiệp:Website được xây dựng nhằm giúp

người quản lý có thể thao tác dễ dàng ,nhanh chóng hơn, dịch vụ củađại lý có thể được tin tưởng hơn Qua đó giúp tăng số lượng kháchhàng tin tưởng và tăng doanh thu Bên cạnh đó, còn giúp cho doanhnghiệp, cá nhân giảm được chi phí

- Ý nghĩa đối với khách hàng: Giúp cho khách hàng tin tưởng về thông

tin của mình được lưu trữ tại đại lý và còn có những chương trìnhkhuyến mãi đặc biệt hơn

- Ý nghĩa đối với cá nhân sinh viên: Qua đề tài này, em có thể xây dựng

một website để ứng dụng vào thực tế với giao diện thân thiện, dễ dàng

sử dụng trong quá trình xem thông tin và dễ quản lý

7 Bố cục đề tài:

Ngoài phần mở đầu và kết luận, nội dung đề tài có 3 chương sau:

- Chương 1 Công nghệ công cụ Chương này trình bày một số công

nghệ công cụ được sử dụng để xây dưng website như: visual studio code, xampp…

- Chương 2 Phân tích thiết kế hệ thống Phân tích yêu cầu chức năng

hệ thống, sơ đồ use case, phân tích cơ sở dữ liệu, biểu đồ trạng thái được trình bày chi tiết trong chương này

- Chương 3 Xây dựng và triển khai ứng dụng Trong chương này, các

kết quả đạt được như: thiết kế giao diện về giao diện chung, phía ngườiquản trị được trình bày trong chương này

Chương 1 CÔNG CỤ CÔNG NGHỆ SỬ DỤNG

1.1 Công cụ, công nghệ sử dụng:

1.1.1 PHP:

Là một ngôn ngữ lập trình kịch bản hay một loại mã lệnh chủ yếu được dùng đểphát triển các ứng dụng viết cho máy chủ, mã nguồn mở, dùng cho mục đíchtổng quát Nó rất thích hợp với web và có thể dễ dàng nhúng vào trang HTML

Do được tối ưu hóa cho các ứng dụng web, tốc độ nhanh, nhỏ gọn, cú phápgiống C và Java, dễ học và thời gian xây dựng sản phẩm tương đối ngắn hơn sovới các ngôn ngữ khác nên PHP đã nhanh chóng trở thành một ngôn ngữ lậptrình web phổ biến nhất thế giới

Ngôn ngữ, các thư viện, tài liệu gốc của PHP được xây dựng bởi cộng đồng và

có sự đóng góp rất lớn của Zend Inc, công ty do các nhà phát triển cốt lõi củaPHP lập nên nhằm tạo ra một môi trường chuyên nghiệp để đưa PHP phát triển ởquy mô doanh nghiệp

Hình 1.1.1: Ảnh minh họa PHP

1.1.2 My SQL:

MySQL là hệ quản trị cơ sở dữ liệu tự do nguồn mở phổ biến nhất thế giới vàđược các nhà phát triển rất ưa chuộng trong quá trình phát triển ứng dụng VìMySQL là cơ sở dữ liệu tốc độ cao, ổn định và dễ sử dụng, có tính khả chuyển,hoạt động trên nhiều hệ điều hành cung cấp một hệ thống lớn các hàm tiện íchrất mạnh.Với tốc độ và tính bảo mật cao, MySQL rất thích hợp cho các ứngdụng có truy cập CSDL trên internet MySQL miễn phí hoàn toàn cho nên bạn

có thể tải về MySQL từ trang chủ Nó có nhiều phiên bản cho các hệ điều hànhkhác nhau: phiên bản Win32 cho các hệ điều hành dòng Windows, Linux, Mac

OS, X, Unix, FreeBSD, NetBSD, Novell NetWare , SGI Irix, Solaris, SunOS, MySQL là một trong những ví dụ rất cơ bản về Hệ Quản trị Cơ sở dữ liệu quan

hệ sử dụng Ngôn ngữ truy vấn có cấu trúc (SQL) MySQL được sử dụng choviệc bổ trợ PHP, Perl và nhiều ngôn ngữ khác, nó làm nơi lưu trữ những thôngtin trên các trang web viết bằng PHP hay Perl,

Hình 1.1.2: Ảnh minh họa My SQL

1.1.3 Visual Studio Code:

Visual Studio Code là một trình biên tập mã được phát triển bởi Microsoft dànhcho Windows, Linux và macOS Nó hỗ trợ chức năng debug, đi kèm với Git, cósyntax highlighting, tự hoàn thành mã thông minh, snippets, và cải tiến mãnguồn Nó cũng cho phép tùy chỉnh, do đó, người dùng có thể thay đổi theme,phím tắt, và cá tùy chọn khác Nó miễn phí và là phần mềm mã nguồn mở, mặc

dù gói tải xuống chính thì là có giấy phép

Hình 1.1.3: Ảnh minh họa Visual Studio Code

Hình 1.1.5: Ảnh minh họa Xampp

1.1.6 Sublime Text 3:

Là phiên bản mới nhất của chương trình soạn thảo văn bản được sử dụng nhiều nhất bởi web developers, coders, và programmers Nó sẵn có cho Mac,

Windows, Linux và cho phép tải về và sử dụng miễn phí.Khi bạn sử dụng trình soạn thảo văn bản phù hợp, bạn có thể tận hưởng các tính năng phong phú của

nó Sublime Text cung cấp cho người dùng những lợi ích sau:

 Có khả năng giải quyết các lỗi liên kết

 Theo dõi tất cả các tập tin và thư mục để làm việc với

 Kết nối với các hệ thống kiểm soát phiên bản như Git, Mercurial

 Khả năng giải quyết vấn đề

Giữ kết hợp màu cho sự kết hợp cú pháp

Hình 1.1.6: Ảnh minh họa Sublime Text 3

Chương 2 PHÂN TÍCH MÔ HÌNH HỆ THỐNG

2.1 Phân tích yêu cầu

2.1.1 Yêu cầu về chức năng hệ thống

-Về phía nhà cung cấp:

-Về phía quản trị (admin):

+ Đăng nhập: Thông tin đăng nhập có sẵn của quản trị viên sẽ được tạo sẵn khi website được đưa vào sử dụng.

+ Bảng điều khiển: Thống kê số lượng khách hàng, thống kê số lượng đại lý và số lượng nhân viên.

+ Quản lý khách hàng: Quản lý, thêm, sửa, xóa, xem chi tiết khách hàng + Quản lý đại lý: Quản lý, thêm, sửa, xóa, xem chi tiết đại lý.

+ Quản lý nhân viên: Quản lý, thêm, sửa, xóa, xem chi tiết nhân viên.

2.1.2 Yêu cầu về hình thức

- Giao diện thân thiện, dễ dùng.

- Màu sác hài hóa.

- Bố cục các chức năng hợp lý.

- Cho phép người dùng chọn nhanh các mục thông qua danh sách có sẵn.

2.1.3 Yêu cầu về bảo mật:

-Về phía người quản trị: Phải đăng ký mới có thể đăng nhập vào để quản lý dữ liệu tất cả những thông tin đã được lưu trữ.

2.2 Phân tích chức năng

2.2.1 Sơ đồ chức năng quản lý admin:

Đăng nhập

Trang quản trị

Hình 2.2.1.Sơ đồ chức năng admin

2.3 Sơ đồ use case

2.3.1 Danh sách vai trò người dùng:

Quản lý đại lý

Quản lý khách hàng

Bảng điều khiển

Thêm, sửa, xóa, xem chi tiết và tìm

kiếm thông tin

2.3.2 Sơ đồ use case admin quản lý:

Hình 2.3.2 Sơ đồ use case quản lý admin

2.3.3 Sơ đồ quản lý danh mục admin:

Hình 2.3.3: Sơ đồ quản lý admin

2.4 Biểu đồ trạng thái

2.4.1 Biểu đồ trạng thái đăng nhập:

Hình 2.4.1: Biểu đồ trạng thái đăng nhập

2.4.2 Biểu đồ trạng thái thêm nhân viên:

Hình 2.4.2: Biểu đồ trạng thái thêm nhân viên

2.5 Phân tích cơ sở dữ liệu

2.5.1 Bảng Người dùng:

Tên thuộc tính Mô tả Kiểu dữ liệu Độ lớn Ghi chú

Matknv Mã tài khoản

Email Địa chỉ email nVarchar 50

2.5.2 Bảng Danh sách Khách hàng:

Tên thuộc tính Mô tả Kiểu dữ liệu Độ lớn Ghi chú

Hoten Họ tên nVarchar 50

Email Địa chỉ email nVarchar 30

minh nhândân

nVarchar 20

Dienthoai Số điện thoại nVarchar 10

Ngaysinh Ngày sinh smalldate

Chusohuu Chủ sở hữu nVarchar 50

Email Địa chỉ email nVarchar 30

Mathangkinhdoan

h

Mặt hàngkinh doanh

nVarchar 50Dienthoai Số điện thoại nVarchar 10

kí time

2.5.4 Bảng danh sách nhân viên:

Tên thuộc tính Mô tả Kiểu dữ liệu Độ lớn Ghi chú

Hoten Họ tên nVarchar 50

Email Địa chỉ email nVarchar 30

minh nhândân

nVarchar 20

Dienthoai Số điện thoại nVarchar 10

Ngaysinh Ngày sinh smalldate

time

4