TRƯỜNG ĐẠ I H Ọ C NAM C ẦN THƠ KHOA CÔNG NGH Ệ THÔNG TIN NGUY Ễ N HOÀNG DUY Đề tài XÂY D Ự NG TRANG WEBSITE BÁN LAPTOP DUONGLONG VN Báo cáo th ự c t ậ p Ngành công ngh ệ thông tin Mã s ố ngành: 748201 C ần thơ, 06/2022 TRƯỜNG ĐẠ I H Ọ C NAM C ẦN THƠ KHOA CÔNG NGH Ệ THÔNG TIN NGUY Ễ N HOÀNG DUY MSSV: 189999 ĐỀ TÀI XÂY D Ự NG TRANG WEBSITE BÁN LAPTOP DUONGLONG VN BÁO CÁO TH Ự C T Ậ P T Ố T NGHI Ệ P Ngành Công Ngh ệ Thông Tin Mã s ố ngành: 748201 CÁN B Ộ HƯỚ NG D Ẫ N ThS BÙI TH Ị DI Ễ M TRINH C ầ n thơ, 06/20 22 i L Ờ I C Ả M ƠN L ời đầ u tiên, em xin g ử i l ờ i c ảm ơn chân thành nhất đến toàn bộ quý thầ y cô, ban giám hiệu Trường Đại học Nam Cần Thơ, Quý thầy cô lãnh đạo khoa Công nghệ thông tin, quý thầy cô bộ môn đã dạy dỗ chúng em, truyền đạt nhữ ng ki ế n thức quý báu cho chúng em trong suốt bốn năm họ c t ập và rèn luyện 4 năm tạ i trườ ng Xin c ảm ơn các thầy cô đã tạo điề u ki ện để chúng em có thể hoàn thành bài thự c t ập và báo cáo tốt nghiệ p Em xin g ử i l ờ i c ảm ơn sâu s ắc đế n gi ảng viên hướng dẫ n – Cô ThS Bù i Thị Di ễm Trinh, người đã nhiệt tình hướng dẫn và truyền đạt nhiề u ki ến thức để em hoàn thành được báo cáo thự c t ập này Em xin chân thành cảm ơn quý ban lãnh đạo và các anh, chị trong Công ty TNHH K Ỹ THU ẬT CÔNG NGHỆ DƯƠNG LONG đã tạo điề u ki ện thuậ n l ợi, hỗ tr ợ hết mình cho em trong suốt quá trình em thự c t ậ p t ại công ty Qua đó giúp em đượ c ti ếp xúc thự c t ế , gi ải đáp thắ c m ắc giúp em có thêm hiểu biết và giúp chúng em c ủ ng c ố ngu ồ n ki ến thức thự c t ế và yêu cầu trong nhữ ng công vi ệc sắ p t ớ i Trong qu á trình thự c t ậ p ở quý Công ty TNHH KỸ THU ẬT CÔNG NGHỆ DƯƠNG LONG V ớ i v ố n ki ến thức hạn hẹp và thời gian thự c t ậ p t ại công ty có hạ n nên bài báo cáo của em không thể tránh khỏi những thiếu sót và sai sót trong quá trình làm bài Em rất mong nhận được nhữ ng ý ki ến đóng góp của quý thầy cô và anh chị trong C ông ty TNHH K Ỹ THU ẬT CÔNG NGHỆ DƯƠNG LONG Đó sẽ là hành trang quý giá và nguồ n ki ến thức sâu rộng để em có thể hoàn thiện bản thân sau này và định hướng cho công việc sắ p t ớ i M ộ t l ầ n n ữa em xin chân thành cảm ơn! Cần thơ, ngày … tháng … nă m 2022 Sinh viên th ự c hi ệ n Nguy ễ n Ho à ng Duy NH Ậ N XÉT C Ủ A GI ẢNG VIÊN HƯỚ NG D Ẫ N Điể m: (bằ ng chữ : ) Cần Thơ, ngày… tháng……năm 2022 Gi ảng viên hướ ng d ẫ n (Ký tên và ghi rõ h ọ tên) NH Ậ N XÉT C Ủ A GI Ả NG VIÊN PH Ả N BI Ệ N Điể m: (bằ ng chữ : ) Cần Thơ, ngày… tháng……năm 2022 Gi ả ng viên ph ả n bi ệ n (Ký tên và ghi rõ h ọ tên) ii M Ụ C L Ụ C L ỜI CẢM ƠN i M ỤC LỤC ii DANH M ỤC BẢNG v DANH M ỤC HÌNH vi NH Ậ T KÝ TH ỰC TẬ P vii CHƯƠNG 1: GIỚ I THI Ệ U 1 1 1 Lý do chọn đề tài 1 1 2 Mục tiêu nghiên cứ u 1 1 2 1 Đố i v ới khách hàng 1 1 2 2 Đố i v ới ngườ i qu ả n lý 2 1 3 Phương pháp nghiên cứ u 3 1 3 1 Phương pháp nghiên cứu lý thuyế t 3 1 3 2 Phương pháp thực nghiệ m 3 1 4 Nội dung 3 CHƯƠNG 2: CƠ SỞ LÝ THUY Ế T 4 2 1 Giới thiệu mô hình 4 2 1 1 Công nghệ Website 4 2 1 2 Mô hình Client/Server 4 2 1 3 Mô hình MVC 4 2 1 4 Internet 5 2 3 Tổng quan về hệ qu ả n tr ị cơ sở dữ li ệu Microsoft SQL Server 5 2 3 1 Một số khái niệm cơ bả n 5 2 3 2 Hệ qu ả n tr ị cơ sở dữ li ệ u Microsoft SQL Server 5 2 4 T ổng quan về môi trường phát triển Microsoft Visual 6 2 5 CSS 6 2 5 1 Giới thiệu CSS 6 iii 2 5 2 M ột số công dụ ng c ủa CSS 7 2 6 T ổng quan về ngôn ng ữ l ập trình C# 7 2 7 Các thành phần dữ li ệu phân tích hệ thố ng 8 2 7 1 Mô hình dữ li ệ u m ức quan niệ m 8 2 7 2 Mô hình quan hệ 9 2 7 3 Mô hình thực thể k ết hợ p 9 2 7 4 Mô hình dữ li ệ u m ứ c logic 9 CHƯƠNG 3 : PHÂN TÍCH VÀ THIẾ T K Ế H Ệ TH ỐNG 11 3 1 Phân tích hệ thố ng 11 3 1 1 Xây dựng sơ đồ phân rã chức năng BFD 11 3 1 2 Mô hình luồng dữ li ệu DFD 12 3 2 Thiế t k ế cơ sở dữ li ệ u 14 3 2 1 Xây dựng mô hình thực thể k ết hợ p ERD 14 3 2 2 Xây dựng mô hình dữ li ệ u v ậ t lý 15 3 3 Thiế t k ế giao diệ n 25 3 3 1 Giao diện trang chủ 25 3 3 2 Giao diện trang chi tiết sản phẩ m 26 3 3 3 Giao diện trang đăng kí 27 3 3 4 Giao diện đăng nhậ p 27 3 3 5 Giao diện trang người dùng 28 3 3 6 Giao diện trang Lịch sử mua hàng 28 3 3 7 Giao diện Đổ i m ật khẩ u 29 3 3 8 Giao diện Sổ địa chỉ 29 3 3 9 Giao diện trang Quả n tr ị 30 3 3 10 Giao diện trang Quản lý sản phẩ m 30 3 3 11 Giao diện trang Quản lý thương hiệ u 31 3 3 12 Giao diện trang Quản lý danh mục sản phẩ m 31 3 3 13 Giao diện trang Quản lý đánh giá sản phẩ m 32 3 3 14 Giao diện trang Quản lý chương trình giảm giá 32 iv 3 3 15 Giao diện trang quả n lý Danh sách đơn hàng 33 3 3 16 Giao diện trang quản lý Tài khoả n 33 3 3 17 Giao diện trang chi tiế t t ài khoả n 34 3 3 18 Giao diện trang giỏ hà ng 34 3 3 19 Giao diện phương thức thanh toá n 35 3 3 20 Giao diện thêm sản phẩ m 35 3 3 16 Giao diện chỉnh sửa sản phẩ m 36 3 3 16 Giao diện thêm mớ i gi ả m gi á 36 CHƯƠNG 4: KẾT QUẢ NGHIÊN CỨ U 37 CHƯƠNG 5: KẾ T LU ẬN VÀ KIẾN NGHỊ 38 5 1 Nhậ n xét 38 5 2 Đánh giá kế t qu ả 38 5 2 1 Kế t qu ả đạt đượ c 38 5 2 2 Vi ệ c c hưa đạt đượ c 38 5 2 Hướng phát triể n 39 TÀI LIỆ U THAM KH ẢO 40 v DANH M Ụ C B Ả NG B ảng 3 1: Mô t ả chi tiết bảng Loai 16 B ảng 3 2: Mô t ả chi tiết bảng SanPham 17 B ảng 3 3: Mô t ả chi tiết bảng PhuKien 18 B ảng 3 4: Mô t ả chi tiết bảng ThuongHieu 18 B ảng 3 5: Mô t ả chi tiết bảng DonHang 19 B ảng 3 6: Mô t ả chi tiết bảng ChiTietDonHang 20 B ảng 3 7: Mô t ả chi tiết bảng DiaChiDonHang 20 B ảng 3 8: Mô tả chi tiết bảng LichSuMuaHang 21 B ảng 3 9: Mô t ả chi tiết bảng GiamGia 22 B ảng 3 10: Mô tả c hi tiết bả ng TaiKhoan 22 B ảng 3 11: Mô t ả chi tiết bảng DiaChiTaiKhoan 23 B ảng 3 12: Mô t ả chi tiết bảng Xa 23 B ảng 3 13: Mô t ả chi tiết bảng Quan 23 B ảng 3 14: Mô t ả chi tiết bảng Tinh 24 B ả ng 3 15: Mô t ả chi tiết bảng DanhGia 24 B ảng 3 16: Mô t ả chi tiết bảng TraLoiPhanHoi 24 vi DANH M Ụ C HÌNH Hình 3 1: Giao diện Header và Banner trang chủ 25 Hình 3 2: Giao diện sản phẩ m m ớ i 25 Hình 3 3: Giao diện sản phẩm bán chạ y nhấ t 26 Hình 3 4: Giao diệ n gi ỏ hàng 26 Hình 3 5: Giao diện trang đăng kí 27 Hình 3 6: Giao diện đăng nhậ p 27 Hình 3 7: Giao diện trang người dùng 28 Hình 3 8: Giao diệ n L ịch sử mua hàng 28 Hình 3 9: Giao diện Đổ i m ật khẩ u 29 Hình 3 10: Giao diện Sổ địa chỉ 29 Hình 3 11: Giao diện trang Quả n tr ị 30 Hình 3 12: Giao diện trang Quản lý sản phẩ m 30 Hình 3 13: Giao diện trang Quản lý thương hiệ u 31 Hình 3 14: Giao diện trang Quản lý danh mục sản phẩ m 31 Hình 3 15: Giao diện trang Quản lý đánh giá sản phẩ m 32 Hình 3 16: Giao diện trang Quản lý chương trình giảm giá 32 Hình 3 17: Giao diện trang quản lý Danh sách đơn hàng 33 Hình 3 18: Giao diện trang quản lý Tài khoả n 33 Hình 3 19: Giao diện trang chi tiế t t ài khoả n 34 Hình 3 20: Giao diện trang giỏ hà ng 34 Hình 3 21: Giao diện phương thức thanh toá n 35 Hình 3 22: Giao diện thêm sản phẩ m 35 Hình 3 23: Giao diện chỉnh sửa sản phẩ m 36 Hình 3 24: Giao diện thêm mớ i gi ả m gi á 36
TRƯỜNG ĐẠI HỌC NAM CẦN THƠ KHOA CÔNG NGHỆ THÔNG TIN NGUYỄN HOÀNG DUY Đề tài XÂY DỰNG TRANG WEBSITE BÁN LAPTOP DUONGLONG.VN Báo cáo thực tập Ngành công nghệ thông tin Mã số ngành: 748201 Cần thơ, 06/2022 TRƯỜNG ĐẠI HỌC NAM CẦN THƠ KHOA CÔNG NGHỆ THƠNG TIN NGUYỄN HỒNG DUY MSSV: 189999 ĐỀ TÀI XÂY DỰNG TRANG WEBSITE BÁN LAPTOP DUONGLONG.VN BÁO CÁO THỰC TẬP TỐT NGHIỆP Ngành Công Nghệ Thông Tin Mã số ngành: 748201 CÁN BỘ HƯỚNG DẪN ThS BÙI THỊ DIỄM TRINH Cần thơ, 06/2022 LỜI CẢM ƠN Lời đầu tiên, em xin gửi lời cảm ơn chân thành đến tồn q thầy cơ, ban giám hiệu Trường Đại học Nam Cần Thơ, Quý thầy cô lãnh đạo khoa Công nghệ thông tin, quý thầy cô môn dạy dỗ chúng em, truyền đạt kiến thức quý báu cho chúng em suốt bốn năm học tập rèn luyện năm trường Xin cảm ơn thầy cô tạo điều kiện để chúng em hồn thành thực tập báo cáo tốt nghiệp Em xin gửi lời cảm ơn sâu sắc đến giảng viên hướng dẫn – Cô ThS Bùi Thị Diễm Trinh, người nhiệt tình hướng dẫn truyền đạt nhiều kiến thức để em hoàn thành báo cáo thực tập Em xin chân thành cảm ơn quý ban lãnh đạo anh, chị Cơng ty TNHH KỸ THUẬT CƠNG NGHỆ DƯƠNG LONG tạo điều kiện thuận lợi, hỗ trợ cho em suốt trình em thực tập cơng ty Qua giúp em tiếp xúc thực tế, giải đáp thắc mắc giúp em có thêm hiểu biết giúp chúng em củng cố nguồn kiến thức thực tế yêu cầu công việc tới Trong trình thực tập q Cơng ty TNHH KỸ THUẬT CƠNG NGHỆ DƯƠNG LONG Với vốn kiến thức hạn hẹp thời gian thực tập cơng ty có hạn nên báo cáo em khơng thể tránh khỏi thiếu sót sai sót q trình làm Em mong nhận ý kiến đóng góp quý thầy cô anh chị Công ty TNHH KỸ THUẬT CƠNG NGHỆ DƯƠNG LONG Đó hành trang quý giá nguồn kiến thức sâu rộng để em hồn thiện thân sau định hướng cho công việc tới Một lần em xin chân thành cảm ơn! Cần thơ, ngày … tháng … năm 2022 Sinh viên thực Nguyễn Hoàng Duy i NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN Điểm: (bằng chữ: .) Cần Thơ, ngày… tháng……năm 2022 Giảng viên hướng dẫn (Ký tên ghi rõ họ tên) NHẬN XÉT CỦA GIẢNG VIÊN PHẢN BIỆN Điểm: (bằng chữ: ) Cần Thơ, ngày… tháng……năm 2022 Giảng viên phản biện (Ký tên ghi rõ họ tên) MỤC LỤC LỜI CẢM ƠN i MỤC LỤC ii DANH MỤC BẢNG v DANH MỤC HÌNH vi NHẬT KÝ THỰC TẬP vii CHƯƠNG 1: GIỚI THIỆU .1 1.1 Lý chọn đề tài 1.2 Mục tiêu nghiên cứu 1.2.1 Đối với khách hàng 1.2.2 Đối với người quản lý 1.3 Phương pháp nghiên cứu .3 1.3.1 Phương pháp nghiên cứu lý thuyết 1.3.2 Phương pháp thực nghiệm 1.4 Nội dung CHƯƠNG 2: CƠ SỞ LÝ THUYẾT 2.1 Giới thiệu mơ hình 2.1.1 Công nghệ Website 2.1.2 Mơ hình Client/Server 2.1.3 Mơ hình MVC 2.1.4 Internet .5 2.3 Tổng quan hệ quản trị sở liệu Microsoft SQL Server 2.3.1 Một số khái niệm 2.3.2 Hệ quản trị sở liệu Microsoft SQL Server .5 2.4 Tổng quan môi trường phát triển Microsoft Visual 2.5 CSS 2.5.1 Giới thiệu CSS ii 2.5.2 Một số công dụng CSS 2.6 Tổng quan ngôn ngữ lập trình C# 2.7 Các thành phần liệu phân tích hệ thống 2.7.1 Mơ hình liệu mức quan niệm 2.7.2 Mô hình quan hệ .9 2.7.3 Mơ hình thực thể kết hợp 2.7.4 Mơ hình liệu mức logic .9 CHƯƠNG : PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG .11 3.1 Phân tích hệ thống .11 3.1.1 Xây dựng sơ đồ phân rã chức BFD 11 3.1.2 Mơ hình luồng liệu DFD 12 3.2 Thiết kế sở liệu 14 3.2.1 Xây dựng mô hình thực thể kết hợp ERD 14 3.2.2 Xây dựng mơ hình liệu vật lý .15 3.3 Thiết kế giao diện 25 3.3.1 Giao diện trang chủ 25 3.3.2 Giao diện trang chi tiết sản phẩm 26 3.3.3 Giao diện trang đăng kí 27 3.3.4 Giao diện đăng nhập .27 3.3.5 Giao diện trang người dùng .28 3.3.6 Giao diện trang Lịch sử mua hàng 28 3.3.7 Giao diện Đổi mật 29 3.3.8 Giao diện Sổ địa 29 3.3.9 Giao diện trang Quản trị 30 3.3.10 Giao diện trang Quản lý sản phẩm .30 3.3.11 Giao diện trang Quản lý thương hiệu 31 3.3.12 Giao diện trang Quản lý danh mục sản phẩm 31 3.3.13 Giao diện trang Quản lý đánh giá sản phẩm 32 3.3.14 Giao diện trang Quản lý chương trình giảm giá 32 iii 3.3.15 Giao diện trang quản lý Danh sách đơn hàng 33 3.3.16 Giao diện trang quản lý Tài khoản .33 3.3.17 Giao diện trang chi tiết tài khoản 34 3.3.18 Giao diện trang giỏ hàng 34 3.3.19 Giao diện phương thức toán 35 3.3.20 Giao diện thêm sản phẩm .35 3.3.16 Giao diện chỉnh sửa sản phẩm .36 3.3.16 Giao diện thêm giảm giá .36 CHƯƠNG 4: KẾT QUẢ NGHIÊN CỨU .37 CHƯƠNG 5: KẾT LUẬN VÀ KIẾN NGHỊ 38 5.1 Nhận xét 38 5.2 Đánh giá kết 38 5.2.1 Kết đạt 38 5.2.2 Việc chưa đạt 38 5.2 Hướng phát triển 39 TÀI LIỆU THAM KHẢO .40 iv DANH MỤC BẢNG Bảng 1: Mô tả chi tiết bảng Loai 16 Bảng 2: Mô tả chi tiết bảng SanPham 17 Bảng 3: Mô tả chi tiết bảng PhuKien 18 Bảng 4: Mô tả chi tiết bảng ThuongHieu 18 Bảng 5: Mô tả chi tiết bảng DonHang 19 Bảng 6: Mô tả chi tiết bảng ChiTietDonHang 20 Bảng 7: Mô tả chi tiết bảng DiaChiDonHang .20 Bảng 8: Mô tả chi tiết bảng LichSuMuaHang 21 Bảng 9: Mô tả chi tiết bảng GiamGia 22 Bảng 10: Mô tả chi tiết bảng TaiKhoan 22 Bảng 11: Mô tả chi tiết bảng DiaChiTaiKhoan 23 Bảng 12: Mô tả chi tiết bảng Xa 23 Bảng 13: Mô tả chi tiết bảng Quan .23 Bảng 14: Mô tả chi tiết bảng Tinh 24 Bảng 15: Mô tả chi tiết bảng DanhGia 24 Bảng 16: Mô tả chi tiết bảng TraLoiPhanHoi .24 v DANH MỤC HÌNH Hình 1: Giao diện Header Banner trang chủ 25 Hình 2: Giao diện sản phẩm 25 Hình 3: Giao diện sản phẩm bán chạy 26 Hình 4: Giao diện giỏ hàng 26 Hình 5: Giao diện trang đăng kí 27 Hình 6: Giao diện đăng nhập 27 Hình 7: Giao diện trang người dùng .28 Hình 8: Giao diện Lịch sử mua hàng 28 Hình 9: Giao diện Đổi mật 29 Hình 10: Giao diện Sổ địa .29 Hình 11: Giao diện trang Quản trị .30 Hình 12: Giao diện trang Quản lý sản phẩm .30 Hình 13: Giao diện trang Quản lý thương hiệu 31 Hình 14: Giao diện trang Quản lý danh mục sản phẩm 31 Hình 15: Giao diện trang Quản lý đánh giá sản phẩm 32 Hình 16: Giao diện trang Quản lý chương trình giảm giá 32 Hình 17: Giao diện trang quản lý Danh sách đơn hàng 33 Hình 18: Giao diện trang quản lý Tài khoản .33 Hình 19: Giao diện trang chi tiết tài khoản 34 Hình 20: Giao diện trang giỏ hàng 34 Hình 21: Giao diện phương thức toán .35 Hình 22: Giao diện thêm sản phẩm .35 Hình 23: Giao diện chỉnh sửa sản phẩm .36 Hình 24: Giao diện thêm giảm giá .36 vi