Website thương mại điện tử kinh doanh điện thoại di động mobile shop

TRƢỜNG ĐẠI HỌC SƢ PHẠM ĐÀ NẴNG KHOA TIN - - BÁO CÁO LUẬN VĂN TỐT NGHIỆP Đề tài: “Website thƣơng mại điện tử kinh doanh điện thoại di động MOBILE SHOP” Giáo viên hướng dẫn: PGS TSKH Trần Quốc Chiến Sinh viên thực : Nguyễn Đăng Vân Đà Nẵng, 05/2014 LỜI CAM ĐOAN Tôi xin cam đoan cơng trình nghiên cứu riêng hướng dẫn thầy Trần Quốc Chiến Các số liệu nêu luận văn trung thực kết luận văn chưa cơng bố cơng trình khác Tác giả luận văn Nguyễn Đăng Vân 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 Điện thoại di động khơng cịn thứ phương tiện 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 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à khơng phải 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 “Website thương mại điện tử kinh doanh điện thoại di động MobileShop ” với mặt hàng điện thoại di động dựa ngôn ngữ lập trình HTML, CSS, PHP MySql Server Cùng với bảo tận tình thầy Trần Quốc Chiến em hồn thành website Trong q trình phân tích thiết kế hệ thống tránh khỏi sai sót mong thầy bạn đóng góp ý kiến để Website hoàn thiện Em xin chân thành cảm ơn! MỤC LỤC CHƢƠNG 1: TỔNG QUAN VỀ ĐỀ TÀI 1.1 Đặt vấn đề: 1.1.1 Phạm vi đề tài: 1.1.2 Chức bản: CHƢƠNG 2: CƠNG CỤ CHÍNH HỖ TRỢ TRONG LUẬN VĂN 2.1 Xây dựng website: 2.1.1 HTML: 2.1.2 CSS: 2.2 Hệ quản trị sở liệu chức năng: 2.2.1 Lưu trữ liệu: 2.2.2 Truy xuất tương tác liệu: CHƢƠNG 3: PHÂN TÍCH CƠ SỞ DỮ LIỆU 3.1 Bảng “tbl_brand”: 11 3.2 Bảng “tbl_model”: 12 3.3 Bảng “tbl_product”: 12 3.4 Bảng “tbl_customer”: 13 3.5 Bảng “tbl_user”: 14 3.6 Bảng “tbl_orders”: 14 3.7 Bảng “tbl_request”: 15 3.8 Bảng “tbl_product_detail”: 15 CHƢƠNG 4: PHÂN TÍCH CHỨC NĂNG VÀ GIAO DIỆN 17 4.1 Giao diện chức khách hàng: 17 4.1.1 Trang chủ: 17 4.1.2 Giao diện chức đăng ký: 18 4.1.3 Giao diện chức đăng nhập: 19 4.1.4 Giao diện chức chi tiết sản phẩm: 20 4.1.5 Giao diện chức giỏ hàng: 21 4.1.6 Giao diện chức phương thức toán: 22 4.1.7 Giao diện chức lịch sử giao dịch: 23 4.1.8 Giao diện chức yêu cầu nạp tiền: 24 4.1.9 Giao diện chức cập nhật thông tin: 25 4.1.10 Giao diện chức so sánh sản phẩm: 26 4.1.11 Giao diện chức tìm kiếm sản phẩm: 27 4.2 Giao diện chức admin: 28 4.2.1 Trang chủ: 28 4.2.2 Giao diện chức quản lý hãng: 29 4.2.3 Giao diện chức quản lý model: 30 4.2.4 Giao diện chức quản lý sản phẩm: 31 4.2.5 Giao diện chức liệt kê danh sách sản phẩm: 32 4.2.6 Giao diện chức quản lý khách hàng: 33 4.2.7 Giao diện chức quản lý đặt hàng: 34 4.2.8 Giao diện quản lý yêu cầu nạp tiền: 35 CHƢƠNG 5: KẾT LUẬN VÀ HƢỚNG PHÁT TRIỂN 36 5.1 Kết luận: 36 5.2 Hướng phát triển: 36 TÀI LIỆU THAM KHẢO 37 NHẬN XÉT CỦA CÁN BỘ HƢỚNG DẪN 38 NHẬN XÉT CỦA GIÁO VIÊN PHẢN BIỆN 39 XÁC NHẬN CỦA GIÁO VIÊN PHẢN BIỆN 40 DANH MỤC HÌNH ẢNH: Hình 2.1 Minh họa mơ hình MVC Hình 3.1 Sơ đồ Use Case Hình 3.2 Quan hệ bảng 11 Hình 4.1 Giao diện trang chủ khách hàng 17 Hình 4.2 Giao diện trang đăng ký khách hàng 18 Hình 4.3 Giao diện trang đăng nhập khách hàng 19 Hình 4.4 Giao diện trang chi tiết sản phẩm 20 Hình 4.5 Giao diện trang giỏ hàng 21 Hình 4.6 Giao diện trang phương thức tốn 22 Hình 4.7 Giao diện trang lịch sử giao dịch 23 Hình 4.8 Giao diện trang yêu cầu nạp tiền 24 Hình 4.9 Giao diện trang cập nhật thông tin 25 Hình 4.10 Giao diện trang so sánh sản phẩm 26 Hình 4.11 Giao diện trang tìm kiếm sản phẩm 27 Hình 4.12 Giao diện trang chủ admin 28 Hình 4.13 Giao diện trang quản lý hãng 29 Hình 4.14 Giao diện trang quản lý model 30 Hình 4.15 Giao diện trang quản lý sản phẩm 31 Hình 4.16 Giao diện trang liệt kê danh sách sản phẩm 32 Hình 4.17 Giao diện trang quản lý khách hàng 33 Hình 4.18 Giao diện trang quản lý đặt hàng 34 Hình 4.19 Giao diện trang quản lý yêu cầu nạp tiền 35 DANH MỤC CÁC BẢNG: Bảng 3.1 Bảng “tbl_brand” 11 Bảng 3.2 Bảng “tbl_model” 12 Bảng 3.3 Bảng “tbl_product” 12 Bảng 3.4 Bảng “tbl_customer” 13 Bảng 3.5 Bảng “tbl_user” 14 Bảng 3.6 Bảng “tbl_orders” 14 Bảng 3.7 Bảng “tbl_request” 15 Bảng 3.8 Bảng “tbl_product_detail” 15 Luận văn tốt nghiệp: Website thương mại điện tử kinh doanh điện thoại Mobileshop CHƢƠNG 1: TỔNG QUAN VỀ ĐỀ TÀI 1.1 Đặt vấn đề: 1.1.1 Phạm vi đề tài: Trước phát triển ngày nhanh chóng lĩnh vực Cơng Nghệ Thông Tin cụ thể lĩnh vực Mạng Truyền Thông phát triển mạnh mẽ kèm với phát triển mạnh mẽ dịch vụ, tiện ích để phục vụ đời sống, cơng việc, giải trí người cụ thể dịch vụ mua bán trực tuyến qua mạng tỏ hiệu người dần trở thành nhu cầu thiết yếu phục vụ người Nắm bắt nhu cầu thiết yếu này, sau khoảng thời gian nghiên cứu tìm hiểu thị trường em đưa định luận văn tốt nghiệp : “Website thương mại điện tử kinh doanh điện thoại di động MobileShop” Với website người dùng :  Xem thơng tin chi tiết điện thoại: thông số kỹ thuật điện thoại, giá bán  Đặt mua hàng tìm hàng cần  So sánh điện thoại với thơng tin để tìm điện thoại phù hợp với khả 1.1.2 Chức bản: 1.1.2.1 Chức cho khách hàng: - Giao diện dễ sử dụng tính thẩm mỹ cao - Cho phép khách hàng đăng kí thành viên trang web - Thông tin sản phẩm phong phú, đa dạng - Xem thơng tin tìm kiếm điện thoại theo nhiều danh mục: theo thương hiệu, model … - So sánh điện thoại SVTH: Nguyễn Đăng Vân – GVHD: PGS.TSKH Trần Quốc Chiến Trang Luận văn tốt nghiệp: Website thương mại điện tử kinh doanh điện thoại Mobileshop - Kiểm tra giỏ hàng: Xem, xóa cập nhật giỏ hàng 1.1.2.2 Chức cho admin: - Cập nhật thông tin hàng hoá trực tuyến Dễ dàng cập nhật thường xuyên thay đổi hình ảnh, thơng tin chi tiết giá mặt hàng bạn kinh doanh đâu - Quản lý khách hàng : Lưu trữ thông tin khách hàng - Thống kê chi tiết cụ thể, xác nhanh chóng Thống kê thương hiệu, model, sản phẩm bán hết, mặt hàng bán chạy, mặt hàng tồn kho, mặt hàng cần chỉnh sửa… SVTH: Nguyễn Đăng Vân – GVHD: PGS.TSKH Trần Quốc Chiến Trang Luận văn tốt nghiệp: Website thương mại điện tử kinh doanh điện thoại Mobileshop CHƢƠNG 2: CƠNG CỤ CHÍNH HỖ TRỢ TRONG LUẬN VĂN 2.1 Xây dựng website: 2.1.1 HTML: HTML chữ viết tắt Hyper Text Markup Language (Ngôn ngữ hiển thị siêu văn bản) Nhờ HTML tương đối đơn giản nên nhiều người bình thường tạo Website đầy ấn tượng Nếu bạn khao khát muốn đưa lên Web, tất điều mà bạn cần có tài khoản đăng ký với hãng cung cấp Web, bí HTML, chút óc sáng tạo 2.1.2 CSS: CSS quy định cách hiển thị thẻ HTML cách quy định thuộc tính thẻ (font chữ, màu sắc) Để cho thuận tiện bạn đặt tồn thuộc tính thẻ vào file riêng có phần mở rộng là".css" CSS phá vỡ giới hạn thiết kế Web, cần file CSS cho phép bạn quản lí định dạng layout nhiều trang khác Các nhà phát triển Web định nghĩa sẵn thuộc tính số thẻ HTML sau dùng lại nhiều trang khác 2.2 Hệ quản trị sở liệu chức năng: 2.2.1 Lƣu trữ liệu: Như giới thiệu chương I, MySQL hệ quản trị CSDL miễn phí, người dùng khơng phải trả lệ phí để sử dụng phát triển kinh doanh Chính em định chọn MySQL để lưu tất CSDL liên quan đề tài MySQL hệ quản trị sở liệu mở, hồn tồn miễn phí MySQL sử dụng phổ biến lập trình website động với PHP, hay gọi chung lập trình PHP & MySQL SVTH: Nguyễn Đăng Vân – GVHD: PGS.TSKH Trần Quốc Chiến Trang Luận văn tốt nghiệp: Website thương mại điện tử kinh doanh điện thoại Mobileshop 4.1.10 Giao diện chức so sánh sản phẩm: Khi khách hàng click vào button So sánh sản phẩm chọn sản phẩm để so sánh xuất giao diện sau: Hình 4.10 Giao diện trang so sánh sản phẩm Ở chức khách hàng đối chiếu thông tin sản phẩm khác bao gồm thơng tin kĩ thuật, giá sản phẩm, từ khách hàng đưa nhận định đánh giá tiến hành mua sản phẩm mà cần SVTH: Nguyễn Đăng Vân – GVHD: PGS.TSKH Trần Quốc Chiến Trang 26 Luận văn tốt nghiệp: Website thương mại điện tử kinh doanh điện thoại Mobileshop 4.1.11 Giao diện chức tìm kiếm sản phẩm: Khách hàng nhập tên sản phẩm cần tìm kiếm nhấn button tìm kiếm xuất giao diện sau: Hình 4.11 Giao diện trang tìm kiếm sản phẩm Ở chức khách hàng tìm theo hãng sản phẩm tên sản phẩm cách nhập từ khóa cần tìm vào tìm kiếm SVTH: Nguyễn Đăng Vân – GVHD: PGS.TSKH Trần Quốc Chiến Trang 27 Luận văn tốt nghiệp: Website thương mại điện tử kinh doanh điện thoại Mobileshop 4.2 Giao diện chức admin: 4.2.1 Trang chủ: Khi admin đăng nhập vào trang web có giao diện sau: Hình 4.12 Giao diện trang chủ admin SVTH: Nguyễn Đăng Vân – GVHD: PGS.TSKH Trần Quốc Chiến Trang 28 Luận văn tốt nghiệp: Website thương mại điện tử kinh doanh điện thoại Mobileshop 4.2.2 Giao diện chức quản lý hãng: Khi admin chọn vào chức quản lý hãng trang web xuất giao diện sau: Hình 4.13 Giao diện trang quản lý hãng Ở có thơng tin tên hãng sản phẩm, hình ảnh, trạng thái hãng trang web Admin có quyền thêm hãng sản phẩm, sửa chửa thông tin hãng xóa hãng sản phẩm SVTH: Nguyễn Đăng Vân – GVHD: PGS.TSKH Trần Quốc Chiến Trang 29 Luận văn tốt nghiệp: Website thương mại điện tử kinh doanh điện thoại Mobileshop 4.2.3 Giao diện chức quản lý model: Khi admin chọn chức quản lý model sản phẩm xuất giao diện sau: Hình 4.14 Giao diện trang quản lý Model Admin có quyền thêm model mới, chỉnh sửa model xóa model SVTH: Nguyễn Đăng Vân – GVHD: PGS.TSKH Trần Quốc Chiến Trang 30 Luận văn tốt nghiệp: Website thương mại điện tử kinh doanh điện thoại Mobileshop 4.2.4 Giao diện chức quản lý sản phẩm: Khi admin click vào giao diện quản lý sản phẩm xuất giao diện sau: Hình 4.15 Giao diện trang quản lý sản phẩm Ở chức admin thêm sản phẩm lên trang web cách chọn tên hãng, tên model, hình ảnh, số lượng, giá sản phẩm tiến hành thêm sản phẩm SVTH: Nguyễn Đăng Vân – GVHD: PGS.TSKH Trần Quốc Chiến Trang 31 Luận văn tốt nghiệp: Website thương mại điện tử kinh doanh điện thoại Mobileshop 4.2.5 Giao diện chức liệt kê danh sách sản phẩm: Khi admin liệt kê danh sách sản phẩm xuất giao diện sau: Hình 4.16 Giao diện trang liệt kê danh sách sản phẩm Trong bảng có thơng tin tên sản phẩm, số lượng, đơn giá sản phẩm, ngày thêm sản phẩm, ngày sửa thông tin sản phẩm, trạng thái sản phẩm trang web Admin chỉnh sửa thơng tin sản phẩm, xóa sản phẩm SVTH: Nguyễn Đăng Vân – GVHD: PGS.TSKH Trần Quốc Chiến Trang 32 Luận văn tốt nghiệp: Website thương mại điện tử kinh doanh điện thoại Mobileshop 4.2.6 Giao diện chức quản lý khách hàng: Khi admin click vào chức quản lý khách hàng trang web xuất giao diện sau: Hình 4.17 Giao diện trang quản lý khách hàng Admin chỉnh sửa thông tin trạng thái khách hàng, block tài khoản khách hàng, trạng thái khách hàng block khách hàng khơng thể đăng nhập vào hệ thống Ngồi admin xóa tài khoản khách hàng SVTH: Nguyễn Đăng Vân – GVHD: PGS.TSKH Trần Quốc Chiến Trang 33 Luận văn tốt nghiệp: Website thương mại điện tử kinh doanh điện thoại Mobileshop 4.2.7 Giao diện chức quản lý đặt hàng: Khi admin chọn chức quản lý đặt hàng khách hàng xuất giao diện sau: Hình 4.18 Giao diện trang quản lý đặt hàng Admin xem thơng tin đơn hàng đặt, chuyển trạng thái đơn hàng từ pending thành trạng thái đặt hàng thành công ngược lại Đồng thời xóa đơn hàng khách hàng đặt SVTH: Nguyễn Đăng Vân – GVHD: PGS.TSKH Trần Quốc Chiến Trang 34 Luận văn tốt nghiệp: Website thương mại điện tử kinh doanh điện thoại Mobileshop 4.2.8 Giao diện quản lý yêu cầu nạp tiền: Chức quản lý yêu cầu nạp tiền khách hàng có giao diện sau: Hình 4.19 Giao diện trang quản lý yêu cầu nạp tiền Trong chức admin xem thông tin yêu cầu nạp tiền khách hàng, chuyển trạng thái yêu cầu từ pending thành thành active để hoàn tất yêu cầu nạp tiền khách hàng nhấn xóa yêu cầu nạp tiền khách hàng SVTH: Nguyễn Đăng Vân – GVHD: PGS.TSKH Trần Quốc Chiến Trang 35 Luận văn tốt nghiệp: Website thương mại điện tử kinh doanh điện thoại Mobileshop CHƢƠNG 5: KẾT LUẬN VÀ HƢỚNG PHÁT TRIỂN 5.1 Kết luận:  Hệ thống Web Site phần lớn cung cấp thông tin sản phẩm, liên hệ, tin tức, xây dựng chức giỏ hàng, đăng ký tài khoản khách hàng mua hàng Website  Xây dựng module cho admin như: Quản lý sản phẩm, quản lý user  Hệ thống hỗ trợ nhà quản trị việc chỉnh sửa, đăng thêm sản phẩm, cập nhật danh mục sản phẩm cách dễ dàng  Qua Website, doanh nghiệp tiếp cận với lượng lớn khách hàng (dù khách hàng xa), giúp giảm chi phí cho doanh nghiệp  Xây dựng nhiều tiêu chí tìm kiếm 5.2 Hƣớng phát triển:  Thêm chức hỗ trợ ngôn ngữ, bình luận sản phẩm…  Xây dựng giao diện đẹp với công cụ điều hướng hợp lý, thân thiện với người sử dụng  Xây dựng chức cho phép khách hàng cập nhật thông tin người dùng  Về phía quản trị: quản lý đơn đặt hàng, thông tin liên hệ SVTH: Nguyễn Đăng Vân – GVHD: PGS.TSKH Trần Quốc Chiến Trang 36 Luận văn tốt nghiệp: Website thương mại điện tử kinh doanh điện thoại Mobileshop TÀI LIỆU THAM KHẢO Bài giảng thầy Ngơ Đình Thưởng Phân tích lập trình web Trang web: www.izwebz.com Trang web: http://www.w3schools.com Trang web: http://hocwebchuan.com Trang web: http://thietkewebsite88.com Các diễn đàn trang trao đổi thông tin khác SVTH: Nguyễn Đăng Vân – GVHD: PGS.TSKH Trần Quốc Chiến Trang 37 Luận văn tốt nghiệp: Website thương mại điện tử kinh doanh điện thoại Mobileshop NHẬN XÉT CỦA CÁN BỘ HƢỚNG DẪN Đà Nẵng, ngày tháng … năm 2014 Cán hướng dẫn SVTH: Nguyễn Đăng Vân – GVHD: PGS.TSKH Trần Quốc Chiến Trang 38 Luận văn tốt nghiệp: Website thương mại điện tử kinh doanh điện thoại Mobileshop NHẬN XÉT CỦA GIÁO VIÊN PHẢN BIỆN Đà Nẵng, ngày tháng … năm 2014 Giáo viên phản biện SVTH: Nguyễn Đăng Vân – GVHD: PGS.TSKH Trần Quốc Chiến Trang 39 Luận văn tốt nghiệp: Website thương mại điện tử kinh doanh điện thoại Mobileshop XÁC NHẬN CỦA GIÁO VIÊN PHẢN BIỆN Sau tiếp thu ý kiến nhận xét từ giáo viên phản biện, em tiến hành sửa chửa hoàn thành theo yêu cầu giáo viên Xin giáo viên phản biện xem xét xác nhận giúp em Em xin chân thành cảm ơn! Đà Nẵng, ngày tháng … năm 2014 Giáo viên phản biện SVTH: Nguyễn Đăng Vân – GVHD: PGS.TSKH Trần Quốc Chiến Trang 40 ... văn tốt nghiệp : ? ?Website thương mại điện tử kinh doanh điện thoại di động MobileShop” Với website người dùng :  Xem thông tin chi tiết điện thoại: thông số kỹ thuật điện thoại, giá bán  Đặt... mại điện tử Việt Nam, em tìm hiểu xây dựng ? ?Website thương mại điện tử kinh doanh điện thoại di động MobileShop ” với mặt hàng điện thoại di động dựa ngơn ngữ lập trình HTML, CSS, PHP MySql Server... nghiệp: Website thương mại điện tử kinh doanh điện thoại Mobileshop 4.2.4 Giao di? ??n chức quản lý sản phẩm: Khi admin click vào giao di? ??n quản lý sản phẩm xuất giao di? ??n sau: Hình 4.15 Giao di? ??n