Tiểu luận môn học lâp trình web xây dựng website shop điện thoại

TRƯỜNG ĐẠI HỌC THỦ DẦU MỘT KHOA KĨ THUẬT CÔNG NGHỆ TIỂU LUẬN MƠN HỌC LÂP TRÌNH WEB XÂY DỰNG WEBSITE SHOP ĐIỆN THOẠI GVHD: THS NGUYỄN HỮU VĨNH SVTH: BÙI HỒNG XN MSSV: 1824801030233 LỚP: D18PM04 BÌNH DƯƠNG – 12/2020 0 KHOA KỸ THUẬT – CÔNG NGHỆ NHẬN XÉT VÀ CHẤM ĐIỂM CỦA GIẢNG VIÊN Họ tên giảng viên: Nguyễn Hữu Vĩnh Tên đề tài: LẬP TRÌNH WEBSITE SHOP ĐIỆN THOẠI Nội dung nhận xét: Điểm: Bằng số: Bằng chữ: GIẢNG VIÊN CHẤM (Ký, ghi rõ họ tên) NGUYỄN HỮU VĨNH Bùi Hoàng Xuân – 182480103023 0 MỤC LỤC LỜI NÓI ĐẦU CHƯƠNG I: TỔNG QUAN VỀ ĐỀ TÀI .7 1/ Tên đề tài: 2/ Mục tiêu đề tài: 3/ Ý nghĩa đề tài: 4/ Đối tượng phạm vi đề tài: .7 4.1/ Đối tượng đề tài: 4.2/ Phạm vi đề tài: 5/ Một số trang website: .7 5.1/ Phần WEBSITE: .7 5.2/ Phần quản trị: Chương 2: Thiết kế sở liệu chức hệ thống 1/ Danh sách Actor: 2/ Danh sách use – case: 3/ Sơ đồ USE-CASE: 11 3.1/ Sơ đồ use-case tổng quan: .11 3.2/ Sơ đồ Use – Case Khách Hàng: .12 3.3/Sơ đồ Use – Case Quản Trị: .13 4/ Đặc tả USE – CASE: 13 4.1/ Use-Case Đăng nhập: 13 4.2/ Use – Case Mua sản phẩm – Đặt hàng: 15 4.3/ Use – Case Tìm kiếm sản phẩm: .16 4.4 Use – Case Xem thông tin sản phẩm: 17 4.5.Use – Case Thêm giỏ hàng: 17 4.6.Use – Case Đăng sản phẩm: 18 4.7.Use – Case Xác nhận đơn hàng: .19 5/ Biểu đồ hoạt động: 20 5.1/ Biểu đồ hoạt động: Use – Case Đăng nhập: 20 Bùi Hoàng Xuân – 182480103023 0 5.2/ Biểu đồ hoạt động Use – Case mua sản phẩm-đặt hàng: 21 5.3/ Biểu đồ hoạt động: Use – Case Tìm kiếm sản phẩm: 22 5.4/ Biểu đồ hoạt động: Use – Case Xem thông tin sản phẩm: .22 5.5/ Biểu đồ hoạt động: Use – Case đăng sản phẩm: 23 5.6/ Biểu đồ hoạt động Use-Case Xác nhận đơn hàng: 24 6/ Biểu đồ lớp: 25 7/ Thiết kế sở liệu: 26 7.1/ Sơ đồ tổng quan CSDL: 26 7.2/ Cấu trúc liệu bảng ADMIN: .26 7.3/ Cấu trúc liệu bảng LoaiSanPham: 27 7.4/ Cấu trúc liệu bảng SanPham: .27 7.5/ Cấu trúc liệu bảng DonDatHang: .28 7.6/ Cấu trúc liệu bảng ChiTietDonHang: 28 7.7/ Cấu trúc liệu bảng LoaiTinTuc: 29 7.8/ Cấu trúc liệu bảng TinTuc: 29 7.9/ Cấu trúc liệu bảng LienHe: 30 CHƯƠNG 2: GIỚI THIỆU CÁC CÔNG NGHỆ .30 1/ Giới Thiệu Về HTML 30 1.1/ HTML gì? 30 1.2/ Công dụng HTML 30 1.3/ Định dạng HTML .31 2/ Giới thiệu Adobe Dreamweaver: .31 3/ Ngôn ngữ CSS .31 4/ Ngôn ngữ Javascript .32 5/ Giới thiệu ngôn ngữ ASP.NET: 32 6/ ASP.NET WEBFORM: 33 CHƯƠNG 3: GIAO DIỆN CHƯƠNG TRÌNH 33 1/ Giao diện Trang Chủ: .33 2/ Giao diện Danh Mục Sản Phẩm: 36 3/ Giao diện Liên Hệ: 36 Bùi Hoàng Xuân – 182480103023 0 4/ Giao diện Sản Phẩm: 37 5/ Giao diện Chi Tiết Sản Phẩm: 39 6/ Giao diện Giỏ Hàng: 41 7/ Giao diện Tin Tức: 41 8/ Quản Trị Trang Web: 43 1/ Phần đăng nhập: 43 2/ Phẩn đổi mật khẩu: .43 3/ Trang quản trị: 44 4/ Phần quản trị Sản Phẩm: 44 5/Phần quản trị Tin Tức: 47 6/ Phần Liên Hệ: 49 7/ Phần Tài Khoản: 50 CHƯƠNG 4: KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 51 1/ Kết đạt được: 51 2/ Việc chưa làm được: 51 3/ Hướng phát triển đề tài 52 TÀI LIỆU KHAM KHẢO 52 DANH SÁCH CÁC BẢNG Bảng Bảng Bảng Bảng Bảng Bảng Bảng Bảng Bảng Danh sách Actor Danh sách user – case Đặc tả Use-Case Đăng nhập 14 Đặt tả Use – Case Mua sản phẩm – Đặt hàng 15 Đặc tả Use – Case Tìm kiếm sản phẩm .15 Đặc tả Use – Case Xem thông tin sản phẩm .16 Đặc tả Use – Case Thêm giỏ hàng 17 Đặc tả Use – Case Đăng sản phẩm 18 Đặc tả Use – Case Xác nhận đơn hàng 19 DANH SÁCH CÁC HÌNH Hình 1: Sơ đồ use-case tổng quan 11 Hình 2: Sơ đồ Use – Case Khách Hàng 12 Bùi Hồng Xn – 182480103023 0 Hình 3: Sơ đồ Use – Case Quản Trị .13 Hình Biểu đồ hoạt động: Use – Case Đăng nhập 20 Hình Biểu đồ hoạt động Use – Case mua sản phẩm-đặt hàng .21 Hình Biểu đồ hoạt động: Use – Case Tìm kiếm sản phẩm 22 Hình Biểu đồ hoạt động: Use – Case Xem thông tin sản phẩm 22 Hình Biểu đồ hoạt động: Use – Case đăng sản phẩm 23 Hình Biểu đồ hoạt động Use-Case Xác nhận đơn hàng .24 Hình 10 Biểu đồ lớp .25 Hình 11 Sơ đồ tổng quan CSDL .26 Hình 12 Cấu trúc liệu bảng ADMIN 26 Hình 13 Cấu trúc liệu bảng LoaiSanPham 27 Hình 14 Cấu trúc liệu bảng SanPham 27 Hình 15 Cấu trúc liệu bảng DonDatHang 28 Hình 16 Cấu trúc liệu bảng ChiTietDonHang 28 Hình 17 Cấu trúc liệu bảng LoaiTinTuc 29 Hình 18 Cấu trúc liệu bảng LoaiTinTuc 29 Hình 19 Cấu trúc liệu bảng LienHe 30 Hình 20 Giao diện Trang Chủ 36 Hình 21 Giao diện Danh Mục Sản Phẩm .36 Hình 22 Giao diện Liên Hệ 37 Hình 23 Giao diện Sản Phẩm 38 Hình 24 Giao diện Sản Phẩm 39 Hình 25 Giao diện Chi Tiết Sản Phẩm 40 Hình 26 Giao diện Giỏ Hàng 41 Hình 27 Giao diện Tin Tức 42 Hình 28 Phần đăng nhập 43 Hình 29 Phần đăng nhập 44 Hình 30 Trang quản trị 44 Hình 31 Phần quản trị Loại Sản Phẩm 45 Hình 32 Phần quản trị Loại Sản Phẩm Cập Nhật 45 Hình 33 Phần quản trị Sản Phẩm 46 Hình 34 Phần quản trị Sản Phẩm Cập Nhật 46 Hình 35 Phần quản trị Loại Tin Tức .47 Hình 36 Phần quản trị Loại Tin Tức Cập Nhật .47 Hình 37 Phần quản trị Tin Tức .48 Hình 38 Phần quản trị Tin Tức Cập Nhật .49 Hình 39 Phần Liên Hệ 50 Hình 40 Phần Tài Khoản 50 Hình 41 Phần Tài Khoản Cập Nhật 51 Bùi Hoàng Xuân – 182480103023 0 LỜI NÓI ĐẦU Thế giới ngày bùng nổ mạng máy tính, người nhanh chóng giao tiếp kết nối với dễ dàng thông qua nhiều loại dich vụ internet Đây điều kiện thuận lợi cho việc trao đổi mua bán qua internet ngày phát triển Hiện nay, việc trao đổi mua bán trực tuyến qua mạng internet phát triển thành lĩnh vực lớn, lĩnh vực Thương mại điện tử Ở lĩnh vực này, thương mại kết hợp điện tử tạo mơ hình kinh doanh trực tuyến – kinh doanh online dụng website để tạo doanh thu Thương mại điện tử trở thành phương tiện giao dịch quen thuộc công ty thương mại tồn cầu Thương mại điện tử có khả giúp ích nhiều cho doanh nghiệp lớn lẫn nhỏ người hưởng lợi thường khách hàng Khách hàng mua sản phẩm rẻ hơn, nhanh hơn, hiệu thuận lợi hơn, doanh nghiệp đưa sản phẩm đến với thị trường cách nhanh nhất, bán hàng thuận lợi Ngày Điện Thoại Di Động trở thành phụ kiện thiếu phần đông người giới, Điện Thoại Thông Minh trở thành phần tất yếu giới trẻ Chính thị trường sản xuất, mua bán điện thoại thông minh trở lên sôi hết Với đời hãng điện thoại có quy mơ lớn, cơng nghệ cao, với nhiều mẫu mã sản phẩm đời, phát triển vượt bậc ngành công nghiệp điện thoại Ngày người ta vài năm đổi điện thoại lần chí vài tháng Thị trường mua bán điện thoại có tiềm dồi Hiểu vấn đề em muốn xây dựng website bán điện thoại trực tuyến, tận dụng nhu cầu cao việc mua bán điện thoại, ưu điểm vượt trội thương mại điện tử WEBSITE xây dựng SHOP ĐIỆN THOẠI đưa sản phẩm thông minh đến với nhiều người qua mạng internet rộng lớn, xây dựng nơi người, khách hàng truy cập xem, tìm hiểu mẫu SmartPhone mua, sử dụng thuận tiện Chính em chọn đề tài về: “XÂY DỰNG WEBSITE SHOP ĐIỆN THOẠI” Đề tài tiểu luận gồm phần phân chương sau: Chương 1: TỔNG QUAN VỀ ĐỀ TÀI Chương 2: THIẾT KẾ CƠ SỞ DỮ LIỆU VÀ CHỨC NĂNG HỆ THỐNG Chương 3: GIỚI THIỆU CÔNG NGHỆ Chương 4: WEBSITE Chương 5: KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN Bùi Hoàng Xuân – 182480103023 0 CHƯƠNG I: TỔNG QUAN VỀ ĐỀ TÀI 1/ Tên đề tài: Đề tài: “LẬP TRÌNH WEBSITE SHOP ĐIỆN THOẠI” 2/ Mục tiêu đề tài: Phân tích thiết kế, lập trình website SHOP ĐIỆN THOẠI Phân tích quy trình nghiệp vụ khách hàng mua, tìm xem web bán Smartphone internet Trên sở thiết kế website phục vụ cho trình tìm kiếm thơng tin sản phẩm điện thoại khách hàng, xây dựng website cải thiện trải nghiệm mua hàng khách hàng đem đến cho khách hàng trải nghiệm mua hàng tốt mua trà website shop Ngồi web cịn cung cấp chức xem tin tức để người, khách hàng trao đổi thơng tin, trải nghiệm, hiểu biết SmarPhone 3/ Ý nghĩa đề tài: Đưa sản phẩm điện thoại đến với nhiều người dùng, quảng bá sản phẩm tốt mạng internet rộng lớn Xây dựng niềm tin, mối quan hệ với khách hàng Tạo dựng nơi để tìm hiểu, trao đổi trực tuyến 24/24 với khách hàng 4/ Đối tượng phạm vi đề tài: 4.1/ Đối tượng đề tài: Đối tượng nghiên cứu đề tài chủ yếu loại sản phẩm điện thoại, loại website đem lại trải nghiệm người dùng lĩnh vực thương mại điện tử Ngoài đề tài tìm hiểu cơng nghệ thiết kế, lập trình web, mang lại trải nghiệm giao diện(UI) mang lại trải nghiệm người dùng(UX) 4.2/ Phạm vi đề tài: Không gian: đề tài thiết kế website shop điện thoại xây dựng dựa khảo sát cửa hàng điện thoại TP Thủ Dầu Một, tỉnh Bình Dương Và đề tài tham khảo trang bán lẻ trực tuyến điện thoại internet Thời gian thực đề tài: 15/11/2020 – 10/12/2020 5/ Một số trang website: 5.1/ Phần WEBSITE: Trang chủ: Đây trang giới thiệu sơ lược sản phẩm cửa hàng Bùi Hoàng Xuân – 182480103023 0 Trang Giới thiệu: Đây trang giúp cho khách hàng xem biết thêm thông tin Shop Trang liên hệ: Đây trang mà khách hàng liên hệ với shop Trang sản phẩm: Đây trang khách hàng xem tham khảo mặt hàng cửa hàng có sẵn để lựa chọn Trang chi tiết sản phẩm: Đây trang khách hàng nhấn vào sản phẩm để xem chi tiết Trang tin tức: trang khách hàng tìm hiểu kiến thức, thông tin sản phẩm Trang giỏ hàng: trang khách hàng xem sản phẩm giỏ hàng Và nhập thông cá nhân để đặt hàng 5.2/ Phần quản trị: Trang đăng nhập: quản trị viên cần có tài khoản mật để đăng nhập Trang đổi mật khẩu: quản trị viên có đổi mật tài khoản sở hữu/ Trang quản trị: quản trị viên thấy tổng quát đối tượng cần quản lí Quản trị viên đăng xuất để khỏi phiên làm việc Trang quản trị sản phẩm: quản trị viên thực thêm,xóa, sửa loại sản phẩm, Sản Phẩm cập trạng thái sản phẩm Trang quản trị tin tức: quản trị viên thực thêm, xóa, sửa cập nhật đăng tin tức Trang quản trị tài khoản: quản trị viên thực thao tác thêm user, xóa user, sửa thơng tin cá nhân user Trang quản trị liên hệ: quản trị viên xem yêu cầu, ý kiến khách hàng Trang quản trị đơn hàng: quản trị viên thấy đươc thơng tin đặt hàng khách hàng hệ thống Chương 2: Thiết kế sở liệu chức hệ thống 1/ Danh sách Actor: STT TÊN ACTOR Khách Hàng Ý NGHĨA Là người ghé qua website, xem thông tin sản phẩm mua hàng, bình luận sản phẩm, quản lí đơn hàng đặt mua Bùi Hoàng Xuân – 182480103023 0 Quản Trị Viên Là người quản trị website: thực chức thêm, sửa, xóa đối tượng: user, sản phẩm, tin tức, Xem thông tin đơn đặt hàng khách hàng giải đáp cá liên hệ Bảng Danh sách Actor 2/ Danh sách use – case: STT Tên USE-CASE Ý nghĩa Xem thông tin sản phẩm Cho phép người quản lý, khách hàng xem thông tin sản phẩm có trang web Đăng nhập Use-Case cho phép người dùng đăng nhập vào hệ thống để thực chức Tìm kiếm sản phẩm Cho phép tìm kiếm sản phẩm Tìm kiếm sản phẩm theo loại Cho phép tìm kiếm sản phẩm theo loại Tìm kiếm sản phẩm theo giá Cho phép tìm kiếm sản phẩm theo giá Tìm kiếm sản phẩm theo tên Cho phép tìm kiếm sản phẩm theo tên Quản lí WESITE Cho phép nhân viên quản trị website Xem giỏ hàng Cho khách hàng cập nhật giỏ hàng, thêm sản phẩm, loại sản phẩm Xem đơn hàng Cho khách hàng xem đơn hàng: xác nhận đơn hàng hủy đơn hàng 10 Thêm giỏ hàng Cho khách hàng thêm sản phẩm vào giỏ hàng 11 Quản lí sản phẩm Cho nhân viên cập nhật sản phẩm, thêm sản phẩm 12 Thêm sản phẩm Cho phép nhân viên thêm sản phẩm vào hệ thống 13 Xác nhận đơn hàng Cho phép nhân viên xác nhận đơn hàng để lập hóa đơn Bùi Hồng Xn – 182480103023 0 Hình Biểu đồ hoạt động: Use – Case Tìm kiếm sản phẩm 5.4/ Biểu đồ hoạt động: Use – Case Xem thơng tin sản phẩm: Hình Biểu đồ hoạt động: Use – Case Xem thông tin sản phẩm Bùi Hoàng Xuân – 182480103023 0 5.5/ Biểu đồ hoạt động: Use – Case đăng sản phẩm: Hình Biểu đồ hoạt động: Use – Case đăng sản phẩm 0 Bùi Hoàng Xuân – 182480103023 0 5.6/ Biểu đồ hoạt động Use-Case Xác nhận đơn hàng: Hình Biểu đồ hoạt động Use-Case Xác nhận đơn hàng Bùi Hoàng Xuân – 182480103023 0 6/ Biểu đồ lớp: 0 Hình 10 Biểu đồ lớp Bùi Hồng Xn – 182480103023 0 7/ Thiết kế sở liệu: 7.1/ Sơ đồ tổng quan CSDL: Hình 11 Sơ đồ tổng quan CSDL 7.2/ Cấu trúc liệu bảng ADMIN: 0 Hình 12 Cấu trúc liệu bảng ADMIN Bùi Hoàng Xuân – 182480103023 0 7.3/ Cấu trúc liệu bảng LoaiSanPham: Hình 13 Cấu trúc liệu bảng LoaiSanPham 7.4/ Cấu trúc liệu bảng SanPham: Hình 14 Cấu trúc liệu bảng SanPham 0 Bùi Hoàng Xuân – 182480103023 7.5/ Cấu trúc liệu bảng DonDatHang: 0 Hình 15 Cấu trúc liệu bảng DonDatHang 7.6/ Cấu trúc liệu bảng ChiTietDonHang: Hình 16 Cấu trúc liệu bảng ChiTietDonHang Bùi Hoàng Xuân – 182480103023 0 7.7/ Cấu trúc liệu bảng LoaiTinTuc: Hình 17 Cấu trúc liệu bảng LoaiTinTuc 7.8/ Cấu trúc liệu bảng TinTuc: 0 Hình 18 Cấu trúc liệu bảng LoaiTinTuc Bùi Hoàng Xuân – 182480103023 0 7.9/ Cấu trúc liệu bảng LienHe: Hình 19 Cấu trúc liệu bảng LienHe CHƯƠNG 2: GIỚI THIỆU CÁC CÔNG NGHỆ 1/ Giới Thiệu Về HTML 1.1/ HTML gì? HTML (Hypertext Markup Language-Ngơn ngữ đánh dấu siêu văn bản) ngôn ngữ đánh dấu chuẩn dùng soạn thảo tài liệu World Wide Web, rõ trang Web hiển thị trình duyệt Ngơn ngữ HTML dùng tag đoạn mã lệnh trình duyệt (Web browsers) cách hiển thị thành phần trang text graphics HTML ngôn ngữ xác định cấu trúc thông tin HTML sử dụng loạt thẻ thuộc tính dùng để thị văn thông tin khác, cung cấp siêu liên kết tới tài liệu khác 1.2/ Công dụng HTML 0 Thiết kế nội dung hình thức trang web Xuất tài liệu trực tuyến hay truy xuất thông tin trực tuyến cách dùng liên kết chèn vào trang web Tạo biểu mẫu trực tuyến nhằm thu thập thông tin người dùng, quản lý giao dịch… Bùi Hoàng Xuân – 182480103023 0 ... bán điện thoại có tiềm dồi Hiểu vấn đề em muốn xây dựng website bán điện thoại trực tuyến, tận dụng nhu cầu cao việc mua bán điện thoại, ưu điểm vượt trội thương mại điện tử WEBSITE xây dựng SHOP. .. lập trình website SHOP ĐIỆN THOẠI Phân tích quy trình nghiệp vụ khách hàng mua, tìm xem web bán Smartphone internet Trên sở thiết kế website phục vụ cho trình tìm kiếm thông tin sản phẩm điện thoại. .. gian: đề tài thiết kế website shop điện thoại xây dựng dựa khảo sát cửa hàng điện thoại TP Thủ Dầu Một, tỉnh Bình Dương Và đề tài tham khảo trang bán lẻ trực tuyến điện thoại internet Thời gian