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 2NHẬN XÉT
(Của giáo viên hướng dẫn) Trang 3NHẬN XÉT
(Của hội đồng phản biện) Trang 5MỤ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 63.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 7L 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 9PH 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 101.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
Trang 111.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
Trang 121.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
Trang 131.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
Trang 141.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
FigmaGoogle Meet
Draw.io
Trang 151.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
Dự án Thiết kế Website – Website Bán hàng điện thoại di động
Trang 162.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
Dự án Thiết kế Website – Website Bán hàng điện thoại di động
Trang 18Mô 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 193.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
Trang 202.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 21Chi 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
Luồng sự kiện chính 1 Đăng nhập hệ thống thành cô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
Dự án Thiết kế Website – Website Bán hàng điện thoại di động
Trang 22Mô 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