(Tiểu luận) đồ án cdio – se397d đề tài xây dựng website bán điện thoại

ĐẠI HỌC DUY TÂN KHOA CÔNG NGHỆ THÔNG TIN ĐỒ ÁN CDIO – SE397D Tên đề tài: XÂY DỰNG WEBSITE BÁN ĐIỆN THOẠI Giảng viên hướng dẫn: ThS Trần Thị Thanh Lan Nhóm SVTH: Lê Viết Kỳ - 26211229691 Hà Công Tuấn - 26216533000 Phạm Đắc Lực - 26214327917 Nguyễn Thanh Tài – 26202822365 Nguyễn Thị Hà Trang - Năm học: 2022-2023 i MỤC LỤ PHẦN MỞ ĐẦU - 1 LÝ DO CHỌN ĐỀ TÀI - MỤC ĐÍCH VÀ Ý NGHĨA CỦA ĐỀ TÀI - 2.1 Mục đích đề tài - 2.2 Ý nghĩa đề tài - ĐỐI TƯỢNG NGHIÊN CỨU .- PHẠM VI NGHIÊN CỨU .- PHƯƠNG PHÁP NGHIÊN CỨU - PHẦN I: DESIGN (PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG) .- ĐẶC TẢ YÊU CẦU CHỨC NĂNG - 1.1 Mô tả hệ thống - 1.2 Môi trường phát triển - 1.3 Các yêu cầu bổ trợ khác (nếu có) - PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG .- 2.1 Tác nhân hệ thống .- 2.1.1 Biểu đồ tổng quát (Use Case Diagram) - 2.1.2 Đăng ký - 2.1.3 Đăng nhập .- 2.1.4 Tìm kiếm sản phẩm - 2.1.5 Xem sản phẩm - 11 2.1.6 Quản lý giỏ hàng - 13 2.1.7 Đặt hàng .- 15 2.1.8 Quản lý lịch sử mua hàng - 17 2.1.9 Đánh giá - 19 2.1.10 Quản lý tài khoản cá nhân - 21 2.1.11 Quản lý danh mục - 23 2.1.12 Quản lý đơn hàng - 25 2.1.13 Quản lý sản phẩm .- 27 2.1.14 Quản lý tài khoản - 29 2.1.15 Use case quản lí đánh giá - 30 ii 2.1.16 Use case quản lý khuyến - 31 2.1.17 Use case thống kê .- 32 Thiết kế bảng sở liệu - 33 3.1.1 Bảng Chi Tiết Hóa Đơn .- 33 - 3.1.2 Bảng Chi tiết khuyến - 34 - 3.1.3 Bảng Đánh giá - 34 - 3.1.4 Bảng Danh mục - 35 - 3.1.5 Bảng Hóa Đơn - 35 - 3.1.6 Bảng Khuyến - 36 - 3.1.7 Bảng Sản Phẩm - 36 - 3.1.8 Bảng Loại Tài Khoản - 36 - 3.1.9 Bảng Account - 37 - 4.Thiết Kế Giao Diện .- 38 4.1 Giao diện người dùng - 38 4.1.1 Đăng Ký - 514.1.2 Đăng Nhập - 52 4.1.3 Tìm Kiếm Sản Phẩm - 534.1.4 Xem Sản Phẩm - 54 4.1.5 Quản Lí Giỏ Hàng - 554.1.6 Đặt Hàng - 564.1.7 Đánh Giá - 574.2 Giao diện trang Admin - 45 4.1.1.Quản Lí Danh Mục - 58 4.1.2 .Quản Lí Đơn Hàng - 59 4.1.3 .Quản Lí Sản Phẩm - 60 4.1.4 .Quản Lí Tài Khoản - 61 4.1.5 Quản Lí Đánh Giá - 624.1.6 .Quản Lí Khuyến Mãi - 634.1.7 Thống Kê .- 64 PHẦN III XÂY DỰNG CHƯƠNG TRÌNH .- 52 3.1 Giao Diện Trang Chủ .- 52 iii 3.2.Giao Diện Đăng Nhập .- 52 3.3.Giao Diện Đăng Ký - 53 3.4.Giao Diện Tìm Kiếm Sản Phẩm .- 53 3.5.Giao Diện Xem Sản Phẩm - 54 3.6.Giao Diện Quản Lí Giỏ Hàng - 54 3.7.Giao Diện Đặt Hàng - 55 KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN - 56 - TỔNG QUAN DỰ ÁN Tên dự án Trường Tên GVHD Trưởng nhóm Xây dựng web bán điện thoại di động Đại học Duy Tân ThS TRẦN THỊ THANH LAN Trường: Đại học Duy Tân Khoa: Công Nghệ Thông Tin Lê Viết Kỳ Mail: levietky2002@gmail.com Thành viên Tel: Phạm Đắc Lực Hà Công Tuấn Nguyễn Thanh Tài Nguyễn Thị Hà Trang iv PHẦN MỞ ĐẦU LÝ DO CHỌN ĐỀ TÀI Thế giới ngày phát triển, đời sống người ngày đại hóa,nhu cầu đời sống vật chất tinh thần người ngày cao có nhiều địi hỏi khắt khe Hằng ngày người phải có nhu cầu thiết yếu : ăn uống , mua sắm, xem phim, nghe nhạc phải tới trung tâm giải trí hay mua sắm để mua sản phẩm muốn hay đơn giản thưởng thức nhạc Nắm bắt nhu cầu xét thấy phát triển vượt bậc mạng Internet khắp nơi giới nói chung nước ta năm gần nói riêng nên việc ứng dụng cơng nghệ thơng tin vào lĩnh vực tìm kiếm thơng tin, truy cập liệu từ xa khơng cịn khó khăn Người ta tận dụng tối đa lợi ích mà lĩnh vực mang lại Website bán điện thoại di động trang web đặc thù áp dụng công nghệ thông tin vào hoạt động: bán sản phẩm điện thoại qua mạng sau có xu hướng mở rộng Thị trường xuất nhiều loại điện thoại với mẫu mã đa dạng nên website cung cấp đầy đủ tất thông tin điện thoại đặt hàng kiểm hàng cách tin cậy có lẽ lựa chọn hàng đầu khách hàng MỤC ĐÍCH VÀ Ý NGHĨA CỦA ĐỀ TÀI 2.1 Mục đích đề tài Mục đích việc xây dựng trang web nhằm giúp cho khách hàng mua hàng trực tiếp từ xa thông qua mạng internet phổ biến Khách hàng nhà hay cơng ty dễ dàng tham khảo thơng tin sản phẩm tìm, so sánh giá mặt hàng lựa chọn cho loại sản phẩm phù hợp nhu cầu mình, giúp cơng việc mua sắm cách nhanh chóng, tiện lợi, tiết kiệm thời gian, đáp ứng nhu cầu thực tế Sản phẩm xếp có hệ thống, giao diện thân thiện nên người dùng dễ dàng tìm kiếm Chỉ cần đăng nhập vào hệ thống với tài khoản có (nếu khách hàng hội viên cửa hàng) hay cần vài thao tác đăng ký đơn giản khách hàng tự chọn mua tạo đơn đặt hàng hệ thống Đồng thời việc quản lý bán hàng trở nên dễ dàng hết Rút ngắn khoảng cách người dùng chủ cửa hàng, tạo website trực tuyến giúp người mua người bán trao đổi thuận tiện 2.2 Ý nghĩa đề tài - Người dùng truy cập vào hệ thống xem, tìm kiếm, liên ƒ với dịch vụ cửa hàng xem thông số điện thoại di động để cân nhắc mua hàng - Các loại điện thoại phân chia theo dịng dễ dàng việc tìm kiếm Người dùng có nhìn tổng qt sản phẩm có - Người dùng xem chi tiết thơng tin sản phẩm (hình ảnh minh họa, mô tả chi tiết sản phẩm, giá cả, ) để dễ dàng lựa chọn sản phẩm ưng ý - Người dùng liên hệ trực tiếp với nhân viên thông qua ứng dụng chat hệ thống có sẵn hệ thống nhằm tư vấn khách hàng để thuận tiện cho người dùng chọn sản phẩm mong muốn ĐỐI TƯỢNG NGHIÊN CỨU - Tìm hiểu phân tích thiết kế hệ thống hướng đối tượng Tìm hiểu cơng cụ hỗ trợ phân tích thiết thiết kế hệ thống hướng đối tượng Như Draw, … - Tìm hiểu nắm bắt quy trình bán hàng online - Tìm hiểu thực hành tạo lập website quản lý bán hàng online PHẠM VI NGHIÊN CỨU - Về nội dung: + Quy trình xây dựng web bán điện thoại + Quy trình lập trang web mạng xã hội + Phân tích hướng đối tượng web bán điện thoại + Tìm hiểu Draw, Mockup,HTML, CSS, Visual Paradigm,… PHƯƠNG PHÁP NGHIÊN CỨU - Tìm hiểu tài liệu liên quan (quy trình quản lý,….) - Phân tích lựa chọn cách triển khai - Tổng hợp tài liệu liên quan đến xây dựng phát triển phần mềm - Góp ý giảng viên Document continues below Discover more from: nghe thong cong tin CNTT1 Trường Đại Học… 33 documents Go to course Assignment for Database My SQL cong nghe thong tin PHẦN I: DESIGN (PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG) ĐẶC TẢ YÊU CẦU CHỨC NĂNG Bộ câu hỏi trắc 1.1 Mô tả hệ thống - None nghiệm Adobe… Đây trang web để người dùng trực tiếp22 mua hàng qua mạng mà cong nghe thong tin không cần phải đến cửa hàng vừa an toàn cho người dùng vừa thuận tiện cho None khách, web dùng để quản lý sản phẩm, danh mục, tài khoản, hay chí báo cáo thống kê để người quản lý dễ dàng nắm bắt tình hình cửa hàng - Hệ thống cho phép: Word-nền-tảng - ▪ Admin: 22 ● Đăng nhập, đăng xuất sdasd cong nghe thong tin ● Quản lý dịch vụ, quản lý khuyến mãi, quản lý tài khoản, quản lý tài None khoản cá nhân, quản lý hóa đơn, quản lý đánh giá, quản lý khuyến mãi, quản lý thuế CS417 CHƯƠNG ● Thống kê ▪ User: ● Đăng nhập, đăng ký cong nghe thong tin None ● Đặt hàng, đánh giá ● Quản lý lịch sử mua hàng BÁO CÁO THỰC TẬP ● Quản lý tài khoản cá nhân ▪ Guest: ● Đăng ký cong nghe thong tin None ● Tìm kiếm sản phẩm, xem sản phẩm ● Quản lý giỏ hàng Một số vấn đề 1.2 Môi trường phát triển 18 truyền thơng và… - Cơng cụ phân tích thiết kế: Draw, Figma, Visual Paradigm cong nghe - Công cụ xây dựng web: Visual studio code thong tin 1.3 Các yêu cầu bổ trợ khác (nếu có) - Hệ thống hỗ trợ có quán sử dụng hệ điều hành: Microsoft, Linux,… None - Giao diện đơn giản, thẩm mỹ dễ sử dụng PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG 1.1 Tác nhân hệ thống Bảng mô tả tác nhân: STT Tên tác nhân Mô tả Admin Người dùng đăng ký đăng xuất đăng User Người dùng đăng ký xem, tìm kiếm, đặt Guest Người dùng xem, tìm kiếm sản phẩm nhập, thao các quyền,… hàng, đánh giá thêm hàng vào giỏ 2.1.1 Biểu đồ tổng quát (Use Case Diagram) Hình 2.1 Biểu đồ Use case tổng quát 4.1.5 Quản Lí Giỏ Hàng 4.1.5.1 Hình Quản Lí Giỏ Hàng STT 4 Kiểu img Text Svg Button Input Button Mục đích Hiển thị ảnh Hiển thị thông tin sản phẩm Thay đổi số lượng sản phẩm Xóa Chọn Tất Cả Mua hàng 43 4.1.6 Đặt Hàng 4.1.6.1 Hình Đặt Hàng STT Kiểu Text Text Button Button Mục đích Hiển thị địa nhận hàng Hiển thị thông tin sản phẩm Mặc định Thay đổi 44 4.1.7 Đánh giá 4.1.7.1 Hình Đánh Giá STT Kiểu Textarea Text Button Button Button Mục đích Tạo form nhập thơng tin Hiển thị thơng tin Xác nhận Thêm Đánh Giá Xóa Đánh Giá 45 4.2 Giao diện trang Admin 4.2.1 Quản Lí Danh Mục 4.2.1.1: Hình Quản Lý Danh Mục Giao diện Mô tả Mục Thêm Giao diện quản lý danh mục Thêm sửa xóa danh mục có Nội dung giao diện Loại Dữ liệu Button N/A Mã danh mục Inpux Tên danh mục Inpux Thêm Sửa Xóa Button Button Button N/A n/a n/a 46 Mô tả Thêm danh mục Thêm danh mục Nhập tên danh mục Thêm danh mục Sửa danh mục Xóa danh mục 4.2.2 Quản Lí Đơn Hàng 4.2.2.1: Hình Quản Lí Đơn Hàng Giao diện Mô tả Mục Xem đơn hàng giao Xem đơn hàng giao Xem đơn hàng hủy Xen đơn hàng Xóa Đã tốn Về lại đơn hàng giao Duyệt Quản lý Đơn Hàng Tất hóa đơn xuất Nội dung giao diện Loại Dữ liệu Button N/A Button N/A Button N/a Button Button Button n/a n/a n/a Button n/a Button n/a 47 Mô tả Xem đơn hàng giao Xem đơn hàng giao Xem đơn hàng hủy Xen đơn hàng 4.2.3 Quản Lí Sản Phẩm 4.2.3.1: Hình Quản Lí sản Phẩm Giao diện Mơ tả Mục Thêm Giao diện quản lý sản phẩm Quản lý sản phẩm cửa hàng Nội dung giao diện Loại Dữ liệu Button N/A Mã sản phẩm Tên sản phẩm Đơn giá Inpux Inpux Inpux N/A n/a n/a Hình ảnh Image N/a Tỷ lệ khuyến Mã danh mục Mô tả Sửa Inpux Inpux Inpux Button n/a Xóa Button n/a Mô tả Thêm sản phẩm Nhập mã sp Tên sản phẩm Giá sản phẩm Hình ảnh sp Khuyến n/a 48 Mô tả sp Sửa sp cũ Xóa sp cũ cửa hàng 4.2.4 Quản Lí Tài Khoản 4.2.4.1: Hình Quản Lí Tài Khoản Giao diện Mô tả Mục Mã tài khoản Giao diện quản lí tài khoản Quản lý sản phẩm cửa hàng Nội dung giao diện Loại Dữ liệu Text N/A Tên Đăng Nhập Inpux N/A Mật Khẩu Số điện thoại Email Địa Mã Loại Tài Khoản Trạng Thái Sửa Xóa Inpux Number Text Text n/a n/a N/a Text n/a Text Button Button n/a n/a 49 Mô tả Thêm mã tài khoản Nhập tên đăng nhập Nhập Mật Nhập số điện thoại Sửa Tài Khoản cũ Xóa Tài Khoản cũ 4.2.4 Quản Lí Đánh Giá 4.2.5.1: Hình Quản Lí Đánh Giá STT Kiểu Text Link Button Button Mục đích Hiên thị thơng tin Đánh giá Chuyển trang Xóa Duyệt 50 4.2.5 Quản Lí Khuyến Mãi 4.2.6.1: Hình Quản Lí Khuyến Mãi STT Kiểu Text Link Button Button Mục đích Hiên thị thơng tin Khuyến Chuyển trang Sửa Xóa 51 4.2.6 Thống Kê 4.2.7.1 Hình Thống Kê STT Kiểu Text img Mục đích Hiên thị thơng tin thống kê Hiển thị ảnh 52 PHẦN III XÂY DỰNG CHƯƠNG TRÌNH 3.1 Giao Diện Trang Chủ Hình 3.1.1 Giao Diện “Trang Chủ” 3.2.Giao Diện Đăng Nhập Hình 3.2.1 Giao Diện “Đăng Nhập” 53 3.3.Giao Diện Đăng Ký Hình 3.2.1 Giao Diện “Đăng Ký” 3.4.Giao Diện Tìm Kiếm Sản Phẩm Hình 3.2.1 Giao Diện “Tìm Kiếm Sản Phẩm” 54 3.5.Giao Diện Xem Sản Phẩm Hình 3.2.1 Giao Diện “Xem Sản Phẩm” 3.6.Giao Diện Quản Lí Giỏ Hàng Hình 3.2.1 Giao Diện “Quản Lí Giỏ Hàng” 55 3.7.Giao Diện Đặt Hàng Hình 3.2.1 Giao Diện “Đặt Hàng” 56 KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN Kết đạt Qua trình tìm hiểu nghiên cứu, khảo sát hệ thống Em tương đối hoàn thành nội dung đặt với đề tài: Xây dựng website bán điện thoại Phía người dùng: - Xem đầy đủ thơng tin sản phẩm - - Phân loại sản phẩm theo tiêu chí khác Chức giỏ hàng thực chuẩn xác Khi khách hàng chọn sản phẩm giỏ hàng cập nhật bên giỏ hàng cho phép xóa sản phẩm mà khách hàng khơng muốn mua Xem tình trạng đơn hàng xác nhận ngày giao hàng - Gửi tin nhắn cho quản trị Phía người quản trị website - Tìm kiếm, thêm, sửa, xóa sản phẩm, hãng sản xuất,… - Quản lý đơn hàng Phản hồi lại ý kiến người dùng, thống kê Chưa đạt Chương trình mức độ bản, chưa liên kết với tài khoản để toán paypal, momo, Hướng phát triển Hướng phát triển tương lai: Liên kết với tài khoản để tốn online, chức mua hàng thông minh, so sánh sản phẩm Tài liệu tham khảo https://reactjs.org/docs/getting-started.html https://expressjs.com/en/guide/routing.html https://elib.duytan.edu.vn/csdl/Detail/660 https://elib.duytan.edu.vn/csdl/Detail/640 Và nhiều nguồn khác từ internet 57