dự án tốt nghiệp đề tài website bán hàng điện thoại

Những khó khăn hiện tại của cửa hàng: cùng với sự xuất hiện đa dạng của các hãng điện thoại di động khác nhau và yêu cầu về mở rộng thị trường cũng như việc tiếp thị sản phẩm nhanh nhất

BỘ LAO ĐỘNG THƯƠNG BÌNH VÀ XÃ HỘI TRƯỜNG CAO ĐẲNG THỰC HÀNH FPT POLYTECHNIC

NHẬN XÉT (Của giáo viên hướng dẫn)

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

Giáo viên hướng dẫn ký, ghi rõ họ tên

Ghi chú:

- Phần này bắt buộc với tất cả đề tài

NHẬN XÉT (Của hội đồng phản biện)

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

HĐ phản biện ký, ghi rõ họ tên

Ghi chú:

- Phần này bắt buộc với tất cả đề tài

MỤC LỤC

LỜI MỞ ĐẦU 4

GIẢI THÍCH THUẬT NGỮ 4

PHẦN 1: KHẢO SÁT – GIỚI THIỆU TỔNG QUAN 5

1.1.Giới thiệu đề tài 5

1.1.1 Sự cần thiết và lý do chọn đề tài 5

1.1.2 Nội dung chính của đề tài 5

1.1.4 Hệ thống tương tự 6

1.1.4.1 PHUCANH 6

1.1.4.2 ưu điểm,nhược điểm 7

1.2 Thực trạng và vấn đề khó khăn 8

1.3 Xây dựng ý tưởng 8

1.4 Mục tiêu của dự án 8

1.5 Đối tượng sử dụng website 8

1.6 Sơ đồ làm việc nhóm 9

1.7 Các công cụ và công nghệ sử dụng 10

1.7.1 Các công cụ 11

1.7.2 Các công nghệ 12

PHẦN 2: PHÂN TÍCH NỘI DUNG – THIẾT KẾ HỆ THỐNG 12

2.1 Phân tích nội dung 12

2.1.1 Sơ đồ usecase 12

2.1.2 Ma trận phân quyền 12

2.1.3.1 khách hàng 13

Đăng nhập 14

Đăng xuất 14

2.1.4 Mô tả chi tiết các luồng chức năng 20

2.1.4.1 : Người Quản Trị (Admin) 20

PHẦN 3: THIẾT KẾ GIAO DIỆN 21

3.1 Giao diện khách hàng 21

3.1.1 Đăng nhập 21

Hình 3.1: Mockup đăng nhập 21

Hình 3.2: Giao diện đăng nhập 21

3.1.2 : Đăng ký 22

Hình 3.3: figma đăng kí 22

3.4:giao diện đăng ký 22

3.1.3 Trang chủ 23

Hình 3.1: figma trang chủ 23

Hình 3.2: giao diện trang chủ 24

3.1.2 chi tiết sản phẩm 25

3.1.3 giỏ hàng 25

Hình 3.3: giỏ hàng 25

3.2 : thiết kế giao diện người quản trị 26

3.2.1 : giao diện Admin 26

3.2.2 : chức năng danh mục 26

- update danh mục 27

3.2.3 : chức năng sản phẩm 27

- Xóa sản phẩm 28

- thêm mới sản phẩm 28

- tìm kiếm sản phẩm 29

3.2.4 :chức năng khách hàng 29

3.2.5 : chức năng đơn hàng 29

- Cập nhập trạng thái đơn hàng 30

PHẦN 4: XÂY DỰNG CƠ SỞ DỮ LIỆU 30

4.1 Mô hình ERD 30

4.2 Thiết kế chi tiết các bảng 31

4.2.1 : Bảng Taikhoan 31

4.2.2 : Bảng sản phẩm 32

4.2.3 : Bảng danh mục 32

4.2.4 : Bảng cart 32

4.2.5 : Bảng bình luận 33

4.2.6 : bảng bill 33

L I M Đ U ỜI MỞ ĐẦU Ở ĐẦU ẦU

Thương mại điện tử (TMĐT) là lĩnh vực tương đối mới ở Việt Nam rất được Chính phủ quan tâm thúc đẩy phát triển Cho đến nay đã có rất nhiều lý do để các doanh nghiệp cũng như các tổ chức phải quan tâm đến ứng dụng TMĐT vào kinh doanh để cạnh tranh, tồn tại

và phát triển trong thực trạng toàn cầu hóa hiện nay.

Tuy nhiên, hiện ở Việt Nam chưa có nhiều doanh nghiệp hay tổ chức ứng dụng TMĐT một cách đúng nghĩa vào quá trình trao đổi mua bán ở trong nước và quốc tế Hiện tại các phương tiện kỹ thuật và các công cụ lập trình ứng dụng vào TMĐT chưa được ứng dụng rộng rãi trong các doanh nghiệp, để có đủ kiến thức cơ bản về TMĐT xây dựng và vận hành một website có hiệu quả, thực hiện marketing qua mạng, chọn lựa mô hình TMĐT phù hợp, xúc tiến thanh toán qua mạng, áp dụng các biện pháp an toàn mạng tối thiểu cần thiết v.v…

Từ những lý do trên, chúng em quyết định chọn đề tài “Thiết kế website bán điện thoại di

động” - xây dựng thử nghiệm cửa hàng điện thoại di động ảo theo mô hình thương mại điện

tử

Thông qua đó để chúng em hiểu biết, nắm rõ hơn về lĩnh vực TMĐT và các kỹ năng ứng dụng lập trình cho website thương mại điện tử một cách hiệu quả

GI I THÍCH THU T NG ẢI THÍCH THUẬT NGỮ ẬT NGỮ Ữ

hoạt động trơn tru

Frontend Developer Người xử lý việc xây dựng lên giao diện hệ thống từ thiết kế của

designer

PH N 1: KH O SÁT – GI I THI U T NG QUAN ẦU ẢI THÍCH THUẬT NGỮ ỚI THIỆU TỔNG QUAN ỆU TỔNG QUAN ỔNG QUAN

1.1 Gi i thi u đ tài ới thiệu đề tài ệu đề tài ề tài

1.1.1. S c n thi t và lý do ch n đ tàiự cần thiết và lý do chọn đề tài ần thiết và lý do chọn đề tài ết và lý do chọn đề tài ọn đề tài ề tài

Năm 1997 khi Internet được kết nối ở Việt Nam, khái niệm Thương mại điện tử được hình thành và đang dần trở thành một khái niệm phổ biến Internet phát triển, rất nhiều các doanh nghiệp, công ty đã có các Website riêng để quảng cáo, giới thiệu và bán các sản phẩm Trên thực tế nó đã đem lại hiệu quả đáng kể cho các doanh nghiệp, công ty trong việc quảng bá tên tuổi, sản phẩm, dịch vụ và các lĩnh vực hoạt động.Vậy việc tạo ra Website giới thiệu và bán điện thoại của công ty là rất cần thiết Được sự đồng ý của giáo viên hướng dẫn và công ty N2 MOBILE 5 thành viên và nhóm em đã chọn đề tài: “Xây dựng website bán điện thoại di động –N2MOBILE

Bài toán xây dựng website thương mại điện tử bán điện thoại di động là một trong nhưng bài toán thường gặp trong nhưng website bán hàng qua mạng Mục đích chính của bài toán là giới thiệu được sản phẩm một cách cụ thể và chi tiết đến người tiêu dùng Giúp khách hàng lựa chọn một cách dễ dàng để tìm được sản phẩm phù hợp

Bài toán được phân tích dựa trên mô hình MVC và được cài đặt trên nền công nghệ web sử dụng ngôn ngữ PHP kết hợp với HTML & CSS và Javascript với cơ sở dữ liệu MYSQL

Bài toán được chia làm các phần chính:

Quản lý bán hàng: Bao gồm việc giới thiệu sản phẩm hàng hoá, chọn hàng và đặt hàng, cập nhật nội dung hàng, thống kê danh sách khách hàng đã đặt, tìm kiếm sản phẩm

Quản lý thông tin: Bao gồm thông tin người dùng , thông tin đơn hàng

Quản lý chức năng : đăng nhập , đăng ký , thêm sản phẩm , sửa sản phẩm , xóa sản phẩm , đặt hàng , Admin

Dự án Thiết kế Website – Website Bán hàng điện thoại di động

1.1.4 H th ng t ệu đề tài ống tương tự ương tự ng t ự cần thiết và lý do chọn đề tài

1.1.4.1 PHUCANH

Hình 1.4 Phần mềm website bán thiết bị di động

N2 mobile chính là giải pháp toàn diện cho những doanh nghiệp mong muốn mở rộng phạm vi kinh doanh, tận dụng nguồn khách hàng trên internet để đem lại doanh thu đáng kể cho mình

 Nhược điểm:

 Giảm chi phí mỗi lần bán hàng với cửa hàng của riêng bạn: Chi phí sở hữu và duy trì một trang webthường không cao nên với chi phí mở một cửa hàng truyền thống

 Tiếp thị tìm kiếm được cải thiện

 Có quyền tự do bán hàng ở nơi có khách hàng và quan trọng là : Bạn có thể bán hàng 24/7

 Tăng cơ hội tiếp thị: Tiếp cận với nhiều đối tượng khách hàng trên mọi loại phương tiện giao thông

1.1.4.2 Ưu điểm,nhược điểm

Hình 1.5 Phần mềm quản lý web bán điện thoại di động

Phần mềm quản lý website giúp quản lý danh sách sản phẩm , khách hàng , bình luận , thống kê

 Ưu điểm:

1 Bạn sẽ tiết kiệm được rất nhiều chi phí cho cửa hàng

2 Bạn có thể tiếp cận cả các khách hàng ở xa

3 Bạn có thể bán hàng ngay cả khi chưa cần nhập hàng

4 Bạn có thể thúc đẩy bán hàng ở mọi lúc, mọi nơi

5 Học một chút về SEO Google, bạn sẽ có nhiều khách hàng một cách liên tục, tự động

6 Giảm được chi phí quảng cáo, marketing

7 Thể hiện sự kinh doanh nghiêm túc, chuyên nghiệp

5 Thiếu tiếp xúc vật lý với sản phẩm

6. Thời gian giao hàng và chi phí vận chuyển

Dự án Thiết kế Website – Website Bán hàng điện thoại di động

1.2 Th c tr ng và v n ự cần thiết và lý do chọn đề tài ạng và vấn ấn đ khó khăn ề tài

Bài toán thương mại điện tử là một bài toán lớn và phức tạp với nhiều module khách nhau như: tìm kiếmsản phẩm, đưa hàng vào giỏ hàng, đăng ký thành viên, bảo mật, các chức năng quản lý

Những khó khăn hiện tại của cửa hàng: cùng với sự xuất hiện đa dạng của các hãng điện thoại di động khác nhau và yêu cầu về mở rộng thị trường cũng như việc tiếp thị sản phẩm nhanh nhất đến khách hàng, cửa hàng phải đối mặt với những vấn đề khó giải quyết do cơ cấu cũ không đáp ứng được:

Khả năng tiếp thị sản phẩm tới khách hàng thấp, không thu hút được nhiều khách hàng cho cửa hàng.1.3 Xây d ng ý t ự cần thiết và lý do chọn đề tài ưởng ng

Dựa vào nhu cầu của cửa hàng , Hướng website thành một công cụ bán hàng chính, tăng tối đa doanhthu cho cửa hàng Tạo ra trải nghiệm mua hàng nhanh gọn và dễ dàng cho khách hàng., nhóm chúng emquyết định chọn dự án " web bán điện thoại " Website " N2 MOBILE " là giải pháp quản lý, vận hànhtoàn diện giúp tăng hiệu suất bán hàng và là giải pháp giúp người tiêu dùng có thể tìm kiếm và muanhững mặt hàng ưng ý nhất

Giúp khách hàng không phải tốn thời gian đi đến trực tiếp đến các cửa hàng bán lẻ để xem và mua sản phẩm mà có thể lên web bán hàng tìm kiếm sản phẩm và ấn mua hàng

1.4 M c tiêu c a d án ục tiêu của dự án ủa dự án ự cần thiết và lý do chọn đề tài

Mục tiêu của việc xây dựng trang web này nhằm giúp cho khách hàng có thể mua hàng trực tiếp từ xa thông qua mạng internet phổ biến Khách hàng ở nhà hay tại công ty vẫn có thể dễ dàng tham khảo thông tin sản phẩm mình tìm, so sánh giá cả các mặt hàng và lựa chọn cho mình loại sản phẩm phù hợp nhu cầu của mình,giúp công việc mua sắm một cách nhanh chóng, tiện lợi, tiết kiệm thời gian, đáp ứng được nhu cầu thực tế

Hệ thống tìm kiếm dễ dàng, giao diện thân thiện Chỉ cần đăng nhập vào hệ thống với tài khoản đã có (nếu khách hàng đã là hội viên của cửa hàng) hay chỉ cần vài thao tác đăng kí đơn giản là khách hàng có thể tự dochọn mua và tạo đơn đặt hàng tại hệ thống NTMobile

1.5 Đ i t ống tương tự ượng sử dụng website ng s d ng website ử dụng website ục tiêu của dự án

Khách Hàng :

- Yêu cầu được xem các thông tin về các sản phẩm, thông tin chi tiết về sản phẩm như mẫu mã, kích thước của sản phẩm điện thoại , các dịch vụ đi kèm như download hình ảnh

- Chức năng tìm kiếm: Chức năng này giúp khách hàng nhanh chóng tìm được sản phẩm đã đăng

- Chức năng đặt hàng qua trang Web: Đây là phần quan trọng nhất của website thương mại điên tử,

do vậy cần phải thiết kế sao cho khách hàng có thể chọn hàng và đặt được hàng theo yêu cầu của mình một cách dễ dàng và nhanh chóng Phần này phải kết hợp với phần giới thiệu sản phẩm một cách linh hoạt giúp khách hàng có đầy đủ thông tin về sản phẩm trước khi chọn

1.6 S đ làm vi c nhóm ơng tự ồ làm việc nhóm ệu đề tài

Dự án Thiết kế Website – Website Bán hàng điện thoại di động

1.7 Các công c và công ngh s d ng ục tiêu của dự án ệu đề tài ử dụng website ục tiêu của dự án

1.7.1 Các công c ục tiêu của dự án

ell o

Balsamiq mockup 3 Google chrome ZaLo

Visual Studio Code Figma Google Meet

Draw.io

1.7.2 Các công ngh s d ng ệu đề tài ử dụng website ục tiêu của dự án

PH N 2: PHÂN TÍCH N I DUNG – THI T K H TH NG ẦU ỘI DUNG – THIẾT KẾ HỆ THỐNG ẾT KẾ HỆ THỐNG ẾT KẾ HỆ THỐNG ỆU TỔNG QUAN ỐNG

2.1 Phân tích n i dung ội dung

2.1.1 S đ usecase ơng tự ồ làm việc nhóm

Sơ đồ user case

Dự án Thiết kế Website – Website Bán hàng điện thoại di động

2.1.2 Ma tr n phân quy n ận phân quyền ền

Use case Nội dung

Mô tả Cho phép người dùng đăng nhập vào hệ thống để sử dụng chức năng

Điều kiện kích hoạt Khi người dùng chọn chức năng đăng nhập của hệ thống

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

Hậu điều kiện Đăng nhập thành công

Luồng sự kiện chính 1 Hiển thị màn hình đăng nhập

2 Nhập username và mật khẩu 3.Hệ thống kiểm tra thông tin đăng nhập 4.Đăng nhập thành công và sử dụng chức năng

5 Kết thúc use case

Mô tả Cho phép người dùng đăng xuất ra khỏi tài khoản đang đăng nhập

Điều kiện kích hoạt Khi người dùng chọn chức năng đăng xuất của hệ thống

Tiền điều kiện Người dùng phải đăng nhập vào hệ thống

Hậu điều kiện Thoát ra khỏi hệ thống thành công

Luồng sự kiện chính 1 Đăng nhập vào hệ thống thành công

2.Chọn chức năng đăng xuất 3.Đăng xuất thành công 4.Kết thúc use case

B ng đi u khi n ảng điều khiển ều khiển ển

Dự án Thiết kế Website – Website Bán hàng điện thoại di động

Mô tả Cho phép người quản trị đăng nhập vào hệ thống và xem đc tổng khách

hàng , tổng sản phẩm , tổng đơn hàng và khách hàng mới

Điều kiện kích hoạt Khi Admin chọn chức năng Bảng điều khiển

Tiền điều kiện Admin cần đăng nhập thành công vào hệ thống

Hậu điều kiện Dữ liệu của hệ thống sẽ được cập nhật sau khi Admin thực hiện các chức

năng

Luồng sự kiện chính

- Qu n lý danh m cả use case ục tiêu của dự án

Đăng nhập hệ thống thành công Admin thực hiện các chức năng Bảng điều khiển

Hệ thống cập nhật lại thông tin Kết thúc usecase

Mô tả

Cho phép người quản trị đăng nhập vào hệ thống để thực hiện xem Tên danh mục sản phẩm và có thể thêm sửa xóa danh mục

Điều kiện kích hoạt Khi Admin chọn chức năng Danh Mục

Tiền điều kiện Admin cần đăng nhập thành công vào hệ thống

Hậu điều kiện + Tên danh mục : Hệ thống sẽ đưa ra tất cả các tên danh mục của sản phẩm

+ Tạo danh mục mới : Hệ thống sẽ đưa ra yêu cầu cần điền tên danh mụcsản phẩm mới

+ Sửa danh mục : Hệ thống sẽ đưa ra yêu cầu nhập tên danh mục cần sửa và lưu lại

+ xóa danh mục : hệ thống đưa ra câu hỏi “Bạn có muốn xóa danh mục không???” nếu muốn xóa thì ấn ok và hệ thống sẽ tự động xóa

danh mục đó

Luồng sự kiện chính :

1 Đăng nhập hệ thống thành công 2.Admin chọn chức năng Danh Mục

3.Hệ thống đưa ra số liệu tương ứng cho trang quản lý Danh Mục

4 Kết thúc use case

- Qu n lý danh ảng điều khiển sách s n ph m ảng điều khiển ẩm

Tên use case Quản lý danh sách sản phẩm

Mô tả Cho phép Admin đăng nhập vào hệ thống để thực hiện chức năng tạo

mới sản phẩm và tìm kiếm sản phẩm và mỗi sản phẩm bao gồm : mã sản phẩm , tên sản phẩm , số lượng , giá , mổ tat , hình ảnh và có thêm sửa xóa sản phẩm

Điều kiện kích hoạt Khi Admin chọn chức năng quản lý danh sách sản phẩm

Tiền điều kiện Admin đăng nhập thành công vào hệ thống

Hậu điều kiện Sản phẩm sẽ được thêm vào hệ thống

Luồng sự kiện chính 1 Đăng nhập hệ thống thành công

2.Admin chọn chức năng quản lý sản phẩm 3.Admin tiến hành kiếm tra các sản phẩm và phê duyệt cho những sản phẩm thêm mới thành công

4.Kết thúc use case

Tên use case Quản lý danh sách khách hàng

Mô tả Cho phép Admin đăng nhập vào hệ thống nắm bắt thông tin người dùng

đăng nhập đăng ký bao gồm : mã khách hàng , tên khách hàng , số điện thoại , Email , địa chỉ , hình ảnh , vai trò

Điều kiện kích hoạt Khi Admin chọn chức năng khách hàng

Tiền điều kiện + Admin cần đăng nhập thành công vào hệ thống

+ Hệ thống đã hoạt động và có dữ liệu của khách hàng Hậu điều kiện Hệ thống sẽ đưa ra danh sách các khách hàng đã đăng ký và đăng nhập

Luồng sự kiện chính 1 Đăng nhập hệ thống thành công

Dự án Thiết kế Website – Website Bán hàng điện thoại di động

2.Admin chọn mục khách hàng và hệ thống sẽ đưa ra danh sách tài khoản khách hàng

- Qu n lý đ n hàng ảng điều khiển ơn hàng

Mô tả Cho phép Admin đăng nhập vào hệ thống để thực hiện chức năng xem

chi tiết đơn hàng và cập nhập trạng thái đơn hàng và tìm kiếm đơn hàng theo mã

Điều kiện kích hoạt Khi Admin chọn chức năng đơn hàng hẹ thống sẽ đưa

ra danh sách đơn hàng và Admin có thế xem chi tiết đơn hàng và cập nhập trạng thái đơn hàng

Tiền điều kiện Admin đăng nhập hệ thống thành công

Hậu điều kiện Hệ thống sẽ cập nhật lại dữ liệu

Luồng sự kiện chính 1 Đăng nhập hệ thống thành công

2.Admin thực hiện chức tìm kiếm đơn hàng và cập nhập trạng thái 3.Hệ thống cập nhật lại dữ liệu

4.Kết thúc use case

- Giao di n trang ch ện trang chủ ủ

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

năng them xem chi tiết sản phẩm và thêm giỏ hàng

Điều kiện kích hoạt Khi khách hàng chọn và trang chủ website sẽ đưa ra các mặt hàng điện

thoại Tiền điều kiện Khách hàng vào website thành công

Hậu điều kiện Website sẽ đưa ra dữ liệu trang chủ thành công

Luồng sự kiện chính Vào website thành công

Website sẽ đưa ra các sản phẩm cho khách hàng tham khảo