Đồ án tốt nghiệp xây dựng website bán điện thoại di động trực tuyến

Chuyên đề thực tập GVHD: Nguyễn Quỳnh Mai MỤC LỤC DANH MỤC BẢNG, HÌNH VẼ LỜI NÓI ĐẦU CHƯƠNG I: TỔNG QUAN 1.1 ĐẶT VẤN ĐỀ: 1.2 MỤC TIÊU CỦA ĐỀ TÀI: 1.3 PHẠM VI ĐỀ TÀI: 10 1.4 ĐỐI TƯỢNG: 10 1.5 GIỚI THIỆU CÔNG CỤ THỰC HIỆN .10 1.5.1 Sơ lược HTML: 10 1.5.1.1 Giới thiệu chung: 10 1.5.1.2 Cấu trúc chung trang HTML: 11 1.5.1.3 Các thẻ HTML bản: 11 1.5.2 Sơ lược ngơn ngữ lập trình PHP: 12 1.5.2.1 Lịch sử đời phát triển PHP: 12 1.5.2.2 Các phiên PHP: 14 1.5.2.3 Tại nên dùng PHP: 17 1.5.3 Sơ lược hệ quản trị MYSQL: .18 1.5.3.1 Mysql gì? 18 1.5.3.2 Tại nên dùng MySQL: 19 CHƯƠNG II 23 PHÂN TÍCH THIẾT KẾ HỆ THỐNG 23 2.1 PHÂN TÍCH HỆ THỐNG: 23 2.1.1 Các thông tin đầu đầu vào hệ thống: 23 2.1.2 Các tác nhân: 23 2.1.3 Biểu đồ phân cấp chức năng: 23 2.1.3.1 Biểu đồ phân cấp chức toàn hệ thống: 23 2.1.3.2 Biểu đồ phân rã chức “Tìm kiếm”: 24 SV: Nguyễn Trung Hiếu Lớp: CNTT55 Chuyên đề thực tập GVHD: Nguyễn Quỳnh Mai 2.1.3.3 Biểu đồ phân rã chức “Quản lý tài khoản”: 24 2.1.3.4 Biểu đồ phân rã chức “Mua hàng”: 25 2.1.3.5 Biểu đồ phân rã chức “Quản lý thành viên”: 25 2.1.3.6 Biểu đồ phân rã chức “Quản lý hãng”: 25 2.1.3.7 Biểu đồ phân rã chức “Quản lý sản phẩm”: 26 2.1.3.8 Biểu đồ phân rã chức “Quản lý tin tức”: 26 2.1.3.9 Biểu đồ phân rã chức “Quản lý mua hàng”: 26 2.1.3.10 Biểu đồ phân rã chức “Quản lý thống kê, báo cáo”: 27 2.1.4 Biểu đồ luồng liệu: 27 2.1.4.1 Biểu đồ luồng liệu mức khung cảnh: 27 2.1.4.2 Biểu đồ luồng liệu mức đỉnh: 28 2.1.4.3 Biểu đồ luồng liệu mức đỉnh cách chức năng: 28 2.2 THIẾT KẾ CƠ SỞ DỮ LIÊU: 33 2.2.1 Mô tả thực thể: 33 2.2.2 Liên kết thực thể: .34 2.2.3 Các bảng liệu: 35 2.2.3.1 Bảng admin: 35 2.2.3.2 Bảng user: 35 2.2.3.3 Bảng user_tmp: 36 2.2.3.4 Bảng product_category: 36 2.2.3.5 Bảng product: 37 2.2.3.6 Bảng blog: 37 2.2.3.7 Bảng bill: 38 2.2.3.8 Bảng bill_details: 38 2.2.3.9 Bảng comment_product: 39 2.2.3.10 Bảng replay_comment_product: 39 2.2.3.11 Bảng slider: 40 2.2.3.12 Bảng subscribe: 40 2.2.4 Quan hệ bảng: 41 SV: Nguyễn Trung Hiếu Lớp: CNTT55 Chuyên đề thực tập GVHD: Nguyễn Quỳnh Mai CHƯƠNG III .42 THIẾT KẾ GIAO DIỆN .42 3.1 PHẦN DÀNH CHO KHÁCH HÀNG: .42 3.1.1 Trang chủ: 42 3.1.2 Trang cửa hàng: .43 3.1.3 Trang kết tìm kiếm: 44 3.1.4 Trang chi tiết sản phẩm: 45 3.1.5 Trang danh sách tin tức: 46 3.1.6 Trang nội dung tin tức: 47 3.1.7 Trang giỏ hàng: 48 3.1.8 Trang đăng nhập đăng ký: 49 3.1.9 Trang đặt hàng: 50 3.1.10 Trang chọn hình thức toán: 51 3.1.11 Trang tốn thành cơng: 52 3.1.12 Trang lịch sử mua hàng: 53 3.1.13 Trang thông tin tài khoản: .54 3.1.14 Trang lấy lại mật khẩu: 55 3.1.15 Trang liên hệ: 56 3.2 PHẦN DÀNH CHO ADMIN: 57 3.2.1 Trang đăng nhập: .57 3.2.2 Trang sở liệu: 58 3.2.3 Trang quản lý quản trị viên: 58 3.2.4 Trang quản lý thành viên: 59 3.2.5 Trang quản lý hãng: 59 3.2.6 Trang quản lý sản phẩm: 60 3.2.7 Trang quản lý phản hồi sản phẩm: 61 3.2.8 Trang quản lý tin tức: .62 3.2.9 Trang quản lý hóa đơn: 63 3.2.10 Trang quản lý theo dõi: 64 SV: Nguyễn Trung Hiếu Lớp: CNTT55 Chuyên đề thực tập GVHD: Nguyễn Quỳnh Mai 3.2.11 Trang quản lý slider: 64 3.2.12 Trang báo cáo thống kê: 65 KẾT LUẬN 66 Đánh giá: 66 1.1 Kết đạt được: 66 1.2 Hạn chế đề tài: 66 Hướng phát triển tương lai: 66 TÀI LIỆU THAM KHẢO 68 SV: Nguyễn Trung Hiếu Lớp: CNTT55 Chuyên đề thực tập GVHD: Nguyễn Quỳnh Mai DANH MỤC BẢNG, HÌNH VẼ Bảng 1: Bảng admin 35 Bảng 2: Bảng user 35 Bảng 3: Bảng user_tmp 36 Bảng 4: Bảng product_category .36 Bảng 5: Bảng product 37 Bảng 6: Bảng blog 37 Bảng 7: Bảng bill 38 Bảng 8: Bảng bill_details .38 Bảng 9: Bảng comment_product 39 Bảng 10: Bảng replay_comment_product 39 Bảng 11: Bảng slider .40 Bảng 12: Bảng subscribe .40 Hình 2.1: Biểu đồ phân cấp chức toàn hệ thống 24 Hình 2.2: Biểu đồ phân rã chức tìm kiếm 24 Hình 2.3: Biểu đồ phân rã chức quản lý tài khoản 24 Hình 2.4: Biểu đồ phân rã chức mua hàng 25 Hình 2.5: Biểu đồ phân rã chức quản lý thành viên 25 Hình 2.6: Biểu đồ phân rã chức quản lý hãng .25 Hình 2.7: Biểu đồ phân rã chức quản lý sản phẩm 26 Hình 2.8: Biểu đồ phân rã chức quản lý tin tức .26 Hình 2.9: Biểu đồ phân rã chức quản lý mua hàng 26 Hình 2.10: Biểu đồ phân rã chức quản lý thống kê, báo cao 27 Hình 2.11: Biểu đồ luồng liệu mức khung cảnh .27 Hỉnh 2.12: Biểu đồ luồng liệu mức đỉnh 28 Hỉnh 2.13: Biểu đồ luồng liệu chức tìm kiếm 28 SV: Nguyễn Trung Hiếu Lớp: CNTT55 Chuyên đề thực tập GVHD: Nguyễn Quỳnh Mai Hình 2.14: Biểu đồ luồng liệu chức xem sản phẩm 29 Hình 2.15: Biểu đồ luồng liệu chức quản lý tài khoản .29 Hình 2.16: Biểu đồ luồng liệu chức mua hàng 30 Hình 2.17: Biểu đồ luồng liệu chức quản lý thành viên 30 Hình 2.18: Biểu đồ luồng liệu chức quản lý hãng 31 Hình 2.19: Biểu đồ luồng liệu chức quản lý sản phẩm .31 Hình 2.20: Biểu đồ luồng liệu chức quản lý tin tức 32 Hình 2.21: Biểu đồ luồng liệu chức quản lý mua hàng 32 Hình 2.22: Biểu đồ luông liệu chức quản lý thống kê, báo cáo 33 Hình 2.23: Liên kết E-R 34 Hình 2.24: Mối quan hệ bảng 41 SV: Nguyễn Trung Hiếu Lớp: CNTT55 Chuyên đề thực tập GVHD: Nguyễn Quỳnh Mai LỜI NÓI ĐẦU Với phát triển nhảy vọt công nghệ thông tin nay, Internet ngày trở nên phổ biến giữ vai trò quan trọng lĩnh vực khoa học kĩ thuật đời sống Chắc hẳn người nhiều nghe biết đến Internet, hiểu đơn giản, Internet tập hợp máy tính kết nối với nhau, mạng máy tính tồn cầu mà kết nối máy PC, Laptop hay Smart phone họ Với mạng Internet, tin học thật tạo nên cách mạng trao đổi thơng tin lĩnh vực: trị, văn hóa, kinh tế, xã hội… Trong thời đại nay, thời đại mà người biết đến Website, truy cập Website để tìm hiểu thơng tin thị trường, văn hóa, xã hội, mua bán… việc có Website để quảng bá cơng ty hay Website cá nhân khơng cịn điều xa xỉ Thơng qua Website khách hàng xem lựa chọn sản phẩm mà cần cách nhanh chóng hiệu Với cơng nghệ World Wide Web, hay gọi Web giúp đưa thông tin mong muốn lên mạng cho người xem cách dễ dàng với công cụ ngôn ngữ lập trình khác Sự đời ngơn ngữ lập trình cho phép xây dựng trang Web đáp ứng yêu cầu người sử dụng PHP ( viết tắt chữ “Hypertext Preprocessor”), ngơn ngữ lập trình để viết phía máy chủ (lập trình Web) Hiện có nhiều ngơn ngữ lập trình viết máy chủ C#,Java,Python PHP ngơn ngữ nhóm Với nhiều ưu điểm bật mà PHP MySQL nhiều người sử dụng Với lí đó, hướng dẫn giúp đỡ cô Nguyễn Quỳnh Mai, em chọn đề tài: “Xây dựng Website bán điện thoại di động trực tuyến” đề tài cho chuyên đề tốt nghiệp Trong trình thực chuyên đề em nhận giúp đỡ bảo tận tình thầy, cô giáo Em xin chân thành cảm ơn cô Nguyễn Quỳnh Mai hướng dẫn em trình làm chuyên đề SV: Nguyễn Trung Hiếu Lớp: CNTT55 Chuyên đề thực tập GVHD: Nguyễn Quỳnh Mai Tuy nhiên, thời gian hạn hẹp, nỗ lực chun đề khó tránh khỏi khiếm khuyết Em mong nhận thơng cảm, lời góp ý bảo tận tình q Thầy Cơ Ngồi lời mở đầu kết luận, chuyên đề thực tập chia làm chương: Chương 1: Tổng quan Chương 2: Phân tích thiết kế hệ thống Chương 3: Thiết kế giao diện SV: Nguyễn Trung Hiếu Lớp: CNTT55 Chuyên đề thực tập GVHD: Nguyễn Quỳnh Mai CHƯƠNG I: TỔNG QUAN 1.1 ĐẶT VẤN ĐỀ: Ngày nay, thương mại điện tử ngày trở nên phổ biến giới nói chung nước ta nói riêng với nhiều hình thức khác Qua đó, bán hàng trực tuyến dần trở thành xu hướng mà công ty, cửa hàng áp dụng nhờ vào phát triển mạnh mẽ Internet Chính tiện lợi tiết kiệm thời gian lại, chi phí cho bên giao dịch nên người có xu hướng ưa chuộng phương thức giao dịch Với thương mại điện tử, chi phí tiết kiệm đến mức tối đa Khách hàng dễ dàng xem sản phẩm, nhanh chóng đặt hàng vận chuyển sản phẩm đến tận nơi dù xa với bên bán Bên cạnh đó, việc quảng bá thương hiệu đến khách hàng thông qua Internet tiêu tốn chi phí ngang với truyền thơng trực tiếp cho khách hàng Nhằm theo kịp xu hướng thị trường đáp ứng nhu cầu khách hàng, em chọn đề tài “Xây dựng Website bán điện thoại di động trực tuyến” giúp quảng bá sản phẩm đến khách hàng cách nhanh chóng 1.2 MỤC TIÊU CỦA ĐỀ TÀI: Xây dựng hệ thống hỗ trợ cho phép bán hàng trực tiếp Internet: - Nhanh chóng, hiệu - Đảm bảo xác tiện lợi cho khách hàng - Thuận tiện cho việc mua bán hàng - Ngoài chức trang web phải thiết kế cho dễ hiểu, giao diện mang tính dễ dùng, đẹp mắt cho khách hàng thấy thông tin cần tìm Điều quan trọng phải đảm bảo an tồn tuyệt đối thơng tin khách hàng q trình đặt mua qua mạng Đồng thời trang web phải đổi mới, hấp dẫn SV: Nguyễn Trung Hiếu Lớp: CNTT55 Chuyên đề thực tập GVHD: Nguyễn Quỳnh Mai 1.3 PHẠM VI ĐỀ TÀI: Hệ thống gồm có phần: Thứ nhất: Phần khách hàng: - Khách hàng người có nhu cầu mua sắm hàng hóa, họ tìm kiếm sản phẩm cần thiết từ hệ thống đặt mua mặt hàng - Khách hàng xem thông tin, tin tức khuyến mại Web - Sau khách hàng chọn đặt hàng trực tiếp nhập thơng tin mua hàng xem hóa đơn hàng Thứ hai: Phần quản trị viên: Quản trị viên cấp username password để đăng nhập vào hệ thống thực chức mình: - Chức cập nhật, sửa, xóa sản phẩm, hãng sản phẩm, tin tức… - Tiếp nhập kiểm tra đơn đặt hàng khách hàng Hiển thị đơn hàng 1.4 ĐỐI TƯỢNG: Website dành cho đối tượng khách hàng có nhu cầu xem sản phẩm đặt mua sản phẩm trực tuyến 1.5 GIỚI THIỆU CÔNG CỤ THỰC HIỆN 1.5.1 Sơ lược HTML: 1.5.1.1 Giới thiệu chung: Trang Web kết hợp văn thể HTML HTML chữ viết tắt HyperText Markup Language hội đồng World Wide Web Consortium(W3C) quy định Một tập tin HTML chẳng qua tập tin bình thường, có html htm HTML giúp đinh dạng văn trang Web nhờ thẻ Hơn nữa, thẻ html liên kết từ cụm từ với tài liệu khác Internet Đa số thẻ HTML có dạng thẻ đóng mở Thẻ đóng dùng chung từ lệnh giống thẻ mở, thêm dấu xiên phải (/) Ngôn ngữ HTML qui định cú pháp không phân biệt chữ hoa thường Ví dụ, khai báo Khơng có khoảng trắng đinh nghĩa thẻ SV: Nguyễn Trung Hiếu 10 Lớp: CNTT55 Chuyên đề thực tập GVHD: Nguyễn Quỳnh Mai 3.1.13.Trang thông tin tài khoản: 3.1.14.Trang lấy lại mật khẩu: SV: Nguyễn Trung Hiếu 57 Lớp: CNTT55 Chuyên đề thực tập SV: Nguyễn Trung Hiếu GVHD: Nguyễn Quỳnh Mai 58 Lớp: CNTT55 Chuyên đề thực tập GVHD: Nguyễn Quỳnh Mai 3.1.15.Trang liên hệ: SV: Nguyễn Trung Hiếu 59 Lớp: CNTT55 Chuyên đề thực tập 3.2 GVHD: Nguyễn Quỳnh Mai PHẦN DÀNH CHO ADMIN: 3.2.1 Trang đăng nhập: SV: Nguyễn Trung Hiếu 60 Lớp: CNTT55 Chuyên đề thực tập GVHD: Nguyễn Quỳnh Mai 3.2.2 Trang sở liệu: 3.2.3 Trang quản lý quản trị viên: SV: Nguyễn Trung Hiếu 61 Lớp: CNTT55 Chuyên đề thực tập GVHD: Nguyễn Quỳnh Mai 3.2.4 Trang quản lý thành viên: 3.2.5 Trang quản lý hãng: 3.2.6 Trang quản lý sản phẩm: SV: Nguyễn Trung Hiếu 62 Lớp: CNTT55 Chuyên đề thực tập GVHD: Nguyễn Quỳnh Mai 3.2.7 Trang quản lý phản hồi sản phẩm: SV: Nguyễn Trung Hiếu 63 Lớp: CNTT55 Chuyên đề thực tập GVHD: Nguyễn Quỳnh Mai 3.2.8 Trang quản lý tin tức: SV: Nguyễn Trung Hiếu 64 Lớp: CNTT55 Chuyên đề thực tập GVHD: Nguyễn Quỳnh Mai 3.2.9 Trang quản lý hóa đơn: SV: Nguyễn Trung Hiếu 65 Lớp: CNTT55 Chuyên đề thực tập GVHD: Nguyễn Quỳnh Mai 3.2.10.Trang quản lý theo dõi: SV: Nguyễn Trung Hiếu 66 Lớp: CNTT55 Chuyên đề thực tập GVHD: Nguyễn Quỳnh Mai 3.2.11.Trang quản lý slider: 3.2.12.Trang báo cáo thống kê: SV: Nguyễn Trung Hiếu 67 Lớp: CNTT55 Chuyên đề thực tập GVHD: Nguyễn Quỳnh Mai KẾT LUẬN Đánh giá: SV: Nguyễn Trung Hiếu 68 Lớp: CNTT55 Chuyên đề thực tập 1.1 GVHD: Nguyễn Quỳnh Mai Kết đạt được: Trong trình xây dựng website, em vận dụng kiến thức giảng dạy Trường Đại học Kinh tế Quốc dân, kết hợp với kiến thức tra cứu để xây dựng trang web bán điện thoại di động trực tuyến Nhìn tổng quan, trang web đạt kết sau: - Giao diện bắt mắt, thân thiện với người dùng, thao tác đăng ký, đăng nhập đơn giản Khách hàng dễ dàng tạo cho tài khoản website, xem thơng tin sản phẩm, đặt hàng trực tuyến tốn trực tuyến thơng qua Ngân Lượng Bảo Kim - Giao diện hỗ trợ hiển thị thiết bị di động - Hỗ trợ gửi mail lấy lại mật khách hang quên mật - Admin dễ dàng cập nhật thơng tin quản lý dựa vào thông tin cung cấp sau đăng nhập vào trang quản trị - Hình ảnh sản phẩm đầu từ trau chuốt tỉ mỉ, thông tin sản phẩm cập nhật liên tục giá, số lượng 1.2 Hạn chế đề tài: Bên cạnh thời gian thực đề tài ngắn, trình độ thân cịn hạn hẹp, kiến thức thực tế chưa nhiều nên trình thực cịn nhiều thiếu sót sau: - Chưa hồn thành chức toán trực tuyến qua Paypal - Cơ sở liệu cịn đơn giản, tính bảo mật website chưa cao - Tương tác với khách hàng nhiều hạn chế Hướng phát triển tương lai: Nhận thấy hạn chế tồn website em hy vọng tương lai cải thiện phát triển theo định hướng sau: - Thống kê doanh thu sản phẩm theo ngày, tháng, q năm - Tích hợp tốn trực tuyến qua Paypal - Tích hợp tính gợi ý tìm kiếm SV: Nguyễn Trung Hiếu 69 Lớp: CNTT55 Chuyên đề thực tập GVHD: Nguyễn Quỳnh Mai Bài báo cáo chuyên đề thực tập hoàn thiện nhờ giúp đỡ, dạy tận tình Nguyễn Quỳnh Mai, thầy cô giảng viên Viện Công nghệ thông tin Bài báo cáo cịn nhiều thiếu sót, em mong nhận đươc góp ý từ phía thầy cô giáo đề tương lại trang web bán điện thoại trực tuyến em hoàn chỉnh đưa vào sử dụng SV: Nguyễn Trung Hiếu 70 Lớp: CNTT55 Chuyên đề thực tập GVHD: Nguyễn Quỳnh Mai TÀI LIỆU THAM KHẢO vi.wikipedia.org www.w3schools.com freetuts.net/ www.izwebz.com www.youtube.com/ www.google.com SV: Nguyễn Trung Hiếu 71 Lớp: CNTT55 ... đó, hướng dẫn giúp đỡ cô Nguyễn Quỳnh Mai, em chọn đề tài: ? ?Xây dựng Website bán điện thoại di động trực tuyến” đề tài cho chuyên đề tốt nghiệp Trong trình thực chuyên đề em nhận giúp đỡ bảo tận... phí ngang với truyền thơng trực tiếp cho khách hàng Nhằm theo kịp xu hướng thị trường đáp ứng nhu cầu khách hàng, em chọn đề tài ? ?Xây dựng Website bán điện thoại di động trực tuyến” giúp quảng bá... biết đến Website, truy cập Website để tìm hiểu thơng tin thị trường, văn hóa, xã hội, mua bán? ?? việc có Website để quảng bá cơng ty hay Website cá nhân khơng cịn điều xa xỉ Thơng qua Website khách