Đồ á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 ĐỒ ÁN CƠ SỞ 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 quý 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 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, để hoà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 .8 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 tố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 T Chức Mơ 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 Quản lý danh mục sản phẩm Quản lý đơn đặt hàng Chi tiết đơn đặt hàng Quản lý người dùng 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ý thông tin danh mục sản phẩm bao gồm chức thêm, xóa sửa danh mục sản phẩm Thống kê đơn đặt hàng đặt khách hàng, xem tình trạng đơn đặt hàng như: Đã giao hàng, chi tiết đơn đặt hàng 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ị Thêm mới, sửa, xóa thơng tin người 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ị 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 Ngồ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 CHƯƠNG TRIỂN KHAI XÂY DỰNG 3.1Tổng quan kiến trúc Client/ Server Kiến trúc Client/ Server kiến trúc nối tiếng mạng máy tính, hầu hết website hoạt động dựa kiến trúc Trong Client máy khách gửi yêu cầu đến máy Server Tại Server lắng nghe yêu cầu từ máy Client, nhận thơng tin từ Client sau xử lý, trả kết cho máy Client Hình 3.1 Mơ hình Client/Server 3.2Ngơn ngữ viết chương trình HTML (HyperText Markup Language) cịn gọi ngơn ngữ đánh dấu siêu văn Nó tạo nhằm cấu trúc lên trang web với mẩu thơng tin trình bày World Wide Web Một số thẻ thường dùng , , , , ,

… CSS (Cascading Style Sheet) Website cấu tạo từ thẻ html với thẻ html thể khung website Để chỉnh, trình bày cho đẹp mắt ta cần sử dụng ngơn ngữ CSS Đây ngôn ngữ dùng nhiều lập trình web, thường với ngơn ngữ html JavaScrip ngơn ngữ lập trình kịch bản, hộ trợ người lập trình việc tạo hiệu ứng website, kiểm tra thông tin đầu vào vào thường viết cho phần giao diện website PHP (Hypertext Preprocessor) ngơn ngữ lập trình chủ yếu dùng để phát triển ứng dụng viết cho máy chủ, dễ dàng nhúng vào trang HTML Đây ngôn ngữ lập trình web phổ biến giới, tính mở nên dễ tiếp cận với lập trình viên MySql hệ quản trị CSDL tự mã nguồn mở phổ biến thể giới nhà phát triển ưa chuộng để phát triển ứng dụng MySQL sở liệu tốc độ cao, ổn định dễ sử dụng, có tính khả chuyển, hoạt động nhiều hệ điều hành cung cấp hệ thống lớn hàm tiện ích mạnh Với tốc độ tính bảo mật cao, MySQL thích hợp cho ứng dụng có truy cập CSDL internet thường với người anh em PHP 19 3.3 Thiết kế bảng liệu: Hình Cơ sở liệu website 3.4 Thiết kế giao diện website: -Giao diện phần backend: 20 Hình Giao diện phần backend -Giao diện phần fontend: Hình Giao diện phần fontend -Chi tiết sản phẩm: 21 Hình 10 Chi tiết sản phẩm -Giỏ hàng: Hình 11 Giỏ hàng 22 CHƯƠNG ĐÁNH GIÁ VÀ KẾT LUẬN 4.1 Đánh giá: 4.1.1 Hạn chế:  Giao diện chưa hoàn thiện  Thơng tin nhiều sản phẩm chưa hồn thiện  Chưa đề cập vấn đề bảo mật an toàn liệu  Sản phẩm linh kiện chưa nhiều 4.1.2 Hướng phát triển: Để khắc phục hạn chế nêu trên, em cố gắng phát triển đề tài tương lai tốt thêm chức sau:  Hoàn chỉnh giao diện ứng dụng sinh động đẹp mắt với người sử dụng  Tăng cường tính an tồn bảo mật cho liệu xây dựng hệ thống bảo mật đường truyền  Cập nhật thêm nhiều sản phẩm 4.2 Kết luận: 23