(Tiểu luận) đồ án chuyên ngành 1 đề tài web site thương mại

ĐẠI HỌC ĐÃ NẴNG KHOA CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG ĐỒ ÁN CHUYÊN NGÀNH ĐỀ TÀI: WEB SITE THƯƠNG MẠI Sinh viên thực Giảng viên hướng dẫn Lớp : PHẠM VIỆT SỸ : TRẦN NGỌC ANH VŨ : THS.LƯƠNG KHÁNH TÝ : 18IT3 Đà Nẵng,tháng 12 năm 2021 ĐẠI HỌC ĐÃ NẴNG KHOA CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG ĐỒÁNCƠSỞ2 WEBSITE THƯƠNG MẠI Đà Nẵng,tháng 12 năm 2021 LỜI MỞ ĐẦU Ngày với phát triển mạnh mẽ khoa học công nghệ, Công nghệ Thơng tin ngành có vị dẫn đầu có vai trị lớn phát triển chung Các ứng dụng cơng nghệ thông tin áp dụng lĩnh vực nghiên cứu khoa học lĩnh vực đời sống Là phần Công nghệ thông tin, Cơng nghệ web có phát triển phổ biến nhanh lợi ích mà mang lại cho cộng đồng lớn Bằng việc lựa chọn thực đề tài “Xây dựng website bán hàng linh kiện máy tính”, em muốn tìm hiểu đưa giải pháp tốt nhằm cho doanh nghiệp bán linh kiện máy tính Website mang lại cho doanh nghiệp nói chung doanh nghiệp bán linh kiện máy tính nói riêng nhiều lợi ích như: Khả quảng cáo, phổ biến tên tuổi cơng ty nhanh mơi trường mạng tồn cầu; Việc kinh doanh mở cửa 24 tiếng / ngày; giảm thiểu chi phí nhân viên cho tiếp thị, quảng cáo; dễ dàng nhận phản hồi từ phía khách hàng; hội mở rộng liên kết hợp tác phạm vi quốc tế v.v Website bán hàng linh kiện máy tính giúp doanh nghiệp cung cấp cho khách hàng lựa chọn linh hoạt tiện lợi việc tìm mua sản phẩm thơng qua chức giỏ hàng Các thơng tin linh kiện máy tính doanh nghiệp hiển thị chi tiết rõ ràng với giá niêm yết sản phẩm, từ khách hàng dễ dàng nhận biết lựa chọn thứ cần Về phía doanh nghiệp, hệ thống mang lại tiện dụng việc cập nhật quản lý thông tin cho website LỜI CẢM ƠN Em xin chân thành cảm ơn thầy giáo Lương Khánh Tý cho em nhiều, gợi ý, ý kiến đóng góp q báu để em hồn thành đồ án Em xin chân thành cảm ơn Quý thầy cô Khoa Công Nghệ Thông Tin– Truyền Thông có góp ý giúp đỡ em q trình làm đồ án Em xin bày tỏ lịng cảm ơn đến gia đình, bạn bè giúp đỡ tạo điều kiện cho em thời gian thực đồ án, để hồn thành đồ án điều kiện tốt NHẬN XÉT (Của giảng viên hướng dẫn) MỤC LỤC Contents CHƯƠNG GIỚI THIỆU 1.1 Tổng quan 1.2 Phương pháp 1.3 Cấu trúc đồ án CHƯƠNG PHÂN TÍCH THIẾT KẾ HỆ THỐNG 2.1 Tìm hiểu tốn 2.2 Sơ đồ luồng liệu 14 2.3 Tìm cơng cụ lập trình: Sublime text .18 2.3 Thiết kế giao diện 19 CHƯƠNG TRIỂN KHAI XÂY DỰNG .19 3.1Tổng quan kiến trúc Client/ Server .19 3.2Ngơn ngữ viết chương trình 20 3.3 Thiết kế bảng liệu: .20 3.4 Thiết kế giao diện website: 21 CHƯƠNG ĐÁNH GIÁ VÀ KẾT LUẬN 23 4.1 Đánh giá: 24 4.2 Kết luận: .24 DANH MỤC CÁC BẢNG DANH MỤC HÌNH Hình Sơ đồ phân cấp chức phía fontend 11 Hình Sơ đồ phân cấp chức phía backend 14 Hình Biểu đồ mức ngữ cảnh 15 Hình Biêu đồ luồng liệu mức .16 Hình Phân rã tiến trình 2.0-Quản lý danh mục 17 Hình Phân rã tiến trình 3.0 quản lý đơn hàng 18 Hình Cơ sở liệu website 21 Hình Giao diện phần backend .22 Hình Giao diện phần fontend 22 Hình 10 Chi tiết sản phẩm .23 Hình 11 Giỏ hàng 23 DANH MỤC CỤM TỪ VIẾT TẮT CHƯƠNG GIỚI THIỆU 1.1 Tổng quan Hiện thị trường máy tính ngày phát triển dẫn nhu cầu nâng cấp thay linh kiện điện tử cao mà khách hàng lại không hiểu rõ thông tin linh kiện Từ liên ý tưởng tạo web site quang bá linh kiện điện tử nhằm giúp tiết kiệm thời gian cơng sức khách hàng để tìm hiểu linh kiện 1.2 Phương pháp 1.2.1 Lựa chọn công cụ thực hiện: Việc lựa chọn công cụ vơ quan trọng Trước hết phản ánh mức độ hiểu biết vấn đề người giải toán sâu sắc đến đâu, ta cần phải nắm rõ đặc trưng toán, cân nhắc điểm mạnh yếu mơi trường xung quanh bào tốn để lựa chọn công cụ phù hợp Hơn nữa, công cụ thực định điểm mạnh yếu chương trình xây dựng Để xây dựng website cần cơng cụ lập trình sublime text 1.2.2 Kết đạt được: Sản phẩm sau hồn thành có giao diện bắt mắt, dễ sử dụng, tiện ích có tính bảo mật cao, đáp ứng nhu cầu người sử dụng 1.3 Cấu trúc đồ án Mở đầu: Phần mở đầu giới thiệu sơ qua nội dung, mục đích lý để thực đề tài, lựa chọn công cụ để thực đề tài Phần I: Phân tích thiết kế chương trình: Trong phần này, trình bày q trình phân tích khảo sát hoạt động thực tế Qua phần tìm hiểu thực tế, có nhìn khái qt hệ thống đưa nhận xét, đánh giá ưu điểm, nhược điểm, vấn đề tồn hệ thống tại, nhu cầu hệ thống cần xây dựng Từ đưa thiết kế cho hệ thống Phần II: Đánh giá: Đưa đánh giá, nhận xét hệ thống, vấn đề giải được, vấn đề tồn Đồng thời đưa hướng phát triển đề tài tương lai CHƯƠNG PHÂN TÍCH THIẾT KẾ HỆ THỐNG 2.1 Tìm hiểu tốn 2.1.1Các chức website ST T Bảng 1: Chức phía frontend Chức Mơ tả Xem hàng Người xem xrm thơng tin sản phẩm bao gồm: tên sản phẩm, hình ảnh, giá sản phẩm, mô tả sản phầm Đặt hàng Chức cho phép khách hàng duyệt sản phẩm trang web nhấn nút đặt hàng sản phẩm chọn Giỏ hàng Cho phép khách hàng xem, điều chỉnh mặt hàng chọn mua Bao gồm tính tổng giá sản phẩm mà khách hàng mua Tìm kiếm sản Khách hàng nhập tên vào tìm kiếm để tìm kiếm phẩm sản phẩm a.Chi tiết chức phía frontend Xem hàng: Khách hàng truy cập vào đại website url, chịn vào page site để xem thông tin Đầu vào: Thông tin yêu cầu khách hàng sản phẩm Xử lý: Khí khách hàng chọn sản phẩm page, thơng tin mà khách hàng gửi sử lý, hệ thống lấy liệu từ sở liệu, gửi lên cho người dùng Đầu ra: Thông tin cề sản phẩm bao gồm tên sản phẩm, hình ảnh, hình ảnh, giá sản phẩm, mô tả sản phẩm Đặt hàng: Cho phép khách hàng duyệt sản phẩm trang web Khí khách hàng gửi thơng tin đặt hàng mặt hàng gửi đến giỏ hàng Đầu vào: Thông tin sản phẩm mà khách hàng mướn mua Xử lý: Khi khách hàng chọn mặt hàng muốn mua, phiên làm việc khách hàn chọn lần giỏ hàng tạo sản phẩm số lượng Nếu tồn mặt hàng giỏ hàn số lượng mặt hàng tăng lên Đầu ra: Thông tin cảu mặt hàng lưu giỏ hàng Giỏ hàng: Cho phép khách hàng xem, điều chỉnh, thêm, xóa mặt hàng mà khách đặt mua Có chức tính tổng giá trị đơn hàng Đầu vào: Thơng tin mặt hàng mà khách hàng đặt mua, số lượng sản phẩm mà khách hàng muốn mua Xử lý: Khách hàng thay đổi số lượng mặt hàng muốn mua, khách hàng chọn lại số lượng chọn cập nhật số lượng mặt hàng cần cập nhật lại, tổng giá cần tính tốn lại Khi khách hàng chọn xóa sản phẩm sản phẩm phải xóa khỏi giỏ hàng Đầu ra: Thông tin giỏ hàng bao gồm sản phẩm, số lượng, tổng giá… Tìm kiếm sản phẩm: Để không thời gian duyệt sản phẩm website, khách hàng biết thơng tin sản mà muốn mua cách nhập thơng tin vào ô tìm kiếm Đầu vào: Tên sản phẩm mà khách hàng muốn tìm kiếm Xử lý: Khi khách hàng nhập tên sản phẩm muốn tìm kiếm, hệ thống so sánh tên với liệu có database Nếu nhận kết trả kết tìm kiếm cho người dùng, khơng tìm thấy kết hệ thống gửi thơng báo: “Khơng tìm thấy kết quả” Đầu ra: Hiển thị thông tin sản phẩm b.Sơ đồ phân cấp chức phía backend: Hình Sơ đồ phân cấp chức phía fontend Bảng 2: Chức người quản trị website packend ST Chức Mô tả T Quản lý sản Quản lý thơng tin hình ảnh sản phẩm, người quản trị có 10 phẩm thể upload hình ảnh sản phẩm, nhập thơng tin mơ tả tính sản phẩm, giá cả, số lượng Quản lý danh Quản lý thông tin danh mục sản phẩm bao gồm chức mục sản phẩm thêm, xóa sửa danh mục sản phẩm Quản lý đơn Thống kê đơn đặt hàng đặt khách hàng, xem tình đặt hàng trạng đơn đặt hàng như: Đã giao hàng, chi tiết đơn đặt hàng Chi tiết đơn đặt Hiển thị thông tin chi tiết đơn đặt hàng bao gồm thông hàng tin khách hàng, thông tin sản phẩm đơn hàng, nhân viên thực giao đơn hàng, tình trạng đơn hàng, ghi người quản trị Quản lý người Thêm mới, sửa, xóa thơng tin người dùng dùng a.Chi tiết chức năng: Quản lý sản phẩm: Quản lý thơng tin sản phẩm bao gồm thuộc tính tên, số lượng, giá cả, hãng sản xuất, màu sắc, kích thước, âm thanh, nhớ…Có chức thêm, xóa, sửa thơng tin mặt hàng Đầu vào: Thông tin sản phẩm: Tên, hãng sản xuất, giá cả, tình trạng, kích thước, trọng lượng, màu sắc, âm thanh, nhớ, hệ điều hành, thẻ nhớ, camera, pin, bảo hành, kết nối Xử lý: Thêm sản phẩm: Khi người quản trị website chọn chức thêm sản phẩm, hệ thống chuyển đến trang thêm sản phẩm Ở trang người dùng nhập thông tin sản phẩm sau gửi thơng tin nhập cho hệ thống Sửa sản phẩm: Khi người quản trị website chọn chức sửa sản phẩm thơng tin sản phẩm cần sửa hệ thống chuyển đến trang sửa sản phẩm Ở trang người dùng chỉnh sửa thông tin gửi cho hệ thống Xóa sản phẩm: Người dùng chọn sản phẩm cần xóa, thệ thống gửi thơng tin sản phẩm mà người dùng muốn xóa database, sản phẩm xóa database Đầu ra: Thơng tin sản phẩm sau chỉnh sửa Quản lý danh mục sản phẩm: Bao gồm chức thêm, sửa xóa danh mục sản phẩm Đầu vào: Thơng tin danh mục sản phẩm Xử lý: Khi người quản trị website chọn chức thêm, xóa, sửa thơng tin danh mục sản phẩm cập nhật vào database Đầu ra: Thông tin sản phẩm sau sửa đổi Quản lý đơn đặt hàng: Liệt kê đơn đặt hàng mà khách hàng đặt hàng, Hiển thị tình trạng đơn hàng Đầu vào: Thông tin đơn hàng bao gồm: Tên khách hàng, nơi nhận hàng, thời gian đặt hàng, giá trị đơn hàng, tình trạng đơn hàng 11 Xử lý: Hệ thống lấy liệu từ sở liệu hiển thị lên trang đơn đặt hàng Khi người quản trị chọn hủy đơn hàng hệ thống gửi thơng tin đơn hàng cần hủy xuống database để hủy đơn hàng Khi chọn xem chi tiết gửi đến trang chi tiết đơn đặt hàng Đầu ra: Giá trị, tình trạng đơn hàng Chi tiết đơn đặt hàng: Người quản trị ngồi xem thơng tin đơn đặt hàng, họ cịn muốn biết chi tiết đơn hàng đó, cần hiển thị thơng tin chi tiết đơn đặt hàng bao gồm thông tin khách hàng, thông tin sản phẩm đơn hàng, nhân viên thực giao đơn hàng, tình trạng đơn hàng, ghi người quản trị Đầu vào: Thông tin khách hàng: Họ tên, số điện thoại, mail, địa nhận hàng Thông tin sản phẩm mà khách hàng mua: Tên sản phẩm, số lượng, đơn giá, thành tiền, giá trị hóa đơn Xử lý: Người quản trị chọn nhân viên giao hàng, thêm ghi đơn hàng thời gian mà khách hàng nhận đơn hàng Nếu tình trạng đơn hàng chuyển mà nhân viên giao hàng chưa chọn hệ thống cảnh báo cho quản trị viên biết họ chưa chọn nhân viên giao hàng Ngoài hệ thống cịn có chức hủy đơn đặt hàng phần chi tiết đơn đặt hàng nhân viên gọi điện cho khách hàng mà khách hàng từ chối đơn hàng cần xóa đơn hàng khỏi hệ thống Đầu ra: Thông tin nhân viên giao đơn hàng, tình trạng đơn hàng: chuyển, chuyển hay chưa chuyển Phần ghi nhân viên Quản lý người dùng: Quản lý thông tin người dùng bao gồm thông tin tên, tài khoản, mật chức thêm mới, sửa, xóa người dùng Đầu vào: Thông tin người dùng: Tên, tài khoản, mật Xử lý: Khi quản trị viên chọn chức thêm, sửa, xóa người dùng, Thơng tin mà quản trị viên yêu cầu hệ thống gửi xuống database để thực chước Đầu ra: Thông tin người dùng sau sửa đổi b.Sơ đồ phân cấp chức phía backend: 12 Hình Sơ đồ phân cấp chức phía backend 2.2 Sơ đồ luồng liệu 2.2.1 Biểu đồ mức ngữ cảnh 13 Hình Biểu đồ mức ngữ cảnh 2.2.2 Biểu đồ luồng liệu mức 14 Hình Biêu đồ luồng liệu mức 2.2.3 Biểu đồ luồng liệu mức 1-Phân rã tiến trình 2.0 quản lý danh mục 15 Hình Phân rã tiến trình 2.0-Quản lý danh mục 2.2.4 Biểu đồ luồng liệu mức 1-Phân rã tiến trình 3.0 quản lý đơn hàng 16 Hình Phân rã tiến trình 3.0 quản lý đơn hàng 2.3 Tìm cơng cụ lập trình: Sublime text 2.3.1 Sublime text gì? Sublime Text text editor viết ngơn ngữ lập trình Python sử dụng nhiều tảng hệ điều hành khác Windows, Mac, Linux Hỗ trợ nhiều cơng cụ lập trình phù hợp với nhu cầu lập trình viên Là cơng cụ sử dụng miễn phí trả phí 2.3.2 Lí nên chọn Sublime text 17 Sublime Text khác với IDE khác điểm nhẹ, linh hoạt, cài đặt dễ dàng, dễ sử dụng, cung cấp nhiều tính tiện lợi cho lập trình viên Thời gian khởi động Sublime Text nhanh, rơi vòa khoảng 1-2 giây, khác với IDE khác chung ta thường phải chờ tầm 10 giây đề mở lên Sublime text có diện người dùng trực quan, đơn giản, dễ sử dụng Hỗ trợ hiều chức mạnh mẽ mở rộng thêm thơng qua Package Control Hỗ trợ nhận diên, tơ màu từ khóa cho 20 ngôn ngữ khác HTML, CSS, Javascript, PHP,… Sublime text hỗ trợ nhiều tẳng hệ điều hành khác 2.3 Thiết kế giao diện Giao diện + Giao diện dựa hệ thống nhận diện thương hiệu để xây dựng giao diện riêng, đặc trưng theo lĩnh vực linh kiện điện tử +Thiết kế trang chủ website, sử dụng công cụ đồ họa Banner ảnh, ảnh sản phẩm… +Bao gồm thiết kế mỹ thuật 1trang giao diện dùng cho trang chủ trang +Đồ họa đẹp, ấn tượng phong cách +Trang chủ thiết kê chuyên nghiệp với đồ họa thiết kế theo yêu cầu riêng biệt Trinhhg bày tranh nhã, thân thiện +Màu sắc theo tone màu sáng thị đầy đủ danh mục menu, banner thể hình ảnh sản phẩm +Tổng hợp nội dung web site, bố cục hài hịa, dễ nhìn +Slide show trình diễn hình ảnh tổng quan khơng gian hoạt động website 18