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

Trang 1

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

- 0O 0

DỰ ÁN TỐT NGHIỆPĐề tài: Website Bán Hàng Điện Thoại Giáo viên hướng dẫn : TÂN VĂN SƠN

Chuyênngành: Thiết kế website

Sinh viên thực hiện: Nguyễn Thế Bảo - PH21353

Trang 2

NHẬN XÉT

(Của giáo viên hướng dẫn)

Trang 3

NHẬN XÉT

(Của hội đồng phản biện)

Trang 5

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

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.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

Trang 6

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

Trang 7

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ũngnhư 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ạivà 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ộtcá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ácphươ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ụngrộ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ànhmộ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 ứngdụ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.

Trang 9

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

Trang 10

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

 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

Trang 11

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

Trang 12

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

- 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

Trang 13

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

Trang 14

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

Balsamiq mockup 3Google chromeZaLo

Visual Studio Code

Figma

Google Meet

Draw.io

Trang 15

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

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

Sơ đồ user case

Trang 16

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

Trang 17

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

Trang 18

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

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

Trang 19

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

Trang 20

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ẽ đưara 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

Trang 21

Chi ti t s n ph mết sản phẩm ảng điều khiển ẩm

Mô tả Sau khi khách hàng ấn vào sản phẩm website sẽ đưa người dùng vào trang chi tiết và website sẽ đưa ra các thông tin sản phẩm cho khách hàng và cho phép khách hàng mua ngay hoặc thêm giỏ hàng

2 Hệ thống sẽ đưa ra thông tin chi tiết của sản phẩm đó

Mô tả Khi khách hàng ấn mua hàng hệ thống sẽ bắt buộc cần đăng nhập hoặc đăng ký sau khi đăng nhập thành công hệ thống sẽ đưa ra các bước đặt hàng

Điều kiện kích hoạt Khi khách hàng ấn mua ngay Tiền điều kiện Khách hàng vào website thành công

Hậu điều kiện Các thông tin như tên sản phẩm , đơn giá , số lượng , số tiền , thao tác

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

2 Hệ thống sẽ đưa khách hàng đến trang Giỏ hàng

3 Giỏ hàng bao gồm tên sản phẩm , đơn giá , số lượng , số tiền

- Thanh Toán

Trang 22

Mô tả Cho phép người dùng đăng nhập và mua sản phẩm thanh toán qua 3 hình thức : thanh toán trực tiếp , thanh toán chuyển khoản

Điều kiện kích hoạt Khi khách hàng mua hàng và đc chuyển đến trang thanh toán Tiền điều kiện

+ Khách hàng đăng nhập hệ thống thành công

+ Khách hàng mua sản phẩm mà thanh toán sản phẩm

Hậu điều kiện Yêu cầu khách hàng nhập tên , email , số điện thoại , địa chỉ , phương thức thanh toán

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

2 Mua sản phẩm và sản phẩm được đưa vào giỏ hàng 3 Hệ thống sẽ đưa ra các yêu cầu thanh toán

- Hóa đ n ơn hàng

Mô tả Sau khi khách hàng thanh toán thành công hệ thống sẽ đưa ra 1 bill chi tiết đơn hàng

Điều kiện kích hoạt Khi khách hàng thanh toán thành công

Tiền điều kiện + Khách hàng đăng nhập hệ thống thành công + Sau khi khách hàng mua hàng thành công

Hậu điều kiện Hệ thống sẽ thông báo : mã đơn hàng , ngày đặt , tổng đơn hàng , phươngthức thanh toán cho khách hàng

Luồng sự kiện chính 1 Khách hàng đăng nhập hệ thống thành công 2 Mua hàng thành công

3 Hệ thống sẽ đưa bill hóa đơn cho người dùng