Thiết kế website bán hàng trực tuyến mặt hàng điện thoại di động đatn

ĐẠI HỌC ĐÀ NẴNG PHÂN HIỆU ĐẠI HỌC ĐÀ NẴNG TẠI KON TUM O0O ĐỒ ÁN TỐT NGHIỆP TÊN ĐỒ ÁN: THIẾT KẾ WEBSITE BÁN HÀNG TRỰC TUYẾN MẶT HÀNG ĐIỆN THOẠI DI ĐỘNG NGÀNH: CÔNG NGHỆ THÔNG TIN HỆ: VỪA HỌC VỪA LÀM SVTH: Nguyễn Thị Phương Nam MSSV: 144109011 SVTH: Đào Tuấn Vũ MSSV: 144109023 KON TUM, 02/2017 ĐẠI HỌC ĐÀ NẴNG PHÂN HIỆU ĐẠI HỌC ĐÀ NẴNG TẠI KON TUM O0O ĐỒ ÁN TỐT NGHIỆP TÊN ĐỒ ÁN: THIẾT KẾ WEBSITE BÁN HÀNG TRỰC TUYẾN MẶT HÀNG ĐIỆN THOẠI DI ĐỘNG NGÀNH: CÔNG NGHỆ THÔNG TIN HỆ: VỪA HỌC VỪA LÀM SVTH: Nguyễn Thị Phương Nam MSSV: 144109011 SVTH: Đào Tuấn Vũ MSSV: 144109023 GVHD: TS Huỳnh Hữu Hưng KON TUM, 02/2017 LỜI CAM ĐOAN Tôi xin cam đoan cơng trình nghiên cứu riêng Các số liệu, kết nêu đề tài trung thực chưa công bố cơng trình khác TÁC GIẢ ĐỀ TÀI Nguyễn Thị Phương Nam Đào Tuấn Vũ LỜI CẢM ƠN ! Trên thực tế khơng có thành cơng mà không gắn liền với hỗ trợ, giúp đỡ dù hay nhiều, dù trực tiếp hay gián tiếp người khác Trong suốt thời gian học tập, làm đồ án tốt nghiệp em nhận nhiều quan tâm, giúp đỡ Quý thầy cô khoa Công nghệ thông tin – Đại học Bách khoa Đà Nẵng Quý thầy cô Khoa Kỹ thuật Nông nghiệp – Phân hiệu Đại học Đà Nẵng Kon Tum, gia đình bạn bè Với lòng biết ơn sâu sắc nhất, em xin gửi đến Quý thầy cô khoa Công nghệ thông tin – Đại học Bách khoa Đà Nẵng Quý thầy cô Khoa Kỹ thuật Nông nghiệp – Phân hiệu Đại học Đà Nẵng Kon Tum đặc biệt đóng góp to lớn giáo viên hướng dẫn – TS Huỳnh Hữu Hưng - Khoa Công nghệ thông tin – Đại học Bách Khoa Đà Nẵng hướng dẫn, giúp đỡ, động viên, tạo điều kiện thuận lợi suốt trình thực đề tài Với cố gắng, nỗ lực thân nhằm đem lại đề tài hiệu nhất, nhiên vốn kiến thức, khả lý luận hạn chế, q trình làm đề tài khơng tránh khỏi sai sót Rất mong đóng góp ý kiến thầy bạn để đề tài hoàn thiện Xin chân thành cảm ơn! MỤC LỤC LỜI CAM ĐOAN LỜI CẢM ƠN ! MỤC LỤC DANH MỤC BẢNG VÀ HÌNH LỜI NÓI ĐÂU Chương 1: 1.1 Tổng quan đề tài nghiên cứu 1.2 Lý chọn đề tài 1.3 Mục tiêu đề tài Chương 2: 2.1 Giới thiệu website 2.2 Giới thiệu ngơn ngữ lập trình HTML 2.3 Giới thiệu ngôn ngữ PHP 2.4 Giới thiệu MySQL 2.5 Giới thiệu CSS 2.6 Giới thiệu cơng cụ lập trình notepad++ 2.7 Giới thiệu chương trình tạo máy chủ XAMPP Chương 3.1 Các ký hiệu UML 3.2 Biểu đồ phân cấp chức 10 3.3 Use-Case Diagram 10 3.3.1 Đặc tả Actor 10 3.3.2 Xác định chức Actor 11 3.4 Đặc tả Use-case 12 3.4.1 Bỏ hàng vào giỏ 12 3.4.2 Xem giỏ hàng 13 3.4.3 Giảm sản phẩm giỏ hàng 13 3.4.4 Sửa số lượng sản phẩm giỏ hàng 14 3.4.5 Tìm sản phẩm 15 3.4.6 Đăng ký thành viên 15 3.4.7 Chỉnh sửa thông tin thành viên 16 3.4.8 Đăng nhập thành viên 17 3.4.9 Tạo đơn đặt hàng 17 3.4.10 Xem sản phẩm 19 3.4.11 Xem chi tiết sản phẩm 19 3.4.12 Xem tin tức 20 3.4.13 Đăng nhập cửa hàng 20 3.4.14 Quản lý danh mục 21 3.4.15 Quản lý tin tức 21 3.4.16 Quản lý sản phẩm 22 3.4.17 Quản lý nhà cung cấp 22 3.4.18 Quản lý đơn đặt hàng 23 3.5 Use – Case Diagram 25 3.5.1 Use-Case cho khách hàng 25 3.5.2 Use-case Diagram cho phận quản trị hệ thống 26 3.5.3 Quản lý sản phẩm 27 3.5.4 Quản lý danh mục 27 3.5.5 Quản lý nhà cung cấp 28 3.5.6 Quản lý đơn đặt hàng 28 3.5.7 Quán lý tin tức 29 3.6 Sequence Diagram 30 3.6.1 Bỏ hàng vào giỏ 30 3.6.2 Xem giỏ hàng 31 3.6.3 Xóa sản phẩm giỏ hàng 31 3.6.4 Sửa số lượng sản phẩm giỏ hàng 32 3.6.5 Tìm sản phẩm 33 3.6.6 Đăng ký thành viên 33 3.6.7 Chỉnh sửa thông tin thành viên 34 3.6.8 Đăng nhập thành viên 34 3.6.9 Tạo đơn đặt hàng 35 3.6.10 Xem sản phẩm 36 3.6.11 Xem chi tiết sản phẩm 36 3.6.12 Xem tin tức 37 3.6.13 Tạo tin tức 37 3.6.14 Xóa tin tức 38 3.6.15 Cập nhật tin tức 39 3.6.16 Thêm danh mục 39 3.6.17 Xóa danh mục 40 3.6.18 Sửa danh mục 41 3.6.19 Thêm sản phẩm 42 3.6.20 Xóa sản phẩm 43 3.6.21 Sửa sản phẩm 44 3.6.22 Xem chi tiết đơn đặt hàng 45 3.7 Thiết kế bảng sở liệu 45 3.7.1 Bảng tin tức 45 3.7.2 Bảng User 45 3.7.3 Bảng quản trị 46 3.7.4 Bảng Danh Mục 46 3.7.5 Bảng sản phẩm 46 3.7.6 Bảng giỏ hàng 47 3.7.7 Mối quan hệ bảng 47 Chương 4: 48 4.1 Giao diện 48 4.2 Giao diện chi tiết sản phẩm 49 4.3 Giao diện trang tin tức 50 4.4 Giao diện menu 51 Chương 5: 52 5.1 Kết luận 52 5.1.1 Kết đạt 52 5.1.2 Hạn chế 52 5.2 Hướng phát triển 52 TÀI LIỆU THAM KHẢO 53 DANH MỤC BẢNG VÀ HÌNH TT 10 11 12 Số hiệu hình vẽ 3.1 3.2 3.3 3.4 3.5 3.6 3.7 3.8 3.9 3.10 3.11 3.12 13 14 15 16 17 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 3.13 3.14 3.15 3.16 3.17 3.18 3.19 3.20 3.21 3.22 3.23 3.24 3.25 3.26 3.27 3.28 3.29 3.30 4.1 4.2 4.3 4.4 Tên hình vẽ Các ký hiệu UML Use-case cho khách hàng Use-case cho phận quản trị hệ thống Use-case Diagram admin quản lý sản phẩm Use-case Diagram admin quản lý danh mục Use-case Diagram admin quản lý nhà cung cấp Use-case Diagram admin quản lý đơn đặt hàng Use-case Diagram admin quản lý tin tức Sequence Diagram bỏ hàng vào giỏ Sequence Diagram xem giỏ hàng Sequence Diagram xóa sản phẩm giỏ hàng Sequence Diagram sửa số lượng sản phẩm giỏ hàng Sequence Diagram tìm sản phẩm Sequence Diagram đăng ký thành viên Sequence Diagram chỉnh sửa thông tin thành viên Sequence Diagram đăng nhập thành viên Sequence Diagram tạo đơn đặt hàng Sequence Diagram Xem sản phẩm Sequence Diagram Xem chi tiết sản phẩm Sequence Diagram Xem tin tức Sequence Diagram Tạo tin tức Sequence Diagram Xóa tin tức Sequence Diagram Cập nhật tin tức Sequence Diagram Thêm danh mục Sequence Diagram Xóa danh mục Sequence Diagram Sửa danh mục Sequence Diagram Thêm sản phẩm Sequence Diagram Xóa sản phẩm Sequence Diagram Sửa sản phẩm Sequence Diagram Xem chi tiết đơn đặt hàng Giao diện Giao diện chi tiết sản phẩm Giao diện trang tin tức Giao diện menu trang web Trang 25 26 27 27 28 28 29 30 31 31 32 33 33 34 34 35 36 36 37 37 38 39 39 40 41 42 43 44 45 48 49 50 51 LỜI NÓI ĐÂU Ngày nay, với phát triển mạnh mẽ công nghệ thông tin ứng dụng đời sống Máy tính điện tử khơng cịn thứ phương tiện quý lạ lẫm người mà dần trở thành cơng cụ làm việc giải trí thơng dụng hữu ích chúng ta, khơng cơng sở mà cịn gia đình Trong kinh tế nay, với xu tồn cầu hố kinh tế giới, mặt đời sống xã hội ngày nâng cao, đặc biệt nhu cầu trao đổi hàng hoá người ngày tăng số lượng chất lượng.Hiện công ty tin học hàng đầu giới không ngừng đầu tư cải thiện giải pháp sản phẩm nhằm cho phép tiến hành thương mại hóa Internet Thơng qua sản phẩm cơng nghệ này, dễ dàng nhận tầm quan trọng tính tất yếu thương mại điện tử Với thao tác đơn giản máy có nối mạng Internet bạn có tận tay cần mà nhiều thời gian Bạn cần vào trang dịch vụ thương mại điện tử, làm theo hướng dẫn click vào bạn cần Các nhà dịch vụ mang đến tận nhà cho bạn Để tiếp cận góp phần đẩy mạnh phổ biến thương mại điện tử Việt Nam, Em tìm hiểu, xây dựng cài đặt “Website bán hàng trực tuyến” với mặt hàng là: Điện thoại di động Thơng qua giúp em hiểu biết, nắm rõ lĩnh vực thương mại điện tử kỹ ứng dụng lập trình cho website thương mại điện tử cách hiệu Kon Tum, ngày tháng năm 201 Nhóm Thực Chương 1: Tổng quan Chương TỔNG QUAN 1.1 Tổng quan đề tài nghiên cứu Công nghệ thông tin truyền thông có mặt nhiều phương diện sống hàng ngày chúng ta, từ thương mại đến giải trí chí văn hóa, xã hội giáo dục Nó giữ vai quan trọng quốc gia giới, đặc biệt Việt Nam, công nghệ thông tin xem tảng vững phục vụ cho tiến trình phát triển đất nước bền vững, hướng đến quốc gia có kinh tế, an ninh, trị, văn hóa, giáo dục, xã hội ổn định, tốt Đông Nam Á giới Ngày nay, điện thoại di động, máy tính để bàn, thiết bị cầm tay, thư điện tử việc sử dụng Internet trở thành tâm điểm văn hóa cộng đồng chúng ta, cầu nối tách rời nhịp sống tồn cầu hóa Trên giới thương mại điện tử phát triển mạnh mẽ, giúp tiết kiệm đáng kể chi phí nhờ chi phí vận chuyển trung gian, chi phí giao dịch, chi phí quảng cáo đặc biệt giúp tiết kiệm thời gian để người đầu tư vào hoạt động khác Sự phát triển cơng nghệ thơng tin nói chung mạng internet nói riêng đem lại nhiều thay đổi cách kinh doanh thói quen người tiêu dùng 1.2 Lý chọn đề tài Ngày nay, cần thông tin sản phẩm, dịch vụ, so sánh giá mặt hàng, hay thông tin cửa hàng, thông tin khuyến lựa chọn sản phẩm phù hợp với nhu cầu mình, biện pháp nghĩ đến thường internet Dù khách hàng đâu, với vài nhấp chuột người dùng có thông tin cần thiết vàviệc mua sắm thực cách nhanh chóng, tiện lợi, tiết kiệm thời gian, đáp ứng nhu cầu thực tế Bên cạnh đó, nội dung trang web ln cập nhật, thay đổi đem đến cho khách hàng thông tin xác nhất, cơng cụ marketing hiệu cửa hàng, doanh nghiệp 1.3 Mục tiêu đề tài Xây dựng trang web bán hàng điện thoại, đảm bảo chức như: quản lý sản phẩm, đơn hàng, khách hàng, giỏ hàng Tìm hiểu, sử dụng phần mềm, ngôn ngữ để xây dựng website như: PHP, HTML, MYSQL, CSS Chương 3: Phân tích thiết kế hệ thống 3.6.15 Cập nhật tin tức 1: Mo Form 2: Lay danh sach tin tuc 3: Lay danh sach tin tuc 4: Thong tin tin tuc 5: Hien thi tin tuc 6: Chon tin tuc 7: Nhap thong tin tin tuc 8: Chon cap nhat 9: Luu lai 10: Luu thong tin tin tuc Hình 3.23: Sequence Diagram Cập nhật tin tức 3.6.16 Thêm danh mục 1: Mo Form 2: Nhap thong tin danh muc 3: Chon them 4: Luu 5: Tao danh muc san pham 6: Luu thong tin danh muc Hình 3.24: Sequence Diagram Thêm danh mục 39 Chương 3: Phân tích thiết kế hệ thống 3.6.17 Xóa danh mục 1: Mo Form 2: Lay danh sach danh muc 3: Lay danh sach danh muc 4: Thong tin danh muc 5: Hien thi danh sach danh muc 6: Chon danh muc 7: Chon xoa 8: Xoa 9: Xoa thong tin danh muc 10: Tra ve ket qua 11: Hien thi ket qua Hình 3.25: Sequence Diagram Xóa danh mục 40 Chương 3: Phân tích thiết kế hệ thống 3.6.18 Sửa danh mục 1: Mo Form 2: Lay danh sach danh muc 3: Lay danh sach danh muc 4: Thong tin danh muc 5: Hien thi thong tin danh muc 6: Chon danh muc 7: Cap nhat thong tin 8: Chon sua 9: Luu lai 10: Luu thong tin danh muc Hình 3.26: Sequence Diagram Sửa danh mục 41 Chương 3: Phân tích thiết kế hệ thống 3.6.19 Thêm sản phẩm 1: Mo Form 2: Lay danh sach danh muc 3: Lay danh sach danh muc 4: Thong tin danh muc 5: Hien thi danh sach danh muc 6: Chon danh muc 7: Nhap thong tin san pham 8: Chon luu 9: Kiem tra luu thong tin 10: Tao san pham 11: Luu thong tin san pham Hình 3.27: Sequence Diagram Thêm sản phẩm 42 Chương 3: Phân tích thiết kế hệ thống 3.6.20 Xóa sản phẩm 1: Mo Form 2: Lay danh sach danh muc 3: Lay danh sach danh muc 4: Thong tin danh muc 5: Hien thi danh sach danh muc 6: Chon danh muc 7: Lay danh sach san pham 8: Lay danh sach san pham 9: Thong tin danh sach san pham 10: Hien thi danh sachsan pham 11: Chon san pham 12: Chon xoa 13: Xoa 14: Xoa thong tin san pham 15: Tra ve ket qua 16: Hien thi Hình 3.28: Sequence Diagram Xóa sản phẩm 43 Chương 3: Phân tích thiết kế hệ thống 3.6.21 Sửa sản phẩm 1: Mo Form 2: Lay danh sach danh muc 3: Lay danh sach danh muc 4: Thong tin danh sach danh muc 5: Hien thi danh sach danh muc 6: Chon danh muc 7: Lay danh sach san pham Lay danh sach san pham 9: Thong tin san pham 10: Hien thi danh sach san pham 11: Chon san pham 12: Cap nhat thong tin san pham 13: Chon sua 14: Luu lai 15: Luu thong tin san pham Hình 3.29: Sequence Diagram Sửa sản phẩm 44 Chương 3: Phân tích thiết kế hệ thống 3.6.22 Xem chi tiết đơn đặt hàng 1: Chon xem chi tiet don dat hang 2: Xu ly xem chi tiet don dat hang 3: Xem chi tiet 4: Lay chi tie don dat hang 5: Hien thi chi tiet Hình 3.30: Sequence Diagram Xem chi tiết đơn đặt hàng 3.7 Thiết kế bảng sở liệu 3.7.1 Bảng tin tức STT Tên trường Diễn giải Kiểu liệu Id_tt Id tin tức Int(11) tieude Tiêu đề tin tức Varchar(255) anh ảnh tin tức Varchar(255) noidungtomtat Nội dung tóm tắt tin tức Varchar(255) noidung Nội dung tin tức Text Ngaytao Ngày tạo tin tức datetime luotxem Lượt xem tin tức Int(11) Khóa Khóa 3.7.2 Bảng User STT Tên trường Diễn giải Kiểu liệu Id_us Id user Int(11) Hoten Họ tên khách hàng Varchar(50) Email Email đăng ký Varchar(50) Password Mật đăng ký Varchar(50) 45 Khóa Khóa Chương 3: Phân tích thiết kế hệ thống Sdt Số điện thoại đăng ký Varchar(50) diachi Địa đăng ký Varchar(50) 3.7.3 Bảng quản trị STT Tên trường Diễn giải Kiểu liệu Khóa Khóa Id_qt Id người quản trị Int(11) Hoten Họ tên người quản trị Varchar(50) Username Tên đăng nhập Varchar(50) Password Mật đăng nhâp Varchar(50) 3.7.4 Bảng Danh Mục STT Tên trường Diễn giải Kiểu liệu Id_dm Id danh mục Int(11) tendanhmuc Tên danh mục Varchar(50) Khóa Khóa 3.7.5 Bảng sản phẩm STT Tên trường Diễn giải Kiểu liệu Id_sp Id sản phẩm Int(11) Danhmucid Id danh mục Int(11) Tensp Tên sản phẩm Varchar(50) Gia Giá sản phẩm Varchar(50) Giakhuyenmai Giá khuyến Varchar(50) Anh ảnh sản phẩm Varchar(50) Thongso Thông số kỹ thuật sản Text phẩm Ngaytao Ngày tạo sản phẩm Datetime luotxem Lươt xem sản phẩm datetime 46 Khóa Khóa Chương 3: Phân tích thiết kế hệ thống 3.7.6 Bảng giỏ hàng STT Tên trường Diễn giải Kiểu liệu Id_gh Id giỏ hàng Int(11) Hoten Họ tên khách hàng Varchar(50) email Email khách hàng Varchar(50) Sdt Số điện thoại khách hang Varchar(50) Diachi Địa khách hàng Varchar(50) Tinh Tỉnh Varchar(50) Id_sp Id sản phẩm Int(11) Soluong Số lượng sản phẩm Int(11) Tongtien Tổng tiền đơn hang Int(11) 10 ngaytao Ngày tạo đơn hàng datetime 3.7.7 Mối quan hệ bảng 47 Khóa Khóa Chương 4: Đemo chương trình Chương ĐEMO CHƯƠNG TRÌNH 4.1 Giao diện Hình 4.1: Giao diện trang web 48 Chương 4: Đemo chương trình 4.2 Giao diện chi tiết sản phẩm Hình 4.2: Giao diện chi tiết sản phẩm 49 Chương 4: Đemo chương trình 4.3 Giao diện trang tin tức Hình 4.3: Giao diện trang tin tức 50 Chương 4: Đemo chương trình 4.4 Giao diện menu Hình 4.4: Giao diện menu trang web 51 Chương 5: Kết luận hướng phát triển Chương KẾT LUẬN VÀ HƯƠNG PHÁT TRIỂN 5.1 Kết luận 5.1.1 Kết đạt - Phân tích chi tiết thiết kế theo mơ hình UML - Thiết kế liệu MySQL - Thiết kế giao diện dễ nhìn - Hiển thị thơng tin loại sản phẩm, tin tức - Phân loại sản phẩm theo danh mục - Cung cấp hình thức tìm kiếm theo tên sản phẩm - Thiết kế giỏ hàng giúp khách hàng chọn mua hàng dễ dàng cập nhật giỏ hàng - Khách hàng hiệu chỉnh thơng tin cá nhân - Người quản trị có chức quản lý, thêm,xóa, sửa số bảng liệu như: sản phẩm, danh mục, nhà cung cấp, tin tức,… Có chức tạo đơn đặt hàng cho khách hàng sau chọn hàng vào giỏ hàng 5.1.2 Hạn chế - Chưa thực hình thức toán trực tuyến - Phần thiết kế chức xử lý đơn đặt hàng chưa tốt, số chức cần phải thiết kế rõ 5.2 Hướng phát triển - Thực toán trực tuyến - Mở rộng qui mơ kinh doanh website: bán hàng cho địa điểm nhiều tỉnh thành - Gia tăng dịch vụ kinh doanh như: Tặng quà cho khách hàng thân thiết, tổ chức chương trình khuyến - Thiết kế mơ hình thương mại điện tử theo chế bảo mật cao cho sở liệu 52 Tài liệu tham khảo TÀI LIỆU THAM KHẢO 1) Damon Armstrong, 2005, ASP.Net 2.0 Website Programming 2) Ngơ Thị Bích Phượng, 2007 Tài liệu UML 3) www.google.com.vn 53 ... HỌC ĐÀ NẴNG TẠI KON TUM O0O ĐỒ ÁN TỐT NGHIỆP TÊN ĐỒ ÁN: THIẾT KẾ WEBSITE BÁN HÀNG TRỰC TUYẾN MẶT HÀNG ĐIỆN THOẠI DI ĐỘNG NGÀNH: CÔNG NGHỆ THÔNG TIN HỆ: VỪA HỌC VỪA LÀM SVTH: Nguyễn Thị... thương mại điện tử Việt Nam, Em tìm hiểu, xây dựng cài đặt ? ?Website bán hàng trực tuyến? ?? với mặt hàng là: Điện thoại di động Thơng qua giúp em hiểu biết, nắm rõ lĩnh vực thương mại điện tử kỹ... 3: Phân tích thiết kế hệ thống 3.2 Biểu đồ phân cấp chức QUẢN LÝ BÁN HÀNG TRỰC TUYẾN QLhàng Cập nhật hàng Hiển thị mặt hàng QL tài khoản QL đơn hàng Cập nhật tài khoản Cập nhật đơn hàng Cập nhật